/* ============================================================================
   mikroklimat.css — МЯТНАЯ тема раздела «Микроклимат» (увлажнители DANTEX,
   очистители и климатические комплексы SHARP). Собран 22.09.2026 из holod.css:
   те же компоненты (cool-* → air-*), палитра сине-голубая → мятная (#22c9a8 —
   цвет ветки с развилки главной, решение о трёх ветках 21.09.2026).
   Подключается ПОВЕРХ styles.css: переопределяет фирменные переменные в
   мятную палитру (шапка/кнопки/акценты перекрашиваются автоматически),
   и добавляет компоненты витрины кондиционеров (герой, вкладки, карточки).
   ========================================================================== */

:root{
  /* мятная палитра поверх тёплой */
  --bg:#e8f7f3;
  --bg-alt:#d9f0ea;
  --ink:#10302a;
  --ink-soft:#33584f;
  --muted:#5f8177;
  --line:#c5e5dc;
  --brand:#0f8f74;
  --brand-dark:#0b6e5a;
  --brand-soft:#e1f5ef;
  --card:#ffffff;
  --card-border:#cfe9e1;
  --warm:#7fdcc7;
  --gold:#1aa88b;
  --air-ice:#e6f7f2;
  --shadow:0 10px 30px rgba(10,80,65,.10);
  --shadow-lg:0 24px 60px rgba(10,80,65,.16);
}

/* theme-liquid.css красит body тёплым жёлтым градиентом с !important (сайт-wide
   решение владельца от 09.07.2026, рассчитанное на страницы тёплого пола) — без
   !important здесь холодная палитра выше побеждала только там, где у секции есть
   СВОЙ явный фон (.section--alt и т.п.), а во всех остальных местах раздела
   «Холод» (герой, «Доставка, монтаж и оплата» и др.) сквозь просвечивал тёплый
   персиковый — «не в тему» для кондиционеров (найдено 27.08.2026). */
body{background:linear-gradient(160deg,var(--bg) 0%,var(--bg-alt) 100%) !important;color:var(--ink)}

/* Лого «Климатические решения» на этой странице — холодная (синяя) перекраска.
   Базовые styles.css задают эти цвета хардкодом (не через переменные),
   поэтому здесь переопределяем явно, ТОЛЬКО для /holod/. Сам логотип-бренд
   (файлы вне /holod/) не трогаем. */
/* Новая иерархия лок-апа (13.08.2026): на десктопе имя бренда — мелкая подпись
   под фразой «Климатические решения». Фраза (.logo__main) одна и та же в обоих
   разделах — её градиент и тёплый, и холодный, перекрашивать под «Холод» нечего.
   А вот подпись: в styles.css она тёпло-серая #5a4e44, здесь — холодный аналог
   той же светлоты, иначе на синей странице тон выглядит грязным. Селектор
   зеркалит styles.css (0,3,0); holod.css грузится последним → выигрывает.
   Ниже 901px правила не действуют — там имя остаётся крупным и синим, как было. */
@media(min-width:901px){
}
/* Здесь был «холодный» тайминг вращения 3D-МОНЕТЫ (@keyframes logoSpinPauseCold +
   .logo3d .coin) — знака до ребренда. С 04.08.2026 в шапке .logo--rebrand со знаком
   /img/logo-mark-2.svg, элемента #logo3d нет ни на одной странице.
   Удалено 13.08.2026 вместе с построителями монеты в JS. */

/* Модалка «Купить оптом» — theme-liquid.css красит бейдж/кнопки оранжевым через
   !important (единый стиль для тёплых страниц) — здесь перебиваем в холодные тона. */
.ws-modal__overlay{background:rgba(10,60,50,.30)!important}
.ws-modal__box{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 28px 64px rgba(5,60,48,.25)!important}
.ws-modal__badge{background:rgba(61,220,185,.16)!important;color:#0b6e5a!important;border:1px solid rgba(61,220,185,.40)!important}
.ws-modal__act--call, .ws-modal__act--mail{
  background:linear-gradient(180deg,#3ddcb9 0%,#0f8f74 52%,#0b6e5a 100%)!important;
  border:1px solid rgba(11,110,90,.30)!important;
  box-shadow:
    inset 0 1px 0 rgba(220,255,245,.5),
    inset 0 -13px 16px -11px rgba(5,60,48,.42),
    0 5px 12px rgba(15,143,116,.30)!important;
}

/* основная кнопка сайта (.btn--primary/.btn--ghost) в разделе «Холод» — перекрас
   в холодный на ВСЕЙ странице (не только в шапке), кроме переключателя
   .nav__switch--warm — тот отдельный класс, остаётся оранжевым осознанно
   (см. theme-liquid-skill.css). Селектор с :link/:visited перебивает оранжевый
   градиент theme-liquid.css (у него .btn--primary:link !important — нужна не
   меньшая специфичность). */
.btn--primary, .btn--primary:link, .btn--primary:visited{
  background:linear-gradient(160deg,#3ddcb9 0%,#0f8f74 55%,#0b6e5a 100%)!important;
  box-shadow:inset 0 1.5px 0 rgba(220,255,245,.6),0 8px 20px rgba(15,143,116,.30)!important;
  border:1px solid rgba(11,110,90,.30)!important;color:#fff!important;
}
.btn--primary:hover{
  box-shadow:inset 0 1.5px 0 rgba(230,255,248,.8),0 12px 26px rgba(15,143,116,.42)!important;
}
.btn--ghost, .btn--ghost:link, .btn--ghost:visited{
  background:transparent!important;color:#0f8f74!important;border:1.5px solid #0f8f74!important;
}
.btn--ghost:hover{background:rgba(15,143,116,.08)!important}

/* ---------- Герой ---------- */
.air-hero{
  position:relative;overflow:hidden;
  /* Зерно поверх заливки — см. --grain в theme-liquid.css */
  background-image:var(--grain,none),radial-gradient(130% 100% at 50% -20%, #cdefe5 0%, var(--bg) 60%);
  background-blend-mode:multiply,normal;
  padding:56px 0 40px;
}
.air-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.air-hero__text{display:flex;flex-direction:column;gap:16px;align-items:flex-start;max-width:560px}
.air-hero__badge{
  display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff;
  font-family:'Unbounded',sans-serif;font-weight:700;font-size:12px;letter-spacing:.08em;
  text-transform:uppercase;padding:6px 15px;border-radius:999px;
}
.air-hero__h{
  font-family:'Unbounded',sans-serif;font-weight:800;letter-spacing:-.03em;line-height:1.08;
  font-size:clamp(28px,5vw,46px);margin:0;color:var(--ink);
}
.air-hero__p{font-size:clamp(15px,2.2vw,18px);line-height:1.55;color:var(--ink-soft);margin:0;max-width:60ch}
/* Справка по типам приборов в герое (22.09.2026): четыре строки «что это и кому нужно»,
   вместо абзаца с брендами. Жирное — тип, он же чип «Тип» в фильтре каталога. */
.air-hero__guide{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;max-width:62ch;font-size:clamp(14px,1.8vw,16px);line-height:1.5;color:var(--ink-soft)}
.air-hero__guide li{padding-left:16px;position:relative}
.air-hero__guide li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--brand)}
.air-hero__guide b{color:var(--ink)}
.air-hero__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.air-hero__chip{
  background:#fff;border:1px solid var(--card-border);border-radius:999px;
  padding:7px 14px;font-size:13.5px;font-weight:600;color:var(--ink-soft);box-shadow:var(--shadow)
}
.air-hero__chip b{color:var(--brand)}

/* ---------- Hero-карточки (типы приборов: «от N ₽» по каждому) ---------- */
.air-hero__cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.air-hero-card{
  display:flex;flex-direction:column;text-align:left;cursor:pointer;text-decoration:none;
  background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg,18px);
  overflow:hidden;box-shadow:var(--shadow-lg);transition:transform .18s,box-shadow .18s;
}
@media (hover:hover) and (pointer:fine){
  .air-hero-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 30px 70px rgba(10,80,65,.22)}
}
.air-hero-card__pic{aspect-ratio:16/11;background:linear-gradient(160deg,#eef9f6,#dbf2ec);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.air-hero-card__pic img{width:100%;height:100%;object-fit:contain;padding:14px}
.air-hero-card__tag{
  position:absolute;top:10px;left:10px;background:var(--brand);color:#fff;
  font-family:'Unbounded',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;
  padding:4px 10px;border-radius:999px;
}
.air-hero-card__hit{
  position:absolute;top:10px;right:10px;
  font-family:'Unbounded',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;
  color:#7a3d00;background:linear-gradient(160deg,#ffd580,#ffb020);padding:4px 10px;border-radius:999px;
}
/* 05.08.2026: .air-hero-card__body без flex:1 не растягивался на всю высоту карточки,
   растянутой CSS grid по самому длинному соседу (align-items:stretch по умолчанию) —
   у карточки с коротким описанием/меньшим числом фич цена+кнопка «В корзину» повисали
   заметно выше нижнего края вместо однорядного выравнивания с соседней карточкой. Тот же
   приём, что уже есть у обычной плитки каталога (.air-card__feat{flex:1}, ниже) — теперь
   .air-hero-card__body растягивается сама, а featChips() внутри неё (тоже flex:1)
   «съедает» остаток и прижимает цену/кнопку к низу. */
.air-hero-card__body{padding:14px 16px 17px;display:flex;flex-direction:column;gap:5px;flex:1}
.air-hero-card__brand{font-family:'Unbounded',sans-serif;font-weight:700;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.air-hero-card__series{font-family:'Unbounded',sans-serif;font-weight:700;font-size:12px;color:var(--muted);margin:0}
.air-hero-card__name{font-weight:700;font-size:14.5px;color:var(--ink);line-height:1.25}
.air-hero-card__desc{font-size:12.5px;color:var(--muted);line-height:1.4}
.air-hero-card__price{display:flex;align-items:baseline;gap:7px;margin-top:4px}
.air-hero-card__now{font-family:'Unbounded',sans-serif;font-weight:800;font-size:19px;color:var(--ink)}
.air-hero-card__old{font-size:12.5px;color:var(--muted);text-decoration:line-through}
.air-hero-card__btn{
  display:block;text-align:center;background:linear-gradient(160deg,#3ddcb9 0%,#0f8f74 55%,#0b6e5a 100%);
  color:#fff;font-weight:700;font-size:14px;padding:11px;border-radius:12px;text-decoration:none;border:0;cursor:pointer;
  box-shadow:inset 0 1.5px 0 rgba(220,255,245,.6),0 8px 20px rgba(15,143,116,.30);
  transition:transform .15s,box-shadow .15s;margin-top:6px;
}
@media (hover:hover) and (pointer:fine){
  .air-hero-card__btn:hover{transform:translateY(-2px);box-shadow:inset 0 1.5px 0 rgba(230,255,248,.8),0 12px 26px rgba(15,143,116,.42)}
}

@media (max-width:860px){
  .air-hero__grid{grid-template-columns:1fr;gap:26px}
  .air-hero__text{max-width:none}
}
@media (max-width:520px){
  .air-hero__cards{grid-template-columns:1fr;gap:12px}
  .air-hero-card{flex-direction:row}
  .air-hero-card__pic{width:38%;aspect-ratio:auto;flex-shrink:0}
  .air-hero-card__body{padding:12px 14px}
  .air-hero-card__name{font-size:14px}
  .air-hero-card__now{font-size:18px}
}

/* Отступ при scrollIntoView после «Показать N моделей» — чтобы sticky-шапка (.hdr, 100px) не перекрывала верх результатов */
#air-root{scroll-margin-top:116px}

/* Шапка «чистое стекло» (theme-liquid-skill.css, §7: background:transparent на
   ширинах >860px) рассчитана на страницы с узким контентом — там текст под sticky-
   шапкой почти не оказывается. На «Холоде» карточки брендов и списки серий растянуты
   на всю ширину контейнера, и при обычной прокрутке колесом текст реально проезжает
   под шапкой — без фона он проступает сквозь логотип и меню (найдено 27.08.2026,
   воспроизведено на 900px: карточка «Dantex» наложилась на шапку). Возвращаем
   плотный/блюр фон здесь при любой ширине экрана, не только на мобильной — тот же
   вариант, что theme-liquid-skill.css уже использует ниже 861px. */
.hdr{
  background:rgba(255,255,255,.62) !important;
  -webkit-backdrop-filter:blur(20px) saturate(180%) !important;
  backdrop-filter:blur(20px) saturate(180%) !important;
  border-bottom:1px solid rgba(255,255,255,.55) !important;
  box-shadow:0 6px 20px rgba(60,30,10,.08) !important;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .hdr{background:rgba(255,255,255,.96) !important}
}

/* ---------- Раскладка каталога: фильтры + результаты ----------
   На узких экранах — один поток (фильтры сверху, результаты под ними), как было.
   От 901px — левая колонка с фильтрами + результаты справа: так устроен каталог
   у крупных магазинов техники (Ситилинк и т.п. — фильтры боковой панелью рядом
   со списком товаров, результат виден сразу после клика, без прокрутки вниз).
   Найдено и решено 27.08.2026, по запросу — сравнили с крупными ритейлерами. */
.air-layout{display:block}
@media (min-width:901px){
  .air-layout{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:start}
  .air-filters{margin:0}
  .air-filters__row{flex-direction:column;gap:20px}
  .air-filters__group{min-width:0;width:100%}
  .air-filters__select{min-width:0;width:100%}
  .air-filters__range{gap:8px;width:100%}
  .air-filters__select--range{flex:1 1 0;min-width:0;padding:9px 30px 9px 12px;background-position:right 9px center}
  .air-filters__go{width:100%;text-align:center}
}

/* ---------- Панель фильтров (быстрый подбор, минуя воронку бренд→серия) ---------- */
.air-filters{
  background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg,18px);
  padding:22px 24px 24px;margin:24px 0 30px;box-shadow:var(--shadow);
}
.air-filters__row{display:flex;flex-wrap:wrap;gap:22px 28px}
.air-filters__group{display:flex;flex-direction:column;gap:8px;min-width:180px}
/* 03.09.2026: свой display перебивает UA-правило [hidden]{display:none} — без этой
   строки #filterPortsGroup оставался бы виден с пустым списком чипов даже при hidden=true. */
.air-filters__group[hidden]{display:none}
.air-filters__label{font-size:12.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}
.air-filters__chips{display:flex;flex-wrap:wrap;gap:7px}
/* 27.08.2026: ссылка «Чем отличаются?» под чипами бренда — вместо инлайн-текста про
   Dantex/Marsa (тот вариант отклонён, звучал рекламно) ведёт на уже готовую статью
   /pro-holod/dantex-ili-marsa/. Один источник объяснения, не второй текст своими словами. */
.air-filters__link{align-self:flex-start;font-size:12.5px;font-weight:600;color:var(--brand);text-decoration:none}
.air-filters__link:hover{text-decoration:underline}
.air-fchip{
  appearance:none;cursor:pointer;border:1.5px solid var(--card-border);background:#fff;color:var(--ink-soft);
  font-family:'Onest',sans-serif;font-weight:600;font-size:13.5px;padding:8px 14px;border-radius:10px;
  transition:background .15s,color .15s,border-color .15s;
}
.air-fchip[aria-pressed="true"]{background:var(--brand);color:#fff;border-color:var(--brand)}
@media (hover:hover) and (pointer:fine){
  .air-fchip:not([aria-pressed="true"]):hover{border-color:var(--brand);color:var(--brand)}
}
.air-filters__select{
  appearance:none;border:1.5px solid var(--card-border);background:#fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%233d5878" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>') no-repeat right 12px center/16px;
  color:var(--ink);font-family:'Onest',sans-serif;font-weight:600;font-size:13.5px;
  padding:9px 36px 9px 14px;border-radius:10px;min-width:180px;cursor:pointer;
}
.air-filters__range{display:flex;align-items:center;gap:8px}
.air-filters__select--range{min-width:112px}
/* 11.09.2026: «Серия» — раскрывающийся список, а не чипы. Серий 48, чипами они
   удвоили бы высоту панели, поэтому одна кнопка с текущим выбором и список под ней
   по нажатию. Внутри — чекбоксы (выбор множественный), по бренду — заголовками,
   когда бренд не выбран. Список absolute: не раздвигает панель, соседние фильтры
   не прыгают. Тот же приём и вид, что у конвекторов в каталоге тепла
   (katalog-filters.js, .kf__dd-*) — оба раздела обязаны выглядеть одинаково. */
.air-filters__group--series{position:relative}
/* 230px, а не общие 180: названия серий до 30 знаков, на ширинах 601–900px, где
   группы стоят в ряд, иначе они переносились бы на две строки. От 901px колонка
   панели 280px и группа занимает её целиком (правило выше в @media). */
@media (max-width:900px){.air-filters__group--series{min-width:230px}}
.air-dd__btn{
  appearance:none;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;
  text-align:left;border:1.5px solid var(--card-border);background:#fff;color:var(--ink);
  font-family:'Onest',sans-serif;font-weight:600;font-size:13.5px;padding:9px 14px;border-radius:10px;cursor:pointer;
  transition:background .15s,color .15s,border-color .15s;
}
.air-dd__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.air-dd__btn::after{
  content:"";flex:0 0 auto;width:7px;height:7px;margin-top:-4px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .15s;
}
.air-dd__btn[aria-expanded="true"]::after{margin-top:4px;transform:rotate(-135deg)}
.air-dd__btn--set{background:var(--brand);color:#fff;border-color:var(--brand)}
@media (hover:hover) and (pointer:fine){
  .air-dd__btn:not(.air-dd__btn--set):hover{border-color:var(--brand);color:var(--brand)}
  .air-dd__opt:hover{background:#eef8f5}
}
.air-dd__menu{
  position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;background:#fff;
  border:1px solid var(--card-border);border-radius:12px;box-shadow:0 12px 32px rgba(5,50,40,.16);
  padding:6px 0;max-height:320px;overflow-y:auto;
}
.air-dd__menu[hidden]{display:none}
.air-dd__head{padding:8px 14px 2px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
/* 42px строки — под палец; текст может переноситься, чекбокс при этом не сжимается.
   Размер чекбокса задан явно — сторож тесты/test_form_controls.py ловит переключатели,
   раздутые чужим width:100%. */
.air-dd__opt{display:flex;align-items:center;gap:10px;min-height:42px;padding:6px 14px;font-size:13.5px;font-weight:500;color:var(--ink);cursor:pointer;line-height:1.3}
.air-dd__opt input{width:16px;height:16px;flex:0 0 auto;margin:0;accent-color:var(--brand);cursor:pointer}
.air-filters__range-dash{color:var(--muted);font-weight:700;flex:0 0 auto}
/* 31.08.2026: кнопка «Показать N моделей» заменена счётчиком и сбросом — фильтр
   применяется сразу. Раскладка та же, что в каталоге тепла (.kf__foot). */
.air-filters__foot{margin-top:20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.air-filters__count{font-size:14px;font-weight:700;color:var(--ink)}
.air-filters__reset{appearance:none;background:none;border:0;cursor:pointer;font-family:'Onest',sans-serif;
  font-size:13.5px;font-weight:600;color:var(--muted);text-decoration:underline;padding:0}
@media (hover:hover) and (pointer:fine){.air-filters__reset:hover{color:var(--brand)}}
.air-filters__go{
  appearance:none;cursor:pointer;border:0;
  background:linear-gradient(160deg,#3ddcb9 0%,#0f8f74 55%,#0b6e5a 100%);color:#fff;
  font-family:'Onest',sans-serif;font-weight:700;font-size:15px;padding:13px 26px;border-radius:12px;
  box-shadow:inset 0 1.5px 0 rgba(220,255,245,.6),0 8px 20px rgba(15,143,116,.30);
  transition:transform .15s,box-shadow .15s,opacity .15s;
}
.air-filters__go:disabled{background:var(--card-border);color:var(--muted);box-shadow:none;cursor:not-allowed}
@media (hover:hover) and (pointer:fine){
  .air-filters__go:not(:disabled):hover{transform:translateY(-2px);box-shadow:inset 0 1.5px 0 rgba(230,255,248,.8),0 12px 26px rgba(15,143,116,.42)}
}
@media (max-width:640px){
  /* Fix шапки раздела «Холод» на узких экранах (≤360px давал горизонтальный скролл 9px):
     логотип занимал ~207px из 360 и выталкивал бургер за край. Слегка ужимаем логотип
     и gap — корзина (.cart-link), кнопка-звонок (.hdr-call) и бургер помещаются.
     .hdr__cta НЕ трогаем: внутри корзина, её терять нельзя. */
  .logo{font-size:20px;gap:8px}
  .hdr__row{gap:6px}
  /* страховка: раздел «Холод» никогда не даёт горизонтального скролла */
  html,body{overflow-x:clip}
}
@media (max-width:600px){
  .air-filters{padding:18px 16px 20px}
  .air-filters__row{gap:16px 20px}
  .air-filters__group{min-width:140px;flex:1 1 140px}
  .air-filters__select{min-width:0;width:100%}
  /* Диапазон площади — во всю ширину строки, чтобы «от … — до …» не сжимались до нечитаемого */
  .air-filters__group:has(.air-filters__range){flex:1 1 100%}
  .air-filters__group--series{flex:1 1 100%}
  .air-filters__range{gap:8px;width:100%}
  .air-filters__select--range{flex:1 1 0;min-width:0;padding:9px 30px 9px 12px;background-position:right 9px center}
  .air-filters__go{width:100%;text-align:center}
  /* Топбар товара: на узких экранах крошки над кнопкой, кнопка «Назад» во всю ширину — без лесенки */
  .pd-topbar{flex-direction:column;align-items:stretch;gap:10px}
  .pd-crumb{font-size:12.5px;gap:5px}
  .pd-crumb__link,.pd-crumb span.cur{padding:5px 10px}
  .pd-back{justify-content:center;width:100%;padding:10px 15px}
}

/* ---------- Хлебные крошки ---------- */
.air-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:20px 0 18px;font-size:14px}
.air-crumb__b{appearance:none;border:0;background:none;cursor:pointer;color:var(--brand);font-weight:600;font-family:inherit;font-size:14px;padding:2px 2px}
.air-crumb__b:hover{text-decoration:underline}
.air-crumb__sep{color:var(--muted)}
.air-crumb__cur{color:var(--ink-soft);font-weight:700}
.air-lead{font-size:16px;color:var(--ink-soft);margin:6px 0 16px;font-weight:600}

/* 31.08.2026: стили экранов воронки (плашки брендов, кнопки подвидов, сетка серий)
   удалены вместе с самими экранами — каталог показывает товар сразу, бренд и тип
   выбираются фильтром слева. Классы .air-series-card ниже ОСТАВЛЕНЫ: их использует
   31 страница серии (блок «похожие модели»), это не мёртвый код. */

/* ---------- Развилка по сериям (карточки с фото) ---------- */
.air-series-card{
  display:flex;flex-direction:column;text-align:left;cursor:pointer;overflow:hidden;
  background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius,16px);
  box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s,border-color .15s;padding:0;
}
.air-series-card__pic{aspect-ratio:16/10;background:linear-gradient(160deg,#f2fbf8,#e0f3ee);display:flex;align-items:center;justify-content:center;overflow:hidden}
.air-series-card__img{width:100%;height:100%;object-fit:contain;padding:8px}
.air-series-card__body{padding:13px 15px 16px;display:flex;flex-direction:column;gap:4px}
.air-series-card__name{font-family:'Unbounded',sans-serif;font-weight:700;font-size:15px;color:var(--ink)}
.air-series-card__meta{font-size:13px;color:var(--ink-soft);font-weight:600}
@media (hover:hover) and (pointer:fine){
  .air-series-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--brand)}
}

/* плейсхолдер фото (Marsa/нет фото) */
.air-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#8fd0c0}
.air-ph svg{width:44%;max-width:90px;opacity:.7}

/* ---------- Сортировка результатов ---------- */
.air-sort{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.air-sort__label{font-size:13px;color:var(--muted);font-weight:600}
.air-sort__btn{
  font-size:13px;font-weight:600;color:var(--ink-soft);background:var(--card);
  border:1px solid var(--card-border);border-radius:999px;padding:6px 14px;
  transition:border-color .15s,color .15s,background .15s;
}
.air-sort__btn[aria-pressed="true"]{color:#fff;background:var(--brand);border-color:var(--brand)}
@media (hover:hover) and (pointer:fine){
  .air-sort__btn:not([aria-pressed="true"]):hover{border-color:var(--brand)}
}

/* ---------- Сетка карточек ---------- */
.air-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:16px}
.air-card{
  display:flex;flex-direction:column;background:var(--card);border:1px solid var(--card-border);
  border-radius:var(--radius,16px);padding:18px;box-shadow:var(--shadow);
  transition:transform .15s,box-shadow .15s,border-color .15s;
}
.air-card--link{cursor:pointer} /* вся карточка кликабельна → страница серии */
@media (hover:hover) and (pointer:fine){
  .air-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--warm)}
}
.air-card__pic{margin:-18px -18px 14px;aspect-ratio:16/10;background:linear-gradient(160deg,#f2fbf8,#e0f3ee);border-radius:15px 15px 0 0;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.air-card__pic img{width:100%;height:100%;object-fit:contain;padding:8px}
/* 03.09.2026: flex-wrap добавлен из-за наружных блоков мульти-сплита — там теперь ДВА
   бейджа (площадь + число портов) рядом с брендом, три nowrap-элемента в узкой карточке
   (грид-колонка от 255px) без wrap распирали .air-card__top на 2px за вьюпорт (флекс-айтемы
   по умолчанию min-width:auto, не сжимаются). Без wrap бейдж просто перескакивает на вторую
   строку — на карточках с одним бейджем (весь остальной каталог) ничего не меняется. */
.air-card__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}
.air-card__brand{
  font-family:'Unbounded',sans-serif;font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--brand);background:var(--brand-soft);padding:4px 10px;border-radius:999px;
}
.air-card__brand[data-b="SHARP"]{color:#0a5a4a;background:#e0f1ec}
.air-card__badge{
  font-size:12.5px;font-weight:700;color:var(--ink-soft);background:var(--air-ice);
  border:1px solid var(--card-border);padding:4px 10px;border-radius:999px;white-space:nowrap
}
.air-card__series{font-family:'Unbounded',sans-serif;font-weight:700;font-size:13px;color:var(--muted);margin:0 0 2px}
.air-card__name{font-weight:700;font-size:16px;line-height:1.25;color:var(--ink);margin:0 0 10px;text-decoration:none}
a.air-card__name{display:block}
@media (hover:hover) and (pointer:fine){
  a.air-card__name:hover{color:var(--brand)}
}
.air-card__desc{font-size:13px;line-height:1.5;color:var(--ink-soft);margin:0 0 10px}
/* фич-блок «съедает» свободную высоту, чтобы цена+кнопка у всех карточек ряда
   стояли на одной линии внизу — вместо хрупкого flex:1 на описании, из-за которого
   карточки с разной высотой блока цены (перенос бейджа «−20%») визуально съезжали */
.air-card__feat{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;flex:1;align-content:flex-start}
.air-feat-chip{
  display:inline-flex;align-items:center;gap:5px;background:var(--air-ice);color:var(--brand-dark);
  border:1px solid var(--card-border);border-radius:8px;padding:4px 8px;font-size:11px;font-weight:700;
  line-height:1.2;max-width:100%;min-width:0;
}
/* некоторые бейджи (точные диапазоны температур) длиннее обычных ярлыков — переносим
   текст внутри чипа вместо нежелательного горизонтального скролла карточки на мобильных */
.air-feat-chip span{white-space:normal;overflow-wrap:break-word}
.air-feat-chip svg{width:12px;height:12px;flex:none}
/* Цена, старая цена и бейдж «−20%» — ВСЕГДА в одну строку (без переноса бейджа):
   flex-wrap:nowrap + элементы не сжимаются. Одинаковая раскладка на всех карточках. */
/* 22.09.2026: у холода цену с кнопкой к низу прижимал блок фич (flex:1), а у карточек SHARP
   фич нет — кнопка «В корзину» повисала посреди карточки (тот же дефект, что уже чинили
   у холода). margin-top:auto на цене прижимает её и кнопку к низу при любом составе
   карточки; с блоком фич результат тот же — свободное место уходит ему. */
.air-card__price{display:flex;align-items:baseline;gap:8px;flex-wrap:nowrap;margin:auto 0 8px;min-height:33px;white-space:nowrap}
.air-card__now{font-family:'Unbounded',sans-serif;font-weight:800;font-size:22px;color:var(--ink);letter-spacing:-.02em;flex:none}
.air-card__old{font-size:14px;color:var(--muted);text-decoration:line-through;flex:none}
.air-card__save{font-size:12px;font-weight:700;color:#fff;background:var(--brand);padding:2px 8px;border-radius:6px;flex:none;margin-left:auto}
/* 05.09.2026: наружный блок тяжелее лимита СДЭК на одно место (45кг) — курьером не
   уедет, только самовывоз. Приглушённый предупреждающий цвет (не яркий градиент «Хит» —
   это не преимущество товара, а ограничение), текст, не иконка (см. решение по практике
   рынка — Leroy Merlin/Petrovich пишут "Только самовывоз" текстом у тяжёлых позиций). */
.air-card__pickup-only{
  display:block;font-size:12px;font-weight:700;color:#8a4b00;background:#fff2df;
  border:1px solid #f0c98a;border-radius:8px;padding:5px 10px;margin:0 0 10px;
}
/* 05.09.2026: по практике маркетплейсов (Ozon/WB) — иконка + подпись у товара с
   доставкой, нейтральный спокойный цвет (не спорит вниманием с ценой/скидкой). */
.air-card__delivery-ok{
  display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ink-soft);
  margin:0 0 10px;
}
.air-card__delivery-ok svg{width:15px;height:15px;flex:none;color:var(--brand)}
.air-card__hit{
  position:absolute;top:10px;right:10px;
  font-family:'Unbounded',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;
  color:#7a3d00;background:linear-gradient(160deg,#ffd580,#ffb020);padding:4px 10px;border-radius:999px;
}
.air-card__btn{
  display:block;text-align:center;background:linear-gradient(160deg,#3ddcb9 0%,#0f8f74 55%,#0b6e5a 100%);
  color:#fff;font-weight:700;font-size:15px;padding:12px;border-radius:12px;text-decoration:none;border:0;cursor:pointer;
  box-shadow:inset 0 1.5px 0 rgba(220,255,245,.6),0 8px 20px rgba(15,143,116,.30);
  transition:transform .15s,box-shadow .15s;
}
@media (hover:hover) and (pointer:fine){
  .air-card__btn:hover{transform:translateY(-2px);box-shadow:inset 0 1.5px 0 rgba(230,255,248,.8),0 12px 26px rgba(15,143,116,.42)}
}

.air-note{margin:22px 0 0;font-size:13px;color:var(--muted);line-height:1.55}

/* ---------- Мобильное ---------- */
@media (max-width:600px){
  .air-hero{padding:38px 0 28px}
  .air-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:11px}
  .air-card{padding:14px;border-radius:14px}
  .air-card__now{font-size:19px}
  .air-card__name{font-size:14.5px}
  .air-tab{font-size:13px;padding:9px 13px}
  /* Узкая карточка (~150px): цена+старая+бейдж в одну строку не влезают физически,
     поэтому разрешаем перенос — бейдж «−20%» встаёт под цену. У ВСЕХ карточек одинаково
     (все узкие), так что «скачков» между соседями нет. Строка nowrap оставалась бы —
     бейдж вылезал бы за край карточки. */
  .air-card__price{flex-wrap:wrap;white-space:normal;min-height:0}
  .air-card__save{margin-left:0}
}

/* ---------- Доставка и оплата (секция раздела «Микроклимат») ---------- */
.air-dp{padding:64px 0 72px}
.air-dp__h2{font-size:clamp(24px,3.4vw,34px);line-height:1.15;margin:8px 0 10px;color:var(--ink);letter-spacing:-.01em}
.air-dp__lead{font-size:clamp(15px,2vw,17px);line-height:1.55;color:var(--ink-soft);margin:0 0 30px;max-width:64ch}
.air-dp__grid{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;row-gap:18px;align-items:start}
.air-dp__col{display:flex;flex-direction:column;gap:16px}
.air-dp__colh{font-size:20px;font-weight:800;margin:0 0 2px;color:var(--ink);letter-spacing:-.01em}
.air-dp__item{
  background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg,18px);
  padding:18px 20px;box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s;
}
.air-dp__item-h{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;color:var(--ink);margin-bottom:6px}
.air-dp__item-h svg{color:var(--brand);flex:none}
.air-dp__item p{margin:0;font-size:14.5px;line-height:1.5;color:var(--ink-soft)}
@media (hover:hover) and (pointer:fine){
  .air-dp__item:hover{border-color:var(--brand);box-shadow:var(--shadow-lg)}
}
@media (max-width:760px){
  .air-dp{padding:48px 0 56px}
  .air-dp__grid{grid-template-columns:1fr;gap:22px}
}

/* ── Список всех серий (блок #all-models, собирает gen_holod_series_index.py) ──
   Карточки каталога выше рисует JavaScript, и до появления этого блока в разметке
   страницы не было ни одной ссылки на страницы серий — поисковый робот скрипты не
   выполняет и попасть на них не мог. Список открытый, а не спрятанный: скрытые
   блоки ссылок Яндекс считает попыткой обмана (проверено на другом нашем сайте).
   Человеку он тоже нужен — иначе к конкретной серии идти только через фильтры. */
#all-models .all-series__lead{ max-width:70ch; color:var(--muted,#6b7280); margin-bottom:22px; }
/* Кнопка-раскрывашка <summary> — нативный <details>, не JS и не visually-hidden:
   контент виден роботу что свёрнутым, что открытым, а человеку по умолчанию
   компактная кнопка вместо простыни ссылок (27.08.2026). */
#all-models .all-series__summary{
  cursor:pointer; list-style:none; display:inline-flex; align-items:center; gap:8px;
  padding:12px 22px; border-radius:999px; border:1px solid var(--card-border,#e4d8c6);
  background:var(--card,#fff); font-weight:700; font-size:.95rem; color:var(--ink);
  box-shadow:var(--shadow,0 10px 30px rgba(25,14,6,.07)); width:fit-content;
}
#all-models .all-series__summary::-webkit-details-marker{ display:none; }
#all-models .all-series__summary::after{ content:'▾'; font-size:.8em; transition:transform .2s; }
#all-models .all-series__summary:hover{ background:var(--bg-alt,#efe8dc); }
#all-models .all-series__details[open] .all-series__summary::after{ transform:rotate(180deg); }
#all-models .all-series__details[open] .all-series__summary{ margin-bottom:12px; }
#all-models .all-series__h{
  font-size:1rem; margin:22px 0 10px; padding-bottom:8px;
  border-bottom:1px solid var(--line,rgba(0,0,0,.1));
}
#all-models .all-series__list{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(auto-fill, minmax(min(260px,100%), 1fr)); gap:6px 22px;
}
#all-models .all-series__list li{ margin:0; }
#all-models .all-series__list a{
  display:block; padding:5px 0; font-size:.93rem; line-height:1.35;
  text-decoration:none; border-bottom:1px solid transparent;
}
#all-models .all-series__list a:hover{ text-decoration:underline; }

/* 22.09.2026: фото с dantex.ru / shop.sharp.ru — JPG с белым фоном; на мятной подложке
   бокса они смотрятся белым прямоугольником. Где фото есть — подложка белая, плейсхолдер
   (капля) остаётся на мятном градиенте. */
.air-card__pic:has(img),.air-hero-card__pic:has(img){background:#fff}

/* ============================================================
   Страница модели (микроклимат) — галерея, характеристики; из holod.css, cool-* → air-*
   ============================================================ */

/* --- Верхний блок: галерея + сводка --- */
.pd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:stretch;margin:8px 0 10px}
@media (max-width:860px){ .pd{grid-template-columns:1fr;gap:22px;align-items:start} }

.pd-gal{display:flex;flex-direction:column}
.pd-gal__main{
  flex:1;min-height:340px;border-radius:var(--radius-lg,18px);overflow:hidden;
  background:linear-gradient(160deg,#f2fbf8,#e0f3ee);border:1px solid var(--card-border);
  display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);position:relative;
}
@media (max-width:860px){ .pd-gal__main{flex:none;aspect-ratio:4/3;min-height:0} }
.pd-gal__main img{width:100%;height:100%;object-fit:contain;padding:18px}
.pd-gal__main:has(.pd-gal__arrow) img{cursor:pointer} /* обычная рука: клик листает, без зума */
/* Стрелки поверх главного фото */
.pd-gal__arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:2;
  width:42px;height:42px;border-radius:999px;border:1px solid var(--card-border);
  background:rgba(255,255,255,.86);color:var(--brand);cursor:pointer;
  display:flex;align-items:center;justify-content:center;padding:0;
  box-shadow:0 4px 14px rgba(15,143,116,.18);backdrop-filter:blur(3px);
  transition:background .15s,color .15s,transform .15s,opacity .15s;
}
.pd-gal__arrow svg{width:22px;height:22px}
.pd-gal__arrow--prev{left:12px}
.pd-gal__arrow--next{right:12px}
@media (hover:hover) and (pointer:fine){
  .pd-gal__arrow:hover{background:var(--brand);color:#fff;box-shadow:0 6px 18px rgba(15,143,116,.34)}
  .pd-gal__arrow--prev:hover{transform:translateY(-50%) translateX(-2px)}
  .pd-gal__arrow--next:hover{transform:translateY(-50%) translateX(2px)}
}
.pd-gal__arrow:active{transform:translateY(-50%) scale(.94)}
.pd-gal__thumbs{display:flex;gap:9px;flex-wrap:wrap;margin-top:11px}
.pd-gal__thumb{
  width:64px;height:64px;border-radius:10px;overflow:hidden;cursor:pointer;padding:0;
  border:2px solid var(--card-border);background:#fff;flex:none;
  display:flex;align-items:center;justify-content:center;transition:border-color .15s;
}
.pd-gal__thumb img{width:100%;height:100%;object-fit:contain;padding:4px}
.pd-gal__thumb[aria-current="true"]{border-color:var(--brand)}
@media (hover:hover) and (pointer:fine){
  .pd-gal__thumb:hover{border-color:var(--brand)}
}

.pd-sum__brand{font-family:'Unbounded',sans-serif;font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--brand);background:var(--brand-soft);padding:5px 12px;border-radius:999px;display:inline-block}
.pd-sum__h1{font-family:'Unbounded',sans-serif;font-weight:800;font-size:clamp(24px,3.6vw,34px);letter-spacing:-.02em;color:var(--ink);margin:14px 0 6px}
.pd-sum__type{font-size:14.5px;color:var(--ink-soft);font-weight:600;margin:0 0 16px}
.pd-sum__desc{font-size:15px;line-height:1.6;color:var(--ink-soft);margin:0 0 18px}
.pd-sum__more{display:none}
@media (max-width:640px){
  .pd-sum__desc.is-clamped{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px}
  .pd-sum__more{display:inline-flex;align-items:center;gap:6px;margin:0 0 18px;padding:0;border:0;background:none;font:600 14px/1.3 inherit;color:var(--brand);cursor:pointer}
  .pd-sum__more::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
  .pd-sum__more[aria-expanded="true"]::after{transform:rotate(-135deg) translateY(-1px)}
}

/* переключатель типоразмера */
.pd-sizes{margin:0 0 18px}
.pd-sizes__label{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin:0 0 8px;display:block}
.pd-sizes__grid{display:flex;flex-wrap:wrap;gap:9px}
.pd-size{
  appearance:none;cursor:pointer;border:1.5px solid var(--card-border);background:#fff;color:var(--ink);
  font-family:'Onest',sans-serif;font-weight:700;font-size:14px;padding:10px 16px;border-radius:12px;
  transition:border-color .15s,color .15s,background .15s;text-align:left;line-height:1.3;
}
.pd-size span{display:block;font-size:11.5px;font-weight:600;color:var(--muted);margin-top:2px}
.pd-size[aria-current="true"]{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}
.pd-size[aria-current="true"] span{color:var(--brand-dark)}
@media (hover:hover) and (pointer:fine){
  .pd-size:hover{border-color:var(--brand)}
}

.pd-sum__price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 18px}
.pd-sum__now{font-family:'Unbounded',sans-serif;font-weight:800;font-size:32px;color:var(--ink);letter-spacing:-.02em}
.pd-sum__old{font-size:17px;color:var(--muted);text-decoration:line-through}
.pd-sum__save{font-size:13px;font-weight:700;color:#fff;background:var(--brand);padding:3px 10px;border-radius:7px}
.pd-sum__hit{
  position:absolute;top:14px;right:14px;
  font-family:'Unbounded',sans-serif;font-weight:700;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;
  color:#7a3d00;background:linear-gradient(160deg,#ffd580,#ffb020);padding:5px 12px;border-radius:999px;
}
.pd-sum__actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.pd-sum__note{font-size:12.5px;color:var(--muted);line-height:1.5}
/* 05.09.2026: тот же признак, что .air-card__pickup-only в карточке каталога — здесь
   привязан к конкретному выбранному типоразмеру (JS показывает/скрывает при переключении
   в pd-sizes, см. selectModel() в gen_holod_products.py), т.к. в одной серии типоразмеры
   отличаются весом наружного блока. */
.pd-sum__pickup-note{
  display:block;font-size:13px;font-weight:700;color:#8a4b00;background:#fff2df;
  border:1px solid #f0c98a;border-radius:9px;padding:8px 12px;margin:0 0 14px;
}
.pd-sum__pickup-note[hidden]{display:none}
.pd-sum__delivery-ok{
  display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--ink-soft);
  margin:0 0 14px;
}
.pd-sum__delivery-ok[hidden]{display:none}
.pd-sum__delivery-ok svg{width:17px;height:17px;flex:none;color:var(--brand)}

/* фичи-чипы под сводкой (переиспользуем .air-feat-chip) */
.pd-sum__feat{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}

/* --- Список технологий серии --- */
.pd-tech{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin-top:18px}
.pd-tech__item{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:11px 14px;box-shadow:var(--shadow)}
.pd-tech__item b{display:block;font-size:13px;color:var(--ink);margin-bottom:2px;line-height:1.3}
.pd-tech__item p{font-size:12px;line-height:1.4;color:var(--ink-soft);margin:0}

/* --- Таблица характеристик --- */
.pd-specs{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg,18px);box-shadow:var(--shadow);overflow:hidden;margin-top:8px}
.pd-specs__group + .pd-specs__group{border-top:1px solid var(--card-border)}
.pd-specs__group-h{font-family:'Unbounded',sans-serif;font-weight:700;font-size:13.5px;letter-spacing:.02em;color:var(--brand-dark);background:var(--bg-alt);padding:12px 20px}
.pd-specs__row{display:flex;justify-content:space-between;gap:16px;padding:12px 20px;border-top:1px solid var(--card-border);font-size:14px}
.pd-specs__group-h + .pd-specs__row{border-top:0}
.pd-specs__row:nth-child(odd){background:rgba(233,241,249,.35)}
.pd-specs__k{color:var(--ink-soft)}
.pd-specs__v{color:var(--ink);font-weight:700;text-align:right;white-space:pre-line}

/* --- Верхняя панель страницы товара: крошки слева + кнопка «Назад» справа, одна линия --- */
.pd-topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;margin:18px auto 8px}
.pd-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px;min-width:0}
.pd-crumb__link{
  display:inline-flex;align-items:center;background:#fff;border:1px solid var(--card-border);
  color:var(--brand);font-weight:600;text-decoration:none;padding:6px 12px;border-radius:999px;
  transition:background .15s,border-color .15s,color .15s;
}
.pd-crumb span.sep{color:var(--muted);font-weight:600}
.pd-crumb span.cur{
  display:inline-flex;align-items:center;background:var(--brand-soft);color:var(--ink-soft);
  font-weight:700;padding:6px 12px;border-radius:999px;
}
.pd-back{
  display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;
  background:#fff;border:1px solid var(--card-border);color:var(--brand);
  font-size:13.5px;font-weight:700;text-decoration:none;padding:8px 15px;border-radius:999px;
  box-shadow:var(--shadow);transition:background .15s,border-color .15s,color .15s,transform .15s;
}
.pd-back svg{flex:0 0 auto}
@media (hover:hover) and (pointer:fine){
  .pd-crumb__link:hover{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark)}
  .pd-back:hover{background:var(--brand);border-color:var(--brand);color:#fff;transform:translateY(-1px)}
}

/* --- Похожие серии внизу --- */
.pd-related{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:15px;margin-top:14px}
/* Блок «Похожие серии» в карточке: четыре карточки столбиком занимали 1 244 px —
   на телефоне лента вбок, видна одна карточка и край следующей (82 %).
   Стоит после базового правила выше: специфичность та же, побеждает позднее. */
@media (max-width:640px){
  .pd-related{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
    padding-bottom:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .pd-related::-webkit-scrollbar{display:none}
  .pd-related > *{flex:0 0 82%;scroll-snap-align:start}
}

@media (max-width:600px){
  .pd-sum__h1{font-size:23px}
  .pd-sum__now{font-size:26px}
  .pd-gal__thumb{width:52px;height:52px}
  .pd-gal__arrow{width:38px;height:38px}
  .pd-gal__arrow svg{width:20px;height:20px}
  .pd-gal__arrow--prev{left:8px}
  .pd-gal__arrow--next{right:8px}
  .pd-specs__row{padding:10px 14px;font-size:13px}
  .pd-specs__group-h{padding:10px 14px}
}

/* Описание производителя на странице модели (дословный текст с dantex.ru / shop.sharp.ru) */
.pd-descr{max-width:76ch;margin-top:10px}
.pd-descr p{font-size:15px;line-height:1.65;color:var(--ink-soft);margin:0 0 14px}
.pd-descr__src{font-size:12.5px;color:var(--muted)}
.pd-descr__src a{color:var(--brand)}
.pd-tech__item b{margin-bottom:0}