/**
 * ClayPaky catalog / product archives.
 * Isolated overrides.
 */

body.post-type-archive-product,
body.tax-product_cat,
body[class*="tax-pa_"] {
    --catalog-yellow: #fdc400;
}

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.mobile-catalog-head {
    display: none !important;
}


/* =========================================================
   BREADCRUMBS
   ========================================================= */

body.post-type-archive-product .breadcrumb,
body.tax-product_cat .breadcrumb,
body[class*="tax-pa_"] .breadcrumb {
    color: #ffffff !important;
    opacity: 1 !important;
}


body.post-type-archive-product .breadcrumb > span,
body.post-type-archive-product .breadcrumb > span > span,
body.post-type-archive-product .breadcrumb a,

body.tax-product_cat .breadcrumb > span,
body.tax-product_cat .breadcrumb > span > span,
body.tax-product_cat .breadcrumb a,

body[class*="tax-pa_"] .breadcrumb > span,
body[class*="tax-pa_"] .breadcrumb > span > span,
body[class*="tax-pa_"] .breadcrumb a {
    color: #ffffff !important;
    opacity: 1 !important;
}


body.post-type-archive-product
.breadcrumb
.breadcrumb_last,

body.tax-product_cat
.breadcrumb
.breadcrumb_last,

body[class*="tax-pa_"]
.breadcrumb
.breadcrumb_last {
    color: var(--catalog-yellow) !important;
    opacity: 1 !important;
}


body.post-type-archive-product
.breadcrumb
a:hover,

body.tax-product_cat
.breadcrumb
a:hover,

body[class*="tax-pa_"]
.breadcrumb
a:hover {
    color: var(--catalog-yellow) !important;
}


/* =========================================================
   CATALOG — FAMILIES PILLS
   ========================================================= */

body.post-type-archive-product
.families
.seriers-claypaky_card,

body.tax-product_cat
.families
.seriers-claypaky_card,

body[class*="tax-pa_"]
.families
.seriers-claypaky_card {
    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    width: fit-content !important;
    min-width: 0 !important;

    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    padding: 12px 20px !important;

    border-radius: 100px !important;
}

/* =========================================================
   FILTER UI — COMMON
   Desktop / Tablet / Mobile base
   ========================================================= */

/* ---------------------------------------------------------
   Selected filters block
   --------------------------------------------------------- */

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-top {
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: row !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 0 20px !important;
    padding: 0 !important;

    gap: 20px !important;
}


/* ---------------------------------------------------------
   Selected filters — common base
   --------------------------------------------------------- */

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.selected-filters {
    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;

    gap: 10px !important;
}

/* ---------------------------------------------------------
   Selected filter chip
   --------------------------------------------------------- */

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-tag {
    box-sizing: border-box !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    flex: 0 0 auto !important;

    width: fit-content !important;
    min-width: max-content !important;

    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;

    margin: 0 !important;
    padding: 5px 5px 5px 16px !important;

    gap: 8px !important;

    border: 1px solid #5c5c5c !important;
    border-radius: 100px !important;

    color: #ffffff !important;
    background: transparent !important;

    cursor: pointer !important;
}


/* ---------------------------------------------------------
   Chip text
   --------------------------------------------------------- */

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-tag
span {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-family:
        "Source Sans Pro",
        "Source Sans 3",
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    letter-spacing: 0 !important;

    white-space: nowrap !important;
}


/* ---------------------------------------------------------
   Remove button
   --------------------------------------------------------- */

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-tag
.remove-filter {
    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 24px !important;

    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;

    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 100px !important;

    background: #2f3030 !important;

    line-height: 0 !important;

    cursor: pointer !important;
}


/* ---------------------------------------------------------
   Remove icon
   --------------------------------------------------------- */

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-tag
.remove-filter
img {
    display: block !important;

    width: 11px !important;
    min-width: 11px !important;
    max-width: 11px !important;

    height: 11px !important;
    min-height: 11px !important;
    max-height: 11px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    object-fit: contain !important;

    filter: brightness(0) invert(1) !important;

    pointer-events: none !important;
}


/* ---------------------------------------------------------
   Chip hover / click state
   --------------------------------------------------------- */

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-tag:hover,

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-tag:focus-within,

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-tag:active {
    border-color: #ffeeb2 !important;
}

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-tag:hover
.remove-filter,

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-tag:focus-within
.remove-filter,

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-tag:active
.remove-filter {
    background: #ffeeb2 !important;
}

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-tag:hover
.remove-filter
img,

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-tag:focus-within
.remove-filter
img,

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-tag:active
.remove-filter
img {
    filter: brightness(0) !important;
}


/* =========================================================
   FILTER SECTION HEADER — COMMON
   ========================================================= */

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-section
.section-header {
    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    min-height: 24px !important;

    margin: 0 !important;
}

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filtrers_block
.section-content {
    gap: 16px !important;

    padding-bottom: 0px !important;
}


/* ---------------------------------------------------------
   Title + counter + reset
   --------------------------------------------------------- */

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-section
.section-title {
    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;

    width: fit-content !important;
    max-width: calc(100% - 24px) !important;
    min-height: 24px !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 8px !important;

    color: #ffffff !important;

    font-family:
        "Source Sans Pro",
        "Source Sans 3",
        sans-serif !important;

    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    letter-spacing: 0 !important;
}


/* ---------------------------------------------------------
   Counter
   --------------------------------------------------------- */

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-section
.section-title
.info-icon {
    box-sizing: border-box !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 24px !important;

    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;

    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #c3c3c3 !important;
    border-radius: 100px !important;

    color: #c3c3c3 !important;
    background: transparent !important;

    font-family:
        "Source Sans Pro",
        "Source Sans 3",
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;

    text-align: center !important;
}


/* ---------------------------------------------------------
   Section reset
   Hidden by default.
   Visible only when section has selected values / counter.
   --------------------------------------------------------- */

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-section
.section-title
.reset-btn {
    box-sizing: border-box !important;

    display: none !important;

    flex: 0 0 auto !important;

    width: auto !important;
    height: 24px !important;
    min-height: 24px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    color: #c3c3c3 !important;

    font-family:
        "Source Sans Pro",
        "Source Sans 3",
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;

    text-decoration: underline !important;
    text-underline-offset: 2px !important;

    white-space: nowrap !important;

    cursor: pointer !important;
}


/* Show reset only for a section that has selected counter */

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-section
.section-title:has(.info-icon)
.reset-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ---------------------------------------------------------
   Section arrow
   --------------------------------------------------------- */

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-section
.section-header
.arrow {
    flex: 0 0 16px !important;

    width: 16px !important;
    height: 16px !important;

    margin: 0 !important;

    align-self: center !important;
}


/* =========================================================
   FILTER CHECKBOX — COMMON
   Kill legacy double checkmark
   ========================================================= */

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-option {
    display: flex !important;
    align-items: center !important;

    min-height: 24px !important;

    gap: 10px !important;

    margin: 0 !important;
    padding: 0 !important;
}


:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-option
.checkbox {
    box-sizing: border-box !important;

    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 24px !important;

    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;

    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #5c5c5c !important;
    border-radius: 4px !important;

    background: #494949 !important;

    overflow: hidden !important;
}


/* Hard-disable legacy drawn ticks */

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-option
.checkbox::before,

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-option
.checkbox::after {
    content: none !important;
    display: none !important;
}


/* Only our SVG/image is allowed */

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-option
.checkbox
img {
    display: none !important;

    width: 17px !important;
    height: 12px !important;

    margin: 0 0 0 2.5px !important;
    padding: 0 !important;

    border: 0 !important;

    object-fit: contain !important;

    pointer-events: none !important;
}


:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-option
.checkbox.checked {
    border-color: #fdc400 !important;
    background: #fdc400 !important;
}


:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.filter-option
.checkbox.checked
img {
    display: block !important;
}


/* =========================================================
   FAMILIES — TYPOGRAPHY
   ========================================================= */

body.post-type-archive-product
.families
.seriers-claypaky_text,

body.tax-product_cat
.families
.seriers-claypaky_text,

body[class*="tax-pa_"]
.families
.seriers-claypaky_text {
    margin: 0 !important;
    padding: 0 !important;

    color: #262727 !important;

    font-family:
        "Source Sans Pro",
        "Source Sans 3",
        sans-serif !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 100% !important;

    letter-spacing: 0 !important;

    white-space: nowrap !important;
}


/* =========================================================
   CATALOG — FAMILY LINKS
   ========================================================= */

body.post-type-archive-product
.families
a.seriers-claypaky_card,

body.tax-product_cat
.families
a.seriers-claypaky_card,

body[class*="tax-pa_"]
.families
a.seriers-claypaky_card {
    color: inherit !important;
    text-decoration: none !important;

    cursor: pointer;

    transition: filter 160ms ease;
}


body.post-type-archive-product
.families
a.seriers-claypaky_card:hover,

body.tax-product_cat
.families
a.seriers-claypaky_card:hover,

body[class*="tax-pa_"]
.families
a.seriers-claypaky_card:hover {
    filter: brightness(0.94);
}

/* =========================================================
   PRODUCTS PAGINATION — NAV ICONS / COMMON
   Same arrow geometry as category Swiper navigation
   ========================================================= */

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.products-pagination
button.nav {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #262727 !important;

    font-size: 0 !important;
    line-height: 0 !important;

    text-indent: 0 !important;

    overflow: hidden !important;
}


:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.products-pagination
button.nav::before {
    content: "" !important;

    display: block !important;

    flex: 0 0 11px !important;

    width: 11px !important;
    min-width: 11px !important;
    max-width: 11px !important;

    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    background-color: currentColor !important;

    -webkit-mask:
        url("data:image/svg+xml,%3Csvg width='11' height='20' viewBox='0 0 11 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.38296 20.0762C0.111788 19.805 0.111788 19.3654 0.38296 19.0942L9.19758 10.2796L0.38296 1.46497C0.111788 1.19379 0.111788 0.754138 0.38296 0.482966C0.654131 0.211794 1.09379 0.211794 1.36496 0.482966L10.4341 9.55214C10.8359 9.9539 10.8359 10.6053 10.4341 11.007L1.36496 20.0762C1.09379 20.3474 0.654131 20.3474 0.38296 20.0762Z' fill='black'/%3E%3C/svg%3E")
        center / contain
        no-repeat !important;

    mask:
        url("data:image/svg+xml,%3Csvg width='11' height='20' viewBox='0 0 11 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.38296 20.0762C0.111788 19.805 0.111788 19.3654 0.38296 19.0942L9.19758 10.2796L0.38296 1.46497C0.111788 1.19379 0.111788 0.754138 0.38296 0.482966C0.654131 0.211794 1.09379 0.211794 1.36496 0.482966L10.4341 9.55214C10.8359 9.9539 10.8359 10.6053 10.4341 11.007L1.36496 20.0762C1.09379 20.3474 0.654131 20.3474 0.38296 20.0762Z' fill='black'/%3E%3C/svg%3E")
        center / contain
        no-repeat !important;

    pointer-events: none !important;
}


/* Previous — same icon, mirrored */

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.products-pagination
button.nav:first-child::before {
    transform: rotate(180deg) !important;
}


/* Next */

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.filtrs
.products-pagination
button.nav:last-child::before {
    transform: rotate(0deg) !important;
}


/* =========================================================
   CATALOG — DESKTOP CATEGORY SLIDER
   ========================================================= */

@media (min-width: 1200px) {

    /* -----------------------------------------------------
       Category card radius
       ----------------------------------------------------- */

    body.post-type-archive-product
    #product-category-slider
    .light-card,

    body.tax-product_cat
    #product-category-slider
    .light-card,

    body[class*="tax-pa_"]
    #product-category-slider
    .light-card {
        border-radius: 20px !important;
    }


    body.post-type-archive-product
    #product-category-slider
    .light-card
    > img,

    body.tax-product_cat
    #product-category-slider
    .light-card
    > img,

    body[class*="tax-pa_"]
    #product-category-slider
    .light-card
    > img {
        border-radius: 20px !important;
    }

    /* -----------------------------------------------------
       Category title
       ----------------------------------------------------- */

    body.post-type-archive-product
    #product-category-slider
    .category-title,

    body.tax-product_cat
    #product-category-slider
    .category-title,

    body[class*="tax-pa_"]
    #product-category-slider
    .category-title {
        left: 20px !important;
        bottom: 20px !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 24px !important;
        font-weight: 600 !important;
        line-height: 120% !important;
    }


    /* -----------------------------------------------------
       Card CTA
       ----------------------------------------------------- */

    body.post-type-archive-product
    #product-category-slider
    .light-card
    .overlay,

    body.tax-product_cat
    #product-category-slider
    .light-card
    .overlay,

    body[class*="tax-pa_"]
    #product-category-slider
    .light-card
    .overlay {
        inset: auto 20px 20px auto !important;

        display: block !important;

        width: 40px !important;
        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;

        opacity: 1 !important;
        transform: none !important;

        pointer-events: none !important;
    }


    body.post-type-archive-product
    #product-category-slider
    .light-card
    .overlay
    button,

    body.tax-product_cat
    #product-category-slider
    .light-card
    .overlay
    button,

    body[class*="tax-pa_"]
    #product-category-slider
    .light-card
    .overlay
    button {
        display: block !important;

        width: 40px !important;
        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;

        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;

        opacity: 1 !important;
        transform: none !important;

        pointer-events: none !important;
    }


    body.post-type-archive-product
    #product-category-slider
    .light-card
    .overlay
    button
    img,

    body.tax-product_cat
    #product-category-slider
    .light-card
    .overlay
    button
    img,

    body[class*="tax-pa_"]
    #product-category-slider
    .light-card
    .overlay
    button
    img {
        display: block !important;

        width: 40px !important;
        height: 40px !important;
        max-width: none !important;

        border: 0 !important;
        border-radius: 0 !important;

        object-fit: contain !important;
    }


    /* =====================================================
       CATEGORY HEADER
       ===================================================== */

    body.post-type-archive-product
    #product-category-slider
    .section-header,

    body.tax-product_cat
    #product-category-slider
    .section-header,

    body[class*="tax-pa_"]
    #product-category-slider
    .section-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
    }


    /* -----------------------------------------------------
       Title
       ----------------------------------------------------- */

    body.post-type-archive-product
    #product-category-slider
    .section-header__content,

    body.tax-product_cat
    #product-category-slider
    .section-header__content,

    body[class*="tax-pa_"]
    #product-category-slider
    .section-header__content {
        display: flex;
        align-items: baseline;

        gap: 20px;
    }


    /* -----------------------------------------------------
       Navigation
       ----------------------------------------------------- */

    body.post-type-archive-product
    #product-category-slider
    .section-header__nav,

    body.tax-product_cat
    #product-category-slider
    .section-header__nav,

    body[class*="tax-pa_"]
    #product-category-slider
    .section-header__nav {
        display: flex;
        align-items: center;

        flex: 0 0 auto;

        gap: 8px;
    }


    /* -----------------------------------------------------
       Swiper buttons inside header flow
       ----------------------------------------------------- */

    body.post-type-archive-product
    #product-category-slider
    .section-header__nav
    .swiper-button-prev,

    body.post-type-archive-product
    #product-category-slider
    .section-header__nav
    .swiper-button-next,

    body.tax-product_cat
    #product-category-slider
    .section-header__nav
    .swiper-button-prev,

    body.tax-product_cat
    #product-category-slider
    .section-header__nav
    .swiper-button-next,

    body[class*="tax-pa_"]
    #product-category-slider
    .section-header__nav
    .swiper-button-prev,

    body[class*="tax-pa_"]
    #product-category-slider
    .section-header__nav
    .swiper-button-next {
        position: relative !important;

        inset: auto !important;

        flex: 0 0 40px;

        width: 40px !important;
        height: 40px !important;

        margin: 0 !important;

        transform: none !important;
    }
    
    /* -----------------------------------------------------
    Swiper arrow directions
    ----------------------------------------------------- */

    body.post-type-archive-product
    #product-category-slider
    .section-header__nav
    .swiper-button-prev,
    
    body.tax-product_cat
    #product-category-slider
    .section-header__nav
    .swiper-button-prev,
    
    body[class*="tax-pa_"]
    #product-category-slider
    .section-header__nav
    .swiper-button-prev {
        rotate: 180deg !important;
    }
    
    
    body.post-type-archive-product
    #product-category-slider
    .section-header__nav
    .swiper-button-next,
    
    body.tax-product_cat
    #product-category-slider
    .section-header__nav
    .swiper-button-next,
    
    body[class*="tax-pa_"]
    #product-category-slider
    .section-header__nav
    .swiper-button-next {
        rotate: 0deg !important;
    }
    
    /* =====================================================
    FAMILIES — DESKTOP
    ===================================================== */

    body.post-type-archive-product
    .families,
    
    body.tax-product_cat
    .families,
    
    body[class*="tax-pa_"]
    .families {
        padding-top: 80px !important;
        padding-bottom: 0 !important;
    }
    
    
    /* -----------------------------------------------------
       Title
       ----------------------------------------------------- */
    
    body.post-type-archive-product
    .families
    .seriers-claypaky_title,
    
    body.tax-product_cat
    .families
    .seriers-claypaky_title,
    
    body[class*="tax-pa_"]
    .families
    .seriers-claypaky_title {
        margin: 0 !important;
        padding: 0 !important;
    
        color: #ffffff !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 38px !important;
        font-weight: 400 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;
    }
    
    /* -----------------------------------------------------
    Families inner content
    ----------------------------------------------------- */

    body.post-type-archive-product
    .families
    .series-claypaky_content,
    
    body.tax-product_cat
    .families
    .series-claypaky_content,
    
    body[class*="tax-pa_"]
    .families
    .series-claypaky_content {
        margin: 0 !important;
    }
    
    /* =====================================================
    FULL CATALOG — PRODUCTS / DESKTOP
    ===================================================== */

    /* -----------------------------------------------------
       Products top row
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filters_contnts
    .contents_top
    .top_info {
        box-sizing: border-box !important;
    
        display: flex !important;
        align-items: flex-end !important;
        justify-content: space-between !important;
    
        width: 100% !important;
        min-height: 76px !important;
    
        margin-top: 0 !important;
    }
    
    
    /* -----------------------------------------------------
       Results count
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filters_contnts
    .results_con {
        margin: 0 !important;
        padding: 0 !important;
    
        color: #87888a !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
    }
    
    
    /* -----------------------------------------------------
       Sorting block
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filters_contnts
    .selects {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: column !important;
    
        width: 300px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        gap: 8px !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filters_contnts
    .selects
    h4 {
        margin: 0 !important;
        padding: 0 !important;
    
        color: #87888a !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
    }
    
    
    /* -----------------------------------------------------
       Sorting select
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filters_contnts
    .sort-dropdown {
        box-sizing: border-box !important;
    
        width: 300px !important;
        height: 50px !important;
        min-height: 50px !important;
    
        margin: 0 !important;
    
        padding: 10px 48px 10px 20px !important;
    
        color: #c3c3c3 !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    
        border: 1px solid #5c5c5c !important;
        border-radius: 100px !important;
    
        background-color: #494949 !important;
    
        background-position: right 20px center !important;
        background-size: 20px 20px !important;
    }
    
    /* -----------------------------------------------------
    Products column
    ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filters_contnts {
        box-sizing: border-box !important;
    
        flex: 1 1 0 !important;
    
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
    
        margin: 0 !important;
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filtrers_block {
        box-sizing: border-box !important;
    
        display: flex !important;
        align-items: flex-start !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        gap: 20px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
        
    /* =====================================================
       PRODUCTS GRID
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container {
        display: grid !important;
    
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;
    
        column-gap: 20px !important;
        row-gap: 20px !important;
    
        width: 100% !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    > .item {
        display: block !important;
    
        min-width: 0 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    
    /* =====================================================
       PRODUCT CARD
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-card {
        box-sizing: border-box !important;

        position: relative !important;
    
        display: block !important;
    
        width: 100% !important;
    
        height: 400px !important;
        min-height: 400px !important;
        max-height: 400px !important;
    
        margin: 0 !important;
        padding: 8px 8px 0 !important;
    
        border-radius: 16px !important;
        background: #353536 !important;
    
        overflow: hidden !important;
    }
    
    
    /* =====================================================
       PRODUCT IMAGE
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-image {
        box-sizing: border-box !important;
    
        display: block !important;
    
        width: 100% !important;
        height: 309px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        overflow: hidden !important;
    
        background: #ffffff !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-image
    img {
        display: block !important;
    
        width: 100% !important;
        height: 100% !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        object-fit: contain !important;
        object-position: center !important;
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-image,
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-image img {
        border-radius: 16px !important;
    }
    
    
    /* =====================================================
       PRODUCT INFO
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-info {
        box-sizing: border-box !important;
    
        position: relative !important;
    
        display: grid !important;
    
        grid-template-columns:
            minmax(0, 1fr) auto !important;
    
        grid-template-rows:
            25px
            22px !important;
    
        column-gap: 8px !important;
        row-gap: 4px !important;
    
        width: calc(100% + 16px) !important;
    
        height: 83px !important;
        min-height: 83px !important;
        max-height: 83px !important;
    
        margin: 0 -8px !important;
        padding: 16px !important;
    }
    
    
    /* -----------------------------------------------------
       Product name
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-name {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
    
        min-width: 0 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #ffffff !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 20px !important;
        font-weight: 600 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
    
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    
    /* -----------------------------------------------------
       Category
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-type {
        grid-column: 1 !important;
        grid-row: 2 !important;
    
        min-width: 0 !important;
        max-width: none !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #87888a !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    
    /* -----------------------------------------------------
       SKU
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-code {
        position: static !important;
    
        grid-column: 2 !important;
        grid-row: 2 !important;
    
        align-self: center !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #87888a !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    
        white-space: nowrap !important;
    
        text-align: right !important;
    }
    
    
    /* =====================================================
       PRODUCT BADGES
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-card
    .badge {
        position: absolute !important;
    
        top: 16px !important;
        left: 16px !important;
    
        z-index: 5 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-card
    .badge
    img {
        display: block !important;
    
        width: 44px !important;
        height: auto !important;
    
        margin: 0 !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-card
    .new-badge {
        position: absolute !important;
    
        top: 16px !important;
        right: 16px !important;
    
        z-index: 5 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #fdc400 !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 100% !important;
    
        white-space: nowrap !important;
    }
    
    /* =====================================================
    PRODUCTS PAGINATION — DESKTOP
    ===================================================== */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .products-pagination {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    
        gap: 8px !important;
    
        width: 100% !important;

        margin: 40px 0 !important;
        padding: 0 !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    }
    
    
    /* -----------------------------------------------------
       Every pagination control
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .products-pagination
    button {
        box-sizing: border-box !important;
    
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    
        flex: 0 0 40px !important;
    
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
    
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        border: 0 !important;
        border-radius: 100px !important;
    
        box-shadow: none !important;
    
        text-decoration: none !important;
    }
    
    
    /* -----------------------------------------------------
       Normal page
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .products-pagination
    button.page {
        color: #ffffff !important;
        background: #353536 !important;
    }
    
    
    /* -----------------------------------------------------
       Active page
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .products-pagination
    button.page.active {
        color: #262727 !important;
        background: #ffeeb2 !important;
    
        border-radius: 100px !important;
    }
    
    
    /* -----------------------------------------------------
       Previous / Next
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .products-pagination
    button.nav {
        color: #262727 !important;
        background: #87888a !important;
    }
    
    
    /* -----------------------------------------------------
       Disabled arrow
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .products-pagination
    button.nav:disabled {
        opacity: 1 !important;
    
        cursor: default !important;
    }
    
    
    /* -----------------------------------------------------
       Hover only for interactive elements
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .products-pagination
    button.page:not(.active):hover {
        filter: brightness(1.12);
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .products-pagination
    button.nav:not(:disabled):hover {
        filter: brightness(1.08);
    }
    
    /* -------------------------------------------------
       Sidebar width
       ------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filtrers_block
    .filter-container {
        flex: 0 0 325px !important;

        width: 325px !important;
        min-width: 325px !important;
        max-width: 325px !important;
    }

    /* =====================================================
    FILTER SECTION ARROW — STATE
    ===================================================== */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-section
    .section-header
    .collapse-icon {
        transform: rotate(0deg) !important;
        transition: transform 180ms ease !important;
        transform-origin: center !important;
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-section
    .section-header.collapsed
    .collapse-icon {
        transform: rotate(180deg) !important;
    }
    
        :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support {
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    }

    /* -----------------------------------------------------
       Section title
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    > h2 {
        margin: 0 0 40px !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;

        font-size: 38px !important;
        font-weight: 400 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;
    }

    /* -----------------------------------------------------
       Two columns
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-wrap {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr) !important;

        gap: 20px !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* -----------------------------------------------------
       Left column
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-left {
        box-sizing: border-box !important;

        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;

        width: 100% !important;
        min-width: 0 !important;

        height: 614px !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 20px !important;

        border-radius: 0 !important;
    }

    /* -----------------------------------------------------
       Support card
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-left
    .support-item {
        box-sizing: border-box !important;

        position: relative !important;

        display: flex !important;
        flex-direction: column !important;

        flex: 0 0 138.5px !important;

        width: 100% !important;

        height: 138.5px !important;
        min-height: 138.5px !important;
        max-height: 138.5px !important;

        margin: 0 !important;
        padding: 16px !important;

        border: 1px solid #2f3030 !important;
        border-radius: 20px !important;

        background: #353536 !important;

        overflow: hidden !important;

        cursor: default !important;

        transform: none !important;
        box-shadow: none !important;
    }

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-left
    .support-item:hover {
        background: #353536 !important;
        transform: none !important;
        box-shadow: none !important;
    }


    /* -----------------------------------------------------
       Text fills the whole card
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-left
    .support-item
    .text {
        box-sizing: border-box !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;

        width: 100% !important;
        height: 100% !important;

        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* -----------------------------------------------------
       Card title
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-left
    .support-item
    .text
    h3 {
        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;

        font-size: 24px !important;
        font-weight: 600 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;
    }


    /* -----------------------------------------------------
       Card description
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-left
    .support-item
    .text
    p {
        width: 65% !important;
        max-width: 413px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #c3c3c3 !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    }
    
     /* =====================================================
       TECHNICAL SUPPORT — RIGHT FORM / DESKTOP
       ===================================================== */

    /* -----------------------------------------------------
       Right card
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-right {
        box-sizing: border-box !important;

        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 614px !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 16px !important;

        border: 1px solid #2f3030 !important;
        border-radius: 20px !important;

        background: #353536 !important;
    }


    /* -----------------------------------------------------
       Right card header
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-right
    .lead {
        box-sizing: border-box !important;

        display: flex !important;
        align-items: center !important;

        flex: 0 0 auto !important;

        width: 65% !important;
        max-width: 413px !important;

        min-height: 50px !important;

        margin: 0 0 30px !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;

        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    }


    /* -----------------------------------------------------
       Header yellow icon
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-right
    .lead
    img {
        display: block !important;

        flex: 0 0 24px !important;

        width: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;

        height: 24px !important;
        min-height: 24px !important;
        max-height: 24px !important;

        margin: 3px 12px 0 0 !important;
        padding: 0 !important;

        border-radius: 50% !important;

        object-fit: contain !important;
    }


    /* -----------------------------------------------------
       Form layout
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-right
    .support-form {
        box-sizing: border-box !important;

        display: flex !important;
        flex-direction: column !important;

        flex: 1 1 auto !important;

        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 16px !important;
    }


    /* -----------------------------------------------------
       Inputs / textarea — common
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    input:not([type="hidden"]):not([type="checkbox"]),

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    textarea {
        box-sizing: border-box !important;

        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 10px 20px !important;

        color: #c3c3c3 !important;
        background: #494949 !important;

        border: 1px solid #5c5c5c !important;

        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;

        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;

        outline: none !important;
    }


    /* -----------------------------------------------------
       Single-line inputs
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    input:not([type="hidden"]):not([type="checkbox"]) {
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;

        border-radius: 100px !important;
    }


    /* -----------------------------------------------------
       Textarea
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    textarea {
        height: 226px !important;
        min-height: 226px !important;
        max-height: 226px !important;

        border-radius: 20px !important;

        resize: none !important;
    }


    /* -----------------------------------------------------
       Phone / email row
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .rows_s {
        box-sizing: border-box !important;

        display: flex !important;
        align-items: stretch !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 16px !important;
    }


    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .rows_s
    > .wpcf7-form-control-wrap {
        flex: 1 1 0 !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* -----------------------------------------------------
       Agreement
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    .check {
        box-sizing: border-box !important;

        display: flex !important;
        align-items: flex-start !important;

        width: 100% !important;
        min-height: 44px !important;

        margin: 4px 0 0 !important;
        padding: 0 0 12px !important;

        gap: 8px !important;

        color: #c3c3c3 !important;

        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;

        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    }


    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    .check
    .text,

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    .check
    .text
    a {
        margin: 0 !important;
        padding: 0 !important;

        color: #c3c3c3 !important;

        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;

        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    }


    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    .check
    .text
    a {
        text-decoration: underline !important;
    }


    /* -----------------------------------------------------
       Checkbox
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    .check
    .custom {
        box-sizing: border-box !important;

        flex: 0 0 24px !important;

        width: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;

        height: 24px !important;
        min-height: 24px !important;
        max-height: 24px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 1px solid #5c5c5c !important;
        border-radius: 6px !important;

        background: #494949 !important;
    }


    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    .check:has(input[type="checkbox"]:checked)
    .custom {
        border-color: #fdc400 !important;
        background: #fdc400 !important;
    }


    /* -----------------------------------------------------
       Submit
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    button[type="submit"] {
        box-sizing: border-box !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 50px !important;

        width: 100% !important;

        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;

        margin: auto 0 0 !important;
        padding: 0 26px !important;

        border: 0 !important;
        border-radius: 100px !important;

        color: #262727 !important;
        background: #fdc400 !important;

        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;

        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
    }
    
    /* =====================================================
    FULL CATALOG — SECTION SPACING / DESKTOP
    ===================================================== */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs {
        padding-bottom: 120px !important;
    }
    
    /* =====================================================
    SELECTED FILTERS — DESKTOP
    Wrap inside sidebar, no horizontal scroll
    ===================================================== */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .selected-filters {
        flex-direction: row !important;
        flex-wrap: wrap !important;
    
        align-items: flex-start !important;
        align-content: flex-start !important;
    
        width: 100% !important;
    
        margin: 0 !important;
        padding: 0 0 20px !important;
    
        gap: 10px !important;
    
        overflow: visible !important;
    
        scrollbar-width: auto !important;
        overscroll-behavior-x: auto !important;
    
        -webkit-overflow-scrolling: auto;
    }
    
    /* =====================================================
       FOOTER
       ===================================================== */
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    :is(
        .container,
        .container-lg,
        .container-md,
        .container-sm,
        .container-xl,
        .container-xxl
    ) {
        max-width: 1350px !important;
    }
}

/* =========================================================
   TABLET 768–1199.98
   ========================================================= */

@media (min-width: 768px) and (max-width: 1199.98px) {

    /* =====================================================
       BREADCRUMBS — TABLET
       ===================================================== */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .breadcrumb {
        box-sizing: border-box !important;

        width: 100% !important;

        margin: 0 0 30px 14px !important;
        padding: 0 !important;

        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;

        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .breadcrumbs {
        padding-top: 126px !important;
    }

    /* =====================================================
       CATEGORY SLIDER — TABLET
       ===================================================== */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider {
        box-sizing: border-box !important;

        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        overflow: hidden !important;
    }


    /* -----------------------------------------------------
       Header
       ----------------------------------------------------- */

    /* =====================================================
    CATALOG INTRO — TABLET
    ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .titles_block
    .title {
        box-sizing: border-box !important;
    
        width: 100% !important;
    
        margin: 0 !important;
        padding: 0 0 0 12px !important;
    }
    
    
    /* -----------------------------------------------------
       Catalog title
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .titles_block
    .title
    h1 {
        margin: 0 0 30px !important;
        padding: 0 !important;
    
        color: #ffffff !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 42px !important;
        font-weight: 400 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
    }


    /* -----------------------------------------------------
    Catalog description
    ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .titles_block
    .title
    p {
        width: 616px !important;
        max-width: 100% !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #ffffff !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    }

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .section-header {
        box-sizing: border-box !important;

        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        justify-content: space-between !important;

        width: 100% !important;
        min-height: 106px !important;

        margin: 0 0 40px !important;
        padding: 0 12px !important;

        gap: 0 !important;
    }

    /* -----------------------------------------------------
       Title
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .section-header__content {
        box-sizing: border-box !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        flex: 1 1 auto !important;

        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 16px !important;
    }


    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .section-header__content
    h2 {
        box-sizing: border-box !important;

        width: 500px !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;

        font-size: 30px !important;
        font-weight: 400 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;
    }


    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .section-header__content
    a {
        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;

        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;

        text-decoration: underline !important;
        text-underline-offset: 2px !important;

        white-space: nowrap !important;
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .titles_block {
        box-sizing: border-box !important;
    
        width: 100% !important;
    
        margin-left: 0 !important;
        margin-right: 0 !important;
        
        margin-top: 16px !important;
    }


    /* -----------------------------------------------------
       Header navigation
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .section-header__nav {
        box-sizing: border-box !important;

        display: flex !important;
        align-items: center !important;

        flex: 0 0 88px !important;

        width: 88px !important;
        min-width: 88px !important;
        max-width: 88px !important;

        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 8px !important;
    }


    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .section-header__nav
    .swiper-button-prev,

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .section-header__nav
    .swiper-button-next {
        position: relative !important;

        inset: auto !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 40px !important;

        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;

        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
    }


    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .section-header__nav
    .swiper-button-prev {
        rotate: 180deg !important;
    }


    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .section-header__nav
    .swiper-button-next {
        rotate: 0deg !important;
    }


    /* =====================================================
       CATEGORY RAIL
       ===================================================== */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .swiper {
        box-sizing: border-box !important;
    
        width: calc(100% - 24px) !important;
        max-width: none !important;
    
        margin: 0 12px !important;
        padding: 0 !important;
    
        overflow: hidden !important;
    }


    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .swiper-wrapper {
        align-items: stretch !important;
        
        gap: 16px !important;
    }


    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .swiper-slide {
        box-sizing: border-box !important;

        flex: 0 0 320px !important;

        width: 320px !important;
        min-width: 320px !important;
        max-width: 320px !important;

        height: 253px !important;
        min-height: 253px !important;
        max-height: 253px !important;

        margin: 0 !important;
    }


    /* -----------------------------------------------------
       Card
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .light-card {
        box-sizing: border-box !important;

        position: relative !important;

        display: block !important;

        width: 320px !important;
        height: 253px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 1px solid #2f3030 !important;
        border-radius: 20px !important;

        overflow: hidden !important;
    }


    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .light-card
    > img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 20px !important;

        object-fit: cover !important;
        object-position: center !important;
    }


    /* -----------------------------------------------------
       Card title
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .category-title {
        position: absolute !important;

        left: 16px !important;
        bottom: 16px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;

        font-size: 20px !important;
        font-weight: 600 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;

        white-space: nowrap !important;
    }


    /* -----------------------------------------------------
       Card CTA
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .light-card
    .overlay {
        position: absolute !important;

        inset: auto 16px 16px auto !important;

        display: block !important;

        width: 40px !important;
        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        opacity: 1 !important;
        transform: none !important;
    }


    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .light-card
    .overlay
    button {
        box-sizing: border-box !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 40px !important;
        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 100px !important;

        transform: none !important;
    }


    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .light-card
    .overlay
    button
    img {
        display: block !important;

        width: 40px !important;
        height: 40px !important;

        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;
    }
    
    /* =====================================================
    CATEGORY -> FAMILIES SPACING — TABLET
    ===================================================== */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .fixtures_block
    .lights-section {
        padding-bottom: 0 !important;
    }
    
    /* =====================================================
    FAMILIES — TABLET
    ===================================================== */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .families {
        box-sizing: border-box !important;
    
        width: 100% !important;
    
        margin: 0 !important;
        padding: 120px 12px 0 !important;
    }
    
    
    /* -----------------------------------------------------
       Title
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .families
    .seriers-claypaky_title {
        margin: 0 0 26px !important;
        padding: 0 !important;
    
        color: #ffffff !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 30px !important;
        font-weight: 400 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;
    }
    
    
    /* -----------------------------------------------------
       Pills container
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs {
        width: 97.5%;
        display: flex;
        align-self: center;
        justify-self: center;
        
        padding-top: 120px !important;
        padding-bottom: 120px !important;
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .families
    .series-claypaky_content {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    
        width: 100% !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        gap: 16px !important;
    }
    
    
    /* -----------------------------------------------------
       Family pill
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .families
    .seriers-claypaky_card {
        box-sizing: border-box !important;
    
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    
        flex: 0 0 auto !important;
    
        width: fit-content !important;
        min-width: 0 !important;
    
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
    
        margin: 0 !important;
        padding: 16px 30px !important;
    
        border-radius: 100px !important;
    
        background: #ffeeb2 !important;
    }
    
    
    /* -----------------------------------------------------
       Family text
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .families
    .seriers-claypaky_text {
        margin: 0 !important;
        padding: 0 !important;
    
        color: #262727 !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 24px !important;
        font-weight: 600 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;
    
        white-space: nowrap !important;
    }
    
    /* =====================================================
    FILTERS — SELECTED CHIPS / TABLET
    ===================================================== */

    /* -----------------------------------------------------
    Selected filters rail
    ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .selected-filters {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
    
        align-items: center !important;
        justify-content: flex-start !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        margin: 0 !important;
        padding: 0 0 20px !important;
    
        gap: 10px !important;
    
        overflow-x: auto !important;
        overflow-y: hidden !important;
    
        scrollbar-width: none !important;
        overscroll-behavior-x: contain !important;
    
        -webkit-overflow-scrolling: touch;
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .selected-filters::-webkit-scrollbar {
        display: none !important;
    }
    
    /* ---------------------------------------------------------
    Selected filters block
    --------------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-top {
        flex-direction: row !important;
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs .filtrers_block .filter-header {
        font-size: 30px !important;
    }
    
    /* =====================================================
    CATALOG PRODUCTS — TABLET
    768–1199.98
    ===================================================== */

    /* =====================================================
       PRODUCTS TOP ROW
    ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filters_contnts
    .contents_top
    .top_info {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-end !important;
        justify-content: space-between !important;
    
        width: 100% !important;
    
        height: 76px !important;
        min-height: 76px !important;
        max-height: 76px !important;
    
        margin: 0 0 16px !important;
        padding: 0 !important;
    }
    
    
    /* -----------------------------------------------------
       Results count
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filters_contnts
    .results_con {
        flex: 0 0 auto !important;
    
        width: auto !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #87888a !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
    
        white-space: nowrap !important;
    }
    
    
    /* =====================================================
       SORTING
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filters_contnts
    .selects {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    
        flex: 0 0 300px !important;
    
        width: 300px !important;
        min-width: 300px !important;
        max-width: 300px !important;
    
        height: 76px !important;
        min-height: 76px !important;
        max-height: 76px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        gap: 8px !important;
    }
    
    
    /* Sorting label */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filters_contnts
    .selects
    h4 {
        box-sizing: border-box !important;
    
        width: 100% !important;
    
        height: 18px !important;
        min-height: 18px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #87888a !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
    }
    
    
    /* Sorting select
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filters_contnts
    .sort-dropdown {
        box-sizing: border-box !important;
    
        display: block !important;
    
        width: 300px !important;
        min-width: 300px !important;
        max-width: 300px !important;
    
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
    
        margin: 0 !important;
        padding: 10px 48px 10px 20px !important;
    
        color: #c3c3c3 !important;
        background-color: #494949 !important;
    
        border: 1px solid #5c5c5c !important;
        border-radius: 100px !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    
        background-position: right 20px center !important;
        background-size: 20px 20px !important;
    
        outline: none !important;
    }
    
    
    /* =====================================================
       PRODUCTS GRID
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filters_contnts {
        box-sizing: border-box !important;
    
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    
        margin: 0 !important;
        
        padding-top: 4px;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container {
        box-sizing: border-box !important;
    
        display: grid !important;
    
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    
        column-gap: 16px !important;
        row-gap: 16px !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    > .item {
        box-sizing: border-box !important;
    
        display: block !important;
    
        width: 100% !important;
        max-width: 376px !important;
        min-width: 0 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    
    /* =====================================================
       PRODUCT CARD
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-card {
        box-sizing: border-box !important;
    
        position: relative !important;
    
        display: block !important;
    
        width: 100% !important;
    
        height: 400px !important;
        min-height: 400px !important;
        max-height: 400px !important;
    
        margin: 0 !important;
        padding: 8px 8px 0 !important;
    
        border: 1px solid #2f3030 !important;
        border-radius: 16px !important;
    
        background: #353536 !important;
    
        overflow: hidden !important;
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs .filters_contnts .contents_top .items_contents {
        padding-top: 6px !important;
    }
    
    
    /* =====================================================
       PRODUCT IMAGE
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-image {
        box-sizing: border-box !important;
    
        display: block !important;
    
        width: 100% !important;
    
        height: 313px !important;
        min-height: 313px !important;
        max-height: 313px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        border-radius: 12px !important;
    
        background: #ffffff !important;
    
        overflow: hidden !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-image
    img {
        display: block !important;
    
        width: 100% !important;
        height: 100% !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        border-radius: 12px !important;
    
        object-fit: contain !important;
        object-position: center !important;
    }
    
    
    /* =====================================================
       BADGES
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-card
    .badge {
        position: absolute !important;
    
        top: 16px !important;
        left: 16px !important;
    
        z-index: 5 !important;
    
        width: 32px !important;
        height: 32px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-card
    .badge
    img {
        display: block !important;
    
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
    
        height: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        object-fit: contain !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-card
    .new-badge {
        position: absolute !important;
    
        top: 16px !important;
        right: 16px !important;
    
        z-index: 5 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #fdc400 !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
    
        white-space: nowrap !important;
    }
    
    
    /* =====================================================
       PRODUCT INFO
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-info {
        box-sizing: border-box !important;
    
        position: relative !important;
    
        display: grid !important;
    
        grid-template-columns:
            minmax(0, 1fr)
            auto !important;
    
        grid-template-rows:
            23px
            20px !important;
    
        column-gap: 8px !important;
        row-gap: 4px !important;
    
        width: calc(100% + 16px) !important;
    
        height: 79px !important;
        min-height: 79px !important;
        max-height: 79px !important;
    
        margin: 0 -8px !important;
        padding: 16px !important;
    }
    
    
    /* -----------------------------------------------------
       Product name
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-name {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
    
        min-width: 0 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #ffffff !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
    
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    
    /* -----------------------------------------------------
       Product type
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-type {
        grid-column: 1 !important;
        grid-row: 2 !important;
    
        min-width: 0 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #87888a !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    
    /* -----------------------------------------------------
       SKU
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-code {
        position: static !important;
    
        grid-column: 2 !important;
        grid-row: 2 !important;
    
        align-self: center !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #87888a !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    
        white-space: nowrap !important;
    
        text-align: right !important;
    }
    
    
    /* =====================================================
       PAGINATION — TABLET
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .products-pagination {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
    
        width: 100% !important;
    
        margin: 40px 0 0 !important;
        padding: 0 !important;
    
        gap: 8px !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .products-pagination
    button {
        box-sizing: border-box !important;
    
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    
        flex: 0 0 40px !important;
    
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
    
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        border: 0 !important;
        border-radius: 100px !important;
    
        box-shadow: none !important;
    
        line-height: 1 !important;
    
        text-decoration: none !important;
    }
    
    
    /* Normal page */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .products-pagination
    button.page {
        color: #ffffff !important;
        background: #353536 !important;
    }
    
    
    /* Active page */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .products-pagination
    button.page.active {
        color: #262727 !important;
        background: #ffeeb2 !important;
    }
    
    
    /* Prev / Next */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .products-pagination
    button.nav {
        color: #262727 !important;
        background: #87888a !important;
    }
    
    
    /* Disabled stays visually solid */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .products-pagination
    button.nav:disabled {
        opacity: 1 !important;
        cursor: default !important;
    }
    
    /* =====================================================
    TECHNICAL SUPPORT — TABLET / TOP
    768–1199.98
    ===================================================== */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support {
        box-sizing: border-box !important;
    
        width: 97.5% !important;
    
        justify-self: center !important;
    
        margin: 0 !important;
        padding-bottom: 0 !important;
    
        color: #ffffff !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    }
    
    
    /* -----------------------------------------------------
       Section title
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    > h2 {
        box-sizing: border-box !important;
    
        width: 100% !important;
    
        margin: 0 0 40px !important;
        padding: 0 !important;
    
        color: #ffffff !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 30px !important;
        font-weight: 400 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;
    }
    
    
    /* -----------------------------------------------------
       Main support content
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-wrap {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        gap: 20px !important;
    }
    
    
    /* =====================================================
       SUPPORT CARDS GRID
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-left {
        box-sizing: border-box !important;
    
        display: grid !important;
    
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    
        grid-template-rows:
            repeat(2, 168px) !important;
    
        column-gap: 16px !important;
        row-gap: 16px !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        height: 352px !important;
        min-height: 352px !important;
        max-height: 352px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        border-radius: 0 !important;
    }
    
    
    /* -----------------------------------------------------
       Card
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-left
    .support-item {
        box-sizing: border-box !important;
    
        position: relative !important;
    
        display: block !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        height: 168px !important;
        min-height: 168px !important;
        max-height: 168px !important;
    
        margin: 0 !important;
        padding: 16px !important;
    
        border: 1px solid #2f3030 !important;
        border-radius: 20px !important;
    
        background: #353536 !important;
    
        overflow: hidden !important;
    
        transform: none !important;
        box-shadow: none !important;
    }
    
    
    /* Kill old card hover geometry */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-left
    .support-item:hover {
        background: #353536 !important;
    
        transform: none !important;
        box-shadow: none !important;
    }
    
    
    /* -----------------------------------------------------
       Card inner content
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-left
    .support-item
    .text {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    
        width: 100% !important;
        height: 100% !important;
    
        min-width: 0 !important;
        min-height: 0 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    
    /* -----------------------------------------------------
       Card title
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-left
    .support-item
    .text
    h3 {
        box-sizing: border-box !important;
    
        width: 100% !important;
        max-width: 100% !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #ffffff !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 20px !important;
        font-weight: 600 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-left
    .support-item:first-child
    .text
    h3 {
        width: calc(100% - 40px) !important;
        max-width: calc(100% - 40px) !important;
    }
    
    
    /* -----------------------------------------------------
       Card description
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-left
    .support-item
    .text
    p {
        box-sizing: border-box !important;
    
        width: 100% !important;
        max-width: none !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #c3c3c3 !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    }
    
    /* =====================================================
       TECHNICAL SUPPORT — TABLET / BOTTOM FORM
       768–1199.98
       ===================================================== */

    /* -----------------------------------------------------
       Form card
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-right {
        box-sizing: border-box !important;

        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 509px !important;
        max-height: none !important;

        margin: 0 0 120px !important;
        padding: 16px !important;

        border: 1px solid #2f3030 !important;
        border-radius: 20px !important;

        background: #353536 !important;

        overflow: hidden !important;
    }


    /* -----------------------------------------------------
       Lead
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-right
    .lead {
        box-sizing: border-box !important;

        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;

        flex: 0 0 50px !important;

        width: 55% !important;
        max-width: none !important;

        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;

        margin: 0 0 26px !important;
        padding: 0 !important;

        gap: 12px !important;

        color: #ffffff !important;

        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;

        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    }


    /* -----------------------------------------------------
       Yellow lead icon
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-right
    .lead
    img {
        box-sizing: border-box !important;

        display: block !important;

        flex: 0 0 24px !important;

        width: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;

        height: 24px !important;
        min-height: 24px !important;
        max-height: 24px !important;

        margin: 3px 0 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 50% !important;

        object-fit: contain !important;
    }


    /* =====================================================
       FORM
       ===================================================== */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-right
    .support-form {
        box-sizing: border-box !important;

        display: flex !important;
        flex-direction: column !important;

        flex: 1 1 auto !important;

        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 16px !important;
    }


    /* -----------------------------------------------------
       CF7 wrappers
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    > .wpcf7-form-control-wrap {
        box-sizing: border-box !important;

        display: block !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* -----------------------------------------------------
       Inputs / textarea — common
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    input:not([type="hidden"]):not([type="checkbox"]),

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    textarea {
        box-sizing: border-box !important;

        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 10px 20px !important;

        color: #c3c3c3 !important;
        background: #494949 !important;

        border: 1px solid #5c5c5c !important;

        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;

        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;

        outline: none !important;
        box-shadow: none !important;
    }


    /* Placeholder */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    input::placeholder,

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    textarea::placeholder {
        color: #c3c3c3 !important;
        opacity: 1 !important;
    }


    /* -----------------------------------------------------
       Single-line inputs
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    input:not([type="hidden"]):not([type="checkbox"]) {
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;

        border-radius: 100px !important;
    }


    /* -----------------------------------------------------
       Phone / email row
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .rows_s {
        box-sizing: border-box !important;

        display: flex !important;
        flex-direction: row !important;
        align-items: stretch !important;

        width: 100% !important;
        min-width: 0 !important;

        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 16px !important;
    }

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .rows_s
    > .wpcf7-form-control-wrap {
        box-sizing: border-box !important;

        flex: 1 1 0 !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* -----------------------------------------------------
       Textarea
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    textarea {
        height: 121px !important;
        min-height: 121px !important;
        max-height: 121px !important;

        border-radius: 20px !important;

        resize: none !important;
    }


    /* =====================================================
       AGREEMENT
       ===================================================== */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    .check {
        box-sizing: border-box !important;

        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;

        flex: 0 0 44px !important;

        width: 100% !important;
        min-width: 0 !important;

        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;

        margin: 4px 0 0 !important;
        padding: 0 !important;

        gap: 8px !important;

        color: #c3c3c3 !important;

        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;

        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    }


    /* -----------------------------------------------------
       Agreement checkbox
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    .check
    .custom {
        box-sizing: border-box !important;

        flex: 0 0 24px !important;

        width: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;

        height: 24px !important;
        min-height: 24px !important;
        max-height: 24px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 1px solid #5c5c5c !important;
        border-radius: 6px !important;

        background: #494949 !important;
    }


    /* Checked */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    .check:has(input[type="checkbox"]:checked)
    .custom {
        border-color: #fdc400 !important;
        background: #fdc400 !important;
    }


    /* -----------------------------------------------------
       Agreement text
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    .check
    .text {
        box-sizing: border-box !important;

        width: auto !important;
        max-width: 417px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #c3c3c3 !important;

        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;

        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    }


    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    .check
    .text
    a {
        margin: 0 !important;
        padding: 0 !important;

        color: #c3c3c3 !important;

        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;

        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 140% !important;

        text-decoration: underline !important;
        text-underline-offset: 1px !important;
    }


    /* =====================================================
       SUBMIT
       ===================================================== */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    button[type="submit"] {
        box-sizing: border-box !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 50px !important;

        width: 100% !important;

        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;

        margin: 12px 0 0;
        padding: 0 26px !important;

        border: 0 !important;
        border-radius: 100px !important;

        color: #262727 !important;
        background: #fdc400 !important;

        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;

        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;

        box-shadow: none !important;
    }
    
    /* =====================================================
    COMMUNITY -> FOOTER SPACING — TABLET
    ===================================================== */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .teams.cp-community-form {
        box-sizing: border-box !important;
    
        width: 100% !important;
        max-width: none !important;
    
        margin: 120px 0 0 !important;
    
        padding-top: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 60px !important;
        padding-left: 0 !important;
    }
    
    /* =====================================================
   FOOTER — TABLET
   ===================================================== */

    /* -----------------------------------------------------
       Footer shell
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer {
        box-sizing: border-box !important;
    
        width: 100% !important;
    
        margin: 0 !important;
        padding: 40px 0 !important;
    
        background: #262727 !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    }
    
    
    /* -----------------------------------------------------
       Main footer container
       Figma content width: 728px
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer
    .footer_block {
        box-sizing: border-box !important;
    
        width: calc(100% - 24px) !important;
    
        margin: 0 auto !important;
        padding: 0 !important;
    }
    
    
    /* -----------------------------------------------------
       Logo
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer
    .footer_block
    .logo {
        display: block !important;
    
        width: fit-content !important;
    
        margin: 0 0 20px !important;
        padding: 0 !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer
    .footer_block
    .logo
    img {
        display: block !important;
    
        width: auto !important;
        max-width: 112px !important;
        height: auto !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        border-radius: 0 !important;
    }
    
    
    /* =====================================================
       FOOTER COLUMNS
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer
    .footer_block
    .bottom-section
    .bottom-container {
        box-sizing: border-box !important;
    
        display: grid !important;
    
        grid-template-columns:
            repeat(2, minmax(0, 339px)) !important;
    
        align-items: start !important;
        justify-content: space-between !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        column-gap: 50px !important;
        row-gap: 40px !important;
    }
    
    
    /* -----------------------------------------------------
       Every top-level footer column
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer
    .footer_block
    .bottom-section
    .bottom-column {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: column !important;
    
        width: 100% !important;
        min-width: 0 !important;
        max-width: 339px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        gap: 20px !important;
    }
    
    
    /* =====================================================
       MAIN COLUMN TITLES
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer
    .footer_block
    .bottom-section
    .bottom-column
    h3 {
        box-sizing: border-box !important;
    
        width: 100% !important;
    
        margin: 0 !important;
        padding: 0 !important;
        
        padding-bottom: 20px !important;
    
        color: #dedede !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 20px !important;
        font-weight: 600 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;
    }
    
    
    /* =====================================================
       SECONDARY HEADINGS
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer
    .footer_block
    .bottom-section
    .bottom-column
    .sub,
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer
    .footer_block
    .bottom-section
    .bottom-column
    .menu-item
    > a:not(:only-child) {
        margin: 0 !important;
        padding: 0 !important;
    
        color: #5c5c5c !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;
        
        padding-bottom: 12px !important;
    }
    
    
    /* =====================================================
       MENU LISTS
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer
    .footer_block
    .bottom-section
    .bottom-column
    ul {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: column !important;
    
        width: 100% !important;
    
        margin: 0 !important;
        padding: 0 !important;
        
        padding-bottom: 20px !important;
    
        gap: 8px !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer
    .footer_block
    .bottom-section
    .bottom-column
    ul
    li {
        box-sizing: border-box !important;
    
        width: fit-content !important;
        max-width: 100% !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer
    .footer_block
    .bottom-section
    .bottom-column
    ul
    li
    a {
        margin: 0 !important;
        padding: 0 !important;
    
        color: #c3c3c3 !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    
        text-decoration: none !important;
    }
    
    
    /* Active footer link */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer
    .footer_block
    .bottom-section
    .bottom-column
    ul
    li
    a.active {
        color: #fdc400 !important;
        font-weight: 400 !important;
    }
    
    
    /* Hover */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer
    .footer_block
    .bottom-section
    .bottom-column
    ul
    li
    a:hover {
        color: #fdc400 !important;
    }
    
    
    /* =====================================================
       CATALOG — FAMILIES INLINE WRAP
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer
    .menu-bottom-1-container
    #menu-item-28
    .sub-menu {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
    
        width: 100% !important;
        max-width: 339px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        column-gap: 16px !important;
        row-gap: 16px !important;
    }
    
    
    /* -----------------------------------------------------
       Kill legacy 232px limit
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer
    .menu-bottom-1-container
    #menu-item-28
    .sub-menu
    li {
        flex: 0 0 auto !important;
    
        width: fit-content !important;
        max-width: none !important;
    }
    
    
    /* =====================================================
       CONTACTS / NEWS / INNOVATIONS
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer
    #menu-bottom-5 {
        display: flex !important;
        flex-direction: column !important;
    
        width: fit-content !important;
        min-width: 232px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        gap: 16px !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer
    #menu-bottom-5
    li
    a {
        margin: 0 !important;
        padding: 0 !important;
    
        color: #dedede !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 20px !important;
        font-weight: 600 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;
    }
    
    
    /* =====================================================
       "О ClayPaky" LINKS
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer
    #menu-bottom-4 {
        display: flex !important;
        flex-direction: column !important;
    
        width: 176px !important;
        max-width: 176px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        gap: 16px !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer
    #menu-bottom-4
    li
    a {
        color: #c3c3c3 !important;
    
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
    }
    
    
    /* =====================================================
       BOTTOM LEGAL ROW
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer
    .footer_block
    .bottom-section
    .bottom-footer {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
    
        width: 100% !important;
        min-height: 19px !important;
    
        margin: 50px 0 0 !important;
        padding: 0 !important;
    
        color: #5c5c5c !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer
    .footer_block
    .bottom-section
    .bottom-footer
    a {
        margin: 0 !important;
        padding: 0 !important;
    
        color: #5c5c5c !important;
    
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 120% !important;
    
        text-decoration: underline !important;
        text-underline-offset: 1px !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer
    .footer_block
    .bottom-section
    .bottom-footer
    a:hover {
        color: #fdc400 !important;
    }
}

/* =========================================================
   MOBILE
   <= 767.98
   ========================================================= */

@media (max-width: 767.98px) {

    /* =====================================================
       BREADCRUMBS — MOBILE
       ===================================================== */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .breadcrumbs {
        padding-top: 96px !important;
    }

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .breadcrumb {
        box-sizing: border-box !important;

        width: calc(100% - 20px) !important;
        max-width: none !important;
    
        margin-left: 0 !important;
        margin-right: 10px !important;
    
        padding: 0 !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 12px !important;
        font-weight: 400 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
    }


    /* =====================================================
       CATALOG INTRO — MOBILE
       ===================================================== */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .titles_block {
        box-sizing: border-box !important;

        width: 100% !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
        
        padding-top: 8px !important;
    }


    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .titles_block
    .title {
        box-sizing: border-box !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        width: calc(100% - 20px) !important;
        max-width: none !important;

        margin-left: 0 !important;
        margin-right: 10px !important;

        padding: 0 !important;

        gap: 20px !important;
    }


    /* -----------------------------------------------------
       Catalog title
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .titles_block
    .title
    h1 {
        box-sizing: border-box !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;

        font-size: 32px !important;
        font-weight: 400 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
    }

    /* -----------------------------------------------------
       Catalog description
       ----------------------------------------------------- */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .titles_block
    .title
    p {
        box-sizing: border-box !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;

        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    }
    
    /* =====================================================
    CATEGORY SLIDER — MOBILE
    ===================================================== */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider {
        box-sizing: border-box !important;
    
        width: 100% !important;
        max-width: none !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        overflow: hidden !important;
    }
    
    
    /* -----------------------------------------------------
       Header
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .section-header {
        box-sizing: border-box !important;
    
        display: block !important;
    
        width: 100% !important;
    
        margin: 0 0 40px !important;
        padding: 0 !important;
    }
    
    
    /* -----------------------------------------------------
       Header content
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .section-header__content {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        gap: 16px !important;
    }
    
    
    /* -----------------------------------------------------
       Title
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .section-header__content
    h2 {
        box-sizing: border-box !important;
    
        width: 100% !important;
        max-width: none !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #ffffff !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 26px !important;
        font-weight: 400 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;
    }
    
    
    /* -----------------------------------------------------
       "Посмотреть все"
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .section-header__content
    a {
        margin: 0 !important;
        padding: 0 !important;
    
        color: #ffffff !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
    
        text-decoration: underline !important;
        text-underline-offset: 1px !important;
    
        white-space: nowrap !important;
    }
    
    
    /* -----------------------------------------------------
       Mobile = touch only
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .section-header__nav {
        display: none !important;
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .swiper-button-prev,
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .swiper-button-next {
        display: none !important;
    }
    
    
    /* =====================================================
       CATEGORY RAIL
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .swiper {
        box-sizing: border-box !important;
    
        width: 100% !important;
        max-width: none !important;
    
        margin: 0 !important;
        padding: 0 10px !important;
    
        overflow: hidden !important;
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .swiper-wrapper {
        align-items: stretch !important;
    }
    
    
    /* -----------------------------------------------------
       Slide
       Figma card: 320 × 253
       gap: 12px
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .swiper-slide {
        box-sizing: border-box !important;
    
        flex: 0 0 320px !important;
    
        width: 320px !important;
        min-width: 320px !important;
        max-width: 320px !important;
    
        height: 253px !important;
        min-height: 253px !important;
        max-height: 253px !important;
    
        margin: 0 14px 0 0 !important;
        padding: 0 !important;
    }
    
    
    /* =====================================================
       CATEGORY CARD
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .light-card {
        box-sizing: border-box !important;
    
        position: relative !important;
    
        display: block !important;
    
        width: 320px !important;
        min-width: 320px !important;
        max-width: 320px !important;
    
        height: 253px !important;
        min-height: 253px !important;
        max-height: 253px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        border: 1px solid #2f3030 !important;
        border-radius: 16px !important;
    
        overflow: hidden !important;
    }
    
    
    /* -----------------------------------------------------
       Card image
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .light-card
    > img {
        display: block !important;
    
        width: 100% !important;
        height: 100% !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        border-radius: 16px !important;
    
        object-fit: cover !important;
        object-position: center !important;
    }
    
    
    /* -----------------------------------------------------
       Bottom gradient overlay
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .light-card::after {
        content: "" !important;
    
        position: absolute !important;
    
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
    
        z-index: 1 !important;
    
        height: 64px !important;
    
        background:
            linear-gradient(
                180deg,
                rgba(54, 54, 54, 0) 0%,
                rgba(54, 54, 54, 0.78) 100%
            ) !important;
    
        pointer-events: none !important;
    }
    
    
    /* -----------------------------------------------------
       Card title
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .category-title {
        position: absolute !important;
    
        left: 16px !important;
        bottom: 16px !important;
    
        z-index: 2 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #ffffff !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;
    
        white-space: nowrap !important;
    }
    
    
    /* -----------------------------------------------------
       Card CTA
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .light-card
    .overlay {
        position: absolute !important;
    
        inset: auto 16px 16px auto !important;
    
        z-index: 3 !important;
    
        display: block !important;
    
        width: 32px !important;
        height: 32px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        opacity: 1 !important;
        transform: none !important;
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .fixtures .fixtures_block .lights-section {
        padding: 20px 0 0 0 !important;
    }
    
    
    /* -----------------------------------------------------
       CTA button
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .light-card
    .overlay
    button {
        box-sizing: border-box !important;
    
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
    
        height: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        border: 0 !important;
        border-radius: 100px !important;
    
        background: #ffeeb2 !important;
    
        box-shadow: none !important;
        transform: none !important;
    }
    
    
    /* -----------------------------------------------------
       Existing CTA image
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    #product-category-slider
    .light-card
    .overlay
    button
    img {
        display: block !important;
    
        width: 32px !important;
        height: 32px !important;
        max-width: none !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        object-fit: contain !important;
    }
    
    /* =====================================================
    FAMILIES — MOBILE
    ===================================================== */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .families {
        box-sizing: border-box !important;
    
        width: calc(100% - 20px) !important;
        max-width: none !important;
    
        margin: 0 !important;
        padding: 80px 0 0 10px !important;
    }
    
    /* -----------------------------------------------------
       Title
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .families
    .seriers-claypaky_title {
        box-sizing: border-box !important;
    
        width: 100% !important;
    
        margin: 0 0 20px !important;
        padding: 0 !important;
    
        color: #ffffff !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 26px !important;
        font-weight: 400 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;
    }
    
    
    /* -----------------------------------------------------
       Pills container
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .families
    .series-claypaky_content {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        align-content: flex-start !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        column-gap: 12px !important;
        row-gap: 12px !important;
    }
    
    
    /* -----------------------------------------------------
       Family pill
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .families
    .seriers-claypaky_card {
        box-sizing: border-box !important;
    
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    
        flex: 0 0 auto !important;
    
        width: fit-content !important;
        min-width: 0 !important;
        max-width: 100% !important;
    
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
    
        margin: 0 !important;
        padding: 0 30px !important;
    
        border: 0 !important;
        border-radius: 100px !important;
    
        background: #ffeeb2 !important;
    
        text-decoration: none !important;
    }
    
    
    /* -----------------------------------------------------
       Family pill text
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .families
    .seriers-claypaky_text {
        display: block !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #262727 !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;
    
        white-space: nowrap !important;
    }
    
    
    /* -----------------------------------------------------
       Link states
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .families
    a.seriers-claypaky_card {
        color: #262727 !important;
        text-decoration: none !important;
    
        -webkit-tap-highlight-color: transparent;
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .families
    a.seriers-claypaky_card:active {
        filter: brightness(0.94);
    }
    
    /* =====================================================
    FULL CATALOG — MOBILE
    <= 767.98
    ===================================================== */

    /* -----------------------------------------------------
       Main catalog section
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs {
        box-sizing: border-box !important;
    
        display: block !important;
    
        width: calc(100% - 20px) !important;
        max-width: none !important;
    
        margin: 0 10px !important;
        padding: 80px 0 !important;
    }
    
    /* =====================================================
    MOBILE FILTER — BOTTOM SHEET
    ===================================================== */

    /* -----------------------------------------------------
       Backdrop + page scroll lock
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    ).catalog-filter-open {
        overflow: hidden !important;
    }
    
    /* =====================================================
       FILTER SHEET
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container {
        box-sizing: border-box !important;
    
        position: fixed !important;
    
        left: 50% !important;
        bottom: 0 !important;
    
        z-index: 10000 !important;
    
        display: block !important;
    
        width: 100vw !important;
        max-width: none !important;
        min-width: 0 !important;

        height: calc(100dvh - 180px) !important;
        max-height: 1020px !important;
        min-height: 0 !important;
    
        margin: 0 !important;
    
        padding: 40px 10px
            max(10px, env(safe-area-inset-bottom))
            10px !important;
    
        border: 1px solid #2f3030 !important;
        border-radius: 30px 30px 0 0 !important;
    
        background: #353536 !important;
    
        overflow: hidden !important;
    
        overscroll-behavior: none !important;
        touch-action: pan-y !important;
                
        transform:
            translate(
                -50%,
                calc(100% + 24px)
            ) !important;
    
        opacity: 0 !important;
        visibility: hidden !important;
    
        pointer-events: none !important;
    
        transition:
            transform 280ms ease,
            opacity 200ms ease,
            visibility 0s linear 280ms !important;
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container
    .filter-content::-webkit-scrollbar {
        display: none !important;
    }
    
    
    /* -----------------------------------------------------
       Open state
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container.is-mobile-open {
        transform: translate(-50%, 0) !important;
    
        opacity: 1 !important;
        visibility: visible !important;
    
        pointer-events: auto !important;
    
        transition:
            transform 280ms ease,
            opacity 200ms ease !important;
    }
    
    
    /* -----------------------------------------------------
       Figma drag handle
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container::before {
        content: "" !important;
    
        position: absolute !important;
    
        top: 10px !important;
        left: 50% !important;
    
        width: 60px !important;
        height: 4px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        border-radius: 100px !important;
    
        background: #87888a !important;
    
        transform: translateX(-50%) !important;
    
        pointer-events: none !important;
    }
    
    
    /* =====================================================
       FILTER CONTENT
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container
    .filter-content {
        box-sizing: border-box !important;
    
        display: block !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        height: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
    
        margin: 0 !important;
    
        padding:
            0
            0
            max(20px, env(safe-area-inset-bottom))
            !important;
    
        overflow-x: hidden !important;
        overflow-y: auto !important;
    
        overscroll-behavior-y: contain !important;
    
        scrollbar-width: none !important;
    
        -webkit-overflow-scrolling: touch !important;
    
        touch-action: pan-y !important;
        
        border: none !important;
        border-radius: 0px !important
    }
        
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container
    > .filter-header {
        display: none !important;
    }
    
    /* =====================================================
       SELECTED FILTERS HEADER
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container
    .filter-top {
        box-sizing: border-box !important;
    
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        height: 20px !important;
        min-height: 20px !important;
        max-height: 20px !important;
    
        margin: 0 0 18px !important;
        padding: 0 !important;
    
        gap: 16px !important;
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container
    .filter-title {
        margin: 0 !important;
        padding: 0 !important;
    
        color: #ffffff !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 17px !important;
        letter-spacing: 0 !important;
    
        white-space: nowrap !important;
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container
    .clear-all {
        box-sizing: border-box !important;
    
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    
        flex: 0 0 auto !important;
    
        width: auto !important;
        height: 20px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        border: 0 !important;
        border-radius: 0 !important;
    
        color: #c3c3c3 !important;
        background: transparent !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
        letter-spacing: 0 !important;
    
        text-decoration: underline !important;
        text-underline-offset: 1px !important;
    
        box-shadow: none !important;
    
        white-space: nowrap !important;
    
        cursor: pointer !important;
    }
    
    /* =====================================================
       SELECTED FILTER CHIPS
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container
    .selected-filters {
        box-sizing: border-box !important;
    
        display: flex !important;
    
        flex-direction: row !important;
        flex-wrap: wrap !important;
    
        align-items: flex-start !important;
        align-content: flex-start !important;
        justify-content: flex-start !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        margin: 0 0 12px !important;
        padding: 0 !important;
    
        gap: 10px !important;
    
        overflow: visible !important;
    
        scrollbar-width: auto !important;
    }
    
    
    /* =====================================================
       FILTER SECTION CARD
       Figma: radius 16 / padding 16 / gap 24
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container
    .filter-section {
        box-sizing: border-box !important;
    
        display: block !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        height: auto !important;
        min-height: 56px !important;
        max-height: none !important;
    
        margin: 0 0 8px !important;
        padding: 16px !important;
    
        border: 1px solid #5c5c5c !important;
        border-radius: 16px !important;
    
        background: #353536 !important;
    
        overflow: hidden !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container
    .filter-section:last-child {
        margin-bottom: 0 !important;
    }
    
    
    /* =====================================================
       SECTION HEADER
       Figma inner: 323 × 24
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container
    .filter-section
    .section-header {
        box-sizing: border-box !important;
    
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    
        width: 100% !important;
    
        height: 24px !important;
        min-height: 24px !important;
        max-height: 24px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        cursor: pointer !important;
    }
    
    
    /* -----------------------------------------------------
       Section title group
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container
    .filter-section
    .section-title {
        box-sizing: border-box !important;
    
        display: flex !important;
        align-items: center !important;
    
        width: auto !important;
        max-width: calc(100% - 32px) !important;
    
        min-height: 24px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        gap: 8px !important;
    
        color: #ffffff !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 17px !important;
        letter-spacing: 0 !important;
    
        white-space: nowrap !important;
    }
    
    
    /* -----------------------------------------------------
       Counter remains 24 × 24
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container
    .filter-section
    .section-title
    .info-icon {
        flex: 0 0 24px !important;
    
        width: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;
    
        height: 24px !important;
        min-height: 24px !important;
        max-height: 24px !important;
    
        border: 1px solid #c3c3c3 !important;
        border-radius: 100px !important;
    
        color: #c3c3c3 !important;
    
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
    }
    
    
    /* -----------------------------------------------------
       Section reset
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container
    .filter-section
    .reset-btn {
        height: 20px !important;
        min-height: 20px !important;
    
        color: #c3c3c3 !important;
    
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
    
        text-decoration: underline !important;
        text-underline-offset: 1px !important;
    }
    
    
    /* -----------------------------------------------------
       Arrow
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container
    .filter-section
    .collapse-icon {
        box-sizing: border-box !important;
    
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    
        flex: 0 0 16px !important;
    
        width: 16px !important;
        height: 16px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        transform: rotate(0deg) !important;
        transform-origin: center !important;
    
        transition: transform 180ms ease !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container
    .filter-section
    .section-header.collapsed
    .collapse-icon {
        transform: rotate(180deg) !important;
    }
    
    
    /* =====================================================
       SECTION OPTIONS
       Figma: header -> options = 24px
              option gap = 16px
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container
    .filter-section
    .section-content {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: column !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        margin: 24px 0 0 !important;
        padding: 0 !important;
    
        gap: 16px !important;
    }
    
    
    /* Closed section */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container
    .filter-section
    .section-header.collapsed
    + .section-content {
        display: none !important;
    }
    
    
    /* =====================================================
       OPTION
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container
    .filter-option {
        box-sizing: border-box !important;
    
        display: flex !important;
        align-items: center !important;
    
        width: 100% !important;
    
        height: 24px !important;
        min-height: 24px !important;
        max-height: 24px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        gap: 10px !important;
    
        cursor: pointer !important;
    }
    
    
    /* -----------------------------------------------------
       Option text
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container
    .filter-option
    .option-label {
        margin: 0 !important;
        padding: 0 !important;
    
        color: #ffffff !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
        letter-spacing: 0 !important;
    }
    
    /* =====================================================
       FILTER MOBILE HEADER
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .mobile-catalog-head {
        box-sizing: border-box !important;
    
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    
        width: 100% !important;
    
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
    
        margin: 0 0 20px !important;
        padding: 0 !important;
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .mobile-catalog-head
    h2 {
        margin: 0 !important;
        padding: 0 !important;
    
        color: #ffffff !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 30px !important;
        font-weight: 400 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;
    }
    
    
    /* -----------------------------------------------------
       Filter trigger
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .mobile-filter-toggle {
        box-sizing: border-box !important;
    
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    
        flex: 0 0 46px !important;
    
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
    
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        border: 1px solid rgba(255, 255, 255, 0.20) !important;
        border-radius: 100px !important;
    
        color: #ffffff !important;
    
        background: rgba(255, 255, 255, 0.10) !important;
    
        box-shadow: none !important;
    
        -webkit-backdrop-filter: blur(10px) !important;
        backdrop-filter: blur(10px) !important;
    
        cursor: pointer !important;
    
        -webkit-tap-highlight-color: transparent;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .mobile-filter-toggle
    img {
        display: block !important;
    
        width: 32px !important;
        height: 32px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        border: 0 !important;
        border-radius: 0 !important;
    
        object-fit: contain !important;
    
        pointer-events: none !important;
    }
    
    
    /* =====================================================
       PRODUCTS COLUMN
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filtrers_block {
        box-sizing: border-box !important;
    
        display: block !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filters_contnts {
        box-sizing: border-box !important;
    
        display: block !important;
    
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    
    /* =====================================================
       SORTING + RESULTS
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filters_contnts
    .contents_top {
        box-sizing: border-box !important;
    
        width: 100% !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filters_contnts
    .contents_top
    .top_info {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    
        width: 100% !important;
    
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    
        margin: 0 0 20px !important;
        padding: 0 !important;
    
        gap: 20px !important;
    }
    
    
    /* -----------------------------------------------------
       Sorting
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filters_contnts
    .selects {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    
        order: 1 !important;
    
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    
        height: 72px !important;
        min-height: 72px !important;
        max-height: 72px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        gap: 8px !important;
    }
    
    
    /* Sorting label */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filters_contnts
    .selects
    h4 {
        box-sizing: border-box !important;
    
        width: 100% !important;
    
        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #87888a !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
    }
    
    
    /* -----------------------------------------------------
       Sorting select
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filters_contnts
    .sort-dropdown {
        box-sizing: border-box !important;
    
        display: block !important;
    
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
    
        margin: 0 !important;
        padding: 10px 52px 10px 20px !important;
    
        color: #c3c3c3 !important;
        background-color: #494949 !important;
    
        border: 1px solid #5c5c5c !important;
        border-radius: 100px !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    
        background-position: right 20px center !important;
        background-size: 20px 20px !important;
    
        outline: none !important;
        box-shadow: none !important;
    }
    
    
    /* -----------------------------------------------------
       Results count
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filters_contnts
    .results_con {
        order: 2 !important;
    
        width: 100% !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #87888a !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
    
        white-space: nowrap !important;
    }
    
    
    /* =====================================================
       PRODUCTS LIST
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filters_contnts
    .contents_top
    .items_contents {
        box-sizing: border-box !important;
    
        width: 100% !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    
    /* -----------------------------------------------------
       Grid
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container {
        box-sizing: border-box !important;
    
        display: grid !important;
    
        grid-template-columns:
            minmax(0, 1fr) !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        column-gap: 0 !important;
        row-gap: 12px !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    > .item {
        box-sizing: border-box !important;
    
        display: block !important;
    
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    
    /* =====================================================
       PRODUCT CARD
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-card {
        box-sizing: border-box !important;
    
        position: relative !important;
    
        display: block !important;
    
        width: 100% !important;
    
        height: 400px !important;
        min-height: 400px !important;
        max-height: 400px !important;
    
        margin: 0 !important;
        padding: 8px 8px 0 !important;
    
        border: 1px solid #2f3030 !important;
        border-radius: 16px !important;
    
        background: #353536 !important;
    
        overflow: hidden !important;
    
        box-shadow: none !important;
    }
    
    
    /* =====================================================
       PRODUCT IMAGE
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-image {
        box-sizing: border-box !important;
    
        display: block !important;
    
        width: 100% !important;
    
        height: 313px !important;
        min-height: 313px !important;
        max-height: 313px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        border-radius: 12px !important;
    
        background: #ffffff !important;
    
        overflow: hidden !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-image
    img {
        display: block !important;
    
        width: 100% !important;
        height: 100% !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        border-radius: 12px !important;
    
        object-fit: contain !important;
        object-position: center !important;
    }
    
    
    /* =====================================================
       BADGES
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-card
    .badge {
        position: absolute !important;
    
        top: 16px !important;
        left: 16px !important;
    
        z-index: 5 !important;
    
        width: 32px !important;
        height: 32px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-card
    .badge
    img {
        display: block !important;
    
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
    
        height: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        object-fit: contain !important;
    }
    
    
    /* New badge */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-card
    .new-badge {
        position: absolute !important;
    
        top: 16px !important;
        right: 16px !important;
    
        z-index: 5 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #fdc400 !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
    
        white-space: nowrap !important;
    }
    
    
    /* =====================================================
       PRODUCT INFO
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-info {
        box-sizing: border-box !important;
    
        position: relative !important;
    
        display: grid !important;
    
        grid-template-columns:
            minmax(0, 1fr)
            auto !important;
    
        grid-template-rows:
            23px
            20px !important;
    
        column-gap: 8px !important;
        row-gap: 4px !important;
    
        width: calc(100% + 16px) !important;
    
        height: 79px !important;
        min-height: 79px !important;
        max-height: 79px !important;
    
        margin: 0 -8px !important;
        padding: 16px !important;
    
        background: #353536 !important;
    }
    
    
    /* -----------------------------------------------------
       Name
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-name {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
    
        min-width: 0 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #ffffff !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
    
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    
    /* -----------------------------------------------------
       Product type
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-type {
        grid-column: 1 !important;
        grid-row: 2 !important;
    
        min-width: 0 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #87888a !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    
    
    /* -----------------------------------------------------
       SKU
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .grid-container
    .product-code {
        position: static !important;
    
        grid-column: 2 !important;
        grid-row: 2 !important;
    
        align-self: center !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #87888a !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    
        white-space: nowrap !important;
    
        text-align: right !important;
    }

    /* =====================================================
    MOBILE FILTER — BACKDROP
    ===================================================== */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container {
        box-shadow: none !important;
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container,
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .filter-container.is-mobile-open {
        box-shadow: none !important;
    }
        
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .mobile-filter-backdrop {
        position: fixed !important;
        inset: 0 !important;
    
        z-index: 9998 !important;
    
        display: block !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        background: rgba(0, 0, 0, 0.72) !important;
    
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    
        transition:
            opacity 200ms ease,
            visibility 0s linear 200ms !important;
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .mobile-filter-backdrop.is-open {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    
        transition:
            opacity 200ms ease !important;
    }
    
    /* =====================================================
    PAGINATION — MOBILE
    ===================================================== */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .products-pagination {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
    
        width: 100% !important;
    
        margin: 40px 0 0 !important;
        padding: 0 !important;
    
        gap: 8px !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    }
    
    
    /* -----------------------------------------------------
       Pagination control
       Figma: 40 × 40
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .products-pagination
    button {
        box-sizing: border-box !important;
    
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    
        flex: 0 0 40px !important;
    
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
    
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        border: 0 !important;
        border-radius: 100px !important;
    
        box-shadow: none !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
    
        text-decoration: none !important;
    }
    
    
    /* -----------------------------------------------------
       Normal page
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .products-pagination
    button.page {
        color: #ffffff !important;
        background: #353536 !important;
    }
    
    
    /* -----------------------------------------------------
       Active page
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .products-pagination
    button.page.active {
        color: #262727 !important;
        background: #ffeeb2 !important;
    }
    
    
    /* -----------------------------------------------------
       Prev / Next
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .products-pagination
    button.nav {
        color: #262727 !important;
        background: #87888a !important;
    }
    
    
    /* -----------------------------------------------------
       Disabled arrow
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .filtrs
    .products-pagination
    button.nav:disabled {
        opacity: 1 !important;
        cursor: default !important;
    }
    
    /* =====================================================
    TECHNICAL SUPPORT — MOBILE
    <= 767.98
    Figma: 335 × 1318 @ 375 viewport
    ===================================================== */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support {
        box-sizing: border-box !important;
    
        width: calc(100% - 10px) !important;
        max-width: none !important;
    
        margin: 0 0 80px auto !important;
        padding: 0 10px 0 0 !important;
    
        color: #ffffff !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    }
    
    
    /* -----------------------------------------------------
       Section title
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    > h2 {
        box-sizing: border-box !important;
    
        width: 100% !important;
    
        margin: 0 0 30px !important;
        padding: 0 !important;
    
        color: #ffffff !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 26px !important;
        font-weight: 400 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;
    }
    
    
    /* =====================================================
       SUPPORT CONTENT
       Figma: 335 × 1257
       gap: 12
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-wrap {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        gap: 12px !important;
    }
    
    
    /* =====================================================
       SUPPORT CARDS
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-left {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: column !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        gap: 12px !important;
    
        border-radius: 0 !important;
    }
    
    
    /* -----------------------------------------------------
       Single support card
    
       First:
       16 + 44 title + 50 + 60 text + 16 ≈ 186
    
       Other:
       16 + 22 title + 50 + 40 text + 16 ≈ 144
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-left
    .support-item {
        box-sizing: border-box !important;
    
        position: relative !important;
    
        display: block !important;
    
        flex: none !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    
        margin: 0 !important;
        padding: 16px !important;
    
        border: 1px solid #2f3030 !important;
        border-radius: 16px !important;
    
        background: #353536 !important;
    
        overflow: hidden !important;
    
        cursor: default !important;
    
        transform: none !important;
        box-shadow: none !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-left
    .support-item:hover {
        background: #353536 !important;
    
        transform: none !important;
        box-shadow: none !important;
    }
    
    
    /* -----------------------------------------------------
       Card content
       Figma vertical gap: 50px
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-left
    .support-item
    .text {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
    
        width: 100% !important;
        height: auto !important;
    
        min-width: 0 !important;
        min-height: 0 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        gap: 50px !important;
    }
    
    
    /* -----------------------------------------------------
       Card title
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-left
    .support-item
    .text
    h3 {
        box-sizing: border-box !important;
    
        width: 100% !important;
        max-width: 100% !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #ffffff !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;
    }
    
    
    /* Leave room for arrow in first card */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-left
    .support-item:first-child
    .text
    h3 {
        width: calc(100% - 48px) !important;
        max-width: calc(100% - 48px) !important;
    }
    
    
    /* -----------------------------------------------------
       Card description
       Figma: 14 / 140%
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-left
    .support-item
    .text
    p {
        box-sizing: border-box !important;
    
        width: 100% !important;
        max-width: none !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #c3c3c3 !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    }
    
    
    /* -----------------------------------------------------
       First card arrow
       Figma: 32 × 32
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-left
    .support-item:first-child
    img {
        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
    
        height: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;
    }
    
    
    /* =====================================================
       SUPPORT FORM CARD
       Figma: 335 × 591
       padding: 16
       inner: 303 × 559
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-right {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: column !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        height: auto !important;
        min-height: 591px !important;
        max-height: none !important;
    
        margin: 0 !important;
        padding: 16px !important;
    
        border: 1px solid #2f3030 !important;
        border-radius: 16px !important;
    
        background: #353536 !important;
    
        overflow: hidden !important;
    }
    
    
    /* =====================================================
       FORM LEAD
       Figma: 303 × 66
       dot: 16 × 16
       gap: 12
       text area: 275px
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-right
    .lead {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
    
        flex: 0 0 66px !important;
    
        width: 100% !important;
        max-width: none !important;
    
        height: 66px !important;
        min-height: 66px !important;
        max-height: 66px !important;
    
        margin: 0 0 10px !important;
        padding: 0 !important;
    
        gap: 12px !important;
    
        color: #ffffff !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    }
    
    
    /* -----------------------------------------------------
       Yellow dot
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-right
    .lead
    img {
        box-sizing: border-box !important;
    
        display: block !important;
    
        flex: 0 0 16px !important;
    
        width: 16px !important;
        min-width: 16px !important;
        max-width: 16px !important;
    
        height: 16px !important;
        min-height: 16px !important;
        max-height: 16px !important;
    
        margin: 3px 0 0 !important;
        padding: 0 !important;
    
        border: 0 !important;
        border-radius: 100px !important;
    
        object-fit: contain !important;
    }
    
    
    /* =====================================================
       MOBILE SUPPORT FORM
       Available height:
       591 - 32 padding - 66 lead - 30 gap = 463px
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .technical
    .support
    .support-right
    .support-form {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: column !important;
    
        flex: 0 0 463px !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        height: auto !important;
        min-height: 463px !important;
        max-height: none !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        gap: 16px !important;
    }
    
    
    /* -----------------------------------------------------
       CF7 wrappers
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    > .wpcf7-form-control-wrap {
        box-sizing: border-box !important;
    
        display: block !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    
    /* =====================================================
       INPUTS
       Figma: 303 × 46
       bg #494949 / border #5c5c5c
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    input:not([type="hidden"]):not([type="checkbox"]),
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    textarea {
        box-sizing: border-box !important;
    
        display: block !important;
    
        width: 100% !important;
    
        margin: 0 !important;
        padding: 10px 16px !important;
    
        color: #c3c3c3 !important;
        background: #494949 !important;
    
        border: 1px solid #5c5c5c !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    
        outline: none !important;
        box-shadow: none !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    input::placeholder,
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    textarea::placeholder {
        color: #c3c3c3 !important;
        opacity: 1 !important;
    }
    
    
    /* -----------------------------------------------------
       Single-line fields
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    input:not([type="hidden"]):not([type="checkbox"]) {
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
    
        border-radius: 100px !important;
    }
    
    
    /* -----------------------------------------------------
       Phone + email become vertical on mobile
    
       46 + 16 + 46 = 108
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .rows_s {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        height: 108px !important;
        min-height: 108px !important;
        max-height: 108px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        gap: 16px !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .rows_s
    > .wpcf7-form-control-wrap {
        box-sizing: border-box !important;
    
        display: block !important;
    
        flex: 0 0 46px !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        height: 46px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    
    /* -----------------------------------------------------
       Textarea
       Figma: 303 × 121
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    textarea {
        height: 121px !important;
        min-height: 121px !important;
        max-height: 121px !important;
    
        border-radius: 20px !important;
    
        resize: none !important;
    }
    
    
    /* =====================================================
       AGREEMENT
       Figma: text 271 × 60
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    .check {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
    
        flex: 0 0 60px !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        height: 60px !important;
        min-height: 60px !important;
        max-height: 60px !important;
    
        /*
         * support-form gap = 16
         * + this 4px = Figma 20px from inputs group
         */
        margin: 4px 0 0 !important;
        padding: 0 !important;
    
        gap: 8px !important;
    
        color: #c3c3c3 !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    }
    
    
    /* -----------------------------------------------------
       Agreement checkbox
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    .check
    .custom {
        box-sizing: border-box !important;
    
        flex: 0 0 24px !important;
    
        width: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;
    
        height: 24px !important;
        min-height: 24px !important;
        max-height: 24px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        border: 1px solid #5c5c5c !important;
        border-radius: 6px !important;
    
        background: #494949 !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    .check:has(input[type="checkbox"]:checked)
    .custom {
        border-color: #fdc400 !important;
        background: #fdc400 !important;
    }
    
    
    /* -----------------------------------------------------
       Agreement text
       303 - 24 - 8 = 271px
       ----------------------------------------------------- */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    .check
    .text {
        box-sizing: border-box !important;
    
        flex: 1 1 auto !important;
    
        width: auto !important;
        max-width: 271px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #c3c3c3 !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;
    }
    
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    .check
    .text
    a {
        margin: 0 !important;
        padding: 0 !important;
    
        color: #c3c3c3 !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
    
        text-decoration: underline !important;
        text-underline-offset: 1px !important;
    }
    
    
    /* =====================================================
       SUBMIT
       Figma: 303 × 46
       Desired agreement -> button = 30px
    
       flex gap 16 + margin-top 14 = 30
       ===================================================== */
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    button[type="submit"] {
        box-sizing: border-box !important;
    
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    
        flex: 0 0 46px !important;
    
        width: 100% !important;
    
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
    
        margin: 14px 0 0 !important;
        padding: 0 26px !important;
    
        border: 0 !important;
        border-radius: 100px !important;
    
        color: #262727 !important;
        background: #fdc400 !important;
    
        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;
    
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;
    
        box-shadow: none !important;
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer .footer_block .logo {
        margin-left: -10px !important;
        
        margin-bottom: 30px !important;
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer .footer_block .bottom-section .bottom-column ul {
        margin-top: 12px !important;
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer .footer_block .bottom-section .bottom-column h3 {
        font-size: 18px !important;   
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer .footer_block .bottom-section .bottom-column ul li a {
        font-size: 16px !important;   
    }
    
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    footer .footer_block .bottom-section .bottom-column ul {
        margin-bottom: 12px !important;   
    }
}

/* =========================================================
   CF7 — FORM RESILIENCE / VALIDATION HOTFIX
   ========================================================= */

/* ---------------------------------------------------------
   Technical support:
   card must grow when CF7 injects validation messages
   --------------------------------------------------------- */

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.technical_support
.support-right {
    height: auto !important;
    max-height: none !important;

    overflow: visible !important;
}


/* Desktop — keep Figma height as minimum */

@media (min-width: 1200px) {

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right {
        height: auto !important;
        min-height: 614px !important;
        max-height: none !important;
    }
}


/* Tablet */

@media (min-width: 768px) and (max-width: 1199.98px) {

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right {
        height: auto !important;
        min-height: 509px !important;
        max-height: none !important;
    }


    /* Phone + email row may grow because of validation text */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .rows_s {
        height: auto !important;
        min-height: 50px !important;
        max-height: none !important;

        align-items: flex-start !important;
    }


    /* Agreement may also contain CF7 validation */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    .check {
        flex-basis: auto !important;

        height: auto !important;
        min-height: 44px !important;
        max-height: none !important;
    }
}


/* Mobile */

@media (max-width: 767.98px) {

    /* Normal state stays >= 591px, error state grows */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right {
        height: auto !important;
        min-height: 591px !important;
        max-height: none !important;

        overflow: visible !important;
    }


    /* Was hardcoded 463px */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form {
        flex: 1 1 auto !important;

        height: auto !important;
        min-height: 463px !important;
        max-height: none !important;
    }


    /* Was hardcoded 108px */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .rows_s {
        height: auto !important;
        min-height: 108px !important;
        max-height: none !important;
    }


    /* Each CF7 wrapper can now include .wpcf7-not-valid-tip */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .rows_s
    > .wpcf7-form-control-wrap {
        flex: 0 0 auto !important;

        height: auto !important;
        min-height: 46px !important;
        max-height: none !important;
    }


    /* Was hardcoded 60px */

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    .check {
        flex: 0 0 auto !important;

        height: auto !important;
        min-height: 60px !important;
        max-height: none !important;
    }
}


/* =========================================================
   TECHNICAL SUPPORT — CHECKBOX CHECKMARK
   ========================================================= */

:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.technical_support
.support-right
.support-form
.check
.custom {
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


:is(
    body.post-type-archive-product,
    body.tax-product_cat,
    body[class*="tax-pa_"]
)
.technical_support
.support-right
.support-form
.check:has(input[type="checkbox"]:checked)
.custom {
    border-color: #fdc400 !important;
    background-color: #fdc400 !important;

    background-image:
        url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6L6 10.5L14.5 1.5' stroke='%23262727' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 14px 11px !important;
}

/* =========================================================
   TECHNICAL SUPPORT — MOBILE CHECKBOX HIT AREA FIX
   ========================================================= */

@media (max-width: 767.98px) {

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    .check {
        position: relative !important;
        cursor: pointer !important;
    }


    /*
     * Не display:none.
     * Настоящий checkbox лежит поверх визуального .custom.
     */
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    .check
    input[type="checkbox"] {
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;

        z-index: 5 !important;

        display: block !important;

        width: 24px !important;
        height: 24px !important;

        margin: 0 !important;
        padding: 0 !important;

        opacity: 0 !important;

        cursor: pointer !important;

        appearance: none !important;
        -webkit-appearance: none !important;

        pointer-events: auto !important;
    }


    /*
     * Декоративный квадрат клики не перехватывает.
     * Клик получает настоящий input поверх него.
     */
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    .check
    .custom {
        position: relative !important;
        z-index: 1 !important;

        pointer-events: none !important;
    }
}

/* =========================================================
   CF7 — MOBILE VALIDATION WITHOUT LAYOUT JUMP
   ========================================================= */

@media (max-width: 767.98px) {

    /*
     * Каждый CF7 wrapper становится anchor для error message.
     */
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    .wpcf7-form-control-wrap {
        position: relative !important;
    }


    /*
     * Warning не меняет высоту wrapper.
     */
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .support-form
    .wpcf7-not-valid-tip {
        position: absolute !important;

        top: calc(100% + 2px) !important;
        left: 16px !important;

        z-index: 4 !important;

        display: block !important;

        width: calc(100% - 32px) !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #ff2b2b !important;

        font-family:
            "Source Sans Pro",
            "Source Sans 3",
            sans-serif !important;

        font-size: 11px !important;
        font-weight: 400 !important;
        line-height: 12px !important;

        white-space: nowrap !important;

        pointer-events: none !important;
    }


    /*
     * Возвращаем стабильные размеры phone/email.
     */
    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .rows_s {
        height: 108px !important;
        min-height: 108px !important;
        max-height: 108px !important;
    }


    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .technical_support
    .support-right
    .rows_s
    > .wpcf7-form-control-wrap {
        flex: 0 0 46px !important;

        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
    }
}

/* =========================================================
   CATALOG — MOBILE SHARED WIDGET WIDTH
   Electronic help + Community
   ========================================================= */

@media (max-width: 767.98px) {

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .cp-electronic-help,

    :is(
        body.post-type-archive-product,
        body.tax-product_cat,
        body[class*="tax-pa_"]
    )
    .teams.cp-community-form {
        box-sizing: border-box !important;

        width: calc(100% - 20px) !important;
        max-width: none !important;
        
        margin-left: 10px !important;
    }
}