@media (min-width: 1025px) {
    :root {
        --container-padding: 50px;
    }

    .container {
        max-width: none;
        width: 100%;
        padding-inline: var(--container-padding);
    }
}

@media (max-width: 1024px) {
    :root {
        --header-height: 68px;
        --container-padding: 4%;
    }

    .container,
    .site-header > .container {
        padding-inline: var(--container-padding) !important;
    }

    .header__menu {
        gap: var(--space-4);
    }

    .header__menu .menu-item > a {
        font-size: var(--text-xs);
    }

    .products-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .shops-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer__inner {
        grid-template-columns: minmax(0, 1fr) minmax(0, auto);
        grid-template-rows: auto;
        column-gap: clamp(24px, 4vw, 48px);
    }

    .footer__left {
        min-width: 0;
        max-width: 100%;
    }

    .footer__nav-columns {
        width: auto;
        max-width: none;
        min-width: 0;
        justify-self: end;
        column-gap: clamp(24px, 5vw, 64px);
    }
}

@media (min-width: 1025px) {
    .site-footer .footer__left {
        max-width: 772px;
    }

    .site-footer .footer__newsletter-desc {
        max-width: 700px;
        margin-bottom: 27px;
    }

    .site-footer .footer__newsletter-row {
        margin-bottom: 20px;
    }

    .site-footer .footer__inner {
        grid-template-columns: minmax(0, 772px) minmax(0, auto);
        padding-bottom: 82px;
    }

    .site-footer .footer__nav-columns {
        width: auto;
        max-width: none;
        column-gap: clamp(48px, 8vw, 128px);
        align-self: stretch;
        align-items: stretch;
    }

    .site-footer .footer__nav-list {
        gap: 10px;
    }

    .site-footer .footer__nav-col--brand {
        padding-right: 48px;
    }

    .site-footer .footer__nav-col--buyers {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding-right: var(--container-padding);
    }

    .site-footer .footer__social-circles {
        margin-top: auto;
        padding-top: 16px;
    }

    .site-footer .footer__qr-group {
        gap: clamp(24px, 5vw, 72px) !important;
    }

    .site-footer .footer__qr-desc {
        width: auto;
        max-width: 430px;
        flex: 1 1 auto;
        min-width: 0;
    }
}



@media (max-width: 768px) {
    :root {
        --header-height: 60px;
        --container-padding: 4%;
    }

    .container,
    .site-header > .container {
        padding-inline: var(--container-padding) !important;
    }

    /* Header mobile */
    .header__burger {
        display: flex;
    }

    .header__mobile-nav {
        display: block;
    }

    .header__inner {
        grid-template-columns: 1fr auto 1fr;
    }

    /* Hero */
    .hero {
        height: 76vh;
        min-height: 440px;
    }

    .hero__content {
        top: 24%;
    }

    .hero__season {
        margin-bottom: 46px;
    }

    .hero__title {
        font-size: var(--text-xl);
    }

    .hero__subtitle {
        font-size: var(--text-sm);
    }

    /* Promotions */
    .promotions__grid {
        grid-template-columns: 1fr;
    }

    .promo-card {
        min-height: 220px;
    }

    /* Products grid */
    .products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-4);
    }

    /* Product single */
    .product-single__inner {
        grid-template-columns: 1fr;
    }

    .product-single__gallery {
        position: static;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .product-single__gallery-item:first-child {
        grid-column: auto;
    }

    /* Footer (Figma mobile node 75:2125) */
    .site-footer {
        background-color: var(--color-white);
        --footer-text-size: 16px;
    }

    .site-footer > .container {
        padding-inline: 12px !important;
    }

    .footer__separator {
        background-color: #d7d7d7;
    }

    .footer__inner {
        display: flex;
        flex-direction: column;
        gap: 0;
        padding-top: 40px;
        padding-bottom: 36px;
    }

    .footer__left,
    .footer__newsletter {
        max-width: 100%;
    }

    .footer__newsletter-desc {
        max-width: 100%;
        margin-bottom: 14px;
        font-size: var(--footer-text-size);
        line-height: 1.5;
        letter-spacing: -0.03em;
    }

    .footer__newsletter-row {
        width: 100%;
        max-width: 100%;
        display: grid;
        grid-template-columns: 58.8% 39.4%;
        gap: 1.8%;
        margin-bottom: 14px;
    }

    .footer__newsletter-input {
        min-width: 0;
        height: 35px;
        border-width: 0.7px;
        border-radius: 5px;
        padding: 0 11px;
        font-size: var(--footer-text-size);
        line-height: 20px;
        letter-spacing: -0.03em;
    }

    .footer__newsletter-btn {
        width: 100%;
        min-width: 0;
        height: 35px;
        border-radius: 5px;
        font-size: var(--footer-text-size);
        font-weight: var(--weight-regular);
        line-height: 20px;
        letter-spacing: -0.03em;
    }

    .footer__consent {
        gap: 8px;
        align-items: flex-start;
    }

    .footer__consent-check {
        width: 12px;
        height: 12px;
        border-width: 0.7px;
        border-radius: 1px;
        margin-top: 4px;
    }

    .footer__consent-link {
        font-size: var(--footer-text-size);
        line-height: 1.5;
        letter-spacing: -0.03em;
    }

    .footer__qr-section,
    .footer__social-circles {
        display: none;
    }

    .footer__nav-columns {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-top: 46px;
        gap: 0;
        justify-content: flex-start;
    }

    .footer__nav-col {
        width: 100%;
        border-bottom: 1px solid #d7d7d7;
    }

    .footer__nav-col--buyers {
        order: 1;
    }

    .footer__nav-col--brand {
        order: 2;
    }

    .footer__nav-title {
        margin: 0;
        font-size: var(--footer-text-size);
        line-height: 1.5;
        letter-spacing: -0.03em;
    }

    .footer__nav-toggle {
        position: relative;
        display: inline-flex;
        align-items: center;
        width: 100%;
        padding: 16px 16px 14px 0;
    }

    .footer__nav-col + .footer__nav-col .footer__nav-toggle {
        padding-top: 20px;
    }

    .footer__nav-toggle::after {
        content: '';
        position: absolute;
        right: 1px;
        top: 50%;
        width: 6px;
        height: 10px;
        transform: translateY(-50%) rotate(0deg);
        transform-origin: center;
        transition: transform var(--transition-base);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='7' viewBox='0 0 4 7' fill='none'%3E%3Cpath d='M1 1L3 3.5L1 6' stroke='%23DA5A00' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    .footer__nav-list {
        display: none;
        gap: 13px;
        padding-bottom: 14px;
    }

    .footer__nav-col.is-open .footer__nav-list {
        display: flex;
    }

    .footer__nav-col.is-open .footer__nav-toggle::after {
        transform: translateY(-50%) rotate(90deg);
    }

    .footer__nav-list li a {
        font-size: var(--footer-text-size);
        line-height: 1.5;
        white-space: normal;
    }

    .footer__nav-docs-toggle {
        font-size: var(--footer-text-size);
        line-height: 1.5;
        max-width: none;
        white-space: normal;
    }

    .footer__nav-sublist {
        padding: 12px 16px 14px 12px;
        gap: 12px;
    }

    .footer__nav-sublist li a {
        font-size: 15px;
    }

    .footer__mobile-logo-link {
        display: inline-flex;
        align-self: center;
        margin-top: 47px;
        text-decoration: none;
    }

    .footer__mobile-logo-text {
        font-family: var(--font-base);
        font-size: 19px;
        font-weight: 300;
        line-height: 1;
        letter-spacing: 0.01em;
        color: #d2d2d2;
        text-transform: uppercase;
    }

    /* Info pages */
    .info-page__inner {
        grid-template-columns: 1fr;
        gap: var(--space-10);
    }

    .contacts-grid {
        grid-template-columns: 1fr;
    }

    .loyalty-page__inner {
        grid-template-columns: 1fr;
    }

    /* Shops */
    .shops-grid {
        grid-template-columns: 1fr;
    }

    .shops-page__map {
        height: auto;
        aspect-ratio: 302 / 277;
    }

    /* Posts grid */
    .posts-grid {
        grid-template-columns: 1fr;
    }

    /* Auth */
    .auth-card {
        padding: var(--space-6);
    }

    /* 404 / Search empty */
    .page-404__actions,
    .search-page__actions {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 480px) {
    :root {
        --container-padding: 4%;
    }
}



@media (max-width: 480px) {
    .header__actions {
        gap: var(--space-2);
    }

    .products-grid {
        grid-template-columns: 1fr 1fr;
        gap: var(--space-3);
    }

    .product-card__body {
        padding: var(--space-3);
    }

    .sizes-grid {
        gap: var(--space-2);
    }

    .size-btn:not(.product-single__size-btn) {
        min-width: 42px;
        height: 42px;
    }

    .product-single__actions {
        flex-direction: column;
    }

    .modal__box {
        padding: var(--space-6);
    }

    .footer__newsletter-row {
        width: 100%;
        grid-template-columns: 58.8% 39.4%;
    }
}