/* 2026-10-30: Kuki razılığı - dialoq (.ck), parametrlər, cədvəl, video/xəritə qutusu (.ck-gate). Hər yeni dizayn səhifəsində.
   .modal sinfi işlədilmir (core.js fon klikində bağlayır). Modal rejim top layer-dədir, inline - position:fixed: CLS yoxdur,
   scroll kilidi yoxdur. Hər vw/dvh "/ var(--zoom)" ilə (site.css 75% zona qaydası). Üç düymə eyni görünür (.ck-btn). */
.ck{--ck-px:24px;border:0;padding:24px var(--ck-px) 0;border-radius:var(--radius);width:min(640px,calc(100vw / var(--zoom) - 32px));max-height:calc(100dvh / var(--zoom) - 32px);overflow:auto;overscroll-behavior:contain;background:var(--bg);color:var(--ink);box-shadow:0 30px 60px -20px rgba(22,25,29,.45);font-size:15.5px;line-height:1.55}
.ck::backdrop{background:rgba(22,25,29,.55)}
.ck-l{display:grid;gap:14px}
.ck-h{font-size:1.3rem}
/* başlıq yalnız proqramla fokuslanır (tabindex=-1, Tab sırasında deyil) - açılışda halqa göstərilmir */
.ck-h:focus,.ck-h:focus-visible{outline:none}
.ck-txt{display:grid;gap:10px}
.ck-more{font-weight:600;margin-bottom:-8px}
.ck-links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px}
.ck-links a,.ck a{color:var(--ink);text-underline-offset:3px}
.ck-btns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:4px}
/* 2026-10-30: [C-1/UX-1/UX-2] düymə zolağı dialoqun görünən altına yapışır: mətn uzun olanda (telefon, alman mətni) yalnız mətn
   sürüşür, üç seçim HƏMİŞƏ birlikdə görünür - "qəbul" görünüb "imtina" sürüşmə arxasında qalmır (DSK OH Telemedien, EDPB).
   Dialoqun alt padding-i 0-dır, zolaq kənardan-kənara uzanır, ona görə bottom:0 hər brauzerdə eyni nöqtədir. */
.ck-l>.ck-btns{position:sticky;bottom:0;z-index:1;margin:4px calc(-1 * var(--ck-px)) 0;padding:12px var(--ck-px) calc(20px + env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--line)}
.ck-btn{font:600 15px/1.25 var(--font);min-height:44px;padding:11px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--ink);background:var(--ink);color:var(--on-dark);cursor:pointer;text-align:center}
/* 2026-10-30: hover yalnız siçanlı cihazda - toxunuşda "yapışqan hover" toxunulan yerdəki düyməni (məs. altlıq linkindən sonra
   açılan zolaqda "imtina") fərqli rəngdə saxlamasın: üç seçim telefonda da eyni görünür */
@media (hover:hover){.ck-btn:hover{background:var(--ink-2)}}
.ck-btn:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.ck-back{justify-self:start;font:600 14.5px/1.2 var(--font);background:none;border:0;padding:6px 0;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ck-cat{border-top:1px solid var(--line);padding-top:12px;display:grid;gap:8px}
.ck-cat-hd{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ck-cat h3{font-size:1.05rem}
.ck-sw{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer}
.ck-sw input{appearance:none;-webkit-appearance:none;margin:0;flex:none;width:46px;height:26px;border-radius:13px;background:#fff;border:2px solid var(--input-line);position:relative;cursor:pointer}
.ck-sw input::before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--muted)}
.ck-sw input:checked{background:var(--ink);border-color:var(--ink)}
.ck-sw input:checked::before{left:23px;background:#fff}
.ck-sw input:disabled{cursor:default;opacity:.75}
.ck-sw input:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.ck-det summary{cursor:pointer;font-weight:600;font-size:14.5px;width:max-content;max-width:100%}
.ck-list{margin:8px 0 0;display:grid;gap:8px}
.ck-it{background:var(--stone);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px}
.ck-it dt{font-weight:700}
.ck-it dd{margin:2px 0 0;overflow-wrap:anywhere}
.ck-k,.ck-ty{color:var(--muted);font-weight:600}
.ck-ty{font-size:13px}
.ck-note{color:var(--muted);font-style:italic;font-size:13px}
/* Hüquqi səhifələrdə (inline): aşağı sağ panel, səhifə oxunur və kliklənir */
/* 2026-10-30: [UX-3] sağdan 96px - WhatsApp (.wa) və çat düyməsi (right 24px, en 56px) panelin altında qalmasın */
.ck--inline{position:fixed;inset:auto 96px 16px auto;margin:0;z-index:1000000;width:min(460px,calc(100vw / var(--zoom) - 32px));max-height:calc(70dvh / var(--zoom));box-shadow:0 20px 50px -12px rgba(22,25,29,.5);border:1px solid var(--line)}
.ck--inline .ck-btns{grid-template-columns:minmax(0,1fr)}
/* Kuki siyasəti səhifəsinin cədvəli (telefonda yana sürüşür) */
.ck-tw{overflow-x:auto;margin:12px 0 20px;border:1px solid var(--line);border-radius:var(--radius-sm)}
.ck-tw:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.ck-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14.5px}
.ck-table th,.ck-table td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
.ck-table thead th{background:var(--stone);font-weight:700}
.ck-table tbody tr:last-child>*{border-bottom:0}
.ck-table code,.ck-it code{font-size:.95em;overflow-wrap:anywhere}
/* İki addımlı media qutusu (core.js + consent.js gate) */
.ck-gate{display:grid;align-content:center;gap:12px;padding:16px;border-radius:var(--radius);background:var(--stone);border:1px solid var(--stone-2);color:var(--ink);font-size:14.5px;line-height:1.5}
.ck-gate--yt{aspect-ratio:16/9;width:100%;justify-items:center;text-align:center}
.ck-gate--map{grid-column:1/-1;border-radius:var(--radius-sm)}
.ck-gate-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px}
.ck-chk{display:inline-flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}
.ck-chk input{width:18px;height:18px;margin:0;accent-color:var(--ink)}
.ck-gate-more{font-size:13.5px;color:var(--ink)}
@media (max-width:640px){
  .ck{--ck-px:16px;padding:20px var(--ck-px) 0}
  /* [C18] telefonda giriş mətni ilk girişin LCP elementi olmasın (de mətni H1-dən böyük blok idi): kiçik şrift + hər cümlə ayrı blok */
  .ck-txt{font-size:14px;line-height:1.5}
  .ck-s{display:block}
  .ck-btns{grid-template-columns:minmax(0,1fr);gap:8px}
  .ck-l>.ck-btns{padding:10px var(--ck-px) calc(12px + env(safe-area-inset-bottom,0px))}
  .ck:modal{margin:auto 0 0;width:100%;max-width:100%;max-height:85dvh;border-radius:var(--radius) var(--radius) 0 0}
  /* [UX-2] telefonda inline panel ekranın yarısından çox deyil - hüquqi səhifənin mətni oxunur, düymələr zolaqda görünür */
  .ck--inline{inset:auto 0 0 0;width:100%;max-width:100%;max-height:50dvh;border-radius:var(--radius) var(--radius) 0 0}
}
@media (prefers-reduced-motion:no-preference){
  .ck[open]{animation:ck-in .18s ease-out}
  @keyframes ck-in{from{opacity:0}to{opacity:1}}
}
@media print{.ck,.ck-gate{display:none!important}}
/* [C11] 75% zonada xırda mətnlər ən azı 14,5 CSS px (site.css-in sonundakı blokla eyni şərt) */
@supports (zoom:1){
  @media screen and (hover:hover) and (pointer:fine){
    @media not all and (max-width:930px){
      .ck-table,.ck-it,.ck-note,.ck-ty,.ck-sw,.ck-det summary,.ck-gate,.ck-chk,.ck-gate-more,.ck-back{font-size:14.5px}
    }
  }
}