@media (max-width: 1024px) {
  .content,
  .header-top,
  .header-nav,
  .footer-inner,
  .footer-bottom {
    width: calc(100% - 32px);
  }

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

  .grid,
  .products {
    grid-template-columns: 1fr 1fr;
  }

  /* Шапка */
  .burger {
    display: grid;
  }

  .header-nav {
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding: 10px 0 14px;
  }

  .header-nav.is-open {
    display: flex;
  }

  .header-nav a {
    text-align: center;
  }

  .icon-btn {
    width: 40px;
    height: 40px;
  }

  .icon-btn svg,
  .icon-btn .icon-img {
    width: 19px;
    height: 19px;
  }

  .site-header,
  .mood__cap {
    backdrop-filter: none;
  }

  .footer-inner {
    grid-template-columns: 1fr;
  }

  .footer-cols {
    grid-template-columns: 1fr 1fr;
  }

  .section-head--row {
    flex-direction: column;
    align-items: flex-start;
  }

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

  .moods__grid {
    grid-template-columns: 220px 220px 220px !important;
    gap: 10px !important;
    justify-content: center !important;
  }

  .mood,
  .mood__figure {
    width: 220px !important;
  }

  .mood img {
    width: 220px !important;
    height: 220px !important;
  }

  .moods__card {
    position: relative;
    top: auto;
  }

  /* Страница пространств */
  .spaces-hero {
    grid-template-columns: 1fr;
  }

  .spaces-hero__visual {
    min-height: auto;
    aspect-ratio: 16 / 9;
  }

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

  .spaces-gallery__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .spaces-photo--wide {
    grid-column: span 1;
  }

  .spaces-photo,
  .spaces-photo img {
    min-height: 220px;
  }

  .spaces-map__frame,
  .spaces-map__frame iframe {
    min-height: 420px;
  }

  .spaces-map__bottom {
    grid-template-columns: 1fr 1fr;
  }

  .spaces-map__btn {
    grid-column: 1 / -1;
    justify-self: start;
  }

  /* Страница согласия */
  .policy-layout {
    grid-template-columns: 1fr;
  }

  .policy-aside {
    position: relative;
    top: auto;
  }

  /* Детали продукта */
  .product-detail-page {
    grid-template-columns: 410px 1fr;
    gap: 24px;
    padding: 16px;
  }

  .product-detail-page__image,
  .product-detail-page__image img {
    min-height: 430px;
  }

  .product-detail-page__content {
    padding: 22px;
  }

  .product-detail-page__title {
    font-size: 38px;
  }

  .product-detail-page__price {
    font-size: 28px;
  }

  .product-detail-page__block {
    padding: 15px 16px 15px 18px;
  }
}

@media (max-width: 1024px) {
.hero{ grid-template-columns: 1fr; }
  .grid{ grid-template-columns: 1fr 1fr; }
  .products{ grid-template-columns: 1fr 1fr; }
  .footer-inner{ grid-template-columns: 1fr; }
  .footer-cols{ grid-template-columns: 1fr 1fr; }

  /* вкл бургер */
  .burger{ display:grid; }

  .header-nav{
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:8px;
    padding:10px 0 14px;
  }
  .header-nav.is-open{ display:flex; }
  .header-nav a{ text-align:center; }

  .icon-btn{ width:40px; height:40px; }
  .icon-btn svg,
  .icon-btn .icon-img{ width:19px; height:19px; }
}

@media (max-width: 900px) {
.about-home__grid{ grid-template-columns: 1fr; }
  .stats{ grid-template-columns: 1fr; }
  .section-head h2{ font-size: 30px; }
}

@media (max-width: 1024px) {
.section-head--row{ flex-direction: column; align-items: start; }
  .moods__wrap{ grid-template-columns: 1fr; }
  .moods__grid{
    grid-template-columns: calc((100% - 20px) / 3) calc((100% - 20px) / 3) calc((100% - 20px) / 3);
    justify-content: center;
  }
  .moods__card{
    position: relative;
    top: auto;
  }
}

@media (max-width: 1024px) {
.site-header{ backdrop-filter: none; }
  .mood__cap{ backdrop-filter: none; }
}

@media (max-width: 1024px) {
.product-detail-page {
    grid-template-columns: 410px 1fr;
    gap: 24px;
    padding: 16px;
  }

  .product-detail-page__image,
  .product-detail-page__image img {
    min-height: 430px;
  }

  .product-detail-page__content {
    padding: 22px;
  }

  .product-detail-page__title {
    font-size: 38px;
  }

  .product-detail-page__price {
    font-size: 28px;
  }

  .product-detail-page__block {
    padding: 15px 16px 15px 18px;
  }
}

@media (max-width: 820px) {
.product-detail-page {
    grid-template-columns: 1fr;
  }

  .product-detail-page__image,
  .product-detail-page__image img {
    min-height: auto;
    aspect-ratio: 1 / 1;
  }
}

@media (max-width: 1024px) {
.footer-cols {
    grid-template-columns: 1fr 1fr;
  }

  .moods__wrap {
    grid-template-columns: 100%;
    gap: 16px;
  }

  .moods__grid {
    width: 100%;
    max-width: 860px;
    margin: 0 auto;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    justify-content: center !important;
  }

  .mood,
  .mood__figure {
    width: 100%;
    min-width: 0;
  }

  .mood img {
    width: 100% !important;
    height: 220px !important;
  }

  .moods__card {
    position: relative;
    top: auto;
  }

  .spaces-studio-page {
    width: calc(100% - 32px);
  }

  .spaces-studio,
  .spaces-location {
    padding: 20px;
  }

  .spaces-studio__intro {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-bottom: 22px;
  }

  .spaces-studio__gallery {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .spaces-studio-card,
  .spaces-studio-card a,
  .spaces-studio-card img {
    min-height: 250px;
  }

  .spaces-location__head {
    grid-template-columns: 1fr;
    gap: 12px;
    align-items: start;
  }

  .spaces-location__map {
    height: 380px;
  }

  .spaces-location__bottom {
    grid-template-columns: 1fr 1fr;
  }

  .spaces-location__btn {
    grid-column: 1 / -1;
    justify-self: start;
  }

  .policy-layout {
    grid-template-columns: 1fr;
  }

  .policy-aside {
    position: relative;
    top: auto;
  }
}

@media (max-width: 1024px) {
.profile__grid {
    grid-template-columns: 1fr;
  }

  .profile-bookings__head {
    align-items: flex-start;
  }

  .profile-booking__details {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}


@media (max-width:1024px){
  .cart-checkout-layout{grid-template-columns:1fr}
  .checkout-card{position:static}
  .journal-promo{grid-template-columns:1fr}
  .journal-promo__code{min-width:0;max-width:420px}
  .admin-product-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-stock-row{grid-template-columns:1fr}
  .admin-stock-row__actions{width:100%}
}


@media (max-width: 1024px){
  .spaces-studio__head h1, .spaces-studio__head h2{ font-size:36px; }
  .spaces-location__head h2{ font-size:28px; }
  .carousel__viewport{ padding:0; }
}


@media (max-width: 1024px) {
  .product__img {
    width: 100%;
    aspect-ratio: 1 / 1;
  }

  .product__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .products{
    grid-template-columns: repeat(3, minmax(0, 260px));
    justify-content:center;
    gap:16px;
  }
  .product{
    width:100%;
    max-width:260px;
  }
}

@media (min-width: 421px) and (max-width: 767px) {
  .products{
    grid-template-columns: repeat(2, minmax(0, 250px));
    justify-content:center;
    gap:16px;
  }
  .product{
    width:100%;
    max-width:250px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .filters,
  .products{
    width:min(100%, 812px);
    margin-left:auto;
    margin-right:auto;
  }
}

@media (min-width: 421px) and (max-width: 767px) {
  .filters,
  .products{
    width:min(100%, 516px);
    margin-left:auto;
    margin-right:auto;
  }
  .products{
    grid-template-columns: repeat(2, minmax(0, 250px));
  }
  .product{
    max-width:250px;
  }
}