/* ═══ ÇEREZ İZNİ (cerez · ön ek crz) ══════════════════════════════════
   Derinlik gölgeyle değil, zemin karşıtlığı + üst çizgiyle kurulur.
   Bant ekranın altına oturur; yüzen düğmeler --crz-yer kadar yukarı kayar. */

.crz[hidden]{display:none}

/* ── Alt bant ── */
.crz-bant{
  position:fixed; inset-inline:0; inset-block-end:0; z-index:9000;
  background:var(--z1); border-block-start:1px solid var(--cizgi);
  padding-block:1.25rem; padding-block-end:max(1.25rem, env(safe-area-inset-bottom));
  animation:crz-gir .34s var(--egri) both;
}
.crz-bant[hidden]{display:none}
@keyframes crz-gir{from{transform:translateY(100%)}to{transform:none}}

.crz-kap{
  inline-size:min(var(--serit-w, 96rem), 100% - 2 * var(--serit-kenar, 1.25rem));
  margin-inline:auto;
  display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1.5rem 2.5rem;
  align-items:center;
}
.crz-metin{min-inline-size:0}
.crz-bsl{margin:0 0 .35rem; font-size:var(--yz-gvd); font-weight:800;
  letter-spacing:-.02em; color:var(--mrk)}
.crz-aciklama{margin:0; font-size:var(--yz-kck); line-height:1.6; color:var(--mrk2);
  max-inline-size:62ch}
.crz-bag{margin:.5rem 0 0; font-size:var(--yz-kck); display:flex; flex-wrap:wrap; gap:1.1rem}
.crz-bag a{color:var(--mrk2); text-decoration:underline; text-underline-offset:.18em;
  text-decoration-color:var(--cizgi2); transition:var(--gecis)}
.crz-bag a:hover{color:var(--mrk); text-decoration-color:currentColor}

.crz-dgm-iz{display:flex; flex-wrap:wrap; gap:.6rem; align-items:center}

/* Kabul ve Ret AYNI ağırlıkta — reddi zorlaştırmak geçersiz rıza üretir. */
.crz-dgm{
  min-block-size:2.85rem; padding-inline:1.4rem; border:0; border-radius:var(--yr-xl);
  font:inherit; font-size:var(--yz-kck); font-weight:700; cursor:pointer;
  white-space:nowrap; transition:var(--gecis);
}
.crz-dgm-ana{background:var(--murekkep); color:var(--z1)}
.crz-dgm-ana:hover{background:var(--aksan)}
.crz-dgm-yan{background:transparent; color:var(--mrk2); outline:1px solid var(--cizgi);
  outline-offset:-1px}
.crz-dgm-yan:hover{background:var(--z3); color:var(--mrk)}

/* ── Ayar paneli ── */
.crz-perde{position:fixed; inset:0; z-index:9010; background:var(--gece);
  opacity:.55; animation:crz-solu .28s var(--egri) both}
.crz-perde[hidden]{display:none}
@keyframes crz-solu{from{opacity:0}to{opacity:.55}}

.crz-panel{
  position:fixed; z-index:9020;
  inset-block-start:50%; inset-inline-start:50%; transform:translate(-50%,-50%);
  inline-size:min(38rem, calc(100% - 2rem)); max-block-size:min(85vh, 46rem);
  background:var(--z1); border-radius:var(--yr-l); overflow:hidden;
  display:grid; grid-template-rows:auto minmax(0,1fr) auto;
  animation:crz-ac .3s var(--egri) both;
}
html[dir="rtl"] .crz-panel{transform:translate(50%,-50%)}
.crz-panel[hidden]{display:none}
@keyframes crz-ac{from{opacity:0}to{opacity:1}}

.crz-panel-bas{display:flex; align-items:center; justify-content:space-between; gap:1rem;
  padding:1.4rem 1.5rem; border-block-end:1px solid var(--cizgi)}
.crz-kapat{inline-size:2.2rem; block-size:2.2rem; display:grid; place-items:center;
  border:0; border-radius:var(--yr-tam); background:transparent; color:var(--mrk2);
  cursor:pointer; transition:var(--gecis)}
.crz-kapat svg{inline-size:1.05rem; block-size:1.05rem}
.crz-kapat:hover{background:var(--z3); color:var(--mrk)}

.crz-panel-govde{overflow-y:auto; padding:.5rem 1.5rem 1.5rem; display:grid; gap:.25rem}

.crz-kat{display:block; padding-block:1.15rem; border-block-end:1px solid var(--cizgi)}
.crz-kat:last-child{border-block-end:0}
.crz-kat-secim{cursor:pointer}
.crz-kat-bas{display:flex; align-items:center; justify-content:space-between; gap:1rem}
.crz-kat-ad{margin:0; font-size:var(--yz-gvd); font-weight:700; color:var(--mrk)}
.crz-kat-not{margin:.45rem 0 0; font-size:var(--yz-kck); line-height:1.6; color:var(--mrk2);
  max-inline-size:56ch}
.crz-kilit{font-size:var(--yz-kck); color:var(--mrk2); white-space:nowrap}

/* Anahtar — kendi çizimimiz, tarayıcı kutusu değil */
.crz-anahtar{appearance:none; -webkit-appearance:none; margin:0; flex:0 0 auto;
  inline-size:2.9rem; block-size:1.6rem; border-radius:var(--yr-tam);
  background:var(--cizgi); position:relative; cursor:pointer; transition:var(--gecis)}
.crz-anahtar::after{content:""; position:absolute; inset-block-start:.2rem;
  inset-inline-start:.2rem; inline-size:1.2rem; block-size:1.2rem;
  border-radius:var(--yr-tam); background:var(--z1); transition:var(--gecis)}
.crz-anahtar:checked{background:var(--zeytin)}
.crz-anahtar:checked::after{inset-inline-start:1.5rem}
html[dir="rtl"] .crz-anahtar:checked::after{inset-inline-start:.2rem; inset-inline-end:1.5rem}
.crz-anahtar:focus-visible{outline:2px solid var(--mrk); outline-offset:2px}

.crz-panel-alt{display:flex; flex-wrap:wrap; gap:.6rem; padding:1.2rem 1.5rem;
  border-block-start:1px solid var(--cizgi); background:var(--z2)}

/* Yeniden açma bağlantısı — alt bilgiye ya da herhangi bir yere konabilir */
.crz-yeniden{background:none; border:0; padding:0; font:inherit; cursor:pointer;
  color:inherit; text-decoration:underline; text-underline-offset:.18em}

@media (max-width:760px){
  .crz-kap{grid-template-columns:1fr; gap:1.1rem}
  .crz-dgm-iz{display:grid; grid-template-columns:1fr 1fr; gap:.55rem}
  .crz-dgm-yan{grid-column:1 / -1}
  .crz-dgm{inline-size:100%; padding-inline:.8rem}
}
@media (prefers-reduced-motion:reduce){
  .crz-bant,.crz-perde,.crz-panel{animation-duration:.01ms}
}