/* Панель корзины: сколько набрано и переход к оформлению, всегда на виду.

   Стили лежат отдельным файлом, а не внедряются скриптом. Заголовки
   безопасности сайта разрешают только свои таблицы стилей (style-src 'self'),
   и внедрённый <style> браузер молча отбрасывает: на стенде панель уехала
   в конец страницы неоформленным блоком во всю ширину. Атрибут style
   при этом разрешён — им пользуется покраска кнопок в cart-add.js. */

/* На телефоне панели нет: там уже есть своя нижняя полоса действий
   с той же строкой «Корзина · N · сумма» (её строит nav.js на ширинах
   до 767 px). Две полосы подряд перекрывали друг друга.

   От 768 до 1199 px своей полосы нет, а места справа ещё не хватает —
   там панель идёт полосой внизу. */
@media (max-width: 767px) {
  #lg-korzina-panel { display: none !important; }
}

/* Планшет: полоса внизу во всю ширину. */
#lg-korzina-panel {
  position: fixed;
  z-index: 60;
  box-sizing: border-box;
  left: 12px;
  right: 12px;
  bottom: 12px;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  background: #FFFFFF;
  border: 1px solid #E2DCD2;
  border-radius: 10px;
  font: 400 13.5px/1.45 'Inter Tight', system-ui, sans-serif;
  color: #3A342E;
  box-shadow: 0 6px 24px rgba(58, 52, 46, .13);
}

/* Сводка складывается как строки, а не как текст подряд.

   Раньше счёт и сумма были двумя соседними <span> без пробела между
   ними, и браузер честно рисовал «В корзине 3 товара45,50 ₽»: пробела
   в разметке нет — откуда ему взяться. Пробел ставить нельзя (он
   пропадёт при переносе), поэтому разводим их зазором раскладки. */
#lg-korzina-panel .lg-kp-svodka {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 8px;
}
#lg-korzina-panel .lg-kp-schet { font-weight: 600; color: #1A1714; }
#lg-korzina-panel .lg-kp-summa {
  font-weight: 700;
  font-size: 17px;
  color: #1A1714;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
/* Оговорка про позиции по запросу — всегда своей строкой во всю ширину
   сводки: рядом с суммой она вставала бы в тот же ряд и ломала его. */
#lg-korzina-panel .lg-kp-osnova { color: #6B625A; font-size: 12.5px; flex: 1 0 100%; }
#lg-korzina-panel .lg-kp-knopka {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 6px;
  background: #B8763A;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 600;
}
#lg-korzina-panel .lg-kp-knopka:hover { background: #A2652F; color: #FFFFFF; }
#lg-korzina-panel .lg-kp-knopka:focus-visible { outline: 2px solid #1A1714; outline-offset: 2px; }

/* Широкий экран: компактная карточка в правом нижнем углу.

   Раньше здесь панель вставала столбиком справа по центру высоты,
   а страница освобождала ей место полем справа. Поле ломало
   центрирование контейнера (max-width:1280px; margin:0 auto): левое
   «auto» схлопывалось в ноль, и вся страница прыгала влево на 80 px
   в момент добавления товара. Замер 6 сентября 2026 года: h1 с x=104
   на x=24, содержимое ýже на 76 px.

   Освободить место под фиксированной панелью, не сдвинув страницу,
   нельзя: любое поле или отступ меняет ширину, доступную центрированному
   контейнеру. Поэтому места не освобождаем — панель перекрывает угол
   и не трогает раскладку. Угол выбран правый нижний: там у страниц
   каталога поля, а не текст, и палец с мышью дотягиваются одинаково. */
@media (min-width: 1200px) {
  #lg-korzina-panel {
    left: auto;
    right: 16px;
    bottom: 16px;
    width: auto;
    max-width: 380px;
    flex-wrap: nowrap;
  }
}