@media (max-width: 1020px) {
    .product-configurator {
        grid-template-columns: 1fr;
    }

    .product-options-column {
        position: relative;
        top: auto;
        max-height: none;
        overflow: visible;
    }

    .home-benefits__grid {
        grid-template-columns: 1fr;
    }

    .benefit-card {
        min-height: 0;
    }

    .benefit-card__number {
        margin-bottom: 28px;
    }
}

@media (max-width: 760px) {
    .header-container {
        min-height: 68px;
        padding-block: 12px;
    }

    .main-menu {
        gap: 12px;
    }

    .main-menu a:not(.cart-link) {
        display: none;
    }

    .cart-link {
        padding: 9px 14px;
        font-size: 12px !important;
    }

    .home-intro {
        padding-top: 64px;
    }

    .home-configurator {
        width: min(calc(100% - 22px), var(--sw-container));
        padding-bottom: 64px;
    }

    .product-image {
        border-radius: 22px;
    }

    .desk-3d-stage {
        min-height: 410px;
        border-radius: 21px 21px 15px 15px;
    }

    .product-options-column,
    .desk-summary {
        padding: 18px;
        border-radius: 20px;
    }

    .size-card,
    .color-card,
    .frame-card,
    .cable-card,
    .usb-card,
    .extra-card {
        min-width: 78px;
    }

    .home-benefits {
        padding-bottom: 74px;
    }
}

@media (max-width: 430px) {
    .desk-3d-stage {
        min-height: 350px;
    }

    .desk-3d-reset,
    .desk-3d-scenery {
        flex: 1 1 140px;
    }

    .product-options-column h1 {
        font-size: 25px;
    }

    .price-value,
    #live-price {
        font-size: 40px !important;
    }
}


/* =========================================================
   JEDNOLITE TŁO GUADESK
   ========================================================= */

html,
body,
#page,
.site,
.site-content,
#content,
#primary,
main,
.site-main,
.guadesk-home-main,
.woocommerce-page,
.single-product,
.product-configurator,
.real-components,
.home-intro,
.home-benefits,
.why-guadesk,
.real-components__accessories {
    background-color: #111217 !important;
    background-image: none !important;
}

main > section,
.site-main > section,
.guadesk-home-main > section,
.woocommerce-page main > section,
.single-product main > section {
    background-color: transparent !important;
    background-image: none !important;
}

.home-intro::before,
.home-intro::after,
.real-components::before,
.real-components::after,
.home-benefits::before,
.home-benefits::after,
.why-guadesk::before,
.why-guadesk::after {
    content: none !important;
    display: none !important;
    background: none !important;
    filter: none !important;
    box-shadow: none !important;
}

.site-header,
.header-inner,
.site-header__inner {
    background-color: #18192b !important;
    background-image: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}