/* ============================================================
   GC-44 — Store chrome: единое меню магазина
   Поиск-модалка (desktop центр / mobile bottom sheet) + живые подсказки,
   нижняя мобильная панель (Каталог · Поиск · Корзина), каталог-меню со счётчиками.
   Единый источник стилей, грузится из base.html на всех страницах магазина.
   Токены (--g/--gp/--bd/--ff…) — из style.css :root (общая дизайн-система).
   Кабинет (login/profile) не подключает этот chrome (см. base.html block storechrome).
   ============================================================ */

/* ── ДЕСКТОП: поиск-триггер вместо инпута в шапке (≥769px) ──
   Заменяет .c-header-search input на кнопку-плейсхолдер, открывающую модалку. */
.c-search-trigger {
  flex: 1; display: flex; align-items: center; gap: 9px; margin: 0 14px;
  padding: 0 14px; height: 38px; border: 1.5px solid var(--bd); border-radius: 10px;
  background: var(--w); color: var(--txt2); font-size: 13px; font-family: var(--ff);
  cursor: text; text-align: left; transition: all var(--tr);
}
.c-search-trigger:hover { border-color: var(--gl); box-shadow: 0 0 0 3px rgba(45,106,79,.06); }
.c-search-trigger svg { color: var(--txt2); flex-shrink: 0; }
.c-search-trigger .st-ph { flex: 1; }
.c-search-trigger .st-kbd {
  font-size: 11px; color: var(--txt2); border: 1px solid var(--bd); border-radius: 5px;
  padding: 1px 6px; background: var(--bga); font-weight: 600;
}
@media(max-width:768px) { .c-search-trigger { display: none; } }

/* ============================================================
   ПОИСК-МОДАЛКА (search modal) + живые подсказки
   ============================================================ */
.sm-overlay {
  position: fixed; inset: 0; z-index: 300; background: rgba(20,30,25,.42);
  backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);
  display: flex; align-items: flex-start; justify-content: center; padding: 0 16px;
  opacity: 0; pointer-events: none; transition: opacity .2s;
}
.sm-overlay.open { opacity: 1; pointer-events: auto; }
.sm-modal {
  width: 100%; max-width: 640px; margin-top: 9vh; background: var(--w);
  border-radius: var(--rl); box-shadow: 0 24px 60px rgba(0,0,0,.28); overflow: hidden;
  transform: translateY(-14px) scale(.98); transition: transform .26s cubic-bezier(.2,.8,.2,1);
}
.sm-overlay.open .sm-modal { transform: translateY(0) scale(1); }
/* большое поле */
.sm-field { display: flex; align-items: center; gap: 12px; padding: 18px 20px; border-bottom: 1px solid var(--bd); }
.sm-field-icon { color: var(--g); flex-shrink: 0; display: flex; }
.sm-input {
  flex: 1; border: none; outline: none; font-size: 19px; font-family: var(--ff);
  color: var(--txt); background: none; font-weight: 500;
}
.sm-input::placeholder { color: #AEB8C0; font-weight: 400; }
.sm-clear {
  width: 30px; height: 30px; border-radius: 8px; border: none; background: var(--bga);
  color: var(--txt2); cursor: pointer; display: flex; align-items: center; justify-content: center;
  font-size: 16px; flex-shrink: 0; transition: all var(--tr);
}
.sm-clear:hover { background: #e4e9e6; color: var(--txt); }
.sm-esc {
  font-size: 11px; color: var(--txt2); border: 1px solid var(--bd); border-radius: 6px;
  padding: 3px 8px; background: var(--bga); font-weight: 600; flex-shrink: 0;
}
/* результаты / подсказки */
.sm-results { max-height: min(56vh, 440px); overflow-y: auto; scrollbar-width: thin; }
.sm-results::-webkit-scrollbar { width: 6px; }
.sm-results::-webkit-scrollbar-thumb { background: var(--bd); border-radius: 6px; }
.sm-group-label {
  font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .7px;
  color: var(--txt2); padding: 14px 20px 6px;
}
/* строка подсказки товара */
.sm-item {
  display: flex; align-items: center; gap: 13px; padding: 10px 20px; cursor: pointer;
  border: none; background: none; width: 100%; text-align: left; transition: background .12s;
  border-left: 3px solid transparent; font-family: var(--ff); text-decoration: none;
}
.sm-item:hover, .sm-item.active { background: var(--gp); border-left-color: var(--g); }
.sm-item-thumb {
  width: 42px; height: 42px; border-radius: 10px; background: var(--bga); display: flex;
  align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; overflow: hidden;
}
.sm-item-thumb img { width: 100%; height: 100%; object-fit: cover; }
.sm-item-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.sm-item-name {
  display: block; font-size: 14px; font-weight: 600; color: var(--txt);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;
}
.sm-item-name b { color: var(--gd); font-weight: 800; }
.sm-item-cat {
  display: block; font-size: 11.5px; color: var(--txt2);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;
}
.sm-item-price { font-size: 13px; font-weight: 700; color: var(--g); flex-shrink: 0; white-space: nowrap; }
.sm-item-price span { font-size: 11px; font-weight: 500; color: var(--txt2); }
/* строка "показать все" / категории-подсказки */
.sm-allbtn {
  display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%;
  padding: 13px 20px; border: none; background: var(--bga); color: var(--g); font-size: 13px;
  font-weight: 700; cursor: pointer; font-family: var(--ff); transition: background .12s;
}
.sm-allbtn:hover { background: var(--gp); }
.sm-allbtn svg { flex-shrink: 0; }
/* пустое / стартовое / загрузка */
.sm-empty { padding: 34px 20px; text-align: center; color: var(--txt2); }
.sm-empty-icon { font-size: 30px; margin-bottom: 8px; opacity: .5; }
.sm-hint { padding: 10px 20px 16px; }
.sm-hint-label {
  font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .7px;
  color: var(--txt2); margin-bottom: 8px;
}
.sm-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.sm-chip {
  padding: 6px 12px; border-radius: 999px; background: var(--bga); border: 1px solid var(--bd);
  font-size: 12px; font-weight: 500; color: var(--txt); cursor: pointer; transition: all var(--tr);
  font-family: var(--ff);
}
.sm-chip:hover { background: var(--gp); border-color: var(--gl); color: var(--g); }
/* «ручка» bottom-sheet — скрыта на десктопе */
.sm-grip { display: none; }

/* ── МОБИЛЬНЫЙ ВАРИАНТ: поиск = bottom sheet почти на весь экран (≤768px) ── */
@media(max-width:768px) {
  .sm-overlay { align-items: flex-end; padding: 0; }
  .sm-modal {
    max-width: 100%; width: 100%; margin-top: 0; height: 92%;
    display: flex; flex-direction: column; border-radius: 18px 18px 0 0;
    transform: translateY(100%);
  }
  .sm-overlay.open .sm-modal { transform: translateY(0); }
  .sm-grip {
    display: block; width: 38px; height: 4px; border-radius: 999px; background: var(--bd);
    margin: 8px auto 2px; flex-shrink: 0;
  }
  .sm-field { flex-shrink: 0; padding: 13px 16px; }
  .sm-results { flex: 1; max-height: none; }
  .sm-input { font-size: 16px; } /* ≥16px — iOS не зумит при фокусе */
  .sm-esc { display: none; }     /* на мобильной Esc-подсказка не нужна */
}

/* ============================================================
   НИЖНЯЯ ПАНЕЛЬ (mobile bottom bar): КАТАЛОГ · ПОИСК · КОРЗИНА
   Только мобильная (≤768px). Поиск в центре — акцентная круглая кнопка.
   ============================================================ */
.gc-mobar { display: none; }
@media(max-width:768px) {
  .gc-mobar {
    position: fixed; bottom: 0; left: 0; right: 0; z-index: 120; display: flex;
    background: rgba(255,255,255,.98); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
    border-top: 1px solid var(--bd);
    padding: 7px 4px calc(7px + env(safe-area-inset-bottom, 0px));
    box-shadow: 0 -3px 16px rgba(0,0,0,.05);
  }
}
.gc-mobar-btn {
  flex: 1; display: flex; flex-direction: column; align-items: center; gap: 3px;
  padding: 5px 4px; border: none; background: none; color: var(--txt2);
  font-size: 10.5px; font-weight: 600; font-family: var(--ff); cursor: pointer;
  position: relative; transition: color var(--tr); border-radius: 10px; text-decoration: none;
}
.gc-mobar-btn svg { flex-shrink: 0; transition: transform var(--tr); }
.gc-mobar-btn:active svg { transform: scale(.9); }
.gc-mobar-btn.active { color: var(--g); }
/* MUTED (GC-12) — пункт «Фильтры» на главной: серый, инертный, не кликается.
   Серый цвет (приглушённый), курсор по умолчанию, клики/ховер/active отключены. */
.gc-mobar-btn--muted {
  color: #B4BEC8; cursor: default; pointer-events: none; opacity: .85;
}
.gc-mobar-btn--muted svg { opacity: .8; }
.gc-mobar-btn--muted:active svg { transform: none; }
.gc-mobar-btn .gc-mobar-badge {
  position: absolute; top: 0; right: calc(50% - 22px); background: #ef4444; color: #fff;
  border-radius: 10px; min-width: 17px; height: 17px; padding: 0 4px; font-size: 10px;
  font-weight: 700; display: flex; align-items: center; justify-content: center;
  border: 2px solid var(--w);
}
/* ПОИСК — центральная акцентная кнопка (главное действие) */
.gc-mobar-btn--search .gc-mobar-fab {
  width: 46px; height: 46px; border-radius: 50%; background: var(--g); color: #fff;
  display: flex; align-items: center; justify-content: center; margin-top: -18px;
  box-shadow: 0 6px 16px rgba(45,106,79,.34); border: 3px solid var(--w);
  transition: transform var(--tr), background var(--tr);
}
.gc-mobar-btn--search:active .gc-mobar-fab { transform: scale(.93); }
.gc-mobar-btn--search span { color: var(--g); font-weight: 700; }

/* Когда есть нижняя панель — даём контенту воздух снизу, чтобы её не перекрывала,
   и прячем плавающую кнопку корзины (её роль берёт «Корзина» в панели). */
@media(max-width:768px) {
  body.gc-has-mobar { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }
  body.gc-has-mobar .c-floating-cart { display: none !important; }
}

/* ============================================================
   МЕНЮ КАТАЛОГА (mobile catalog drawer) со СЧЁТЧИКАМИ товаров
   Выезжает слева, открывается из нижней панели (кнопка «Каталог»).
   ============================================================ */
.gc-catd-overlay {
  position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 310;
  opacity: 0; pointer-events: none; transition: opacity .2s;
}
.gc-catd-overlay.open { opacity: 1; pointer-events: auto; }
.gc-catd {
  position: fixed; top: 0; left: 0; bottom: 0; width: min(320px, 88%); background: var(--w);
  z-index: 311; display: flex; flex-direction: column; box-shadow: 4px 0 20px rgba(0,0,0,.14);
  transform: translateX(-100%); transition: transform .28s cubic-bezier(.32,.72,0,1);
}
.gc-catd.open { transform: translateX(0); }
.gc-catd-head {
  display: flex; align-items: center; justify-content: space-between; padding: 15px 16px;
  border-bottom: 1px solid var(--bd);
}
.gc-catd-head .t { font-size: 16px; font-weight: 800; color: var(--gd); }
.gc-catd-head button {
  background: var(--bga); border: none; font-size: 17px; cursor: pointer; color: var(--txt2);
  width: 30px; height: 30px; border-radius: 8px; line-height: 1;
}
.gc-catd-list { flex: 1; overflow-y: auto; padding: 4px 0; }
.gc-mc-all {
  display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%;
  padding: 12px 16px; border: none; background: none; cursor: pointer; font-family: var(--ff);
  font-size: 13.5px; font-weight: 700; color: var(--g); border-bottom: 1px solid var(--bga);
  text-align: left; text-decoration: none;
}
.gc-mc-all:hover { background: var(--gp); }
.gc-mc-sec-head {
  display: flex; align-items: center; gap: 10px; padding: 11px 16px; cursor: pointer;
  font-size: 13.5px; font-weight: 700; color: var(--txt); border-bottom: 1px solid var(--bga);
  transition: background .12s;
}
.gc-mc-sec-head:hover { background: var(--gp); }
.gc-mc-sec-icon { font-size: 18px; flex-shrink: 0; }
.gc-mc-sec-name { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.gc-mc-sec-total {
  font-size: 11px; font-weight: 700; color: var(--g); background: var(--gp); border-radius: 999px;
  padding: 1px 9px; flex-shrink: 0; min-width: 30px; text-align: center;
  font-variant-numeric: tabular-nums;
}
.gc-mc-sec-arrow {
  font-size: 11px; color: var(--txt2); transition: transform .18s; width: 14px; text-align: center;
  flex-shrink: 0;
}
.gc-mc-section.open .gc-mc-sec-arrow { transform: rotate(90deg); }
.gc-mc-sec-cats { background: var(--bga); padding: 3px 0 5px; }
.gc-mc-cat {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 9px 16px 9px 44px; font-size: 12.5px; color: var(--txt2); text-decoration: none;
  transition: all .1s; border: none; background: none; width: 100%; text-align: left;
  cursor: pointer; font-family: var(--ff);
}
.gc-mc-cat:hover { color: var(--g); background: var(--gp); }
.gc-mc-cat.active { color: var(--g); background: var(--gp); font-weight: 700; }
.gc-mc-cat-name { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* СЧЁТЧИК товаров у категории */
.gc-mc-cat-count {
  font-size: 11px; font-weight: 600; color: var(--txt2); flex-shrink: 0; min-width: 22px;
  text-align: right; font-variant-numeric: tabular-nums;
}
.gc-mc-cat:hover .gc-mc-cat-count { color: var(--gl); }

/* ============================================================
   GC-48 — Дополнения к store-chrome.css
   1) Нижняя панель: 5 кнопок (КАТАЛОГ · ФИЛЬТРЫ · ПОИСК-центр · КОРЗИНА · ПРОФИЛЬ)
   2) Левый ФИЛЬТР-САЙДБАР (gc-filtd) — отдельный слой z-321 (выше каталог-меню z-311)
   Токены наследуются из style.css :root (--g/--gd/--gl/--gp/--bd/--bga/--ff/--tr/--w/--txt/--txt2).
   ============================================================ */

/* ── 5-кнопочная панель: badge-смещение пересчитано под 5 ячеек ──
   В .gc-mobar-btn flex:1 уже делает 5 равных колонок; центральный FAB не меняется.
   Badge корзины раньше позиционировался под 3-колоночную сетку (right: calc(50% - 22px)) —
   при 5 колонках значение валидно (badge по-прежнему верх-право от иконки). Уточняем явно. */
.gc-mobar--5 .gc-mobar-btn .gc-mobar-badge { right: calc(50% - 18px); }

/* 5 ячеек уже, чем 3 — подписи компактнее и в одну строку (узкие экраны 360px).
   min-width:0 ОБЯЗАТЕЛЕН: без него flex-ячейка не сжимается ниже ширины слова
   («Корзина»/«Профиль») и панель вылезает за вьюпорт на 360px. */
.gc-mobar--5 .gc-mobar-btn { font-size: 10px; padding: 5px 2px; min-width: 0; }
.gc-mobar--5 .gc-mobar-btn span:not(.gc-mobar-fab):not(.gc-mobar-badge):not(.gc-mobar-dot) {
  white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis;
}

/* «Профиль» — это <a>, наследует вид кнопки; badge заказов справа-сверху */
.gc-mobar-btn.gc-mobar-btn--active,
.gc-mobar-btn.active { color: var(--g); }

/* Точка-индикатор «есть активные фильтры» на кнопке Фильтры */
.gc-mobar-dot {
  position: absolute; top: 4px; right: calc(50% - 14px);
  width: 7px; height: 7px; border-radius: 50%; background: var(--g);
  border: 1.5px solid var(--w);
}

/* Бейдж профиля (кол-во заказов) — тот же стиль, что корзина */
.gc-mobar-badge--profile { background: var(--gold, #E8A838); }

/* ============================================================
   ФИЛЬТР-САЙДБАР (gc-filtd) — выезжает слева, ОТДЕЛЬНЫЙ z-слой
   Слой выше каталог-меню (gc-catd: overlay 310 / panel 311).
   Открытие закрывается крестиком / оверлеем / свайпом (GC-45) / «Назад».
   ============================================================ */
.gc-filtd-overlay {
  position: fixed; inset: 0; background: rgba(20,30,25,.46); z-index: 320;
  opacity: 0; pointer-events: none; transition: opacity .2s;
  -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
}
.gc-filtd-overlay.open { opacity: 1; pointer-events: auto; }
.gc-filtd {
  position: fixed; top: 0; left: 0; bottom: 0; width: min(336px, 90%);
  background: var(--w); z-index: 321; display: flex; flex-direction: column;
  box-shadow: 6px 0 28px rgba(0,0,0,.18);
  transform: translateX(-100%); transition: transform .3s cubic-bezier(.32,.72,0,1);
}
.gc-filtd.open { transform: translateX(0); }

/* Шапка сайдбара — крупный заголовок, тот же ритм что gc-catd-head */
.gc-filtd-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 17px 18px 15px; border-bottom: 1px solid var(--bd); flex-shrink: 0;
}
.gc-filtd-head .t {
  font-size: 18px; font-weight: 800; color: var(--gd); letter-spacing: -.2px;
}
.gc-filtd-head button {
  background: var(--bga); border: none; font-size: 18px; cursor: pointer; color: var(--txt2);
  width: 32px; height: 32px; border-radius: 9px; line-height: 1; transition: all var(--tr);
}
.gc-filtd-head button:hover { background: #e4ece7; color: var(--txt); }

/* Тело — прокручиваемый список групп фильтров */
.gc-filtd-body {
  flex: 1; overflow-y: auto; padding: 6px 0 12px; scrollbar-width: thin;
}
.gc-filtd-body::-webkit-scrollbar { width: 6px; }
.gc-filtd-body::-webkit-scrollbar-thumb { background: var(--bd); border-radius: 6px; }

/* Группа фильтров (готово под рост: «Рекомендации», далее цена/бренд и т.д.) */
.gc-filt-group { padding: 6px 0; border-bottom: 1px solid var(--bga); }
.gc-filt-group:last-child { border-bottom: none; }
.gc-filt-group-label {
  font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .8px;
  color: var(--txt2); padding: 8px 18px 6px;
}

/* СТРОКА ФИЛЬТРА — словами, без эмодзи. Тап = мгновенное применение.
   Слева текст, справа галочка-состояние. Активная строка подсвечена зелёным. */
.gc-filt-row {
  display: flex; align-items: center; gap: 12px; width: 100%;
  padding: 12px 18px; border: none; background: none; cursor: pointer;
  font-family: var(--ff); font-size: 14.5px; font-weight: 500; color: var(--txt);
  text-align: left; transition: background .12s, color .12s;
  border-left: 3px solid transparent;
}
.gc-filt-row:hover { background: var(--gp); }
.gc-filt-row-name { flex: 1; min-width: 0; }
.gc-filt-row-count {
  font-size: 12px; font-weight: 600; color: var(--txt2); flex-shrink: 0;
  font-variant-numeric: tabular-nums;
}
/* Чек-маркер слева невидим, появляется при активном */
.gc-filt-row-check {
  width: 20px; height: 20px; border-radius: 6px; border: 1.5px solid var(--bd);
  flex-shrink: 0; display: flex; align-items: center; justify-content: center;
  color: #fff; transition: all var(--tr); background: var(--w);
}
.gc-filt-row-check svg { opacity: 0; transition: opacity .15s; }
.gc-filt-row.active { color: var(--gd); font-weight: 700; background: var(--gp); border-left-color: var(--g); }
.gc-filt-row.active .gc-filt-row-check { background: var(--g); border-color: var(--g); }
.gc-filt-row.active .gc-filt-row-check svg { opacity: 1; }
.gc-filt-row.active .gc-filt-row-count { color: var(--g); }
.gc-filt-row.disabled { opacity: .4; cursor: not-allowed; }
.gc-filt-row.disabled:hover { background: none; }

/* Footer — «Сбросить» + «Показать N» (главная зелёная кнопка) */
.gc-filtd-foot {
  display: flex; gap: 10px; padding: 14px 16px calc(14px + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid var(--bd); flex-shrink: 0; background: var(--w);
}
.gc-filtd-reset {
  flex: 0 0 auto; padding: 0 18px; height: 46px; border-radius: 12px;
  border: 1.5px solid var(--bd); background: var(--w); color: var(--txt2);
  font-size: 14px; font-weight: 600; font-family: var(--ff); cursor: pointer;
  transition: all var(--tr);
}
.gc-filtd-reset:hover { border-color: var(--gl); color: var(--g); }
.gc-filtd-apply {
  flex: 1; height: 46px; border-radius: 12px; border: none;
  background: var(--g); color: #fff; font-size: 15px; font-weight: 700;
  font-family: var(--ff); cursor: pointer; letter-spacing: -.1px;
  box-shadow: 0 6px 16px rgba(45,106,79,.26); transition: all var(--tr);
}
.gc-filtd-apply:hover { background: var(--gd); }
.gc-filtd-apply:active { transform: scale(.985); }

/* Доступность — не дёргать панель при reduce-motion */
@media (prefers-reduced-motion: reduce) {
  .gc-filtd, .gc-filtd-overlay { transition: none; }
}


/* ============================================================
   GC-12 — Мобильный v4-футер (.gcv4-foot), глобальный источник.
   Перенесён из home-mobile-v4.css: футер вынесен в общий partials/footer.html и
   рендерится на ВСЕХ страницах магазина (включая /delivery). Этот CSS грузится
   из base.html везде → футер выглядит одинаково всюду (RULES §12).
   Видимость: .hp-footer десктоп (≥769px) / .gcv4-foot мобильная (≤768px).
   Токены v4 определены ЛОКАЛЬНО на .gcv4-foot (вне .gcv4-app: home-mobile-v4.css
   здесь не действует) — иначе var() были бы пустыми. Имена токенов те же.
   ============================================================ */
@media (max-width: 768px) {
  /* На мобильной показываем v4-футер, десктопный .hp-footer прячем (на любой
     странице магазина, не только home). */
  .hp-footer { display: none !important; }

  .gcv4-foot{
    --gcv4-green:#4F7A63;--gcv4-green-cta:#2F5E47;--gcv4-green-deep:#3E5F4E;
    --gcv4-green-mid:#6A9B7E;--gcv4-green-soft:#E4EDE6;--gcv4-bg:#FAFBF8;
    --gcv4-ink:#1E231F;--gcv4-ink-soft:#5C645E;--gcv4-ink-faint:#9AA29C;
    --gcv4-line:#E7EBE6;
    --gcv4-serif:'Source Serif 4','Georgia',serif;
  }
  /* ── СВЕТЛЫЙ ФУТЕР (компактный) ── */
  .gcv4-foot{background:var(--gcv4-bg);padding:22px 22px 18px;border-top:1px solid var(--gcv4-line);}
  .gcv4-foot .gcv4-fbrand{display:flex;align-items:center;justify-content:center;margin-bottom:24px;}
  .gcv4-foot .gcv4-fbrand img{max-width:200px;width:auto;height:auto;max-height:20px;opacity:.85;}

  /* Зона МЕНЮ: [меню][меню][Поддержка] */
  .gcv4-foot .gcv4-fnav{display:grid;grid-template-columns:max-content max-content max-content;justify-content:space-between;align-items:start;column-gap:16px;margin-bottom:20px;}
  .gcv4-foot .gcv4-flinks{display:flex;flex-direction:column;row-gap:8px;}
  .gcv4-foot .gcv4-flinks a{font-size:11.5px;color:var(--gcv4-ink-soft);font-weight:500;text-decoration:none;letter-spacing:-.005em;text-align:left;white-space:nowrap;}
  .gcv4-foot .gcv4-fsup{display:flex;flex-direction:column;align-items:flex-end;}
  .gcv4-foot .gcv4-fsup .gcv4-lbl{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--gcv4-ink-faint);font-weight:600;margin-bottom:9px;}
  .gcv4-foot .gcv4-fcopy{text-align:center;font-size:11px;color:var(--gcv4-ink-faint);line-height:1.5;letter-spacing:-.005em;margin-top:16px;}

  /* Скачать приложение — отдельный блок по центру */
  .gcv4-foot .gcv4-fapp{display:flex;justify-content:center;margin-bottom:4px;}
  .gcv4-appdl{
    display:inline-flex;align-items:center;gap:10px;
    background:#fff;border:1px solid var(--gcv4-line);border-radius:14px;padding:11px 18px;
    text-decoration:none;transition:opacity .2s ease;min-width:0;
  }
  .gcv4-appdl:active{opacity:.62;}
  .gcv4-appdl .gcv4-ic{width:26px;height:26px;flex:0 0 auto;color:var(--gcv4-green-cta);display:flex;align-items:center;justify-content:center;}
  .gcv4-appdl .gcv4-ic svg{display:block;}
  .gcv4-appdl .gcv4-tx{display:flex;flex-direction:column;line-height:1.18;text-align:left;min-width:0;}
  .gcv4-appdl .gcv4-tx .gcv4-k{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--gcv4-ink-faint);font-weight:600;margin-bottom:2px;white-space:nowrap;}
  .gcv4-appdl .gcv4-tx .gcv4-v{font-family:var(--gcv4-serif);font-size:14.5px;font-weight:600;color:var(--gcv4-ink);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

  /* Поддержка (иконки Telegram + WhatsApp) — заглушки */
  .gcv4-foot .gcv4-fsoc{display:flex;gap:8px;}
  .gcv4-foot .gcv4-fsoc a{
    width:30px;height:30px;border-radius:50%;border:1px solid var(--gcv4-line);background:#fff;
    display:flex;align-items:center;justify-content:center;color:var(--gcv4-green-deep);text-decoration:none;
    transition:border-color .2s ease,background .2s ease;
  }
  .gcv4-foot .gcv4-fsoc a:active{background:var(--gcv4-green-soft);border-color:var(--gcv4-green-mid);}
  .gcv4-foot .gcv4-fsoc a svg{display:block;}
}

/* ── ДЕСКТОП (≥769px): v4-футер инертен, показывается обычный .hp-footer ── */
@media (min-width: 769px) {
  .gcv4-foot{ display:none !important; }
}