/* ═══════════════════════════════════════════════════════════════════════════
   STİL A · "SICAK KİL" — ortak.css tabanlı sayfalar için EK katman (19.09.2026)
   isletme.html (işletme tanıtım) · r.html (QR/paylaşım) · privacy.html · terms.html
   stil-A.css'ten SONRA yüklenir; :root yeniden bağlaması oradan gelir, burada yalnız
   ortak.css'e özgü bileşenler (btn-p/btn-t/btn-g · kart · yuzey · rozet · ikon · footer · grain).
   ═══════════════════════════════════════════════════════════════════════════ */
:root{
  --coral-hafif:#F8ECE3; --rad-l:24px;
  --golge-s:0 12px 28px -16px rgba(74,40,20,.28);
  --golge:0 34px 70px -30px rgba(74,40,20,.45);
  --yay:cubic-bezier(.34,1.35,.5,1);
}
.grain{display:none}                                            /* kullanıcı: doku/gren yok, düz renk (14.09) */
h4{font-family:var(--fd)!important;font-weight:600}
.d1{font-size:clamp(44px,6vw,78px)} .d2{font-size:clamp(32px,4.2vw,52px)} .d3{font-size:clamp(26px,3vw,36px)}
.eyebrow{color:var(--teal);letter-spacing:.14em}
.lead,.kucuk{color:var(--mut)}
:focus-visible{outline-color:var(--teal)}

/* ── butonlar: tek eylem rengi terracotta; ikincil hayalet; koyu zemin butonu (btn-l) krem ── */
.btn{border-radius:999px;font-weight:700}
.btn-p,.btn-t{background:var(--teal);color:#fff;box-shadow:0 14px 26px -14px rgba(184,67,42,.65),inset 0 1px 0 rgba(255,255,255,.18)}
.btn-g{background:transparent;color:var(--ink);border-color:var(--line-koyu)}
.btn-l{background:rgba(255,251,245,.14);color:#fff;border-color:rgba(255,251,245,.35)}
@media (hover:hover) and (pointer:fine){
  .btn-p:hover,.btn-t:hover{background:var(--teal-deep);transform:translateY(-1px)}
  .btn-g:hover{border-color:var(--ink);background:var(--cream);transform:translateY(-1px)}
}
.btn .ok{width:26px;height:26px;padding:5px;border-radius:50%;background:rgba(255,255,255,.18);margin:-4px -8px -4px 0}
.btn-g .ok{background:var(--ghost);color:var(--teal)}

/* ── üst gezinme: yüzen ada (kesfet ile aynı dil) ── */
header,header.yapisik{background:transparent;box-shadow:none;backdrop-filter:none;padding:12px 0 4px}
header .nav{background:rgba(255,251,245,.9);border:1px solid var(--line);border-radius:999px;
  padding:6px 10px 6px 18px;box-shadow:var(--golge-s);backdrop-filter:saturate(140%) blur(10px)}
.brand{color:var(--ink)} .brand img{border-radius:50%;box-shadow:none;border:1px solid var(--line)}
.nav-orta a{color:var(--mut)} .nav-orta a[aria-current="page"]{color:var(--ink);background:var(--ghost)}
.menu-btn{color:var(--ink)}
.mobil-menu a{border-bottom-color:var(--line)}

/* ── yüzeyler ── */
.yuzey{background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.kart{background:var(--cream);border:1px solid var(--line);border-radius:18px;box-shadow:0 0 0 5px rgba(234,220,203,.5)}
.kart.tik:hover{box-shadow:0 0 0 5px rgba(234,220,203,.6),var(--golge-s);border-color:var(--line-koyu)}
.ikon{background:var(--ghost);color:var(--teal);border-radius:12px}
.ikon.mercan{background:var(--ghost);color:var(--teal)}
.rozet{background:var(--cream);border-color:var(--line);color:var(--mut)}
.rozet i{background:var(--green);box-shadow:0 0 0 4px rgba(62,124,90,.14)}
.rozet.yakinda{color:var(--teal);border-color:var(--line-koyu);background:var(--teal-hafif)}
.bh p{color:var(--mut)}

/* ── SSS / details: kart değil ince çizgili satır (kesfet A ile aynı) ── */
details{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 4px;margin:0}
details[open]{box-shadow:none;border-color:var(--line)}
summary{min-height:60px} summary::after{border-color:var(--mut)}
@media (hover:hover){summary:hover{color:var(--teal)}}
details .cvp{color:var(--mut)}

/* ── alt bilgi: kâğıt üstünde (koyu blok yok) ── */
footer{background:var(--tepsi);color:var(--mut);border-top:1px solid var(--line-koyu)}
footer h4{color:var(--mut);font-family:var(--fb)!important}
footer a{color:var(--ink)} @media (hover:hover){footer a:hover{color:var(--teal)}}
.f-alt{border-top-color:var(--line-koyu);color:var(--mut)}
.magaza a{background:var(--cream);border:1px solid var(--line);color:var(--ink);border-radius:999px}
.magaza a:hover{box-shadow:var(--golge-s);filter:none;border-color:var(--line-koyu)}

/* ── isletme.html'e özgü: koyu/petrol zeminli bloklar aynı paletin derin kumuna ── */
.hero{background:transparent}
.yapiskan{background:rgba(255,251,245,.94);border-top:1px solid var(--line);backdrop-filter:blur(10px)}
.plan{background:var(--cream);border:1px solid var(--line);border-radius:18px}
.plan.one,.plan.onerilen{border-color:var(--teal);box-shadow:0 0 0 5px rgba(184,67,42,.08),var(--golge-s)}
.demo-not{background:#F7E9CC;border-color:#E6CF9E;color:#5E4210}
.kapanis{background:var(--tepsi);color:var(--ink);border:1px solid var(--line-koyu);border-radius:22px}
.kapanis h2,.kapanis p{color:inherit}
.kapanis .btn-l{background:var(--teal);color:#fff;border-color:transparent}
.modul{background:var(--cream);border:1px solid var(--line);border-radius:18px}