/* Разметка, которую выводит плагин магазина сам (сообщения об ошибках обработчиков). Подключается после adjustments.css.
   Значения повторяют .field-error из global.css / blue.css, чтобы ошибки выглядели как в html-export. */
.shop-error {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
  color: #9b6171;
}
.shop-error:before {
  content: "! ";
  font-weight: 700;
}

/* Видимость блока (поле «Где показывать» в конструкторе). Брейкпоинты те же, что в reference-layout.css: от 801 px — компьютер. */
@media (max-width: 800px) {
  .only-desktop {
    display: none !important;
  }
}
@media (min-width: 801px) {
  .only-mobile {
    display: none !important;
  }
}

/* Индикатор отправки формы оформления (скрыт inline-стилем, показывается фреймворком October во время запроса). */
.shop-loading {
  font-size: 14px;
  color: #7d92a7;
}

/* Одна <h1> на главной: заголовки слайдов баннера — <h2 class="banner-heading">. Оформление то же, что у .banner-copy h1
   в reference-layout.css / blue.css / adjustments.css (те же значения, тот же порядок и специфичность). */
.banner-copy .banner-heading {
  font-size: 38px;
  line-height: 1.13;
  letter-spacing: -1px;
  margin-bottom: 17px;
}
@media (max-width: 1150px) {
  .banner-copy .banner-heading {
    font-size: 33px;
  }
}
[data-variant="blue"] .banner-copy .banner-heading {
  font-size: 40px;
  font-weight: 800;
  color: #205aa5;
  line-height: 1.14;
  letter-spacing: -1.8px;
}
@media (max-width: 1150px) {
  [data-variant="blue"] .banner-copy .banner-heading {
    font-size: 34px;
  }
}
@media (min-width: 801px) and (max-width: 1000px) {
  .banner-copy .banner-heading {
    font-size: 30px !important;
  }
}