/* ============================================================
   Ortak site header (nav + mobil çekmece) + footer.
   Anasayfa ve diğer tüm public sayfalarda aynı görünüm.
   ============================================================ */
:root{
  --red:#f5544e; --red-d:#df3c3c; --w:1110px;
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* Mobil temel ayarlar (Android/iOS ortak):
   · text-size-adjust: Android Chrome dar sütunlarda yazıyı kendiliğinden
     büyütüyor, satır yükseklikleri kayıyordu.
   · tap-highlight: Android'de her dokunuşta bağlantıların üstünde gri kutu
     çıkıyordu; :hover/:active durumlarımız zaten geri bildirim veriyor. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{-webkit-tap-highlight-color:transparent}

/* ── NAV ── */
.nav{position:sticky;top:0;z-index:60;background:transparent;padding:clamp(10px,1.5vw,16px) 16px 0;transition:padding .3s}
.nav__in{position:relative;max-width:calc(var(--w) + 104px);margin:0 auto;padding:15px 16px 15px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;
  background:linear-gradient(155deg,#241319,#3a1f28);border:1px solid rgba(255,255,255,.07);border-radius:20px;
  box-shadow:0 20px 44px -22px rgba(36,19,25,.72);transition:box-shadow .4s}
.nav.solid{padding-top:8px}
.nav.solid .nav__in{box-shadow:0 26px 52px -22px rgba(36,19,25,.85)}
.brand{display:inline-flex;flex-shrink:0}
.brand img{height:clamp(44px,5.6vw,56px);width:auto;filter:brightness(0) invert(1);transition:filter .4s}
.nav__r{display:flex;align-items:center;gap:10px}
.nav__links{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:3px}
.nav__link{display:inline-flex;align-items:center;line-height:1;font-size:13px;font-weight:500;letter-spacing:.012em;padding:8px 15px;border-radius:999px;color:rgba(255,255,255,.7);text-decoration:none;transition:color .2s,background .25s,box-shadow .3s}
.nav__link:hover{color:#fff;background:rgba(255,255,255,.05);box-shadow:0 7px 18px -10px rgba(0,0,0,.75)}
.nav__link.on{color:#fff;background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 9px 22px -11px rgba(0,0,0,.8)}
.nav__burger{display:none;flex-direction:column;justify-content:center;gap:4px;width:34px;height:34px;flex-shrink:0;padding:0 9px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(255,255,255,.05);cursor:pointer;transition:background .2s,border-color .2s}
.nav__burger:hover{background:rgba(255,255,255,.1)}
.nav__burger span{display:block;height:1.6px;width:100%;background:#fff;border-radius:2px;transition:transform .3s var(--ease),opacity .2s}
.nav__burger.is-open span:nth-child(1){transform:translateY(5.6px) rotate(45deg)}
.nav__burger.is-open span:nth-child(2){opacity:0}
.nav__burger.is-open span:nth-child(3){transform:translateY(-5.6px) rotate(-45deg)}
.nav__login{display:inline-flex;align-items:center;gap:8px;margin-left:8px;padding:8px 18px 8px 15px;border-radius:999px;font-size:14.5px;line-height:1;font-weight:600;color:#fff;text-decoration:none;background:var(--red);border:1px solid var(--red);box-shadow:0 14px 28px -12px rgba(245,84,78,.7);transition:transform .2s var(--ease),background .25s,box-shadow .25s}
.nav__login .ic{width:18px;height:18px;color:#fff;transition:transform .3s var(--ease)}
.nav__login:hover{background:var(--red-d);border-color:var(--red-d);transform:translateY(-1px);box-shadow:0 18px 32px -12px rgba(245,84,78,.8)}
.nav__login:hover .ic{animation:beat .8s ease-in-out infinite}
@keyframes beat{0%,100%{transform:scale(1)}25%{transform:scale(1.18)}50%{transform:scale(1.02)}}
@media(max-width:640px){ .nav__links{display:none} .nav__burger{display:flex;width:38px;height:38px} .nav__login{height:38px;padding:0 16px;font-size:14px} }

/* ── Mobil çekmece ── */
.navmenu{position:fixed;inset:0;z-index:75;visibility:hidden;transition:visibility .4s}
.navmenu.is-open{visibility:visible}
.navmenu__ov{position:absolute;inset:0;background:rgba(20,12,15,.5);backdrop-filter:blur(4px);opacity:0;transition:opacity .35s}
.navmenu.is-open .navmenu__ov{opacity:1}
.navmenu__panel{position:absolute;top:0;right:0;height:100%;width:min(84vw,320px);display:flex;flex-direction:column;background:linear-gradient(165deg,#241319,#3a1f28);border-left:1px solid rgba(255,255,255,.08);box-shadow:-26px 0 64px -24px rgba(0,0,0,.75);overflow-y:auto;padding:14px 14px calc(18px + env(safe-area-inset-bottom,0px));transform:translateX(100%);transition:transform .4s var(--ease)}
.navmenu.is-open .navmenu__panel{transform:none}
.navmenu__top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 14px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}
.navmenu__logo{height:42px;width:auto;filter:brightness(0) invert(1)}
.navmenu__x{width:40px;height:40px;flex-shrink:0;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.05);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s}
.navmenu__x:hover{background:rgba(255,255,255,.1)}
.navmenu__x .ic{width:18px;height:18px}
.navmenu__link{display:flex;align-items:center;gap:12px;padding:15px 14px;border-radius:13px;font-size:16px;font-weight:600;color:rgba(255,255,255,.88);text-decoration:none;transition:background .2s,color .2s}
.navmenu__link:hover,.navmenu__link:active{background:rgba(255,255,255,.07);color:#fff}
.navmenu__link .ic{width:17px;height:17px;color:var(--red);flex-shrink:0}
.navmenu__auth{margin-top:auto;display:flex;flex-direction:column;gap:9px}
.navmenu__cta{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:auto;padding:15px;border-radius:13px;font-size:15px;font-weight:700;color:#fff;text-decoration:none;background:var(--red);box-shadow:0 14px 28px -12px rgba(245,84,78,.7);transition:background .2s,border-color .2s}
.navmenu__cta:hover{background:var(--red-d)}
.navmenu__cta .ic{width:18px;height:18px;color:#fff;flex-shrink:0}
.navmenu__auth .navmenu__cta{margin-top:0}
.navmenu__cta--ghost{background:transparent;border:1px solid rgba(255,255,255,.22);box-shadow:none;color:#fff}
.navmenu__cta--ghost:hover{background:rgba(255,255,255,.08)}
body.menu-open{overflow:hidden}
@media(min-width:641px){.navmenu{display:none}}

/* ── FOOTER (koyu, editoryal; altta dev marka filigranı) ── */
.foot2{position:relative;overflow:hidden;background:linear-gradient(180deg,#1e1115,#130a0e);color:#fff}
.foot2::before{content:"";position:absolute;inset:0;opacity:.55;pointer-events:none;background:radial-gradient(55% 45% at 82% 0%, rgba(245,84,78,.2), transparent 62%),radial-gradient(45% 40% at 8% 90%, rgba(255,154,107,.09), transparent 60%)}
.foot2-in{position:relative;z-index:1;max-width:var(--w);margin:0 auto;padding:clamp(48px,7vw,72px) 22px 0}
.foot2-top{display:grid;gap:2.6rem;grid-template-columns:1fr;padding-bottom:clamp(34px,5vw,50px)}
@media(min-width:900px){.foot2-top{grid-template-columns:1.35fr 2fr;gap:4rem}}
.foot2-brand img{height:44px;width:auto;margin-bottom:1rem;display:block;filter:brightness(0) invert(1);opacity:.95}
.foot2-brand p{font-size:.92rem;color:rgba(255,255,255,.6);line-height:1.7;max-width:34ch;margin:0 0 1.3rem}
.foot2-mail{display:inline-flex;align-items:center;gap:.5rem;font-size:.84rem;font-weight:600;color:rgba(255,255,255,.88);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);border-radius:100px;padding:.55rem 1.05rem;text-decoration:none;transition:.2s;margin-bottom:1.3rem}
.foot2-mail svg{width:15px;height:15px;color:#f63d44;flex-shrink:0}
.foot2-mail:hover{border-color:#f63d44;color:#fff;background:rgba(246,61,68,.14);transform:translateY(-1px)}
.foot2-social{display:flex;gap:.55rem}
.foot2-social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;color:#fff;transition:.2s}
.foot2-social a:hover{background:#f63d44;border-color:transparent;transform:translateY(-2px)}
.foot2-social svg{width:16px;height:16px}
.foot2-cols{display:grid;gap:2.2rem;grid-template-columns:1fr}
@media(min-width:640px){.foot2-cols{grid-template-columns:repeat(3,1fr);gap:2rem 1.4rem}}
.foot2-col h4{font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:#ff7a74;font-weight:700;margin:0 0 1.05rem}
.foot2-col a{display:block;font-size:.9rem;font-weight:500;color:rgba(255,255,255,.72);text-decoration:none;margin-bottom:.72rem;transition:color .15s,padding-left .15s}
.foot2-col a:hover{color:#fff;padding-left:3px}
.foot2-bar{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.09);padding:1.05rem 0 1.2rem;font-size:.78rem;color:rgba(255,255,255,.45)}
.foot2-trust{display:inline-flex;align-items:center;gap:.9rem;flex-wrap:wrap;justify-content:center}
.foot2-pay{display:inline-flex;align-items:center;gap:5px}
.foot2-pay img{height:21px;width:auto;border-radius:5px;display:block;opacity:.95}
.foot2-sign{display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.foot2-sign span{font-size:10.5px;color:rgba(255,255,255,.38);letter-spacing:.02em}
.foot2-sign img{height:10px;width:auto;display:block;opacity:.65;transition:opacity .2s}
.foot2-sign:hover img{opacity:1}
.foot2-mark{position:relative;z-index:0;text-align:center;font-family:'Fraunces',Georgia,serif;font-weight:600;font-style:italic;font-size:clamp(2.8rem,12vw,8rem);line-height:.72;letter-spacing:-.04em;color:rgba(246,61,68,.13);white-space:nowrap;user-select:none;pointer-events:none;transform:translateY(22%)}
@media(max-width:640px){.foot2-bar{flex-direction:column;text-align:center;gap:10px}}