﻿@media (max-width: 1200px) {
    .store-nav {
        gap: 16px;
    }

    .store-nav__link {
        font-size: 14px;
    }

    .store-header-actions {
        gap: 8px;
    }

    .store-home-hero__inner {
        grid-template-columns: 470px 1fr;
        gap: 36px;
    }
}

@media (max-width: 1050px) {
    .store-nav {
        display: none;
    }

    .store-header {
        position: sticky;
        top: 0;
        z-index: 100;
        height: auto;
    }

    .store-header__inner {
        justify-content: space-between;
    }

    .store-mobile-menu-btn {
        display: inline-flex;
    }

    .store-mobile-menu {
        display: none;
        position: absolute;
        left: 16px;
        right: 16px;
        top: calc(100% + 8px);
        background: #ffffff;
        border: 1px solid #dce6f2;
        border-radius: 18px;
        padding: 10px;
        box-shadow: 0 18px 45px rgba(15, 23, 42, 0.18);
        z-index: 200;
    }

    .store-mobile-menu--open {
        display: block;
    }

    .store-mobile-menu__link {
        display: block;
        padding: 14px 14px;
        border-radius: 12px;
        color: #10182f;
        font-size: 16px;
        font-weight: 600;
        background: #ffffff;
    }

        .store-mobile-menu__link + .store-mobile-menu__link {
            margin-top: 4px;
        }

    .store-mobile-menu__link--active {
        color: #174fc4;
        background: #eff6ff;
        font-weight: 800;
    }

    .store-home-hero__inner {
        grid-template-columns: 1fr;
    }

    .store-section-grid {
        grid-template-columns: 1fr;
    }

    .store-ad-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .store-benefits__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .store-search__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .store-search__grid--three {
        grid-template-columns: repeat(2, 1fr);
    }

    .store-list-item {
        grid-template-columns: 1fr;
    }

    .store-list-item__side {
        align-items: flex-start;
        text-align: left;
    }
}

@media (max-width: 700px) {
    body {
        padding-bottom: 72px;
    }

    .store-container {
        padding: 0 16px;
    }

    .store-header__inner {
        height: 86px;
        gap: 10px;
    }

    .store-logo {
        width: auto;
        min-width: 0;
    }

    .store-logo__title {
        font-size: 34px;
        line-height: 34px;
    }

    .store-logo__subtitle {
        font-size: 12px;
        margin-top: 4px;
        white-space: nowrap;
    }

    .store-header-actions {
        gap: 6px;
    }

    .store-add-btn {
        width: 44px;
        height: 44px;
        padding: 0;
        border-radius: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0;
    }

    .store-add-btn__text {
        display: none;
    }

    .store-add-btn__plus {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        font-size: 34px;
        line-height: 44px;
        transform: translateY(-2px);
    }

    .store-header-icon,
    .store-mobile-menu-btn {
        width: 42px;
        height: 42px;
        flex-shrink: 0;
    }

    .store-cabinet-btn {
        display: none;
    }

    .store-add-menu__list {
        right: -96px;
        top: 54px;
        width: 230px;
        z-index: 250;
    }

    .store-home-hero {
        padding: 26px 0 16px;
    }

        .store-home-hero h1 {
            font-size: 34px;
        }

        .store-home-hero p {
            font-size: 17px;
        }

    .store-hero-placeholder {
        height: 300px;
    }

    .store-section-card {
        border-radius: 18px;
        padding: 22px;
    }

    .store-section-card__top {
        align-items: flex-start;
    }

    .store-section-card h3 {
        font-size: 26px;
    }

    .store-btn {
        height: 46px;
        padding: 0 12px;
        font-size: 16px;
    }

    .store-tabs {
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
        border-radius: 14px;
        overflow: hidden;
    }

    .store-tabs__item {
        height: 46px;
        font-size: 14px;
        border-right: 1px solid #e5ecf6;
        border-bottom: 1px solid #e5ecf6;
        text-align: center;
        padding: 0 6px;
    }

        .store-tabs__item:nth-child(2n) {
            border-right: none;
        }

        .store-tabs__item:last-child {
            border-bottom: none;
        }

    .store-tabs--simple {
        grid-template-columns: 1fr 1fr;
    }

    .store-ad-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .store-ad-card {
        min-height: auto;
        border-radius: 10px;
        margin-bottom: 0;
    }

    .store-benefits {
        display: none;
    }

    .store-footer {
        display: none;
    }

    .store-page {
        padding: 20px 0 30px;
    }

    .store-page-head {
        align-items: flex-start;
        flex-direction: column;
    }

        .store-page-head h1 {
            font-size: 26px;
        }

    .store-search {
        padding: 14px;
        border-radius: 14px;
    }

    .store-form-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .store-field--button {
        justify-content: flex-start;
    }

        .store-field--button .store-btn {
            width: 100%;
        }

    .store-actions {
        flex-direction: column;
    }

        .store-actions .store-btn {
            width: 100%;
        }

    .store-list-item {
        border-radius: 12px;
        padding: 14px;
    }

    .store-add-btn__plus {
        transform: translateY(-4px);
        font-size: 32px;
    }

    .store-page-head .store-btn,
    .store-home-hero .store-btn {
        width: auto;
        min-width: 102px;
        height: 46px;
        padding: 0 18px;
        align-self: center;
    }

    .store-search {
        overflow: hidden;
    }

    .store-search__grid,
    .store-search__grid--three,
    .store-search__grid--four {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .store-field {
        min-width: 0;
    }

        .store-field label {
            font-size: 13px;
            white-space: normal;
            line-height: 15px;
        }

        .store-field input,
        .store-field select {
            width: 100%;
            min-width: 0;
            height: 42px;
            font-size: 13px;
            padding: 0 10px;
            box-sizing: border-box;
        }

    .store-field--button {
        grid-column: 1 / -1;
    }

        .store-field--button .store-btn {
            width: 100%;
            height: 46px;
        }

    .store-search {
        padding: 18px;
        border-radius: 16px;
    }

    .store-search__grid,
    .store-search__grid--three {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .store-field {
        min-width: 0;
    }

        .store-field input,
        .store-field select,
        .store-field textarea,
        .store-point input {
            width: 100%;
            min-width: 0;
            font-size: 15px;
        }

    .store-field--button {
        width: 100%;
    }

        .store-field--button .store-btn {
            width: 100%;
        }

    .store-add-btn {
        position: relative;
        overflow: hidden;
    }

    .store-add-btn__plus {
        width: 100%;
        height: 100%;
        font-size: 28px;
        line-height: 1;
        transform: none;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 2px;
    }
    .store-home-hero__image {
        display: none;
    }

    .store-home-hero__inner {
        grid-template-columns: 1fr;
    }

    .store-home-hero {
        padding: 20px 0 12px;
    }
}

@media (max-width: 768px) {
    .store-search-history--home {
        margin: 6px 0 14px;
    }

    .store-search-history__box {
        padding: 9px 10px;
        border-radius: 14px;
        box-shadow: 0 4px 14px rgba(18, 38, 63, 0.05);
    }

    .store-search-history__head {
        margin-bottom: 7px;
    }

    .store-search-history__title {
        font-size: 13px;
    }

    .store-search-history__clear {
        font-size: 11px;
    }

    .store-search-history__list {
        gap: 6px;
        padding-bottom: 0;
    }

    .store-search-history__item {
        max-width: 145px;
        padding: 5px 7px;
        gap: 5px;
        font-size: 11px;
    }

    .store-search-history__badge {
        padding: 2px 6px;
        font-size: 10px;
    }

    .store-search-history__remove {
        width: 16px;
        height: 16px;
        font-size: 12px;
        line-height: 16px;
    }

    .store-section-card__buttons {
        text-align: center;
    }
}
