/* ===== W1 (06.10.2026) — хром-правки infernonl / infernode. Источник: _tools/slotclone/cocoon/skin/w1-chrome.css
   (build.py синхронизирует в <theme>/css/w1-chrome.css). Подключается последним в <head> на всех страницах. ===== */

/* 1. HERO главной: карточка растёт под контент (было height:clamp(430px,60vh,560px) + overflow:hidden →
      kicker сверху и кнопки снизу обрезались на 1366×800/1920×1080). Высота донора остаётся минимумом. */
/* (инлайн-стиль главной вставляется в <head> ПОСЛЕ этого файла → селекторы усилены .hero; ≤720 — правила донора) */
@media (min-width:721px){
  .hero .hero-card{height:auto;min-height:clamp(430px,60vh,560px)}
  .hero .hero-copy{height:auto;min-height:clamp(430px,60vh,560px);box-sizing:border-box;gap:11px;padding:30px 0 30px 40px}
  /* текст ужат как в доноре: лид компактнее, цифры ближе */
  .hero .hero-copy .hublead{font-size:15px;line-height:1.55}
  .hero .hero-copy .offers li{font-size:16.5px}
}

/* 3. .hearth: реф-кнопка донора «Spela ↗ Annons» вместо пилюли «Nieuwe slots» */
.hearth .hplay{margin-left:auto}.hearth .hlinks{min-width:0}
@media (min-width:721px) and (max-width:1240px){
  .hearth .hlink{padding:9px 8px;font-size:14px}
  .hearth .hplay{padding:10px 14px}
}
@media (min-width:721px) and (max-width:1020px){
  .hearth-in{overflow-x:auto;scrollbar-width:none}
  .hearth .hplay .hd-ad{display:none}
}
@media (max-width:720px){
  .hearth .hplay{margin-left:auto;padding:9px 12px;font-size:13px}
  .hearth .hplay .hd-ad{font-size:8px;margin-left:5px;letter-spacing:.1em}
}
@media (max-width:380px){
  .hearth .hplay .hd-ad{letter-spacing:.04em}
}

/* брендбар: age-note не режется на мобиле — переносится в 2 строки мельче */
@media (max-width:480px){
  .brandbar .age-note{white-space:normal;text-align:right;font-size:10px;line-height:1.25;max-width:46vw;overflow:visible;text-overflow:clip}
}

/* 2. виджет .offw: на мобиле открыт по умолчанию, ширина ≈25% экрана, пульс со свечением (клиент, go_rail.j2 06.10) */
/* карточка = арт донора 581×913 при высоте 192px → 122px; ширина задана явно (нужна для container-единиц) */
/* (инлайн-стиль главной повторяет канон после этого файла → селекторы усилены .offw) */
.offw .offw-card{container-type:inline-size;width:122px}
.offw .offw-art{width:100%;height:auto}
.offw-b1,.offw-b2{white-space:nowrap;overflow:hidden;font-size:clamp(6px,8.4cqw,10.5px)!important;letter-spacing:0}
.offw-b1.lg,.offw-b2.lg{font-size:clamp(6px,7.2cqw,10px)!important;letter-spacing:-.01em}
@keyframes w1Pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,145,0,0)}50%{box-shadow:0 0 18px 4px rgba(255,145,0,.55)}}
@keyframes w1Beat{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
.offw.on .offw-card{border-radius:14px;animation:w1Pulse 2s ease-in-out infinite}
.offw.on:not(.min) .offw-card{animation:w1Pulse 2s ease-in-out infinite,w1Beat 2s ease-in-out infinite}
@media (max-width:767px){
  .offw{right:8px;bottom:calc(var(--hearth-h) + 8px)}
  .offw .offw-card{width:25vw;min-width:86px;max-width:120px}
  .offw-note{font-size:6px}
}
@media (prefers-reduced-motion:reduce){
  .offw.on .offw-card,.offw.on:not(.min) .offw-card{animation:none}
}

/* 4. пилы-ссылки: метка функции/темы с хабом = <a class="chip txt lnk"> */
a.chip.lnk{color:#fff;border-color:rgba(255,179,0,.42);text-decoration:none;
  transition:border-color .15s ease,color .15s ease,background-color .15s ease,transform .15s ease}
a.chip.lnk::after{content:"→";margin-left:2px;font-weight:800;color:var(--cta1);opacity:.75;transition:transform .15s ease}
a.chip.lnk:hover,a.chip.lnk:focus-visible{border-color:var(--cta1);color:var(--cta1);background-color:rgba(255,145,0,.09);transform:translateY(-1px)}
a.chip.lnk:hover::after{transform:translateX(2px);opacity:1}
@media (prefers-reduced-motion:reduce){a.chip.lnk,a.chip.lnk::after{transition:none}a.chip.lnk:hover{transform:none}}