@media (max-width: 1199px) {
    .page-home .home-banner-swiper {
        border-radius: 0;
        overflow: hidden;
        box-shadow: none;
    }

    .page-home .home-banner-swiper .swiper-slide {
        aspect-ratio: 16 / 10;
        min-height: 220px;
    }

    .page-home .home-magazine-banner,
    .page-home .home-magazine-banner__media,
    .page-home .home-magazine-banner__media img {
        height: 100%;
    }

    .page-home .home-magazine-banner__media img {
        object-fit: cover;
        object-position: center;
    }

    .page-home .home-banner-progress {
        height: 5px;
    }
}

@media (max-width: 767px) {
    .page-home .page-header {
        margin: 0;
        padding: 0;
    }

    .page-home .page-header--home-intro {
        padding-top: clamp(0.85rem, 3vw, 1.35rem);
        padding-bottom: clamp(0.85rem, 3vw, 1.35rem);
    }

    .page-home .site-main {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .page-home .page {
        gap: 0;
    }

    .page-home .page-section {
        margin: 0;
        padding: 0;
        background: #ffffff;
    }

    .page-home .page-section + .page-section {
        border-top: 1px solid #e5e7eb;
    }

    .page-home .page-section > .shell-container {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: clamp(0.75rem, 2.5vw, 1.25rem) clamp(0.55rem, 1.6vw, 0.85rem);
    }

    .page-home .page-section > .shell-container:has(.home-intro-panel) {
        padding: 0;
    }

    .page-home .home-banner-slot {
        padding: 0 !important;
    }

    .page-home .home-banner-swiper,
    .page-home .home-magazine-banner,
    .page-home .home-main-hero__inner,
    .page-home .home-intro-panel,
    .page-home .shell-empty,
    .page-home .product-card,
    .page-home .category-tile,
    .page-home .section-head,
    .page-home .section-head__content {
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .page-home .home-main-hero__inner,
    .page-home .home-intro-panel,
    .page-home .shell-empty {
        border: 0 !important;
        padding: 0.85rem 0.75rem;
    }

    .page-home .home-main-hero__inner {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    .page-home .home-after-hero {
        margin-top: 0;
        border-radius: 0;
    }

    .page-home .home-after-hero .shell-container {
        padding-left: 0.55rem;
        padding-right: 0.55rem;
    }

    .page-home .home-category-tile {
        border-radius: 14px;
    }

    .page-home .home-banner-swiper .swiper-slide {
        aspect-ratio: 4 / 3;
        min-height: clamp(220px, 62vw, 360px);
    }
}

@media (max-width: 479px) {
    .page-home .home-banner-swiper {
        border-radius: 0;
    }

    .page-home .home-banner-swiper .swiper-slide {
        aspect-ratio: 1 / 1;
        min-height: clamp(230px, 74vw, 380px);
    }
}