/*
 * ქაღალდის აჭარა: ახალი მთავარი გვერდის (HomeV2) იერი.
 *
 * ფაილი მხოლოდ მთავარზე იტვირთება (HomeV2.astro, `<main>`-ის პირველი
 * შვილი, site-v2.css-ის შემდეგ). Tailwind-ს არ ეკუთვნის და Vite მას არ
 * ეხება. ცვლილებისას HomeV2.astro-ს `HM_V` იზრდება.
 *
 * წესები (LOOK-CONTRACT §3, .claude/rules/look.md):
 *   - ყოველი სელექტორი `html[data-design='v2']`-ით იწყება და შემდეგ `.hm`
 *     (ყოველ ეპიზოდს აქვს). გვერდის ჩარჩო (header, footer, ქვედა ზოლი,
 *     ქუქიები) მხოლოდ `:has(#main > section.hm-first)`-ით: სხვა გვერდი
 *     ბაიტ-ბაიტ უცვლელია. შიშველი html, body, * და :root არასდროს.
 *   - ჩვენება-დამალვა მხოლოდ `hidden` ატრიბუტით; ტექსტი CSS-ით არ იმალება.
 *     display: none მხოლოდ დეკორატიულ ნახატს და ცარიელ ადგილს ეხება.
 *   - SVG-ს ზომა ყოველთვის პირდაპირ (width/height), ფენებს max-width:
 *     none: iPhone-ის Safari flex-ში SVG-ს ნულამდე კუმშავდა.
 *
 * ნაწილები: 0 გვერდის ჩარჩო, 1 ტოკენები, 2 საფუძველი, 3 ქაღალდი,
 * 4 მართვა, 5 პირველი ეკრანი, 6 ეპიზოდების მიწა, 7 ქაღალდის მენჯ-ბარძაყი,
 * 8 ეპიზოდები და კომპონენტების ტოკენები, 9 მოძრაობა, 10 ბეჭდვა,
 * 11 ღამე (მუქი თემა; ფაილში ბეჭდვის წინ დგას).
 */

/* ══ 0. გვერდის ჩარჩო: მხოლოდ მთავარზე ═══════════════════════════════ */

/* მუქი თემა: ამ გვერდს ღამის ვერსია აქვს (ნაწილი 11). header, ქუქიები და
   ქვედა ზოლი საიტის მუქ თემას მიჰყვება, როგორც სხვა გვერდებზე. ადრე აქ
   ჩარჩო ძალით ღია რჩებოდა, რადგან ქაღალდის სამყარო მხოლოდ დღისა იყო. */

/* კითხვის პროგრესის ზოლი (Base.astro, effects.css) ამ გვერდზე ჩაიდან
   მანდარინამდეა, ქაღალდის სამყაროს ფერებით */
html[data-design='v2']:has(#main > section.hm-first) .scroll-progress {
  background: linear-gradient(90deg, #2c8a43, #f39a1e);
}

/* ჩაწერა ამ გვერდზე ერთი ფერისაა: მანდარინი მელნის ტექსტით (~9:1),
   header-ში, ქვედა ზოლში და footer-ის ტელეფონზეც. ადრე პირველ ეკრანზე
   ერთდროულად მანდარინი და ჟანგისფერი ჩაწერა ჩანდა. */
html[data-design='v2']:has(#main > section.hm-first) :is(header, footer, div.fixed.inset-x-0.bottom-0) .btn-primary {
  background-color: #f39a1e;
  color: #1a1f1c;
  box-shadow:
    0 1px 0 rgb(20 45 25 / 0.18),
    0 6px 14px rgb(20 45 25 / 0.16);
}
html[data-design='v2']:has(#main > section.hm-first) :is(header, footer, div.fixed.inset-x-0.bottom-0) .btn-primary:hover {
  background-color: #f6ad46;
  color: #1a1f1c;
}

/* ქვედა ზოლი გადის, სანამ ეკრანზე თვითონ ჩაწერის ენა ან ბილეთებია
   (home.js, `data-hm-away`): ორი ჩაწერის ღილაკი ერთ ეკრანზე აღარ დგას
   და ქუქიების ბარათი ქვემოთ ჩადის, მოქმედებებს აღარ ფარავს */
html[data-design='v2']:has(#main > section.hm-first) div.fixed.inset-x-0.bottom-0 {
  transition:
    transform 220ms cubic-bezier(0.23, 1, 0.32, 1),
    visibility 0s;
}
html[data-design='v2']:has(#main > section.hm-first) div.fixed.inset-x-0.bottom-0[data-hm-away] {
  visibility: hidden;
  transform: translateY(calc(100% + 1rem));
  transition:
    transform 220ms cubic-bezier(0.23, 1, 0.32, 1),
    visibility 0s linear 220ms;
}
/* home.js-ის პირველ პასუხამდე ზოლი უკვე გასულია (პირველ ეკრანზე ჩაწერის
   ენა ისედაც ჩანს): ადრე ის პირველ კადრზე ჩნდებოდა და home.js-ის ჩატვირთვისას
   გაცურავდა, ცერის ზონაში და ზედმეტი ღილაკით (2026-10-18). home.js თუ
   ვერ ჩაიტვირთა, ზოლი ოთხ წამში თვითონ ჩნდება (hm-bar-failsafe). */
html.rl-js[data-design='v2']:has(#main > section.hm-first) div.fixed.inset-x-0.bottom-0:not([data-hm-io]) {
  visibility: hidden;
  transform: translateY(calc(100% + 1rem));
  transition: none;
  animation: hm-bar-failsafe 1ms linear 4s both;
}
@keyframes hm-bar-failsafe {
  to {
    visibility: visible;
    transform: none;
  }
}
/* ქუქიების ბარათი ქვედა ზოლის ადგილზე ჩადის transform-ით (4.5rem → 0.75rem):
   `bottom`-ის შეცვლა განლაგების ძვრად ითვლებოდა (CLS 0.03) */
@media (max-width: 47.99rem) {
  html[data-design='v2']:has(#main > section.hm-first) #cookie-banner {
    transition: transform 220ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  html[data-design='v2']:has(div.fixed.inset-x-0.bottom-0[data-hm-away]) #cookie-banner {
    transform: translateY(3.75rem);
  }
}

/* footer: დახურული ეპიზოდების ბოლო, ჩაის ღრმა რიგის მიწაზე, დაჭრილი
   ქაღალდის კიდით ზღვის ზემოთ. მწვანე ტირიანი იარლიყები (eyebrow)
   სათაურებად იქცევა, ბმულები ტელეფონზე ორ სვეტადაა. მარკაპი უცვლელია. */
html[data-design='v2']:has(#main > section.hm-first) footer.bg-deep {
  padding-top: 24px;
  background: #1e6532;
}
html[data-design='v2']:has(#main > section.hm-first) footer.seam::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 24px;
  background:
    url(/design/hm-edge-deep.svg) center bottom / 1440px 24px repeat-x,
    #1e73b8;
  pointer-events: none;
}
html[data-design='v2']:has(#main > section.hm-first) footer p.eyebrow {
  display: block;
  font-size: 1.0625rem;
  font-weight: 750;
  letter-spacing: 0;
  text-transform: none;
  color: #ffffff;
}
html[data-design='v2']:has(#main > section.hm-first) footer p.eyebrow::before {
  content: none;
}
html[data-design='v2']:has(#main > section.hm-first) footer .border-t {
  border-color: rgb(255 255 255 / 0.22);
}
@media (max-width: 39.99rem) {
  html[data-design='v2']:has(#main > section.hm-first) footer nav ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 16px;
    font-size: 1rem;
  }
  /* ტელეფონზე footer მოკლეა (ადრე ~1750px, ცალი სვეტით): ჯგუფებს შორის
     ნაკლები ჰაერი, იურიდიული ბმულებიც ორ სვეტადაა. ბმულის სიმაღლე 44px რჩება */
  html[data-design='v2']:has(#main > section.hm-first) footer .container-page {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  html[data-design='v2']:has(#main > section.hm-first) footer .container-page > .grid {
    row-gap: 28px;
  }
  html[data-design='v2']:has(#main > section.hm-first) footer .mt-7 {
    margin-top: 18px;
  }
  html[data-design='v2']:has(#main > section.hm-first) footer .mt-12 {
    margin-top: 28px;
  }
  html[data-design='v2']:has(#main > section.hm-first) footer .pt-8 {
    padding-top: 20px;
  }
  /* სიტყვა არ იყოფა („კონფიდენციალურობა“): სვეტი სიტყვის სიგანისაა */
  html[data-design='v2']:has(#main > section.hm-first) footer .container-page > .grid > div:last-child > ul:last-child {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    column-gap: 28px;
  }
}

/* სადღესასწაულო ზოლი (#season-bar, ~92px) პირველ ეკრანს ქვემოთ წევს:
   სცენა მაშინ დაბალია, რომ ტელეფონი ქუქიების ზოლზე მაღლა დარჩეს */
@media (max-width: 47.99rem) {
  html[data-design='v2']:has(#season-bar:not([hidden])) .hm.hm-first .hm-stage {
    height: 172px;
    height: clamp(160px, 25svh, 200px);
  }
  html[data-design='v2']:has(#season-bar:not([hidden])) .hm.hm-first .hm-title--first {
    margin-top: 10px;
  }
}

/* ══ 1. ტოკენები ══════════════════════════════════════════════════════ */
html[data-design='v2'] .hm {
  --hm-paper: #ffffff;
  --hm-ink: #1a1f1c;
  --hm-ink-2: #3d4741;
  --hm-pencil: #6b7570;
  --hm-sky: #8fd3ee;
  --hm-sky-t: #d7eef8;
  --hm-sky-t2: #eaf6fb;
  --hm-sea: #1e73b8;
  --hm-sea-hi: #6fa9db;
  --hm-sea-ink: #155a93;
  --hm-tea: #2c8a43;
  --hm-tea-deep: #1e6532;
  --hm-tea-back: #5aa66c;
  --hm-mandarin: #f39a1e;
  --hm-brass: #c9a23a;
  --hm-brass-hi: #e9cf7a;
  --hm-brass-lo: #8c6b1f;
  --hm-line: #cbd3ce;

  --hm-drop: drop-shadow(0 1px 0 rgb(20 45 25 / 0.18)) drop-shadow(0 6px 14px rgb(20 45 25 / 0.12));
  --hm-drop-lift: drop-shadow(0 2px 0 rgb(20 45 25 / 0.16)) drop-shadow(0 12px 22px rgb(20 45 25 / 0.16));
  --hm-grain: url(/design/hm-grain.svg?v=1);

  --hm-font: var(--font-body);
  /* სათაურის ხმა: იგივე ცვლადი შრიფტის ვიწრო და მძიმე ჭრა (wdth 80, wght 860),
     ფილმის სათაურის ბარათივით. მხოლოდ H1-სა და ეპიზოდის სათაურებზე */
  --hm-display-wdth: 80%;
  --hm-display-wght: 860;
  --hm-text: 1.0625rem;
  --hm-h1: clamp(1.3125rem, 0.75rem + 2.4vw, 3rem);
  --hm-h2: clamp(1.625rem, 1.35rem + 1.3vw, 2.5rem);
  --hm-h3: 1.25rem;
  --hm-small: 0.9375rem;

  --hm-gutter: 16px;
  --hm-ep-pad: clamp(40px, 6.5vw, 104px);
  --hm-tea-h: clamp(40px, calc(100vw / 15), 112px);
  --hm-edge-h: clamp(16px, calc(100vw / 60), 24px);

  --hm-frame: 83.333ms;
  --hm-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --hm-spring: linear(0, 0.32 8%, 0.78 19%, 1.05 32%, 1.08 40%, 1.02 56%, 0.995 72%, 1);
  --hm-tab-out: 8px;
}
@supports not (transition-timing-function: linear(0, 1)) {
  html[data-design='v2'] .hm {
    --hm-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  }
}
@media (min-width: 48rem) {
  html[data-design='v2'] .hm {
    --hm-text: 1.125rem;
    --hm-gutter: 24px;
  }
}

/* ══ 2. საფუძველი ═════════════════════════════════════════════════════ */
html[data-design='v2'] .hm {
  font-family: var(--hm-font);
  font-size: var(--hm-text);
  line-height: 1.55;
  color: var(--hm-ink);
  caret-color: var(--hm-sea);
}
/* სათაურები მხოლოდ საკუთარ ბარათებში: ჩასმული კომპონენტების (BodyMap,
   რუკა, Stories…) სათაურებს და აბზაცებს აქედან არაფერი ეხება */
html[data-design='v2'] .hm :is(.hm-title, .hm-card) > :is(h1, h2, h3) {
  margin: 0;
  color: var(--hm-ink);
  letter-spacing: -0.01em;
  text-wrap: balance;
}
html[data-design='v2'] .hm :is(.hm-title, .hm-card) > h2 {
  font-size: var(--hm-h2);
  font-weight: var(--hm-display-wght);
  font-stretch: var(--hm-display-wdth);
  line-height: 1.12;
  letter-spacing: 0;
}
html[data-design='v2'] .hm .hm-card > h3 {
  font-size: var(--hm-h3);
  font-weight: 750;
  line-height: 1.3;
}
html[data-design='v2'] .hm :focus-visible {
  outline: 3px solid var(--hm-ink);
  outline-offset: 3px;
  border-radius: 4px;
}
html[data-design='v2']:has(#main > section.hm-first) ::selection {
  background: rgb(143 211 238 / 0.6);
  color: #1a1f1c;
}
html[data-design='v2'] .hm .hm-nw {
  white-space: nowrap;
}
html[data-design='v2'] .hm .hm-in {
  position: relative;
  max-width: 75rem;
  margin-inline: auto;
  padding-inline: var(--hm-gutter);
}
html[data-design='v2'] .hm .hm-ic {
  display: inline-block;
  flex: none;
  width: 22px;
  height: 22px;
  max-width: none;
  vertical-align: middle;
}
/* ეპიზოდის მთავარი ბმული: მელანი, ჩაისფერი ხაზი, ისარი. ეპიზოდში ერთი */
html[data-design='v2'] .hm .hm-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  font-weight: 700;
  color: var(--hm-ink);
  text-decoration: underline;
  text-decoration-color: var(--hm-tea-deep);
  text-decoration-thickness: 1.5px;
  text-underline-offset: 0.2em;
}
html[data-design='v2'] .hm .hm-more .hm-ic {
  width: 20px;
  height: 20px;
}
/* მეორეხარისხოვანი ბმული: იგივე ხაზი, ისრის გარეშე */
html[data-design='v2'] .hm .hm-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-weight: 650;
  color: var(--hm-ink);
  text-decoration: underline;
  text-decoration-color: var(--hm-tea-deep);
  text-decoration-thickness: 1.5px;
  text-underline-offset: 0.2em;
}
@media (hover: hover) and (pointer: fine) {
  html[data-design='v2'] .hm :is(.hm-more, .hm-link):hover {
    text-decoration-thickness: 2.5px;
  }
}
html[data-design='v2'] .hm .hm-note {
  font-size: var(--hm-small);
  line-height: 1.5;
  color: var(--hm-ink-2);
  max-width: 40rem;
}
html[data-design='v2'] .hm .hm-note--ink {
  font-size: 1rem;
  color: var(--hm-ink);
}
html[data-design='v2'] .hm .hm-big {
  font-size: 1.1875rem;
  font-weight: 750;
  line-height: 1.35;
}

/* ══ 3. ქაღალდი: ბარათი, სათაურის ბარათი, ჭიკარტი ═════════════════════ */
html[data-design='v2'] .hm :is(.hm-card, .hm-title) {
  position: relative;
  isolation: isolate;
  padding: 22px 18px 20px;
  /* ფურცლის SVG ვერ თუ დაიხატა, ტექსტი მაინც თეთრზე დგას (მწვანეზე
     კონტრასტი არ ყოფნის); შიგთავსის ზოლი ფურცლის ქვეშ იმალება */
  background-color: #fff;
  background-clip: content-box;
}
html[data-design='v2'] .hm .hm-title {
  padding: 18px 16px 16px;
}
html[data-design='v2'] .hm .hm-sheet {
  position: absolute;
  inset: 0;
  z-index: -2;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  color: var(--hm-paper);
  filter: var(--hm-drop);
  pointer-events: none;
}
/* ქაღალდის ბოჭკო ტექსტიან ფურცელზე მკრთალია: 17px-იანი ქართული ტექსტის
   ქვეშ უფრო მკვეთრი ბოჭკო ჭუჭყიან ასლს ჰგავდა. ნახატზე 0.22 რჩება. */
html[data-design='v2'] .hm :is(.hm-card, .hm-title)::after {
  content: '';
  position: absolute;
  inset: 2px;
  z-index: -1;
  background: var(--hm-grain);
  background-size: 160px 160px;
  mix-blend-mode: multiply;
  opacity: 0.08;
  pointer-events: none;
}
html[data-design='v2'] .hm .hm-pin {
  position: absolute;
  z-index: 2;
  top: 6px;
  width: 16px;
  height: 16px;
  max-width: none;
  pointer-events: none;
}
html[data-design='v2'] .hm .hm-pin--l {
  left: 10px;
}
html[data-design='v2'] .hm .hm-pin--r {
  right: 10px;
}
html[data-design='v2'] .hm .hm-pin--c {
  left: 50%;
  margin-left: -8px;
}
html[data-design='v2'] .hm .hm-title h2 + .hm-title-lede {
  margin-top: 10px;
}
html[data-design='v2'] .hm .hm-title-lede {
  color: var(--hm-ink);
  max-width: 40rem;
}

/* ══ 4. მართვა: ქაღალდის ენა, ბილეთი, ტელეფონი, ჩიპი ═══════════════════ */
html[data-design='v2'] .hm .hm-tab {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 56px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: var(--hm-ink);
  font: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
html[data-design='v2'] .hm .hm-tab[hidden] {
  display: none;
}
html[data-design='v2'] .hm .hm-tab-body {
  position: relative;
  isolation: isolate;
  flex: 1;
  display: flex;
  align-items: center;
  min-height: 56px;
  padding: 10px 56px 10px 20px;
  transition: transform 250ms var(--hm-spring);
}
html[data-design='v2'] .hm .hm-tab-paper {
  position: absolute;
  inset: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  color: #fff;
  filter: var(--hm-drop);
  transition: filter 250ms var(--hm-ease-out);
}
html[data-design='v2'] .hm .hm-tab--mandarin .hm-tab-paper {
  color: var(--hm-mandarin);
}
html[data-design='v2'] .hm .hm-tab--sky .hm-tab-paper {
  color: var(--hm-sky);
}
html[data-design='v2'] .hm .hm-tab--paper .hm-tab-paper {
  color: #fff;
  stroke: var(--hm-ink);
  stroke-width: 1.5px;
}
html[data-design='v2'] .hm .hm-tab-t {
  font-size: 1.125rem;
  font-weight: 750;
  line-height: 1.25;
}
html[data-design='v2'] .hm .hm-tab-arrow {
  position: absolute;
  right: 26px;
  top: 50%;
  width: 22px;
  height: 22px;
  max-width: none;
  margin-top: -11px;
}
html[data-design='v2'] .hm .hm-tab.is-pulled .hm-tab-body {
  transform: translateX(var(--hm-tab-out));
}
html[data-design='v2'] .hm .hm-tab.is-pulled .hm-tab-paper {
  filter: var(--hm-drop-lift);
}
@media (hover: hover) and (pointer: fine) {
  html[data-design='v2'] .hm .hm-tab:hover .hm-tab-body {
    transform: translateX(3px);
  }
}
html[data-design='v2'] .hm .hm-tab:focus-visible {
  outline: 0;
}
html[data-design='v2'] .hm .hm-tab:focus-visible .hm-tab-body {
  outline: 3px solid var(--hm-ink);
  outline-offset: 3px;
  border-radius: 6px;
}

/* ცოცხალი თავისუფალი დრო: პერფორირებული ბილეთები */
html[data-design='v2'] .hm .hm-slots-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
html[data-design='v2'] .hm .hm-slots-label {
  font-size: var(--hm-small);
  font-weight: 650;
  line-height: 1.3;
  color: var(--hm-ink-2);
}
html[data-design='v2'] .hm .hm-slots-other {
  flex: none;
  margin-left: auto;
  padding-block: 12px;
  margin-block: -12px;
  font-size: var(--hm-small);
  font-weight: 750;
  color: var(--hm-ink);
  text-decoration: underline;
  text-decoration-color: var(--hm-tea-deep);
  text-decoration-thickness: 1.5px;
  text-underline-offset: 0.2em;
  white-space: nowrap;
}
html[data-design='v2'] .hm .hm-slots {
  container: hmbox / inline-size;
}
html[data-design='v2'] .hm .hm-slots-row {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 6px;
  min-height: 56px;
  container: hmslots / inline-size;
}
/* ბილეთების ადგილი პირველივე ხატვიდანაა, თუ JavaScript ჩართულია (`rl-js`,
   HomeV2-ის ჩაშენებული სკრიპტი): ადრე რიგი home.js-ის ჩატვირთვისას
   ჩნდებოდა და ჩაწერის ენა, ტელეფონი და lede 79px-ით ქვემოთ ხტებოდა
   (CLS 0.12, 320px). JavaScript-ის გარეშე რიგი არ ჩანს; home.js თუ საერთოდ
   ვერ ჩაიტვირთა, ცარიელი ბილეთები 12 წამში უჩინარდება (ადგილი რჩება) */
html[data-design='v2']:not(.rl-js) .hm .hm-slots:not([data-ready]) .hm-slots-row {
  display: none;
}
html[data-design='v2'].rl-js .hm .hm-slots:not([data-ready]) .hm-stub {
  animation: hm-stub-off 1ms linear 12s both;
}
@keyframes hm-stub-off {
  to {
    visibility: hidden;
  }
}
html[data-design='v2'] .hm .hm-stub {
  display: block;
  height: 56px;
}
/* წარწერა („უახლოესი თავისუფალი დრო“) home.js-ით ჩნდება; ვიწრო ზოლზე ის
   ორ სტრიქონად იწყობა, ამიტომ ადგილი წინასწარაა დატოვებული */
@container hmbox (max-width: 21.25rem) {
  html[data-design='v2'] .hm .hm-slots--3 .hm-slots-head {
    min-height: 2.6em;
    align-items: flex-start;
  }
}
html[data-design='v2'] .hm .hm-stub svg {
  display: block;
  color: var(--hm-paper);
  width: 100%;
  height: 100%;
  max-width: none;
}
html[data-design='v2'] .hm .hm-slots-msg {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  font-size: var(--hm-small);
  line-height: 1.35;
  color: var(--hm-ink-2);
  text-align: center;
  pointer-events: none;
}
html[data-design='v2'] .hm .hm-slots-msg:empty {
  display: none;
}
html[data-design='v2'] .hm .hm-slots-row.is-msg {
  display: block;
}
html[data-design='v2'] .hm .hm-slots-row.is-msg .hm-slots-msg {
  position: static;
  min-height: 56px;
  justify-content: flex-start;
  padding: 8px 12px;
  text-align: left;
  border: 1px solid var(--hm-line);
  border-radius: 4px;
  background: #fff;
}
/* თარიღი არასდროს იჭრება: ვიწრო ეკრანზე და გადიდებულ ტექსტზე დღე და
   რიცხვი ორ სტრიქონად იყოფა და ბილეთი მაღლდება (ადრე „ორშ 19.1“ ჩანდა) */
html[data-design='v2'] .hm .hm-ticket {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  min-height: 56px;
  padding: 6px 4px 6px calc(19.3% + 5px);
  color: var(--hm-ink);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  transition:
    transform 150ms var(--hm-ease-out),
    opacity 150ms var(--hm-ease-out);
}
html[data-design='v2'] .hm .hm-ticket > svg {
  position: absolute;
  color: var(--hm-paper);
  inset: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  filter: var(--hm-drop);
}
html[data-design='v2'] .hm .hm-t-day {
  font-size: var(--hm-small);
  font-weight: 600;
  line-height: 1.2;
  color: var(--hm-ink-2);
  font-variant-numeric: tabular-nums;
}
html[data-design='v2'] .hm .hm-t-time {
  font-size: 1.3125rem;
  font-weight: 800;
  line-height: 1.1;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
html[data-design='v2'] .hm .hm-t-day > span {
  white-space: nowrap;
}
/* სამი ბილეთი ვიწრო რიგში (iPhone SE, mini): კვირის დღე და რიცხვი ყველა
   ბილეთზე ორ სტრიქონადაა, რომ სამივე დრო ერთ ხაზზე იდგეს. ადრე ერთი ბილეთი
   ერთ სტრიქონზე რჩებოდა, ორი კი იყოფოდა. ზღვარი ქართული ყველაზე გრძელი
   წარწერიდანაა (78px); home.js სხვა შემთხვევაშიც ამოწმებს (`data-stack`) */
@container hmslots (max-width: 21.875rem) {
  html[data-design='v2'] .hm .hm-slots--3 .hm-t-day > span {
    display: block;
  }
  html[data-design='v2'] .hm .hm-slots--3 .hm-stub {
    height: 72px;
  }
}
html[data-design='v2'] .hm .hm-slots--3[data-stack] .hm-t-day > span {
  display: block;
}
html[data-design='v2'] .hm .hm-slots-row.has-chosen .hm-ticket:not(.is-chosen) {
  opacity: 0.45;
}
html[data-design='v2'] .hm .hm-ticket.is-chosen {
  transform: translateY(-2px);
}
html[data-design='v2'] .hm .hm-ticket.is-chosen > svg {
  filter: var(--hm-drop-lift);
}
@media (hover: hover) and (pointer: fine) {
  html[data-design='v2'] .hm .hm-ticket:hover {
    transform: translateY(-2px);
  }
}
/* ცოცხალი დრო ცარიელ ბილეთს ერთხელ ენაცვლება: სამკადრიანი „ბეჭდვა“ ქაღალდის
   სამყაროს 12 კადრის რიტმით, ბილეთები 60 მწმ-ით მიყოლებით. backwards: ტექსტი
   ანიმაციის შემდეგ არასდროს რჩება დამალული; ზომა იგივეა, ანუ ძვრა არ არის */
@media (prefers-reduced-motion: no-preference) {
  html[data-design='v2'] .hm .hm-ticket--in {
    animation: hm-ticket-in 240ms steps(3, end) backwards;
    animation-delay: calc(var(--hm-i, 0) * 60ms);
  }
}
@keyframes hm-ticket-in {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
}

html[data-design='v2'] .hm .hm-call {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.2;
  color: var(--hm-ink);
  text-decoration: none;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  transition: transform 120ms var(--hm-ease-out);
}
/* დაჭერის შეგრძნება (home.js, is-pressed) */
html[data-design='v2'] .hm .hm-call.is-pressed {
  transform: scale(0.97);
}
html[data-design='v2'] .hm .hm-call .hm-ic {
  width: 24px;
  height: 24px;
  color: var(--hm-sea);
}
html[data-design='v2'] .hm .hm-call-n {
  text-decoration: underline;
  text-decoration-color: var(--hm-tea-deep);
  text-decoration-thickness: 1.5px;
  text-underline-offset: 0.2em;
}

/* ══ 5. პირველი ეკრანი ══════════════════════════════════════════════════ */
html[data-design='v2'] .hm.v2-hero.hm-first {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  padding: 0 0 28px;
  background: var(--hm-paper);
  color: var(--hm-ink);
}
html[data-design='v2'] .hm-first :is(.hm-first-grid, .hm-lead, .hm-act) {
  display: contents;
}
/* სცენას საკუთარი სიმაღლე აქვს და ტექსტს არ მიჰყვება: შრიფტის ჩატვირთვისას
   სათაური რომ გადაეწყობა, დიორამა აღარ იზრდება და აღარ ხტება (CLS) */
html[data-design='v2'] .hm-first .hm-stage {
  grid-area: 1 / 1;
  position: relative;
  overflow: hidden;
  /* +14px (2026-10-19): ბარათის ქვეშ გზაზე კაცუნა დადის და მას ~64px
     უნდა დაეტიოს. ტელეფონი 390×844-ზე ქუქიების ზოლზე ისევ მაღლაა */
  height: 274px;
  height: clamp(206px, calc(36svh + 14px), 304px);
  background: var(--hm-sky);
  container-type: size;
  --hm-back-y: -30px;
  --hm-s0: max(100cqw / 1440, 100cqh / 560);
}
/* ბოჭკო დიორამაზე: ქაღალდი უნდა იგრძნობოდეს */
html[data-design='v2'] .hm-first .hm-stage::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 3;
  background: var(--hm-grain);
  background-size: 160px 160px;
  mix-blend-mode: multiply;
  opacity: 0.22;
  pointer-events: none;
}
html[data-design='v2'] .hm-first .hm-dio-l {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
}
@supports (container-type: size) {
  /* მარჯვენა ქვედა კუთხეზე მიმაგრებული სცენა (viewBox 1440×560-ის ზუსტი
     პროპორცია, slice-ის მსგავსად) */
  html[data-design='v2'] .hm-first .hm-dio-l {
    left: auto;
    top: auto;
    right: 0;
    bottom: -10px;
    width: max(100cqw, 100cqh * 2.5714);
    height: max(100cqh, 100cqw * 0.38889);
  }
}
/* პარალაქსი: home.js ფენას transform-ს პირდაპირ უწერს (`--hm-s` მშობელზე
   აღარ იწერება: 134 SVG კვანძის სტილი ყოველ კადრზე თავიდან ითვლებოდა) */
html[data-design='v2'] .hm-first .hm-dio-back {
  transform: translate3d(0, var(--hm-back-y, 0px), 0);
}
/* მზე: ცალკე ფურცელი სპილენძის ჭიკარტზე, მთლიანად ცაზე, ბარათის მარჯვნივ */
html[data-design='v2'] .hm-first .hm-sun {
  position: absolute;
  z-index: 1;
  top: 22px;
  right: 12px;
  display: block;
  width: 66px;
  height: 68px;
  max-width: none;
  overflow: visible;
}
/* მზის ადგილი სადღესასწაულო მოდულისთვის (First.astro, `.hm-dx-keep`): იგივე
   ზომა და ადგილი, რაც მზეს აქვს, უხილავი და შეხების გარეშე */
html[data-design='v2'] .hm-first .hm-dx-keep {
  position: absolute;
  z-index: 0;
  top: 22px;
  right: 12px;
  width: 66px;
  height: 68px;
  pointer-events: none;
}
/* აღდგომის ანიმაციის დღეს კაცუნა ადგილს პასკას უთმობს: ფიგურის ზოლი მას
   არ ხედავდა და სანთლები კაცუნას თავზე ჯდებოდა (ერთ ეკრანზე ერთი მოვლენა) */
html[data-design='v2'][data-dx-season='easter'][data-dx-anim='1'] .hm-first .hm-kacuna {
  display: none;
}
/* კაცუნა: /journey-ის პერსონაჟი, ბარათის მარჯვნივ, მზის ქვეშ, გზაზე. ქალაქისკენ
   (მარცხნივ) მიდის; ტელეფონზე ის ბარათს არასდროს ფარავს, H1 სამ თუ ოთხ
   სტრიქონად დაიწყობა */
html[data-design='v2'] .hm-first .hm-kacuna {
  position: absolute;
  z-index: 2;
  right: 10px;
  bottom: 10px;
  display: block;
  width: 70px;
  height: 98px;
  max-width: none;
  overflow: visible;
  transform: scaleX(-1);
  transform-origin: 50% 100%;
  filter: drop-shadow(1px 3px 2px rgb(20 45 25 / 0.3));
}
/* კაცუნა გზაზე დადის (home.js, `data-hm-walk`): JS-მდე უხილავია, რომ
   ტელეფონზე ზომის და ადგილის შეცვლა არ ჩანდეს. JS თუ ვერ ჩაიტვირთა,
   ოთხ წამში თვითონ ჩნდება თავის ძველ ადგილზე. */
html.rl-js[data-design='v2'] .hm-first .hm-kacuna {
  transition: opacity 240ms ease-out;
}
html.rl-js[data-design='v2'] .hm-first .hm-kacuna:not([data-hm-walk]) {
  opacity: 0;
  animation: hm-kac-failsafe 1ms linear 4s both;
}
@keyframes hm-kac-failsafe {
  to {
    opacity: 1;
  }
}
@supports (container-type: size) {
  /* ფეხი გზაზე: გზა ფენის ქვედა კიდიდან 82 ერთეულზეა (ფენა 10px-ით ქვემოთ დგას) */
  html[data-design='v2'] .hm-first .hm-kacuna {
    bottom: calc(82 * var(--hm-s0) - 14px);
  }
}
@media (max-width: 22.4375rem) {
  html[data-design='v2'] .hm-first .hm-kacuna {
    width: 58px;
    height: 82px;
    right: 6px;
  }
  html[data-design='v2'] .hm-first .hm-sun,
  html[data-design='v2'] .hm-first .hm-dx-keep {
    width: 56px;
    height: 58px;
    right: 8px;
  }
}
html[data-design='v2'] .hm.hm-first .hm-title--first {
  grid-area: 1 / 1;
  z-index: 1;
  align-self: start;
  max-width: 34rem;
  margin: 18px clamp(72px, 24vw, 96px) 0 12px;
  padding: 16px 14px 14px;
}
html[data-design='v2'] .hm.hm-first .hm-title--first .hm-pin {
  top: -5px;
}
html[data-design='v2'] .hm.hm-first .hm-lead-sheet {
  display: none;
}
html[data-design='v2'] .hm.v2-hero.hm-first h1 {
  margin: 0;
  font-size: clamp(1.375rem, 0.5rem + 4.4vw, 1.6875rem);
  font-weight: var(--hm-display-wght);
  font-stretch: var(--hm-display-wdth);
  line-height: 1.1;
  letter-spacing: 0;
  color: var(--hm-ink);
}
/* გამოყოფილი სიტყვები: ჩაის ღია მწვანე ქაღალდის დაგლეჯილი ზოლი ასოების
   ქვედა ნახევრის ქვეშ (ხაზგასმის ნაცვლად). ზოლი ყოველ სტრიქონზე ცალკეა
   (box-decoration-break), მელნის ტექსტი მასზე ~11:1-ია */
html[data-design='v2'] .hm.v2-hero.hm-first h1 .hm-accent {
  font-style: normal;
  color: var(--hm-ink);
  padding: 0 0.1em;
  margin: 0 -0.06em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24' preserveAspectRatio='none'%3E%3Cpath d='M0 5L7 2L15 4L24 1L33 3.5L42 1.5L52 4L61 2L71 3.5L80 1L90 3L99 1.5L108 4L114 2L120 4L119 20L112 22.5L103 20.5L94 23L85 21L75 23L66 20.5L56 22.5L47 21L37 23L28 20.5L19 22.5L10 21L3 23L0 20Z' fill='%23A8D8B4'/%3E%3C/svg%3E")
    0 calc(100% - 0.02em) / 100% 0.56em no-repeat;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
html[data-design='v2'] .hm.hm-first .hm-byline {
  margin-top: 6px;
  font-size: var(--hm-small);
  font-weight: 600;
  line-height: 1.35;
  color: var(--hm-ink-2);
}
html[data-design='v2'] .hm.hm-first .hm-slots {
  margin: 10px 16px 0;
  max-width: 38rem;
}
html[data-design='v2'] .hm.hm-first .hm-first-tab {
  width: auto;
  max-width: 38rem;
  margin: 10px 16px 0;
}
html[data-design='v2'] .hm.hm-first .hm-call {
  justify-self: start;
  margin: 4px 16px 0;
}
html[data-design='v2'] .hm.hm-first .hm-first-lede {
  margin: 16px 16px 0;
  max-width: 38rem;
  line-height: 1.45;
}
@media (max-width: 22.4375rem) {
  html[data-design='v2'] .hm.hm-first .hm-title--first {
    margin-right: 72px;
    padding: 14px 12px 12px;
  }
  html[data-design='v2'] .hm .hm-ticket {
    padding-left: calc(19.3% + 4px);
    padding-right: 4px;
  }
  html[data-design='v2'] .hm .hm-t-time {
    font-size: 1.1875rem;
  }
  html[data-design='v2'] .hm {
    --hm-h2: 1.5rem;
  }
}
@media (min-width: 48rem) {
  html[data-design='v2'] .hm-first .hm-stage {
    height: clamp(260px, 40svh, 340px);
  }
  html[data-design='v2'] .hm-first .hm-kacuna {
    width: 84px;
    height: 118px;
    right: 24px;
  }
  html[data-design='v2'] .hm-first .hm-sun,
  html[data-design='v2'] .hm-first .hm-dx-keep {
    top: 30px;
    right: 40px;
    width: 88px;
    height: 90px;
  }
}
@media (min-width: 64rem) {
  /* სიმაღლე ტექსტზე მეტია ორივე შრიფტით (ჩატვირთვამდე და მერე): შრიფტის
     ჩამოსვლისას სექცია აღარ იზრდება და დიორამა ქვემოთ აღარ ცურავს (CLS) */
  html[data-design='v2'] .hm.v2-hero.hm-first {
    display: block;
    min-height: clamp(640px, 48vw, 720px);
    padding: 0;
  }
  /* კომპიუტერზე სცენა მთელ სექციაზეა, ფენები კი მხოლოდ სიგანიდან ითვლება
     (640px-იანი ფიქსირებული სიმაღლით): ტექსტის გადაწყობა მათ არ ზრდის */
  html[data-design='v2'] .hm-first .hm-stage {
    position: absolute;
    inset: 0;
    height: auto;
    --hm-back-y: 0px;
    --hm-s0: max(100cqw / 1440, 1.142857px);
  }
  @supports (container-type: size) {
    html[data-design='v2'] .hm-first .hm-dio-l {
      width: max(100cqw, 1645.7px);
      height: max(640px, 100cqw * 0.38889);
    }
  }
  html[data-design='v2'] .hm.hm-first .hm-first-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 640px) minmax(0, 1fr);
    gap: 0;
    max-width: 75rem;
    margin-inline: auto;
    padding: 36px 24px 64px;
  }
  html[data-design='v2'] .hm.hm-first .hm-lead {
    position: relative;
    isolation: isolate;
    background-color: #fff;
    background-clip: content-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 34px 34px 30px;
  }
  html[data-design='v2'] .hm.hm-first .hm-lead::after {
    content: '';
    position: absolute;
    inset: 2px;
    z-index: -1;
    background: var(--hm-grain);
    background-size: 160px 160px;
    mix-blend-mode: multiply;
    opacity: 0.1;
    pointer-events: none;
  }
  html[data-design='v2'] .hm.hm-first .hm-lead-sheet {
    display: block;
  }
  /* კომპიუტერზე სათაურის ბარათი და ფურცელი ერთია: ბრტყელი თეთრი ყუთი
     ბოჭკოიან ფურცელზე აღარ დგას (ბარათი ბარათში), ჭიკარტები ფურცლის
     კუთხეებშია */
  html[data-design='v2'] .hm.hm-first .hm-title--first {
    position: static;
    isolation: auto;
    max-width: none;
    margin: 0;
    padding: 0;
    background: none;
  }
  html[data-design='v2'] .hm.hm-first .hm-title--first::after,
  html[data-design='v2'] .hm.hm-first .hm-title--first > .hm-sheet {
    display: none;
  }
  html[data-design='v2'] .hm.hm-first .hm-title--first .hm-pin {
    top: 8px;
  }
  html[data-design='v2'] .hm.hm-first .hm-title--first .hm-pin--l {
    left: 12px;
  }
  html[data-design='v2'] .hm.hm-first .hm-title--first .hm-pin--r {
    right: 12px;
  }
  html[data-design='v2'] .hm.v2-hero.hm-first h1 {
    font-size: min(var(--hm-h1), 2.875rem);
    line-height: 1.06;
  }
  html[data-design='v2'] .hm.hm-first .hm-byline {
    margin-top: 10px;
    font-size: 1.0625rem;
  }
  /* lede ისევ სათაურის ქვეშ (ტელეფონზე ის ბოლოშია) */
  html[data-design='v2'] .hm.hm-first .hm-first-lede {
    order: 1;
    margin: 14px 0 0;
    font-size: 1.1875rem;
    line-height: 1.5;
  }
  html[data-design='v2'] .hm.hm-first .hm-slots {
    order: 2;
    align-self: stretch;
    margin: 18px 0 0;
  }
  html[data-design='v2'] .hm.hm-first .hm-ticket,
  html[data-design='v2'] .hm.hm-first .hm-stub {
    min-height: 60px;
  }
  /* ჩაწერის ენა და ტელეფონი ერთ რიგში */
  html[data-design='v2'] .hm.hm-first .hm-act {
    order: 3;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 16px;
    align-self: stretch;
    margin: 16px 0 0;
  }
  html[data-design='v2'] .hm.hm-first .hm-first-tab .hm-tab-body {
    padding-right: 60px;
  }
  html[data-design='v2'] .hm.hm-first .hm-first-tab {
    flex: 0 0 auto;
    min-width: 300px;
    width: auto;
    max-width: none;
    margin: 0;
  }
  html[data-design='v2'] .hm.hm-first .hm-call {
    margin: 0;
    font-size: 1.25rem;
  }
  html[data-design='v2'] .hm-first .hm-kacuna {
    right: 18%;
    width: 112px;
    height: 157px;
  }
  @supports (container-type: size) {
    html[data-design='v2'] .hm-first .hm-kacuna {
      right: auto;
      left: calc(100cqw - 300 * var(--hm-s0) - 56px);
      bottom: calc(82 * var(--hm-s0) - 18px);
    }
  }
  html[data-design='v2'] .hm-first .hm-sun {
    top: 48px;
    right: max(40px, calc((100cqw - 75rem) / 2 + 40px));
    width: 120px;
    height: 124px;
  }
  /* სვეტის შიგნით: სვეტი 75rem-ია და შუაშია, ამიტომ 40px მზის ადგილს ემთხვევა */
  html[data-design='v2'] .hm-first .hm-dx-keep {
    top: 48px;
    right: 40px;
    width: 120px;
    height: 124px;
  }
}

/* ══ 6. ეპიზოდების მიწა და კიდეები ══════════════════════════════════════ */
html[data-design='v2'] .hm.hm-ep {
  position: relative;
  padding-block: var(--hm-ep-pad);
  background: var(--hm-ground, #fff);
}
html[data-design='v2'] .hm.hm-ep--paper {
  --hm-ground: #fff;
}
html[data-design='v2'] .hm.hm-ep--tea {
  --hm-ground: var(--hm-tea);
}
html[data-design='v2'] .hm.hm-ep--sky {
  --hm-ground: var(--hm-sky);
}
html[data-design='v2'] .hm.hm-ep--sea {
  --hm-ground: var(--hm-sea);
}
/* ბორცვები და დაჭრილი კიდე წინა ეპიზოდის ქვედა არეზე დგება */
html[data-design='v2'] .hm .hm-hills {
  position: absolute;
  left: 0;
  bottom: 100%;
  z-index: 1;
  display: block;
  width: 100%;
  height: var(--hm-edge-h);
  max-width: none;
  margin-bottom: -1px;
  pointer-events: none;
}
html[data-design='v2'] .hm .hm-hills--tea {
  height: var(--hm-tea-h);
}
html[data-design='v2'] .hm > .hm-in {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
}

/* ══ 7. ქაღალდის მენჯ-ბარძაყი ══════════════════════════════════════════ */
html[data-design='v2'] .hm.hm-hipep {
  padding-top: 32px;
}
html[data-design='v2'] .hm .hm-hip {
  align-items: start;
  gap: 16px;
}
html[data-design='v2'] .hm .hm-hip-lede {
  max-width: 40rem;
}
html[data-design='v2'] .hm .hm-hip-sheet {
  margin: 0;
  padding: 18px 8px 12px;
}
/* ტელეფონზე ფურცელი თითქმის კიდიდან კიდემდეა: ნახატი ~10%-ით დიდია */
@media (max-width: 47.99rem) {
  html[data-design='v2'] .hm .hm-hip-sheet {
    margin-inline: calc(8px - var(--hm-gutter));
    padding-inline: 6px;
  }
}
/* ფურცლის თავისი სიგანე წყვეტს, წარწერები ნახატზე დგას თუ ჩიპების რიგად
   მის ქვეშ (em: ტექსტის გადიდებაზეც რეაგირებს) */
html[data-design='v2'] .hm .hm-hip-stage {
  position: relative;
  container: hipstage / inline-size;
  margin-bottom: 8px;
  touch-action: pan-y pinch-zoom;
}
html[data-design='v2'] .hm .hm-hip-art {
  position: relative;
}
html[data-design='v2'] .hm .hm-hip-svg {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  aspect-ratio: 300 / 262;
}
/* ეტაპები: ნახატი CSS-ით მხოლოდ visibility-ს ცვლის, გეომეტრიას
   (transform) და წარწერებს home.js წერს. ყოველ ეტაპზე მხოლოდ შემდეგი
   ნაწილის წყვეტილი ასლი ჩანს: სად ჩაჯდება */
html[data-design='v2'] .hm .hm-hip .hp-ghost {
  visibility: hidden;
}
html[data-design='v2'] .hm .hm-hip[data-step='2'] .hp-ghost[data-part='cup'],
html[data-design='v2'] .hm .hm-hip[data-step='3'] .hp-ghost[data-part='liner'],
html[data-design='v2'] .hm .hm-hip[data-step='4'] .hp-ghost[data-part='stem'],
html[data-design='v2'] .hm .hm-hip[data-step='5'] .hp-ghost[data-part='head'],
html[data-design='v2'] .hm .hm-hip .hp-ghost.is-solo {
  visibility: visible;
}
html[data-design='v2'] .hm .hm-hip:not([data-step='1']) #hm-hp-nat {
  visibility: hidden;
}
html[data-design='v2'] .hm .hm-hip:is([data-step='3'], [data-step='4'], [data-step='5'], [data-step='6'], [data-step='7']) #hm-hp-cup,
html[data-design='v2'] .hm .hm-hip:is([data-step='4'], [data-step='5'], [data-step='6'], [data-step='7']) #hm-hp-liner,
html[data-design='v2'] .hm .hm-hip:is([data-step='5'], [data-step='6'], [data-step='7']) #hm-hp-stem,
html[data-design='v2'] .hm .hm-hip:is([data-step='6'], [data-step='7']) #hm-hp-head {
  visibility: visible;
}
/* ყელის სწორი ჭრილი პირველ ეტაპზე არ ჩანს (ძვალი მთლიანია) */
html[data-design='v2'] .hm .hm-hip[data-step='1']:not([data-moving]) .hp-fcut {
  visibility: hidden;
}
/* მოძრაობისას და ფეხის მობრუნებისას ბარძაყის ნაწილის ფანქრის ხაზები არ ჩანს
   (!important: ჩვეულებრივ ხილვადობას home.js style-ით წერს) */
html[data-design='v2'] .hm .hm-hip[data-moving] .hp-lead[data-leg-lead]:not([data-for='slit']):not([data-for='lat']),
html[data-design='v2'] .hm .hm-hip[data-turned] .hp-lead[data-leg-lead] {
  visibility: hidden !important;
}
/* იზოლაცია: არჩეული ნაწილი რჩება, დანარჩენი მკრთალდება */
html[data-design='v2'] .hm .hm-hip:not([data-solo='']) :is(.hp-part, .hp-ghost, .hp-pelvis, .hp-soft, .hp-lead, .hp-cut-lat, #hm-hp-slit, .hp-femur-bone, .hp-cut-ant):not(.is-solo) {
  opacity: 0.28;
  transition: opacity 160ms steps(2, end);
}
html[data-design='v2'] .hm .hm-hip .is-solo .hp-face {
  stroke: #1a1f1c;
  stroke-width: 2.2;
}

/* წარწერები ფანქრის ხაზის ბოლოს */
html[data-design='v2'] .hm .hm-cap {
  position: absolute;
  top: var(--y);
  z-index: 2;
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin: 0;
  padding: 3px 8px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: #fff;
  color: var(--hm-ink);
  font: inherit;
  font-size: var(--hm-small);
  font-weight: 650;
  line-height: 1.2;
  text-align: left;
  white-space: nowrap;
  transform: translateY(-50%);
  box-shadow:
    0 1px 0 rgb(20 45 25 / 0.14),
    0 4px 10px rgb(20 45 25 / 0.1);
}
html[data-design='v2'] .hm .hm-cap[hidden] {
  display: none;
}
html[data-design='v2'] .hm .hm-cap--l {
  left: -4px;
}
html[data-design='v2'] .hm .hm-cap--r {
  right: -4px;
}
html[data-design='v2'] .hm .hm-cap--wrap {
  width: max-content;
  max-width: 8.6em;
  white-space: normal;
}
/* ღილაკი: ნაწილს გამოყოფს ან განაკვეთს ხაზავს; მელნის თხელი კიდე */
html[data-design='v2'] .hm .hm-cap--btn {
  border-color: var(--hm-ink-2);
}
html[data-design='v2'] .hm .hm-cap--cut[data-hm-cut='lat'] {
  color: var(--hm-ink-2);
}
html[data-design='v2'] .hm button.hm-cap {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
/* 44px შეხების არე ღილაკზევე (position: relative ან absolute-ის ფარგლებში) */
html[data-design='v2'] .hm button.hm-cap::before,
html[data-design='v2'] .hm button.hm-chip::before {
  content: '';
  position: absolute;
  inset: -6px -2px;
}
html[data-design='v2'] .hm .hm-cap[aria-pressed='true'] {
  background: var(--hm-ink);
  border-color: var(--hm-ink);
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  html[data-design='v2'] .hm button.hm-cap:hover {
    transform: translateY(calc(-50% - 1px));
    box-shadow:
      0 2px 0 rgb(20 45 25 / 0.14),
      0 8px 16px rgb(20 45 25 / 0.14);
  }
}
/* ვიწრო ფურცელზე (ან გადიდებულ ტექსტზე) წარწერები ნახატის ქვეშ ჩიპების
   რიგად დგება. ღილაკი `relative` რჩება, რომ მისი ::before შეხების არე
   მთელ სცენას არ გადაეფაროს (ადრე ყველა შეხება „ღეროს“ ირჩევდა). ჯერ
   მუდმივი წარწერებია, ცვალებადს ადგილი უცვლელად აქვს: ჩიპების რიგი
   ეტაპიდან ეტაპზე არ ხტება. */
@container hipstage (max-width: 20em) {
  html[data-design='v2'] .hm .hm-hip-stage {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }
  html[data-design='v2'] .hm .hm-cap {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    font-size: var(--hm-small);
    transform: none;
  }
  html[data-design='v2'] .hm .hm-cap--wrap {
    max-width: none;
    white-space: nowrap;
  }
  html[data-design='v2'] .hm .hm-cap[hidden] {
    display: inline-flex;
    visibility: hidden;
  }
  html[data-design='v2'] .hm .hm-cap:is([data-cap='fossa'], [data-cap='nat']):is([hidden]) {
    display: none;
  }
  html[data-design='v2'] .hm .hm-hip-art {
    flex: 0 0 100%;
    margin-bottom: 6px;
  }
  html[data-design='v2'] .hm .hm-hip .hp-lead {
    display: none;
  }
  @media (hover: hover) and (pointer: fine) {
    html[data-design='v2'] .hm button.hm-cap:hover {
      transform: translateY(-1px);
    }
  }
}

/* მობრუნება: ჭიკარტი P-ზე (168,112 → 56%, 42.75%), მინიშნება ნახატის ქვეშ */
html[data-design='v2'] .hm .hm-turn {
  position: absolute;
  left: 56%;
  top: 42.75%;
  z-index: 3;
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  border-radius: 50%;
  cursor: grab;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
}
html[data-design='v2'] .hm .hm-turn[hidden] {
  display: none;
}
html[data-design='v2'] .hm .hm-turn.is-drag {
  cursor: grabbing;
}
html[data-design='v2'] .hm .hm-turn-ring {
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  border: 2px dashed var(--hm-ink);
}
html[data-design='v2'] .hm .hm-turn-hint {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 2px 6px 6px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: var(--hm-ink);
}
html[data-design='v2'] .hm .hm-turn-hint[hidden] {
  display: none;
}
html[data-design='v2'] .hm .hm-turn-hint .hm-ic {
  color: var(--hm-sea);
}
html[data-design='v2'] .hm .hm-hip-note {
  margin: 10px 6px 0;
  max-width: none;
}
/* ლეგენდა და სიგრძის შენიშვნა ფურცელზევე, ნახატის ქვეშ */
html[data-design='v2'] .hm .hm-hip-sheet .hm-hip-chips {
  margin: 6px 4px 0;
}
html[data-design='v2'] .hm .hm-hip-incnote {
  margin: 10px 6px 0;
  max-width: none;
}
html[data-design='v2'] .hm .hm-hip-context {
  margin-top: -6px;
}
html[data-design='v2'] .hm .hm-hip-ctrl .hm-tab {
  width: min(100%, 320px);
}

/* ეტაპების სია: მოკლე დანომრილი სტრიქონები. მიმდინარე სტრიქონი ნახატის
   წარწერაა (ცისფერი ფონი, მელნის წრე); სისქე არ იცვლება, რომ სტრიქონი
   გადაწყობით ქვემოთ არ გადახტეს */
html[data-design='v2'] .hm .hm-steps {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
}
html[data-design='v2'] .hm :is(.hm-step-t, .hm-step-b) {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  margin: 0;
  padding: 8px 10px 8px 6px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--hm-ink-2);
  font: inherit;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.38;
  text-align: left;
  transition: background-color 160ms steps(2, end);
}
html[data-design='v2'] .hm .hm-step-b {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
html[data-design='v2'] .hm .hm-step-b > .hm-step-t {
  display: contents;
}
html[data-design='v2'] .hm .hm-step-n {
  flex: none;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  margin-top: -1px;
  border-radius: 50%;
  border: 1px solid var(--hm-pencil);
  font-size: var(--hm-small);
  font-weight: 800;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
html[data-design='v2'] .hm .hm-steps li.is-done .hm-step-n {
  border-color: var(--hm-tea-deep);
  color: var(--hm-tea-deep);
}
html[data-design='v2'] .hm .hm-steps li[aria-current='step'] :is(.hm-step-t, .hm-step-b) {
  background: var(--hm-sky-t2);
  color: var(--hm-ink);
}
html[data-design='v2'] .hm .hm-steps li[aria-current='step'] .hm-step-n {
  border-color: var(--hm-ink);
  background: var(--hm-ink);
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  html[data-design='v2'] .hm .hm-step-b:hover {
    background: #f4f8f6;
    color: var(--hm-ink);
  }
}
html[data-design='v2'] .hm .hm-hip-title {
  margin-top: 4px;
}
html[data-design='v2'] .hm .hm-hip-title > h2 {
  font-size: clamp(1.5rem, 1.3rem + 0.9vw, 2.0625rem);
}

/* გაზომვის ჩიპები: ციფრი, „ჩვეულებრივი სიგრძე“ და ლეგენდა (სავსე ხაზი
   ბიკინის განაკვეთია, წყვეტილი ლატერალური ასლი) */
html[data-design='v2'] .hm .hm-hip-chips {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
html[data-design='v2'] .hm .hm-chip {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-height: 44px;
  margin: 0;
  padding: 10px 12px;
  border-radius: 4px;
  background: #fff;
  color: var(--hm-ink);
  font: inherit;
  text-align: left;
}
html[data-design='v2'] .hm .hm-chip--solid {
  border: 2px solid var(--hm-ink);
}
html[data-design='v2'] .hm .hm-chip--alt {
  border: 1px solid var(--hm-ink-2);
}
html[data-design='v2'] .hm .hm-chip-g {
  display: block;
  width: 34px;
  height: 8px;
  max-width: none;
  margin-bottom: 4px;
}
html[data-design='v2'] .hm button.hm-chip {
  cursor: pointer;
}
html[data-design='v2'] .hm .hm-chip[aria-pressed='true'] {
  background: var(--hm-sky-t2);
  box-shadow: 0 6px 14px rgb(20 45 25 / 0.12);
}
html[data-design='v2'] .hm .hm-chip-l {
  font-size: var(--hm-small);
  font-weight: 650;
  line-height: 1.3;
  color: var(--hm-ink-2);
}
html[data-design='v2'] .hm .hm-chip-v {
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
}
html[data-design='v2'] .hm .hm-chip-u {
  font-size: var(--hm-small);
  line-height: 1.3;
  color: var(--hm-ink-2);
}
html[data-design='v2'] .hm .hm-hip-notes {
  display: grid;
  gap: 8px;
}
@media (max-width: 22.4375rem) {
  html[data-design='v2'] .hm .hm-hip-chips {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (min-width: 64rem) {
  html[data-design='v2'] .hm.hm-hipep {
    padding-top: var(--hm-ep-pad);
  }
  html[data-design='v2'] .hm .hm-hip {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
    column-gap: 48px;
    row-gap: 16px;
  }
  html[data-design='v2'] .hm .hm-hip > * {
    grid-column: 2;
  }
  html[data-design='v2'] .hm .hm-hip > .hm-hip-sheet {
    grid-column: 1;
    grid-row: 1 / span 9;
    position: sticky;
    top: 96px;
    padding: 26px 18px 16px;
  }
  /* კომპიუტერზე ნახატი გვერდითაა, ამიტომ სათაური სვეტის თავშია */
  html[data-design='v2'] .hm .hm-hip > .hm-hip-title {
    order: -2;
    margin-top: 0;
  }
  html[data-design='v2'] .hm .hm-hip > .hm-hip-lede {
    order: -1;
  }
  html[data-design='v2'] .hm .hm-hip-stage {
    margin: 0 8px 4px;
  }
}

/* ══ 8. ეპიზოდები ═══════════════════════════════════════════════════════ */

/* ეპიზოდი 1ა: უცხოეთიდან (Abroad.astro, მხოლოდ en და ru). ზღვაზე ქაღალდის
   თვითმფრინავი წყვეტილი ფრენის ხაზით მოფრინავს; ხაზის დასაწყისი ბარათის
   ქვეშ შედის. სათაური ბარათზეა, ერთი მოქმედება ცის ენაა */
html[data-design='v2'] .hm .hm-abroad {
  position: relative;
  gap: 16px;
}
html[data-design='v2'] .hm .hm-flight {
  display: block;
  justify-self: end;
  width: 100%;
  max-width: 420px;
  height: auto;
  margin: -6px 0 -30px;
  overflow: visible;
}
html[data-design='v2'] .hm .hm-flight-path {
  stroke: #ffffff;
  stroke-width: 2.6;
  stroke-linecap: round;
  stroke-dasharray: 2 10;
  opacity: 0.85;
}
html[data-design='v2'] .hm .hm-abroad-k {
  margin: 0 0 6px;
  font-size: var(--hm-small);
  font-weight: 750;
  line-height: 1.3;
  color: var(--hm-sea-ink);
}
html[data-design='v2'] .hm .hm-abroad-tab {
  width: min(100%, 26rem);
}
@media (min-width: 64rem) {
  html[data-design='v2'] .hm .hm-abroad {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 32px;
    row-gap: 20px;
    align-items: center;
  }
  html[data-design='v2'] .hm .hm-abroad > .hm-abroad-title {
    grid-column: 1 / span 7;
    grid-row: 1;
  }
  html[data-design='v2'] .hm .hm-abroad > .hm-abroad-tab {
    grid-column: 1 / span 5;
    grid-row: 2;
  }
  html[data-design='v2'] .hm .hm-abroad > .hm-flight {
    grid-column: 8 / -1;
    grid-row: 1 / span 2;
    max-width: none;
    margin: 0;
  }
}

/* ეპიზოდი 2: ოპერაცია ყოველთვის საჭირო არ არის. ექიმის სახე და სიტყვა
   პირდაპირ მწვანეზე: თეთრი მსხვილი 22px+ (დიდი ტექსტი, კონტრასტი 4.3:1) */
html[data-design='v2'] .hm .hm-quote {
  margin: 4px 0 0;
  color: #fff;
}
html[data-design='v2'] .hm .hm-quote::after {
  content: '';
  display: block;
  clear: both;
}
html[data-design='v2'] .hm .hm-polaroid {
  position: relative;
  float: left;
  width: 112px;
  margin: 8px 18px 10px 2px;
  padding: 6px 6px 16px;
  background: #fff;
  border-radius: 2px;
  box-shadow:
    0 1px 0 rgb(20 45 25 / 0.2),
    0 10px 20px rgb(20 45 25 / 0.28);
  transform: rotate(-2deg);
}
html[data-design='v2'] .hm .hm-polaroid .hm-pin {
  top: -7px;
}
html[data-design='v2'] .hm .hm-polaroid :is(img, .hm-portrait) {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}
html[data-design='v2'] .hm .hm-quote blockquote {
  margin: 0;
}
html[data-design='v2'] .hm .hm-quote blockquote p {
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.42;
  text-wrap: pretty;
  color: #fff;
}
html[data-design='v2'] .hm .hm-quote blockquote p::before {
  content: '„';
}
html[data-design='v2'] .hm .hm-quote blockquote p::after {
  content: '“';
}
html[data-design='v2']:is([lang='en'], [lang^='en-']) .hm .hm-quote blockquote p::before {
  content: '“';
}
html[data-design='v2']:is([lang='en'], [lang^='en-']) .hm .hm-quote blockquote p::after {
  content: '”';
}
html[data-design='v2']:is([lang='ru'], [lang^='ru-']) .hm .hm-quote blockquote p::before {
  content: '«';
}
html[data-design='v2']:is([lang='ru'], [lang^='ru-']) .hm .hm-quote blockquote p::after {
  content: '»';
}
html[data-design='v2'] .hm .hm-quote figcaption {
  margin-top: 14px;
  font-size: 1.1875rem;
  font-weight: 750;
  line-height: 1.3;
  color: #fff;
}
html[data-design='v2'] .hm .hm-me {
  display: grid;
  gap: 8px;
}
html[data-design='v2'] .hm .hm-me-role {
  font-weight: 700;
}
html[data-design='v2'] .hm .hm-stats {
  display: grid;
  gap: 8px;
  margin: 4px 0 0;
  padding: 10px 0 0;
  border-top: 1px solid var(--hm-line);
}
html[data-design='v2'] .hm .hm-stat {
  display: flex;
  align-items: baseline;
  gap: 12px;
}
html[data-design='v2'] .hm .hm-stat dd {
  order: -1;
  flex: none;
  min-width: 4ch;
  margin: 0;
  font-size: 1.875rem;
  font-weight: 800;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
html[data-design='v2'] .hm .hm-stat dt {
  font-size: 1.0625rem;
  line-height: 1.3;
}
html[data-design='v2'] .hm .hm-na-text p + p {
  margin-top: 12px;
}
html[data-design='v2'] .hm :is(.hm-na-text, .hm-joints, .hm-video, .hm-me, .hm-addr) :is(.hm-more, .hm-link) {
  margin-top: 6px;
}
html[data-design='v2'] .hm .hm-joints .hm-sub {
  margin: 2px 0 10px;
  font-size: var(--hm-small);
  font-weight: 650;
  color: var(--hm-ink-2);
}
html[data-design='v2'] .hm .hm-joints .hm-tags {
  margin-top: 14px;
}
html[data-design='v2'] .hm .hm-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
}
html[data-design='v2'] .hm .hm-tag {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 6px 12px 6px 28px;
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.25;
}
html[data-design='v2'] .hm .hm-tag-paper {
  position: absolute;
  color: var(--hm-paper);
  inset: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  filter: drop-shadow(0 1px 0 rgb(20 45 25 / 0.2)) drop-shadow(0 3px 6px rgb(20 45 25 / 0.12));
}
html[data-design='v2'] .hm .hm-echo-card {
  padding-top: 26px;
}
html[data-design='v2'] .hm .hm-echo-card > h3 {
  padding-right: 72px;
}
html[data-design='v2'] .hm .hm-echo-card > h3 + p {
  margin: 8px 0 16px;
}
html[data-design='v2'] .hm .hm-probe {
  position: absolute;
  top: -34px;
  right: 10px;
  z-index: 3;
  display: block;
  width: 96px;
  height: 72px;
  max-width: none;
  pointer-events: none;
}
/* Echo: ქაღალდის ექოსკოპიის ფანჯარა (მხოლოდ ტოკენები და ღილაკის ფორმა) */
html[data-design='v2'] .hm .hm-echo-card {
  --rl-deep: #1a1f1c;
  --rl-accent: #8fd3ee;
  --rl-copper: #1e73b8;
  --rl-ink: #1a1f1c;
  --rl-soft: #3d4741;
  --rl-line: #cbd3ce;
}
html[data-design='v2'] .hm .hm-echo-card .re {
  max-width: 520px;
}
html[data-design='v2'] .hm .hm-echo-card .re-screen {
  border-radius: 6px;
  box-shadow:
    0 1px 0 rgb(20 45 25 / 0.2),
    0 8px 18px rgb(20 45 25 / 0.16);
}
html[data-design='v2'] .hm .hm-echo-card .re-btn {
  border-radius: 4px;
  box-shadow: none;
  border: 1px solid var(--hm-ink-2);
}
html[data-design='v2'] .hm .hm-echo-card .re-btn[aria-pressed='true'] {
  border: 2px solid var(--hm-ink);
  background: var(--hm-ink);
  color: #fff;
}
html[data-design='v2'] .hm .hm-echo-card .re-btn:focus-visible {
  outline: 3px solid var(--hm-ink);
}
html[data-design='v2'] .hm .hm-echo-card .re-k {
  font-size: 0.9375rem;
}

@media (min-width: 48rem) {
  html[data-design='v2'] .hm .hm-polaroid {
    width: 150px;
    margin-right: 26px;
  }
  html[data-design='v2'] .hm .hm-quote blockquote p {
    font-size: 1.625rem;
  }
}
@media (min-width: 64rem) {
  html[data-design='v2'] .hm .hm-na {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 32px;
    row-gap: 28px;
    align-items: start;
  }
  html[data-design='v2'] .hm .hm-na > .hm-na-title {
    grid-column: 1 / span 8;
  }
  html[data-design='v2'] .hm .hm-na > .hm-quote {
    grid-column: 1 / span 7;
  }
  html[data-design='v2'] .hm .hm-na > .hm-me {
    grid-column: 8 / -1;
    margin-top: 8px;
  }
  html[data-design='v2'] .hm .hm-na > .hm-na-text {
    grid-column: 1 / span 6;
  }
  html[data-design='v2'] .hm .hm-na > .hm-joints {
    grid-column: 7 / -1;
  }
  html[data-design='v2'] .hm .hm-na > .hm-echo-card {
    grid-column: 1 / span 8;
  }
  html[data-design='v2'] .hm .hm-polaroid {
    width: 180px;
  }
  html[data-design='v2'] .hm .hm-stats {
    grid-template-columns: repeat(3, minmax(0, auto));
    gap: 16px;
  }
  html[data-design='v2'] .hm .hm-stat {
    flex-direction: column;
    gap: 4px;
  }
}

/* ეპიზოდი 3: სად გტკივათ. ფიგურა იგივე ქაღალდიდანაა: თეთრი, მელნის
   კონტურით და ორფენიანი ქაღალდის ჩრდილით */
html[data-design='v2'] .hm .bm {
  --bx-bg: #ffffff;
  --bx-ink: #1a1f1c;
  --bx-ink-soft: #3d4741;
  --bx-line: #cbd3ce;
  --bx-accent: #1e73b8;
  --bx-accent-2: #8fd3ee;
  --bx-radius: 6px;
  --bx-font: var(--hm-font);
  --bm-figure: #1a1f1c;
  --bm-skin: #ffffff;
  --bm-cta: #f39a1e;
  --bm-cta-ink: #1a1f1c;
}
html[data-design='v2'] .hm .bm .bm-svg {
  filter: drop-shadow(0 1px 0 rgb(20 45 25 / 0.2)) drop-shadow(0 8px 14px rgb(20 45 25 / 0.12));
}
html[data-design='v2'] .hm .hm-bm .hm-body-title {
  margin-bottom: 8px;
}

/* ეპიზოდი 4: ფეხზე დადგომა */
html[data-design='v2'] .hm.hm-recep {
  --bx-bg: #ffffff;
  --bx-ink: #1a1f1c;
  --bx-ink-soft: #3d4741;
  --bx-line: #cbd3ce;
  --bx-accent: #1e73b8;
  --bx-accent-2: #1f4f33;
  --bx-radius: 6px;
  --bx-font: var(--hm-font);
  --bx-font-display: var(--hm-font);
  padding-bottom: calc(var(--hm-tea-h) * 0.55);
  background: linear-gradient(to top, var(--hm-sea) calc(var(--hm-tea-h) * 0.55 + 2px), var(--hm-sky) 0);
}
html[data-design='v2'] .hm .hm-rec-card {
  padding: 22px 12px 16px;
}
/* ტელეფონზე სლაიდერი სცენის ქვეშვეა, ტექსტი კი მის ქვემოთ: თითის ქვეშ
   არაფერი ხტება და ცარიელი ზოლი ბარათის შუაში აღარ რჩება */
@container (max-width: 51.99rem) {
  html[data-design='v2'] .hm .hm-rec-card .rs-in > .rs-ctl {
    order: 1;
  }
  html[data-design='v2'] .hm .hm-rec-card .rs-in > .rs-list {
    order: 2;
  }
}
/* ეტაპის სახელი პირველია, დრო მის ქვეშ წარწერად (eyebrow სათაურის თავზე აღარ დგას) */
html[data-design='v2'] .hm .hm-rec-card .rs-item .rs-name {
  order: -1;
}
html[data-design='v2'] .hm .hm-rec-card .rs-when {
  color: var(--hm-ink-2);
  font-weight: 650;
}
/* ქუჩა ქაღალდის აჭარაშია: ცა, ჩაის ბორცვები, თეთრი ამოჭრილი შენობები და
   ბოჭკო, როგორც პირველ ეკრანზე. კომპონენტის შიდა ფერები (`--_*`) აქ
   პირდაპირ იცვლება: ტოკენებით მხოლოდ ერთი მწვანე ჩანდა და ქუჩა ძველი
   საიტის ნაცრისფერ ფურცელს ჰგავდა */
html[data-design='v2'] .hm .hm-rec-card .rs {
  --_sky: #d7eef8;
  --_fill: #ffffff;
  --_mount: #a9d6b4;
  --_hill: #7fbf8f;
  --_ground: #ffffff;
}
html[data-design='v2'] .hm .hm-rec-card .rs-scene {
  border-radius: 4px;
  background: linear-gradient(180deg, #a6dbf0 0%, #d7eef8 58%, #eaf6fb 100%);
  box-shadow:
    inset 0 0 0 1px rgb(20 45 25 / 0.1),
    0 1px 0 rgb(20 45 25 / 0.14);
}
html[data-design='v2'] .hm .hm-rec-card .rs-scene::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 3;
  background: var(--hm-grain);
  background-size: 160px 160px;
  mix-blend-mode: multiply;
  opacity: 0.2;
  pointer-events: none;
}
/* იგივე კაცუნა, რაც პირველ ეკრანზე: ორფერი კიდურები, თეთრი ქაღალდის კიდე
   (ოთხი ბასრი ჩრდილი) და ფეხქვეშ ქაღალდის ჩრდილი; ტკივილის წერტილს თეთრი
   რგოლი აქვს. ზოლი SVG-ში არ იცვლება: მხოლოდ ფერი და ფილტრი */
html[data-design='v2'] .hm .hm-rec-card .rs-fig {
  filter: drop-shadow(1.6px 0 0 #fff) drop-shadow(-1.6px 0 0 #fff) drop-shadow(0 1.6px 0 #fff) drop-shadow(0 -1.6px 0 #fff)
    drop-shadow(1px 3px 2px rgb(20 45 25 / 0.3));
}
html[data-design='v2'] .hm .hm-rec-card .rs-fig :is(.aB, .tB) line {
  stroke: #2d6b45;
}
html[data-design='v2'] .hm .hm-rec-card .rs-fig .rs-head-c {
  fill: #1f4f33;
}
html[data-design='v2'] .hm .hm-rec-card .rs-hipdot {
  stroke: #fff;
  stroke-width: 1.6px;
}
/* ეტაპის აბრა: ქაღალდის იარლიყი */
html[data-design='v2'] .hm .hm-rec-card .rs-sign {
  border: 1px solid var(--hm-ink-2);
  border-radius: 2px;
  background: #fff;
  color: var(--hm-ink);
  font-weight: 650;
  box-shadow:
    0 1px 0 rgb(20 45 25 / 0.18),
    0 3px 6px rgb(20 45 25 / 0.12);
}
html[data-design='v2'] .hm .hm-rec-card .rs-sign.is-ahead {
  border-style: dashed;
  border-color: var(--hm-pencil);
  color: var(--hm-ink-2);
  box-shadow: none;
}
/* სლაიდერი: ქაღალდის ზოლი და სპილენძის ჭიკარტი. ჭიკარტი სამყაროს
   ერთადერთი სახელურია (ბრუნვა და სრიალი მხოლოდ ჭიკარტზე) */
html[data-design='v2'] .hm .hm-rec-card .rs-rail {
  background: #fff;
  box-shadow:
    inset 0 0 0 1px var(--hm-line),
    0 1px 0 rgb(20 45 25 / 0.12);
}
html[data-design='v2'] .hm .hm-rec-card .rs-st {
  border-color: var(--hm-line);
}
html[data-design='v2'] .hm .hm-rec-card .rs-st:is(.is-done, .is-on) {
  border-color: var(--hm-sea);
}
html[data-design='v2'] .hm .hm-rec-card .rs-lab.is-on {
  color: var(--hm-sea-ink);
}
html[data-design='v2'] .hm .hm-rec-card .rs-thumb {
  background: radial-gradient(circle at 34% 30%, #f3dc8e 0, #e9cf7a 14%, #c9a23a 52%, #a8842a 100%);
  color: var(--hm-ink);
  box-shadow:
    inset 0 0 0 1.5px #8c6b1f,
    0 2px 0 rgb(20 45 25 / 0.22),
    0 7px 14px rgb(20 45 25 / 0.22);
}
html[data-design='v2'] .hm .hm-rec-card .rs-thumb::after {
  border-color: #8c6b1f;
}
html[data-design='v2'] .hm .hm-rec-card .rs.is-drag .rs-thumb {
  box-shadow:
    inset 0 0 0 1.5px #8c6b1f,
    0 3px 0 rgb(20 45 25 / 0.2),
    0 12px 22px rgb(20 45 25 / 0.24);
}
/* ტელეფონზე ეტაპის ტექსტი სლაიდერის ქვეშაა და ბოლოა: ბარათი მიმდინარე
   ეტაპის სიმაღლისაა და მოკლე ეტაპის ქვეშ ~110px ცარიელი ზოლი აღარ რჩება.
   დანარჩენი ეტაპები ისევ ისეა, როგორც კომპონენტში (უხილავი, ადგილზე),
   უბრალოდ სიმაღლეს აღარ იკავებს */
@container (max-width: 51.99rem) {
  html[data-design='v2'] .hm .hm-rec-card .rs[data-js] .rs-list {
    position: relative;
  }
  html[data-design='v2'] .hm .hm-rec-card .rs[data-js] .rs-item:not(.is-on) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
}
html[data-design='v2'] .hm .hm-rec-note {
  margin-top: 14px;
  max-width: none;
}
html[data-design='v2'] .hm .hm-rec-after {
  display: grid;
  gap: 14px;
  justify-items: start;
}
html[data-design='v2'] .hm .jb.btn.btn-primary {
  min-height: 56px;
  border: 1.5px solid var(--hm-ink);
  border-radius: 6px;
  background: #fff;
  color: var(--hm-ink);
  box-shadow:
    0 1px 0 rgb(20 45 25 / 0.18),
    0 6px 14px rgb(20 45 25 / 0.12);
  animation: none;
}
html[data-design='v2'] .hm .jb.btn.btn-primary:hover {
  background: var(--hm-sky-t2);
  color: var(--hm-ink);
}
html[data-design='v2'] .hm .jb .jb-ico {
  color: var(--hm-sea);
}
html[data-design='v2'] .hm .jb .jb-sub {
  font-size: var(--hm-small);
  color: var(--hm-ink-2);
}
html[data-design='v2'] .hm .hm-roadsea {
  display: block;
  width: 100%;
  height: 140px;
  max-width: none;
  margin-top: 28px;
}
@media (min-width: 48rem) {
  html[data-design='v2'] .hm .hm-rec-after {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }
  html[data-design='v2'] .hm .hm-roadsea {
    height: 220px;
  }
}
@media (min-width: 64rem) {
  html[data-design='v2'] .hm .hm-rec {
    max-width: 62rem;
  }
}

/* ეპიზოდი 5: სად ვისწავლე */
html[data-design='v2'] .hm .fm {
  --bx-bg: #ffffff;
  --bx-ink: #1a1f1c;
  --bx-ink-soft: #3d4741;
  --bx-line: #cbd3ce;
  --bx-accent: #1e73b8;
  --bx-accent-ink: #155a93;
  --bx-accent-2: #1e6532;
  --bx-accent-glow: #8fd3ee;
  --bx-radius: 6px;
  --bx-font: var(--hm-font);
  --bx-font-display: var(--hm-font);
  --bx-gutter: 16px;
  --bx-map-sea: #d7eef8;
  --bx-map-land: #ffffff;
  --bx-map-coast: #5aa66c;
  --bx-map-grat: transparent;
  --bx-map-river: #a6dbf0;
}
/* რუკა ქაღალდის ატლასია: ცისფერ ქაღალდზე ამოჭრილი თეთრი ხმელეთი ჩაისფერი
   კიდით, ბოჭკოთი, ბადის ხაზების გარეშე (ბადე ინტერფეისის ნიშანი იყო) */
html[data-design='v2'] .hm .fm .fm-stage {
  border-radius: 4px;
  box-shadow:
    inset 0 0 0 1px rgb(20 45 25 / 0.1),
    0 1px 0 rgb(20 45 25 / 0.14);
}
html[data-design='v2'] .hm .fm .fm-stage::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 4;
  background: var(--hm-grain);
  background-size: 160px 160px;
  mix-blend-mode: multiply;
  opacity: 0.18;
  pointer-events: none;
}
html[data-design='v2'] .hm .fm .fm-land {
  stroke-width: 1.3;
}
/* ქალაქის წარწერა და ღილაკები: ქაღალდის იარლიყი და ენა, მრგვალი აბის ნაცვლად */
html[data-design='v2'] .hm .fm .fm-pin-label {
  border-radius: 2px;
  background: #fff;
  box-shadow:
    0 0 0 1px var(--hm-ink-2),
    0 1px 0 rgb(20 45 25 / 0.18),
    0 4px 8px rgb(20 45 25 / 0.12);
}
html[data-design='v2'] .hm .fm.is-zoomed .fm-pin.is-active .fm-pin-label {
  color: var(--hm-ink);
  box-shadow:
    0 0 0 2px var(--hm-ink),
    0 2px 0 rgb(20 45 25 / 0.18),
    0 6px 12px rgb(20 45 25 / 0.14);
}
html[data-design='v2'] .hm .fm .fm-go {
  border-radius: 4px;
  background: #fff;
  box-shadow:
    0 0 0 1px var(--hm-ink-2),
    0 1px 0 rgb(20 45 25 / 0.18),
    0 4px 10px rgb(20 45 25 / 0.12);
}
/* წინა და შემდეგი ქალაქი: ქაღალდის ენები; გრძელი სახელი ორ სტრიქონად
   იწყობა და აღარ იჭრება („პენსილვ...“). ორივე სტრიქონი 52px-ში ეტევა */
html[data-design='v2'] .hm .fm .fm-nav {
  align-items: stretch;
}
html[data-design='v2'] .hm .fm .fm-step {
  min-height: 52px;
  padding: 6px 12px;
  border-radius: 4px;
  background: #fff;
  box-shadow:
    0 0 0 1px var(--hm-ink-2),
    0 1px 0 rgb(20 45 25 / 0.18),
    0 4px 10px rgb(20 45 25 / 0.1);
  line-height: 1.2;
}
html[data-design='v2'] .hm .fm .fm-step span {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  text-wrap: balance;
}
html[data-design='v2'] .hm .fm .fm-step--next {
  text-align: right;
}
/* ბარათები ფურცელზე ბარათად აღარ დგას: ბილეთის ზოლებია, თხელი ხაზით,
   სათაური (ადგილი) ჯერ, წელი და სახე მის ქვეშ */
html[data-design='v2'] .hm .fm .fm-card {
  grid-template-areas:
    'place place'
    'kind kind'
    'pic txt';
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  border-left: 1px solid var(--hm-line);
}
html[data-design='v2'] .hm .fm .fm-card.is-active {
  box-shadow: none;
  border-left-color: var(--hm-ink);
}
html[data-design='v2'] .hm .fm .fm-place {
  margin-bottom: 2px;
}
html[data-design='v2'] .hm .fm .fm-kind {
  margin: 0 0 10px !important;
  font-size: 1rem;
  font-weight: 650;
  color: var(--hm-ink-2);
}
html[data-design='v2'] .hm .hm-atlas {
  padding: 22px 6px 10px;
}
html[data-design='v2'] .hm .hm-planewire {
  position: absolute;
  top: -22px;
  right: 4px;
  z-index: 3;
  display: block;
  width: 112px;
  height: 98px;
  max-width: none;
  pointer-events: none;
}
html[data-design='v2'] .hm .hm-snaps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 8px 4px 0;
}
html[data-design='v2'] .hm .hm-snap {
  position: relative;
  min-width: 0;
  margin: 0;
  padding: 7px 7px 10px;
  background: #fff;
  border-radius: 2px;
  overflow-wrap: break-word;
  box-shadow:
    0 1px 0 rgb(20 45 25 / 0.2),
    0 8px 16px rgb(20 45 25 / 0.18);
  transform: rotate(-1.5deg);
}
html[data-design='v2'] .hm .hm-snap--2 {
  transform: rotate(1.2deg);
  margin-top: 14px;
}
html[data-design='v2'] .hm .hm-snap .hm-pin {
  top: -6px;
}
html[data-design='v2'] .hm .hm-snap img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
html[data-design='v2'] .hm .hm-snap figcaption {
  margin-top: 8px;
  font-size: var(--hm-small);
  font-weight: 600;
  line-height: 1.35;
}
/* ვიწრო ეკრანზე კადრები ერთმანეთის ქვეშ: გრძელი ქართული სიტყვა ვიწრო სვეტში არ ეტევა */
@media (max-width: 22.4375rem) {
  html[data-design='v2'] .hm .hm-snaps {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }
  html[data-design='v2'] .hm .hm-snap {
    width: 86%;
  }
  html[data-design='v2'] .hm .hm-snap--2 {
    justify-self: end;
    margin-top: 0;
  }
}
html[data-design='v2'] .hm :is(.hm-hip, .hm-na, .hm-learn, .hm-contact) > * {
  min-width: 0;
}
@media (min-width: 64rem) {
  html[data-design='v2'] .hm .hm-learn {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 32px;
    row-gap: 28px;
  }
  html[data-design='v2'] .hm .hm-learn > .hm-learn-title {
    grid-column: 1 / span 8;
  }
  html[data-design='v2'] .hm .hm-learn > .hm-atlas {
    grid-column: 1 / -1;
  }
  html[data-design='v2'] .hm .hm-learn > .hm-snaps {
    grid-column: 3 / span 8;
  }
  html[data-design='v2'] .hm .hm-planewire {
    width: 160px;
    height: 140px;
    top: -40px;
  }
}

/* ეპიზოდი 6: პაციენტები */
html[data-design='v2'] .hm.hm-patep {
  --bx-bg: #ffffff;
  --bx-ink: #1a1f1c;
  --bx-ink-soft: #3d4741;
  --bx-line: #cbd3ce;
  --bx-accent: #1e73b8;
  --bx-accent-2: #1e6532;
  --bx-radius: 6px;
  --bx-font: var(--hm-font);
}
html[data-design='v2'] .hm .hm-stories {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 160px;
  gap: 14px;
  margin: 0 calc(var(--hm-gutter) * -1);
  padding: 14px var(--hm-gutter) 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: var(--hm-gutter);
  scrollbar-width: thin;
  scrollbar-color: var(--hm-tea-deep) transparent;
  list-style: none;
  overscroll-behavior-x: contain;
}
html[data-design='v2'] .hm .hm-story-li {
  scroll-snap-align: start;
}
html[data-design='v2'] .hm .hm-story {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 6px 6px 10px;
  background: #fff;
  border-radius: 2px;
  color: var(--hm-ink);
  text-decoration: none;
  box-shadow:
    0 1px 0 rgb(20 45 25 / 0.18),
    0 6px 14px rgb(20 45 25 / 0.14);
  transition:
    transform 150ms var(--hm-ease-out),
    box-shadow 150ms var(--hm-ease-out);
  -webkit-tap-highlight-color: transparent;
}
/* დახრა ცვლადშია: დაჭერისას ბარათი ადის, მაგრამ დახრილი რჩება (ადრე
   :active დახრას აქრობდა და ბარათი ირხეოდა) */
html[data-design='v2'] .hm .hm-story-li--2 .hm-story {
  --hm-tilt: 0.8deg;
  transform: rotate(var(--hm-tilt));
}
html[data-design='v2'] .hm .hm-story-li--3 .hm-story {
  --hm-tilt: -0.7deg;
  transform: rotate(var(--hm-tilt));
}
html[data-design='v2'] .hm .hm-story:active {
  transform: rotate(var(--hm-tilt, 0deg)) translateY(-2px);
  box-shadow:
    0 2px 0 rgb(20 45 25 / 0.16),
    0 12px 22px rgb(20 45 25 / 0.18);
}
html[data-design='v2'] .hm .hm-story .hm-pin {
  top: -7px;
}
html[data-design='v2'] .hm .hm-story-frame {
  position: relative;
  display: block;
  margin-bottom: 4px;
}
html[data-design='v2'] .hm .hm-story-frame img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: cover;
}
html[data-design='v2'] .hm .hm-story-d {
  position: absolute;
  right: 6px;
  bottom: 6px;
  padding: 2px 6px;
  border-radius: 3px;
  background: var(--hm-ink);
  color: #fff;
  font-size: var(--hm-small);
  font-weight: 700;
  line-height: 1.2;
  font-variant-numeric: tabular-nums;
}
html[data-design='v2'] .hm .hm-story-t {
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.3;
}
html[data-design='v2'] .hm .hm-story-m {
  font-size: var(--hm-small);
  line-height: 1.3;
  color: var(--hm-ink-2);
}
html[data-design='v2'] .hm .hm-video > h3 + p {
  margin: 8px 0 14px;
}
/* საგანმანათლებლო სერია: ბარათები ფურცელზე აღარ დგას ბარათად. კადრი
   დაბეჭდილ ფოტოს ჰგავს, სათაური პირდაპირ ფურცელზეა, სერიის თემა მის
   ქვეშ უბრალო წარწერაა (eyebrow სათაურის თავზე აღარ დგას), „ვრცლად“
   იმავე სტრიქონზე მარჯვნივ. ბარათი თავისი შიგთავსის სიმაღლისაა: მოკლე
   სათაურის ქვეშ ცარიელი ზოლი აღარ რჩება */
html[data-design='v2'] .hm .hm-gallery {
  margin-inline: -10px;
}
html[data-design='v2'] .hm .hm-gallery .gallery-track {
  align-items: flex-start;
  padding-bottom: 0.5rem;
}
html[data-design='v2'] .hm .hm-gallery .gallery-item {
  position: relative;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
html[data-design='v2'] .hm .hm-gallery .gallery-item:is(:hover, :focus-within) {
  transform: none;
  box-shadow: none;
}
html[data-design='v2'] .hm .hm-gallery :is(.gallery-thumb, .gallery-frame) {
  overflow: hidden;
  border-radius: 3px;
  border-bottom: 0;
  box-shadow:
    0 1px 0 rgb(20 45 25 / 0.2),
    0 6px 14px rgb(20 45 25 / 0.16);
}
html[data-design='v2'] .hm .hm-gallery .gallery-body {
  gap: 4px;
  padding: 12px 4px 8px;
}
html[data-design='v2'] .hm .hm-gallery .gallery-link {
  flex: none;
}
html[data-design='v2'] .hm .hm-gallery .gallery-body .eyebrow {
  order: 2;
  margin: 0;
  padding: 0 6.5em 0 0;
  color: var(--hm-ink-2);
  font-size: var(--hm-small);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: none;
}
html[data-design='v2'] .hm .hm-gallery .gallery-body .eyebrow::before {
  content: none;
}
html[data-design='v2'] .hm .hm-gallery .gallery-more {
  position: absolute;
  right: 4px;
  bottom: 8px;
  margin: 0;
  line-height: 1.35;
}
html[data-design='v2'] .hm .hm-gallery .gallery-title {
  color: var(--hm-ink);
  font-weight: 700;
}
html[data-design='v2'] .hm .hm-gallery .gallery-more {
  color: var(--hm-ink-2);
}
@media (min-width: 64rem) {
  html[data-design='v2'] .hm .hm-stories {
    grid-auto-flow: row;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-auto-columns: auto;
    margin: 0;
    padding: 14px 0 8px;
    overflow: visible;
  }
}

/* ეპიზოდი 7: კონტაქტი, ქალაქი, ქსელები */
html[data-design='v2'] .hm.hm-contactep {
  padding-bottom: 0;
}
html[data-design='v2'] .hm .hm-board {
  display: grid;
  gap: 14px;
}
html[data-design='v2'] .hm .hm-board .hm-slots--4 .hm-slots-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 10px;
}
html[data-design='v2'] .hm .hm-board-tabs {
  display: grid;
  gap: 10px;
}
html[data-design='v2'] .hm .hm-cand > h3 + p {
  margin: 8px 0 10px;
}
html[data-design='v2'] .hm .hm-city-wrap {
  position: relative;
  margin-top: 28px;
  background: transparent;
}
html[data-design='v2'] .hm .hm-city {
  display: block;
  width: 100%;
  height: 200px;
  max-width: none;
}
html[data-design='v2'] .hm .hm-city-cards {
  display: grid;
  gap: 16px;
  max-width: none;
  margin-top: -24px;
  padding-bottom: 28px;
  padding-inline: max(var(--hm-gutter), calc((100% - 75rem) / 2 + var(--hm-gutter)));
  background: linear-gradient(to bottom, transparent 24px, var(--hm-sea) 24px);
}
html[data-design='v2'] .hm .hm-addr h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}
html[data-design='v2'] .hm .hm-addr h3 .hm-ic {
  color: var(--hm-sea);
}
html[data-design='v2'] .hm .hm-addr .hm-addr-h2 {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--hm-line);
}
html[data-design='v2'] .hm .hm-addr address {
  font-style: normal;
  margin-top: 2px;
}
html[data-design='v2'] .hm.hm-followep {
  padding-top: 8px;
}
html[data-design='v2'] .hm .hm-follow-card > h2 + p {
  margin: 8px 0 16px;
}
/* ქსელები: ბნელი მომრგვალებული ღილაკები ფურცელზე აღარ დგას; ქაღალდის
   ზოლებია თხელი ხაზით, ზღვისფერი ხატულით */
html[data-design='v2'] .hm .hm-social .sc {
  gap: 0 16px;
}
html[data-design='v2'] .hm .hm-social .sc-net {
  min-height: 56px;
  padding: 12px 4px;
  border-radius: 0;
  border-top: 1px solid var(--hm-line);
  background: transparent;
  color: var(--hm-ink);
}
html[data-design='v2'] .hm .hm-social .sc-net:hover {
  color: var(--hm-ink);
  background: var(--hm-sky-t2);
  transform: none;
}
html[data-design='v2'] .hm .hm-social .sc-net svg {
  color: var(--hm-sea);
}
html[data-design='v2'] .hm .hm-social .sc-note {
  font-size: var(--hm-small);
  color: var(--hm-ink-2);
  opacity: 1;
}
@media (min-width: 64rem) {
  html[data-design='v2'] .hm .hm-contact {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 32px;
    row-gap: 28px;
    align-items: start;
  }
  html[data-design='v2'] .hm .hm-contact > .hm-contact-title {
    grid-column: 1 / span 8;
  }
  html[data-design='v2'] .hm .hm-contact > .hm-board {
    grid-column: 1 / span 6;
    grid-row: 2 / span 2;
  }
  html[data-design='v2'] .hm .hm-contact > .hm-cand {
    grid-column: 7 / -1;
    grid-row: 2;
  }
  html[data-design='v2'] .hm .hm-board .hm-slots--4 .hm-slots-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  html[data-design='v2'] .hm .hm-city {
    height: 300px;
  }
  html[data-design='v2'] .hm .hm-city-cards {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    column-gap: 32px;
    margin-top: -64px;
    background: linear-gradient(to bottom, transparent 64px, var(--hm-sea) 64px);
  }
  html[data-design='v2'] .hm .hm-addr {
    grid-column: 2 / span 5;
  }
}

/* ══ 9. მოძრაობა ═══════════════════════════════════════════════════════ */
/* ჩასმული კომპონენტების უსასრულო მარყუჟებს ლიმიტი აქვს: ტექსტის გვერდით
   მუდმივი მოძრაობა ასაკოვან მკითხველს ხელს უშლის (WCAG 2.2.2). სამი
   გამეორების შემდეგ ისინი ჩერდება. მთავარი გვერდის საკუთარი მოძრაობის
   ლიმიტი home.js-შია (მზე, ნავი, თვითმფრინავი). კაცუნა ექიმის თხოვნით
   მუდმივად დადის, სანამ პირველი ეკრანი ჩანს; შეხებით ჩერდება. */
html[data-design='v2'] .hm :is(.bm-svg, .bm-bubble, .rs-hint-arrow, .w-flame, .w-balloons, .jb-dots, .jb-pin, .re-a, .re-b),
html[data-design='v2'] .hm .bm-dot::after,
html[data-design='v2'] .hm .rs-thumb::after {
  animation-iteration-count: 3 !important;
}
/* სამი გამეორება ეპიზოდის ნახვიდან ითვლება და არა გვერდის ჩატვირთვიდან:
   ადრე მინიშნებები იქამდე მთავრდებოდა, სანამ მკითხველი იქამდე ჩავიდოდა.
   ეპიზოდი ეკრანზე რომ მოვა, home.js მას data-hm-seen-ს უსვამს; home.js
   თუ არ ჩაიტვირთა (hm-seen-io არ არის), არაფერი ჩერდება (2026-10-18). */
html.hm-seen-io[data-design='v2'] .hm[data-hm-ep]:not([data-hm-seen]) :is(.bm-svg, .bm-bubble, .rs-hint-arrow, .w-flame, .w-balloons, .jb-dots, .jb-pin, .re-a, .re-b),
html.hm-seen-io[data-design='v2'] .hm[data-hm-ep]:not([data-hm-seen]) .bm-dot::after,
html.hm-seen-io[data-design='v2'] .hm[data-hm-ep]:not([data-hm-seen]) .rs-thumb::after {
  animation-play-state: paused !important;
}
/* შეხებით გადიდება ნახატებზეც მუშაობს (ადრე pan-y მას ბლოკავდა) */
html[data-design='v2'] .hm :is(.bm-stage, .rs-scene, .rs-track, .fm-stage) {
  touch-action: pan-y pinch-zoom;
}
@media (prefers-reduced-motion: reduce) {
  html[data-design='v2'] .hm :is(.hm-tab-body, .hm-tab-paper, .hm-ticket, .hm-story, .hm-cap, .hp-ghost, .hp-part, .hp-pelvis, .hp-soft, .hp-lead, .hp-femur-bone, .hm-step-b) {
    transition: none;
  }
  html[data-design='v2']:has(#main > section.hm-first) :is(div.fixed.inset-x-0.bottom-0, #cookie-banner) {
    transition: none;
  }
}

/* ══ 11. ღამე: მუქი თემა ════════════════════════════════════════════════ */
/* ქაღალდის აჭარის ღამის ვერსია (ექიმმა ითხოვა 2026-10-19: „მთავარზე დღე-
   ღამის რეჟიმი არ მუშაობს“). სამყარო იგივეა, ღამდება: ცა მუქი ლურჯია
   ვარსკვლავებით, მზის ადგილას მთვარეა, ზღვა და ჩაის ბორცვები მუქდება,
   ბათუმის ფანჯრები ინთება. ფურცლები მუქი ქაღალდია ღია მელნით; ნახატი,
   ფოტო და ექოსკოპიის ეკრანი ისე რჩება, როგორც არის (სურათებია).

   დღის წესებს ეს ნაწილი არ ეხება: ყველაფერი აქაა, `[data-theme='dark']`-ით
   და მხოლოდ ეკრანზე (ბეჭდვა ყოველთვის დღისაა). ფერები:
     ცა #182846, ზღვა #0e3459, ჩაი #183f27, ფურცლის მიწა #0f1714,
     ქაღალდი #1f2724, მელანი #e8eee9 (ქაღალდზე ~13:1), მეორე #b9c5be (~8:1).
   SVG ნახატის ფერები ატრიბუტით იცვლება (CSS-ის fill ატრიბუტზე ძლიერია),
   მარკაპი უცვლელია. */
@media screen {
  html[data-design='v2'][data-theme='dark'] .hm {
    --hm-paper: #1f2724;
    --hm-ink: #e8eee9;
    --hm-ink-2: #b9c5be;
    --hm-pencil: #8d9a94;
    --hm-sky: #182846;
    --hm-sky-t: #2a3d62;
    --hm-sky-t2: #23314a;
    --hm-sea: #0e3459;
    --hm-sea-hi: #2d5f92;
    --hm-sea-ink: #9fd0f0;
    --hm-tea: #183f27;
    --hm-tea-deep: #6fbf86;
    --hm-tea-back: #24513a;
    --hm-line: #3b4642;
    /* ღამის ლურჯი აქცენტი (ხატულა, რკალი): ზღვის ფერი მიწად რჩება */
    --hm-night-blue: #79b8ea;
    --hm-drop: drop-shadow(0 1px 0 rgb(0 0 0 / 0.45)) drop-shadow(0 8px 18px rgb(0 0 0 / 0.42));
    --hm-drop-lift: drop-shadow(0 2px 0 rgb(0 0 0 / 0.45)) drop-shadow(0 14px 26px rgb(0 0 0 / 0.5));
    caret-color: var(--hm-night-blue);
  }

  /* ── გვერდის ჩარჩო: footer ღამის ჩაის რიგზე, ზღვა მის ზემოთ ── */
  html[data-design='v2'][data-theme='dark']:has(#main > section.hm-first) footer.bg-deep {
    background: #0e2418;
    border-top: 0;
  }
  html[data-design='v2'][data-theme='dark']:has(#main > section.hm-first) footer.seam::before {
    background:
      url(/design/hm-edge-night.svg) center bottom / 1440px 24px repeat-x,
      #0e3459;
  }

  /* ── მიწები ── */
  html[data-design='v2'][data-theme='dark'] .hm.hm-ep {
    background: var(--hm-ground, #0f1714);
  }
  html[data-design='v2'][data-theme='dark'] .hm.hm-ep--paper {
    --hm-ground: #0f1714;
  }

  /* ── ქაღალდი: ფურცელი, სათაურის ბარათი, ბილეთი, ენა ── */
  html[data-design='v2'][data-theme='dark'] .hm :is(.hm-card, .hm-title),
  html[data-design='v2'][data-theme='dark'] .hm.hm-first .hm-lead {
    background-color: var(--hm-paper);
  }
  html[data-design='v2'][data-theme='dark'] .hm .hm-tab:not(.hm-tab--mandarin, .hm-tab--sky) .hm-tab-paper {
    color: var(--hm-paper);
  }
  /* ბილეთი და იარლიყი ფურცელზე დევს: ღამით ოდნავ ღიაა, რომ ფურცლისგან
     გამოირჩეოდეს (დღისით ორივე თეთრია და მას ჩრდილი გამოყოფს) */
  html[data-design='v2'][data-theme='dark'] .hm :is(.hm-ticket > svg, .hm-stub svg, .hm-tag-paper) {
    color: #2b3531;
  }
  /* მანდარინისა და ცის ენები ღამითაც ღიაა, ტექსტი მათზე მელნისფერი */
  html[data-design='v2'][data-theme='dark'] .hm :is(.hm-tab--mandarin, .hm-tab--sky) {
    color: #1a1f1c;
  }
  html[data-design='v2'][data-theme='dark'] .hm .hm-tab--sky .hm-tab-paper {
    color: #8fd3ee;
  }
  html[data-design='v2'][data-theme='dark'] .hm .hm-tab:is(.hm-tab--mandarin, .hm-tab--sky):focus-visible .hm-tab-body {
    outline-color: var(--hm-ink);
  }

  /* ── პირველი ეკრანი: ღამის ცა, მთვარე, ვარსკვლავები ── */
  html[data-design='v2'][data-theme='dark'] .hm-first .hm-stage {
    background:
      radial-gradient(2.2px 2.2px at 8% 14%, rgb(255 248 225 / 0.9) 50%, transparent 52%),
      radial-gradient(1.8px 1.8px at 19% 31%, rgb(255 248 225 / 0.7) 50%, transparent 52%),
      radial-gradient(2.4px 2.4px at 33% 9%, rgb(255 248 225 / 0.85) 50%, transparent 52%),
      radial-gradient(1.8px 1.8px at 46% 22%, rgb(255 248 225 / 0.6) 50%, transparent 52%),
      radial-gradient(2.2px 2.2px at 57% 6%, rgb(255 248 225 / 0.8) 50%, transparent 52%),
      radial-gradient(1.8px 1.8px at 64% 27%, rgb(255 248 225 / 0.65) 50%, transparent 52%),
      radial-gradient(2.6px 2.6px at 72% 12%, rgb(255 248 225 / 0.9) 50%, transparent 52%),
      radial-gradient(1.8px 1.8px at 79% 34%, rgb(255 248 225 / 0.55) 50%, transparent 52%),
      radial-gradient(2.2px 2.2px at 91% 21%, rgb(255 248 225 / 0.8) 50%, transparent 52%),
      radial-gradient(1.8px 1.8px at 97% 8%, rgb(255 248 225 / 0.6) 50%, transparent 52%),
      radial-gradient(2.0px 2.0px at 26% 44%, rgb(255 248 225 / 0.5) 50%, transparent 52%),
      radial-gradient(2.0px 2.0px at 86% 46%, rgb(255 248 225 / 0.5) 50%, transparent 52%),
      linear-gradient(180deg, #111d36 0%, #182846 55%, #22365c 100%);
  }
  /* ცის მართკუთხედი გამჭვირვალეა: ვარსკვლავები სცენის ფონზეა (ფენის
     პარალაქსს არ მიჰყვება, შორს არიან) */
  html[data-design='v2'][data-theme='dark'] .hm-first svg.hm-dio-l rect.hm-dio-sky {
    fill: transparent;
  }
  html[data-design='v2'][data-theme='dark'] .hm-first .hm-dio-cloud {
    fill: #2d3f63;
  }
  /* მზე მთვარე ხდება: ღია ქაღალდის დისკი იგივე ჭიკარტზე, მსუბუქი შუქით */
  html[data-design='v2'][data-theme='dark'] .hm-first .hm-sun-disc path:first-child {
    fill: #efe8d2;
  }
  html[data-design='v2'][data-theme='dark'] .hm-first .hm-sun-disc path:last-child {
    stroke: #fffaf0;
  }
  html[data-design='v2'][data-theme='dark'] .hm-first .hm-sun {
    filter: drop-shadow(0 0 22px rgb(255 240 205 / 0.28));
  }
  html[data-design='v2'][data-theme='dark'] .hm-first .hm-dio-wave {
    stroke: #2d5f92;
  }
  html[data-design='v2'][data-theme='dark'] .hm-first .hm-road {
    fill: #8f9cb0;
  }
  html[data-design='v2'][data-theme='dark'] .hm-first .hm-road-marks {
    stroke: #c7d0dc;
  }

  /* ── ნახატის ფერები: ცა, ზღვა, ბორცვები, ჩაის რიგები ── */
  html[data-design='v2'][data-theme='dark'] .hm :is(.hm-dio-l, .hm-hills, .hm-city, .hm-roadsea) :is([fill='#8FD3EE' i]) {
    fill: #182846;
  }
  /* ქაღალდის მიწის კიდე (Hills tone="paper") */
  html[data-design='v2'][data-theme='dark'] .hm .hm-hills [fill='#FFFFFF' i] {
    fill: #0f1714;
  }
  html[data-design='v2'][data-theme='dark'] .hm :is(.hm-dio-l, .hm-hills, .hm-city, .hm-roadsea) [fill='#1E73B8' i] {
    fill: #0e3459;
  }
  html[data-design='v2'][data-theme='dark'] .hm :is(.hm-dio-l, .hm-hills, .hm-city, .hm-roadsea) [fill='#4B92CC' i],
  html[data-design='v2'][data-theme='dark'] .hm :is(.hm-dio-l, .hm-hills, .hm-city, .hm-roadsea) [stroke='#4B92CC' i] {
    fill: #2d5f92;
    stroke: #2d5f92;
  }
  html[data-design='v2'][data-theme='dark'] .hm :is(.hm-dio-l, .hm-hills, .hm-city, .hm-roadsea) [fill='#5AA66C' i] {
    fill: #24513a;
  }
  html[data-design='v2'][data-theme='dark'] .hm :is(.hm-dio-l, .hm-hills, .hm-city, .hm-roadsea) [fill='#2C8A43' i] {
    fill: #1b4630;
  }
  html[data-design='v2'][data-theme='dark'] .hm :is(.hm-dio-l, .hm-hills, .hm-city, .hm-roadsea) [stroke='#2C8A43' i] {
    stroke: #1b4630;
  }
  html[data-design='v2'][data-theme='dark'] .hm :is(.hm-dio-l, .hm-hills, .hm-city, .hm-roadsea) [fill='#1E6532' i] {
    fill: #133622;
  }
  html[data-design='v2'][data-theme='dark'] .hm :is(.hm-dio-l, .hm-hills, .hm-city, .hm-roadsea) [stroke='#1E6532' i] {
    stroke: #133622;
  }
  html[data-design='v2'][data-theme='dark'] .hm :is(.hm-dio-l, .hm-hills, .hm-city, .hm-roadsea) :is([stroke='#4C9460' i], [stroke='#4C9860' i]) {
    stroke: #2c5d40;
  }
  html[data-design='v2'][data-theme='dark'] .hm :is(.hm-dio-l, .hm-hills, .hm-city, .hm-roadsea) :is([stroke='#24763A' i], [stroke='#23753A' i]) {
    stroke: #1c4a2f;
  }
  html[data-design='v2'][data-theme='dark'] .hm :is(.hm-dio-l, .hm-hills, .hm-city, .hm-roadsea) [stroke='#16502A' i] {
    stroke: #0f301d;
  }
  html[data-design='v2'][data-theme='dark'] .hm :is(.hm-dio-l, .hm-hills, .hm-city, .hm-roadsea) [fill='#8C6B1F' i] {
    fill: #6b5424;
  }

  /* ── ქალაქი: შენობები მუქდება, ფანჯრები ინთება ── */
  html[data-design='v2'][data-theme='dark'] .hm :is(.hm-dio-city, .hm-city) [fill='#D7EEF8' i] {
    fill: #24365a;
  }
  html[data-design='v2'][data-theme='dark'] .hm :is(.hm-dio-city, .hm-city) :is([fill='#FFFFFF' i], [fill='#FFF' i]) {
    fill: #31466d;
  }
  html[data-design='v2'][data-theme='dark'] .hm :is(.hm-dio-city, .hm-city) [stroke='#EAF6FB' i] {
    stroke: #d8b867;
  }
  html[data-design='v2'][data-theme='dark'] .hm :is(.hm-dio-city, .hm-city) [stroke='#D7EEF8' i] {
    stroke: #f2cd6f;
  }
  html[data-design='v2'][data-theme='dark'] .hm .hm-dio-city [stroke='#4B92CC' i] {
    stroke: #f6d98d;
  }
  html[data-design='v2'][data-theme='dark'] .hm .hm-city [fill='#E3E9E5' i] {
    fill: #9aa7b6;
  }
  /* გზა ზღვის პირას (ფეხზე დადგომა): მთვარის შუქზე ნაცრისფერი ქაღალდი */
  html[data-design='v2'][data-theme='dark'] .hm .hm-roadsea :is([fill='#FFFFFF' i], [fill='#FFF' i]) {
    fill: #8f9cb0;
  }
  html[data-design='v2'][data-theme='dark'] .hm .hm-roadsea :is([stroke='#FFFFFF' i], [stroke='#FFF' i]) {
    stroke: #8f9cb0;
  }
  html[data-design='v2'][data-theme='dark'] .hm .hm-roadsea [fill='#D7EEF8' i] {
    fill: #24365a;
  }
  html[data-design='v2'][data-theme='dark'] .hm .hm-roadsea [stroke='#D7EEF8' i] {
    stroke: #c7d0dc;
  }

  /* ── სათაური: გამოყოფილი სიტყვების ზოლი მუქი ჩაისფერია ── */
  html[data-design='v2'][data-theme='dark'] .hm.v2-hero.hm-first h1 .hm-accent {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 24' preserveAspectRatio='none'%3E%3Cpath d='M0 5L7 2L15 4L24 1L33 3.5L42 1.5L52 4L61 2L71 3.5L80 1L90 3L99 1.5L108 4L114 2L120 4L119 20L112 22.5L103 20.5L94 23L85 21L75 23L66 20.5L56 22.5L47 21L37 23L28 20.5L19 22.5L10 21L3 23L0 20Z' fill='%232E6B47'/%3E%3C/svg%3E");
  }

  /* ── ხატულები: ზღვის ლურჯის ნაცვლად ღამის ლურჯი ── */
  html[data-design='v2'][data-theme='dark'] .hm :is(.hm-call .hm-ic, .hm-turn-hint .hm-ic, .jb .jb-ico, .hm-addr h3 .hm-ic, .hm-social .sc-net svg) {
    color: var(--hm-night-blue);
  }

  /* ── პატარა ქაღალდები: წარწერა, ჩიპი, ფოტო, ბარათი, შეტყობინება ── */
  html[data-design='v2'][data-theme='dark'] .hm :is(.hm-cap, .hm-chip, .hm-polaroid, .hm-snap, .hm-story),
  html[data-design='v2'][data-theme='dark'] .hm .hm-slots-row.is-msg .hm-slots-msg {
    background: var(--hm-paper);
  }
  html[data-design='v2'][data-theme='dark'] .hm :is(.hm-polaroid, .hm-snap, .hm-story) {
    box-shadow:
      0 1px 0 rgb(0 0 0 / 0.45),
      0 10px 22px rgb(0 0 0 / 0.42);
  }
  /* მელნის ფონზე ტექსტი ქაღალდისფერია (დღისით თეთრი, ღამით მუქი) */
  html[data-design='v2'][data-theme='dark'] .hm .hm-cap[aria-pressed='true'],
  html[data-design='v2'][data-theme='dark'] .hm .hm-steps li[aria-current='step'] .hm-step-n,
  html[data-design='v2'][data-theme='dark'] .hm .hm-story-d {
    color: var(--hm-paper);
  }
  @media (hover: hover) and (pointer: fine) {
    html[data-design='v2'][data-theme='dark'] .hm .hm-step-b:hover {
      background: rgb(255 255 255 / 0.06);
    }
  }
  /* ქაღალდის მენჯ-ბარძაყი: ნახატი ღია ფირფიტად რჩება, ფანქრის ხაზები ღიავდება */
  html[data-design='v2'][data-theme='dark'] .hm .hm-hip-svg .hp-lead {
    stroke: #c5d0ca;
  }

  /* ── ექოსკოპია (Echo): ღილაკები მუქ ქაღალდზე ── */
  html[data-design='v2'][data-theme='dark'] .hm .hm-echo-card {
    --rl-deep: #e8eee9;
    --rl-ink: #e8eee9;
    --rl-soft: #b9c5be;
    --rl-line: #3b4642;
    --rl-accent: #8fd3ee;
    --rl-copper: #79b8ea;
  }
  html[data-design='v2'][data-theme='dark'] .hm .hm-echo-card .re-btn {
    background: var(--hm-paper);
    color: var(--hm-ink);
  }
  html[data-design='v2'][data-theme='dark'] .hm .hm-echo-card .re-btn[aria-pressed='true'] {
    background: var(--hm-ink);
    color: var(--hm-paper);
  }

  /* ── სად გტკივათ (BodyMap): ფიგურა მთვარის შუქზე ქაღალდია ── */
  html[data-design='v2'][data-theme='dark'] .hm .bm {
    --bx-bg: #1f2724;
    --bx-ink: #e8eee9;
    --bx-ink-soft: #b9c5be;
    --bx-line: #3b4642;
    --bx-accent: #79b8ea;
    --bm-figure: #0f1714;
    --bm-skin: #d9e0dc;
  }
  /* პანელი: --bm-figure ფიგურის კონტურიცაა (მუქი რჩება), სათაური და ბმული
     კი ღიაა. პანელი გახსნისას body-ში გადადის (BodyMap-ის copyTheme), ამიტომ
     .hm-ის გარეთაა და გვერდით მიიძებნება */
  html[data-design='v2'][data-theme='dark'] .hm .bm .bm-title,
  html[data-design='v2'][data-theme='dark']:has(#main > section.hm-first) .bm-sheetwrap :is(.bm-p-title, .bm-sh-title, .bm-more a) {
    color: #e8eee9;
  }
  html[data-design='v2'][data-theme='dark']:has(#main > section.hm-first) .bm-sheetwrap .bm-help {
    border-left-color: #b9c5be;
  }
  html[data-design='v2'][data-theme='dark'] .hm .bm .bm-svg {
    filter: drop-shadow(0 1px 0 rgb(0 0 0 / 0.5)) drop-shadow(0 10px 18px rgb(0 0 0 / 0.45));
  }

  /* ── ფეხზე დადგომა: ღამის ქუჩა ── */
  html[data-design='v2'][data-theme='dark'] .hm.hm-recep {
    --bx-bg: #1f2724;
    --bx-ink: #e8eee9;
    --bx-ink-soft: #b9c5be;
    --bx-line: #3b4642;
    --bx-accent: #79b8ea;
  }
  html[data-design='v2'][data-theme='dark'] .hm .hm-rec-card .rs {
    --_sky: #22365c;
    --_fill: #31466d;
    --_mount: #24513a;
    --_hill: #1b4630;
    --_ground: #8f9cb0;
  }
  html[data-design='v2'][data-theme='dark'] .hm .hm-rec-card .rs-scene {
    background: linear-gradient(180deg, #111d36 0%, #182846 58%, #22365c 100%);
    box-shadow:
      inset 0 0 0 1px rgb(255 255 255 / 0.06),
      0 1px 0 rgb(0 0 0 / 0.4);
  }
  html[data-design='v2'][data-theme='dark'] .hm .hm-rec-card .rs-sign {
    background: var(--hm-paper);
  }
  html[data-design='v2'][data-theme='dark'] .hm .hm-rec-card .rs-rail {
    background: var(--hm-paper);
  }
  html[data-design='v2'][data-theme='dark'] .hm .hm-rec-card .rs-st:is(.is-done, .is-on) {
    border-color: var(--hm-night-blue);
  }
  html[data-design='v2'][data-theme='dark'] .hm .jb.btn.btn-primary {
    background: var(--hm-paper);
    border-color: var(--hm-ink-2);
    color: var(--hm-ink);
  }
  html[data-design='v2'][data-theme='dark'] .hm .jb.btn.btn-primary:hover {
    background: var(--hm-sky-t2);
    color: var(--hm-ink);
  }

  /* ── სად ვისწავლე: ღამის ატლასი ── */
  html[data-design='v2'][data-theme='dark'] .hm .fm {
    --bx-bg: #1f2724;
    --bx-ink: #e8eee9;
    --bx-ink-soft: #b9c5be;
    --bx-line: #3b4642;
    --bx-accent: #79b8ea;
    --bx-accent-ink: #9fd0f0;
    --bx-accent-2: #6fbf86;
    --bx-accent-glow: #8fd3ee;
    --bx-map-sea: #14223d;
    --bx-map-land: #2a3733;
    --bx-map-coast: #4f8a63;
    --bx-map-river: #2d4f78;
  }
  html[data-design='v2'][data-theme='dark'] .hm .fm :is(.fm-pin-label, .fm-go, .fm-step) {
    background: var(--hm-paper);
    color: var(--hm-ink);
  }

  /* ── პაციენტები ── */
  html[data-design='v2'][data-theme='dark'] .hm.hm-patep {
    --bx-bg: #1f2724;
    --bx-ink: #e8eee9;
    --bx-ink-soft: #b9c5be;
    --bx-line: #3b4642;
    --bx-accent: #79b8ea;
    --bx-accent-2: #6fbf86;
  }
  html[data-design='v2'][data-theme='dark'] .hm .hm-social .sc-net:hover {
    background: var(--hm-sky-t2);
  }
}

/* ══ 10. ბეჭდვა ═════════════════════════════════════════════════════════ */
@media print {
  html[data-design='v2'] .hm :is(.hm-stage, .hm-hills, .hm-city, .hm-roadsea, .hm-probe, .hm-planewire, .hm-pin, .hm-sheet) {
    display: none;
  }
  html[data-design='v2'] .hm.v2-hero.hm-first,
  html[data-design='v2'] .hm.hm-ep {
    background: #fff;
  }
  html[data-design='v2'] .hm .hm-quote :is(blockquote p, figcaption) {
    color: #1a1f1c;
  }
}