@media (max-width: 900px) {
    .stradale-bag-hero {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .stradale-bag-answer {
        max-width: 560px;
    }

    .stradale-bag-guide__grid,
    .stradale-bag-brand-grid {
        grid-template-columns: 1fr;
    }

    .stradale-bag-guide__grid article {
        border-top: 1px solid var(--stradale-line);
        border-left: 0;
    }

    .stradale-bag-guide__grid article:first-child {
        border-top: 0;
    }
}

@media (max-width: 640px) {
    .stradale-bag-breadcrumb,
    .stradale-bag-hero,
    .stradale-bag-products,
    .stradale-bag-guide,
    .stradale-bag-brands,
    .stradale-bag-comparison,
    .stradale-bag-faq,
    .stradale-bag-related {
        width: min(100% - 28px, 1240px);
    }

    .stradale-bag-hero {
        gap: 52px;
        padding-block: 64px 84px;
    }

    .stradale-bag-landing h1 {
        font-size: clamp(48px, 15vw, 68px);
    }

    .stradale-bag-landing h2 {
        font-size: 42px;
    }

    .stradale-bag-section-heading {
        display: block;
    }

    .stradale-bag-carousel-controls {
        margin-top: 24px;
    }

    .stradale-bag-carousel ul.products {
        grid-auto-columns: 86vw;
    }

    .stradale-bag-carousel ul.products li.product {
        width: 82vw !important;
        max-width: 340px;
    }

    .stradale-bag-guide__grid article {
        padding: 30px 0;
    }

    .stradale-bag-related nav {
        grid-template-columns: 1fr;
    }

    .stradale-bag-empty {
        padding: 30px 22px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .stradale-bag-landing *,
    .stradale-bag-landing *::before,
    .stradale-bag-landing *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}