/* Згенеровано web/packages/ui/scripts/sync-maket.mjs з design/maket/e. НЕ ПРАВИТИ руками — правки зникнуть при наступному запуску. */
/* ZRAZU · E — розділ «domains»: домени: пошук і видача, хаб, каталог зон, сторінки зон із шаблону, перенесення, стежити, кирилиця, масовий пошук.
   Файл-власник розділу: пише лише автор розділу. Спільне (токени, компоненти, раскладки) тут не перевизначається —
   якщо бракує компонента, попросіть власника дизайн-системи (AUTHORING.md). Класи — з префіксом розділу. */

/* ---------- Сторінка зони /domains/<zone>/ (образець; префікс dz-) ---------- */
.dz-hero{padding-bottom:36px}
.dz-hero .h1{margin-bottom:10px}
.dz-hero .lead{max-width:56ch}
.dz-search{margin-top:6px}
.dz-suffix{font-weight:650;color:var(--text-2);white-space:nowrap;font-size:18px}
.dz-hint{margin-top:10px}
.dz-result{margin-top:18px;max-width:760px}
.dz-result:empty{display:none}
.dz-result .exact{padding:22px 24px}
.dz-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:start;padding-top:8px}
.dz-main{min-width:0;display:flex;flex-direction:column;gap:52px}
.dz-sec .h3{margin-bottom:14px}
.dz-sec .muted{margin:0 0 18px;max-width:60ch}
.dz-side{position:sticky;top:calc(var(--hdr) + 20px);display:flex;flex-direction:column;gap:10px}
.dz-price .p-two{margin-top:2px}
.dz-price .vat-seg{margin-top:4px}
.dz-price .pcard-foot{flex-direction:column;align-items:stretch;gap:10px}
.dz-price .pcard-foot .kicker{margin:0}
.dz-price .inc{margin:0 0 6px}
.dz-life{list-style:none;margin:0;padding:0;display:flex;gap:6px}
.dz-life-g{flex:var(--g) 1 0} .dz-life-r{flex:var(--r) 1 0} .dz-life .dz-life-p{flex:var(--p) 1 0;min-width:170px}
.dz-life li{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:15px;color:var(--text-2)}
.dz-life b{color:var(--text);font-weight:640}
.dz-bar{display:block;height:8px;border-radius:4px;margin-bottom:6px}
.dz-life-g .dz-bar{background:var(--free)}
.dz-life-r .dz-bar{background:var(--warn)}
.dz-life-p .dz-bar{background:var(--taken)}
@media (max-width:1000px){
  .dz-grid{grid-template-columns:minmax(0,1fr);gap:40px}
  .dz-side{position:static;order:-1}
}
@media (max-width:760px){
  .dz-suffix{display:none}
  .dz-life{flex-direction:column;gap:18px}
  .dz-life .dz-life-p{min-width:0}
  .dz-main{gap:40px}
}

/* ---------- Зони міста (siblings у zones.json): таблиця варіантів написання + примітка ---------- */
.dz-geo .tbl-wrap{margin-top:2px}
.dz-geo-tbl td.num{font-variant-numeric:tabular-nums;color:var(--text-2)}
.dz-geo-self{background:var(--fill-1)}
.dz-geo-note{margin-top:14px;max-width:64ch}
/* Ціль натискання: посилання на сусідню зону було 18 px заввишки — палець влучав у сусіднє.
   Висоту дає саме посилання, а не рядок, тому на дотику зменшуємо вертикальні відступи комірки. */
.dz-geo-tbl td a{display:inline-flex;align-items:center;min-height:24px}
@media (pointer:coarse){
  .dz-geo-tbl td{padding-top:5px;padding-bottom:5px}
  .dz-geo-tbl td a{min-height:44px}
}
@media (max-width:760px){
  .dz-geo-tbl th,.dz-geo-tbl td{padding:10px 10px}
}
@media (max-width:760px) and (pointer:coarse){
  .dz-geo-tbl td{padding-top:5px;padding-bottom:5px}
}

/* ---------- Не продаємо цю зону (sellable:false у zones.json): причина словами замість ціни ---------- */
.dz-notavail-st{margin:2px 0 10px}
.dz-notavail-why{margin:0 0 16px;max-width:34ch}

/* ---------- Що можна зареєструвати вже зараз (задача Р180-4: підказка на непродаваній сторінці зони) ---------- */
.dz-alt .chips{margin-top:10px}
.dz-alt-chip span:last-child{color:var(--text-2);font-size:13px}

/* ---------- Хаб /domains/ (dhu-) ---------- */
.dhu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.dhu-card{gap:8px;text-decoration:none;transition:transform .18s var(--ease,ease-out),border-color .18s}
.dhu-card:hover{transform:translateY(-2px)}
.dhu-card .ic{color:var(--text-2)}
.dhu-card p{margin:0;max-width:none}
.dhu-facts{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.dhu-facts li{display:flex;align-items:flex-start;gap:10px;color:var(--text-2)}
.dhu-facts .ic{color:var(--free);margin-top:3px;flex:none}
/* остання картка, що лишилася сама в ряду, — на всю ширину, а не сирота в лівій колонці */
.dhu-grid > .dhu-card:last-child:nth-child(3n+1){grid-column:1/-1}
@media (max-width:900px){ .dhu-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .dhu-grid > .dhu-card:last-child:nth-child(3n+1){grid-column:auto} .dhu-grid > .dhu-card:last-child:nth-child(odd){grid-column:1/-1} }
@media (max-width:600px){ .dhu-grid{grid-template-columns:minmax(0,1fr)} }

/* ---------- Пошук /search/ (dse-) ---------- */
.dse-search{margin-top:18px;max-width:640px}
.dse-bulk{margin-top:12px}
.dse-results-wrap{padding-top:8px}
/* Точний збіг ліворуч, «Ще варіант» праворуч (05.10.2026: праворуч від картки було порожньо, а що нижче є ще — не видно) */
.dse-exact{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:16px;align-items:stretch;margin-bottom:36px}   /* відступ: картки стояли впритул до «Усі зони для …» */
.dse-exact:empty{display:none}
.dse-alt{box-shadow:none}
.dse-alt .b-name{font-size:21px}
.dse-alt .sk-l{width:70%}
.dse-alt-more{margin-top:auto;padding-top:8px}
.results,.more{scroll-margin-top:calc(var(--hdr) + 16px)}
/* «Показати ще варіанти» під видачею */
.more{margin-top:28px}
.more-h{margin:0 0 14px;font-size:20px;font-weight:680;letter-spacing:-.02em}
.more-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.more-foot{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:18px;text-align:center}
.more-foot .more-note{margin:0;color:var(--text-2);font-size:15px;max-width:60ch}
.more-foot .more-note:empty{display:none}
@media (max-width:1000px){ .dse-exact{grid-template-columns:minmax(0,1fr)} .more-list{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:760px){ .more-list{grid-template-columns:minmax(0,1fr)} }
#dseEmpty{margin:12px 0 40px}

/* ---------- Гео-хаб /domains/geo/ (dhg-) ---------- */
.dhg-wrap{padding-top:8px;display:flex;flex-direction:column;gap:44px}
.dhg-sec .h3{margin-bottom:16px}
.dhg-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:26px}
.dhg-city h3{margin-bottom:2px}
.dhg-city .chips{margin-top:10px}
.dhg-chip .dhg-st{color:var(--text-2);font-size:13px}

/* ---------- Каталог зон /domains/zones/ (dzs-) ---------- */
/* У це посилання підставляють ім'я домену — до 63 символів одним «словом». Перенос тільки тут:
   на спільному .btn-link він робив мінімальну ширину в один символ, і в вузькій комірці
   таблиці посилання складалось у стовпчик (/prices/, 11×225 px). */
.dzr-all{overflow-wrap:anywhere}
.dzs-filter{margin-top:8px}
/* На 390 російські підписи («Международные») не вміщаються — стрічка прокручується,
   як .filter-seg у видачі (components.css, @media max-width:760). */
@media (max-width:760px){
  .dzs-filter{max-width:100%;overflow-x:auto;scrollbar-width:none}
  .dzs-filter::-webkit-scrollbar{display:none}
}
.dzs-note{margin:10px 0 28px;max-width:70ch}
.dzs-note + .fine-s{margin:-18px 0 28px}   /* посилання «Усі гео-домени» — під приміткою, а не впритул до «Ядро асортименту» */
.dzs-list{display:flex;flex-direction:column;gap:40px}
.dzs-group{scroll-margin-top:calc(var(--hdr) + 16px)}
.dzs-group[hidden]{display:none}
.dzs-group h2{margin-bottom:12px}
.dzs-tbl .dzs-zone{font-weight:640}
.dzs-tbl .dzs-zone a{color:inherit;display:inline-flex;align-items:center;min-height:24px}
@media (pointer:coarse){ .dzs-tbl .dzs-zone a{min-height:44px;min-width:44px} }
.dzs-why{margin:6px 0 0;max-width:36ch}
.dzs-tbl td{vertical-align:top}

/* ---------- Перенесення /domains/transfer/ (dtx-) ---------- */
.dtx .page-head .lead + .callout{margin-top:20px}   /* попередження стояло впритул до підзаголовка */
.dtx-steps{max-width:none}   /* було 620 px: чотири кроки тіснилися в лівій третині, праворуч — порожнеча */
@media (max-width:760px){ .dtx-steps{flex-direction:column;gap:18px} }

/* ---------- Стежити /domains/watch/ (dwx-) ---------- */
/* Міра рядка: пояснення в кроках розтягувалось на 107 знаків на 1440. */
.dwx .sec > .muted,.dwx .sec li > .muted{max-width:68ch}
/* спільні класи .stepper, .callout, .faq — без додаткового CSS */

/* ---------- Кирилиця /domains/cyrillic/ (dcx-) ---------- */
.dcx-demo{max-width:520px;margin-top:8px}
.dcx-row{display:flex;gap:10px;align-items:stretch}
.dcx-row .input{flex:1 1 auto}
.dcx-result{margin-top:16px;max-width:640px}
.dcx-result:empty{display:none}
.dcx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.dcx-grid .pcard p{max-width:none}
.dcx-grid .ic{color:var(--text-2)}
@media (max-width:900px){ .dcx-grid{grid-template-columns:minmax(0,1fr)} }
@media (max-width:520px){ .dcx-row{flex-direction:column} }

/* ---------- Масовий пошук /domains/bulk/ (dbx-) ---------- */
.dbx-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:32px;align-items:start;padding-top:8px}
.dbx-form textarea{min-height:220px}
.dbx-out .empty{margin:0}
.dbx-over{margin:0 0 16px}
.dbx-over .b-actions,.dbx .callout .b-actions{margin-top:12px}
@media (max-width:900px){ .dbx-grid{grid-template-columns:minmax(0,1fr)} }

/* ---- світла тема (власник дизайн-системи, 28.09.2026; темна не змінюється): плитки іконок хаба — відтінок продукту ---- */
[data-theme] .dhu-card > .ic{box-sizing:content-box;padding:8px;border-radius:11px;background:var(--hue-dom-bg);color:var(--hue-dom)}
[data-theme] .dhu-card[href*="ssl"] > .ic{background:var(--hue-ssl-bg);color:var(--hue-ssl)}
[data-theme] .dhu-card[href*="watch"] > .ic{background:var(--hue-mon-bg);color:var(--hue-mon)}