/* LFO uplift-tema (19.10.2026): починка тёмной темы.
   1) Подвал: в тёмной теме --forest становится светлым (#f4f4f4), а цвета текста подвала
      прибиты светлыми в сборке — ссылки, реквизиты и соцсети были невидимы. Подвал остаётся тёмным.
   2) Блок отзывов #lfo-reviews (серверный, server/reviews.py) о теме не знает — заголовок
      #1a1a1a на #0f0f0f. Перекрашиваем под переменные темы.
   Светлую тему не трогает. Откат = убрать <link>/<script> uplift-tema из HTML. */

/* --- подвал --- */
:root[data-theme=dark] .footer{background:#0b0b0b;color:#e6e6e6;border-top-color:#2d2d2d}
:root[data-theme=dark] .footer-links a:hover,
:root[data-theme=dark] .footer-links button:hover{color:#fff}
:root[data-theme=dark] .social-links a:hover{background:#e6e6e6;color:#111;border-color:#e6e6e6}

/* --- отзывы --- */
:root[data-theme=dark] #lfo-reviews{color:var(--ink,#f4f4f4)}
:root[data-theme=dark] .lfo-rv-count,
:root[data-theme=dark] .lfo-rv-src,
:root[data-theme=dark] .lfo-rv-date,
:root[data-theme=dark] .lfo-rv-note{color:var(--muted,#a6a6a6)}
:root[data-theme=dark] .lfo-rv-tabs button,
:root[data-theme=dark] .lfo-rv-more{background:var(--surface,#181818);border-color:var(--line,#2d2d2d);color:var(--ink,#f4f4f4)}
:root[data-theme=dark] .lfo-rv-tabs button:hover,
:root[data-theme=dark] .lfo-rv-more:hover{border-color:#5a5a5a}
:root[data-theme=dark] .lfo-rv-tabs button[aria-pressed="true"]{background:#f4f4f4;border-color:#f4f4f4;color:#111}
:root[data-theme=dark] .lfo-rv-card{background:var(--card,#161616);border-color:var(--line,#2d2d2d)}
:root[data-theme=dark] .lfo-rv-src,
:root[data-theme=dark] .lfo-rv-photos img{border-color:var(--line,#2d2d2d)}
:root[data-theme=dark] .lfo-rv-answer{background:#222;color:#d4d4d4}

/* --- v2 (19.10.2026) --- */
/* Распроданное — в конец каждой сетки (каталог, главная, подборки, «Посмотрите ещё»).
   Только CSS order, DOM не переставляется — React ничего не замечает. Старые браузеры без :has()
   просто оставят порядок как есть. */
.product-grid .product-card:has(.stock-badge.out),
.trip-product-grid .product-card:has(.stock-badge.out){order:1}

/* Пол размера текста 12px: в подвале и чёрной вставке было 10–11px. */
.footer-bottom,.footer-bottom a,.footer-bottom button,.footer-note>span,.closing span{font-size:12px}

/* --- v3 (19.10.2026) --- */
/* Обложки каталога: почти квадратные картинки (маркетплейсные инфографики с Ozon) раньше
   обрезались рамкой 3:4 — срезало текст по краям. Скрипт uplift-tema.js помечает такие
   картинки data-lfo-fit="contain" после загрузки; они вписываются целиком, сверху и снизу
   спокойные поля цвета поверхности темы. Живые вертикальные фото остаются как были. */
.product-card .product-image[data-lfo-fit=contain]{object-fit:contain;background:var(--surface)}
.product-card .product-image-link:has(>.product-image[data-lfo-fit=contain]){background:var(--surface)}

/* Бейдж скидки — чёрно-белый, как весь сайт: не кричит и не выглядит «фейковой скидкой».
   Старая цена и процент остаются. */
.price .discount-badge{background:var(--surface-2);color:var(--ink);border:1px solid var(--line)}
:root[data-theme=dark] .price .discount-badge{background:var(--surface-2);color:var(--ink);border-color:var(--line)}

/* Блок «Жить на улице» на главной: вертикальное фото вписывалось в квадрат с пустотой по бокам —
   теперь заполняет рамку. Подпись: 12px и читаемый цвет в тёмной теме (была светлая на белом). */
.story-photo img{object-fit:cover}
.story-photo>span{font-size:12px}
:root[data-theme=dark] .story-photo>span{color:#111}

/* --- v4 (19.10.2026) --- */
/* Тёмная тема: активный фильтр каталога («Всё снаряжение») — в сборке текст прибит белым,
   а фон в тёмной теме светлый → белое на белом. */
:root[data-theme=dark] .catalog-filters button.selected{color:var(--on-forest,#111)}
/* Телефон: угловая кнопка-стрелка на обложке закрывала текст инфографик («ЧЕЛОВЕК» → «ЧЕЛО»).
   Вся карточка и так ссылка, на тач-экране стрелка не нужна. На десктопе остаётся. */
@media (max-width:700px){.product-card .product-open{display:none}}

/* --- v5 (19.10.2026): блок доверия над подвалом (вставляет uplift-tema.js) --- */
.lfo-trust{border-top:1px solid var(--line);background:var(--paper);color:var(--ink)}
.lfo-trust-in{max-width:var(--content-max);margin-inline:auto;padding:26px var(--gutter);display:grid;gap:18px 28px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:900px){.lfo-trust-in{grid-template-columns:repeat(4,minmax(0,1fr));padding-block:34px}}
.lfo-trust strong{display:block;font-size:15px;font-weight:650;letter-spacing:-.01em;line-height:1.3}
.lfo-trust span{display:block;margin-top:4px;font-size:13px;line-height:1.5;color:var(--muted);text-wrap:pretty}
.lfo-trust a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.lfo-trust a:hover{color:var(--ink)}

/* --- v6 (19.10.2026): короткие названия в карточках — две строки вместо трёх --- */
.product-card .product-name{min-height:2.4em;-webkit-line-clamp:2}