.elementor-922 .elementor-element.elementor-element-6236989{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--overlay-opacity:0.3;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-922 .elementor-element.elementor-element-6236989:not(.elementor-motion-effects-element-type-background), .elementor-922 .elementor-element.elementor-element-6236989 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CECECE;background-image:url("https://perukgalleriet.se/wp-content/uploads/2026/08/imgi_753_03bqqqstid3xpse.webp");background-position:center center;background-size:cover;}.elementor-922 .elementor-element.elementor-element-6236989::before, .elementor-922 .elementor-element.elementor-element-6236989 > .elementor-background-video-container::before, .elementor-922 .elementor-element.elementor-element-6236989 > .e-con-inner > .elementor-background-video-container::before, .elementor-922 .elementor-element.elementor-element-6236989 > .elementor-background-slideshow::before, .elementor-922 .elementor-element.elementor-element-6236989 > .e-con-inner > .elementor-background-slideshow::before, .elementor-922 .elementor-element.elementor-element-6236989 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-922 .elementor-element.elementor-element-7e38d19 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(4px/2);}.elementor-922 .elementor-element.elementor-element-7e38d19 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(4px/2);}.elementor-922 .elementor-element.elementor-element-7e38d19 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(4px/2);}.elementor-922 .elementor-element.elementor-element-7e38d19 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-4px/2);}.elementor-922 .elementor-element.elementor-element-7e38d19 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-4px/2);}.elementor-922 .elementor-element.elementor-element-7e38d19 .elementor-icon-list-icon i{color:#FFFFFFBF;transition:color 0.3s;}.elementor-922 .elementor-element.elementor-element-7e38d19 .elementor-icon-list-icon svg{fill:#FFFFFFBF;transition:fill 0.3s;}.elementor-922 .elementor-element.elementor-element-7e38d19{--e-icon-list-icon-size:16px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-offset:0px;}.elementor-922 .elementor-element.elementor-element-7e38d19 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-922 .elementor-element.elementor-element-7e38d19 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-922 .elementor-element.elementor-element-7e38d19 .elementor-icon-list-item > a{font-size:0.875rem;}.elementor-922 .elementor-element.elementor-element-7e38d19 .elementor-icon-list-text{color:#FFFFFFBF;transition:color 0.3s;}.elementor-922 .elementor-element.elementor-element-15b7aba{text-align:center;}.elementor-922 .elementor-element.elementor-element-15b7aba .elementor-heading-title{font-size:4rem;color:var( --e-global-color-text );}.elementor-922 .elementor-element.elementor-element-5dda6da{--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;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:wrap;--padding-top:32px;--padding-bottom:32px;--padding-left:80px;--padding-right:80px;}.elementor-922 .elementor-element.elementor-element-5dda6da:not(.elementor-motion-effects-element-type-background), .elementor-922 .elementor-element.elementor-element-5dda6da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-922 .elementor-element.elementor-element-9e1c235 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:0.8rem;text-transform:uppercase;line-height:16px;letter-spacing:0.5px;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;padding:14px 24px 12px 24px;}.elementor-922 .elementor-element.elementor-element-9e1c235 .elementor-button:hover, .elementor-922 .elementor-element.elementor-element-9e1c235 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );}.elementor-922 .elementor-element.elementor-element-9e1c235 .elementor-button:hover svg, .elementor-922 .elementor-element.elementor-element-9e1c235 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-922 .elementor-element.elementor-element-3070ddc .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:0.8rem;text-transform:uppercase;line-height:16px;letter-spacing:0.5px;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;padding:14px 24px 12px 24px;}.elementor-922 .elementor-element.elementor-element-3070ddc .elementor-button:hover, .elementor-922 .elementor-element.elementor-element-3070ddc .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );}.elementor-922 .elementor-element.elementor-element-3070ddc .elementor-button:hover svg, .elementor-922 .elementor-element.elementor-element-3070ddc .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-922 .elementor-element.elementor-element-421f810 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:0.8rem;text-transform:uppercase;line-height:16px;letter-spacing:0.5px;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;padding:14px 24px 12px 24px;}.elementor-922 .elementor-element.elementor-element-421f810 .elementor-button:hover, .elementor-922 .elementor-element.elementor-element-421f810 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );}.elementor-922 .elementor-element.elementor-element-421f810 .elementor-button:hover svg, .elementor-922 .elementor-element.elementor-element-421f810 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-922 .elementor-element.elementor-element-a723770 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:0.8rem;text-transform:uppercase;line-height:16px;letter-spacing:0.5px;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;padding:14px 24px 12px 24px;}.elementor-922 .elementor-element.elementor-element-a723770 .elementor-button:hover, .elementor-922 .elementor-element.elementor-element-a723770 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );}.elementor-922 .elementor-element.elementor-element-a723770 .elementor-button:hover svg, .elementor-922 .elementor-element.elementor-element-a723770 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-922 .elementor-element.elementor-element-eae7353 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Poppins", Sans-serif;font-size:0.8rem;text-transform:uppercase;line-height:16px;letter-spacing:0.5px;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;padding:14px 24px 12px 24px;}.elementor-922 .elementor-element.elementor-element-eae7353 .elementor-button:hover, .elementor-922 .elementor-element.elementor-element-eae7353 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );}.elementor-922 .elementor-element.elementor-element-eae7353 .elementor-button:hover svg, .elementor-922 .elementor-element.elementor-element-eae7353 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-922 .elementor-element.elementor-element-25cd543{--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:flex-start;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-922 .elementor-element.elementor-element-25cd543:not(.elementor-motion-effects-element-type-background), .elementor-922 .elementor-element.elementor-element-25cd543 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-922 .elementor-element.elementor-element-2cac421 .iew-woo-product-filters__toolbar-trigger{background-color:var( --e-global-color-primary );color:var( --e-global-color-text );border-style:none;}.elementor-922 .elementor-element.elementor-element-2cac421 .iew-woo-product-filters__toolbar-trigger .iew-woo-product-filters__toolbar-trigger-icon, .elementor-922 .elementor-element.elementor-element-2cac421 .iew-woo-product-filters__toolbar-trigger .iew-woo-product-filters__toolbar-trigger-icon svg, .elementor-922 .elementor-element.elementor-element-2cac421 .iew-woo-product-filters__toolbar-trigger .iew-woo-product-filters__toolbar-trigger-icon i, .elementor-922 .elementor-element.elementor-element-2cac421 .iew-woo-product-filters__toolbar-trigger .iew-woo-product-filters__toolbar-trigger-icon svg *{color:var( --e-global-color-text );fill:var( --e-global-color-text );stroke:var( --e-global-color-text );}.elementor-922 .elementor-element.elementor-element-2cac421 .iew-woo-product-filters__toolbar-trigger-icon{width:20px;height:20px;}.elementor-922 .elementor-element.elementor-element-2cac421 .iew-woo-product-filters__toolbar-trigger-icon-image, .elementor-922 .elementor-element.elementor-element-2cac421 .iew-woo-product-filters__toolbar-trigger-icon svg{width:20px;height:20px;}.elementor-922 .elementor-element.elementor-element-2cac421 .iew-woo-product-filters__toolbar-trigger-icon i{font-size:20px;}.elementor-922 .elementor-element.elementor-element-2cac421 .iew-woo-product-filters__toolbar-trigger, .elementor-922 .elementor-element.elementor-element-2cac421 .iew-woo-product-filters__toolbar-sort-shell{border-radius:0px;min-height:0px;}.elementor-922 .elementor-element.elementor-element-2cac421 .iew-woo-product-filters__panel{background-color:var( --e-global-color-secondary );border-radius:0px;}.elementor-922 .elementor-element.elementor-element-2cac421 .iew-woo-product-filters{color:var( --e-global-color-text );}.elementor-922 .elementor-element.elementor-element-2cac421 .iew-woo-product-filters__panel-grid{gap:8px;}.elementor-922 .elementor-element.elementor-element-2cac421 .iew-woo-product-filters__section-toggle, .elementor-922 .elementor-element.elementor-element-2cac421 .iew-woo-product-filters__section-title{color:var( --e-global-color-text );font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-922 .elementor-element.elementor-element-2cac421 .iew-woo-product-filters__option, .elementor-922 .elementor-element.elementor-element-2cac421 .iew-woo-product-filters__price-label{font-family:"Poppins", Sans-serif;font-weight:300;}.elementor-922 .elementor-element.elementor-element-2cac421 .iew-woo-product-filters__submit{font-family:"Poppins", Sans-serif;font-weight:300;}.elementor-922 .elementor-element.elementor-element-2f70ffa{--grid-columns:4;width:100%;max-width:100%;}.elementor-922 .elementor-element.elementor-element-2f70ffa .elementor-pagination{text-align:center;font-family:"Poppins", Sans-serif;font-size:0.875rem;font-weight:300;margin-top:48px;}.elementor-922 .elementor-element.elementor-element-2f70ffa .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-text );}.elementor-922 .elementor-element.elementor-element-2f70ffa .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-accent );}.elementor-922 .elementor-element.elementor-element-2f70ffa .elementor-pagination .page-numbers.current{color:var( --e-global-color-accent );}body:not(.rtl) .elementor-922 .elementor-element.elementor-element-2f70ffa .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-922 .elementor-element.elementor-element-2f70ffa .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-922 .elementor-element.elementor-element-2f70ffa .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-922 .elementor-element.elementor-element-2f70ffa .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(max-width:1366px){.elementor-922 .elementor-element.elementor-element-6236989{--padding-top:80px;--padding-bottom:80px;--padding-left:64px;--padding-right:64px;}.elementor-922 .elementor-element.elementor-element-15b7aba .elementor-heading-title{font-size:3rem;}.elementor-922 .elementor-element.elementor-element-5dda6da{--padding-top:32px;--padding-bottom:32px;--padding-left:64px;--padding-right:64px;}.elementor-922 .elementor-element.elementor-element-25cd543{--padding-top:64px;--padding-bottom:64px;--padding-left:64px;--padding-right:64px;}}@media(max-width:1024px){.elementor-922 .elementor-element.elementor-element-6236989{--min-height:380px;--padding-top:64px;--padding-bottom:64px;--padding-left:40px;--padding-right:40px;}.elementor-922 .elementor-element.elementor-element-15b7aba .elementor-heading-title{font-size:2.5rem;}.elementor-922 .elementor-element.elementor-element-5dda6da{--padding-top:32px;--padding-bottom:32px;--padding-left:40px;--padding-right:40px;}.elementor-922 .elementor-element.elementor-element-25cd543{--padding-top:64px;--padding-bottom:64px;--padding-left:40px;--padding-right:40px;}.elementor-922 .elementor-element.elementor-element-2f70ffa{--grid-columns:2;}}@media(max-width:767px){.elementor-922 .elementor-element.elementor-element-6236989{--min-height:250px;--overlay-opacity:0.5;--padding-top:40px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-922 .elementor-element.elementor-element-15b7aba .elementor-heading-title{font-size:2rem;}.elementor-922 .elementor-element.elementor-element-5dda6da{--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-922 .elementor-element.elementor-element-9e1c235{width:100%;max-width:100%;}.elementor-922 .elementor-element.elementor-element-3070ddc{width:100%;max-width:100%;}.elementor-922 .elementor-element.elementor-element-421f810{width:100%;max-width:100%;}.elementor-922 .elementor-element.elementor-element-a723770{width:100%;max-width:100%;}.elementor-922 .elementor-element.elementor-element-eae7353{width:100%;max-width:100%;}.elementor-922 .elementor-element.elementor-element-25cd543{--padding-top:40px;--padding-bottom:40px;--padding-left:16px;--padding-right:16px;}.elementor-922 .elementor-element.elementor-element-2f70ffa{--grid-columns:2;}}/* Start custom CSS for icon-list, class: .elementor-element-7e38d19 */.breadcrumbs-list .elementor-icon-list-item a:hover,
.breadcrumbs-list .elementor-icon-list-item a:hover .elementor-icon-list-text {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5dda6da *//* =========================================
   SERVICE BOX – ZOOM + GRADIENT OVERLAY
========================================= */

.service-box {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
}


/* =========================================
   BAKGRUNDSBILD
========================================= */

.service-box::before {
    content: "";
    position: absolute;
    inset: 0;

    z-index: 0;

    background-image: inherit;
    background-position: inherit;
    background-size: inherit;
    background-repeat: inherit;

    transform: scale(1);

    transition:
        transform 1.4s cubic-bezier(0.22, 1, 0.36, 1);

    will-change: transform;

    pointer-events: none;
}


/* =========================================
   MÖRK GRADIENT OVERLAY
   Mörkast i botten, ljusare uppåt
========================================= */

.service-box::after {
    content: "";
    position: absolute;
    inset: 0;

    z-index: 1;

    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.78) 0%,
        rgba(0, 0, 0, 0.55) 28%,
        rgba(0, 0, 0, 0.22) 58%,
        rgba(0, 0, 0, 0) 100%
    );

    pointer-events: none;
}


/* =========================================
   INNEHÅLL
========================================= */

.service-box > * {
    z-index: 2;
}


/* Extra säkerhet:
   första innehållselementet trycks mot botten */
.service-box > *:first-child {
    margin-top: auto !important;
}


/* =========================================
   HOVER – MJUK ZOOM
========================================= */

.service-box:hover::before {
    transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for iew_woo_product_filters, class: .elementor-element-2cac421 *//* ==========================================================
   CONFIG
========================================================== */

.custom-filter {
    --filter-font: "Poppins", sans-serif;

    --filter-panel-width: 488px;
    --filter-panel-bg: #15191d;

    --filter-text: #fff;
    --filter-text-muted: rgba(255, 255, 255, 0.75);

    --filter-accent: #f28c28;
    --filter-border: rgba(255, 255, 255, 0.15);
    --filter-overlay: rgba(0, 0, 0, 0.55);

    --filter-padding-x: 22px;
    --filter-header-height: 64px;

    --filter-transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    --filter-z-overlay: 100002;
    --filter-z-panel: 100003;
}


/* ==========================================================
   BASE
========================================================== */

.custom-filter,
.custom-filter .elementor-widget-container,
.custom-filter .iew-woo-product-filters {
    position: relative;
    width: 100%;
}


/* ==========================================================
   TRIGGER
========================================================== */

.custom-filter .iew-woo-product-filters__toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-start;

    width: 100%;
}

.custom-filter .iew-woo-product-filters__toolbar-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;

    gap: 8px;

    width: auto;
    min-width: 0;
    max-width: none;

    padding: 0;
    margin: 0;

    border: 0;
    background: transparent;
    box-shadow: none;

    color: #151414;

    font-family: var(--filter-font);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;

    cursor: pointer;
}

.custom-filter .iew-woo-product-filters__toolbar-trigger:hover,
.custom-filter .iew-woo-product-filters__toolbar-trigger:focus,
.custom-filter .iew-woo-product-filters__toolbar-trigger:focus-visible {
    border: 0;
    background: transparent;
    box-shadow: none;

    color: #151414;
}

.custom-filter .iew-woo-product-filters__toolbar-trigger-label {
    white-space: nowrap;
}

.custom-filter .iew-woo-product-filters__toolbar-trigger-icon {
    order: -1;

    display: flex;
    align-items: center;
    justify-content: center;
}


/* ==========================================================
   FILTER COUNT
========================================================== */

.custom-filter .iew-filter-count {
    display: none;

    margin-left: -4px;

    font-family: var(--filter-font);
    font-weight: 300;
}

.custom-filter .iew-filter-count.is-visible {
    display: inline;
}


/* ==========================================================
   ORIGINAL ACTIVE BAR
========================================================== */

.custom-filter
.iew-woo-product-filters
> .iew-woo-product-filters__active-bar {
    display: none !important;
}


/* ==========================================================
   PANEL
========================================================== */

.custom-filter .iew-woo-product-filters__panel,
.custom-filter .iew-woo-product-filters__panel[hidden] {
    position: fixed !important;

    top: 0;
    bottom: 0;
    left: 0;

    display: block !important;

    width: min(var(--filter-panel-width), 100vw) !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100dvh;

    padding:
        calc(var(--filter-header-height) + 8px)
        var(--filter-padding-x)
        32px;

    box-sizing: border-box;

    overflow-x: hidden;
    overflow-y: auto;

    background: var(--filter-panel-bg) !important;

    z-index: var(--filter-z-panel) !important;

    transform: translate3d(-100%, 0, 0);

    visibility: visible !important;
    pointer-events: none;

    transition: transform var(--filter-transition);

    will-change: transform;
}

.custom-filter
.iew-woo-product-filters.is-filter-open
.iew-woo-product-filters__panel {
    transform: translate3d(0, 0, 0);

    pointer-events: auto;
}

.custom-filter
.iew-woo-product-filters.is-filter-restoring
.iew-woo-product-filters__panel {
    transition: none !important;
}


/* ==========================================================
   OVERLAY
========================================================== */

.custom-filter .iew-filter-overlay {
    position: fixed;
    inset: 0;

    background: var(--filter-overlay);

    z-index: var(--filter-z-overlay) !important;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition:
        opacity 0.3s ease,
        visibility 0s linear 0.3s;
}

.custom-filter
.iew-woo-product-filters.is-filter-open
.iew-filter-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;

    transition:
        opacity 0.3s ease,
        visibility 0s linear 0s;
}

.custom-filter
.iew-woo-product-filters.is-filter-restoring
.iew-filter-overlay {
    transition: none !important;
}


/* ==========================================================
   TYPOGRAPHY
========================================================== */

.custom-filter .iew-woo-product-filters__panel {
    color: var(--filter-text);

    font-family: var(--filter-font);
    text-transform: none;
}

.custom-filter .iew-filter-panel-title,
.custom-filter .iew-filter-panel-active-title,
.custom-filter .iew-woo-product-filters__section-toggle,
.custom-filter .iew-woo-product-filters__option,
.custom-filter .iew-woo-product-filters__option > span,
.custom-filter .iew-woo-product-filters__count,
.custom-filter .iew-woo-product-filters__badge,
.custom-filter .iew-woo-product-filters__chip,
.custom-filter .iew-woo-product-filters__reset-link {
    font-family: var(--filter-font) !important;
    text-transform: none !important;
}

.custom-filter .iew-woo-product-filters__option,
.custom-filter .iew-woo-product-filters__option > span,
.custom-filter .iew-woo-product-filters__count,
.custom-filter .iew-woo-product-filters__badge,
.custom-filter .iew-woo-product-filters__chip {
    font-weight: 300 !important;
}

.custom-filter .iew-filter-panel-title,
.custom-filter .iew-filter-panel-active-title,
.custom-filter .iew-woo-product-filters__section-toggle,
.custom-filter
.iew-woo-product-filters__section-toggle
> span:first-child {
    font-weight: 500 !important;
}

.custom-filter .iew-woo-product-filters__reset-link {
    font-weight: 600 !important;
}


/* ==========================================================
   HEADER
========================================================== */

.custom-filter .iew-filter-panel-header {
    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height: var(--filter-header-height);

    padding: 0 var(--filter-padding-x);

    box-sizing: border-box;

    border-bottom: 1px solid var(--filter-border);

    background: var(--filter-panel-bg) !important;

    z-index: 2;
}

.custom-filter .iew-filter-panel-title {
    margin: 0;

    color: var(--filter-text) !important;

    font-size: 17px;
    line-height: 1.4;
}


/* ==========================================================
   CLOSE BUTTON
========================================================== */

.custom-filter .iew-filter-panel-close {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;

    padding: 0;
    margin: 0;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    color: var(--filter-text) !important;

    cursor: pointer;
}

.custom-filter .iew-filter-panel-close .fal {
    font-family: "Font Awesome 5 Pro" !important;
    font-style: normal !important;
    font-weight: 300 !important;

    font-size: 22px;
    line-height: 1;

    color: inherit !important;
}

.custom-filter .iew-filter-panel-close:hover,
.custom-filter .iew-filter-panel-close:focus,
.custom-filter .iew-filter-panel-close:focus-visible {
    color: var(--filter-accent) !important;
}


/* ==========================================================
   ACTIVE FILTERS
========================================================== */

.custom-filter .iew-filter-panel-active {
    display: none;

    margin: 0;
    padding: 28px 0 26px;

    border-bottom: 1px solid var(--filter-border);
}

.custom-filter
.iew-filter-panel-active.has-active-filters {
    display: block;
}

.custom-filter .iew-filter-panel-active-title {
    margin: 0 0 14px;

    color: var(--filter-text) !important;

    font-size: 15px;
}

.custom-filter
.iew-filter-panel-active
.iew-woo-product-filters__active-bar {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;

    gap: 10px;

    margin: 0;
}

.custom-filter
.iew-filter-panel-active
.iew-woo-product-filters__chips {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    width: 100%;

    gap: 8px;
}

.custom-filter
.iew-filter-panel-active
.iew-woo-product-filters__chip {
    display: inline-flex;
    align-items: center;

    gap: 8px;

    padding: 5px 10px;

    background: rgba(255, 255, 255, 0.1);

    color: var(--filter-text) !important;

    font-size: 13px;

    text-decoration: none !important;
}


/* ==========================================================
   RESET
========================================================== */

.custom-filter
.iew-filter-panel-active
.iew-woo-product-filters__reset-link {
    display: none !important;

    align-items: center;

    margin-top: 10px;
    padding: 0;

    border: 0 !important;
    background: transparent !important;

    color: var(--filter-text) !important;

    font-size: 13px;

    text-decoration: none !important;
}

.custom-filter
.iew-filter-panel-active.has-active-filters
.iew-woo-product-filters__reset-link {
    display: inline-flex !important;
}

.custom-filter
.iew-filter-panel-active
.iew-woo-product-filters__reset-link:hover,
.custom-filter
.iew-filter-panel-active
.iew-woo-product-filters__reset-link:focus {
    color: var(--filter-text) !important;

    text-decoration: none !important;
}


/* ==========================================================
   PLUGIN ACTIONS
========================================================== */

.custom-filter
.iew-woo-product-filters__panel
.iew-woo-product-filters__actions,
.custom-filter
.iew-woo-product-filters__panel
.iew-woo-product-filters__secondary {
    display: none !important;
}


/* ==========================================================
   SECTIONS
========================================================== */

.custom-filter .iew-woo-product-filters__panel-grid {
    display: flex !important;
    flex-direction: column;

    width: 100%;

    gap: 0;
}

.custom-filter .iew-woo-product-filters__section,
.custom-filter .iew-woo-product-filters__section-body,
.custom-filter .iew-woo-product-filters__options,
.custom-filter .iew-woo-product-filters__panel-grid {
    border: 0 !important;
    box-shadow: none !important;
}

.custom-filter .iew-woo-product-filters__section {
    width: 100%;

    padding: 0;
}

.custom-filter .iew-woo-product-filters__section-toggle {
    display: flex;
    align-items: center;

    width: 100%;

    padding: 26px 0 20px;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    color: var(--filter-text) !important;

    font-size: 15px;
    line-height: 1.4;
    text-align: left;
}

.custom-filter
.iew-woo-product-filters__section-toggle
> span:first-child {
    flex: 1;

    text-align: left;
}

.custom-filter .iew-woo-product-filters__section-body {
    width: 100%;

    padding: 0 0 22px;
}


/* ==========================================================
   BADGE
========================================================== */

.custom-filter .iew-woo-product-filters__badge {
    margin-left: auto;
    margin-right: 10px;

    color: var(--filter-text-muted) !important;

    font-size: 12px;
}


/* ==========================================================
   OPTIONS
========================================================== */

.custom-filter .iew-woo-product-filters__options {
    display: flex;
    flex-direction: column;

    width: 100%;

    gap: 12px;
}

.custom-filter .iew-woo-product-filters__option {
    display: grid;

    grid-template-columns:
        20px
        minmax(0, 1fr)
        auto;

    align-items: center;

    width: 100%;

    gap: 8px;

    margin: 0;
    padding: 0 4px 0 0;

    box-sizing: border-box;

    color: var(--filter-text) !important;

    font-size: 14px;

    cursor: pointer;
}

.custom-filter
.iew-woo-product-filters__option
> span:not(.iew-woo-product-filters__count) {
    min-width: 0;
}

.custom-filter .iew-woo-product-filters__count {
    justify-self: end;

    margin-left: auto;
    padding-left: 12px;

    color: var(--filter-text-muted) !important;

    font-size: 13px;

    text-align: right;
}


/* ==========================================================
   CHECKBOX
========================================================== */

.custom-filter
.iew-woo-product-filters__option
input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;

    display: grid;
    place-content: center;

    width: 18px;
    height: 18px;

    margin: 0;

    border: 1px solid var(--filter-text);
    border-radius: 2px;

    background: transparent;

    cursor: pointer;
}

.custom-filter
.iew-woo-product-filters__option
input[type="checkbox"]::before {
    content: "";

    width: 9px;
    height: 5px;

    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;

    transform:
        rotate(-45deg)
        scale(0);

    transition: transform 0.12s ease;
}

.custom-filter
.iew-woo-product-filters__option
input[type="checkbox"]:checked {
    border-color: var(--filter-accent);
    background: var(--filter-accent);
}

.custom-filter
.iew-woo-product-filters__option
input[type="checkbox"]:checked::before {
    transform:
        rotate(-45deg)
        scale(1);
}


/* ==========================================================
   CHILD CATEGORIES
========================================================== */

.custom-filter
.iew-woo-product-filters__option--depth-1 {
    padding-left: 26px;
}


/* ==========================================================
   STACKING
========================================================== */

.custom-filter
.iew-woo-product-filters.is-loading,
.custom-filter
.iew-woo-product-filters.is-filter-open {
    position: relative;

    z-index: var(--filter-z-overlay) !important;
}


/* ==========================================================
   BODY
========================================================== */

body.iew-filter-panel-open {
    overflow: hidden;
}


/* ==========================================================
   DESKTOP / LAPTOP
========================================================== */

@media (min-width: 768px) {

    .custom-filter .iew-woo-product-filters__section-toggle {
        cursor: default;
        pointer-events: none;
    }

    .custom-filter .iew-woo-product-filters__chevron {
        display: none !important;
    }

    .custom-filter .iew-woo-product-filters__section-body,
    .custom-filter .iew-woo-product-filters__section-body[hidden] {
        display: block !important;
    }
}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    .custom-filter .iew-woo-product-filters__section-toggle {
        cursor: pointer;
        pointer-events: auto;
    }

    .custom-filter .iew-woo-product-filters__chevron {
        display: inline-block;
    }

    .custom-filter
    .iew-woo-product-filters__section-body[hidden] {
        display: none !important;
    }
}

/* ==========================================================
   CATEGORY SPACING
========================================================== */

.custom-filter
.iew-woo-product-filters__option--depth-0:has(
    + .iew-woo-product-filters__option--depth-1
) {
    margin-bottom: -4px;
}

.custom-filter
.iew-woo-product-filters__option--depth-0:not(:first-child) {
    margin-top: 12px;
}/* End custom CSS */