/**
 * ClayPaky product page.
 * Desktop-first isolated overrides.
 */

body.single-product {
    --product-page-bg: #262727;
    --product-card-bg: #353536;
    --product-border: #2f3030;
    --product-text: #ffffff;
    --product-muted: #c3c3c3;
    --product-yellow: #fdc400;
    --product-cream: #ffeeb2;
}

/* =========================================================
   VIEWPORT AND CONTAINERS
   ========================================================= */

body.single-product {
    overflow-x: hidden;
    background: var(--product-page-bg);
}

body.single-product .breadcrumbs > .container,
body.single-product .device > .container,
body.single-product .product-support-compact > .container {
    width: 100%;
    max-width: 1320px;
    padding-left: 12px;
    padding-right: 12px;
}

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

body.single-product .breadcrumbs {
    padding-top: 96px;
}

body.single-product .breadcrumb {
    margin: 24px 0 28px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    opacity: 1;
}

body.single-product .breadcrumb > span,
body.single-product .breadcrumb > span > span,
body.single-product .breadcrumb a {
    color: #ffffff;
    opacity: 1;
}

body.single-product .breadcrumb a {
    transition: color 160ms ease;
}

body.single-product .breadcrumb a:hover {
    color: var(--product-yellow);
}

body.single-product .breadcrumb .breadcrumb_last {
    color: var(--product-yellow);
    opacity: 1;
}

/* =========================================================
   HERO LAYOUT
   ========================================================= */

body.single-product .device .doc-section_device {
    padding: 0;
    margin-bottom: 32px;
}

body.single-product
.device
.doc-section_device
.doc-card {
    display: grid;
    grid-template-columns: 560px minmax(0, 1fr);
    align-items: start;
    gap: 24px;

    margin: 0;
    padding: 0;
}

body.single-product
.device
.doc-section_device
.doc-left,
body.single-product
.device
.doc-section_device
.doc-right {
    width: 100%;
    max-width: none;
    padding: 0;
}

/* =========================================================
   MAIN PRODUCT GALLERY
   ========================================================= */

body.single-product .device .mySwiper2 {
    width: 555px;
    height: 497px;
    border-radius: 20px;
    
    border-radius: 16px;
    background: #ffffff;
    
    overflow: hidden;
}

body.single-product
.device
.mySwiper2
.product-hero-slide {
    position: relative;
    width: 100%;
    height: 497px;
    aspect-ratio: auto;

    background: #ffffff;
    overflow: hidden;
}

body.single-product .product-hero-image {
    display: block;
    width: 100%;
    height: 100% !important;
    border-radius: 0 !important;
    object-fit: contain;
}

body.single-product .product-hero-media {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    background: #ffffff;
}

body.single-product .device .badge {
    top: 16px;
    left: 16px;
    z-index: 6;
    padding: 0;
}

body.single-product .device .badge img {
    width: 52px;
    height: auto;
    border-radius: 0;
}

body.single-product .device .new {
    top: 18px;
    right: 20px;
    z-index: 6;

    color: var(--product-yellow);
    font-size: 15px;
    font-weight: 500;
}

/* =========================================================
   THUMBNAILS
   ========================================================= */

body.single-product
.device
.doc-left
.thumbs-swiper-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 100px;
    margin: 20px 0 0;
    padding: 0 56px;
}

body.single-product
.device
.doc-left
.thumbs-swiper {
    width: 100%;
    margin: 0;
}

body.single-product
.device
.thumbs-swiper
.swiper-slide {
    width: 96px !important;
    max-width: 96px !important;
    height: 96px;
    max-height: 96px;

    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 10px;
    background: #ffffff;

    transition:
        border-color 160ms ease,
        opacity 160ms ease;
}

body.single-product
.device
.thumbs-swiper
.swiper-slide-thumb-active {
    border-color: var(--product-yellow);
}

body.single-product
.device
.thumbs-swiper
.swiper-slide:hover {
    transform: none;
    opacity: 0.84;
}

body.single-product .product-thumb-image {
    display: block;
    width: 100%;
    height: 100% !important;
    border-radius: 8px;
    object-fit: contain;
}

body.single-product
.device
.doc-left
.thumbs-swiper-container
.thumbs-nav-prev,
body.single-product
.device
.doc-left
.thumbs-swiper-container
.thumbs-nav-next {
    top: 50%;
    width: 40px;
    height: 40px;
    margin: 0;
}

body.single-product
.device
.doc-left
.thumbs-swiper-container
.thumbs-nav-prev {
    left: 0;
}

body.single-product
.device
.doc-left
.thumbs-swiper-container
.thumbs-nav-next {
    right: 0;
}

/* =========================================================
   PRODUCT TITLE AND DESCRIPTION
   ========================================================= */

body.single-product
.device
.doc-section_device
.doc-right
.doc-top {
    margin-bottom: 20px;
}

body.single-product
.device
.doc-section_device
.doc-right
.doc-top
.lft_block {
    display: flex;
    align-items: baseline;
    gap: 20px;
    margin-bottom: 20px;
}

body.single-product
.device
.doc-section_device
.doc-right
.doc-top
h2 {
    color: #ffffff;
    font-size: 52px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.02em;
}

body.single-product
.device
.doc-section_device
.doc-right
.doc-top
.model {
    color: var(--product-muted);
    font-size: 18px;
    line-height: 1;
    opacity: 0.55;
}

body.single-product
.device
.doc-section_device
.doc-right
.doc-top
.bottoms_s,
body.single-product
.device
.doc-section_device
.doc-right
.doc-top
.bottoms_s
p {
    display: block;
    margin: 0;

    color: var(--product-muted);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    opacity: 1;
}

/* =========================================================
   TOP TECHNICAL FEATURES
   ========================================================= */

body.single-product
.device
.doc-section_device
.tech_info {
    width: 100%;
    padding: 20px;

    border: 1px solid var(--product-border);
    border-radius: 20px;
    background: var(--product-card-bg);
}

body.single-product
.device
.doc-section_device
.tech_info
h3 {
    margin-bottom: 20px;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.2;
}

body.single-product
.device
.doc-section_device
.tech_info
.items {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 18px 28px;

    margin: 0 0 18px;
}

body.single-product
.device
.doc-section_device
.tech_info
.items:last-child {
    margin-bottom: 0;
}

body.single-product
.device
.doc-section_device
.tech_info
.items
> .item:nth-child(3):last-child {
    grid-column: 1 / -1;
    width: 100%;
}

body.single-product
.device
.doc-section_device
.tech_info
.item {
    min-width: 0;
    gap: 12px;
}

body.single-product
.device
.doc-section_device
.tech_info
.items
> .item:only-child,
body.single-product
.device
.doc-section_device
.tech_info
.item.item-long {
    grid-column: 1 / -1;
    width: 100%;
}

body.single-product
.device
.doc-section_device
.tech_info
.item
> img {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    object-fit: contain;
}

body.single-product
.device
.doc-section_device
.tech_info
.item
h4 {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.3;
}

body.single-product
.device
.doc-section_device
.tech_info
.item
p {
    color: var(--product-muted);
    font-size: 16px;
    line-height: 1.4;
    opacity: 1;
}

/* =========================================================
   TOP DOCUMENTATION
   ========================================================= */

body.single-product
.device
.doc-section_device
.doc-buttons {
    width: 100%;
    margin-top: 20px;
    padding: 20px;

    border: 1px solid var(--product-border);
    border-radius: 20px;
    background: var(--product-card-bg);
}

body.single-product
.device
.doc-section_device
.doc-buttons
.title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

body.single-product
.device
.doc-section_device
.doc-buttons
.title
h3 {
    color: #ffffff;
    font-size: 20px;
    line-height: 1.2;
}

body.single-product
.device
.doc-section_device
.doc-buttons
.title
a {
    padding: 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
    text-decoration: underline;
}

body.single-product
.device
.doc-section_device
.doc-buttons
.items_btn {
    margin: 0 0 10px;
}

body.single-product
.device
.doc-section_device
.doc-buttons
.items_btn:last-child {
    margin-bottom: 0;
}

body.single-product
.device
.doc-section_device
.doc-buttons
.items_btn
.item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

body.single-product
.device
.doc-section_device
.doc-buttons
.doc-download-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    min-height: 48px;
    padding: 5px 18px 5px 5px;

    color: #111111;
    font-size: 15px;
    line-height: 1.2;
    text-align: left;

    border-radius: 999px;
    background: var(--product-cream);
}

body.single-product
.device
.doc-section_device
.doc-buttons
.doc-download-btn
img {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
}

body.single-product
.device
.doc-section_device
.doc-buttons
.yellow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 48px;
    padding: 12px 24px;

    color: #111111;
    font-size: 15px;
    line-height: 1.2;

    border-radius: 999px;
    background: var(--product-yellow);
}

/* =========================================================
   NATIVE SUPPORT CLAY ON PRODUCT PAGE
   ========================================================= */

@media (min-width: 1200px) {
    body.single-product
    .support_clay.product-support-clay {
        position: relative;
        z-index: auto;

        width: 100%;
        margin: 40px 0 !important;
        padding: 0 !important;

        transform: none !important;
    }

    body.single-product
    .support_clay.product-support-clay
    > .container {
        box-sizing: border-box;

        width: 100% !important;
        max-width: 1320px !important;
    
        margin-inline: auto !important;
    
        padding-left: 12px !important;
        padding-right: 12px !important;
    }


    /* =====================================================
       OUTER CARD
       ===================================================== */

    body.single-product
    .support_clay.product-support-clay
    .support_block {
        box-sizing: border-box;
    
        width: 100% !important;
        max-width: none !important;
    
        height: auto !important;
        min-height: 228px !important;
        
        display: grid !important;
        grid-template-rows: 50px auto !important;
        row-gap: 20px !important;
    
        margin: 0 !important;
        padding: 20px !important;
    
        background: #353536 !important;
        border: 1px solid #2f3030 !important;
        border-radius: 20px !important;
    
        transform: none !important;
        box-shadow: none !important;
    }


    /* =====================================================
       TITLE ROW
       ===================================================== */

    body.single-product
    .support_clay.product-support-clay
    .title_form {
        box-sizing: border-box;

        width: 1320px !important;
        max-width: 100% !important;
        height: 50px !important;

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

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

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

        gap: 0 !important;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .title_form,
    body.single-product
    .support_clay.product-support-clay
    .wpcf7,
    body.single-product
    .support_clay.product-support-clay
    .wpcf7-form,
    body.single-product
    .support_clay.product-support-clay
    .contact-form,
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .form-fields-row:first-of-type,
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options {
        width: 100% !important;
        max-width: none !important;
    }


    /* TITLE */

    body.single-product
    .support_clay.product-support-clay
    .title_form h3 {
        flex: 0 0 auto !important;

        width: auto !important;
        max-width: none !important;

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

        color: #ffffff !important;

        font-size: 38px !important;
        font-weight: 400 !important;
        line-height: 50px !important;
        letter-spacing: -0.02em !important;

        white-space: nowrap;
    }


    /* =====================================================
       LEAD
       ===================================================== */

    body.single-product
    .support_clay.product-support-clay
    .title_form p {
        box-sizing: border-box;

        flex: 0 0 420px !important;

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

        height: 50px !important;

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

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

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

        gap: 12px !important;

        text-align: left !important;
    }

    body.single-product
    .support_clay.product-support-clay
    .title_form
    .product-support-dot {
        box-sizing: border-box;

        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: 0 !important;
        padding: 0 !important;

        border-radius: 50% !important;
        background: #fdc400 !important;
    }

    body.single-product
    .support_clay.product-support-clay
    .title_form p
    > span:last-child {
        box-sizing: border-box;

        display: block !important;

        flex: 0 0 384px !important;

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

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

        color: #ffffff !important;

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

        text-align: left !important;
    }


    /* =====================================================
       CF7 ROOT
       ===================================================== */

    body.single-product
    .support_clay.product-support-clay
    .wpcf7 {
        box-sizing: border-box;

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

        height: auto !important;
        min-height: 118px !important;

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

    body.single-product
    .support_clay.product-support-clay
    .wpcf7-form,

    body.single-product
    .support_clay.product-support-clay
    .contact-form {
        position: relative;

        box-sizing: border-box;
    
        width: 100% !important;
        height: auto !important;
        
        min-height: 118px !important;
        max-height: none !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        display: grid !important;
        
        align-content: start !important;
        
        grid-template-rows: 50px 48px !important;
        row-gap: 20px !important;
    }

    body.single-product
    .support_clay.product-support-clay
    .contact-form br {
        display: none !important;
    }

    body.single-product
    .support_clay.product-support-clay
    .contact-form p {
        margin: 0 !important;
        padding: 0 !important;
    }

    body.single-product
    .support_clay.product-support-clay
    .hidden-fields-container {
        display: none !important;
    }


    /* =====================================================
       INPUT ROW
       ===================================================== */

    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .form-fields-row:first-of-type {
        box-sizing: border-box;

        position: relative !important;
        inset: auto !important;
    
        width: 100% !important;
        max-width: none !important;
    
        height: 50px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        display: grid !important;
    
        grid-template-columns:
            repeat(4, minmax(0, 1fr))
            minmax(260px, 1.18fr) !important;
    
        column-gap: 16px !important;
        row-gap: 0 !important;
    
        align-items: center !important;
    }

    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .form-fields-row:first-of-type
    > * {
        box-sizing: border-box;

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

        height: 50px;

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

    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .wpcf7-form-control-wrap {
        display: block !important;

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

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


    /* =====================================================
       INPUT
       ===================================================== */

    body.single-product
    .support_clay.product-support-clay
    .contact-form input[type="text"],

    body.single-product
    .support_clay.product-support-clay
    .contact-form input[type="tel"],

    body.single-product
    .support_clay.product-support-clay
    .contact-form input[type="email"] {
        box-sizing: border-box;

        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    
        height: 50px !important;

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

        background: #494949 !important;

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

        color: #ffffff !important;

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

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

    body.single-product
    .support_clay.product-support-clay
    .contact-form input[type="text"]::placeholder,

    body.single-product
    .support_clay.product-support-clay
    .contact-form input[type="tel"]::placeholder,

    body.single-product
    .support_clay.product-support-clay
    .contact-form input[type="email"]::placeholder {
        color: rgba(255, 255, 255, 0.62) !important;
        opacity: 1 !important;
    }

    body.single-product
    .support_clay.product-support-clay
    .contact-form input[type="text"]:focus,

    body.single-product
    .support_clay.product-support-clay
    .contact-form input[type="tel"]:focus,

    body.single-product
    .support_clay.product-support-clay
    .contact-form input[type="email"]:focus {
        border-color: #fdc400 !important;
    }


    /* =====================================================
       REMOVE LEGACY REQUIRED LABEL GEOMETRY
       ===================================================== */

    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .form-fields-row
    .required {
        position: relative !important;

        display: block !important;

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

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

    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .form-fields-row
    .required::before,

    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .form-fields-row
    .required::after {
        display: none !important;
        content: none !important;
    }


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

    body.single-product
    .support_clay.product-support-clay
    .contact-form
    input[type="submit"],

    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .wpcf7-submit {
        box-sizing: border-box;

        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    
        height: 50px !important;

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

        background: #fdc400 !important;

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

        color: #111111 !important;

        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 50px !important;

        text-align: center !important;

        cursor: pointer;

        box-shadow: none !important;
    }

    /* =====================================================
       CF7 AUX
       ===================================================== */

    body.single-product
    .support_clay.product-support-clay
    .wpcf7-spinner {
        position: absolute !important;

        width: 24px;
        height: 24px;

        margin: 0 !important;

        right: 292px;
        top: 13px;
    }

    body.single-product
    .support_clay.product-support-clay
    .wpcf7-not-valid-tip {
        position: absolute;

        font-size: 11px;
        line-height: 1.2;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .wpcf7-response-output {
        position: static !important;
    
        box-sizing: border-box;
    
        grid-column: 1 / -1;
    
        width: 100% !important;
        max-width: none !important;
    
        margin: 0 !important;
        padding: 6px 12px !important;
    
        min-height: 0 !important;
    
        border-radius: 10px !important;
    
        font-size: 16px;
        line-height: 1.25;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .wpcf7-response-output:empty {
        display: none !important;
    }

    /* =====================================================
       NEXT SECTION
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2 {
        position: relative !important;

        width: 100% !important;
    
        margin: 0 !important;
    
        transform: none !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .info_block {
        margin-top: 0 !important;
        transform: none !important;
    }
    
   /* =====================================================
   REAL CF7 BOTTOM ROW
   ===================================================== */

    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options {
        box-sizing: border-box !important;

        width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        display: flex !important;
        flex-direction: row !important;
    
        align-items: flex-end !important;
        justify-content: space-between !important;
    
        gap: 32px !important;
    
        flex: none !important;
    }
    
    
    /* =====================================================
       LEFT CONSENT
       ===================================================== */
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    .options {
        box-sizing: border-box !important;

        flex: 0 0 auto !important;
    
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        display: flex !important;
        flex-direction: column !important;
    
        align-items: flex-start !important;
        justify-content: flex-start !important;
    
        gap: 4px !important;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    .options
    > * {
        flex: none !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
        
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    .options
    > p:first-child {
        display: block !important;

        width: auto !important;
        height: 20px !important;
        min-height: 20px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #ffffff !important;
    
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
    }
    
    
    /* CF7 checkbox wrapper */
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    .options
    .wpcf7-form-control-wrap {
        display: block !important;
    
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    
        height: 24px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    
    /* Telegram / Whatsapp / Звонок */
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    .options
    .wpcf7-checkbox {
        box-sizing: border-box !important;

        width: max-content !important;
        min-width: 0 !important;
        max-width: none !important;
    
        height: 24px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
    
        align-items: center !important;
        justify-content: flex-start !important;
    
        gap: 20px !important;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    .options
    .wpcf7-list-item {
        flex: 0 0 auto !important;

        width: auto !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    .options
    .wpcf7-list-item
    label {
        display: inline-flex !important;

        width: auto !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        align-items: center !important;
        justify-content: flex-start !important;
    
        gap: 8px !important;
    
        color: #ffffff !important;
    
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 24px !important;
    
        white-space: nowrap !important;
    }
    
    
   /* =====================================================
   RIGHT CONSENT
   ===================================================== */

    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    .agreement {
        box-sizing: border-box !important;
    
        flex: 0 1 780px !important;
    
        width: auto !important;
        min-width: 0 !important;
        max-width: 780px !important;
    
        height: 24px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        display: flex !important;
    
        align-items: center !important;
        justify-content: flex-start !important;
    
        align-self: flex-end !important;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    .agreement
    .wpcf7-list-item {
        width: 100% !important;
        height: 24px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    .agreement
    label {
        width: 100% !important;
        height: 24px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        display: flex !important;
    
        align-items: center !important;
        justify-content: flex-start !important;
    
        gap: 8px !important;
    
        white-space: nowrap !important;
    }
    
    /* =====================================================
   SUPPORT CHECKBOXES
   ===================================================== */
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    input[type="checkbox"] {
        -webkit-appearance: none !important;
        appearance: none !important;
    
        box-sizing: border-box !important;
        position: relative !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;
    
        background: #494949 !important;
    
        border: 1px solid #5c5c5c !important;
        border-radius: 6px !important;
    
        outline: none !important;
        box-shadow: none !important;
    
        cursor: pointer;
    
        transition:
            background-color 140ms ease,
            border-color 140ms ease;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    input[type="checkbox"]::before {
        content: none !important;
        display: none !important;
    }
    
    
    /* =====================================================
       CHECKED
       ===================================================== */
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    input[type="checkbox"]:checked {
        background: #fdc400 !important;
        border-color: #fdc400 !important;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    input[type="checkbox"]:checked::after {
        content: "" !important;
    
        display: block !important;
        position: absolute !important;
    
        width: 8px !important;
        height: 4px !important;
    
        left: 7px !important;
        top: 8px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        background: transparent !important;
    
        border: 0 !important;
        border-left: 2px solid #111111 !important;
        border-bottom: 2px solid #111111 !important;
    
        border-radius: 0 !important;
    
        transform: rotate(-45deg) !important;
        transform-origin: center !important;
    }
    
    
    /* keyboard accessibility */
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    input[type="checkbox"]:focus-visible {
        outline: 2px solid rgba(253, 196, 0, 0.4) !important;
        outline-offset: 2px !important;
    }
}

/* =========================================================
   MAIN INFORMATION — CURRENT MARKUP

   Common description and navigation now live outside the
   Swiper. Keep the previous dimensions, but apply them to
   the new structural wrappers.
   ========================================================= */

@media (min-width: 1200px) {

    body.single-product
    .infoos_all.infoos_all2
    .info-description {
        box-sizing: border-box !important;

        display: grid !important;
        grid-template-rows: 34px 350px !important;
        row-gap: 20px !important;

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

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

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

        overflow: hidden !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .info-description
    > h3 {
        box-sizing: border-box !important;

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

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

        color: #ffffff !important;

        font-size: 28px !important;
        font-weight: 400 !important;
        line-height: 34px !important;
        letter-spacing: 0 !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .info-description
    > .slide-description {
        height: 350px !important;
        min-height: 350px !important;
        max-height: 350px !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .innovations-section {
        box-sizing: border-box !important;

        display: grid !important;
        grid-template-rows: 40px 372px !important;
        row-gap: 20px !important;

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

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

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

        overflow: hidden !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .innovations-section
    > .infoSwiper,

    body.single-product
    .infoos_all.infoos_all2
    .innovations-section
    > .infoSwiper
    > .swiper-wrapper,

    body.single-product
    .infoos_all.infoos_all2
    .innovations-section
    > .infoSwiper
    .swiper-slide {
        height: 372px !important;
        min-height: 372px !important;
        max-height: 372px !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .innovations-navigation {
        position: relative !important;
        z-index: 2 !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .innovations-navigation
    .info-nav-button {
        pointer-events: auto !important;
    }
}

/* =========================================================
   MAIN INFORMATION
   ========================================================= */
@media (min-width: 1200px) {
    body.single-product
    .infoos_all.infoos_all2 {
        position: relative !important;

        width: 100% !important;

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

        transform: none !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    > .container {
        box-sizing: border-box;

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

        margin-inline: auto !important;

        padding-left: 12px !important;
        padding-right: 12px !important;
    }


    /* =====================================================
       OUTER CARD
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .info_block {
        box-sizing: border-box;

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

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

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

        background: #353536 !important;

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

        overflow: hidden !important;

        transform: none !important;
    }


    /* =====================================================
       INTERNAL VERTICAL GRID
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .info-slider {
        box-sizing: border-box;

        display: grid !important;
    
        grid-template-rows:
            46px
            44px
            432px !important;
    
        row-gap: 40px !important;
    
        width: 100% !important;
        height: 602px !important;
    
        min-width: 0 !important;
    
        margin: 0 !important;
        padding: 0 !important;

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


    /* =====================================================
       TITLE
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .info-title {
        box-sizing: border-box;

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

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

        color: #ffffff !important;

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


    /* =====================================================
       TAGS
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .info-tags {
        box-sizing: border-box;

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

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

        gap: 8px !important;

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

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

        overflow: hidden;
    }

    body.single-product
    .infoos_all.infoos_all2
    .info-tags
    .tag {
        flex: 0 0 auto !important;

        margin: 0 !important;

        white-space: nowrap !important;
    }
    
    body.single-product .infoos_all .info_block .tag {
        color: #ffffff !important;
    }
    
    body.single-product .infoos_all .info_block .info-tags .tag {
        cursor: default;
        padding: 4px 4px 4px 12px !important;
    }
    
    body.single-product
    .infoos_all
    .info_block
    .info-tags
    .tag
    .info-tag-link {
        display: inline-flex;
        align-items: center;
    
        color: #ffffff !important;
        text-decoration: none;
    
        cursor: pointer;
        border-radius: 100px;
    }
    
    body.single-product
    .infoos_all
    .info_block
    .info-tags
    .tag
    .info-tag-link:hover span {
        border-color: rgba(255, 255, 255, 0.55);
    }

    /* =====================================================
       SWIPER
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .infoSwiper {
        position: relative !important;

        box-sizing: border-box;

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

        min-width: 0 !important;
        min-height: 432px !important;
        max-height: 432px !important;

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

        overflow: hidden !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .infoSwiper
    > .swiper-wrapper {
        height: 432px !important;

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

        align-items: flex-start !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .infoSwiper
    .swiper-slide {
        box-sizing: border-box;

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

        min-width: 0 !important;
        min-height: 432px !important;
        max-height: 432px !important;

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


    /* =====================================================
       SLIDE GRID
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .slide-content {
        box-sizing: border-box;

        display: grid !important;

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

        column-gap: 20px !important;

        align-items: start !important;

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

        min-width: 0 !important;

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


    /* =====================================================
       LEFT — DESCRIPTION
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .slide-content
    > .text-left {
        box-sizing: border-box;

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

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

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

        display: grid !important;

        grid-template-rows:
            34px
            369px !important;

        row-gap: 20px !important;

        overflow: hidden !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .slide-content
    > .text-left
    > h3 {
        box-sizing: border-box;

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

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

        color: #ffffff !important;

        font-size: 28px !important;
        font-weight: 400 !important;
        line-height: 34px !important;
        letter-spacing: 0 !important;
    }


    /* =====================================================
       SCROLLABLE DESCRIPTION
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .slide-description {
        box-sizing: border-box;

        width: 100% !important;

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

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

        overflow-x: hidden !important;
        overflow-y: auto !important;

        color: #c3c3c3 !important;

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

        overscroll-behavior: contain;

        scrollbar-width: thin;
        scrollbar-color: #5c5c5c transparent;
    }

    body.single-product
    .infoos_all.infoos_all2
    .slide-description
    > :first-child {
        margin-top: 0 !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .slide-description
    > :last-child {
        margin-bottom: 0 !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .slide-description
    p {
        margin: 0 0 16px !important;

        color: #c3c3c3 !important;

        font: inherit !important;
        line-height: 1.4 !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .slide-description
    ul,
    body.single-product
    .infoos_all.infoos_all2
    .slide-description
    ol {
        margin: 0 0 16px !important;
        padding-left: 20px !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .slide-description
    a {
        color: #c3c3c3 !important;
        text-decoration: underline !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .slide-description::-webkit-scrollbar {
        width: 4px;
    }

    body.single-product
    .infoos_all.infoos_all2
    .slide-description::-webkit-scrollbar-track {
        background: transparent;
    }

    body.single-product
    .infoos_all.infoos_all2
    .slide-description::-webkit-scrollbar-thumb {
        background: #5c5c5c;
        border-radius: 999px;
    }


    /* =====================================================
       RIGHT — INNOVATIONS COLUMN
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .innovations-column {
        box-sizing: border-box;

        display: grid !important;

        grid-template-rows:
            40px
            372px !important;

        row-gap: 20px !important;

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

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

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

        overflow: hidden !important;
    }


    /* =====================================================
       INNOVATIONS HEADER
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .innovations-header {
        box-sizing: border-box;

        display: flex !important;

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

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

        min-width: 0 !important;

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

    body.single-product
    .infoos_all.infoos_all2
    .innovations-header
    h3 {
        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-size: 28px !important;
        font-weight: 400 !important;
        line-height: 34px !important;
    }


    /* =====================================================
       NAVIGATION
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .innovations-navigation {
        box-sizing: border-box;

        flex: 0 0 88px !important;

        display: flex !important;

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

        gap: 8px !important;

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

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

    body.single-product
    .infoos_all.infoos_all2
    .innovations-navigation
    .info-nav-button {
        box-sizing: border-box;
    
        position: relative !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;
    
        background: #87888A !important;
        opacity: 1 !important;
    
        cursor: pointer;
    
        transition:
            opacity 140ms ease,
            background-color 140ms ease,
            transform 140ms ease;
    }
    
    body.single-product
    .infoos_all.infoos_all2
    .innovations-navigation
    .info-nav-button::before {
        content: "";
    
        position: absolute;
    
        top: 50%;
        left: 50%;
    
        width: 9px;
        height: 9px;
    
        border-top: 2px solid #252626;
        border-right: 2px solid #252626;
    
        transform-origin: center;
    }
    
    body.single-product
    .infoos_all.infoos_all2
    .innovations-navigation
    .info-nav-prev::before {
        transform:
            translate(-35%, -50%)
            rotate(-135deg);
    }
    
    body.single-product
    .infoos_all.infoos_all2
    .innovations-navigation
    .info-nav-next::before {
        transform:
            translate(-65%, -50%)
            rotate(45deg);
    }
    
    body.single-product
    .infoos_all.infoos_all2
    .innovations-navigation
    .info-nav-button:disabled {
        background: #5C5C5C !important;
        opacity: 0.6 !important;
    
        cursor: default !important;
        pointer-events: none !important;
    
        transform: none !important;
    }
    
    body.single-product
    .infoos_all.infoos_all2
    .innovations-navigation
    .info-nav-button:not(:disabled):hover {
        transform: scale(1.04);
    }
    
    body.single-product
    .infoos_all.infoos_all2
    .innovations-navigation
    .info-nav-button:focus-visible {
        outline: 2px solid rgba(253, 196, 0, 0.5) !important;
        outline-offset: 2px !important;
    }
    
    /* =====================================================
       INNOVATIONS CONTENT
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .innovations-content {
        box-sizing: border-box;

        display: grid !important;

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

        column-gap: 20px !important;

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

        min-width: 0 !important;

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

        overflow: hidden !important;
    }


    /* =====================================================
       IMAGE CARD
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .innovations-content
    .image-center {
        box-sizing: border-box;

        display: grid !important;

        grid-template-rows:
            minmax(0, 1fr)
            60px !important;

        row-gap: 4px !important;

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

        height: 372px !important;

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

        overflow: hidden !important;

        background: transparent !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .innovations-content
    .image-center
    img {
        box-sizing: border-box;

        display: block !important;

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

        min-width: 0 !important;

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

        object-fit: cover !important;

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

    body.single-product
    .infoos_all.infoos_all2
    .innovations-content
    .image-center
    h4 {
        box-sizing: border-box;

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

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

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

        color: #ffffff !important;

        font-size: 22px !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;

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

        background: #353536 !important;
    }


    /* =====================================================
       FLOW CARD
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .innovations-content
    .text-right {
        box-sizing: border-box;

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

        justify-content: space-between !important;
        align-items: stretch !important;

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

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

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

        background: #353536 !important;

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

        overflow: hidden !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .innovations-content
    .text-right
    .tops {
        display: flex !important;
        flex-direction: column !important;

        gap: 20px !important;

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

    body.single-product
    .infoos_all.infoos_all2
    .innovations-content
    .text-right
    .tops
    h3 {
        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-size: 24px !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .innovations-content
    .text-right
    .tops
    p {
        margin: 0 !important;
        padding: 0 !important;

        color: #c3c3c3 !important;

        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .innovations-content
    .text-right
    > a {
        align-self: flex-start !important;

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

        color: #ffffff !important;

        font-size: 14px !important;
        line-height: 1.4 !important;

        text-decoration: underline !important;
    }
}

@media (min-width: 1200px) {

    /* =====================================================
       FULL-WIDTH STRIP
       ===================================================== */

    body.single-product
    .mini_banner {
        position: sticky !important;

        top: 86px;

        z-index: 100;

        box-sizing: border-box;

        width: 100% !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;

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

        background: var(--product-cream) !important;

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

        transform: none !important;
        box-shadow: none !important;
    }
    
    body.single-product .mini_banner {
        margin-bottom: 10px !important;
    }
    
    body.single-product
    .mini_banner
    .mini-banner-links {
        box-sizing: border-box !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
    
        align-items: center !important;
        justify-content: flex-start !important;
    
        gap: 40px !important;
    
        width: 100% !important;
        min-width: 0 !important;
        height: 50px !important;
    
        margin: 0 !important;
        padding: 0 44px 0 0px !important;
    
        list-style: none !important;
    
        overflow-x: auto !important;
        overflow-y: hidden !important;
    
        white-space: nowrap !important;
    
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
    
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    body.single-product
    .mini_banner
    .mini-banner-links::-webkit-scrollbar {
        display: none !important;
    
        width: 0 !important;
        height: 0 !important;
    }

    /* =====================================================
    INNER FRAME
       ===================================================== */

    body.single-product
    .mini_banner
    > .container {
        box-sizing: border-box;

        width: 100% !important;
        max-width: 1320px !important;
    
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
    
        margin: 0 auto !important;
    
        padding-left: 12px !important;
        padding-right: 12px !important;
    }


    /* =====================================================
       MENU WRAPPER
       ===================================================== */

    body.single-product
    .mini_banner
    .menuss {
        box-sizing: border-box;

        display: grid !important;
        grid-template-columns:
            minmax(0, 1fr)
            191px !important;
    
        column-gap: 48px !important;
    
        align-items: center !important;
    
        width: 100% !important;
        height: 50px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }

    /* =====================================================
       REGULAR NAV ITEMS
       ===================================================== */

    body.single-product
    .mini_banner
    .menuss
    > ul
    > li {
        box-sizing: border-box;

        flex: 0 0 auto;

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

        list-style: none !important;
    }


    body.single-product
    .mini_banner
    .menuss
    > ul
    > li:not(.mini-banner-contact)
    > a {
        display: flex !important;
        align-items: center !important;

        height: 25px !important;

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

        color: #262727 !important;

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

        text-decoration: none !important;
        white-space: nowrap !important;

        opacity: 1 !important;

        transition: opacity 160ms ease;
    }


    body.single-product
    .mini_banner
    .menuss
    > ul
    > li:not(.mini-banner-contact)
    > a:hover {
        opacity: 0.7 !important;
    }


    /* =====================================================
       ACTIVE SECTION
       ===================================================== */

    body.single-product
    .mini_banner
    .menuss
    > ul
    > li.is-active
    > a {
        text-decoration: underline !important;
        text-decoration-thickness: 1px !important;
        text-underline-offset: 2px !important;
    }


    /* =====================================================
       CONTACT BUTTON
       ===================================================== */

    body.single-product
    .mini_banner
    .mini-banner-contact {
        flex: 0 0 191px !important;

        width: 191px !important;
        height: 50px !important;
    }


    body.single-product
    .mini_banner
    .BTN-MINI-BANNER {
        box-sizing: border-box;

        display: flex !important;

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

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

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

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

        color: #262727 !important;
        background: var(--product-yellow) !important;

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

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

        text-decoration: none !important;
        text-align: center !important;

        white-space: nowrap !important;

        opacity: 1 !important;

        transition:
            opacity 160ms ease,
            transform 160ms ease;
    }


    body.single-product
    .mini_banner
    .BTN-MINI-BANNER:hover {
        opacity: 0.86 !important;
    }

    body.single-product
    .mini_banner
    .BTN-MINI-BANNER:active {
        transform: scale(0.98);
    }

    body.single-product
    .mini_banner
    .BTN-MINI-BANNER:focus-visible {
        outline: 2px solid #262727 !important;
        outline-offset: -4px !important;
    }
}

/* =========================================================
   TECHNICAL SPECIFICATIONS
   Desktop / Figma
   ========================================================= */

@media (min-width: 1200px) {
    body.single-product
    .new_infoss {
        box-sizing: border-box;

        width: 100% !important;

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

        background: var(--product-page-bg) !important;
    }

    body.single-product
    .new_infoss
    > .container {
        box-sizing: border-box;

        width: 100% !important;
        max-width: 1320px !important;
    
        margin: 0 auto !important;
    
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    /* =====================================================
       SECTION TITLE
       ===================================================== */

    body.single-product
    .new_infoss
    > .container
    > .title {
        box-sizing: border-box;

        display: flex !important;

        align-items: baseline !important;
        justify-content: flex-start !important;

        gap: 24px !important;

        width: 100% !important;

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

    body.single-product
    .new_infoss
    > .container
    > .title
    > h2 {
        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

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

    body.single-product
    .new_infoss
    > .container
    > .title
    > .btn-download-pdf {
        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

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

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

        opacity: 1 !important;
    }

    body.single-product
    .new_infoss
    > .container
    > .title
    > .btn-download-pdf:hover {
        opacity: 0.72 !important;
    }
    
    /* =====================================================
    TECHNICAL SPECS
    Two independent vertical columns
    ===================================================== */

    body.single-product
    .new_infoss
    .technical-specs-columns {
        box-sizing: border-box;
    
        display: grid !important;
    
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr) !important;
    
        column-gap: 20px !important;
    
        align-items: stretch !important;
    
        width: 100% !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* =====================================================
       EACH COLUMN
       ===================================================== */
    
    body.single-product
    .new_infoss
    .technical-specs-column {
        box-sizing: border-box;
    
        display: flex !important;
        flex-direction: column !important;
    
        gap: 20px !important;
    
        min-width: 0;
    
        width: 100% !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* =====================================================
       NORMAL CARDS = HUG CONTENT
       ===================================================== */
    
    body.single-product
    .new_infoss
    .technical-specs-column
    > .spec-section {
        box-sizing: border-box;
    
        flex: 0 0 auto !important;
    
        width: 100% !important;
    
        height: auto !important;
        min-height: 0 !important;
    
        margin: 0 !important;
    }
    
    /* =====================================================
       LAST LEFT CARD = FIGMA HEIGHT: FILL
       ===================================================== */
    
    body.single-product
    .new_infoss
    .technical-specs-column--left
    > .spec-section:last-child {
        flex: 1 1 auto !important;
    
        min-height: 0 !important;
    }
    
    /* =====================================================
       RIGHT IMAGE = FIGMA HEIGHT: HUG
       ===================================================== */
    
    body.single-product
    .new_infoss
    .technical-specs-column--right
    > .spec-section--image:last-child {
        flex: 0 0 auto !important;
    
        height: auto !important;
        min-height: 0 !important;
    
        background: #ffffff !important;
    }
    
    body.single-product
    .new_infoss
    .technical-specs-column--right
    > .spec-section--image:last-child
    .spec-image {
        display: block !important;
    
        width: 100% !important;
        max-width: 100% !important;
    
        height: auto !important;
    
        margin: 0 !important;
    
        object-fit: contain !important;
    
        background: #ffffff !important;
    }
        
    /* =====================================================
       STANDARD CARD
       ===================================================== */

    body.single-product
    .new_infoss
    .spec-section.items {
        box-sizing: border-box;

        width: 100% !important;

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

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

        background: #353536 !important;

        overflow: hidden;
    }

    body.single-product
    .new_infoss
    .spec-section
    .light-source {
        width: 100% !important;

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

    /* =====================================================
       CARD TITLE
       ===================================================== */

    body.single-product
    .new_infoss
    .spec-section
    .light-source
    > h2 {
        width: 100% !important;

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

        color: #ffffff !important;

        font-size: 24px !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;

        opacity: 1 !important;
    }

    /* =====================================================
        STRUCTURED SPECS
        ==================================================== */

    body.single-product
    .new_infoss
    .spec-section--specs
    .specs-list {
        box-sizing: border-box;
    
        display: flex !important;
        flex-direction: column !important;
    
        gap: 20px !important;
    
        width: 100% !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* =====================================================
       SPEC ROW
       ===================================================== */

    body.single-product
    .new_infoss
    .spec-section--specs
    .spec-row {
        box-sizing: border-box;
    
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr) !important;
    
        column-gap: 20px !important;
    
        align-items: start !important;
    
        width: 100% !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    
    /* =====================================================
       LABEL SIDE
       ===================================================== */
    
    body.single-product
    .new_infoss
    .spec-section--specs
    .spec-row
    .label {
        position: static !important;
    
        grid-column: 1;
    
        box-sizing: border-box;
    
        display: flex !important;

        align-items: flex-end !important;
    
        gap: 6px !important;
    
        min-width: 0;
    
        width: 100% !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: rgba(255, 255, 255, 0.6) !important;
    
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
    
        white-space: normal !important;
    
        opacity: 1 !important;
    }
    
    
    /* =====================================================
       FLEXIBLE DOTTED LEADER
       ===================================================== */
    
    body.single-product
    .new_infoss
    .spec-section--specs
    .spec-row
    .label::after {
        content: "" !important;
    
        position: static !important;
    
        display: block !important;

        flex: 1 1 70px !important;

        width: auto !important;
        
        min-width: 39px !important;
        max-width: none !important;
    
        height: 1px !important;
    
        margin: 0 0 0 0 !important;
    
        padding: 0 !important;
    
        border: 0 !important;
    
        background-image:
            repeating-linear-gradient(
                to right,
                rgba(255, 255, 255, 0.2) 0,
                rgba(255, 255, 255, 0.2) 2px,
                transparent 2px,
                transparent 4px
            ) !important;
    
        pointer-events: none;
    }
    
    body.single-product
    .new_infoss
    .spec-section--specs
    .spec-row
    .label:empty::after {
        content: none !important;
        display: none !important;
    }
    
    
    /* =====================================================
       VALUE SIDE
       ===================================================== */
    
    body.single-product
    .new_infoss
    .spec-section--specs
    .spec-row
    .value {
        grid-column: 2;
    
        box-sizing: border-box;
    
        display: block !important;
    
        min-width: 0;
    
        width: 100% !important;
        max-width: none !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: rgba(255, 255, 255, 0.6) !important;
    
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
    
        text-align: left !important;
    
        white-space: normal !important;
        overflow-wrap: anywhere;
    
        opacity: 1 !important;

        align-self: end !important;
    }
    
    
    body.single-product
    .new_infoss
    .spec-section--specs
    .spec-row
    .value
    p {
        margin: 0 !important;
        padding: 0 !important;
    
        color: inherit !important;
    
        font: inherit !important;
    
        opacity: 1 !important;
    }
        
    /* =====================================================
       NOTE
       ===================================================== */

    body.single-product
    .new_infoss
    .spec-section
    .note {
        width: 100% !important;

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

        color: rgba(255, 255, 255, 0.6) !important;

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

        opacity: 1 !important;
    }

    /* =====================================================
       WYSIWYG
       ===================================================== */

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content {
        width: 100% !important;

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

        color: rgba(255, 255, 255, 0.6) !important;

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

        opacity: 1 !important;
    }

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    > :first-child {
        margin-top: 0 !important;
    }

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    > :last-child {
        margin-bottom: 0 !important;
    }

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    p {
        margin: 0 0 8px !important;
        padding: 0 !important;

        color: inherit !important;

        font: inherit !important;

        opacity: 1 !important;
    }

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    ul,
    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    ol {
        margin: 0 !important;
        padding-left: 20px !important;
    }

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    ul
    ul,
    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    ul
    ol,
    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    ol
    ul,
    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    ol
    ol {
        margin-top: 8px !important;
    }

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    li {
        margin: 0 0 8px !important;
        padding: 0 !important;

        color: rgba(255, 255, 255, 0.6) !important;

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

        opacity: 1 !important;
    }

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    li:last-child {
        margin-bottom: 0 !important;
    }

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    li::marker {
        color: rgba(255, 255, 255, 0.6);
    }

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    strong {
        color: inherit !important;

        font-size: inherit !important;
        font-weight: 600 !important;
        line-height: inherit !important;

        opacity: 1 !important;
    }

    /* =====================================================
       VALUE LISTS
       ===================================================== */

    body.single-product
    .new_infoss
    .spec-section--specs
    .spec-row
    .value
    ul,
    body.single-product
    .new_infoss
    .spec-section--specs
    .spec-row
    .value
    ol {
        margin: 0 !important;
        padding-left: 20px !important;

        color: inherit !important;
    }

    body.single-product
    .new_infoss
    .spec-section--specs
    .spec-row
    .value
    li {
        margin: 0 0 8px !important;

        color: inherit !important;

        font: inherit !important;

        opacity: 1 !important;
    }

    body.single-product
    .new_infoss
    .spec-section--specs
    .spec-row
    .value
    li:last-child {
        margin-bottom: 0 !important;
    }

    /* =====================================================
       TECHNICAL IMAGE
       ===================================================== */

    body.single-product
    .new_infoss
    .spec-section--image {
        box-sizing: border-box;

        width: 100% !important;

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

        overflow: hidden;

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

        background: transparent !important;
    }

    body.single-product
    .new_infoss
    .spec-section--image
    .spec-image {
        display: block !important;

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

        height: auto !important;

        margin: 0 !important;

        border-radius: 20px !important;

        background: #ffffff;
    }
}

/* =========================================================
   GOBO AND FILTERS
   ========================================================= */

@media (min-width: 1200px) {
    body.single-product
    .gibo {
        box-sizing: border-box;

        width: 100%;

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

    /* =====================================================
       GOBO CONTAINER
       ===================================================== */

    body.single-product
    .gibo
    > .container {
        box-sizing: border-box;

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

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

        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* =====================================================
       TITLE
       ===================================================== */

    body.single-product
    .gibo
    > .container
    > .title {
        box-sizing: border-box;

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

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

    body.single-product
    .gibo
    > .container
    > .title
    h2 {
        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

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

    /* =====================================================
       CARDS GRID
       ===================================================== */

    body.single-product
    .gibo
    > .container
    > .row {
        box-sizing: border-box;

        display: grid !important;

        grid-template-columns:
            repeat(3, 440px) !important;

        column-gap: 20px !important;
        row-gap: 20px !important;

        width: 100% !important;

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

        --bs-gutter-x: 0 !important;
        --bs-gutter-y: 0 !important;
    }

    body.single-product
    .gibo
    > .container
    > .row
    > .col-lg-4 {
        box-sizing: border-box;

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

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

        flex: none !important;
    }

    /* =====================================================
       CARD
       ===================================================== */

    body.single-product
    .gibo
    .item {
        box-sizing: border-box;

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

        gap: 4px !important;

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

        height: 637px !important;

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

        background: transparent !important;
        border: 0 !important;
    }

    /* =====================================================
       IMAGE
       ===================================================== */

    body.single-product
    .gibo
    .item
    > img {
        box-sizing: border-box;

        display: block !important;

        flex: 0 0 398px !important;

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

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

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

        object-fit: cover;

        background: #ffffff;

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

    /* =====================================================
       INFO CARD
       ===================================================== */

    body.single-product
    .gibo
    .item
    > .info {
        box-sizing: border-box;

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

        width: 440px !important;

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

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

        background: #353536 !important;

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

    /* =====================================================
       CARD TITLE
       ===================================================== */

    body.single-product
    .gibo
    .item
    > .info
    h3 {
        margin: 0 !important;
        padding: 0 !important;
        
        padding-top: 12px !important;

        color: #ffffff !important;

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

    /* =====================================================
       DESCRIPTION
       ===================================================== */

    body.single-product
    .gibo
    .item
    > .info
    p {
        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

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

        opacity: 0.6 !important;
    }
}

/* =========================================================
   FIRST RESPONSIVE GUARD
   ========================================================= */

@media (max-width: 1199.98px) {
    body.single-product
    .device
    .doc-section_device
    .doc-right
    .doc-top
    h2 {
        font-size: 42px;
    }
}

/* =========================================================
   TECHNICAL DOCUMENTATION — DESKTOP
   ========================================================= */

@media (min-width: 1200px) {
    body.single-product
    .views.views_dev {
        box-sizing: border-box;

        width: 100% !important;

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

    body.single-product
    .views.views_dev
    > .doc-section {
        box-sizing: border-box;

        width: 100% !important;

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

        color: #ffffff !important;
    }

    /* =====================================================
    DOCUMENT CONTENT CONTAINER
       ===================================================== */

    body.single-product
    .views.views_dev
    > .doc-section
    > .container {
        box-sizing: border-box;

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

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

        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    /* =====================================================
       DOCUMENTS BLOCK
       ===================================================== */

    body.single-product
    .views.views_dev
    .doc-buttons {
        box-sizing: border-box;

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

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

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

        background: transparent !important;
    }

    /* =====================================================
       TITLE ROW
       ===================================================== */

    body.single-product
    .views.views_dev
    .doc-buttons
    > .title {
        box-sizing: border-box;

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

        align-items: flex-end !important;
        justify-content: flex-start !important;

        gap: 16px !important;

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

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

    body.single-product
    .views.views_dev
    .doc-buttons
    > .title
    > h3 {
        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

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

        white-space: nowrap !important;
    }

    body.single-product
    .views.views_dev
    .doc-buttons
    > .title
    > .download-all-docs {
        margin: 0 !important;
        padding: 0 !important;
        
        margin-bottom: 8px !important;

        color: #ffffff !important;

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

        text-decoration: underline !important;

        white-space: nowrap !important;

        opacity: 1 !important;
    }

    /* =====================================================
       BUTTON FLOW
       ===================================================== */

    body.single-product
    .views.views_dev
    .doc-buttons
    > .btn-list {
        box-sizing: border-box;

        width: 100% !important;

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

    body.single-product
    .views.views_dev
    .doc-buttons
    .items_btn {
        box-sizing: border-box;

        width: 100% !important;

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

    body.single-product
    .views.views_dev
    .doc-buttons
    .items_btn
    > .item {
        box-sizing: border-box;

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

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

        gap: 8px !important;

        width: 100% !important;

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

    /* =====================================================
       DOCUMENT BUTTON
       ===================================================== */

    body.single-product
    .views.views_dev
    .doc-buttons
    .doc-download-btn {
        box-sizing: border-box;

        display: inline-flex !important;

        flex: 0 0 auto !important;

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

        gap: 10px !important;

        width: auto !important;

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

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

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

        background: #ffeeb2 !important;

        color: #262727 !important;

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

        text-align: left !important;
        white-space: nowrap !important;

        cursor: pointer;
    }

    /* =====================================================
       DOWNLOAD ICON
       ===================================================== */

    body.single-product
    .views.views_dev
    .doc-buttons
    .doc-download-btn
    > img {
        box-sizing: border-box;

        display: block !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;
    }

    /* =====================================================
       SUPPORT BUTTON
       ===================================================== */

    body.single-product
    .views.views_dev
    .doc-buttons
    .yellow {
        box-sizing: border-box;

        display: inline-flex !important;

        flex: 0 0 auto !important;

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

        width: auto !important;

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

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

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

        background: #fdc400 !important;

        color: #262727 !important;

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

        white-space: nowrap !important;

        cursor: pointer;
    }
}

@media (min-width: 1200px) {
    body.single-product
    .banners.banners_two {
        margin: 0 0 180px !important;
    }

    body.single-product
    a[name="video"] + .fixtures.fixtures_second.fixtures_seconds {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

/* =========================================================
   PRODUCT VIDEO — DESKTOP
   ========================================================= */

@media (min-width: 1200px) {
    body.single-product
    .product-videos-section {
        box-sizing: border-box;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
        
        margin-bottom: 180px !important;
    }

    body.single-product
    .product-videos-section
    > .container {
        box-sizing: border-box;

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

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

        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.single-product
    .product-videos-section
    .fixtures_block {
        box-sizing: border-box;

        width: 100% !important;

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

    body.single-product
    .product-videos-section
    .lights-section {
        position: relative !important;

        box-sizing: border-box;

        width: 100% !important;

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

    /* ---------------------------------------------------------
       HEADER
       --------------------------------------------------------- */

    body.single-product
    .product-videos-section
    .section-header {
        box-sizing: border-box;
    
        display: flex !important;
        flex-direction: row !important;
    
        align-items: center !important;
        justify-content: flex-start !important;
    
        gap: 16px !important;
    
        width: 100% !important;
        height: 46px !important;
    
        margin: 0 0 40px !important;
        padding: 0 96px 0 0 !important;
    
        color: #ffffff !important;
    }

    body.single-product
    .product-videos-section
    .section-header
    > h2 {
        flex: 0 0 auto !important;

        width: auto !important;
        height: 46px !important;

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

        color: #ffffff !important;

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

    body.single-product
    .product-videos-section
    .section-header
    > .view-all {
        flex: 0 0 auto !important;

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

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

        color: #ffffff !important;

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

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

    /* ---------------------------------------------------------
       SWIPER
       --------------------------------------------------------- */

    body.single-product
    .product-videos-section
    .product-videos-swiper {
        position: static !important;

        box-sizing: border-box;

        width: 100% !important;

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

        overflow: hidden !important;
    }

    body.single-product
    .product-videos-section
    .product-videos-swiper
    .swiper-wrapper {
        align-items: stretch !important;
    }

    body.single-product
    .product-videos-section
    .product-videos-swiper
    .swiper-slide {
        box-sizing: border-box;

        height: 342px !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    body.single-product
    .product-videos-section
    .product-video-link {
        display: block !important;

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

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


    /* ---------------------------------------------------------
       CARD
       --------------------------------------------------------- */

    body.single-product
    .product-videos-section
    .product-video-card {
        box-sizing: border-box;

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

        gap: 4px !important;

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

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

        overflow: visible !important;

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

        background: transparent !important;
    }

    /* ---------------------------------------------------------
       MEDIA
       --------------------------------------------------------- */

    body.single-product
    .product-videos-section
    .product-video-card__media {
        position: relative !important;

        box-sizing: border-box;

        flex: 0 0 240px !important;

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

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

        overflow: hidden !important;

        border-radius: 20px !important;

        background: #353536;
    }

    body.single-product
    .product-videos-section
    .product-video-card__media
    > img {
        display: block !important;

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

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

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

        border-radius: 20px !important;
    }

    /* ---------------------------------------------------------
       PLAY BUTTON
       --------------------------------------------------------- */

    body.single-product
    .product-videos-section
    .product-video-play {
        position: absolute !important;

        top: 50% !important;
        left: 50% !important;
        z-index: 3;

        display: flex !important;

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

        width: 72px !important;
        height: 54px !important;

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

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

        background: rgba(255, 255, 255, 0.72) !important;

        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);

        transform: translate(-50%, -50%) !important;

        pointer-events: none;
    }

    body.single-product
    .product-videos-section
    .product-video-play::before {
        content: "";

        display: block;

        width: 0;
        height: 0;

        margin-left: 4px;

        border-top: 9px solid transparent;
        border-bottom: 9px solid transparent;
        border-left: 14px solid #ffffff;
    }

    /* ---------------------------------------------------------
       DESCRIPTION
       --------------------------------------------------------- */

    body.single-product
    .product-videos-section
    .descriptionss {
        box-sizing: border-box;

        display: flex !important;

        flex-direction: column !important;

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

        flex: 0 0 98px !important;

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

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

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

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

        background: #353536 !important;
    }

    body.single-product
    .product-videos-section
    .descriptionss
    > h3 {
        display: -webkit-box !important;

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

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

        overflow: hidden !important;

        color: #ffffff !important;

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

        white-space: normal !important;

        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;

        text-overflow: ellipsis;
    }

    /* ---------------------------------------------------------
       NAVIGATION
       --------------------------------------------------------- */

    body.single-product
    .product-videos-section
    .swiper-button-prev,
    body.single-product
    .product-videos-section
    .swiper-button-next {
        box-sizing: border-box;

        position: absolute !important;

        top: 3px !important;
        bottom: auto !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: 50% !important;

        background-color: #87888a !important;
        background-image: none !important;

        opacity: 1 !important;

        transform: none !important;
    }

    body.single-product
    .product-videos-section
    .swiper-button-prev {
        left: auto !important;
        right: 48px !important;
    }

    body.single-product
    .product-videos-section
    .swiper-button-next {
        left: auto !important;
        right: 0 !important;
    }

    body.single-product
    .product-videos-section
    .swiper-button-prev::after,
    body.single-product
    .product-videos-section
    .swiper-button-next::after {
        content: "" !important;

        display: block !important;

        width: 8px !important;
        height: 8px !important;

        border-right: 1.5px solid #262727 !important;
        border-bottom: 1.5px solid #262727 !important;

        font-size: 0 !important;
    }

    body.single-product
    .product-videos-section
    .swiper-button-prev::after {
        transform: rotate(135deg);
        margin-left: 3px;
    }

    body.single-product
    .product-videos-section
    .swiper-button-next::after {
        transform: rotate(-45deg);
        margin-right: 3px;
    }

    body.single-product
    .product-videos-section
    .swiper-button-disabled {
        background-color: #5c5c5c !important;
        opacity: 0.6 !important;
    }
}

@media (min-width: 1200px) {
    body.single-product
    .fixtures.product-videos-section
    .fixtures_block
    .lights-section
    .section-header {
        align-items: flex-end !important;
    }

    body.single-product
    .fixtures.product-videos-section
    .fixtures_block
    .lights-section
    .section-header
    > .view-all {
        align-self: flex-end !important;

        height: 16px !important;
        margin: 0 !important;
        padding: 0 !important;
      
      	margin-bottom: 8px !important;

        line-height: 16px !important;
    }
}

/* =========================================================
   PRODUCT RELATED — CATEGORY
   ========================================================= */

@media (min-width: 1200px) {
    body.single-product .product-related {
        width: 100%;

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

    body.single-product
    .product-related
    > .container {
        width: calc(100% - 80px);
        max-width: 1320px;

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

    body.single-product
    .product-related
    .card_block {
        width: 100%;
        max-width: none;

        margin: 0;
        padding: 0;
    }

    /* ---------- header ---------- */

    body.single-product
    .product-related
    .card_block
    .header {
        display: flex;
        align-items: center;
        justify-content: space-between;

        width: 100%;
        height: 46px;

        margin: 0 !important;
        padding: 0;

        position: relative;
    }

    body.single-product
    .product-related
    .title-section {
        display: flex;
        align-items: end;

        gap: 16px;

        margin: 0;
        padding: 0;
    }

    body.single-product
    .product-related
    .title-section h1 {
        margin: 0;
        padding: 0;

        color: #fff;

        font-family: "Source Sans Pro", sans-serif;
        font-size: 38px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
    }

    body.single-product
    .product-related
    .view-all {
        color: #fff;

        font-family: "Source Sans Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;

        text-decoration: underline;
    }

    /* ---------- arrows ---------- */

    body.single-product
    .product-related
    .nav-buttons {
        display: flex;

        gap: 10px;

        margin: 0;
        padding: 0;
    }

    body.single-product
    .product-related
    .swiper-button {
        position: static !important;

        width: 40px;
        min-width: 40px;
        height: 40px;

        margin: 0 !important;
        padding: 0;

        border: 0;
        border-radius: 100px;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    body.single-product
    .product-related
    .swiper-button img {
        display: block;
    }

    /* ---------- category tag ---------- */

    body.single-product
    .product-related
    .product-related-tag {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        width: max-content;
        min-height: 38px;

        margin: 20px 0 0;
        padding: 8px 16px;

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

        color: #fff;

        font-family: "Source Sans Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
    }

    /* ---------- swiper ---------- */

    body.single-product
    .product-related
    .productsSwiper {
        width: 100%;

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

        overflow: hidden;
    }

    body.single-product
    .product-related
    .productsSwiper
    .swiper-slide {
        box-sizing: border-box !important;

        flex: 0 0 325px !important;

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

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

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        padding: 0 !important;
    }

    /* ---------- product card ---------- */

    body.single-product
    .product-related
    .product-card {
        position: relative;

        display: block;

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

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

        overflow: hidden;

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

        background: #353536;

        box-shadow: none;
    }

    body.single-product
    .product-related
    .product-card:hover {
        transform: none;
        box-shadow: none;
    }

    /* ---------- image ---------- */

    body.single-product
    .product-related
    .product-image {
        display: block;

        width: 100%;
        aspect-ratio: 1 / 1;

        margin: 0;
        padding: 0;

        overflow: hidden;

        border-radius: 16px;

        background: #fff;
    }

    body.single-product
    .product-related
    .product-image img {
        display: block;

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

        margin: 0;

        object-fit: contain;

        border-radius: 16px;
    }

    /* ---------- bottom information ---------- */

    body.single-product
    .product-related
    .product-info {
        display: grid;

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

        grid-template-rows:
            25px
            22px;

        column-gap: 8px;
        row-gap: 4px;

        width: calc(100% + 16px);
        height: 83px;

        margin: 0 -8px;
        padding: 16px;

        color: #fff;

        position: relative;
    }

    body.single-product
    .product-related
    .product-name {
        grid-column: 1 / -1;
        grid-row: 1;

        min-width: 0;

        margin: 0;

        color: #fff;

        font-family: "Source Sans Pro", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;

        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.single-product
    .product-related
    .product-type {
        grid-column: 1;
        grid-row: 2;

        min-width: 0;

        margin: 0;

        color: #87888a;

        font-family: "Source Sans Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;

        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.single-product
    .product-related
    .product-code {
        grid-column: 2;
        grid-row: 2;

        position: static !important;

        margin: 0;

        color: #87888a;

        font-family: "Source Sans Pro", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;

        white-space: nowrap;
        text-align: right;
    }

    /* ---------- badges ---------- */

    body.single-product
    .product-related
    .badge {
        position: absolute;

        top: 16px !important;
        left: 16px !important;

        z-index: 5;

        margin: 0;
        padding: 0 !important;
    }

    body.single-product
    .product-related
    .new-badge {
        position: absolute;

        top: 16px !important;
        right: 16px !important;

        z-index: 5;

        margin: 0;

        color: #fdc400;

        font-family: "Source Sans Pro", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 100%;
    }
    
    body.single-product
    .product-related--innovations {
        padding-bottom: 0 !important;
    }
}

@media (min-width: 1200px) {

    body.single-product
    .product-related
    .product-related-tags {
        display: flex;
        flex-wrap: wrap;
        align-items: center;

        gap: 8px;

        width: 100%;

        margin: 20px 0 0;
        padding: 0;
    }

    body.single-product
    .product-related
    .product-related-tags
    .product-related-tag {
        margin: 0 !important;
    }
}

body.single-product #tech,
body.single-product #hobo,
body.single-product #files,
body.single-product #video,
body.single-product #news {
    scroll-margin-top: 180px;
}

/* =========================================================
   SINGLE PRODUCT — COMPACT DESKTOP
   ========================================================= */

@media (min-width: 1200px) and (max-width: 1360px) {

    /* =====================================================
       GLOBAL PRODUCT CONTENT WIDTH
       ===================================================== */

    body.single-product
    .breadcrumbs > .container,

    body.single-product
    .device > .container,

    body.single-product
    .support_clay.product-support-clay > .container,

    body.single-product
    .infoos_all.infoos_all2 > .container,

    body.single-product
    .mini_banner > .container,

    body.single-product
    .new_infoss > .container,

    body.single-product
    .teams > .container,

    body.single-product
    .gibo > .container,

    body.single-product
    .views.views_dev > .doc-section > .container,

    body.single-product
    .banners.banners_two > .container,

    body.single-product
    .product-videos-section > .container,
    
    body.single-product
    .product-news-section > .container,

    body.single-product
    .product-related > .container {
        box-sizing: border-box;

        width: calc(100% - 80px) !important;
        max-width: 1280px !important;

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

        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    body.single-product
    .product-news-section {
        padding-bottom: 120px !important;
    }

    /* =====================================================
       HERO
       ===================================================== */

    body.single-product
    .device
    .doc-section_device
    .doc-card {
        grid-template-columns:
            clamp(520px, 39vw, 540px)
            minmax(0, 1fr) !important;

        gap: 20px !important;
    }

    /* Gallery follows first grid column */

    body.single-product
    .device
    .mySwiper2 {
        width: 100% !important;
        height: auto !important;

        aspect-ratio: 555 / 497;
    }

    body.single-product
    .device
    .mySwiper2
    .product-hero-slide {
        width: 100% !important;
        height: 100% !important;

        min-height: 0 !important;
        max-height: none !important;
    }

    /* Product heading */

    body.single-product
    .device
    .doc-section_device
    .doc-right
    .doc-top
    h2 {
        font-size: 46px !important;
        line-height: 1 !important;
    }

    body.single-product
    .device
    .doc-section_device
    .doc-right
    .doc-top
    .lft_block {
        gap: 16px !important;
        margin-bottom: 16px !important;
    }

    /* Description */

    body.single-product
    .device
    .doc-section_device
    .doc-right
    .doc-top
    .bottoms_s,
    
    body.single-product
    .device
    .doc-section_device
    .doc-right
    .doc-top
    .bottoms_s p {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }

    /* =====================================================
       TOP TECHNICAL FEATURES
       ===================================================== */

    body.single-product
    .device
    .doc-section_device
    .tech_info {
        padding: 18px !important;
    }

    body.single-product
    .device
    .doc-section_device
    .tech_info
    h3 {
        margin-bottom: 18px !important;

        font-size: 22px !important;
    }

    body.single-product
    .device
    .doc-section_device
    .tech_info
    .items {
        gap: 16px 20px !important;

        margin-bottom: 22px !important;
    }

    body.single-product
    .device
    .doc-section_device
    .tech_info
    .item
    > img {
        flex-basis: 48px !important;

        width: 48px !important;
        height: 48px !important;
    }

    /* =====================================================
       TOP DOCUMENTATION
       ===================================================== */

    body.single-product
    .device
    .doc-section_device
    .doc-buttons {
        margin-top: 16px !important;
        padding: 18px !important;
    }

    body.single-product
    .device
    .doc-section_device
    .doc-buttons
    .title {
        margin-bottom: 16px !important;
    }

    body.single-product
    .device
    .doc-section_device
    .doc-buttons
    .items_btn
    .item {
        gap: 10px !important;
    }

    body.single-product
    .device
    .doc-section_device
    .doc-buttons
    .doc-download-btn {
        min-height: 44px !important;

        padding:
            4px
            16px
            4px
            4px !important;

        font-size: 14px !important;
    }

    body.single-product
    .device
    .doc-section_device
    .doc-buttons
    .doc-download-btn
    img {
        flex-basis: 36px !important;

        width: 36px !important;
        height: 36px !important;
    }

    body.single-product
    .device
    .doc-section_device
    .doc-buttons
    .yellow {
        min-height: 44px !important;

        padding: 10px 22px !important;

        font-size: 14px !important;
    }

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

    body.single-product
    .support_clay.product-support-clay {
        margin-top: 36px !important;
        margin-bottom: 36px !important;
    }

    body.single-product
    .support_clay.product-support-clay
    .title_form
    h3 {
        font-size: 34px !important;
        line-height: 1.15 !important;
    }

    body.single-product
    .support_clay.product-support-clay
    .title_form
    p {
        flex-basis: 370px !important;

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

    body.single-product
    .support_clay.product-support-clay
    .title_form
    p
    > span:last-child {
        flex-basis: 334px !important;

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

        font-size: 16px !important;
    }

    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .form-fields-row:first-of-type {
        grid-template-columns:
            repeat(4, minmax(0, 1fr))
            minmax(230px, 1.15fr) !important;

        column-gap: 12px !important;
    }

    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options {
        gap: 20px !important;
    }

    /* =====================================================
       MAIN INFORMATION
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .slide-content {
        grid-template-columns:
            minmax(360px, 0.78fr)
            minmax(0, 1.22fr) !important;

        column-gap: 20px !important;
    }

    /* =====================================================
       STICKY MINI NAV
       ===================================================== */

    body.single-product
    .mini_banner
    .menuss {
        grid-template-columns:
            minmax(0, 1fr)
            180px !important;

        column-gap: 24px !important;
    }

    body.single-product
    .mini_banner
    .mini-banner-links {
        gap: 18px !important;
    }

    body.single-product
    .mini_banner
    .mini-banner-contact {
        flex-basis: 180px !important;

        width: 180px !important;
    }

    body.single-product
    .mini_banner
    .BTN-MINI-BANNER {
        width: 180px !important;
        min-width: 180px !important;
        max-width: 180px !important;

        padding-left: 20px !important;
        padding-right: 20px !important;

        font-size: 16px !important;
    }

    /* =====================================================
       LARGE TECH SPECS
       ===================================================== */

    body.single-product
    .new_infoss
    .technical-specs-grid {
        column-gap: 20px !important;
    }

    /* =====================================================
       RELATED PRODUCT CARDS
       ===================================================== */

    body.single-product
    .product-related
    .productsSwiper
    .swiper-slide {
        height: auto !important;
    }

    body.single-product
    .product-related
    .product-card {
        height: auto !important;
        min-height: 0 !important;
    }


    /* =====================================================
       VERTICAL RHYTHM
       ===================================================== */

    body.single-product
    .teams {
        margin-top: 120px !important;
    }

    body.single-product
    .gibo {
        margin-top: 120px !important;
    }

    body.single-product
    .views.views_dev {
        margin-top: 120px !important;
    }

    body.single-product
    .views.views_dev
    > .doc-section {
        margin-bottom: 120px !important;
    }

    body.single-product
    .banners.banners_two {
        margin-bottom: 120px !important;
    }

    body.single-product
    .product-videos-section {
        margin-bottom: 120px !important;
    }

    body.single-product
    .product-related {
        padding-bottom: 120px !important;
    }
    
    /* =====================================================
       MAIN INFORMATION — WRAPPING TAGS
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .info_block {
        height: auto !important;
        min-height: 642px !important;
        max-height: none !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .info-slider {
        height: auto !important;

        grid-template-rows:
            46px
            auto
            432px !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .info-tags {
        flex-wrap: wrap !important;

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

        gap: 8px !important;

        overflow: visible !important;
    }

    /* =====================================================
    SUPPORT FORM — COMPACT DESKTOP 1200–1360
    ===================================================== */

    body.single-product
    .support_clay.product-support-clay
    .wpcf7-form,
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form {
        grid-template-rows:
            50px
            auto !important;
    
        height: auto !important;
        min-height: 118px !important;
    }
    
    /* =====================================================
       BOTTOM ROW
       ===================================================== */
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options {
        box-sizing: border-box !important;
    
        display: grid !important;
        grid-template-columns:
            340px
            minmax(0, 1fr) !important;
    
        align-items: center !important;
        column-gap: 30% !important;
    
        width: 100% !important;
    
        height: auto !important;
        min-height: 48px !important;
        max-height: none !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        overflow: visible !important;
    }
    
    /* =====================================================
       LEFT — CONTACT METHODS
       ===================================================== */
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    .options {
        box-sizing: border-box !important;
    
        width: 340px !important;
        min-width: 0 !important;
        max-width: 340px !important;
    
        height: 48px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        align-self: center !important;
    }
    
    /* =====================================================
   RIGHT — AGREEMENT
   ===================================================== */
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    .agreement {
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: row !important;
    
        align-items: flex-start !important;
        justify-content: flex-start !important;
    
        gap: 8px !important;
    
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    
        height: auto !important;
        min-height: 24px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        align-self: center !important;
    }
    
    /* checkbox column */
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    .agreement
    > label {
        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: 0 !important;
        padding: 0 !important;
    }
    
    /* CF7 wrappers around checkbox */
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    .agreement
    > label
    .wpcf7-form-control-wrap,
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    .agreement
    > label
    .wpcf7-form-control,
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    .agreement
    > label
    .wpcf7-list-item {
        box-sizing: border-box !important;
    
        display: block !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;
    }
    
    /* checkbox itself */
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    .agreement
    > label
    input[type="checkbox"] {
        position: relative !important;
    
        left: auto !important;
        top: auto !important;
    
        display: block !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;
    
        transform: none !important;
    }
    
    /* consent text */
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    .agreement
    > .text {
        box-sizing: border-box !important;
    
        display: block !important;
    
        flex: 1 1 auto !important;
    
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    
        line-height: 1.25 !important;
    }
    
    /* =====================================================
       AGREEMENT TEXT
       ===================================================== */
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    .agreement
    .wpcf7-list-item-label {
        display: block !important;
    
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    
        line-height: 1.25 !important;
    }
}

/* =========================================================
   COMMUNITY FORM — DESKTOP SECTION SPACING
   ========================================================= */

@media (min-width: 1200px) {

    body.single-product
    .teams.cp-community-form {
        width: 100% !important;

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

    body.single-product
    .teams.cp-community-form
    .community {
        margin: 0 !important;
        padding-top: 0 !important;
    }
}


/* =========================================================
   COMMUNITY FORM — COMPACT DESKTOP
   ========================================================= */

@media (min-width: 1200px) and (max-width: 1360px) {

    body.single-product
    .teams.cp-community-form {
        margin-top: 120px !important;
    }
}

/* =========================================================
   PRODUCT HERO — TABLET 768–1199
   ========================================================= */

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

    body.single-product .breadcrumbs > .container,
    body.single-product .device > .container,
    body.single-product .product-support-compact > .container {
        width: 100%;
        max-width: none;
        padding-left: 16px;
        padding-right: 16px;
    }

    body.single-product
    .device
    .doc-section_device
    .doc-card {
        grid-template-columns:
            minmax(0, 0.86fr)
            minmax(0, 1.14fr);
        gap: 16px;
        align-items: start;
    }

    body.single-product
    .device
    .doc-section_device
    .doc-left,
    body.single-product
    .device
    .doc-section_device
    .doc-right {
        min-width: 0;
        width: 100%;
    }
    
    body.single-product
    .device
    .doc-section_device
    .tech_info
    h3 {
        font-size: 20px !important;
    }
    
    body.single-product .device .mySwiper2 {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    
        aspect-ratio: 354 / 360;
    
        border-radius: 12px;
        overflow: hidden;
    }

    body.single-product
    .device
    .mySwiper2
    .product-hero-slide {
        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: none !important;
        max-height: none !important;
    
        aspect-ratio: auto;
    }
    
    body.single-product
    .device
    .doc-left
    .thumbs-swiper-container {
        width: 100%;
        min-height: 0;
    
        margin-top: 12px;
    
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    body.single-product
    .device
    .doc-left
    .thumbs-swiper {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    body.single-product
    .device
    .thumbs-swiper
    .swiper-slide {
        width: calc((100% - 30px) / 4) !important;
        max-width: calc((100% - 30px) / 4) !important;
    
        height: auto !important;
        max-height: none !important;
    
        aspect-ratio: 1 / 1;
    
        border-radius: 8px;
    }

    body.single-product
    .device
    .doc-left
    .thumbs-swiper-container
    .thumbs-nav-prev,
    body.single-product
    .device
    .doc-left
    .thumbs-swiper-container
    .thumbs-nav-next {
        width: 32px;
        height: 32px;
    }
}

/* =========================================================
   INNOVATION DESCRIPTION — CURRENT PHP MARKUP

   PHP now outputs a .innovation-description div rather than
   a direct paragraph. Mirror the established paragraph rules
   so the copy remains visible and scrollable on larger screens.
   ========================================================= */

body.single-product
.infoos_all.infoos_all2
.innovations-content
.text-right
.tops
.innovation-description {
    box-sizing: border-box !important;

    display: block !important;

    flex: 1 1 auto !important;
    min-height: 0 !important;

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

    overflow-x: hidden !important;
    overflow-y: auto !important;

    color: #c3c3c3 !important;

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

    overscroll-behavior-y: contain;

    scrollbar-width: thin !important;
    scrollbar-color: #5c5c5c transparent !important;
}

body.single-product
.infoos_all.infoos_all2
.innovations-content
.text-right
.tops
.innovation-description
p {
    margin: 0 0 16px !important;

    color: inherit !important;

    font: inherit !important;
    line-height: inherit !important;
}

body.single-product
.infoos_all.infoos_all2
.innovations-content
.text-right
.tops
.innovation-description
> :first-child {
    margin-top: 0 !important;
}

body.single-product
.infoos_all.infoos_all2
.innovations-content
.text-right
.tops
.innovation-description
> :last-child {
    margin-bottom: 0 !important;
}

body.single-product
.infoos_all.infoos_all2
.innovations-content
.text-right
.tops
.innovation-description::-webkit-scrollbar {
    display: block !important;
    width: 4px !important;
}

body.single-product
.infoos_all.infoos_all2
.innovations-content
.text-right
.tops
.innovation-description::-webkit-scrollbar-track {
    background: transparent !important;
}

body.single-product
.infoos_all.infoos_all2
.innovations-content
.text-right
.tops
.innovation-description::-webkit-scrollbar-thumb {
    background: #5c5c5c !important;
    border-radius: 999px !important;
}
    
/* =========================================================
TABLET HERO — CORRECT FIGMA LAYOUT
========================================================= */

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

    body.single-product
    .device
    .doc-section_device
    .doc-card {
        grid-template-areas:
            "gallery top"
            "tech tech"
            "docs docs" !important;

        column-gap: 16px !important;
        row-gap: 20px !important;

        align-items: start !important;
    }

    /* LEFT: image + thumbnails */
    body.single-product
    .device
    .doc-section_device
    .doc-left {
        grid-area: gallery !important;
    }

    /* doc-right stays transparent for the parent grid */
    body.single-product
    .device
    .doc-section_device
    .doc-right {
        display: contents !important;
    }

    /* RIGHT: title + description only */
    body.single-product
    .device
    .doc-section_device
    .doc-right
    .doc-top {
        grid-area: top !important;

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

        margin: 0 !important;
    }

    /* FULL WIDTH BELOW IMAGE / DESCRIPTION */
    body.single-product
    .device
    .doc-section_device
    .doc-right
    .tech_info {
        grid-area: tech !important;
        grid-column: 1 / -1 !important;

        box-sizing: border-box !important;

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

        margin: 0 !important;

        align-self: stretch !important;
    }

    /* FULL WIDTH BELOW TECH INFO */
    body.single-product
    .device
    .doc-section_device
    .doc-right
    .doc-buttons {
        grid-area: docs !important;
        grid-column: 1 / -1 !important;

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

        margin: 0 !important;
    }
    
    body.single-product .device .doc-section_device .tech_info .item {
        width: 85% !important;   
    }
    
    body.single-product .device .doc-section_device .tech_info .items > .item:only-child, body.single-product .device .doc-section_device .tech_info .item.item-long {
        width: 85% !important;   
    }
}

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

    body.single-product
    .device
    .doc-section_device
    .doc-right
    .doc-top
    h2 {
        font-size: 38px;
    }
}

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

    body.single-product
    .device
    .doc-section_device
    .doc-right
    .doc-top
    h2 {
        font-size: 32px;
    }

    body.single-product
    .device
    .doc-section_device
    .doc-right
    .doc-top
    .lft_block {
        flex-direction: row;
    }

    body.single-product
    .device
    .doc-section_device
    .doc-right
    .doc-top
    .model {
        font-size: 18px;
    }
    
    body.single-product
    .device
    .doc-section_device
    .tech_info {
        border-radius: 14px;
    }

    body.single-product
    .device
    .doc-section_device
    .tech_info
    .items {
        gap: 12px 16px;
        margin-bottom: 12px;
    }

    body.single-product
    .device
    .doc-section_device
    .tech_info
    .item
    > img {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    
    /* =====================================================
   SUPPORT FORM — PRODUCT VISUALS
   ===================================================== */

    body.single-product
    .support_clay.product-support-clay
    .contact-form input[type="text"],
    body.single-product
    .support_clay.product-support-clay
    .contact-form input[type="tel"],
    body.single-product
    .support_clay.product-support-clay
    .contact-form input[type="email"] {
        box-sizing: border-box !important;
    
        width: 100% !important;
        min-width: 0 !important;
    
        height: 50px !important;
    
        margin: 0 !important;
        padding: 10px 20px !important;
    
        color: #ffffff !important;
        background: #494949 !important;
    
        border: 1px solid #5c5c5c !important;
        border-radius: 999px !important;
    
        outline: none !important;
        box-shadow: none !important;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form input[type="text"]::placeholder,
    body.single-product
    .support_clay.product-support-clay
    .contact-form input[type="tel"]::placeholder,
    body.single-product
    .support_clay.product-support-clay
    .contact-form input[type="email"]::placeholder {
        color: rgba(255, 255, 255, 0.62) !important;
        opacity: 1 !important;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form input[type="submit"],
    body.single-product
    .support_clay.product-support-clay
    .contact-form .wpcf7-submit {
        width: 100% !important;
        min-width: 0 !important;
    
        height: 50px !important;
    
        margin: 0 !important;
        padding: 0 20px !important;
    
        color: #111111 !important;
        background: #fdc400 !important;
    
        border: 0 !important;
        border-radius: 999px !important;
    
        font-size: 16px !important;
        font-weight: 600 !important;
    
        box-shadow: none !important;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    input[type="checkbox"] {
        -webkit-appearance: none !important;
        appearance: none !important;
    
        position: relative !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;
    
        background: #494949 !important;
    
        border: 1px solid #5c5c5c !important;
        border-radius: 6px !important;
    
        box-shadow: none !important;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    input[type="checkbox"]:checked {
        background: #fdc400 !important;
        border-color: #fdc400 !important;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    input[type="checkbox"]:checked::after {
        content: "" !important;
    
        position: absolute !important;
        display: block !important;
    
        left: 7px !important;
        top: 8px !important;
    
        width: 8px !important;
        height: 4px !important;
    
        border-left: 2px solid #111111 !important;
        border-bottom: 2px solid #111111 !important;
    
        transform: rotate(-45deg) !important;
    }
        
    body.single-product
    .support_clay.product-support-clay
    .support_block {
        width: 100% !important;
        max-width: none !important;
    
        margin: 0 !important;
    
        transform: none !important;
    }
}

/* =========================================================
   PRODUCT SUPPORT — TABLET 768–1199
   ========================================================= */

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

    body.single-product
    .support_clay.product-support-clay {
        box-sizing: border-box !important;

        position: relative !important;
        z-index: auto !important;

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

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

        transform: none !important;
    }

    body.single-product
    .support_clay.product-support-clay
    > .container {
        box-sizing: border-box !important;

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

        margin: 0 auto !important;
        padding-left: 16px !important;
        padding-right: 16px !important;

        transform: none !important;
    }

    body.single-product
    .support_clay.product-support-clay
    .support_block {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;

        transform: none !important;
    }
}

/* =========================================================
   PRODUCT SUPPORT — TABLET LAYOUT 768–1199
   ========================================================= */

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

    /* =====================================================
       CARD
       ===================================================== */

    body.single-product
    .support_clay.product-support-clay
    .support_block {
        box-sizing: border-box !important;

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

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

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

    /* =====================================================
       TITLE
       ===================================================== */

    body.single-product
    .support_clay.product-support-clay
    .title_form {
        display: flex !important;
        flex-direction: column !important;

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

        gap: 20px !important;

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

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

    body.single-product
    .support_clay.product-support-clay
    .title_form h3 {
        width: 100% !important;

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

        color: #ffffff !important;

        font-size: 38px !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;

        white-space: normal !important;
    }

    /* =====================================================
       LEAD + YELLOW DOT
       ===================================================== */

    body.single-product
    .support_clay.product-support-clay
    .title_form p {
        display: flex !important;

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

        gap: 12px !important;

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

        height: auto !important;

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

        text-align: left !important;
    }

    body.single-product
    .support_clay.product-support-clay
    .title_form
    .product-support-dot {
        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: 2px 0 0 !important;
        padding: 0 !important;

        border-radius: 50% !important;
        background: #fdc400 !important;
    }

    body.single-product
    .support_clay.product-support-clay
    .title_form p
    > span:last-child {
        display: block !important;

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

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

        color: #ffffff !important;

        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;

        text-align: left !important;
    }

    /* =====================================================
    WHOLE FORM — TABLET
    ===================================================== */
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form {
        box-sizing: border-box !important;
    
        display: grid !important;
    
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    
        grid-template-areas:
            "name phone"
            "email telegram"
            "options options"
            "submit submit"
            "agreement agreement";
    
        column-gap: 16px !important;
        row-gap: 16px !important;
    
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .form-fields-row:first-of-type,
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options {
        display: contents !important;
    }
    
    /* =====================================================
       FORM FIELD WRAPPERS
       ===================================================== */
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .form-fields-row:first-of-type
    > * {
        box-sizing: border-box !important;
    
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    
        height: 50px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .form-fields-row:first-of-type
    > :has(input[placeholder="Имя"]) {
        grid-area: name;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .form-fields-row:first-of-type
    > :has(input[type="tel"]) {
        grid-area: phone;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .form-fields-row:first-of-type
    > :has(input[type="email"]) {
        grid-area: email;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .form-fields-row:first-of-type
    > :has(input[placeholder="Ник в телеграм"]) {
        grid-area: telegram;
    }
    
    /* =====================================================
       REQUIRED PHONE WRAPPER
       ===================================================== */
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .required {
        box-sizing: border-box !important;
    
        position: relative !important;
    
        display: block !important;
    
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    
        height: 50px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .required::before,
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .required::after {
        content: none !important;
        display: none !important;
    }
    
    /* =====================================================
       CONTACT METHODS
       ===================================================== */
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    .options {
        grid-area: options;
    
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: column !important;
    
        align-items: flex-start !important;
        justify-content: flex-start !important;
    
        gap: 8px !important;
    
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    
        margin: 12px 0 4px !important;
        padding: 0 !important;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    .options
    .wpcf7-checkbox {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
    
        align-items: center !important;
        justify-content: flex-start !important;
    
        gap: 20px !important;
    
        width: max-content !important;
        height: auto !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* =====================================================
       SUBMIT
       ===================================================== */
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .form-fields-row:first-of-type
    > :has(input[type="submit"]) {
        grid-area: submit;
    
        box-sizing: border-box !important;
    
        justify-self: start !important;
    
        width: calc((100% - 16px) / 2) !important;
        min-width: 0 !important;
        max-width: none !important;
    
        height: 50px !important;
    
        margin: 8px 0 0 !important;
        padding: 0 !important;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    input[type="submit"],
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .wpcf7-submit {
        display: block !important;
    
        width: 100% !important;
        height: 50px !important;
    
        margin: 0 !important;
        padding: 0 20px !important;
    
        color: #111111 !important;
        background: #fdc400 !important;
    
        border: 0 !important;
        border-radius: 999px !important;
    
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 50px !important;
    
        text-align: center !important;
    
        box-shadow: none !important;
    }
    
    /* =====================================================
       AGREEMENT — BELOW BUTTON
       ===================================================== */
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    .agreement {
        grid-area: agreement;
    
        box-sizing: border-box !important;
    
        display: flex !important;
        flex-direction: row !important;
    
        align-items: flex-start !important;
        justify-content: flex-start !important;
    
        gap: 12px !important;
    
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
    
        height: auto !important;
        min-height: 24px !important;
    
        margin: 12px 0 0 !important;
        padding: 0 !important;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    .agreement
    > label {
        flex: 0 0 24px !important;
    
        width: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;
    
        height: 24px !important;
    
        margin: 0 !important;
        padding: 0 !important;
    }
    
    body.single-product
    .support_clay.product-support-clay
    .contact-form
    .bottom_options
    .agreement
    > .text {
        flex: 1 1 auto !important;
    
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
    
        margin: 0 !important;
        padding: 0 !important;
    
        color: #c3c3c3 !important;
    
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
    
        white-space: normal !important;
    }
    
    /* =====================================================
       CF7 RESPONSE
       ===================================================== */
    
    body.single-product
    .support_clay.product-support-clay
    .wpcf7-response-output {
        grid-column: 1 / -1 !important;
    
        width: 100% !important;
        max-width: none !important;
    
        margin: 0 !important;
    }
}

/* =========================================================
   MAIN INFORMATION — TABLET 768–1199.98
   ========================================================= */

@media (min-width: 768px) and (max-width: 1199.98px) {
    body.single-product
    .infoos_all.infoos_all2 {
        box-sizing: border-box !important;

        position: relative !important;

        width: 100% !important;

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

        transform: none !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    > .container {
        box-sizing: border-box !important;

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

        margin: 0 auto !important;

        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* =====================================================
       OUTER CARD
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .info_block {
        box-sizing: border-box !important;

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

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

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

        background: #353536 !important;

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

        overflow: hidden !important;

        transform: none !important;
    }

    /* =====================================================
       INTERNAL LAYOUT
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .info-slider {
        box-sizing: border-box !important;

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

        gap: 40px !important;

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

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

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

        background: transparent !important;
        border: 0 !important;
    }

    /* =====================================================
       TITLE
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .info-title {
        box-sizing: border-box !important;

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

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

        color: #ffffff !important;

        font-size: 38px !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;
    }

    /* =====================================================
       TAGS
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .info-tags {
        box-sizing: border-box !important;

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

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

        gap: 8px !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

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

        overflow: visible !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .info-tags
    .tag {
        flex: 0 0 auto !important;

        margin: 0 !important;

        white-space: nowrap !important;
    }

    /* =====================================================
       SWIPER
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .infoSwiper {
        box-sizing: border-box !important;

        position: relative !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;

        overflow: hidden !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .infoSwiper
    > .swiper-wrapper {
        height: auto !important;
        min-height: 0 !important;

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

        align-items: flex-start !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .infoSwiper
    .swiper-slide {
        box-sizing: border-box !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;
    }

    /* =====================================================
       SLIDE — VERTICAL ON TABLET
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .slide-content {
        box-sizing: border-box !important;

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

        align-items: stretch !important;

        gap: 40px !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;
    }

    /* =====================================================
       DESCRIPTION
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .slide-content
    > .text-left {
        box-sizing: border-box !important;

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

        gap: 20px !important;

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

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

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

        overflow: visible !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .slide-content
    > .text-left
    > h3 {
        width: 100% !important;
        height: auto !important;

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

        color: #ffffff !important;

        font-size: 28px !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .slide-description {
        box-sizing: border-box !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

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

        overflow: visible !important;

        color: #c3c3c3 !important;

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

        scrollbar-width: none !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .slide-description::-webkit-scrollbar {
        display: none !important;
    }

    /* =====================================================
       INNOVATIONS
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .innovations-column {
        box-sizing: border-box !important;

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

        gap: 20px !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;

        overflow: visible !important;
    }

    /* =====================================================
       INNOVATIONS HEADER
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .innovations-header {
        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: 40px !important;

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

    body.single-product
    .infoos_all.infoos_all2
    .innovations-header
    h3 {
        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-size: 28px !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;
    }

    /* =====================================================
       NAVIGATION
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .innovations-navigation {
        flex: 0 0 88px !important;

        display: flex !important;

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

        gap: 8px !important;

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

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

    body.single-product
    .infoos_all.infoos_all2
    .innovations-navigation
    .info-nav-button {
        box-sizing: border-box !important;

        position: relative !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;

        background: #87888a !important;
        opacity: 1 !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .innovations-navigation
    .info-nav-button::before {
        content: "";

        position: absolute;

        top: 50%;
        left: 50%;

        width: 9px;
        height: 9px;

        border-top: 2px solid #252626;
        border-right: 2px solid #252626;
    }

    body.single-product
    .infoos_all.infoos_all2
    .innovations-navigation
    .info-nav-prev::before {
        transform:
            translate(-35%, -50%)
            rotate(-135deg);
    }

    body.single-product
    .infoos_all.infoos_all2
    .innovations-navigation
    .info-nav-next::before {
        transform:
            translate(-65%, -50%)
            rotate(45deg);
    }

    body.single-product
    .infoos_all.infoos_all2
    .innovations-navigation
    .info-nav-button:disabled {
        background: #5c5c5c !important;
        opacity: 0.6 !important;

        pointer-events: none !important;
    }

    /* =====================================================
       INNOVATION CONTENT
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .innovations-content {
        box-sizing: border-box !important;

        display: block !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;

        overflow: visible !important;
    }

    /* =====================================================
       IMAGE CARD
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .innovations-content
    .image-center {
        box-sizing: border-box !important;

        display: grid !important;

        grid-template-rows:
            auto
            60px !important;

        row-gap: 4px !important;

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

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

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

        overflow: hidden !important;

        background: transparent !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .innovations-content
    .image-center
    img {
        box-sizing: border-box !important;

        display: block !important;

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

        aspect-ratio: 688 / 360;

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

        object-fit: cover !important;

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

    body.single-product
    .infoos_all.infoos_all2
    .innovations-content
    .image-center
    h4 {
        box-sizing: border-box !important;

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

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

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

        color: #ffffff !important;

        font-size: 22px !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;

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

        background: #353536 !important;
    }

    /* =====================================================
       DESKTOP FLOW DETAIL CARD
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .innovations-content
    .text-right {
        display: none !important;
    }
}

/* =========================================================
   MAIN INFORMATION — TABLET FIX
   ========================================================= */

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

    /* =====================================================
       TAG COLORS
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .info-tags
    .tag {
        font-size: 14px !important;
        color: #ffffff !important;
        padding: 13px 4px 13px 18px !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .info-tags
    .tag
    .info-tag-link,

    body.single-product
    .infoos_all.infoos_all2
    .info-tags
    .tag
    .info-tag-link:visited,

    body.single-product
    .infoos_all.infoos_all2
    .info-tags
    .tag
    .info-tag-link:hover,

    body.single-product
    .infoos_all.infoos_all2
    .info-tags
    .tag
    .info-tag-link:focus {
        color: inherit !important;
        text-decoration: none !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .info-tags
    .tag
    .info-tag-link
    span {
        color: #ffffff !important;
        -webkit-text-fill-color: #c3c3c3 !important;
    }

    /* =====================================================
       DESCRIPTION
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .slide-content
    > .text-left {
        display: grid !important;

        grid-template-rows:
            34px
            350px !important;

        row-gap: 20px !important;

        width: 100% !important;

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

        overflow: hidden !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .slide-description {
        box-sizing: border-box !important;

        width: 100% !important;
    
        height: 350px !important;
        min-height: 350px !important;
        max-height: 350px !important;
    
        margin: 0 !important;
        padding: 0 12px 0 0 !important;
    
        overflow-x: hidden !important;
        overflow-y: auto !important;
    
        color: #c3c3c3 !important;
    
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
    
        overscroll-behavior: contain;
    
        scrollbar-width: thin !important;
        scrollbar-color: #5c5c5c transparent !important;
    }
    
    body.single-product
    .infoos_all.infoos_all2
    .slide-description::-webkit-scrollbar {
        display: block !important;
        width: 4px !important;
    }
    
    body.single-product
    .infoos_all.infoos_all2
    .slide-description::-webkit-scrollbar-track {
        display: block !important;
        background: transparent !important;
    }
    
    body.single-product
    .infoos_all.infoos_all2
    .slide-description::-webkit-scrollbar-thumb {
        display: block !important;
        background: #5c5c5c !important;
        border-radius: 999px !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .slide-description
    p {
        margin: 0 !important;

        color: #c3c3c3 !important;

        font: inherit !important;
        line-height: 1.4 !important;
    }

    /* =====================================================
       INNOVATIONS
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .innovations-column {
        box-sizing: border-box !important;

        display: grid !important;

        grid-template-rows:
            40px
            372px !important;

        row-gap: 20px !important;

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

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

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

        overflow: hidden !important;
    }

    /* =====================================================
       INNOVATIONS CONTENT
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .innovations-content {
        box-sizing: border-box !important;

        display: grid !important;

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

        column-gap: 20px !important;

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

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

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

        overflow: hidden !important;
    }

    /* =====================================================
       LEFT INNOVATION CARD
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .innovations-content
    .image-center {
        box-sizing: border-box !important;

        display: grid !important;

        grid-template-rows:
            minmax(0, 1fr)
            60px !important;

        row-gap: 4px !important;

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

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

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

        overflow: hidden !important;

        background: transparent !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .innovations-content
    .image-center
    img {
        box-sizing: border-box !important;

        display: block !important;

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

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

        aspect-ratio: auto !important;

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

        object-fit: cover !important;

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

    body.single-product
    .infoos_all.infoos_all2
    .innovations-content
    .image-center
    h4 {
        box-sizing: border-box !important;

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

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

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

        color: #ffffff !important;

        font-size: 22px !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;

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

        background: #353536 !important;
    }

    /* =====================================================
       RIGHT FLOW TECHNOLOGY CARD
       ===================================================== */

    body.single-product
    .infoos_all.infoos_all2
    .innovations-content
    .text-right {
        box-sizing: border-box !important;

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

        justify-content: space-between !important;
        align-items: stretch !important;

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

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

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

        background: #353536 !important;

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

        overflow: hidden !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .innovations-content
    .text-right
    .tops {
        display: flex !important;
        flex-direction: column !important;

        gap: 20px !important;

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

    body.single-product
    .infoos_all.infoos_all2
    .innovations-content
    .text-right
    .tops
    h3 {
        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-size: 24px !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .innovations-content
    .text-right
    .tops
    p {
        margin: 0 !important;
        padding: 0 !important;

        color: #c3c3c3 !important;

        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .innovations-content
    .text-right
    > a {
        align-self: flex-start !important;

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

        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;

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

        text-decoration: underline !important;
    }
}

/* =========================================================
   MINI NAV — TABLET 768–1199
   ========================================================= */

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

    /* -----------------------------------------------------
       FULL-WIDTH STRIP
       ----------------------------------------------------- */

    body.single-product .mini_banner {
        position: sticky !important;
        z-index: 100 !important;

        box-sizing: border-box !important;

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

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

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

        background: #ffeeb2 !important;

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

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

        overflow: hidden !important;
    }

    /* -----------------------------------------------------
       REMOVE BOOTSTRAP CONTAINER GUTTERS
       ----------------------------------------------------- */

    body.single-product
    .mini_banner
    > .container {
        box-sizing: border-box !important;

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

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

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

    /* -----------------------------------------------------
       MENU: LINKS + FIXED CTA
       ----------------------------------------------------- */

    body.single-product
    .mini_banner
    .menuss {
        box-sizing: border-box !important;

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

        column-gap: 0 !important;

        align-items: center !important;

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

        margin: 0 !important;
        padding: 0 !important;
        
        position: relative !important;

        overflow: hidden !important;
    }

    /* -----------------------------------------------------
       NAV LINKS RAIL
       ----------------------------------------------------- */

    body.single-product
    .mini_banner
    .mini-banner-links {
        box-sizing: border-box !important;

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

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

        gap: 40px !important;

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

        margin: 0 !important;

        padding: 0 20px !important;

        list-style: none !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
    }

    body.single-product
    .mini_banner
    .mini-banner-links
    > li {
        flex: 0 0 auto !important;

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

        list-style: none !important;
    }

    body.single-product
    .mini_banner
    .mini-banner-links
    > li
    > a {
        display: flex !important;
        align-items: center !important;

        height: 25px !important;

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

        color: #262727 !important;

        font-family: "Source Sans Pro", sans-serif !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;

        text-decoration: none !important;

        white-space: nowrap !important;

        opacity: 1 !important;
    }

    /* active пункт */

    body.single-product
    .mini_banner
    .mini-banner-links
    > li.is-active
    > a {
        text-decoration: underline !important;
        text-decoration-thickness: 1px !important;
        text-underline-offset: 2px !important;
    }

    /* -----------------------------------------------------
       CONTACT CTA
       ----------------------------------------------------- */

    body.single-product
    .mini_banner
    .mini-banner-contact {
        box-sizing: border-box !important;

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

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

        margin: 0 !important;
        padding: 0 !important;
        
        position: relative !important;
        z-index: 4 !important;
    }

    body.single-product
    .mini_banner
    .BTN-MINI-BANNER {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

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

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

        margin: 0 !important;
        padding: 0 !important;
        padding-right: 42px !important;

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

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

        font-family: "Source Sans Pro", sans-serif !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;

        text-decoration: none !important;
        text-align: center !important;

        white-space: nowrap !important;

        opacity: 1 !important;
    }
}

@media (max-width: 900px) {
    body.single-product
    .mini_banner
    .menuss::after {
        content: "" !important;
    
        position: absolute !important;
    
        top: 1px !important;
        right: 191px !important;
    
        z-index: 3 !important;
    
        width: 34px !important;
        height: 48px !important;
    
        pointer-events: none !important;
    
        background: linear-gradient(
            90deg,
            rgba(255, 238, 178, 0) 0%,
            rgba(255, 238, 178, 0.18) 30%,
            rgba(255, 238, 178, 0.68) 72%,
            #ffeeb2 100%
        ) !important;
    
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
    }
}

/* =========================================================
   TECHNICAL SPECIFICATIONS — TABLET 768–1199
   ========================================================= */

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

    body.single-product
    .new_infoss {
        box-sizing: border-box !important;

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

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

        background: var(--product-page-bg) !important;
    }

    /* =====================================================
       CONTAINER
       ===================================================== */

    body.single-product
    .new_infoss
    > .container {
        box-sizing: border-box !important;

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

        margin: 0 auto !important;

        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* =====================================================
       SECTION TITLE
       ===================================================== */

    body.single-product
    .new_infoss
    > .container
    > .title {
        box-sizing: border-box !important;

        display: block !important;

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

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

    body.single-product
    .new_infoss
    > .container
    > .title
    > h2 {
        width: 100% !important;

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

        color: #ffffff !important;

        font-family: "Source Sans Pro", sans-serif !important;
        font-size: 30px !important;
        font-weight: 400 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;
    }

    body.single-product
    .new_infoss
    > .container
    > .title
    > .btn-download-pdf {
        display: none !important;
    }

    /* =====================================================
       CARDS LAYOUT
       ===================================================== */

    body.single-product
    .new_infoss
    .technical-specs-columns {
        box-sizing: border-box !important;

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

        row-gap: 20px !important;
        column-gap: 0 !important;

        align-items: start !important;

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

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

    body.single-product
    .new_infoss
    .technical-specs-column {
        box-sizing: border-box !important;

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

        gap: 20px !important;

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

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

    body.single-product
    .new_infoss
    .technical-specs-column
    > .spec-section {
        box-sizing: border-box !important;

        flex: 0 0 auto !important;

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

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
    }

    /* =====================================================
       STRUCTURED SPECS CARD
       ===================================================== */

    body.single-product
    .new_infoss
    .spec-section--specs.items {
        box-sizing: border-box !important;

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

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

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

        background: #353536 !important;

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

        overflow: hidden !important;
    }

    body.single-product
    .new_infoss
    .spec-section--specs
    .light-source {
        box-sizing: border-box !important;

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

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

    /* =====================================================
       CARD TITLE
       ===================================================== */

    body.single-product
    .new_infoss
    .spec-section--specs
    .light-source
    > h2 {
        width: 100% !important;

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

        color: #ffffff !important;

        font-family: "Source Sans Pro", sans-serif !important;
        font-size: 24px !important;
        font-weight: 400 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;

        opacity: 1 !important;
    }

    /* =====================================================
       SPECS LIST
       ===================================================== */

    body.single-product
    .new_infoss
    .spec-section--specs
    .specs-list {
        box-sizing: border-box !important;

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

        gap: 20px !important;

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

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

    /* =====================================================
       SPEC ROW
       ===================================================== */

    body.single-product
    .new_infoss
    .spec-section--specs
    .spec-row {
        box-sizing: border-box !important;

        display: grid !important;

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

        column-gap: 20px !important;

        align-items: start !important;

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

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

    /* =====================================================
       LABEL
       ===================================================== */

    body.single-product
    .new_infoss
    .spec-section--specs
    .spec-row
    .label {
        position: static !important;

        grid-column: 1 !important;

        box-sizing: border-box !important;

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

        gap: 6px !important;

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

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

        color: rgba(255, 255, 255, 0.6) !important;

        font-family: "Source Sans Pro", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;

        white-space: normal !important;

        opacity: 1 !important;
    }

    /* =====================================================
       DOTTED LEADER
       ===================================================== */

    body.single-product
    .new_infoss
    .spec-section--specs
    .spec-row
    .label::after {
        content: "" !important;

        position: static !important;

        display: block !important;

        flex: 1 1 auto !important;

        width: auto !important;
        min-width: 20px !important;
        max-width: none !important;

        height: 1px !important;

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

        border: 0 !important;

        background-image:
            repeating-linear-gradient(
                to right,
                rgba(255, 255, 255, 0.20) 0,
                rgba(255, 255, 255, 0.20) 2px,
                transparent 2px,
                transparent 4px
            ) !important;

        pointer-events: none !important;
    }

    body.single-product
    .new_infoss
    .spec-section--specs
    .spec-row
    .label:empty::after {
        content: none !important;
        display: none !important;
    }

    /* =====================================================
       VALUE
       ===================================================== */

    body.single-product
    .new_infoss
    .spec-section--specs
    .spec-row
    .value {
        grid-column: 2 !important;

        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;

        color: rgba(255, 255, 255, 0.6) !important;

        font-family: "Source Sans Pro", sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;

        text-align: left !important;

        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;

        opacity: 1 !important;
    }

    body.single-product
    .new_infoss
    .spec-section--specs
    .spec-row
    .value
    p {
        margin: 0 !important;
        padding: 0 !important;

        color: inherit !important;

        font: inherit !important;
        line-height: inherit !important;

        opacity: 1 !important;
    }

    /* =====================================================
       NOTE
       ===================================================== */

    body.single-product
    .new_infoss
    .spec-section--specs
    .note {
        box-sizing: border-box !important;

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

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

        color: rgba(255, 255, 255, 0.6) !important;

        font-family: "Source Sans Pro", sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;

        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;

        opacity: 1 !important;
    }
}

/* =========================================================
   TECHNICAL SPECIFICATIONS — TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1199.98px) {
    body.single-product
    .new_infoss
    .spec-section--wysiwyg.items {
        box-sizing: border-box !important;

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

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

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

        background: #353536 !important;

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

        overflow: hidden !important;
    }

    /* =====================================================
       INNER WRAPPER
       ===================================================== */

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .light-source {
        box-sizing: border-box !important;

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

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

    /* =====================================================
       CARD TITLE
       ===================================================== */

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .light-source
    > h2 {
        box-sizing: border-box !important;

        width: 100% !important;

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

        color: #ffffff !important;

        font-family: "Source Sans Pro", sans-serif !important;
        font-size: 24px !important;
        font-weight: 400 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;

        opacity: 1 !important;
    }

    /* =====================================================
       WYSIWYG CONTENT
       ===================================================== */

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content {
        box-sizing: border-box !important;

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

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

        color: rgba(255, 255, 255, 0.6) !important;

        font-family: "Source Sans Pro", sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;

        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;

        opacity: 1 !important;
    }

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    > :first-child {
        margin-top: 0 !important;
    }

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    > :last-child {
        margin-bottom: 0 !important;
    }

    /* =====================================================
       PARAGRAPHS
       ===================================================== */

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    p {
        margin: 0 0 8px !important;
        padding: 0 !important;

        color: inherit !important;

        font: inherit !important;
        line-height: inherit !important;

        opacity: 1 !important;
    }

    /* =====================================================
       LISTS
       ===================================================== */

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    ul,

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    ol {
        box-sizing: border-box !important;

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

        color: inherit !important;
    }

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    li {
        margin: 0 0 8px !important;
        padding: 0 !important;

        color: inherit !important;

        font-family: inherit !important;
        font-size: inherit !important;
        font-weight: 400 !important;
        line-height: inherit !important;

        opacity: 1 !important;
    }

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    li:last-child {
        margin-bottom: 0 !important;
    }

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    li::marker {
        color: rgba(255, 255, 255, 0.6) !important;
    }

    /* =====================================================
       NESTED LISTS
       ===================================================== */

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    ul ul,

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    ul ol,

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    ol ul,

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    ol ol {
        margin-top: 8px !important;
    }

    /* =====================================================
       STRONG / BOLD
       ===================================================== */

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    strong,

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    b {
        color: inherit !important;

        font-family: inherit !important;
        font-size: inherit !important;
        font-weight: 600 !important;
        line-height: inherit !important;

        opacity: 1 !important;
    }

    /* =====================================================
       LINKS
       ===================================================== */

    body.single-product
    .new_infoss
    .spec-section--wysiwyg
    .wysiwyg-content
    a {
        color: inherit !important;

        font: inherit !important;

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

        opacity: 1 !important;
    }
}

/* =========================================================
   TECHNICAL SPECIFICATIONS — TABLET
   ========================================================= */

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

    body.single-product
    .new_infoss
    .spec-section--image {
        box-sizing: border-box !important;

        display: block !important;

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

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

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

        overflow: hidden !important;

        background: transparent !important;

        border: 0 !important;
        border-radius: 20px !important;
    }

    body.single-product
    .new_infoss
    .spec-section--image
    .spec-image {
        box-sizing: border-box !important;

        display: block !important;

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

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

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

        object-fit: contain !important;
        object-position: center !important;

        background: #ffffff !important;

        border: 0 !important;
        border-radius: 20px !important;
    }
    
    body.single-product
    .new_infoss
    .technical-specs-column--left
    > .spec-section:last-child {
        flex: 0 0 auto !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    body.single-product
    .new_infoss
    .technical-specs-column--right
    > .spec-section--image:last-child {
        flex: 0 0 auto !important;

        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }
}

/* =========================================================
   GOBO AND FILTERS — TABLET 768–1199.98
   ========================================================= */

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

    body.single-product
    .gibo {
        box-sizing: border-box !important;

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

        padding: 0 !important;
        padding-bottom: 120px !important;
    }

    /* =====================================================
       CONTAINER
       ===================================================== */

    body.single-product
    .gibo
    > .container {
        box-sizing: border-box !important;

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

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

        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* =====================================================
       TITLE
       ===================================================== */

    body.single-product
    .gibo
    > .container
    > .title {
        box-sizing: border-box !important;

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

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

    body.single-product
    .gibo
    > .container
    > .title
    h2 {
        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-family: "Source Sans Pro", sans-serif !important;
        font-size: 30px !important;
        font-weight: 400 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;
    }

    /* =====================================================
       HORIZONTAL RAIL
       ===================================================== */

    body.single-product
    .gibo
    > .container
    > .row {
        box-sizing: border-box !important;

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

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

        gap: 16px !important;

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

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

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

        overflow-x: auto !important;
        overflow-y: hidden !important;

        --bs-gutter-x: 0 !important;
        --bs-gutter-y: 0 !important;

        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;

        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    body.single-product
    .gibo
    > .container
    > .row::-webkit-scrollbar {
        display: none !important;

        width: 0 !important;
        height: 0 !important;
    }


    /* =====================================================
       BOOTSTRAP COLUMN
       NEVER SHRINK BELOW 440
       ===================================================== */

    body.single-product
    .gibo
    > .container
    > .row
    > .col-lg-4 {
        box-sizing: border-box !important;

        flex: 0 0 440px !important;

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

        height: 637px !important;

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

    /* =====================================================
       CARD
       ===================================================== */

    body.single-product
    .gibo
    .item {
        box-sizing: border-box !important;

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

        gap: 4px !important;

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

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

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

        background: transparent !important;
        border: 0 !important;
    }

    /* =====================================================
       IMAGE
       ===================================================== */

    body.single-product
    .gibo
    .item
    > img {
        box-sizing: border-box !important;

        display: block !important;

        flex: 0 0 398px !important;

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

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

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

        object-fit: cover !important;

        background: #ffffff !important;

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

    /* =====================================================
       INFO
       ===================================================== */

    body.single-product
    .gibo
    .item
    > .info {
        box-sizing: border-box !important;

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

        flex: 0 0 235px !important;

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

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

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

        background: #353536 !important;

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

        overflow: hidden !important;
    }

    /* =====================================================
       CARD TITLE
       ===================================================== */

    body.single-product
    .gibo
    .item
    > .info
    h3 {
        margin: 0 !important;
        padding: 12px 0 0 !important;

        color: #ffffff !important;

        font-family: "Source Sans Pro", sans-serif !important;
        font-size: 23px !important;
        font-weight: 400 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;
    }

    /* =====================================================
       DESCRIPTION
       ===================================================== */

    body.single-product
    .gibo
    .item
    > .info
    p {
        margin: 0 !important;
        padding: 0 !important;

        color: #c3c3c3 !important;

        font-family: "Source Sans Pro", sans-serif !important;
        font-size: 17px !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;

        opacity: 1 !important;
    }
}

/* =========================================================
   TECHNICAL DOCUMENTATION — TABLET 768–1199.98
   ========================================================= */

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

    body.single-product
    .views.views_dev {
        box-sizing: border-box !important;

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

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

    body.single-product
    .views.views_dev
    > .doc-section {
        box-sizing: border-box !important;

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

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

        color: #ffffff !important;
    }

    /* =====================================================
       CONTAINER
       ===================================================== */

    body.single-product
    .views.views_dev
    > .doc-section
    > .container {
        box-sizing: border-box !important;

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

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

        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* =====================================================
       DOCUMENTS BLOCK
       ===================================================== */

    body.single-product
    .views.views_dev
    .doc-buttons {
        box-sizing: border-box !important;

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

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

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

        background: transparent !important;

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

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

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

    body.single-product
    .views.views_dev
    .doc-buttons
    > .title {
        box-sizing: border-box !important;

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

        align-items: flex-end !important;
        justify-content: flex-start !important;

        gap: 16px !important;

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

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

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

    /* =====================================================
       TITLE
       ===================================================== */

    body.single-product
    .views.views_dev
    .doc-buttons
    > .title
    > h3 {
        box-sizing: border-box !important;

        flex: 0 0 auto !important;

        width: auto !important;
        max-width: none !important;

        height: 36px !important;

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

        color: #ffffff !important;

        font-family: "Source Sans Pro", sans-serif !important;
        font-size: 30px !important;
        font-weight: 400 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;

        white-space: nowrap !important;
    }

    /* =====================================================
       DOWNLOAD ALL
       ===================================================== */

    body.single-product
    .views.views_dev
    .doc-buttons
    > .title
    > .download-all-docs {
        box-sizing: border-box !important;

        flex: 0 0 auto !important;

        width: auto !important;

        height: 16px !important;

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

        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;

        font-family: "Source Sans Pro", sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;

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

        white-space: nowrap !important;

        opacity: 1 !important;
    }


    body.single-product
    .views.views_dev
    .doc-buttons
    > .title
    > .download-all-docs:hover {
        opacity: 0.72 !important;
    }

    /* =====================================================
       BUTTON FLOW
       ===================================================== */

    body.single-product
    .views.views_dev
    .doc-buttons
    > .btn-list {
        box-sizing: border-box !important;

        display: block !important;

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

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

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

    body.single-product
    .views.views_dev
    .doc-buttons
    .items_btn {
        box-sizing: border-box !important;

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

        height: auto !important;

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

    body.single-product
    .views.views_dev
    .doc-buttons
    .items_btn
    > .item {
        box-sizing: border-box !important;

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

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

        column-gap: 8px !important;
        row-gap: 8px !important;

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

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

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

    /* =====================================================
       DOCUMENT BUTTON
       ===================================================== */

    body.single-product
    .views.views_dev
    .doc-buttons
    .doc-download-btn {
        box-sizing: border-box !important;

        display: inline-flex !important;

        flex: 0 0 auto !important;

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

        gap: 10px !important;

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

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

        margin: 0 !important;

        padding: 5px 26px 5px 5px !important;

        color: #262727 !important;
        -webkit-text-fill-color: #262727 !important;

        background: #ffeeb2 !important;

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

        font-family: "Source Sans Pro", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;

        text-align: left !important;
        text-decoration: none !important;

        white-space: nowrap !important;

        opacity: 1 !important;

        cursor: pointer !important;
    }

    /* =====================================================
       ICON CIRCLE
       ===================================================== */

    body.single-product
    .views.views_dev
    .doc-buttons
    .doc-download-btn
    > img {
        box-sizing: border-box !important;

        display: block !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;

        object-fit: contain !important;
    }

    body.single-product
    .views.views_dev
    .doc-buttons
    .doc-download-btn:hover {
        opacity: 0.86 !important;
    }

    /* =====================================================
       SUPPORT CTA
       ===================================================== */

    body.single-product
    .views.views_dev
    .doc-buttons
    .yellow {
        box-sizing: border-box !important;

        display: inline-flex !important;

        flex: 0 0 auto !important;

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

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

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

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

        color: #262727 !important;
        -webkit-text-fill-color: #262727 !important;

        background: #fdc400 !important;

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

        font-family: "Source Sans Pro", sans-serif !important;
        font-size: 18px !important;
        font-weight: 600 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;

        text-align: center !important;
        text-decoration: none !important;

        white-space: nowrap !important;

        opacity: 1 !important;

        cursor: pointer !important;
    }

    body.single-product
    .views.views_dev
    .doc-buttons
    .yellow:hover {
        opacity: 0.86 !important;
    }
}

/* =========================================================
   PRODUCT VIDEO — TABLET 768–1199.98
   ========================================================= */

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

    body.single-product
    .product-videos-section {
        box-sizing: border-box !important;

        width: 100% !important;

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

        transform: none !important;
    }

    /* =====================================================
       CONTAINER
       ===================================================== */

    body.single-product
    .product-videos-section
    > .container {
        box-sizing: border-box !important;

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

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

        padding-left: 20px !important;
        padding-right: 20px !important;

        overflow: visible !important;
    }

    body.single-product
    .product-videos-section
    .fixtures_block {
        box-sizing: border-box !important;

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

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

    body.single-product
    .product-videos-section
    .lights-section {
        position: relative !important;

        box-sizing: border-box !important;

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

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

        overflow: visible !important;
    }

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

    body.single-product
    .product-videos-section
    .section-header {
        box-sizing: border-box !important;

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

        align-items: flex-end !important;
        justify-content: flex-start !important;

        gap: 16px !important;

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

        margin: 0 0 40px !important;

        padding: 0 96px 0 0 !important;

        color: #ffffff !important;
    }

    /* =====================================================
       TITLE — "Видео"
       ===================================================== */

    body.single-product
    .product-videos-section
    .section-header
    > h2 {
        box-sizing: border-box !important;

        flex: 0 0 auto !important;

        width: auto !important;
        height: 36px !important;

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

        color: #ffffff !important;

        font-family: "Source Sans Pro", sans-serif !important;
        font-size: 30px !important;
        font-weight: 400 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;

        white-space: nowrap !important;
    }

    /* =====================================================
       VIEW ALL
       ===================================================== */

    body.single-product
    .product-videos-section
    .section-header
    > .view-all {
        box-sizing: border-box !important;

        flex: 0 0 auto !important;

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

        margin: 0 0 5px !important;
        padding: 0 !important;
        
        padding-bottom: 0px !important;

        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;

        font-family: "Source Sans Pro", sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;

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

        white-space: nowrap !important;

        opacity: 1 !important;
    }

    /* =====================================================
       SWIPER VIEWPORT
       ===================================================== */

    body.single-product
    .product-videos-section
    .product-videos-swiper {
        position: static !important;

        box-sizing: border-box !important;

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

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

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

        overflow: hidden !important;

        touch-action: pan-y !important;
    }

    body.single-product
    .product-videos-section
    .product-videos-swiper
    > .swiper-wrapper {
        box-sizing: border-box !important;

        align-items: flex-start !important;

        height: 300px !important;

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

    /* =====================================================
       SLIDE
       ===================================================== */

    body.single-product
    .product-videos-section
    .product-videos-swiper
    .swiper-slide {
        box-sizing: border-box !important;

        flex: 0 0 434px !important;

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

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

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        padding: 0 !important;
    }

    /* =====================================================
       LINK
       ===================================================== */

    body.single-product
    .product-videos-section
    .product-video-link {
        box-sizing: border-box !important;

        display: block !important;

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

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

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

        color: inherit !important;
        text-decoration: none !important;
    }

    /* =====================================================
       CARD
       ===================================================== */

    body.single-product
    .product-videos-section
    .product-video-card {
        box-sizing: border-box !important;

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

        gap: 4px !important;

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

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

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

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

        background: transparent !important;

        overflow: visible !important;
    }


    /* =====================================================
       MEDIA
       ===================================================== */

    body.single-product
    .product-videos-section
    .product-video-card__media {
        position: relative !important;

        box-sizing: border-box !important;

        flex: 0 0 240px !important;

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

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

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

        overflow: hidden !important;

        background: #353536 !important;

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

    body.single-product
    .product-videos-section
    .product-video-card__media
    > img {
        box-sizing: border-box !important;

        display: block !important;

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

        height: 100% !important;

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

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

        border: 0 !important;
        border-radius: 16px !important;
    }

    /* =====================================================
       PLAY BUTTON
       ===================================================== */

    body.single-product
    .product-videos-section
    .product-video-play {
        position: absolute !important;

        top: 50% !important;
        left: 50% !important;
        z-index: 3 !important;

        display: flex !important;

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

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

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

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

        background: rgba(255, 255, 255, 0.5) !important;

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

        -webkit-backdrop-filter: blur(7.62px) !important;
        backdrop-filter: blur(7.62px) !important;

        transform: translate(-50%, -50%) !important;

        pointer-events: none !important;
    }


    body.single-product
    .product-videos-section
    .product-video-play::before {
        content: "" !important;

        display: block !important;

        width: 0 !important;
        height: 0 !important;

        margin-left: 4px !important;

        border-top: 9px solid transparent !important;
        border-bottom: 9px solid transparent !important;
        border-left: 14px solid #ffffff !important;
    }

    /* =====================================================
       DESCRIPTION
       ===================================================== */

    body.single-product
    .product-videos-section
    .descriptionss {
        box-sizing: border-box !important;

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

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

        flex: 0 0 56px !important;

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

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

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

        background: #353536 !important;

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

        overflow: hidden !important;
    }

    /* =====================================================
       CARD TITLE
       ===================================================== */

    body.single-product
    .product-videos-section
    .descriptionss
    > h3 {
        box-sizing: border-box !important;

        display: block !important;

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

        height: 24px !important;

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

        overflow: hidden !important;

        color: #ffffff !important;

        font-family: "Source Sans Pro", sans-serif !important;
        font-size: 20px !important;
        font-weight: 400 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;

        white-space: nowrap !important;
        text-overflow: ellipsis !important;

        -webkit-box-orient: initial !important;
        -webkit-line-clamp: initial !important;
        line-clamp: initial !important;
    }

    /* =====================================================
       NAVIGATION
       ===================================================== */

    body.single-product
    .product-videos-section
    .swiper-button-prev,

    body.single-product
    .product-videos-section
    .swiper-button-next {
        box-sizing: border-box !important;

        position: absolute !important;

        top: 0 !important;
        bottom: auto !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;

        background-color: #87888a !important;
        background-image: none !important;

        opacity: 1 !important;

        transform: none !important;
    }

    body.single-product
    .product-videos-section
    .swiper-button-prev {
        left: auto !important;
        right: 48px !important;
    }

    body.single-product
    .product-videos-section
    .swiper-button-next {
        left: auto !important;
        right: 0 !important;
    }

    body.single-product
    .product-videos-section
    .swiper-button-prev::after,

    body.single-product
    .product-videos-section
    .swiper-button-next::after {
        content: "" !important;

        display: block !important;

        width: 10px !important;
        height: 10px !important;

        margin: 0 !important;

        border-right: 2px solid #262727 !important;
        border-bottom: 2px solid #262727 !important;

        font-size: 0 !important;
    }

    body.single-product
    .product-videos-section
    .swiper-button-prev::after {
        margin-left: 4px !important;

        transform: rotate(135deg) !important;
    }

    body.single-product
    .product-videos-section
    .swiper-button-next::after {
        margin-right: 4px !important;

        transform: rotate(-45deg) !important;
    }

    /* =====================================================
       DISABLED ARROW
       ===================================================== */

    body.single-product
    .product-videos-section
    .swiper-button-disabled {
        background-color: #5c5c5c !important;

        opacity: 0.6 !important;

        cursor: default !important;
        pointer-events: none !important;
    }
}

/* =========================================================
   PRODUCT NEWS — TABLET 768–1199.98
   ========================================================= */

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

    body.single-product
    .product-news-section {
        box-sizing: border-box !important;

        width: 100% !important;

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

    /* =====================================================
       CONTAINER
       ===================================================== */

    body.single-product
    .product-news-section
    > .container {
        box-sizing: border-box !important;

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

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

        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    body.single-product
    .product-news-section
    .fixtures_block {
        box-sizing: border-box !important;

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

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

    /* =====================================================
       SECTION FRAME
       ===================================================== */

    body.single-product
    .product-news-section
    .fixtures_block
    .lights-section {
        position: relative !important;

        box-sizing: border-box !important;

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

        gap: 40px !important;

        width: 100% !important;

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

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

    body.single-product
    .product-news-section
    .section-header {
        box-sizing: border-box !important;

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

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

        gap: 16px !important;

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

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

    body.single-product
    .product-news-section
    .section-header
    h2 {
        flex: 0 0 auto !important;

        width: auto !important;
        height: 36px !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-style: normal !important;
        font-weight: 400 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;
    }

    body.single-product
    .product-news-section
    .section-header
    .view-all {
        flex: 0 0 auto !important;

        width: auto !important;
        height: 18px !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-style: normal !important;
        font-weight: 400 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;

        text-decoration: underline !important;

        transform: none !important;
    }

    /* =====================================================
       SWIPER
       ===================================================== */

    body.single-product
    .product-news-section
    .product-news-swiper {
        position: static !important;

        box-sizing: border-box !important;

        width: 100% !important;

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

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

        overflow: hidden !important;
    }

    body.single-product
    .product-news-section
    .product-news-swiper
    .swiper-wrapper {
        box-sizing: border-box !important;

        height: 370px !important;

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

        align-items: flex-start !important;
    }

    /* =====================================================
       SLIDE — FIXED DESIGN WIDTH
       ===================================================== */

    body.single-product
    .product-news-section
    .product-news-swiper
    .swiper-slide {
        box-sizing: border-box !important;

        flex: 0 0 320px !important;

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

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

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        padding: 0 !important;
    }

    /* =====================================================
       CARD LINK
       ===================================================== */

    body.single-product
    .product-news-section
    .product-news-card-link {
        box-sizing: border-box !important;

        display: block !important;

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

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

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

    /* =====================================================
       CARD
       ===================================================== */

    body.single-product
    .product-news-section
    .product-news-card {
        box-sizing: border-box !important;

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

        gap: 4px !important;

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

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

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

        overflow: visible !important;

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

        background: transparent !important;

        transition: none !important;
    }

    /* =====================================================
       IMAGE
       ===================================================== */

    body.single-product
    .product-news-section
    .product-news-card
    .product-news-card__image {
        box-sizing: border-box !important;

        display: block !important;

        flex: 0 0 182px !important;

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

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

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

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

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

        box-shadow: none !important;

        transform: none !important;
    }

    body.single-product
    .product-news-section
    .product-news-card:hover
    .product-news-card__image {
        transform: none !important;
    }

    /* =====================================================
       BODY
       ===================================================== */

    body.single-product
    .product-news-section
    .product-news-card
    .product-news-card__body {
        box-sizing: border-box !important;

        display: grid !important;

        grid-template-rows:
            20px
            58px
            58px !important;

        row-gap: 8px !important;

        flex: 0 0 184px !important;

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

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

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

        overflow: hidden !important;

        background:
            var(--gray-block, #353536) !important;

        border: 1px solid
            var(--stroke-block, #2f3030) !important;

        border-radius: 16px !important;

        box-shadow: none !important;
    }

    /* =====================================================
       DATE
       ===================================================== */

    body.single-product
    .product-news-section
    .product-news-card
    .product-news-card__date {
        box-sizing: border-box !important;

        display: block !important;

        width: 100% !important;
        height: 20px !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-style: normal !important;
        font-weight: 400 !important;
        line-height: 140% !important;
        letter-spacing: 0 !important;

        text-align: left !important;

        opacity: 1 !important;
    }

    /* =====================================================
       TITLE
       ===================================================== */

    body.single-product
    .product-news-section
    .product-news-card
    .product-news-card__title {
        box-sizing: border-box !important;

        display: -webkit-box !important;

        align-self: center !important;

        width: 100% !important;

        max-height: 44px !important;

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

        overflow: hidden !important;

        color: #ffffff !important;

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

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

        white-space: normal !important;

        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;

        text-overflow: ellipsis !important;
    }

    /* =====================================================
       EXCERPT
       ===================================================== */

    body.single-product
    .product-news-section
    .product-news-card
    .product-news-card__excerpt {
        box-sizing: border-box !important;

        display: -webkit-box !important;

        align-self: center !important;

        width: 100% !important;

        max-height: 40px !important;

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

        overflow: hidden !important;

        color:
            var(--text-gray, #c3c3c3) !important;

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

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

        white-space: normal !important;

        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;

        text-overflow: ellipsis !important;
    }

    /* =====================================================
       NAVIGATION
       ===================================================== */

    body.single-product
    .product-news-section
    .swiper-button-prev,

    body.single-product
    .product-news-section
    .swiper-button-next {
        box-sizing: border-box !important;

        position: absolute !important;

        top: 0 !important;
        bottom: auto !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;

        color: transparent !important;

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

    body.single-product
    .product-news-section
    .swiper-button-prev {
        left: auto !important;
        right: 48px !important;

        transform: rotate(180deg) !important;
    }

    body.single-product
    .product-news-section
    .swiper-button-next {
        left: auto !important;
        right: 0 !important;

        transform: none !important;
    }

    body.single-product
    .product-news-section
    .swiper-button-prev::after,

    body.single-product
    .product-news-section
    .swiper-button-next::after {
        display: none !important;
        content: none !important;
    }

    body.single-product
    .product-news-section
    .swiper-button-disabled {
        opacity: 0.6 !important;

        cursor: default !important;
        pointer-events: none !important;
    }
}

/* =========================================================
   PRODUCT RELATED — TABLET 768–1199.98
   ========================================================= */

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

    body.single-product
    .product-related {
        box-sizing: border-box !important;

        width: 100% !important;

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

        transform: none !important;
    }

    body.single-product
    .product-related--innovations {
        padding-bottom: 0 !important;
    }

    /* =====================================================
       CONTAINER
       ===================================================== */

    body.single-product
    .product-related
    > .container {
        box-sizing: border-box !important;

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

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

        padding-left: 20px !important;
        padding-right: 20px !important;

        overflow: visible !important;
    }

    body.single-product
    .product-related
    .card_block {
        box-sizing: border-box !important;

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

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

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

    body.single-product
    .product-related
    .card_block
    .header {
        position: relative !important;

        box-sizing: border-box !important;

        display: flex !important;

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

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

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

    body.single-product
    .product-related
    .title-section {
        box-sizing: border-box !important;

        display: flex !important;

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

        gap: 16px !important;

        min-width: 0 !important;

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

    body.single-product
    .product-related
    .title-section
    h1 {
        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-family: "Source Sans Pro", sans-serif !important;
        font-size: 30px !important;
        font-weight: 400 !important;
        line-height: 120% !important;
        letter-spacing: 0 !important;

        white-space: nowrap !important;
    }

    /* =====================================================
       ARROWS
       ===================================================== */

    body.single-product
    .product-related
    .nav-buttons {
        box-sizing: border-box !important;

        display: flex !important;

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

        gap: 8px !important;

        flex: 0 0 88px !important;

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

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

    body.single-product
    .product-related
    .swiper-button {
        box-sizing: border-box !important;

        position: static !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-radius: 100px !important;
    }

    body.single-product
    .product-related
    .swiper-button
    img {
        display: block !important;

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

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

    /* =====================================================
       TAGS
       ===================================================== */

    body.single-product
    .product-related
    .product-related-tags {
        box-sizing: border-box !important;

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

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

        gap: 8px !important;

        width: 100% !important;

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

    body.single-product
    .product-related
    .product-related-tag {
        box-sizing: border-box !important;

        display: inline-flex !important;

        flex: 0 0 auto !important;

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

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

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

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

        color: #ffffff !important;

        font-family: "Source Sans Pro", sans-serif !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;

        white-space: nowrap !important;

        background: transparent !important;

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

    /* =====================================================
       SWIPER
       ===================================================== */

    body.single-product
    .product-related
    .productsSwiper {
        box-sizing: border-box !important;

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

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

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

        overflow: hidden !important;

        touch-action: pan-y !important;
    }

    body.single-product
    .product-related
    .productsSwiper
    > .swiper-wrapper {
        box-sizing: border-box !important;

        align-items: flex-start !important;

        height: 400px !important;

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

    /* =====================================================
       SLIDE
       ===================================================== */

    body.single-product
    .product-related
    .productsSwiper
    .swiper-slide {
        box-sizing: border-box !important;

        flex: 0 0 325px !important;

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

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

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        padding: 0 !important;
    }

    /* =====================================================
       PRODUCT CARD
       ===================================================== */

    body.single-product
    .product-related
    .product-card {
        position: relative !important;

        box-sizing: border-box !important;

        display: block !important;

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

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

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

        overflow: hidden !important;

        background: #353536 !important;

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

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

    body.single-product
    .product-related
    .product-card:hover {
        transform: none !important;
        box-shadow: none !important;
    }

    /* =====================================================
       IMAGE
       ===================================================== */

    body.single-product
    .product-related
    .product-image {
        box-sizing: border-box !important;

        display: block !important;

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

        height: auto !important;

        aspect-ratio: 1 / 1 !important;

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

        overflow: hidden !important;

        background: #ffffff !important;

        border: 0 !important;
        border-radius: 12px !important;
    }

    body.single-product
    .product-related
    .product-image
    img {
        box-sizing: border-box !important;

        display: block !important;

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

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

        object-fit: contain !important;
        object-position: center !important;

        border: 0 !important;
        border-radius: 12px !important;
    }

    /* =====================================================
       INFO
       ===================================================== */

    body.single-product
    .product-related
    .product-info {
        position: relative !important;

        box-sizing: border-box !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: 83px !important;
        min-height: 83px !important;
        max-height: 83px !important;

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

        color: #ffffff !important;
    }

    /* =====================================================
       NAME
       ===================================================== */

    body.single-product
    .product-related
    .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", 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;
    }

    /* =====================================================
       TYPE
       ===================================================== */

    body.single-product
    .product-related
    .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", 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;
    }

    /* =====================================================
       CODE
       ===================================================== */

    body.single-product
    .product-related
    .product-code {
        position: static !important;

        grid-column: 2 !important;
        grid-row: 2 !important;

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

        color: #87888a !important;

        font-family: "Source Sans Pro", 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;
    }

    /* =====================================================
       BADGES
       ===================================================== */

    body.single-product
    .product-related
    .badge {
        position: absolute !important;

        top: 16px !important;
        left: 16px !important;
        z-index: 5 !important;

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

    body.single-product
    .product-related
    .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", sans-serif !important;
        font-size: 14px !important;
        font-weight: 600 !important;
        line-height: 100% !important;
        letter-spacing: 0 !important;

        white-space: nowrap !important;
    }
}

/* =========================================================
   TABLET — HEADER TEXT BASELINE FIX
   ========================================================= */

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

    body.single-product
    .fixtures.product-news-section
    .fixtures_block
    .lights-section
    .section-header {
        align-items: baseline !important;
    }

    body.single-product
    .fixtures.product-news-section
    .fixtures_block
    .lights-section
    .section-header
    > .view-all {
        align-self: baseline !important;

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

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

        line-height: 18px !important;

        position: relative !important;
        top: 1px !important;

        transform: none !important;
    }

    /* =====================================================
       RELATED PRODUCTS
       ===================================================== */

    body.single-product
    .cards.product-related
    .card_block
    .header
    .title-section {
        align-items: baseline !important;
    }

    body.single-product
    .cards.product-related
    .card_block
    .header
    .title-section
    > .view-all {
        align-self: baseline !important;

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

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

        line-height: 18px !important;

        position: relative !important;
        top: 1px !important;

        transform: none !important;
    }
}

/* =========================================================
   TABLET — VIDEO HEADER BASELINE FIX
   ========================================================= */

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

    body.single-product
    .fixtures.product-videos-section
    .fixtures_block
    .lights-section
    .section-header {
        align-items: baseline !important;
    }

    body.single-product
    .fixtures.product-videos-section
    .fixtures_block
    .lights-section
    .section-header
    > .view-all {
        align-self: baseline !important;

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

        margin: 0 !important;
        padding: 0 !important;
        padding-bottom: 0 !important;

        line-height: 16px !important;

        position: relative !important;
        top: 1px !important;

        transform: none !important;
    }
}

/* =========================================================
   VIDEO, NEWS, PRODUCTS SWIPER FIX — TABLET 768–1199.98
   ========================================================= */
   
@media (min-width: 768px) and (max-width: 1199.98px) {

    /* VIDEO */
    body.single-product
    .product-videos-swiper
    .swiper-slide {
        width: 434px !important;
        flex: 0 0 434px !important;
    }

    /* NEWS */
    body.single-product
    .product-news-swiper
    .swiper-slide {
        width: 320px !important;
        flex: 0 0 320px !important;
    }

    /* RELATED PRODUCTS */
    body.single-product
    .product-related
    .productsSwiper
    .swiper-slide {
        width: 325px !important;
        flex: 0 0 325px !important;
    }
}

/* =========================================================
   PRODUCT FOOTER — TABLET 768–1199.98
   ========================================================= */

@media (min-width: 768px) and (max-width: 1199.98px) {
    footer .footer_block .bottom-section {
        padding-left: 10px !important;
    }
    
    footer .footer_block .bottom-section .bottom-footer {
        padding-right: 14px !important;
    }
}

/* =========================================================
   STICKY MINI NAV — TABLET FIX
   ========================================================= */

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

    body.single-product .mini_banner {
        position: sticky !important;

        top: 86px !important;

        z-index: 1500 !important;
    }
}


/* =========================================================
   POST-REVIEW FIX 01
   MAIN INFORMATION — TAGS HORIZONTAL OVERFLOW
   ========================================================= */

body.single-product
.infoos_all.infoos_all2
.info-tags {
    box-sizing: border-box !important;

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

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

    gap: 8px !important;

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

    overflow-x: auto !important;
    overflow-y: hidden !important;

    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;

    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

body.single-product
.infoos_all.infoos_all2
.info-tags::-webkit-scrollbar {
    display: none !important;

    width: 0 !important;
    height: 0 !important;
}


/* ---------------------------------------------------------
   TAGS NEVER SHRINK / WRAP
   --------------------------------------------------------- */

body.single-product
.infoos_all.infoos_all2
.info-tags
.tag {
    flex: 0 0 auto !important;

    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;

    margin: 0 !important;

    white-space: nowrap !important;
}


/* ---------------------------------------------------------
   VALUE INSIDE TAG ALSO KEEPS HUG WIDTH
   --------------------------------------------------------- */

body.single-product
.infoos_all.infoos_all2
.info-tags
.tag
.info-tag-link,

body.single-product
.infoos_all.infoos_all2
.info-tags
.tag
.info-tag-link
span {
    flex: 0 0 auto !important;

    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;

    white-space: nowrap !important;
}

/* =========================================================
   POST-REVIEW FIX #2
   MAIN INFORMATION — INNOVATION TEXT SCROLL
   ========================================================= */

body.single-product
.infoos_all.infoos_all2
.innovations-content
.text-right
.tops {
    flex: 1 1 auto !important;

    min-height: 0 !important;

    overflow: hidden !important;
}

body.single-product
.infoos_all.infoos_all2
.innovations-content
.text-right
.tops
h3 {
    flex: 0 0 auto !important;
}

body.single-product
.infoos_all.infoos_all2
.innovations-content
.text-right
.tops
p {
    box-sizing: border-box !important;

    flex: 1 1 auto !important;

    min-height: 0 !important;

    margin: 0 !important;
    padding-right: 8px !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    overscroll-behavior-y: contain;

    scrollbar-width: thin !important;
    scrollbar-color:
        #5c5c5c
        transparent !important;
}

body.single-product
.infoos_all.infoos_all2
.innovations-content
.text-right
.tops
p::-webkit-scrollbar {
    display: block !important;
    width: 4px !important;
}

body.single-product
.infoos_all.infoos_all2
.innovations-content
.text-right
.tops
p::-webkit-scrollbar-track {
    background: transparent !important;
}

body.single-product
.infoos_all.infoos_all2
.innovations-content
.text-right
.tops
p::-webkit-scrollbar-thumb {
    background: #5c5c5c !important;

    border: 0 !important;
    border-radius: 999px !important;
}

/* =========================================================
   POST-REVIEW FIX #3
   HERO DESCRIPTION / EMPTY DOCUMENT BLOCK
   ========================================================= */


/* ---------------------------------------------------------
   TOP DESCRIPTION — only text
   --------------------------------------------------------- */

body.single-product
.device
.doc-section_device
.doc-right
.doc-top
.bottoms_s {
    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;

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

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

    gap: 0 !important;
}

body.single-product
.device
.doc-section_device
.doc-right
.doc-top
.bottoms_s
p {
    margin: 0 !important;
    padding: 0 !important;

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

    background: transparent !important;
    box-shadow: none !important;
}


body.single-product
.device
.doc-section_device
.doc-right
.doc-top
.bottoms_s
p:empty {
    display: none !important;
}


/* ---------------------------------------------------------
   EMPTY DOCUMENTATION CARD
   --------------------------------------------------------- */

body.single-product
.device
.doc-section_device
.doc-buttons:not(
    :has(
        .doc-download-btn,
        .yellow
    )
) {
    display: none !important;
}

/* =========================================================
   POST-REVIEW FIX 05
   GOBO AND FILTERS — DESKTOP HORIZONTAL RAIL
   ========================================================= */

@media (min-width: 1200px) {

    body.single-product
    .gibo
    > .container
    > .row {
        box-sizing: border-box !important;

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

        align-items: stretch !important;
        justify-content: flex-start !important;

        gap: 20px !important;

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

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

        overflow-x: auto !important;
        overflow-y: hidden !important;

        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;

        scrollbar-width: none !important;
        -ms-overflow-style: none !important;

        --bs-gutter-x: 0 !important;
        --bs-gutter-y: 0 !important;
    }

    body.single-product
    .gibo
    > .container
    > .row::-webkit-scrollbar {
        display: none !important;

        width: 0 !important;
        height: 0 !important;
    }

    /* -----------------------------------------------------
       EACH GOBO COLUMN KEEPS DESIGN WIDTH
       ----------------------------------------------------- */

    body.single-product
    .gibo
    > .container
    > .row
    > .col-lg-4 {
        box-sizing: border-box !important;

        flex: 0 0 440px !important;

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

        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* -----------------------------------------------------
       CARD GEOMETRY
       ----------------------------------------------------- */

    body.single-product
    .gibo
    .item {
        flex: 0 0 auto !important;

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

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

/* =========================================================
   GOBO DESKTOP RAIL — MOUSE UX
   ========================================================= */

@media (min-width: 900px) {

    body.single-product
    .gibo
    > .container
    > .row.gibo-rail--scrollable {
        cursor: grab;
    }

    body.single-product
    .gibo
    > .container
    > .row.gibo-rail--scrollable.is-dragging {
        cursor: grabbing;

        user-select: none;
        -webkit-user-select: none;
    }

    body.single-product
    .gibo
    > .container
    > .row.gibo-rail--scrollable
    img {
        -webkit-user-drag: none;
        user-select: none;
    }
}

/* =========================================================
   MAIN INFO TAGS — DESKTOP MOUSE UX
   ========================================================= */

@media (any-hover: hover) and (any-pointer: fine) {

    body.single-product
    .infoos_all.infoos_all2
    .info-tags.info-tags--scrollable {
        cursor: grab;
    }

    body.single-product
    .infoos_all.infoos_all2
    .info-tags.info-tags--scrollable.is-dragging {
        cursor: grabbing;

        user-select: none;
        -webkit-user-select: none;
    }
}

/* =========================================================
   CLIENT REVIEW
   HERO DOCUMENTATION — SINGLE CONTINUOUS FLOW
   ========================================================= */

@media (min-width: 1200px) {

    body.single-product
    .device
    .doc-section_device
    .doc-buttons
    > .btn-list {
        box-sizing: border-box !important;

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

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

        gap: 10px !important;

        width: 100% !important;

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

    body.single-product
    .device
    .doc-section_device
    .doc-buttons
    .items_btn,

    body.single-product
    .device
    .doc-section_device
    .doc-buttons
    .items_btn
    > .item {
        display: contents !important;

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

    body.single-product
    .device
    .doc-section_device
    .doc-buttons
    .doc-download-btn,

    body.single-product
    .device
    .doc-section_device
    .doc-buttons
    .yellow {
        flex: 0 0 auto !important;

        margin: 0 !important;
    }
}

/* =========================================================
   MOBILE-ONLY SHARED INFO DESCRIPTION
   Hidden by default.
   Mobile stylesheet explicitly enables it.
   ========================================================= */

body.single-product
.infoos_all.infoos_all2
.mobile-info-description {
    display: none !important;
}

/* =========================================================
   MAIN INFORMATION — DESKTOP VERTICAL FLOW
   ========================================================= */

@media (min-width: 1200px) {

    /* -----------------------------------------------------
       OUTER CARD
       ----------------------------------------------------- */

    body.single-product
    .infoos_all.infoos_all2
    .info_block {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        overflow: hidden !important;
    }

    /* -----------------------------------------------------
       MAIN GRID
       ----------------------------------------------------- */

    body.single-product
    .infoos_all.infoos_all2
    .info-slider {
        grid-template-rows:
            46px
            44px
            auto !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    /* -----------------------------------------------------
       INFOSWIPER
       Remove old desktop 432px restriction
       ----------------------------------------------------- */

    body.single-product
    .infoos_all.infoos_all2
    .infoSwiper {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .infoSwiper
    > .swiper-wrapper {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        align-items: flex-start !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .infoSwiper
    .swiper-slide {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    /* -----------------------------------------------------
       SLIDE
       
       Description
       ↓
       Innovations
       ----------------------------------------------------- */

    body.single-product
    .infoos_all.infoos_all2
    .slide-content {
        display: flex !important;
        flex-direction: column !important;

        align-items: stretch !important;
        justify-content: flex-start !important;

        gap: 40px !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;
    }

    /* -----------------------------------------------------
       DESCRIPTION — FULL WIDTH
       ----------------------------------------------------- */

    body.single-product
    .infoos_all.infoos_all2
    .slide-content
    > .text-left {
        box-sizing: border-box !important;

        display: grid !important;

        grid-template-rows:
            34px
            350px !important;

        row-gap: 20px !important;

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

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

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

        overflow: hidden !important;
    }

    /* -----------------------------------------------------
       DESCRIPTION SCROLL AREA
       ----------------------------------------------------- */

    body.single-product
    .infoos_all.infoos_all2
    .slide-description {
        box-sizing: border-box !important;

        width: 100% !important;

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

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

        overflow-x: hidden !important;
        overflow-y: auto !important;

        overscroll-behavior: contain;

        scrollbar-width: thin !important;
        scrollbar-color:
            #5c5c5c
            transparent !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .slide-description::-webkit-scrollbar {
        display: block !important;
        width: 4px !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .slide-description::-webkit-scrollbar-track {
        background: transparent !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .slide-description::-webkit-scrollbar-thumb {
        background: #5c5c5c !important;
        border-radius: 999px !important;
    }

    /* -----------------------------------------------------
       INNOVATIONS — FULL WIDTH BELOW DESCRIPTION
       IMAGE | DETAILS
       ----------------------------------------------------- */

    body.single-product
    .infoos_all.infoos_all2
    .innovations-column {
        width: 100% !important;
        min-width: 0 !important;

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

        margin: 0 !important;
    }
}

/* =========================================================
   MAIN INFORMATION — CURRENT MARKUP (TABLET)
   ========================================================= */

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

    body.single-product
    .infoos_all.infoos_all2
    .info-description,

    body.single-product
    .infoos_all.infoos_all2
    .innovations-section {
        box-sizing: border-box !important;

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

        gap: 20px !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;

        overflow: visible !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .info-description
    > h3 {
        width: 100% !important;

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

        color: #ffffff !important;

        font-size: 28px !important;
        font-weight: 400 !important;
        line-height: 1.2 !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .innovations-navigation {
        position: relative !important;
        z-index: 2 !important;
    }

    body.single-product
    .infoos_all.infoos_all2
    .innovations-navigation
    .info-nav-button {
        pointer-events: auto !important;
    }
}