.elementor-4004 .elementor-element.elementor-element-af0d65f{--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;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4004 .elementor-element.elementor-element-824405f .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-4004 .elementor-element.elementor-element-824405f{--e-off-canvas-justify-content:flex-end;--e-off-canvas-width:20%;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-4004 .elementor-element.elementor-element-09ff23f{--display:flex;--gap:50px 0px;--row-gap:50px;--column-gap:0px;--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-widget-jet-smart-filters-checkboxes .jet-filter-items-moreless__toggle{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-jet-smart-filters-checkboxes .apply-filters__button, .elementor-widget-jet-smart-filters-checkboxes .jet-filter-items-dropdown__apply-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-4004 .elementor-element.elementor-element-cef4b5b .jet-checkboxes-list__row{display:block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-top:calc(17px/2);margin-bottom:calc(17px/2);}.elementor-4004 .elementor-element.elementor-element-cef4b5b .jet-list-tree__children{display:block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-left:21px;}.elementor-4004 .elementor-element.elementor-element-cef4b5b .jet-checkboxes-list-wrapper{margin-left:calc(-5px/2);margin-right:calc(-5px/2);margin-top:calc(-17px/2);margin-bottom:calc(-17px/2);}.elementor-4004 .elementor-element.elementor-element-cef4b5b .jet-checkboxes-list__label{font-family:"Syncopate", Sans-serif;font-size:12px;text-transform:uppercase;}.elementor-4004 .elementor-element.elementor-element-cef4b5b .jet-checkboxes-list__decorator{width:16px;height:16px;min-width:16px;min-height:16px;margin-right:5px;}.rtl .elementor-4004 .elementor-element.elementor-element-cef4b5b .jet-checkboxes-list__decorator{margin-left:5px;}.elementor-4004 .elementor-element.elementor-element-cef4b5b .jet-checkboxes-list__checked-icon{font-size:12px;}.elementor-4004 .elementor-element.elementor-element-cef4b5b .jet-collapse-icon{width:20px;height:20px;}.elementor-4004 .elementor-element.elementor-element-cef4b5b .jet-collapse-none{width:20px;height:20px;}.elementor-4004 .elementor-element.elementor-element-cef4b5b .jet-filter-label{font-family:"Syncopate", Sans-serif;font-size:16px;text-transform:uppercase;margin:0px 0px 20px 0px;}.elementor-4004 .elementor-element.elementor-element-cef4b5b .jet-filter+.jet-filter{margin-top:12px;}.elementor-4004 .elementor-element.elementor-element-cef4b5b .jet-select[data-hierarchical="1"] + .jet-select[data-hierarchical="1"]{margin-top:12px;}.elementor-4004 .elementor-element.elementor-element-3b48e8d .jet-checkboxes-list__row{display:block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-top:calc(17px/2);margin-bottom:calc(17px/2);}.elementor-4004 .elementor-element.elementor-element-3b48e8d .jet-list-tree__children{display:block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-left:21px;}.elementor-4004 .elementor-element.elementor-element-3b48e8d .jet-checkboxes-list-wrapper{margin-left:calc(-5px/2);margin-right:calc(-5px/2);margin-top:calc(-17px/2);margin-bottom:calc(-17px/2);}.elementor-4004 .elementor-element.elementor-element-3b48e8d .jet-checkboxes-list__label{font-family:"Syncopate", Sans-serif;font-size:12px;text-transform:uppercase;}.elementor-4004 .elementor-element.elementor-element-3b48e8d .jet-checkboxes-list__decorator{width:16px;height:16px;min-width:16px;min-height:16px;margin-right:5px;}.rtl .elementor-4004 .elementor-element.elementor-element-3b48e8d .jet-checkboxes-list__decorator{margin-left:5px;}.elementor-4004 .elementor-element.elementor-element-3b48e8d .jet-checkboxes-list__checked-icon{font-size:12px;}.elementor-4004 .elementor-element.elementor-element-3b48e8d .jet-collapse-icon{width:20px;height:20px;}.elementor-4004 .elementor-element.elementor-element-3b48e8d .jet-collapse-none{width:20px;height:20px;}.elementor-4004 .elementor-element.elementor-element-3b48e8d .jet-filter-label{font-family:"Syncopate", Sans-serif;font-size:16px;text-transform:uppercase;margin:0px 0px 20px 0px;}.elementor-4004 .elementor-element.elementor-element-3b48e8d .jet-filter+.jet-filter{margin-top:12px;}.elementor-4004 .elementor-element.elementor-element-3b48e8d .jet-select[data-hierarchical="1"] + .jet-select[data-hierarchical="1"]{margin-top:12px;}.elementor-widget-jet-smart-filters-remove-filters .jet-remove-all-filters__button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-4004 .elementor-element.elementor-element-a09695a .jet-remove-all-filters__button{font-family:"Syncopate", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;color:#000000;background-color:#02010100;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;-webkit-align-self:center;align-self:center;}.elementor-4004 .elementor-element.elementor-element-6708c6f{--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;}.elementor-4004 .elementor-element.elementor-element-c8a6753{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3%;--padding-bottom:3%;--padding-left:5%;--padding-right:5%;}.elementor-4004 .elementor-element.elementor-element-c8a6753:not(.elementor-motion-effects-element-type-background), .elementor-4004 .elementor-element.elementor-element-c8a6753 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4004 .elementor-element.elementor-element-123a15f .elementor-button{background-color:#DDDDDD00;font-family:"Syncopate", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;fill:#000000;color:#000000;border-style:solid;border-width:0px 0.5px 0px 0.5px;border-color:#CCCCCC;border-radius:0px 0px 0px 0px;padding:5px 10px 5px 10px;}.elementor-4004 .elementor-element.elementor-element-123a15f.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}body:not(.rtl) .elementor-4004 .elementor-element.elementor-element-123a15f{right:5%;}body.rtl .elementor-4004 .elementor-element.elementor-element-123a15f{left:5%;}.elementor-4004 .elementor-element.elementor-element-123a15f .elementor-button-content-wrapper{flex-direction:row;}.elementor-4004 .elementor-element.elementor-element-37aba7c{--display:flex;}.elementor-4004 .elementor-element.elementor-element-37aba7c:not(.elementor-motion-effects-element-type-background), .elementor-4004 .elementor-element.elementor-element-37aba7c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F1F1;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4004 .elementor-element.elementor-element-a4bf6b8{--grid-columns:4;--grid-row-gap:7px;--grid-column-gap:7px;}.elementor-4004 .elementor-element.elementor-element-a4bf6b8 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-4004 .elementor-element.elementor-element-a4bf6b8 .e-loop-item > .elementor-section, .elementor-4004 .elementor-element.elementor-element-a4bf6b8 .e-loop-item > .elementor-section > .elementor-container, .elementor-4004 .elementor-element.elementor-element-a4bf6b8 .e-loop-item > .e-con, .elementor-4004 .elementor-element.elementor-element-a4bf6b8 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1024px){.elementor-4004 .elementor-element.elementor-element-824405f{--e-off-canvas-width:35%;}.elementor-4004 .elementor-element.elementor-element-a4bf6b8{--grid-columns:2;}}@media(max-width:767px){.elementor-4004 .elementor-element.elementor-element-824405f{--e-off-canvas-width:70%;}.elementor-4004 .elementor-element.elementor-element-09ff23f{--width:100%;}.elementor-4004 .elementor-element.elementor-element-a4bf6b8{--grid-columns:2;}}/* Start custom CSS for html, class: .elementor-element-2d96d23 */.custom-live-filter-bar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:15px;
    margin-bottom:20px;
    padding:10px 0;
}

.live-active-filters{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.filter-chip{
    padding:6px 12px;
    border:1px solid #ddd;
    border-radius:30px;
    font-size:14px;
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:8px;
    background:#fff;
}

.filter-chip .remove{
    font-weight:bold;
    cursor:pointer;
}

.live-result-count{
    font-weight:600;
    font-size:14px;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a4bf6b8 *//* ── Banner item inside Elementor Pro Loop Grid ───────────── */
.wacb-banner {
    grid-column: span 2;
    border-radius: 0px;
    overflow: hidden;
    position: relative;
    min-height: 260px;
}

.wacb-inner {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: relative;
}

.wacb-banner img {
    width: 100%;
    height: 100%;
    min-height: 260px;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.wacb-banner:hover img {
    transform: scale(1.04);
}

.wacb-overlay {
    position: absolute;
    inset: auto 0 0 0;
    padding: 28px 20px 20px;
    background: linear-gradient(to top, rgba(0,0,0,.65), transparent);
}

.wacb-title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 5px;
    line-height: 1.25;
}

.wacb-sub {
    color: rgba(255,255,255,.82);
    font-size: 13px;
    margin: 0;
}

/* ── Make sure Elementor loop container is CSS Grid ──────── */
.elementor-loop-container,
.e-loop-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 16px !important;
}

/* ── Tablet ──────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .elementor-loop-container,
    .e-loop-container {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .wacb-banner { grid-column: span 2; }
}

/* ── Mobile: 2 columns (changed from 1) ─────────────────── */
@media (max-width: 600px) {
    .elementor-loop-container,
    .e-loop-container {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }

    .wacb-banner {
        grid-column: span 2;
        min-height: 140px;
    }
    .wacb-banner img { min-height: 140px; }
    .wacb-title { font-size: 14px; }
    .wacb-sub   { font-size: 11px; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-37aba7c *//* ── Force Elementor loop container to CSS Grid ──────────── */
ul.products,
.elementor-loop-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* ── Banner: span 2 columns, same row height as 2 products ─ */
.wacb-banner {
    grid-column: span 2;
    list-style: none;
    border-radius: 0px;
    overflow: hidden;
    position: relative;
    min-height: 260px;
}

.wacb-inner {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: relative;
}

.wacb-banner img {
    width: 100%;
    height: 100%;
    min-height: 260px;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.wacb-banner:hover img {
    transform: scale(1.04);
}

/* ── Overlay text ────────────────────────────────────────── */
.wacb-overlay {
    position: absolute;
    inset: auto 0 0 0;
    padding: 28px 20px 20px;
    background: linear-gradient(to top, rgba(0,0,0,.65), transparent);
}

.wacb-title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 5px;
    line-height: 1.25;
}

.wacb-sub {
    color: rgba(255,255,255,.82);
    font-size: 13px;
    margin: 0;
    line-height: 1.45;
}

/* ── Tablet: 2-col grid, banner still spans full row ─────── */
@media (max-width: 1024px) {
    ul.products,
    .elementor-loop-container {
        grid-template-columns: repeat(2, 1fr);
    }
    .wacb-banner {
        grid-column: span 2;
    }
}

/* ── Mobile: single column, banner full width ────────────── */
@media (max-width: 600px) {
    ul.products,
    .elementor-loop-container {
        grid-template-columns: 1fr;
    }
    .wacb-banner {
        grid-column: 1 / -1;
        min-height: 180px;
    }
    .wacb-banner img { min-height: 180px; }
    .wacb-title { font-size: 16px; }
}/* End custom CSS */