#Products_index2024 {
    --section-spacer: 60px;
    --logo--size: 486px;
    --subtitle--font-size: 36px;
    --subtitle--size-max: 680px;
    --logo--size: 100%;
    --background-cut: 580px;
    --banner--size: 286px;
    .pbds-btn {
        &.filter-submenu,
        &.show-filter {
            --btn-color: var(--clr-gray-200);
            --btn-transform: Normal;
            --btn-line: 1;
            --btn-bg: var(--clr-gray-600);
            --btn-border: var(--clr-gray-600);
        }
        &:has( + .pbds-submenu.filter-options .wrapper label input[type="radio"]) {
            background: var(--clr-gray-600);
        }
        svg {
            filter: invert(0.7);
        }
    }
    #categories * {
        --bnr--height: auto !important;
        --bnr--aspect: 1;
        --bnr--title-font: 20px;
        --bnr--padding-y: 32px;
        --bnr--padding-x: 20px;
    }
    #highlights * {
        --box--spacer: 40px 126px;
        --box--background: var(--clr-gray-600);
    }
    @media (max-width: 1080px) {
        --section-spacer: 40px;
        --logo--size-max: 360px;
        --logo--size: 35dvw;
        --subtitle--font-size: 20px;
        --subtitle-size: 380px;
        #highlights * {
            --box--spacer: 40px 68px;
        }
    }
    @media (max-width: 769px) {
        #highlights * {
            --box--spacer: 32px 0px;
            --container-margins: 20px;
        }
    }
    @media (max-width: 600px) {
        --section-spacer: 32px;
        --logo--size-max: 256px;
        --logo--size: 68dvw;
        --subtitle--font-size: 24px;
        --subtitle-size: 100%;
        --banner--size: 250px;
    }
}
#Products_index2024 {
    #lp-blackdays-2025 {
        #header {
            padding: var(--section-spacer) 0 0;
            background: var(--clr-gray-700);
            .pbds-container {
                display: flex;
                justify-content: space-between;
                align-items: center;
                h1 {
                    margin: 0;
                    img {
                        max-width: var(--logo--size);
                    }
                }
                .content {
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: flex-end;
                    flex-direction: column;
                    gap: 20px;
                    .subtitle {
                        width: var(--subtitle--size);
                        max-width: var(--subtitle--size-max);
                        display: block;
                        font-size: var(--subtitle--font-size);
                        font-weight: 300;
                        color: var(--clr-white);
                        line-height: 1.2;
                        text-align: right;
                        b {
                            font-weight: 500;
                            color: var(--clr-bd2025);
                        }
                    }
                    .footnote {
                        display: block;
                        font-size: 14px;
                        font-weight: 300;
                        color: var(--clr-white);
                        text-align: right;
                        @media (max-width: 600px) {
                            font-size: 9px;
                        }
                        a {
                            font-size: 14px;
                            color: var(--clr-bd2025);
                            @media (max-width: 600px) {
                                 font-size: 9px;
                            }
                        }
                    }
                   
                }
                @media (max-width: 600px) {
                    justify-content: flex-start;
                    align-items: flex-start;
                    flex-direction: column;
                    gap: var(--section-spacer);
                }
            }
        }
        #categories {
            padding: var(--section-spacer) 0 0;
            background: var(--clr-gray-700);
            .pbds-banner {
                width: var(--banner--size);
            }
            @media (max-width:1536px) {
                .pbds-carousel--banners-simple {
                    .splide__slide:first-of-type {
                        width: calc(var(--banner--size) + 20px);
                        padding: 0 0 0 20px;
                    }
                    .splide__slide:last-of-type {
                        width: calc(var(--banner--size) + 20px);
                        padding: 0 20px 0 0;
                    }
                }
            }
        }
        #listproducts {
            padding: var(--section-spacer) 0 0;
            background: linear-gradient(180deg,var(--clr-gray-700) var(--background-cut), white var(--background-cut));
        }
        #highlights {
            padding: 20px 0 0;
            h2 {
                color: var(--clr-white);
                b {
                    font-weight: 500;
                    color: var(--clr-bd2025);
                }
            }
            .splide__arrow {
                top: 8dvw;
            }
            .splide__arrow--prev {
                left: -75px;
            }
            .splide__arrow--next {
                right: -75px;
            }
            .pbds-item--product-leads-ambients .content .title,
            .pbds-item--product-leads-ambients .specs .attributes {
                color: var(--clr-white);
            }
            @media (max-width: 1080px) {
                .splide__arrow {
                    top: 11dvw;
                }
                .splide__arrow--prev {
                    left: -40px;
                }
                .splide__arrow--next {
                    right: -40px;
                }
            }
            @media (max-width: 769px) {
                
            }
        }
        #list {
            padding: 40px 0 0;
        }
        #inspiration {
            padding: var(--section-spacer) 0 0;
            p {
                font-size: 1rem;
            }
        }
        #banners {
            .title,
            .subtitle,
            .cta-wrapper {
                width: calc(52% + 2 * 40px);
                @media (max-width: 1180px) {
                    width: 100%;                    
                }
            }
            .title {
                b {
                    color: var(--clr-bd2025);
                }
            }
            .subtitle {
                margin: 20px 0 0;
            }
            .cta-wrapper {
                padding: 40px 0 0;
                .pbds-btn {
                    --btn-bg: var(--clr-bd2025);
                    --btn-border: var(--clr-bd2025);
                    width: 100%;
                    display: flex;
                    &:before {
                        width: 12px;
                        height: 12px;
                        content: "";
                        display: block;
                        background: url("/template/images-pbds/icons/ic_download--black.svg") center center no-repeat;
                        background-size: contain;
                    }
                }
            }
        }
    }
}