/* Двухколоночная раскладка страницы /atmosphere на широких экранах:
   слева "Стены, которые помнят гостей" (мозаика), справа фото интерьера.
   Плюс расширение контейнера и уменьшение боковых отступов на этой
   странице (класс .loft-atmo-wide вешается только на /atmosphere). */

.loft-atmo-wide {
  max-width: 1400px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.loft-atmo-columns {
  display: grid;
  grid-template-columns: 1fr 1.08fr;
  gap: 56px;
  align-items: start;
  margin-bottom: 24px;
}

.loft-atmo-col-wall .loft-wall {
  margin: 0;
}

.loft-atmo-col-wall .loft-wall__grid {
  column-count: 2;
}

.loft-atmo-col-wall .loft-wall__intro,
.loft-atmo-col-wall .loft-wall__outro {
  max-width: none;
}

/* Внутри правой колонки блоки коридор/кухня/санузел идут фото сверху,
   текст снизу, в одну колонку — иначе в узкой колонке текст становится
   слишком тесным. */
.loft-atmo-col-photos section .grid {
  grid-template-columns: 1fr !important;
  gap: 24px !important;
}

.loft-atmo-col-photos section [class*="order-"] {
  order: 0 !important;
}

.loft-atmo-col-photos section {
  margin-bottom: 40px !important;
}

.loft-atmo-col-photos section:last-child {
  margin-bottom: 0 !important;
}

@media (max-width: 1000px) {
  .loft-atmo-wide {
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .loft-atmo-columns {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .loft-atmo-col-wall {
    order: 2;
    margin-top: 48px;
  }

  .loft-atmo-col-photos {
    order: 1;
  }

  .loft-atmo-col-wall .loft-wall__grid {
    column-count: 2;
  }
}

@media (max-width: 620px) {
  .loft-atmo-wide {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .loft-atmo-col-wall .loft-wall__grid {
    column-count: 1;
  }
}