.elementor-4017 .elementor-element.elementor-element-47d6abe9{--display:flex;--min-height:350px;--justify-content:flex-end;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:50px 50px;--row-gap:50px;--column-gap:50px;--overlay-opacity:0.6;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-4017 .elementor-element.elementor-element-47d6abe9:not(.elementor-motion-effects-element-type-background), .elementor-4017 .elementor-element.elementor-element-47d6abe9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F5F8;background-image:url("https://thecollectives.amsterdam/wp-content/uploads/2025/07/TCA-Banner-v1.png");}.elementor-4017 .elementor-element.elementor-element-47d6abe9::before, .elementor-4017 .elementor-element.elementor-element-47d6abe9 > .elementor-background-video-container::before, .elementor-4017 .elementor-element.elementor-element-47d6abe9 > .e-con-inner > .elementor-background-video-container::before, .elementor-4017 .elementor-element.elementor-element-47d6abe9 > .elementor-background-slideshow::before, .elementor-4017 .elementor-element.elementor-element-47d6abe9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4017 .elementor-element.elementor-element-47d6abe9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-4017 .elementor-element.elementor-element-1c58eb49{--display:flex;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4017 .elementor-element.elementor-element-40d65cf4 > .elementor-widget-container{margin:0px 0px -30px 0px;}.elementor-4017 .elementor-element.elementor-element-40d65cf4{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:300;color:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4017 .elementor-element.elementor-element-32bfeb83 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:400;text-transform:uppercase;color:#FFFFFF;}.elementor-4017 .elementor-element.elementor-element-5a67b349{font-family:"Roboto", Sans-serif;font-weight:300;color:#FFFFFF;}.elementor-4017 .elementor-element.elementor-element-36c7100{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:75px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-4017 .elementor-element.elementor-element-322e26e .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-4017 .elementor-element.elementor-element-d80cf60 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-4017 .elementor-element.elementor-element-d80cf60{text-align:center;}.elementor-4017 .elementor-element.elementor-element-d80cf60 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:400;color:#000000;}.elementor-4017 .elementor-element.elementor-element-cf16b1f{text-align:center;font-family:"Roboto", Sans-serif;font-weight:300;color:#000000;}.elementor-4017 .elementor-element.elementor-element-746e9b74{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 40px;--row-gap:0px;--column-gap:40px;--padding-top:75px;--padding-bottom:75px;--padding-left:10px;--padding-right:10px;}.elementor-4017 .elementor-element.elementor-element-1b89b2e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4017 .elementor-element.elementor-element-61de205e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4017 .elementor-element.elementor-element-6d012046.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4017 .elementor-element.elementor-element-6d012046.elementor-wc-products ul.products li.product span.onsale{display:block;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4017 .elementor-element.elementor-element-1b89b2e{--width:20%;}.elementor-4017 .elementor-element.elementor-element-61de205e{--width:80%;}}@media(max-width:1024px){.elementor-4017 .elementor-element.elementor-element-47d6abe9{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:25%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-4017 .elementor-element.elementor-element-6d012046.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-4017 .elementor-element.elementor-element-47d6abe9{--min-height:400px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-4017 .elementor-element.elementor-element-47d6abe9:not(.elementor-motion-effects-element-type-background), .elementor-4017 .elementor-element.elementor-element-47d6abe9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-4017 .elementor-element.elementor-element-1c58eb49{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-4017 .elementor-element.elementor-element-40d65cf4{font-size:12px;}.elementor-4017 .elementor-element.elementor-element-32bfeb83 .elementor-heading-title{font-size:28px;}.elementor-4017 .elementor-element.elementor-element-5a67b349{font-size:14px;}.elementor-4017 .elementor-element.elementor-element-746e9b74{--padding-top:30px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-4017 .elementor-element.elementor-element-6d012046.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for container, class: .elementor-element-1b89b2e *//* WooCommerce Product Grid Styling */
.elementor-products-grid .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 2.5rem !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.elementor-products-grid .woocommerce ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    clear: none !important;
    position: relative !important;
}

.elementor-products-grid .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.25rem !important;
    color: #000 !important;
    margin: 0.75rem 0 0.25rem 0 !important;
    padding: 0 !important;
    text-align: left !important;
    font-weight: 300 !important;
}

.elementor-products-grid .woocommerce ul.products li.product .price {
    color: #000 !important;
    font-weight: 400 !important;
    font-size: 0.85rem !important;
    margin: 0 !important;
}

.elementor-products-grid .woocommerce ul.products li.product img {
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3/4 !important;
    object-fit: cover !important;
}

.elementor-products-grid .woocommerce ul.products li.product .button {
    display: none !important;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .elementor-products-grid .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 2rem !important;
    }
}

@media (max-width: 767px) {
    .elementor-products-grid .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 2rem !important;
    }
    .elementor-products-grid .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 1rem !important;
    }
}

/* Pagination styling */
.woocommerce-pagination {
    margin-top: 4rem !important;
}

.woocommerce-pagination ul.page-numbers {
    border: none !important;
    display: flex !important;
    justify-content: center !important;
    gap: 0.5rem !important;
}

.woocommerce-pagination ul.page-numbers li {
    border: none !important;
    margin: 0 !important;
}

.woocommerce-pagination ul.page-numbers li .page-numbers {
    padding: 0.5rem 1rem !important;
    background: transparent !important;
    color: #000 !important;
    font-size: 0.9rem !important;
}

.woocommerce-pagination ul.page-numbers li .page-numbers.current {
    background: #000 !important;
    color: #fff !important;
}

/* Remove sorting dropdown */
.woocommerce-ordering select {
    padding: 8px 12px !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 0 !important;
    font-size: 0.9rem !important;
    font-weight: 300 !important;
    color: #000 !important;
    background-color: #fff !important;
    min-width: 200px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%22%20stroke%3D%22%23000%22%20fill%3D%22none%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    cursor: pointer !important;
}

/* Remove results count */
.woocommerce-ordering select:focus {
    outline: none !important;
    border-color: #000 !important;
}

/* Results count styling */
.woocommerce-result-count {
    font-size: 0.9rem !important;
    font-weight: 300 !important;
    color: #000 !important;
    margin: 0 0 2rem !important;
}

/* Container for sorting and results */
.woocommerce > .woocommerce-ordering,
.woocommerce > .woocommerce-result-count {
    margin-bottom: 3rem !important;
}

/* Product Hover Effect */
.elementor-products-grid .woocommerce ul.products li.product a img {
    transition: opacity 0.2s ease !important;
}

.elementor-products-grid .woocommerce ul.products li.product a:hover img {
    opacity: 0.85 !important;
}

/* Out of Stock Styling */
.elementor-products-grid .woocommerce ul.products li.product.outofstock::before {
    content: "Uitverkocht" !important;
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    padding: 5px 10px !important;
    font-size: 0.75rem !important;
    z-index: 1 !important;
}

/* Sorting and results wrapper */
.elementor-products-grid .woocommerce-notices-wrapper + p.woocommerce-result-count,
.elementor-products-grid .woocommerce-ordering {
    margin: 0 0 1.5rem !important;
}

.elementor-products-grid .woocommerce-notices-wrapper + p.woocommerce-result-count {
    line-height: 41px !important;
    margin: 0 !important;
}

.elementor-products-grid .woocommerce-ordering {
    float: right !important;
}

/* Hover effect alleen op product afbeelding */
.elementor-products-grid .woocommerce ul.products li.product .woocommerce-loop-product__link {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
}

.yith-wcan-filters .filter-title {
	font-weight: 400 !important;
	font-famaly: roboto !important;
}
.yith-wcan-filters .filter-items {
	font-weight: 300 !important;
	font-famaly: roboto !important;
}

.yith-wcan-filters .filter-items a:hover, .yith-wcan-filters .filter-items .active a  { 
	font-weight: 400 !important;
color: black !important;
}

/* Filter en sortering styling voor mobiel */
@media (max-width: 767px) {
    /* Filter container */
    .yith-wcan-filters {
        margin-bottom: 2rem !important;
    }

    /* Filter titel */
    .yith-wcan-filters .filter-title {
        font-size: 1rem !important;
        padding: 0.75rem 0 !important;
        margin: 0 !important;
        border-bottom: 1px solid #e5e5e5 !important;
        position: relative !important;
        cursor: pointer !important;
    }

    /* Voeg pijltje toe aan filter titels */
    .yith-wcan-filters .filter-title::after {
        content: "+" !important;
        position: absolute !important;
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    /* Filter content verbergen standaard */
    .yith-wcan-filters .filter-content {
        display: none !important;
        padding: 1rem 0 !important;
    }

    /* Filter content tonen wanneer actief */
    .yith-wcan-filters .filter-content.active {
        display: block !important;
    }

    /* Resultaten telling verbergen op mobiel */
    .woocommerce-result-count {
        display: none !important;
    }

    /* Sortering dropdown volledig breed */
    .woocommerce-ordering {
        width: 100% !important;
        margin-bottom: 2rem !important;
    }

    .woocommerce-ordering select {
        width: 100% !important;
        min-width: 100% !important;
    }
}

/* Algemene filter verbeteringen */
.yith-wcan-filters .filter-items {
    max-height: 300px !important;
    overflow-y: auto !important;
    padding-right: 10px !important;
}

.yith-wcan-filters .filter-item label {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

/* Filter en Sort styling */
.filter-sort-buttons {
    display: flex !important;
    gap: 1rem !important;
    margin-bottom: 2rem !important;
}

/* Consistente styling voor filter knop en sort dropdown */
.filter-button,
.woocommerce-ordering select {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    padding: 8px 12px !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 0 !important;
    background-color: #fff !important;
    font-size: 0.9rem !important;
    font-weight: 300 !important;
    color: #000 !important;
    cursor: pointer !important;
    flex: 1 !important;
    min-width: 0 !important;
    font-family: inherit !important;
}

/* Reset filters knop in popup */
.filter-popup .yith-wcan-reset-filters {
    border: 1px solid #e5e5e5 !important;
    background: #fff !important;
    padding: 8px 12px !important;
    color: #000 !important;
    font-size: 0.9rem !important;
    font-weight: 300 !important;
    cursor: pointer !important;
    width: 100% !important;
    margin-top: 1rem !important;
    font-family: inherit !important;
}

/* Verberg originele reset knop */
.elementor-element-11533f2 {
    display: none !important;
}

@media (max-width: 767px) {
    /* Zorg dat filter-sort-buttons altijd zichtbaar blijft */
    .filter-sort-buttons {
        display: flex !important;
    }
}

/* Filter popup styling */
.filter-popup {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: #fff !important;
    z-index: 9999 !important;
    transform: translateX(100%) !important;
    transition: transform 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
}

.filter-popup.active {
    transform: translateX(0) !important;
}

/* Filter popup header - nu echt vast */
.filter-popup-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 1rem !important;
    border-bottom: 1px solid #e5e5e5 !important;
    background: #fff !important;
    z-index: 1 !important;
    position: relative !important;
}

.filter-popup-header h3 {
    margin: 0 !important;
    font-size: 0.9rem !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
}

.filter-close-btn {
    border: none !important;
    background: none !important;
    padding: 0.5rem !important;
    cursor: pointer !important;
    font-size: 1.5rem !important;
    color: #000 !important;
}

/* Filter styling in popup */
.filter-popup .yith-wcan-filters .filter-title {
    border: none !important;
    padding: 0 !important;
    margin-bottom: 0.75rem !important;
}

.filter-popup .yith-wcan-filters .filter-content {
    display: block !important; /* Altijd zichtbaar in popup */
    margin-bottom: 1.5rem !important;
}

.filter-popup .yith-wcan-filters .filter-items {
    margin: 0 !important;
    padding: 0 !important;
}

.filter-popup .yith-wcan-filters .filter-item {
    margin-bottom: 0.5rem !important;
}

.filter-popup .yith-wcan-filters .filter-item label {
    font-size: 0.9rem !important;
    font-weight: 300 !important;
}

/* Verberg filters standaard op mobiel */
@media (max-width: 767px) {
    .yith-wcan-filters {
        display: none !important;
    }

    /* Toon filters alleen in popup */
    .filter-popup .yith-wcan-filters {
        display: block !important;
    }

    /* Styling voor sortering in buttons container */
    .woocommerce-ordering {
        flex: 1 !important;
        margin: 0 !important;
    }

    /* Verberg resultaten telling */
    .woocommerce-result-count {
        display: none !important;
    }
}

/* Scrollbare content container */
.filter-popup-content {
    flex: 1 !important;
    overflow-y: auto !important;
    padding: 1rem !important;
}

/* Verwijder plus icoon in popup */
.filter-popup .yith-wcan-filters .filter-title::after {
    display: none !important;
}

/* Desktop filter styling */
.yith-wcan-filters .filter-items {
    margin-bottom: 1rem !important;
}

.yith-wcan-filters .filter-item label {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

/* Reset filters knop - desktop */
.elementor-element-11533f2 {
    display: block !important;
}

.elementor-element-11533f2 .yith-wcan-reset-filters {
    padding: 8px 12px !important;
    border: 1px solid #e5e5e5 !important;
    background: #fff !important;
    color: #000 !important;
    font-size: 0.9rem !important;
    font-weight: 300 !important;
    cursor: pointer !important;
    width: 100% !important;
    display: block !important;
}

/* Verwijder scrollbars op desktop */
.yith-wcan-filters .filter-items {
    max-height: none !important;
    overflow-y: visible !important;
    padding-right: 0 !important;
}

/* Mobiele styling */
@media (max-width: 767px) {
    /* Verberg desktop reset knop */
    .elementor-element-11533f2 {
        display: none !important;
    }

    /* Filter popup content scrolling */
    .filter-popup-content {
        flex: 1 !important;
        overflow-y: auto !important;
        padding: 1rem !important;
    }

    /* Reset knop styling in popup */
    .filter-popup .yith-wcan-reset-filters {
        border: 1px solid #e5e5e5 !important;
        background: #fff !important;
        padding: 8px 12px !important;
        color: #000 !important;
        font-size: 0.9rem !important;
        font-weight: 300 !important;
        cursor: pointer !important;
        width: 100% !important;
        margin-top: 1rem !important;
        font-family: inherit !important;
    }

    /* Verberg filters standaard op mobiel */
    .yith-wcan-filters {
        display: none !important;
    }

    /* Toon filters alleen in popup */
    .filter-popup .yith-wcan-filters {
        display: block !important;
    }
}/* End custom CSS */