/* ====================================================================
   PARBIS-SITE — Kurumsal arayüz (tek dosya)
   Resmî, güven veren, modern. Mobile-first. Sistem fontu.
   Marka: kurumsal kırmızı #ff0000 + koyu antrasit + temiz beyaz.
   ==================================================================== */

:root {
  --kirmizi:      #e30613;   /* Yeniden Refah / ARBIS kırmızısı */
  --kirmizi-saf:  #ff0000;
  --kirmizi-koyu: #c10010;
  --kirmizi-700:  #9c000d;
  --kirmizi-acik: #ff5b54;   /* koyu zeminde kırmızı vurgu (ARBIS) */
  --kirmizi-soft: #fdecec;
  --kirmizi-cizgi:#f6c9c9;

  --lacivert:   #272c3f;   /* ARBIS laciverti — header/footer/koyu kart */
  --lacivert-2: #2d3349;
  --lacivert-3: #3b425d;

  --ink:     #1f2433;   /* başlıklar */
  --ink-2:   #3d4456;   /* gövde */
  --gri:     #69707f;
  --gri-2:   #99a0ad;
  --cizgi:   #e4e7ec;
  --cizgi-2: #d4d8e0;

  --zemin:   #ffffff;
  --zemin-2: #eef0f4;   /* açık gri sayfa zemini (ARBIS) */
  --zemin-3: #e6e9ef;

  --hata:#c0392b; --hata-zemin:#fdecea; --hata-cizgi:#f3c2bb;
  --basari:#1e8e4e; --basari-zemin:#e8f6ee; --basari-cizgi:#aadcc0;
  --uyari-zemin:#fff7e6; --uyari-cizgi:#f0d79a;

  /* geri uyumluluk */
  --renk-ana:var(--kirmizi); --renk-ana-koyu:var(--kirmizi-koyu);
  --renk-vurgu:var(--kirmizi); --renk-vurgu-koyu:var(--kirmizi-koyu);
  --renk-zemin:var(--zemin); --renk-metin:var(--ink-2);
  --renk-hata:var(--hata); --renk-basari:var(--basari);

  --en:1140px; --en-genis:1280px; --en-metin:780px;
  --dokunma:48px;
  --r-sm:8px; --r:12px; --r-lg:16px; --r-xl:22px; --r-pill:999px;

  --golge-sm:0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.10);
  --golge-md:0 6px 14px -4px rgba(16,24,40,.10), 0 2px 6px -2px rgba(16,24,40,.06);
  --golge-lg:0 22px 44px -14px rgba(16,24,40,.20), 0 8px 16px -8px rgba(16,24,40,.10);
  --golge-kirmizi:0 10px 24px -8px rgba(230,0,0,.40);
}

*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:17px; line-height:1.65; color:var(--ink-2); background:var(--zemin-2);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
body.modal-acik{ overflow:hidden; }
h1,h2,h3,h4{ color:var(--ink); margin:0 0 .5em; line-height:1.18; letter-spacing:-.02em; font-weight:800; }
h1{ font-size:clamp(2rem,1.35rem+2.7vw,3rem); }
h2{ font-size:clamp(1.5rem,1.1rem+1.6vw,2.1rem); }
h3{ font-size:1.2rem; font-weight:700; letter-spacing:-.01em; }
p{ margin:0 0 1em; }
a{ color:var(--kirmizi-koyu); text-underline-offset:2px; }
a:hover{ color:var(--kirmizi-700); }
img{ max-width:100%; height:auto; display:block; }
strong{ font-weight:700; color:var(--ink); }
::selection{ background:var(--kirmizi); color:#fff; }

.kapsayici{ width:100%; max-width:var(--en); margin:0 auto; padding:0 22px; }
.kapsayici--genis{ max-width:var(--en-genis); }
main.kapsayici, main.kapsayici--genis{ padding-top:34px; padding-bottom:60px; }
.olcek-metin{ max-width:var(--en-metin); margin-inline:auto; }

.bolum{ padding:64px 0; }
.bolum--gri{ background:var(--zemin-2); border-top:1px solid var(--cizgi); border-bottom:1px solid var(--cizgi); }
.bolum--koyu{ background:var(--ink); color:#c6cdd9; }
.bolum--koyu h2{ color:#fff; }
.bolum__ust{ text-align:center; max-width:680px; margin:0 auto 40px; }
.eyebrow{
  display:inline-block; font-size:.78rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  color:var(--kirmizi-koyu); background:var(--kirmizi-soft); border:1px solid var(--kirmizi-cizgi);
  padding:6px 13px; border-radius:var(--r-pill); margin-bottom:18px;
}

.kart{ background:var(--zemin); border:1px solid var(--cizgi); border-radius:var(--r-lg); box-shadow:var(--golge-sm); padding:28px 24px; margin-bottom:24px; }
@media (min-width:640px){ .kart{ padding:38px 38px; } }

/* ----------------------- Üst utility bar -------------------------- */
.topbar{ background:var(--ink); color:#aab2c0; font-size:.86rem; }
.topbar__ic{ display:flex; align-items:center; justify-content:space-between; min-height:40px; gap:18px; }
.topbar a{ color:#dde3ec; text-decoration:none; }
.topbar a:hover{ color:#fff; }
.topbar__sag{ display:flex; align-items:center; gap:20px; }
.topbar__sag span{ display:inline-flex; align-items:center; gap:7px; }
@media (max-width:640px){ .topbar__sol{ display:none; } .topbar__ic{ justify-content:center; } }

/* Üstte kayan duyuru şeridi (marquee) */
.kayan{ background:var(--kirmizi); color:#fff; display:flex; align-items:stretch; overflow:hidden; }
.kayan__rozet{ flex:0 0 auto; display:flex; align-items:center; background:var(--kirmizi-700); padding:0 15px; }
.kayan__rozet svg{ width:16px; height:16px; }
.kayan__pencere{ flex:1; overflow:hidden; }
.kayan__sar{ display:flex; width:max-content; animation:kay 30s linear infinite; }
.kayan:hover .kayan__sar{ animation-play-state:paused; }
.kayan__ic{ white-space:nowrap; padding:9px 0 9px 18px; font-size:.88rem; font-weight:500; }
.kayan__ic strong{ font-weight:800; }
@keyframes kay{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
@media (prefers-reduced-motion: reduce){ .kayan__sar{ animation:none; } .kayan__ic[aria-hidden]{ display:none; } .btn--yukleniyor::before{ animation:none; } }

/* ----------------------- Ana header (sticky) ---------------------- */
.site-ust{ position:sticky; top:0; z-index:50; background:var(--lacivert); color:#fff; border-bottom:3px solid var(--kirmizi); box-shadow:var(--golge-sm); }
.site-ust__ic{ display:flex; align-items:center; gap:18px; min-height:72px; }
.site-ust__marka{ display:flex; align-items:center; gap:12px; color:#fff; text-decoration:none; margin-right:auto; }
.site-ust__logo{ height:42px; width:auto; }
.site-ust__ad{ display:flex; flex-direction:column; line-height:1.1; font-weight:800; letter-spacing:-.01em; }
.site-ust__ad small{ font-weight:500; opacity:.92; font-size:.76rem; letter-spacing:.02em; }
.site-nav{ display:none; align-items:center; gap:4px; }
.site-nav a, .site-nav button{
  color:#fff; background:none; border:0; font:inherit; font-weight:600; font-size:.98rem; cursor:pointer;
  padding:9px 14px; border-radius:var(--r-sm); text-decoration:none; opacity:.95;
}
.site-nav a:hover, .site-nav button:hover{ background:rgba(255,255,255,.14); opacity:1; }
.site-ust__cta{
  flex:0 0 auto; background:#fff; color:var(--kirmizi-koyu); font-weight:700; font-size:.95rem;
  padding:11px 20px; border-radius:var(--r-sm); text-decoration:none; white-space:nowrap;
  transition:background-color .15s, transform .05s, box-shadow .15s; box-shadow:0 2px 8px rgba(0,0,0,.10);
}
.site-ust__cta:hover{ background:#fff3f3; color:var(--kirmizi-700); }
.site-ust__cta:active{ transform:translateY(1px); }
@media (min-width:900px){ .site-nav{ display:flex; } }
@media (max-width:480px){ .site-ust__cta{ display:none; } }

/* ----------------------- Butonlar --------------------------------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:var(--dokunma);
  padding:14px 28px; font-size:1rem; font-weight:700; font-family:inherit; border:1.5px solid transparent;
  border-radius:var(--r-sm); cursor:pointer; text-decoration:none; text-align:center; line-height:1.1;
  transition:background-color .15s,border-color .15s,box-shadow .15s,transform .05s,color .15s;
}
.btn:active{ transform:translateY(1px); }
.btn:disabled{ opacity:.55; cursor:not-allowed; }
.btn--ana,.btn--vurgu{ background:var(--kirmizi); color:#fff; box-shadow:var(--golge-kirmizi); }
.btn--ana:hover,.btn--vurgu:hover{ background:var(--kirmizi-koyu); color:#fff; box-shadow:0 12px 26px -8px rgba(194,0,0,.5); }
.btn--cizgi{ background:#fff; color:var(--ink); border-color:var(--cizgi-2); }
.btn--cizgi:hover{ border-color:var(--kirmizi); color:var(--kirmizi-koyu); }
.btn--beyaz{ background:#fff; color:var(--kirmizi-koyu); }
.btn--beyaz:hover{ background:#fff3f3; color:var(--kirmizi-700); }
.btn--blok{ display:flex; width:100%; }
.btn--kucuk{ min-height:38px; padding:8px 15px; font-size:.9rem; box-shadow:none; }
.btn--buyuk{ font-size:1.08rem; padding:17px 34px; }
.btn--whatsapp{ background:#25d366; color:#fff; border-color:#25d366; }
.btn--whatsapp:hover{ background:#1da851; color:#fff; }
.btn--yukleniyor{ opacity:.8; cursor:progress; pointer-events:none; }
.btn--yukleniyor::before{ content:""; width:15px; height:15px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:btn-don .6s linear infinite; }
@keyframes btn-don{ to{ transform:rotate(360deg); } }

/* ----------------------- Hero (iki sütun) ------------------------- */
.hero{ padding:60px 0 56px; }
.hero--split{ display:grid; gap:44px; align-items:center; }
@media (min-width:880px){ .hero--split{ grid-template-columns:1.08fr .92fr; gap:56px; } }
.hero__baslik{ margin:0 0 20px; }
.hero__alt{ font-size:1.18rem; color:var(--gri); max-width:54ch; margin:0 0 30px; }
.hero__ctalar{ display:flex; gap:14px; flex-wrap:wrap; }
.hero__guvence{ display:flex; gap:10px 26px; flex-wrap:wrap; margin-top:28px; color:var(--gri); font-size:.96rem; }
.hero__guvence span{ display:inline-flex; align-items:center; gap:8px; }
.onay-ikon{ color:var(--basari); flex:0 0 auto; }

.hero__kart{
  background:#fff; border:1px solid var(--cizgi); border-top:4px solid var(--kirmizi);
  border-radius:var(--r-lg); box-shadow:var(--golge-lg); padding:30px 28px;
}
.hero__kart-ust{ font-size:.8rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--kirmizi-koyu); margin-bottom:18px; }
.hero__liste{ list-style:none; padding:0; margin:0 0 24px; display:grid; gap:14px; }
.hero__liste li{ display:flex; align-items:flex-start; gap:12px; font-weight:600; color:var(--ink); }
.hero__liste .onay-ikon{ margin-top:3px; }
.hero__kart-not{ margin:16px 0 0; font-size:.86rem; color:var(--gri); text-align:center; }

/* ARBIS tarzı koyu (lacivert) hero kartı */
.hero__kart--koyu{ background:var(--lacivert-2); border:1px solid var(--lacivert-3); border-top:1px solid var(--lacivert-3); color:#c5ccda; }
.hero__kart-logo{ margin-bottom:18px; }
.hero__kart-logo img{ height:30px; width:auto; }
.hero__kart-baslik{ color:#fff; font-size:1.55rem; margin:0 0 6px; letter-spacing:-.01em; }
.kirmizi-vurgu{ color:var(--kirmizi-acik); }
.hero__kart-alt{ color:#9aa2b4; margin:0 0 24px; font-size:.98rem; }
.hero__kart--koyu .hero__kart-not{ color:#8b93a5; }
.mini-adimlar{ list-style:none; display:flex; justify-content:space-between; padding:0; margin:0 0 26px; gap:8px; }
.mini-adimlar li{ flex:1; display:flex; flex-direction:column; align-items:center; gap:9px; font-size:.82rem; color:#8b93a5; text-align:center; font-weight:600; }
.mini-adimlar li span{ width:40px; height:40px; border-radius:var(--r-pill); background:var(--lacivert-3); color:#aeb6c6; display:flex; align-items:center; justify-content:center; font-weight:800; }
.mini-adimlar li.aktif{ color:#fff; }
.mini-adimlar li.aktif span{ background:var(--kirmizi); color:#fff; box-shadow:0 6px 16px -4px rgba(227,6,19,.55); }
.hero__kart-link{ display:block; width:100%; text-align:center; margin-top:14px; background:none; border:0; color:#aeb6c6; font:inherit; font-size:.92rem; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.hero__kart-link:hover{ color:#fff; }

/* ----------------------- Üyelik (form-odaklı ana sayfa) ----------- */
.uyelik{ position:relative; background:linear-gradient(rgba(16,19,27,.82), rgba(16,19,27,.66)), url("/assets/img/istanbul.jpg") center/cover no-repeat; }
/* Destekleyen tarayıcılarda WebP (≈%55 küçük); desteklemeyende yukarıdaki JPG kalır */
@supports (background-image: image-set(url("i.webp") type("image/webp"))) {
  .uyelik{ background-image: linear-gradient(rgba(16,19,27,.82), rgba(16,19,27,.66)),
           image-set(url("/assets/img/istanbul.webp") type("image/webp"), url("/assets/img/istanbul.jpg") type("image/jpeg")); }
}
.uyelik-duzen{ position:relative; z-index:1; display:grid; gap:32px; padding:42px 0 72px; }
@media (min-width:920px){ .uyelik-duzen{ grid-template-columns:0.82fr 1.18fr; gap:48px; align-items:start; } }
@media (min-width:920px){ .uyelik-sol{ position:sticky; top:104px; } }
.uyelik-sol .eyebrow{ background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.30); color:#fff; }
.uyelik-slogan{ color:#fff; margin:14px 0 16px; font-size:clamp(1.8rem,1.3rem+2.2vw,2.7rem); text-shadow:0 1px 12px rgba(0,0,0,.35); }
.uyelik-alt{ font-size:1.08rem; color:#d3d9e3; max-width:44ch; margin:0 0 22px; }
.uyelik-guvence{ list-style:none; padding:0; margin:0 0 22px; display:grid; gap:13px; }
.uyelik-guvence li{ display:flex; align-items:flex-start; gap:11px; font-weight:600; color:#fff; }
.uyelik-guvence .onay-ikon{ color:#41d27f; }
.uyelik-nasil{ background:none; border:0; color:#fff; font:inherit; font-weight:700; cursor:pointer; padding:0; text-decoration:underline; text-underline-offset:3px; }
.uyelik-nasil:hover{ opacity:.82; }
.form-kart{ margin:0; }
.form-kart__ust{ margin-bottom:24px; }
.form-kart__ust h2{ margin-bottom:.25em; }
.istanbul-silueti{ position:absolute; left:0; right:0; bottom:0; height:190px; color:var(--lacivert); opacity:.07; z-index:0; pointer-events:none; }
.istanbul-silueti svg{ width:100%; height:100%; display:block; }

/* ----------------------- Özellik / güvence ------------------------ */
.ozellikler{ display:grid; gap:20px; }
@media (min-width:768px){ .ozellikler{ grid-template-columns:repeat(3,1fr); } }
.ozellik{ background:#fff; border:1px solid var(--cizgi); border-radius:var(--r-lg); padding:28px 26px; box-shadow:var(--golge-sm); }
.ozellik__ikon{ width:52px; height:52px; border-radius:var(--r); background:var(--kirmizi-soft); color:var(--kirmizi-koyu); display:flex; align-items:center; justify-content:center; margin-bottom:18px; }
.ozellik h3{ margin-bottom:.35em; }
.ozellik p{ color:var(--gri); margin:0; font-size:.98rem; }

/* İstatistik / güven şeridi */
.guven-serit{ display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--cizgi); border:1px solid var(--cizgi); border-radius:var(--r-lg); overflow:hidden; }
@media (min-width:640px){ .guven-serit{ grid-template-columns:repeat(4,1fr); } }
.guven-serit__hucre{ background:#fff; padding:24px 18px; text-align:center; }
.guven-serit__buyuk{ font-size:1.5rem; font-weight:800; color:var(--kirmizi-koyu); letter-spacing:-.02em; }
.guven-serit__etiket{ font-size:.86rem; color:var(--gri); margin-top:4px; }

/* Final CTA bandı */
.cta-bant{ background:var(--lacivert); color:#fff; border-radius:var(--r-lg); padding:48px 30px; text-align:center; box-shadow:var(--golge-md); }
.cta-bant h2{ color:#fff; margin-bottom:.4em; }
.cta-bant p{ color:#aeb6c6; max-width:54ch; margin:0 auto 26px; }

/* ----------------------- Modal ------------------------------------ */
.modal{ position:fixed; inset:0; z-index:100; display:none; }
.modal.acik{ display:block; }
.modal__perde{ position:absolute; inset:0; background:rgba(16,18,24,.62); backdrop-filter:saturate(120%) blur(1px); }
.modal__kutu{
  position:relative; width:calc(100% - 36px); max-width:580px; margin:8vh auto 0;
  background:#fff; border-radius:var(--r-xl); box-shadow:var(--golge-lg); padding:32px 30px;
  max-height:84vh; overflow:auto;
}
.modal__kapat{ position:absolute; top:14px; right:14px; width:40px; height:40px; border-radius:var(--r-pill); border:1px solid var(--cizgi-2); background:#fff; color:var(--ink); font-size:1.1rem; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.modal__kapat:hover{ border-color:var(--kirmizi); color:var(--kirmizi-koyu); }
.modal__baslik{ margin:0 0 6px; }
.modal__alt{ color:var(--gri); margin:0 0 22px; }

.stepper{ list-style:none; padding:0; margin:0 0 8px; }
.stepper li{ display:flex; gap:16px; padding-bottom:24px; position:relative; }
.stepper li:last-child{ padding-bottom:0; }
.stepper li:not(:last-child)::before{ content:""; position:absolute; left:22px; top:50px; bottom:2px; width:2px; background:var(--cizgi-2); }
.stepper__no{ flex:0 0 44px; height:44px; border-radius:var(--r-pill); background:var(--kirmizi); color:#fff; font-weight:800; font-size:1.1rem; display:flex; align-items:center; justify-content:center; box-shadow:var(--golge-kirmizi); }
.stepper__ic h4{ margin:.45em 0 .25em; font-size:1.05rem; }
.stepper__ic p{ margin:0; color:var(--gri); font-size:.97rem; }

/* ----------------------- Formlar ---------------------------------- */
.form-bolum{ margin-bottom:30px; }
.form-bolum__baslik{ font-size:.8rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--gri); padding-bottom:10px; margin:0 0 18px; border-bottom:1px solid var(--cizgi); }
.form-grup{ margin-bottom:18px; }
.form-grup>label{ display:block; font-weight:600; color:var(--ink); margin-bottom:7px; font-size:.96rem; }
.zorunlu-yildiz{ color:var(--kirmizi); }
.form-ipucu{ display:block; color:var(--gri); font-size:.85rem; margin-top:5px; }

.girdi,select.girdi,textarea.girdi{
  display:block; width:100%; min-height:var(--dokunma); padding:12px 14px; font-size:1rem; font-family:inherit;
  color:var(--ink); background:#fff; border:1.5px solid var(--cizgi-2); border-radius:var(--r-sm); appearance:none;
  transition:border-color .15s, box-shadow .15s;
}
.girdi::placeholder,textarea.girdi::placeholder{ color:var(--gri-2); }
textarea.girdi{ min-height:118px; resize:vertical; line-height:1.5; }
select.girdi{
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath fill='%235b6577' d='M1 1l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 14px center; padding-right:40px; cursor:pointer;
}
.girdi:focus,select.girdi:focus,textarea.girdi:focus{ outline:none; border-color:var(--kirmizi); box-shadow:0 0 0 4px rgba(230,0,0,.12); }

/* Erişilebilirlik: klavye odak halkası + "içeriğe geç" atla bağlantısı */
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{ outline:3px solid var(--kirmizi); outline-offset:2px; border-radius:2px; }
.atla-baglanti{ position:absolute; left:8px; top:-60px; z-index:200; background:var(--kirmizi); color:#fff; padding:10px 16px; border-radius:0 0 var(--r-sm) var(--r-sm); font-weight:700; text-decoration:none; transition:top .15s; }
.atla-baglanti:focus{ top:0; }
.girdi[readonly]{ background:var(--zemin-2); color:var(--gri); cursor:default; }
.girdi.hatali,select.girdi.hatali,textarea.girdi.hatali{ border-color:var(--hata); box-shadow:0 0 0 4px rgba(192,57,43,.10); }
.alan-hata{ color:var(--hata); font-size:.85rem; margin-top:6px; display:none; font-weight:600; }
.alan-hata.gorunur{ display:block; }

/* Anlık doğrulama: geçerli alan (yeşil + ✓) */
.girdi.gecerli,select.girdi.gecerli,textarea.girdi.gecerli{ border-color:var(--basari); box-shadow:0 0 0 4px rgba(30,142,78,.10); }
input.girdi.gecerli{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e8e4e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; background-size:18px; padding-right:42px; }

/* Form ilerleme göstergesi */
.form-ilerleme{ display:flex; align-items:center; gap:12px; margin-bottom:22px; }
.form-ilerleme__bar{ flex:1; height:8px; background:var(--zemin-3); border-radius:var(--r-pill); overflow:hidden; }
#ilerleme-dolgu{ display:block; height:100%; width:0; background:var(--basari); border-radius:var(--r-pill); transition:width .25s ease; }
.form-ilerleme__yazi{ font-size:.85rem; color:var(--gri); font-weight:600; white-space:nowrap; }
.form-ilerleme__yazi strong{ color:var(--basari); }
.form-ipucu--kilit{ color:var(--basari); font-weight:600; }
.form-ipucu--kilit::before{ content:"🔒 "; }
.basvuru-sayac{ display:inline-block; margin:0 0 10px; padding:4px 12px; border-radius:var(--r-pill); background:var(--basari-zemin); color:#155c34; font-weight:700; font-size:.9rem; border:1px solid var(--basari-cizgi); }
.form-ilerleme.tamam #ilerleme-dolgu{ background:var(--basari); }
.form-ilerleme.tamam .form-ilerleme__yazi{ color:var(--basari); }

/* Scroll-reveal (.beliren → .gorunur) */
.beliren{ opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s cubic-bezier(.22,.61,.36,1); }
.beliren.gorunur{ opacity:1; transform:none; }
.beliren--gec{ transition-delay:.12s; }
@media (prefers-reduced-motion:reduce){ .beliren{ opacity:1 !important; transform:none !important; transition:none; } }

/* Teşekkürler: animasyonlu onay tiki + halka pop */
.basari-yuvarlak{ animation:basari-pop .45s cubic-bezier(.18,.89,.32,1.28) both; }
.basari-tik{ stroke-dasharray:32; stroke-dashoffset:32; animation:tik-ciz .55s .28s ease forwards; }
@keyframes basari-pop{ from{ transform:scale(.4); opacity:0; } to{ transform:scale(1); opacity:1; } }
@keyframes tik-ciz{ to{ stroke-dashoffset:0; } }
@media (prefers-reduced-motion:reduce){ .basari-yuvarlak{ animation:none; } .basari-tik{ animation:none; stroke-dashoffset:0; } }

/* Mobilde sabit (sticky) gönder butonu */
@media (max-width:760px){
  .form-gonder{ position:sticky; bottom:0; z-index:6; padding:12px 0 8px; background:#fff; box-shadow:0 -8px 16px -8px rgba(0,0,0,.18); }
}

.onay-grup{ display:flex; align-items:flex-start; gap:12px; padding:15px 16px; margin-bottom:12px; background:var(--zemin-2); border:1px solid var(--cizgi); border-radius:var(--r-sm); }
.onay-grup input[type="checkbox"]{ width:22px; height:22px; margin-top:1px; flex:0 0 auto; accent-color:var(--kirmizi); cursor:pointer; }
.onay-grup label{ font-size:.95rem; }
.bk-alan{ position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; }

/* Teşekkürler: sonraki adımlar + viral davet */
.adimlar{ display:grid; gap:12px; text-align:left; margin:20px 0 4px; padding:0; }
.adimlar li{ display:flex; gap:12px; align-items:flex-start; list-style:none; }
.adimlar__no{ flex:0 0 28px; width:28px; height:28px; border-radius:50%; background:var(--kirmizi); color:#fff; font-weight:700; font-size:.9rem; display:inline-flex; align-items:center; justify-content:center; }
.adimlar__no--ok{ background:var(--basari); }
.davet-kart{ border-top:3px solid var(--kirmizi); margin-top:18px; }
.davet-butonlar{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:14px; }

/* ----------------------- Kutular ---------------------------------- */
.kutu{ border:1px solid var(--cizgi); border-radius:var(--r); padding:16px 18px; margin:0 0 20px; border-left-width:4px; }
.kutu--bilgi{ background:var(--kirmizi-soft); border-color:var(--kirmizi-cizgi); border-left-color:var(--kirmizi); }
.kutu--uyari{ background:var(--uyari-zemin); border-color:var(--uyari-cizgi); border-left-color:#d69e2e; }
.kutu--hata{ background:var(--hata-zemin); border-color:var(--hata-cizgi); border-left-color:var(--hata); color:#8e2820; }
.kutu--basari{ background:var(--basari-zemin); border-color:var(--basari-cizgi); border-left-color:var(--basari); color:#155c34; }
.kutu p:last-child{ margin-bottom:0; }
.hata-ozet{ margin:8px 0 0; padding-left:20px; }
.hata-ozet li{ margin:2px 0; }

/* ----------------------- Footer ----------------------------------- */
.site-alt{ background:var(--lacivert); color:#9aa3b2; padding:56px 0 26px; border-top:4px solid var(--kirmizi); font-size:.95rem; }
.site-alt__ic{ display:grid; gap:32px; }
@media (min-width:760px){ .site-alt__ic{ grid-template-columns:2fr 1fr 1fr; gap:40px; } }
.site-alt__marka{ display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.site-alt__marka img{ height:38px; }
.site-alt strong{ color:#fff; }
.site-alt__sutun h4{ color:#fff; font-size:.82rem; letter-spacing:.08em; text-transform:uppercase; margin:0 0 14px; }
.site-alt__sutun ul{ list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.site-alt a{ color:#cbd2dd; text-decoration:none; }
.site-alt a:hover{ color:#fff; text-decoration:underline; }
.site-alt__iletisim{ display:grid; gap:8px; line-height:1.5; }
.site-alt__bar{ border-top:1px solid #262a33; margin-top:34px; padding-top:20px; font-size:.85rem; color:#7c8597; display:flex; flex-wrap:wrap; gap:8px 18px; justify-content:space-between; }
.site-alt__sosyal{ display:flex; gap:10px; margin-top:16px; }
.site-alt__sosyal a{ width:38px; height:38px; border-radius:var(--r-sm); background:rgba(255,255,255,.08); color:#cbd2dd; display:flex; align-items:center; justify-content:center; }
.site-alt__sosyal a:hover{ background:var(--kirmizi); color:#fff; }
.site-alt__sosyal svg{ width:18px; height:18px; }

/* ====================================================================
   PANEL
   ==================================================================== */
.panel-ust{ background:var(--ink); color:#fff; border-bottom:3px solid var(--kirmizi); position:sticky; top:0; z-index:30; }
.panel-ust__ic{ display:flex; align-items:center; justify-content:space-between; min-height:60px; gap:12px; }
.panel-nav{ display:flex; gap:4px 8px; flex-wrap:wrap; align-items:center; }
.panel-nav a{ color:#c4cbd6; text-decoration:none; padding:8px 12px; font-weight:600; border-radius:var(--r-sm); }
.panel-nav a:hover{ color:#fff; background:rgba(255,255,255,.07); }
.panel-nav a.aktif{ color:#fff; background:var(--kirmizi); }
.panel-kullanici{ font-size:.9rem; color:#aeb6c2; }
.panel-sol{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.panel-marka{ display:flex; align-items:center; gap:9px; color:#fff; text-decoration:none; font-weight:800; font-size:.98rem; }
.panel-marka img{ border-radius:6px; }
@media(max-width:520px){ .panel-marka{ font-size:0; gap:0; } }

.filtre{ display:grid; gap:12px; background:var(--zemin); border:1px solid var(--cizgi); border-radius:var(--r); padding:18px; margin-bottom:22px; box-shadow:var(--golge-sm); }
.filtre label{ font-size:.78rem; font-weight:700; color:var(--gri); display:block; margin-bottom:5px; text-transform:uppercase; letter-spacing:.04em; }
.filtre .girdi,.filtre select.girdi{ min-height:42px; padding:9px 12px; }

.tablo-sar{ overflow-x:auto; background:#fff; border:1px solid var(--cizgi); border-radius:var(--r); box-shadow:var(--golge-sm); }
table.tablo{ width:100%; border-collapse:collapse; font-size:.92rem; }
table.tablo th,table.tablo td{ padding:13px 14px; text-align:left; border-bottom:1px solid var(--cizgi); white-space:nowrap; }
table.tablo thead th{ background:var(--zemin-2); color:var(--gri); font-size:.76rem; text-transform:uppercase; letter-spacing:.04em; }
table.tablo tbody tr:hover{ background:var(--zemin-2); }
table.tablo td.sarmasi{ white-space:normal; }
table.tablo a{ font-weight:600; }
table.tablo tfoot th{ background:var(--zemin-2); font-size:.86rem; color:var(--ink); }
th.sec-kol,td.sec-kol{ width:38px; text-align:center; padding-left:10px; padding-right:10px; }
.sec-kutu,#sec-tum{ width:18px; height:18px; cursor:pointer; accent-color:var(--kirmizi); }

.toplu-cubuk{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; background:var(--zemin-2); border:1px solid var(--cizgi); border-radius:var(--r); padding:12px 16px; margin-bottom:14px; }
.toplu-cubuk .girdi{ min-height:42px; max-width:220px; }
.toplu-grup{ display:flex; gap:8px; align-items:center; }
.toplu-bilgi{ font-size:.9rem; color:var(--gri); }
.toplu-bilgi strong{ color:var(--kirmizi-koyu); font-size:1rem; }

th.sira-bas{ padding:0; }
th.sira-bas a{ display:block; padding:13px 14px; color:var(--gri); font-weight:700; text-decoration:none; white-space:nowrap; }
th.sira-bas a:hover{ color:var(--kirmizi-koyu); background:var(--zemin-3); }
th.sira-aktif a{ color:var(--kirmizi-koyu); }
.etiket-mukerrer{ display:inline-block; margin-top:3px; padding:1px 7px; border-radius:var(--r-pill); font-size:.72rem; font-weight:700; background:var(--hata-zemin); color:#8e2820; border:1px solid var(--hata-cizgi); white-space:nowrap; }

.rozet{ display:inline-block; padding:4px 12px; border-radius:var(--r-pill); font-size:.76rem; font-weight:700; white-space:nowrap; border:1px solid transparent; }
.rozet--yeni{ background:#e7eefc; color:#1f4ea1; border-color:#c4d6f7; }
.rozet--arandi{ background:#fff1d6; color:#8a5a00; border-color:#f0d79a; }
.rozet--imza_alindi{ background:#d8f3ec; color:#0f6b58; border-color:#aee3d6; }
.rozet--parbise_girildi{ background:#ece1fb; color:#5a32a3; border-color:#d6c2f3; }
.rozet--uye{ background:var(--basari-zemin); color:#155c34; border-color:var(--basari-cizgi); }
.rozet--ulasilamadi{ background:#eceff3; color:#5a6473; border-color:#d9dee6; }
.rozet--vazgecti{ background:var(--hata-zemin); color:#8e2820; border-color:var(--hata-cizgi); }

.sayfalama{ display:flex; flex-wrap:wrap; gap:6px; justify-content:center; margin:24px 0; }
.sayfalama a,.sayfalama span{ min-width:42px; min-height:42px; display:inline-flex; align-items:center; justify-content:center; padding:0 12px; border:1px solid var(--cizgi-2); border-radius:var(--r-sm); background:#fff; color:var(--ink); text-decoration:none; font-weight:600; }
.sayfalama a:hover{ border-color:var(--kirmizi); color:var(--kirmizi-koyu); }
.sayfalama .aktif{ background:var(--kirmizi); color:#fff; border-color:var(--kirmizi); }

.alan-liste{ display:grid; gap:0; border:1px solid var(--cizgi); border-radius:var(--r); overflow:hidden; }
.alan-satir{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding:13px 16px; border-bottom:1px solid var(--cizgi); }
.alan-satir:last-child{ border-bottom:0; }
.alan-satir:nth-child(odd){ background:var(--zemin-2); }
.alan-satir__etiket{ color:var(--gri); font-size:.85rem; font-weight:600; flex:0 0 42%; }
.alan-satir__deger{ flex:1; font-weight:600; color:var(--ink); word-break:break-word; }
.kopyala-btn{ flex:0 0 auto; min-height:38px; min-width:38px; padding:7px 11px; background:#fff; border:1px solid var(--cizgi-2); border-radius:var(--r-sm); cursor:pointer; font-size:.9rem; transition:border-color .15s, background-color .15s; }
.kopyala-btn:hover{ border-color:var(--kirmizi); }
.kopyala-btn.kopyalandi{ background:var(--basari-zemin); border-color:var(--basari-cizgi); color:#155c34; }

.rapor-tablo .bar-sar{ background:var(--zemin-3); border-radius:var(--r-pill); height:10px; min-width:70px; overflow:hidden; }
.rapor-tablo .bar{ height:100%; background:var(--kirmizi); border-radius:var(--r-pill); }

/* Panel rapor bileşenleri: istatistik kartı, huni, dağılım, gün grafiği */
.istatlar{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-bottom:24px; }
@media(min-width:760px){ .istatlar{ grid-template-columns:repeat(4,1fr); } }
.istat{ background:#fff; border:1px solid var(--cizgi); border-radius:var(--r); padding:18px 20px; box-shadow:var(--golge-sm); }
.istat__deger{ font-size:1.95rem; font-weight:800; color:var(--ink); letter-spacing:-.02em; line-height:1.05; }
.istat__etiket{ font-size:.82rem; color:var(--gri); margin-top:5px; font-weight:600; }
.istat--kirmizi{ border-top:3px solid var(--kirmizi); }
.istat--kirmizi .istat__deger{ color:var(--kirmizi-koyu); }
.istat--yesil{ border-top:3px solid var(--basari); }
.istat--yesil .istat__deger{ color:var(--basari); }
.istat--mavi{ border-top:3px solid #1f4ea1; }
.istat--mavi .istat__deger{ color:#1f4ea1; }

/* Dashboard iş kartları */
.is-karti{ display:flex; align-items:center; justify-content:space-between; gap:16px; text-decoration:none; color:inherit; transition:border-color .15s, box-shadow .15s, transform .05s; }
.is-karti:hover{ border-color:var(--kirmizi); box-shadow:var(--golge-sm); transform:translateY(-1px); }
.is-karti__sayi{ font-size:2.3rem; font-weight:800; color:var(--kirmizi-koyu); line-height:1; }
.is-karti__baslik{ font-weight:700; margin:6px 0 4px; font-size:1.05rem; }
.is-karti__ok{ font-size:1.7rem; color:var(--kirmizi); flex:0 0 auto; }

.huni{ display:grid; gap:11px; }
.huni__satir{ display:grid; grid-template-columns:155px 1fr; gap:12px; align-items:center; }
.huni__etiket{ font-size:.9rem; font-weight:600; color:var(--ink); }
.huni__bar-sar{ background:var(--zemin-3); border-radius:var(--r-sm); height:34px; overflow:hidden; }
.huni__bar{ height:100%; background:var(--kirmizi); border-radius:var(--r-sm); display:flex; align-items:center; padding:0 12px; color:#fff; font-weight:800; font-size:.9rem; min-width:max-content; }
@media(max-width:560px){ .huni__satir{ grid-template-columns:115px 1fr; } .huni__etiket{ font-size:.8rem; } }

.dagilim{ display:grid; gap:10px; }
.dagilim__satir{ display:grid; grid-template-columns:135px 1fr 50px; gap:10px; align-items:center; }
.dagilim__etiket{ font-size:.86rem; color:var(--ink-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dagilim__bar-sar{ background:var(--zemin-3); border-radius:var(--r-pill); height:12px; overflow:hidden; }
.dagilim__bar{ height:100%; background:var(--kirmizi); border-radius:var(--r-pill); min-width:2px; }
.dagilim__sayi{ font-size:.84rem; font-weight:700; color:var(--gri); text-align:right; }

.gun-grafik{ display:flex; align-items:flex-end; gap:5px; height:160px; padding-top:8px; }
.gun-grafik__col{ flex:1; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:6px; min-width:0; height:100%; }
.gun-grafik__bar{ width:100%; max-width:30px; background:var(--kirmizi); border-radius:5px 5px 0 0; min-height:3px; }
.gun-grafik__say{ font-size:.66rem; font-weight:700; color:var(--ink); }
.gun-grafik__lbl{ font-size:.64rem; color:var(--gri); white-space:nowrap; }

.rapor-ikili{ display:grid; gap:20px; }
@media(min-width:840px){ .rapor-ikili{ grid-template-columns:1fr 1fr; } }
.rapor-bolum-baslik{ font-size:.78rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--gri); margin:0 0 14px; }
.tarih-on{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }

.login-sar{ min-height:calc(100vh - 60px); display:flex; align-items:center; justify-content:center; padding:32px 16px; background:var(--zemin-2); }
.login-kart{ width:100%; max-width:400px; margin:0; }
.login-kart h1{ text-align:center; font-size:1.5rem; }

/* Yardımcılar */
.gizle{ display:none !important; }
.metin-orta{ text-align:center; }
.metin-ikincil{ color:var(--gri); }
.bosluk-ust{ margin-top:24px; }
.arasatir{ display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.etiket-kucuk{ font-size:.82rem; color:var(--gri); }

@media (min-width:640px){ .form-satir--2{ display:grid; grid-template-columns:1fr 1fr; gap:20px; } }
@media (min-width:768px){ .filtre{ grid-template-columns:repeat(2,1fr); align-items:end; } }
@media (min-width:992px){ .filtre{ grid-template-columns:repeat(5,1fr); } }

/* Güven & kurumsallık bölümleri (ana sayfa, form altı) */
.bolum{ padding:56px 0; }
.bolum--zemin{ background:var(--zemin-2); }
.bolum__baslik{ text-align:center; font-size:1.7rem; margin:0 0 32px; }
.kapsayici--dar{ max-width:760px; }
.fayda-izgara{ display:grid; gap:18px; grid-template-columns:1fr; }
@media (min-width:640px){ .fayda-izgara{ grid-template-columns:1fr 1fr; } }
@media (min-width:992px){ .fayda-izgara{ grid-template-columns:repeat(4,1fr); } }
.fayda{ background:#fff; border:1px solid var(--cizgi); border-radius:var(--r); padding:24px 20px; text-align:center; box-shadow:var(--golge-sm); }
.fayda__ikon{ display:inline-flex; align-items:center; justify-content:center; width:54px; height:54px; border-radius:50%; background:var(--kirmizi-soft); color:var(--kirmizi); margin-bottom:14px; }
.fayda__ikon svg{ width:28px; height:28px; }
.fayda h3{ font-size:1.1rem; margin:0 0 6px; }
.fayda p{ margin:0; color:var(--gri); font-size:.95rem; }
.baskan-mesaj{ display:grid; gap:24px; align-items:center; background:#fff; border:1px solid var(--cizgi); border-radius:var(--r); padding:30px; box-shadow:var(--golge-sm); }
@media (min-width:720px){ .baskan-mesaj{ grid-template-columns:160px 1fr; } }
.baskan-mesaj__foto{ text-align:center; }
.baskan-mesaj__foto img{ width:150px; height:150px; border-radius:50%; object-fit:cover; border:3px solid var(--kirmizi); }
.baskan-mesaj__foto img.baskan-mesaj__amblem{ object-fit:contain; padding:20px; background:var(--lacivert); }
.baskan-mesaj__tirnak{ font-size:3rem; color:var(--kirmizi); line-height:.5; font-family:Georgia,serif; }
.baskan-mesaj__ic p{ font-size:1.08rem; line-height:1.7; margin:4px 0 14px; }
.baskan-mesaj__imza{ color:var(--gri); font-size:.95rem; }
.sss{ display:grid; gap:10px; }
.sss__madde{ background:#fff; border:1px solid var(--cizgi); border-radius:var(--r-sm); overflow:hidden; }
.sss__madde summary{ cursor:pointer; padding:16px 18px; font-weight:700; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:12px; }
.sss__madde summary::-webkit-details-marker{ display:none; }
.sss__madde summary::after{ content:"+"; color:var(--kirmizi); font-size:1.5rem; font-weight:400; line-height:1; transition:transform .2s; }
.sss__madde[open] summary::after{ transform:rotate(45deg); }
.sss__cevap{ padding:0 18px 16px; color:var(--gri); line-height:1.65; }

/* Yazdırma (detay → PARBİS girişi / arşiv): TEK SAYFAYA sığacak kompakt düzen.
   Alan listesi 2 sütuna alınır; başlık/iç boşluklar küçültülür. */
@page { size: A4 portrait; margin: 9mm 11mm; }
@media print {
  .panel-ust, .site-alt, .kayan, .atla-baglanti, .kopyala-btn, .btn,
  .yazdir-gizle, .form-ipucu, .metin-ikincil { display:none !important; }
  html, body { background:#fff; color:#000; font-size:10px; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  main.kapsayici, .kapsayici, .kapsayici--genis { max-width:none; padding:0; margin:0; }
  h1 { font-size:14px; margin:0 0 5px; }
  .arasatir { margin:0 0 5px; }
  .kart { box-shadow:none; border:1px solid #bbb; border-radius:0; break-inside:avoid; padding:7px 9px; margin:0 0 7px; }
  .kart h2 { font-size:12px; margin:0 0 5px; }
  /* Alan listesini iki sütuna alarak dikey yer kazan → tek sayfa */
  .alan-liste { grid-template-columns:1fr 1fr; gap:0; border:1px solid #bbb; }
  .alan-satir { padding:3px 8px; gap:8px; background:#fff !important; border-bottom:1px solid #ddd; border-right:1px solid #ddd; break-inside:avoid; }
  .alan-satir__etiket { flex:0 0 40%; font-size:8.5px; color:#333; }
  .alan-satir__deger { font-size:10px; color:#000; }
  a { color:#000; text-decoration:none; }
}