/* === CONTACT MODAL === */
.cmodal{ position:fixed; inset:0; z-index:3000; display:none; }
/* Görünürken grid ile ortala + kenarlarda güvenli padding */
.cmodal[aria-hidden="false"]{
  display:grid;
  place-items:center;
  padding:16px;
}

.cmodal__backdrop{
  position:absolute; inset:0; background:rgba(15,23,42,.28);
  backdrop-filter:saturate(140%) blur(2px);
  opacity:0; animation:cmodalFade .25s ease forwards;
}
.cmodal__panel{
  position:relative;
  width:min(660px,92vw);
  margin:0 auto;                          /* önceki margin:min(10vh,80px) kaldırıldı */
  background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:20px;
  box-shadow:0 30px 80px rgba(0,0,0,.14);
  padding:22px 22px 18px;

  /* YENİ: kısa ekranlarda sığdır + içeriyi kaydır */
  max-height:90vh;
  overflow:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;

  /* Animasyon aynı kalsın */
  opacity:0; transform:translateY(16px) scale(.995);
  animation:cmodalUp .28s cubic-bezier(.22,.61,.36,1) .05s forwards;
}

/* iOS/Safari adres çubuğu dalgalanmasına karşı daha doğru ölçüm */
@supports (height: 100dvh) {
  .cmodal__panel { max-height:90dvh; }
}

.cmodal__close{
  position:absolute; top:8px; right:10px; font-size:28px; line-height:1;
  background:transparent; border:0; cursor:pointer; color:#334155; opacity:.8;
  transition:transform .12s, opacity .2s;
}
.cmodal__close:hover{ opacity:1; transform:scale(1.04); }
.cmodal__title{ font-size:clamp(20px,2.4vw,28px); margin:4px 0 6px; }
.cmodal__desc{ color:#555; margin:0 0 14px; }

/* === FORM === */
.cform__row{ display:flex; flex-direction:column; gap:6px; margin:10px 0; }
.cform__row label{ font-weight:600; }
.cform__row input, .cform__row textarea{
  border:1px solid rgba(0,0,0,.12); border-radius:12px; padding:12px 14px; font:inherit;
  outline:none; background:#fff; transition:border-color .2s, box-shadow .2s, transform .08s;
}
.cform__row input:focus, .cform__row textarea:focus{
  border-color:#16a34a33; box-shadow:0 0 0 4px #16a34a22;
}
.cform__row input.error, .cform__row textarea.error{
  border-color:#ef4444aa; box-shadow:0 0 0 4px #ef444422;
}
.cform__hint{ color:#888; font-size:.85rem; opacity:.8; }
.cform__counter{ text-align:right; font-size:.85rem; color:#666; opacity:.9; }

.cform__submit{
  margin-top:10px; padding:12px 16px; border-radius:12px; border:0; cursor:pointer;
  background:#111; color:#fff; font-weight:700;
  transition: transform .12s, opacity .2s, background .2s;
}
.cform__submit:hover{ transform:translateY(-1px); opacity:.95; }
.cform__submit[disabled]{ opacity:.6; cursor:not-allowed; }

/* Honeypot (gizli) */
.cform__hp{
  position:absolute !important; left:-50000px !important; top:auto !important;
  width:1px !important; height:1px !important; overflow:hidden !important;
}

/* === GİZLİLİK ONAY — ŞIK KARE CHECKBOX === */
.cform__check{ display:flex; align-items:flex-start; gap:10px; }

.cform__check input[type="checkbox"]{
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #111;          /* net siyah çerçeve */
  border-radius: 5px;               /* çok az yumuşak köşe */
  background: #fff;
  position: relative;
  margin-top: 3px;
  cursor: pointer;                  /* JS disabled yaparsa not-allowed’a döner */
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.cform__check input[type="checkbox"]:hover{ border-color:#000; }
.cform__check input[type="checkbox"]:focus-visible{
  outline:none; box-shadow:0 0 0 4px rgba(17,17,17,.12);
}
.cform__check input[type="checkbox"]:disabled{
  cursor:not-allowed; opacity:.6;
}
.cform__check input[type="checkbox"]::after{
  content:"";
  position:absolute; top:50%; left:50%;
  width:6px; height:10px;
  border-right:2px solid #fff; border-bottom:2px solid #fff;
  transform:translate(-50%,-60%) rotate(45deg);
  opacity:0; transition:opacity .12s ease;
}
.cform__check input[type="checkbox"]:checked{
  background:#111; border-color:#111;
}
.cform__check input[type="checkbox"]:checked::after{ opacity:1; }

/* Sadece “Gizlilik Politikası” tıklanabilir (italik) */
.plink{
  font-style:italic; color:#111; text-decoration:underline; cursor:pointer; padding:0 2px;
}
.plink:hover{ text-decoration:none; }

.cform__notice{ margin-top:10px; font-size:.85rem; color:#555; line-height:1.5; }

/* === ÜSTTEN KISA NOTICE === */
.cnotice{
  position:fixed; top:0; left:0; right:0; z-index:4000; margin:0 auto; width:min(720px,94vw);
  transform:translateY(-120%); opacity:0; background:#e2e8f0; color:#0f172a;
  border-radius:0 0 14px 14px; box-shadow:0 14px 34px rgba(0,0,0,.18);
  padding:12px 16px; text-align:center; font-weight:700;
  transition:transform .35s cubic-bezier(.22,.61,.36,1), opacity .35s;
}
.cnotice.show{ transform:translateY(0); opacity:1; }
.cnotice.hide{ transform:translateY(-120%); opacity:0; }
.cnotice--ok{ background:#dcfce7; color:#14532d; }
.cnotice--err{ background:#fee2e2; color:#7f1d1d; }

/* === GİZLİLİK MİNİ MODAL === */
.pmodal{ position:fixed; inset:0; z-index:4100; display:none; }
.pmodal[aria-hidden="false"]{ display:block; }
.pmodal__backdrop{
  position:absolute; inset:0; background:rgba(0,0,0,.22);
  opacity:0; animation:cmodalFade .25s ease forwards;
}
.pmodal__panel{
  position:relative; margin:min(10vh,80px) auto; width:min(720px,94vw);
  background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:20px;
  box-shadow:0 30px 80px rgba(0,0,0,.15);
  opacity:0; transform:translateY(16px);
  animation:cmodalUp .28s cubic-bezier(.22,.61,.36,1) .05s forwards;
  padding:22px 22px 18px; max-height:78vh; overflow:auto;
}
.pmodal__close{
  position:absolute; top:8px; right:10px; font-size:28px;
  background:transparent; border:0; cursor:pointer; color:#333; opacity:.7;
}
.pmodal__close:hover{ opacity:1; transform:scale(1.02); }
.pmodal__title{ font-size:clamp(20px,2.2vw,26px); margin:4px 0 10px; }
.pmodal__body{ color:#111; line-height:1.6; }
.pmodal__body ul{ margin:10px 18px; }
.pmodal__link{ color:#111; text-decoration:underline; }
.pmodal__link:hover{ text-decoration:none; }
.pmodal__footer{
  display:flex; justify-content:flex-end; gap:10px; margin-top:14px;
}
.pbtn{
  background:#111; color:#fff; font-weight:700; border:0; border-radius:10px;
  padding:10px 14px; cursor:pointer; transition:transform .12s, opacity .2s;
}
.pbtn:hover{ transform:translateY(-1px); opacity:.95; }

/* === Cmodal Scrollbar (tamamen panel içinde, açık tonlu) === */
.cmodal__panel::-webkit-scrollbar {
  width: 8px;                    /* daha ince, sade */
}

.cmodal__panel::-webkit-scrollbar-track {
  background: transparent;        /* dışta hiçbir çizgi olmasın */
  border: none;
  margin: 4px;                    /* üst-alt sınırda boşluk bırak → dışa taşmaz */
}

.cmodal__panel::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,.35);   /* koyu gri, ama siyah kadar değil */
  border-radius: 10px;                 /* tamamen yuvarlak bar */
  border: 2px solid #fff;              /* barı içe alır (çerçeve içinde görünür) */
}

.cmodal__panel::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,.55);   /* hover’da biraz koyulaşır */
}

/* Firefox için karşılığı */
.cmodal__panel {
  scrollbar-width: thin;
  scrollbar-color: rgba(0,0,0,.35) transparent;
}



/* === Mikro iyileştirmeler (kısa ekranlar) === */
@media (max-height: 620px) {
  .cmodal__title{ margin:2px 0 4px; }
  .cmodal__desc{ margin:0 0 10px; }
  .cform__row{ margin:8px 0; }
}

/* === Animasyonlar === */
@keyframes cmodalFade{ to{ opacity:1; } }
@keyframes cmodalUp{ to{ opacity:1; transform:translateY(0) scale(1); } }