/* gt-card-plan16.css — карточка товара, план 16 (чат 3). НЕ styles.css.
 * Загружается только на карточке (catalog.element/main). Все правила card-scoped.
 * Куку gt_card_ab и A/B (планы 14/78) не трогает. Прод — по команде Вадима.
 * Деплой: local/templates/aspro-lite/components/bitrix/catalog.element/main/gt-card-plan16.css
 */

/* ============================================================
 * 4.10 — ГЛАВНЫЙ РЫЧАГ: цена + «Купить» на первый экран (мобайл)
 * .catalog-detail__main-parts на мобиле уже flex-column; правая колонка
 * (цена+CTA) по умолчанию стекается ПОД левой (характеристики/салон/квиз) →
 * цена уезжает на 3-й экран. order:-1 поднимает её на 1-й экран.
 * Доказано инъекцией: цена 1970→504 (экран1), «Купить» 2204→746 (экран1),
 * квиз 1273→1814 (экран3). Desktop (>767) не затрагиваем.
 * ============================================================ */
@media (max-width: 767px) {
  .catalog-detail__main-parts {
    display: flex;
    flex-direction: column;
  }
  .catalog-detail__main-part--right {
    order: -1;
    /* --right = sticky-block: на мобиле залипание не нужно и мешает при order:-1 */
    position: static !important;
    top: auto !important;
  }
  .catalog-detail__main-part--left {
    order: 0;
  }
}

/* ============================================================
 * 4.10c — «Ваша экономия: N ₽» словами рядом с ценой (при скидке)
 * (строку рисует шаблон/JS; здесь только оформление — спокойный акцент)
 * ============================================================ */
.gt-card-saving {
  display: inline-block;
  margin-top: 4px;
  padding: 2px 10px;
  border-radius: 10px;
  background: #f3ece0;
  color: #7a5a1e;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}

/* ============================================================
 * 4.3/4.16 — спокойная свёртка вместо красного дисклеймера + гарантия
 * ============================================================ */
.gt-card-note {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.45;
  color: #999;
}
.gt-card-note summary {
  cursor: pointer;
  color: #888;
  list-style: none;
  user-select: none;
}
.gt-card-note summary::-webkit-details-marker { display: none; }
.gt-card-note summary::before { content: "ⓘ "; }
.gt-card-guarantee {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  padding: 8px 12px;
  border-radius: 10px;
  background: #f6f3ec;
  color: #4a4a4a;
  font-size: 13px;
  line-height: 1.4;
}
.gt-card-guarantee__icon { flex: 0 0 auto; opacity: .75; }

/* ============================================================
 * 4.6a + 4.16b — доверительная полоса (★5,0 Я.Карты + гарантия)
 * ============================================================ */
.gt-card-trust {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 10px 0 4px;
  padding: 10px 12px;
  border-radius: 12px;
  background: #f7f4ee;
}
.gt-card-trust__item { display: flex; align-items: baseline; gap: 6px; font-size: 13px; line-height: 1.4; color: #4a4a4a; }
.gt-card-trust__star { font-weight: 700; color: #b8891b; white-space: nowrap; }
.gt-card-trust__ic { color: #6a8a3a; font-weight: 700; }
.gt-card-trust__muted { color: #aaa; font-size: 11px; }

/* ============================================================
 * 4.16a — ликбез материалов (аккордеоны, спокойные)
 * ============================================================ */
.gt-card-likbez { margin: 10px 0; display: flex; flex-direction: column; gap: 6px; }
.gt-card-likbez__item { font-size: 13px; }

/* ============================================================
 * 4.9a — строка самовывоза (спокойный акцент)
 * ============================================================ */
.gt-card-pickup-cta {
  margin-top: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #6a5a2a;
}