/* ============================================================
   QRSystema kamu sitesi (2 Ekim 2026, yeniden tasarım)
   Yeni dünya: aydınlık, canlı, kendinden emin.
   - Zemin soğuk-nötr açık (#F5F7FA) + beyaz yüzeyler; koyu (#0E1320) yalnız en çok iki vurgulu blok.
   - TEK vurgu: marka turuncu-kırmızısı (#CC4520, beyaz yazıyla AA). İkinci vurgu yok.
   - Yazı: Bricolage Grotesque (başlık) + Figtree (gövde), kendi sunucumuzdan (/fonts).
   - Şekil: kartlar 14px, düğmeler hap, girişler 10px. Gölgeler yüzey tonlu.
   - Hareket: yalnız transform/opacity; hero gösterisi + tek "belirme"; prefers-reduced-motion'da kapalı.
   Tüm kurallar `.site` / `s-` önekli: panel ve menü stillerini etkilemez. Eski sınıf adları (s-hero, s-kart, s-satir,
   s-tel…) korunur çünkü 65 sayfanın içeriği onlarla yazılı; görünüm burada değişir, içerik değişmez.
   ============================================================ */

/* ---------------------------------------------------------------- Yazı tipleri (kendi sunucumuz) */
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/bricolage-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/bricolage-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/figtree-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Figtree';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/figtree-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------------------------------------------------------------- Belirteçler
   base.css'in kâğıt/domates değişkenleri aynı adlarla bu sayfalarda YENİ dünyaya çevrilir; böylece giriş/kayıt
   pencereleri, fiyat kartları ve sayfa içi mini çizimler otomatik yeni dile geçer. (body.site: base.css :root'unu ezer.) */
body.site{
  --paper:#F5F7FA;--paper-2:#EAEEF4;--paper-3:#DCE2EB;--white:#FFFFFF;
  --ink:#0E1320;--ink-2:#2B3345;--ink-3:#4F596D;--muted:#667186;
  --line:#DFE4EC;--line-2:#CBD3DF;
  --accent:#CC4520;--accent-2:#F0764F;--accent-ink:#A8361A;--accent-soft:#FCEAE3;
  /* ikinci vurgu yok: eski yeşil/sarı/mavi/mor adları nötr lacivert tonlara bağlandı */
  --sage:#3C4B66;--sage-soft:#E6EAF2;--sky:#3C4B66;--sky-soft:#E6EAF2;--plum:#3C4B66;--plum-soft:#E6EAF2;
  --mustard:#CC4520;--mustard-soft:#FCEAE3;--danger:#B3261E;
  --font-display:'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;
  --font-body:'Figtree','Segoe UI',system-ui,-apple-system,sans-serif;
  --font-mono:'Figtree','Segoe UI',system-ui,sans-serif;
  --r:14px;--r-lg:14px;--r-sm:10px;
  --shadow-sm:0 1px 2px rgba(14,19,32,.06);
  --shadow:0 1px 2px rgba(14,19,32,.05),0 10px 28px -14px rgba(23,34,66,.22);
  --shadow-lg:0 2px 4px rgba(14,19,32,.05),0 28px 56px -24px rgba(23,34,66,.34);
  --ease:cubic-bezier(.23,1,.32,1);
  --ust-yuk:64px;
  background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;
  overflow-x:hidden;min-height:100dvh;
  scrollbar-color:var(--line-2) transparent;caret-color:var(--accent);
  font-variant-numeric:tabular-nums;
}
.site ::selection{background:var(--accent);color:#fff}
.site a,.site button,.site summary,.site .btn{touch-action:manipulation}
.site :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.site .s-menu :focus-visible,.site .s-ara :focus-visible{outline-offset:-2px}
.site main{display:block;min-height:50dvh}
:where(.site) img{height:auto}
.site .ico{width:18px;height:18px;flex:none;vertical-align:-3px}
.site .ico.sm{width:14px;height:14px}
.site .ico.lg{width:22px;height:22px}
.s-kap{width:min(1180px,calc(100% - 48px));margin:0 auto}
@media (max-width:640px){.s-kap{width:calc(100% - 32px)}}
.s-atla{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--ink);color:#fff;padding:10px 16px;border-radius:999px}
.s-atla:focus{left:12px}
.s-nobet{position:absolute;top:0;left:0;width:1px;height:10px;pointer-events:none}
.site h1,.site h2,.site h3,.site h4{font-family:var(--font-display);color:var(--ink);text-wrap:balance}
/* Başlıkta tek sözcüğü boyamak yok: vurgu etiketleri (em) metinle aynı renk ve duruşta */
.site h1 em,.site h2 em,.site h3 em{font-style:normal!important;color:inherit!important;font-weight:inherit!important}
/* Bölüm üstü küçük etiket (eyebrow) bolluğu yok: başlık kendi ağırlığını taşır. Sayfa kırıntısı kategoriyi zaten söyler. */
.site .eyebrow{display:none}
.site .muted{color:var(--muted)}

/* ---------------------------------------------------------------- Düğmeler (hap) */
.site .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;height:auto;padding:0 20px;border-radius:999px;font:600 15px/1 var(--font-body);letter-spacing:0;border:1.5px solid var(--ink);background:var(--ink);color:#fff;white-space:nowrap;cursor:pointer;transition:transform .16s var(--ease),background-color .16s,border-color .16s,box-shadow .16s,color .16s;-webkit-tap-highlight-color:transparent}
.site .btn:hover{transform:none}
.site .btn:active{transform:scale(.97)}
.site .btn.accent{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 10px 22px -12px rgba(204,69,32,.75)}
.site .btn.ghost{background:transparent;color:var(--ink);border-color:var(--line-2);box-shadow:none}
.site .btn.soft{background:var(--paper-2);border-color:var(--paper-2);color:var(--ink);box-shadow:none}
.site .btn.lg{min-height:52px;padding:0 26px;font-size:16px}
.site .btn.sm{min-height:36px;padding:0 14px;font-size:13.5px}
.site .btn.block{width:100%}
.site .btn .ico{width:17px;height:17px}
.site .btn[disabled]{opacity:.5;pointer-events:none}
.site .btn[hidden]{display:none}
@media (hover:hover) and (pointer:fine){
  .site .btn:hover{background:var(--ink-2);border-color:var(--ink-2)}
  .site .btn.accent:hover{background:var(--accent-ink);border-color:var(--accent-ink)}
  .site .btn.ghost:hover{background:var(--white);border-color:var(--ink);color:var(--ink)}
  .site .btn.soft:hover{background:var(--paper-3);border-color:var(--paper-3)}
}

/* ---------------------------------------------------------------- Duyuru şeridi */
.s-duyuru{background:var(--accent-soft);color:var(--ink);font-size:13.5px;border-bottom:1px solid #F4D4C8}
.s-duyuru.kapali{display:none}
.s-duyuru .s-kap{display:flex;align-items:center;justify-content:center;gap:14px;min-height:40px;position:relative;padding-right:36px}
.s-duyuru-metin{color:var(--ink-2)}
.s-duyuru-baglanti{color:var(--accent-ink);font-weight:700;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.s-duyuru-kapat{position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;background:transparent;color:var(--ink-3);cursor:pointer;border-radius:50%;display:grid;place-items:center}
@media (hover:hover) and (pointer:fine){.s-duyuru-kapat:hover{background:rgba(14,19,32,.06);color:var(--ink)}.s-duyuru-baglanti:hover{text-decoration:underline;text-underline-offset:3px}}
@media (max-width:640px){.s-duyuru .s-kap{justify-content:flex-start;gap:10px;font-size:12.5px;padding-right:40px}.s-duyuru-metin{line-height:1.3;padding:6px 0}}

/* ---------------------------------------------------------------- Üst menü (yüzen hap) */
.s-ust{position:sticky;top:0;z-index:60;padding:10px 0 6px;pointer-events:none}
.s-ust>*{pointer-events:auto}
.s-ust-ic{display:flex;align-items:center;gap:14px;height:var(--ust-yuk);padding:0 10px 0 20px;background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:999px;box-shadow:0 1px 2px rgba(14,19,32,.04),0 12px 28px -18px rgba(23,34,66,.35);position:relative;transform-origin:50% 0;transition:transform .32s var(--ease),box-shadow .32s var(--ease);will-change:transform}
.s-ust.kaydi .s-ust-ic{transform:scale(.965);box-shadow:0 1px 2px rgba(14,19,32,.05),0 18px 34px -16px rgba(23,34,66,.42)}
.s-marka{display:inline-flex;align-items:center;gap:10px;color:var(--ink);flex:none;border-radius:10px}
.s-marka-isaret{width:34px;height:34px;border-radius:10px;background:var(--accent);display:grid;grid-template-columns:repeat(3,1fr);gap:2.5px;padding:7px}
.s-marka-isaret i{background:#fff;border-radius:1.5px}
.s-marka-isaret i:nth-child(2),.s-marka-isaret i:nth-child(4),.s-marka-isaret i:nth-child(8){opacity:.4}
.s-marka-yazi{font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:-.02em}
.s-hap{display:flex;align-items:center;gap:2px;margin:0 auto}
.s-oge{position:relative}
.s-oge:has(.s-menu-genis){position:static}
.s-baglanti{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:999px;font:600 15px/1 var(--font-body);color:var(--ink-2);background:transparent;border:0;cursor:pointer;white-space:nowrap;transition:background-color .16s,color .16s;-webkit-tap-highlight-color:transparent}
.s-baglanti.aktif{color:var(--ink);background:var(--paper-2)}
.s-baglanti .ico{transition:transform .2s var(--ease);color:var(--muted)}
.s-oge.acik>.s-baglanti{background:var(--paper-2);color:var(--ink)}
.s-oge.acik>.s-baglanti .ico{transform:rotate(180deg)}
.s-sag{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}
.s-ikon-dugme{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:50%;border:0;background:transparent;color:var(--ink);cursor:pointer;transition:background-color .16s,transform .16s var(--ease)}
.s-ikon-dugme:active{transform:scale(.94)}
.s-ikon-dugme .ico{width:20px;height:20px}
.s-burger{display:none}
.s-cta{white-space:nowrap}
.site .s-sag .btn{min-height:44px}
@media (hover:hover) and (pointer:fine){
  .s-baglanti:hover{background:var(--paper-2);color:var(--ink)}
  .s-ikon-dugme:hover{background:var(--paper-2)}
  .s-oge:hover>.s-baglanti{background:var(--paper-2);color:var(--ink)}
}

/* Açılır menüler: gruplu, görsel ikonlu, her öğede tek satır açıklama */
.s-menu{position:absolute;top:calc(100% + 12px);left:0;min-width:320px;background:var(--white);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-lg);padding:18px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,transform .22s var(--ease),visibility .18s;z-index:70}
.s-menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.s-menu-genis{left:0;right:0;min-width:0}
.s-menu-orta{min-width:min(640px,calc(100vw - 48px));left:50%;transform:translate(-50%,6px)}
.s-oge.acik>.s-menu{opacity:1;visibility:visible;transform:translateY(0)}
.s-oge.acik>.s-menu-orta{transform:translate(-50%,0)}
@media (hover:hover) and (pointer:fine){
  .s-oge:hover>.s-menu{opacity:1;visibility:visible;transform:translateY(0)}
  .s-oge:hover>.s-menu-orta{transform:translate(-50%,0)}
}
.s-menu-izgara{display:grid;gap:4px 18px}
.s-menu-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.s-menu-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.s-menu-sutun h6{margin:2px 10px 8px;font:700 13px/1.2 var(--font-body);color:var(--muted)}
.s-menu-sutun a{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:12px;color:var(--ink);transition:background-color .15s}
.s-menu-sutun a b{display:block;font-weight:700;font-size:14.5px;line-height:1.25}
.s-menu-sutun a em{display:block;font-style:normal;font-size:13px;line-height:1.3;color:var(--ink-3);margin-top:1px}
.s-menu-ikon{width:36px;height:36px;border-radius:10px;background:var(--paper-2);color:var(--ink);display:grid;place-items:center;flex:none;transition:background-color .15s,color .15s}
.s-menu-ikon .ico{width:18px;height:18px}
@media (hover:hover) and (pointer:fine){
  .s-menu-sutun a:hover{background:var(--paper)}
  .s-menu-sutun a:hover .s-menu-ikon{background:var(--accent);color:#fff}
}
.s-menu-alt{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0 0;padding:12px 14px;border-radius:12px;background:var(--paper);font-weight:700;font-size:14px;color:var(--ink)}
@media (hover:hover) and (pointer:fine){.s-menu-alt:hover{background:var(--paper-2)}}

/* Telefon çekmecesi */
.s-cekmece{margin-top:8px;background:var(--white);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-lg);max-height:calc(100dvh - 110px);overflow:auto;padding:4px 0 22px;pointer-events:auto}
.s-cekmece[hidden]{display:none}
.s-cekmece .s-kap{width:calc(100% - 32px)}
.s-cekmece details{border-bottom:1px solid var(--line)}
.s-cekmece summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:0 4px;font-weight:700;cursor:pointer}
.s-cekmece summary::-webkit-details-marker{display:none}
.s-cekmece details[open] summary .ico{transform:rotate(180deg)}
.s-cekmece-liste{display:grid;gap:2px;padding:0 0 12px}
.s-cekmece-liste small{margin:10px 8px 4px;font-weight:700;font-size:12.5px;color:var(--muted)}
.s-cekmece-liste a{display:flex;align-items:center;min-height:44px;padding:0 10px;border-radius:10px;color:var(--ink-2)}
.s-cekmece-liste a.hepsi{color:var(--accent-ink);font-weight:700}
.s-cekmece-tek{display:flex;align-items:center;min-height:56px;padding:0 4px;font-weight:700;border-bottom:1px solid var(--line);color:var(--ink)}
.s-cekmece-dugme{display:grid;gap:10px;margin-top:18px}
.s-cekmece-ara{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;margin:12px 0 4px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font:500 15px var(--font-body);color:var(--ink-3);cursor:pointer;text-align:left}
body.cekmece-acik{overflow:hidden}
@media (max-width:1020px){
  .s-hap{display:none}
  .s-burger{display:inline-grid}
  .site .s-giris{display:none}
  .s-ust-ic{padding-left:16px}
}
@media (min-width:1021px){.s-cekmece{display:none!important}}
.s-cta-kisa{display:none}
@media (max-width:520px){
  .s-cta-uzun{display:none}.s-cta-kisa{display:inline}
  #sAraAc{display:none}
  .s-sag{gap:4px}
  .s-marka-yazi{font-size:18px}
  .s-ust-ic{gap:8px;padding:0 6px 0 12px}
  .site .s-sag .btn{padding:0 16px}
}

/* ---------------------------------------------------------------- Arama */
.s-ara{position:fixed;inset:0;z-index:120;background:rgba(14,19,32,.46);display:flex;align-items:flex-start;justify-content:center;padding:9vh 16px 16px}
.s-ara[hidden]{display:none}
.s-ara-kutu{width:min(640px,100%);background:var(--white);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-lg);overflow:hidden}
.s-ara-giris{display:flex;align-items:center;gap:12px;padding:8px 10px 8px 20px;border-bottom:1px solid var(--line)}
.s-ara-giris .ico{width:20px;height:20px;color:var(--muted)}
.s-ara-giris input{flex:1;border:0;outline:0;background:transparent;font:500 17px/1.2 var(--font-body);color:var(--ink);min-width:0;padding:14px 0;min-height:44px}
.s-ara-sonuc{max-height:52dvh;overflow:auto;padding:8px}
.s-ara-sonuc a{display:grid;gap:2px;padding:12px 14px;border-radius:10px;color:var(--ink)}
.s-ara-sonuc a:hover,.s-ara-sonuc a.sec{background:var(--paper)}
.s-ara-sonuc b{font-weight:700}
.s-ara-sonuc em{font-style:normal;font-size:14px;color:var(--ink-3)}
.s-ara-sonuc small{font-size:12.5px;color:var(--accent-ink);font-weight:700}
.s-ara-bos{padding:22px 16px;color:var(--ink-3);text-align:center}
.s-ara-ipucu{padding:10px 18px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
.s-ara-ipucu kbd{font:600 12px var(--font-body);background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:1px 7px}

/* ---------------------------------------------------------------- Kırıntı */
.s-kirinti{padding:14px 0 0;font-size:14px;color:var(--ink-3)}
.s-kirinti .s-kap{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.s-kirinti a{color:var(--ink-3);display:inline-flex;align-items:center;min-height:32px}
.s-kirinti span{color:var(--ink);font-weight:600}
.s-kirinti .ico{color:var(--muted)}
@media (hover:hover) and (pointer:fine){.s-kirinti a:hover{color:var(--accent-ink)}}

/* ---------------------------------------------------------------- Bölümler */
.s-bolum{padding:88px 0;position:relative}
.s-bolum--kagit2{background:var(--paper-2)}
.s-bolum--beyaz{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.s-bolum--sik{padding:56px 0}
@media (max-width:760px){.s-bolum{padding:60px 0}.s-bolum--sik{padding:40px 0}}
/* Koyu blok (sayfada en çok iki: bu ve çağrı bandı): tam genişlik değil, içeriğe oturan yuvarlak panel */
.s-bolum--koyu{background:transparent;padding:32px 0}
.s-bolum--koyu>.s-kap{background:var(--ink);color:#C9D1E0;border-radius:28px;padding:56px 52px}
.s-bolum--koyu h2,.s-bolum--koyu h3,.s-bolum--koyu h4{color:#fff}
.s-bolum--koyu p,.s-bolum--koyu li{color:#C9D1E0}
.s-bolum--koyu .s-baslik p{color:#C9D1E0}
.s-bolum--koyu .s-liste li{color:#D5DBE8}
.s-bolum--koyu .s-liste li .ico{color:var(--accent-2)}
.s-bolum--koyu :focus-visible{outline-color:var(--accent-2)}
@media (max-width:760px){.s-bolum--koyu>.s-kap{padding:34px 22px;border-radius:22px}.s-bolum--koyu{padding:20px 0}}

.s-baslik{max-width:720px;margin:0 0 40px}
.s-baslik--orta{margin-left:auto;margin-right:auto;text-align:center}
.s-baslik h2{font-size:clamp(28px,3.6vw,42px);font-weight:700;letter-spacing:-.028em;line-height:1.08;margin:0 0 14px}
.s-baslik p{font-size:18px;color:var(--ink-3);line-height:1.6;margin:0;max-width:60ch}

/* ---------------------------------------------------------------- Hero (alt sayfalar) */
.s-hero{padding:44px 0 60px;position:relative;background:var(--white) url(/images/site/sekil/desen-qr.svg) right -40px top -30px/300px no-repeat;border-bottom:1px solid var(--line)}
.s-hero-ic{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.s-hero-ic--tek{grid-template-columns:1fr}
.s-hero h1{font-size:clamp(34px,4.6vw,56px);font-weight:800;letter-spacing:-.032em;line-height:1.04;margin:0 0 20px;text-wrap:balance}
.s-hero-yazi p{font-size:18px;color:var(--ink-3);line-height:1.6;max-width:56ch;margin:0}
.s-hero-dugme{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
/* sayfa içinde satır içi stille koyu hero için yazılmış hayalet düğmeyi aydınlık dünyada görünür tut */
.s-hero .btn.ghost{color:var(--ink)!important;border-color:var(--line-2)!important}
.s-hero-guven{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;font-size:14.5px;color:var(--ink-2)}
.s-hero-guven span{display:inline-flex;align-items:center;gap:8px}
.s-hero-guven .ico{width:18px;height:18px;color:var(--accent)}
.s-hero--sade{padding:36px 0 44px}
.s-hero--sade h1{font-size:clamp(32px,4.2vw,50px)}
@media (max-width:960px){.s-hero-ic{grid-template-columns:1fr;gap:36px}.s-hero{padding:28px 0 44px}}

/* Üst bantta GERÇEK ürün ekranı. Eski içerikte sahte (div ile çizilmiş) mini arayüz vardı; çocukları gizlenip
   yerine, sayfanın konusuna uygun gerçek ekran görüntüsü konur (gövde: data-ekran / data-ekran-tur, SiteGorselleri.cs). */
.s-tel{color:var(--ink);margin:0 auto;position:relative}
.s-tel .s-tel-ekran>*{display:none!important}
.s-tel-ekran{background-color:var(--paper-2);background-repeat:no-repeat;background-size:cover;background-position:top center;overflow:hidden;height:100%}
body[data-ekran-tur="telefon"] .s-tel{width:min(284px,72vw);aspect-ratio:9/19;background:var(--ink);border-radius:40px;padding:9px;box-shadow:var(--shadow-lg)}
body[data-ekran-tur="telefon"] .s-tel::before{content:"";position:absolute;top:17px;left:50%;transform:translateX(-50%);width:78px;height:20px;border-radius:12px;background:var(--ink);z-index:3}
body[data-ekran-tur="telefon"] .s-tel-ekran{border-radius:32px}
body[data-ekran-tur="pencere"] .s-tel{width:100%;max-width:600px;aspect-ratio:16/10.4;background:var(--white);border:1px solid var(--line-2);border-radius:var(--r);padding:0;box-shadow:var(--shadow-lg);overflow:hidden}
body[data-ekran-tur="pencere"] .s-tel-ekran{border-radius:0;background-position:top left}
body[data-ekran="menu-masa"] .s-tel-ekran{background-image:url(/images/site/menu-masa.webp)}
body[data-ekran="menu-liste"] .s-tel-ekran{background-image:url(/images/site/menu-liste.webp)}
body[data-ekran="menu-sepet"] .s-tel-ekran{background-image:url(/images/site/menu-sepet.webp)}
body[data-ekran="panel-menu"] .s-tel-ekran{background-image:url(/images/site/panel-menu.webp)}
body[data-ekran="panel-siparis"] .s-tel-ekran{background-image:url(/images/site/panel-siparis.webp)}
body[data-ekran="mutfak-ekrani"] .s-tel-ekran{background-image:url(/images/site/mutfak-ekrani.webp)}
body[data-ekran="panel-masalar"] .s-tel-ekran{background-image:url(/images/site/panel-masalar.webp)}
body[data-ekran="panel-ozet"] .s-tel-ekran{background-image:url(/images/site/panel-ozet.webp)}
body[data-ekran="panel-karekod"] .s-tel-ekran{background-image:url(/images/site/panel-karekod.webp)}
body[data-ekran="panel-afis"] .s-tel-ekran{background-image:url(/images/site/panel-afis.webp)}
body[data-ekran="tv-ekran"] .s-tel-ekran{background-image:url(/images/site/tv-ekran.webp)}
/* yedek: ekran türü atanmamış sayfa */
body:not([data-ekran-tur]) .s-tel{width:min(284px,72vw);aspect-ratio:9/19;background:var(--ink);border-radius:40px;padding:9px}

/* ---------------------------------------------------------------- Izgara ve kartlar */
.s-izgara{display:grid;gap:18px}
.s-izgara--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.s-izgara--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.s-izgara--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1020px){.s-izgara--4{grid-template-columns:repeat(2,minmax(0,1fr))}.s-izgara--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.s-izgara--2,.s-izgara--3,.s-izgara--4{grid-template-columns:1fr}}
.s-kart{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:26px;display:flex;flex-direction:column;gap:10px;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s}
.s-kart h3{font-size:21px;font-weight:700;letter-spacing:-.018em;line-height:1.2;margin:6px 0 0}
.s-kart p{margin:0;color:var(--ink-3);font-size:15.5px;line-height:1.6}
.s-kart-ikon{width:46px;height:46px;border-radius:12px;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center}
.s-kart-ikon .ico{width:22px;height:22px}
.s-kart-ikon.sage,.s-kart-ikon.sky,.s-kart-ikon.plum{background:var(--paper-2);color:var(--ink-2)}
.s-kart-ikon.mustard{background:var(--accent-soft);color:var(--accent-ink)}
@media (hover:hover) and (pointer:fine){a.s-kart:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line-2)}}
.s-kart-ok{margin-top:auto;padding-top:8px;font-weight:700;font-size:15px;color:var(--accent-ink);display:inline-flex;align-items:center;gap:6px}
.s-bolum--koyu .s-kart{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#fff;box-shadow:none}
.s-bolum--koyu .s-kart p{color:#C9D1E0}

/* Adımlar (sıra gerçekten içerik olduğu yerde): yuvarlak numara, ince bağlantı çizgisi */
.s-adimlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:adim}
.s-adim{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:26px;position:relative;box-shadow:var(--shadow-sm)}
.s-adim-no{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font:800 16px/1 var(--font-display);margin-bottom:16px}
.s-adim h3{font-size:21px;margin:0 0 8px;letter-spacing:-.018em}
.s-adim p{color:var(--ink-3);margin:0;font-size:15.5px}
.s-bolum--koyu .s-adim{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:none}
.s-bolum--koyu .s-adim p{color:#C9D1E0}
@media (max-width:820px){.s-adimlar{grid-template-columns:1fr}}

/* Satır: metin + görsel */
.s-satir{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding:30px 0}
.s-satir--ters .s-satir-yazi{order:2}
.s-satir-yazi h3{font-size:clamp(25px,3vw,34px);letter-spacing:-.025em;line-height:1.12;margin:0 0 14px}
.s-satir-yazi p{color:var(--ink-3);font-size:17px;line-height:1.65;margin:0 0 14px;max-width:62ch}
.s-satir-gorsel{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);min-height:280px;padding:24px;display:grid;place-items:center}
/* içeride eski koyu mini çizimler için: sayfada satır içi koyu zemin yazılmışsa lacivert kalır, ışığı bozmaz */
@media (max-width:860px){.s-satir{grid-template-columns:1fr;gap:24px}.s-satir--ters .s-satir-yazi{order:0}}


/* İçerikte sayfa içi "sahte mini arayüz" (boş kare + metin) çizilmiş satır görselleri: yerine konuya uygun GERÇEK ekran konur.
   Yalnız bu iki sınıfı (.s-tel-urun, .s-tel-alt) taşıyan görseller etkilenir; özel çizimler (komut örneği, adisyon vb.) olduğu gibi kalır. */
.s-satir-gorsel:has(.s-tel-urun,.s-tel-alt){padding:0!important;min-height:300px;overflow:hidden;position:relative;background-color:var(--paper-2)!important;background-repeat:no-repeat!important;border-color:var(--line)!important}
.s-satir-gorsel:has(.s-tel-urun,.s-tel-alt)>*{display:none!important}
body[data-ekran-tur="pencere"] .s-satir-gorsel:has(.s-tel-urun,.s-tel-alt){background-size:cover!important;background-position:top left!important}
body[data-ekran-tur="telefon"] .s-satir-gorsel:has(.s-tel-urun,.s-tel-alt){background-size:min(250px,56%) auto!important;background-position:center 22px!important}
body[data-ekran="menu-masa"] .s-satir-gorsel:has(.s-tel-urun,.s-tel-alt){background-image:url(/images/site/menu-masa.webp)!important}
body[data-ekran="menu-liste"] .s-satir-gorsel:has(.s-tel-urun,.s-tel-alt){background-image:url(/images/site/menu-liste.webp)!important}
body[data-ekran="menu-sepet"] .s-satir-gorsel:has(.s-tel-urun,.s-tel-alt){background-image:url(/images/site/menu-sepet.webp)!important}
body[data-ekran="panel-menu"] .s-satir-gorsel:has(.s-tel-urun,.s-tel-alt){background-image:url(/images/site/panel-menu.webp)!important}
body[data-ekran="panel-siparis"] .s-satir-gorsel:has(.s-tel-urun,.s-tel-alt){background-image:url(/images/site/panel-siparis.webp)!important}
body[data-ekran="mutfak-ekrani"] .s-satir-gorsel:has(.s-tel-urun,.s-tel-alt){background-image:url(/images/site/mutfak-ekrani.webp)!important}
body[data-ekran="panel-masalar"] .s-satir-gorsel:has(.s-tel-urun,.s-tel-alt){background-image:url(/images/site/panel-masalar.webp)!important}
body[data-ekran="panel-ozet"] .s-satir-gorsel:has(.s-tel-urun,.s-tel-alt){background-image:url(/images/site/panel-ozet.webp)!important}
body[data-ekran="panel-karekod"] .s-satir-gorsel:has(.s-tel-urun,.s-tel-alt){background-image:url(/images/site/panel-karekod.webp)!important}
body[data-ekran="panel-afis"] .s-satir-gorsel:has(.s-tel-urun,.s-tel-alt){background-image:url(/images/site/panel-afis.webp)!important}
body[data-ekran="tv-ekran"] .s-satir-gorsel:has(.s-tel-urun,.s-tel-alt){background-image:url(/images/site/tv-ekran.webp)!important}

/* Liste (onay işaretli) */
.s-liste{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.s-liste li{display:flex;gap:11px;align-items:flex-start;color:var(--ink-2);font-size:16px;line-height:1.5}
.s-liste li .ico{width:18px;height:18px;flex:none;margin-top:3px;color:var(--accent)}
.s-liste--2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px}
@media (max-width:680px){.s-liste--2{grid-template-columns:1fr}}

/* SSS: açılır başlıklar (betiksiz çalışır) */
.s-sss{display:grid;gap:10px;max-width:860px}
.s-sss details{background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.s-sss summary{list-style:none;cursor:pointer;padding:0 22px;min-height:60px;font-weight:700;font-size:17px;line-height:1.35;display:flex;justify-content:space-between;gap:16px;align-items:center;-webkit-tap-highlight-color:transparent}
.s-sss summary::-webkit-details-marker{display:none}
.s-sss summary .ico{flex:none;transition:transform .22s var(--ease);color:var(--muted)}
.s-sss details[open] summary .ico{transform:rotate(180deg);color:var(--accent)}
.s-sss details[open]{border-color:var(--line-2);box-shadow:var(--shadow-sm)}
.s-sss .s-sss-cevap{padding:0 22px 22px;color:var(--ink-3);line-height:1.7;font-size:16.5px;max-width:68ch}
.s-sss .s-sss-cevap p{margin:0 0 10px}
.s-sss summary:focus-visible{outline-offset:-3px}
@media (hover:hover) and (pointer:fine){.s-sss details:not([open]) summary:hover{background:var(--paper)}}

/* Çağrı bandı: koyu ikinci blok, içeriğe oturan yuvarlak panel */
.s-cta-bant{padding:40px 0 72px}
.s-cta-ic{background:var(--ink);color:#fff;border-radius:28px;padding:56px 52px;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.s-cta-ic h2{font-size:clamp(28px,3.4vw,40px);font-weight:700;letter-spacing:-.028em;line-height:1.1;margin:0 0 10px;color:#fff;max-width:20ch}
.s-cta-ic p{margin:0;color:#C9D1E0;font-size:17.5px;max-width:52ch}
.s-cta-dugme{display:flex;gap:12px;flex-wrap:wrap}
.s-cta-bant .btn{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:none}
.s-cta-bant .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.s-cta-bant :focus-visible{outline-color:var(--accent-2)}
@media (hover:hover) and (pointer:fine){
  .s-cta-bant .btn:hover{background:#E0562F;border-color:#E0562F}
  .s-cta-bant .btn.ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
}
@media (max-width:760px){.s-cta-ic{padding:36px 24px;border-radius:22px}.s-cta-dugme{width:100%}.s-cta-dugme .btn{flex:1 1 100%}}

/* Yapışkan kategori çipleri (merkez sayfaları) */
.s-cipler{position:sticky;top:calc(var(--ust-yuk) + 18px);z-index:40;background:var(--paper);padding:10px 0;border-bottom:1px solid var(--line)}
.s-cipler .s-kap{display:flex;gap:8px;overflow-x:auto;padding:2px 0;scrollbar-width:none;scroll-snap-type:x proximity}
.s-cipler .s-kap::-webkit-scrollbar{display:none}
.s-cip{flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--white);font:600 14.5px/1 var(--font-body);color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:background-color .16s,color .16s,border-color .16s,transform .16s var(--ease)}
.s-cip:active{transform:scale(.97)}
.s-cip.aktif{background:var(--ink);border-color:var(--ink);color:#fff}
@media (hover:hover) and (pointer:fine){.s-cip:not(.aktif):hover{border-color:var(--ink);color:var(--ink)}}
.s-cip .ico{width:16px;height:16px}
.s-kategori{scroll-margin-top:150px}
.s-kategori-baslik{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.s-kategori-ikon{width:48px;height:48px;border-radius:12px;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;flex:none}
.s-kategori-ikon .ico{width:22px;height:22px}
.s-kategori-baslik small{display:none}
.s-kategori-baslik h2{font-size:clamp(26px,3vw,34px);letter-spacing:-.025em;margin:0;line-height:1.1}

/* Kapaklı kart (merkez sayfaları ve ilgili sayfalar): gerçek ürün ekranından kırpılmış 3:2 kapak */
.s-kk{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s}
.s-kk-gorsel{display:block;aspect-ratio:3/2;background:var(--paper-2);overflow:hidden;border-bottom:1px solid var(--line)}
.s-kk-gorsel img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s var(--ease)}
.s-kk-govde{display:flex;flex-direction:column;gap:6px;padding:18px 20px 20px;flex:1}
.s-kk-govde h3{font-size:19px;font-weight:700;letter-spacing:-.015em;line-height:1.25;margin:0}
.s-kk-govde p{margin:0;color:var(--ink-3);font-size:15px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.s-kk-alt{margin-top:auto;padding-top:6px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13.5px;color:var(--muted);font-weight:600}
.s-kk-alt b{color:var(--accent-ink);display:inline-flex;align-items:center;gap:5px;font-weight:700}
/* Aynı ekran görüntüsünden çıkan kapaklar yan yana gelince tekrar gibi durmasın: kırpım noktası kartlara göre değişir */
.s-kk:nth-child(3n+2) .s-kk-gorsel img,.ac-k:nth-child(3n+2) .s-kk-gorsel img,.ao-satir:nth-child(3n+2) .s-kk-gorsel img{scale:1.45;transform-origin:88% 12%}
.s-kk:nth-child(3n) .s-kk-gorsel img,.ac-k:nth-child(3n) .s-kk-gorsel img,.ao-satir:nth-child(3n) .s-kk-gorsel img{scale:1.7;transform-origin:15% 70%}
.ac-k:nth-child(4n+1) .s-kk-gorsel img{scale:1.25;transform-origin:50% 100%}
@media (hover:hover) and (pointer:fine){
  .s-kk:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line-2)}
  .s-kk:hover .s-kk-gorsel img{transform:scale(1.03)}
}
.s-kk-ikon{width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;margin-bottom:2px}
.s-kk-ikon .ico{width:17px;height:17px}

/* Eski makale/ilgili kartı (yedek): aynı dilde */
.s-yazi-kart{display:flex;flex-direction:column;gap:8px;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:24px;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .22s var(--ease),box-shadow .22s var(--ease)}
.s-yazi-kart small{font-size:13px;font-weight:700;color:var(--accent-ink)}
.s-yazi-kart h3{font-size:20px;letter-spacing:-.018em;line-height:1.25;margin:0}
.s-yazi-kart p{margin:0;color:var(--ink-3);font-size:15px;line-height:1.55}
.s-yazi-kart .s-okuma{margin-top:auto;padding-top:8px;font-size:13px;color:var(--muted)}
@media (hover:hover) and (pointer:fine){a.s-yazi-kart:hover{transform:translateY(-3px);box-shadow:var(--shadow)}}

/* ---------------------------------------------------------------- Makale (rehber, blog) */
.s-makale-ust{padding:36px 0 8px}
.s-makale-ust h1{font-weight:800!important;letter-spacing:-.032em!important}
.s-makale-meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-top:20px;font-size:14px;color:var(--muted)}
.s-makale-meta .s-etiket{background:var(--accent-soft);color:var(--accent-ink);padding:6px 12px;border-radius:999px;font-weight:700}
/* makale kapağı: sayfanın konusuna uygun gerçek ekran (CSS ile, içerik dosyalarına dokunmadan) */
.s-makale-ust .s-kap::after{content:"";display:block;margin-top:30px;aspect-ratio:21/8;border-radius:var(--r);border:1px solid var(--line);background-color:var(--paper-2);background-repeat:no-repeat}
body[data-ekran-tur="pencere"] .s-makale-ust .s-kap::after{background-size:cover;background-position:top left}
body[data-ekran-tur="telefon"] .s-makale-ust .s-kap::after{background-size:min(300px,46%) auto;background-position:center top}
body[data-ekran="menu-masa"] .s-makale-ust .s-kap::after{background-image:url(/images/site/menu-masa.webp)}
body[data-ekran="menu-liste"] .s-makale-ust .s-kap::after{background-image:url(/images/site/menu-liste.webp)}
body[data-ekran="menu-sepet"] .s-makale-ust .s-kap::after{background-image:url(/images/site/menu-sepet.webp)}
body[data-ekran="panel-menu"] .s-makale-ust .s-kap::after{background-image:url(/images/site/panel-menu.webp)}
body[data-ekran="panel-siparis"] .s-makale-ust .s-kap::after{background-image:url(/images/site/panel-siparis.webp)}
body[data-ekran="mutfak-ekrani"] .s-makale-ust .s-kap::after{background-image:url(/images/site/mutfak-ekrani.webp)}
body[data-ekran="panel-masalar"] .s-makale-ust .s-kap::after{background-image:url(/images/site/panel-masalar.webp)}
body[data-ekran="panel-ozet"] .s-makale-ust .s-kap::after{background-image:url(/images/site/panel-ozet.webp)}
body[data-ekran="panel-karekod"] .s-makale-ust .s-kap::after{background-image:url(/images/site/panel-karekod.webp)}
body[data-ekran="panel-afis"] .s-makale-ust .s-kap::after{background-image:url(/images/site/panel-afis.webp)}
body[data-ekran="tv-ekran"] .s-makale-ust .s-kap::after{background-image:url(/images/site/tv-ekran.webp)}
@media (max-width:640px){.s-makale-ust .s-kap::after{aspect-ratio:16/9}}
.s-makale-yerlesim{display:grid;grid-template-columns:minmax(0,700px) 260px;gap:72px;justify-content:start;padding:36px 0 72px;align-items:start}
.s-makale-yerlesim--tek{grid-template-columns:minmax(0,740px)}
.s-icindekiler{position:sticky;top:calc(var(--ust-yuk) + 36px);padding:2px 0 2px 18px;font-size:14.5px;border-left:1px solid var(--line-2)}
.s-icindekiler h6{margin:0 0 10px;font:700 13px var(--font-body);color:var(--muted)}
.s-icindekiler a{display:block;padding:6px 0;color:var(--ink-3);line-height:1.35}
.s-icindekiler a.aktif{color:var(--accent-ink);font-weight:700}
@media (hover:hover) and (pointer:fine){.s-icindekiler a:hover{color:var(--accent-ink)}}
@media (max-width:1020px){.s-makale-yerlesim{grid-template-columns:minmax(0,1fr);gap:0}.s-icindekiler{display:none}}
/* Makale tipografisi: satır uzunluğu 75 karakterin altında, belirgin başlık hiyerarşisi */
.s-yazi{font-size:18px;line-height:1.75;color:var(--ink-2);max-width:68ch}
.s-yazi>*:first-child{margin-top:0}
.s-yazi h2{font-size:clamp(26px,3vw,33px);font-weight:700;letter-spacing:-.025em;line-height:1.15;margin:52px 0 16px;color:var(--ink);scroll-margin-top:110px}
.s-yazi h3{font-size:22px;font-weight:700;letter-spacing:-.018em;line-height:1.25;margin:36px 0 10px;color:var(--ink);scroll-margin-top:110px}
.s-yazi p{margin:0 0 20px}
.s-yazi ul,.s-yazi ol{margin:0 0 22px;padding-left:24px}
.s-yazi ul{list-style:disc}
.s-yazi ol{list-style:decimal}
.s-yazi li{margin:0 0 9px;padding-left:4px}
.s-yazi li::marker{color:var(--accent);font-weight:700}
.s-yazi a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.s-yazi strong{color:var(--ink);font-weight:700}
.s-yazi blockquote{margin:28px 0;padding:22px 26px;background:var(--white);border:1px solid var(--line);border-radius:var(--r);font-family:var(--font-display);font-size:21px;font-weight:600;line-height:1.5;color:var(--ink)}
.s-yazi table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15.5px;background:var(--white);border:1px solid var(--line);border-radius:var(--r);display:block;overflow-x:auto;max-width:100%}
.s-yazi th,.s-yazi td{padding:13px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.s-yazi th{background:var(--paper-2);font-weight:700;color:var(--ink)}
.s-yazi tr:last-child td{border-bottom:0}
.s-not{display:flex;gap:12px;padding:16px 18px;border-radius:var(--r);background:var(--accent-soft);border:1px solid #F4D4C8;margin:26px 0;font-size:16.5px;line-height:1.6;color:var(--ink-2)}
.s-not .ico{flex:none;margin-top:3px;width:18px;height:18px;color:var(--accent)}
.s-not--yesil{background:var(--white);border-color:var(--line)}
.s-ilgili{padding:60px 0 28px;border-top:1px solid var(--line)}
.s-ilgili h2{font-size:28px;letter-spacing:-.022em;margin:0 0 24px}

/* ---------------------------------------------------------------- Alt bilgi (açık zemin) */
.s-alt{background:var(--white);color:var(--ink-3);padding:64px 0 28px;border-top:1px solid var(--line)}
.s-alt-izgara{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:36px}
.s-alt h2,.s-alt h4,.s-alt h5{letter-spacing:0;text-transform:none;margin:0 0 12px;font:700 14px/1.2 var(--font-body);color:var(--ink)}
.s-alt a{display:flex;align-items:center;min-height:36px;color:var(--ink-3);font-size:15px}
.s-alt a.hepsi{color:var(--accent-ink);font-weight:700}
@media (hover:hover) and (pointer:fine){.s-alt a:hover{color:var(--ink)}}
.s-alt-marka p{margin:16px 0 18px;max-width:34ch;font-size:15px;line-height:1.6}
.s-alt-marka .btn{display:inline-flex;width:auto}
.s-alt-dip{margin-top:44px;padding-top:22px;border-top:1px solid var(--line);font-size:14px;color:var(--muted);display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.s-satici{margin:30px 0 -26px;font-size:13px;line-height:1.55;color:var(--muted);max-width:860px}
.s-satici strong{color:var(--ink);font-weight:600}
/* iyzico logo bandı SOLDA: sağ alttaki sabit WhatsApp düğmesi ve "Demo paneli gez" balonu sayfa sonunda sağ tarafı örter (iyzico logoları görmeli). */
.s-odeme-bandi img{display:block;width:min(429px,100%);height:auto;max-width:100%}
.s-alt{padding-bottom:76px}
@media (max-width:1020px){.s-alt-izgara{grid-template-columns:repeat(3,1fr)}.s-alt-marka{grid-column:1/-1}}
@media (max-width:620px){.s-alt-izgara{grid-template-columns:repeat(2,1fr)}}

/* ---------------------------------------------------------------- Sabit düğmeler */
.s-yuzen{position:fixed;right:18px;bottom:18px;z-index:55;display:flex;align-items:center;gap:12px;flex-direction:row-reverse}
.s-wa{width:56px;height:56px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;box-shadow:0 14px 28px -12px rgba(14,19,32,.55);transition:transform .16s var(--ease)}
.s-wa:active{transform:scale(.94)}
.s-wa .ico{width:26px;height:26px}
@media (hover:hover) and (pointer:fine){.s-wa:hover{transform:scale(1.06)}}
.s-balon{display:flex;align-items:center;gap:2px;background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:4px;box-shadow:var(--shadow)}
.s-balon[hidden]{display:none}
.s-balon a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:700;font-size:14px;color:var(--ink);border-radius:999px}
.s-balon a .ico{width:17px;height:17px;color:var(--accent)}
.s-balon button{width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center}
@media (hover:hover) and (pointer:fine){.s-balon a:hover,.s-balon button:hover{background:var(--paper-2)}}
@media (max-width:640px){.s-balon{display:none!important}.s-yuzen{right:14px;bottom:14px}.s-wa{width:52px;height:52px}}

/* ---------------------------------------------------------------- Belirme: tek gözcü, yalnız opacity + 12px yukarı kayma */
.js .s-gor,.js .reveal{opacity:0;transform:translateY(12px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.js .s-gor.in,.js .reveal.in{opacity:1;transform:none}

/* ---------------------------------------------------------------- ANA SAYFA */
/* Hero: sipariş yolculuğu gösterisi (telefon + işletme ekranı, gerçek ekran görüntüleri) */
.ah-hero{padding:28px 0 56px;overflow-x:clip}
.ah-hero-ic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:48px;align-items:center;min-height:min(calc(100dvh - 150px),720px)}
.ah-hero h1{font-size:clamp(38px,5vw,62px);font-weight:800;letter-spacing:-.034em;line-height:1.02;margin:0 0 20px;text-wrap:balance}
.ah-hero-yazi p{font-size:19px;color:var(--ink-3);line-height:1.55;max-width:44ch;margin:0}
.ah-hero-dugme{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
@media (max-width:960px){.ah-hero-ic{grid-template-columns:1fr;gap:34px;min-height:0}.ah-hero{padding-top:12px}}

.hs{position:relative;background:var(--paper-2);border-radius:28px;min-width:0;isolation:isolate}
.hs-sekil{position:absolute;right:-70px;top:-60px;width:min(520px,70%);height:auto;z-index:-1;pointer-events:none}
.hs-zemin{position:relative;border-radius:28px 28px 0 0;overflow:hidden;padding:30px 30px 0;background:var(--paper-3)}
.hs-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hs-zemin::after{content:"";position:absolute;inset:0;background:rgba(14,19,32,.12);z-index:0}
.hs-sahne{position:relative;z-index:1;aspect-ratio:1.28/1;margin-bottom:30px}
.hs-pencere{position:absolute;right:0;top:0;width:86%;aspect-ratio:1.6/1;border-radius:var(--r);background:var(--white);border:1px solid var(--line-2);box-shadow:var(--shadow-lg);overflow:hidden}
.hs-pencere img{position:absolute;left:-26%;top:0;width:126%;height:126%;max-width:none;object-fit:cover;object-position:right top;opacity:0;clip-path:inset(0 0 0 7%);transition:opacity .26s ease,clip-path .38s var(--ease)}
.hs-tel-ic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;clip-path:inset(0 0 0 7%);transition:opacity .26s ease,clip-path .38s var(--ease)}
.hs-tel{position:absolute;left:0;bottom:0;width:37%;aspect-ratio:9/19;background:var(--ink);border-radius:30px;padding:7px;box-shadow:var(--shadow-lg)}
.hs-tel::before{content:"";position:absolute;top:12px;left:50%;transform:translateX(-50%);width:34%;height:10px;border-radius:8px;background:var(--ink);z-index:2}
.hs-tel-ic{position:relative;width:100%;height:100%;border-radius:24px;background:var(--paper);overflow:hidden}
.hs-tel-ic img{object-position:top center}
.hs[data-adim="0"] .hs-m0,.hs[data-adim="1"] .hs-m1,.hs[data-adim="2"] .hs-m2{opacity:1;clip-path:inset(0 0 0 0)}
.hs-adimlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 22px 20px}
.hs-adim{position:relative;text-align:left;background:transparent;border:0;border-radius:12px;padding:12px 12px 14px;cursor:pointer;color:var(--ink-3);display:grid;gap:3px;align-content:start;overflow:hidden;transition:background-color .2s,color .2s;-webkit-tap-highlight-color:transparent;min-height:44px}
.hs-adim b{display:flex;align-items:center;gap:8px;font:700 15px/1.25 var(--font-display);color:var(--ink-2)}
.hs-adim b .ico{width:17px;height:17px;color:var(--muted)}
.hs-adim span.hs-metin{font-size:13.5px;line-height:1.4}
.hs-adim.aktif{background:var(--white);box-shadow:var(--shadow-sm);color:var(--ink-3)}
.hs-adim.aktif b{color:var(--ink)}
.hs-adim.aktif b .ico{color:var(--accent)}
.hs-adim:active{transform:scale(.98)}
@media (hover:hover) and (pointer:fine){.hs-adim:not(.aktif):hover{background:rgba(255,255,255,.6)}}
.hs-cubuk-yol{position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:3px;background:transparent;overflow:hidden}
.hs-cubuk{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}
.hs-adim.aktif .hs-cubuk{animation:hs-ilerle 5.4s linear forwards}
.hs.dur .hs-cubuk{animation-play-state:paused}
@keyframes hs-ilerle{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hs-dur{position:absolute;right:14px;top:14px;z-index:4;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--ink);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .16s var(--ease)}
.hs-dur:active{transform:scale(.94)}
.hs-dur[hidden]{display:none}
.hs-dur i{display:block;width:12px;height:14px;border-left:4px solid currentColor;border-right:4px solid currentColor;box-sizing:border-box}
.hs-dur[aria-pressed="true"] i{width:0;height:0;border:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:12px solid currentColor;margin-left:3px}
/* JS yoksa yalnız ilk adım görünür ve ilerleme çubuğu oynamaz */
html:not(.js) .hs-cubuk{animation:none}
@media (max-width:640px){
  .hs{border-radius:22px}
  .hs-zemin{padding:16px 14px 0;border-radius:22px 22px 0 0}
  .hs-sahne{margin-bottom:16px}
  .hs-adimlar{padding:10px 10px 14px}
  .hs-sekil{right:-30px;top:-40px}
  .hs-adimlar{grid-template-columns:1fr;gap:4px}
  .hs-adim{padding:10px 12px 12px}
  .hs-adim span.hs-metin{display:none}
  .hs-adim.aktif span.hs-metin{display:block}
  .hs-tel{border-radius:22px;padding:5px}
  .hs-tel-ic{border-radius:18px}
}

/* Güven bandı: yalnız gerçek olgular */
.ag-bant{padding:0 0 12px}
.ag-kutu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--white);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm)}
.ag-oge{display:flex;align-items:center;gap:14px;padding:20px 22px;min-width:0}
.ag-oge+.ag-oge{border-left:1px solid var(--line)}
.ag-ikon{width:40px;height:40px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;flex:none}
.ag-ikon .ico{width:19px;height:19px}
.ag-oge b{display:block;font:700 16px/1.25 var(--font-display)}
.ag-oge div span{display:block;font-size:14px;color:var(--ink-3);line-height:1.35;margin-top:2px}
@media (max-width:1020px){.ag-kutu{grid-template-columns:repeat(2,minmax(0,1fr))}.ag-oge:nth-child(3){border-left:0}.ag-oge:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:560px){.ag-kutu{grid-template-columns:1fr}.ag-oge+.ag-oge{border-left:0;border-top:1px solid var(--line)}.ag-oge:nth-child(n+3){border-top:1px solid var(--line)}}

/* Nasıl çalışır: sol seçim listesi, sağ büyük gerçek ekran */
.an-ic{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.an-ic h2{font-size:clamp(28px,3.6vw,42px);font-weight:700;letter-spacing:-.028em;line-height:1.08;margin:0 0 12px}
.an-ic>div>p{color:var(--ink-3);font-size:18px;max-width:46ch;margin:0 0 26px}
.an-liste{display:grid;gap:8px}
.an-dugme{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:start;text-align:left;width:100%;padding:16px 18px;border-radius:var(--r);border:1px solid transparent;background:transparent;cursor:pointer;color:var(--ink-3);transition:background-color .2s,border-color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}
.an-dugme .an-no{grid-row:1/3;width:48px;height:48px;border-radius:14px;background:var(--paper-2);display:grid;place-items:center;transition:background-color .2s}
.an-no img{width:34px;height:34px}
.an-dugme b{font:700 18px/1.3 var(--font-display);color:var(--ink-2)}
.an-dugme span.an-metin{font-size:15.5px;line-height:1.5}
.an-dugme.aktif{background:var(--white);border-color:var(--line);box-shadow:var(--shadow)}
.an-dugme.aktif .an-no{background:var(--accent-soft)}
.an-dugme.aktif b{color:var(--ink)}
.an-dugme:active{transform:scale(.985)}
@media (hover:hover) and (pointer:fine){.an-dugme:not(.aktif):hover{background:rgba(255,255,255,.7)}}
.an-sahne{position:relative;border-radius:28px;overflow:hidden;background:var(--paper-3)}
.an-pano{display:none}
.an-pano.aktif{display:block;animation:an-gir .38s var(--ease)}
@keyframes an-gir{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.an-pano{position:relative;padding:48px 0 0 48px;overflow:hidden}
.an-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.an-pano::before{content:"";position:absolute;inset:0;background:rgba(14,19,32,.2);z-index:0}
.an-ekran{position:relative;z-index:1;display:block;width:100%;border-radius:var(--r) 0 0 0;border:1px solid var(--line-2);border-right:0;border-bottom:0;box-shadow:var(--shadow-lg);aspect-ratio:1.45/1;object-fit:cover;object-position:top left}
@media (max-width:960px){.an-ic{grid-template-columns:1fr;gap:32px}.an-sahne{border-radius:22px}.an-pano{padding:24px 0 0 24px}}

/* Bölüm ayracı: karekod modüllerinden bir sıra (üretilmiş SVG) */
.s-ayrac{height:28px;max-width:1180px;margin:0 auto;background:url(/images/site/sekil/ayrac-qr.svg) center/100% 28px no-repeat}
@media (max-width:760px){.s-ayrac{background-size:auto 28px;margin:0 16px}}

/* Özellik bento: tam 6 hücre */
.ab-baslik{max-width:640px;margin:0 0 36px}
.ab-baslik h2{font-size:clamp(28px,3.6vw,42px);font-weight:700;letter-spacing:-.028em;line-height:1.08;margin:0 0 12px}
.ab-baslik p{color:var(--ink-3);font-size:18px;margin:0}
.ab{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(300px,auto);gap:16px}
.ab-h{position:relative;display:flex;flex-direction:column;border-radius:var(--r);border:1px solid var(--line);background:var(--white);overflow:hidden;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .24s var(--ease),box-shadow .24s var(--ease),border-color .24s}
.ab-h--ton{background:var(--paper-2) url(/images/site/sekil/desen-qr.svg) right -24px top -24px/240px no-repeat;border-color:var(--paper-2)}
.ab-h--vurgu{background:var(--accent-soft) url(/images/site/sekil/desen-qr.svg) right -24px top -24px/240px no-repeat;border-color:#F4D4C8}
.ab-yazi{padding:24px 24px 0;display:grid;gap:6px;position:relative;z-index:1}
.ab-yazi h3{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:0;display:flex;align-items:center;gap:10px}
.ab-yazi p{margin:0;font-size:15.5px;color:var(--ink-3);line-height:1.5;max-width:42ch}
.ab-yazi .ab-ok{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-weight:700;font-size:14.5px;color:var(--accent-ink)}
.ab-gorsel{margin-top:auto;padding:20px 0 0 24px;display:block;overflow:hidden;height:250px;flex:none}
.ab-gorsel img{width:100%;border-radius:var(--r) 0 0 0;border:1px solid var(--line-2);border-right:0;border-bottom:0;box-shadow:var(--shadow);object-fit:cover;object-position:top left;display:block}
.ab-h--telefon .ab-gorsel{padding:18px 24px 0;display:flex;justify-content:center;align-items:flex-end;height:auto;flex:1;min-height:320px}
.ab-h--telefon .ab-gorsel img{width:68%;max-width:260px;border-radius:26px 26px 0 0;border:7px solid var(--ink);border-bottom:0;box-shadow:var(--shadow-lg);height:100%;max-height:420px;object-position:top center}
.ab-1{grid-row:span 2}
.ab-2{grid-column:span 2}
.ab-5{grid-column:span 2}
@media (hover:hover) and (pointer:fine){.ab-h:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line-2)}}
@media (max-width:1020px){.ab{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-1{grid-row:auto}.ab-2,.ab-5{grid-column:span 2}.ab-h--telefon .ab-gorsel img{max-width:220px}}
@media (max-width:680px){.ab-gorsel{height:200px}.ab-h--telefon .ab-gorsel{height:auto;min-height:300px}.ab{grid-template-columns:1fr;grid-auto-rows:auto}.ab-2,.ab-5{grid-column:auto}.ab-yazi{padding:20px 20px 0}.ab-gorsel{padding:16px 0 0 20px}}

/* Çözümler: 7 görsel kart (genişleyen ilk kart + 6) */
.ac-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ac-k{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s}
.ac-k .s-kk-gorsel{aspect-ratio:16/10}
.ac-k:first-child{grid-column:span 2;flex-direction:row}
.ac-k:first-child .s-kk-gorsel{aspect-ratio:auto;flex:1.15;border-bottom:0;border-right:1px solid var(--line)}
.ac-k:first-child .s-kk-govde{flex:1;justify-content:center;padding:24px}
.ac-k:first-child h3{font-size:24px}
@media (hover:hover) and (pointer:fine){.ac-k:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line-2)}.ac-k:hover .s-kk-gorsel img{transform:scale(1.03)}}
@media (max-width:1020px){.ac-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .ac-izgara{grid-template-columns:1fr;gap:12px}
  .ac-k,.ac-k:first-child{grid-column:auto;flex-direction:row;align-items:stretch}
  .ac-k .s-kk-gorsel,.ac-k:first-child .s-kk-gorsel{aspect-ratio:auto;width:104px;flex:none;border-bottom:0;border-right:1px solid var(--line)}
  .ac-k .s-kk-govde,.ac-k:first-child .s-kk-govde{padding:14px 16px;justify-content:center}
  .ac-k h3,.ac-k:first-child h3{font-size:17px}
}
.ac-alt{margin-top:22px}

/* Demo: iki kapı, koyu birinci blok */
.ad-panel{background:var(--ink);color:#C9D1E0;border-radius:28px;padding:56px 52px}
.ad-panel h2{font-size:clamp(28px,3.6vw,42px);font-weight:700;letter-spacing:-.028em;line-height:1.08;margin:0 0 12px;color:#fff;max-width:18ch}
.ad-panel>p{font-size:18px;color:#C9D1E0;max-width:52ch;margin:0 0 34px}
.ad-kapilar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ad-kapi{background:var(--white);color:var(--ink);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.ad-kapi-yazi{flex:1}
.ad-kapi-yazi{padding:26px 26px 6px;display:grid;gap:8px;align-content:start}
.ad-kapi-yazi h3{font-size:24px;letter-spacing:-.02em;margin:0}
.ad-kapi-yazi p{margin:0;color:var(--ink-3);font-size:15.5px;line-height:1.55}
.ad-kapi-liste{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:7px}
.ad-kapi-liste li{display:flex;gap:9px;align-items:flex-start;font-size:15px;color:var(--ink-2)}
.ad-kapi-liste .ico{color:var(--accent);margin-top:3px}
.ad-kapi-alt{padding:16px 26px 26px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ad-kapi-alt form{margin:0}
.ad-not{display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--muted);padding:0 26px 22px;margin:0}
.ad-panel :focus-visible{outline-color:var(--accent-2)}
.ad-kapi :focus-visible{outline-color:var(--accent)}
@media (max-width:860px){.ad-kapilar{grid-template-columns:1fr}.ad-panel{padding:34px 22px;border-radius:22px}}

/* Uygulama şeridi */
.au-kutu{display:flex;align-items:center;gap:22px;flex-wrap:wrap;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:24px 28px;box-shadow:var(--shadow-sm)}
.au-ikon{width:52px;height:52px;border-radius:14px;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;flex:none}
.au-ikon .ico{width:24px;height:24px}
.au-yazi{flex:1 1 320px;min-width:0}
.au-yazi h3{font-size:21px;letter-spacing:-.018em;margin:0 0 4px}
.au-yazi p{margin:0;color:var(--ink-3);font-size:15.5px;max-width:60ch}
.au-dugme{display:flex;gap:10px;flex-wrap:wrap}

/* Öğrenin listesi */
.ao-ic{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:56px;align-items:start}
.ao-ic h2{font-size:clamp(28px,3.4vw,40px);font-weight:700;letter-spacing:-.028em;line-height:1.1;margin:0 0 12px}
.ao-ic>div>p{color:var(--ink-3);font-size:17.5px;margin:0 0 22px;max-width:36ch}
.ao-liste{display:grid;gap:12px}
.ao-satir{display:grid;grid-template-columns:128px minmax(0,1fr) auto;gap:20px;align-items:center;padding:12px;background:var(--white);border:1px solid var(--line);border-radius:var(--r);color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .22s var(--ease),box-shadow .22s var(--ease),border-color .22s}
.ao-satir .s-kk-gorsel{aspect-ratio:3/2;border:1px solid var(--line);border-radius:10px}
.ao-satir h3{font-size:18px;letter-spacing:-.015em;line-height:1.25;margin:0 0 4px}
.ao-satir p{margin:0;font-size:14.5px;color:var(--ink-3);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ao-meta{font-size:13.5px;color:var(--muted);font-weight:600;white-space:nowrap}
@media (hover:hover) and (pointer:fine){.ao-satir:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--line-2)}}
@media (max-width:960px){.ao-ic{grid-template-columns:1fr;gap:28px}}
@media (max-width:560px){.ao-satir{grid-template-columns:84px minmax(0,1fr);gap:14px}.ao-meta{display:none}}

/* SSS bölümü: sol yapışkan başlık, sağ akordeon */
.as-ic{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:56px;align-items:start}
.as-ic h2{font-size:clamp(28px,3.4vw,40px);font-weight:700;letter-spacing:-.028em;line-height:1.1;margin:0 0 12px}
.as-sol{position:sticky;top:calc(var(--ust-yuk) + 36px)}
.as-sol p{color:var(--ink-3);font-size:17.5px;margin:0 0 22px;max-width:34ch}
.as-ic .s-sss{max-width:none}
@media (max-width:960px){.as-ic{grid-template-columns:1fr;gap:26px}.as-sol{position:static}}

/* ---------------------------------------------------------------- Fiyat kartları (_FiyatKartlari: eski landing sınıf adları, yeni dil) */
.site .block{padding:72px 0}
.site .container{width:min(1180px,calc(100% - 48px));margin:0 auto}
@media (max-width:640px){.site .container{width:calc(100% - 32px)}.site .block{padding:52px 0}}
.site .sec-head{display:block;max-width:680px;margin:0 0 34px}
.site .sec-head h2{font-size:clamp(28px,3.6vw,42px);font-weight:700;letter-spacing:-.028em;line-height:1.08;margin:0 0 12px}
.site .sec-head p{color:var(--ink-3);font-size:18px;max-width:52ch}
.site .billing{display:flex;justify-content:flex-start;margin-bottom:26px;gap:14px;align-items:center;flex-wrap:wrap;font-size:14px;color:var(--ink-3)}
.site .seg{display:inline-flex;background:var(--paper-2);border-radius:999px;padding:4px;gap:2px}
.site .seg button{min-height:40px;padding:0 20px;border-radius:999px;font:600 14.5px var(--font-body);color:var(--ink-3);transition:background-color .16s,color .16s}
.site .seg button.active{background:var(--ink);color:#fff;box-shadow:var(--shadow-sm)}
.site .billing .save{font:700 13px var(--font-body);background:var(--accent-soft);color:var(--accent-ink);padding:6px 12px;border-radius:999px}
.site .plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.site .plans.single{grid-template-columns:minmax(0,520px)}
.site .plans[style]{margin:0!important;max-width:900px!important}
.site .plan{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:30px;display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-sm)}
.site .plan.hot{border:2px solid var(--ink);box-shadow:var(--shadow);transform:none}
.site .plan .stamp{position:absolute;top:22px;right:22px;background:var(--accent);color:#fff;font:700 12.5px var(--font-body);padding:6px 12px;border-radius:999px;letter-spacing:0;text-transform:none;border:0;transform:none;opacity:1}
.site .plan h3{font-size:24px;font-weight:700;letter-spacing:-.02em}
.site .plan .who{color:var(--ink-3);font-size:15px;margin-top:6px;min-height:46px}
.site .plan .price{margin:20px 0 6px;display:flex;align-items:baseline;gap:6px}
.site .plan .price b{font-family:var(--font-display);font-size:46px;font-weight:800;letter-spacing:-.03em;line-height:1}
.site .plan .price b span,.site .plan .price span{color:var(--muted);font-size:15px;font-weight:600;font-family:var(--font-body)}
.site .plan .price-sub{font-size:13.5px;color:var(--ink-3);min-height:20px;display:block}
.site .plan ul{margin:22px 0 26px;display:flex;flex-direction:column;gap:10px;flex:1;padding:0;list-style:none}
.site .plan li{display:flex;gap:10px;font-size:15px;color:var(--ink-2);line-height:1.45}
.site .plan li::before{content:"";width:18px;height:18px;flex:none;border-radius:50%;background:var(--accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A8361A' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat;margin-top:1px}
.site .plan li.no{color:var(--muted)}
.site .plan li.no::before{background:var(--paper-2);background-image:none}
.site .plan .btn.wa{background:var(--ink);border-color:var(--ink);color:#fff}
.site .plan.hot .btn.wa{background:var(--accent);border-color:var(--accent)}
.site .eklentiler{max-width:none;margin:36px auto 0}
.site .ek-baslik{text-align:left}
.site .ek{border-radius:var(--r);background:var(--white);border:1px solid var(--line)}
.site .ek-fiyat b{font-family:var(--font-display)}
.site .fiyat-garanti li{border-radius:var(--r);background:var(--white)}
.site .fiyat-garanti li .ico{color:var(--accent)}
.site .fiyat-kdv{text-align:left}
@media (max-width:1020px){.site .plans{grid-template-columns:1fr;max-width:560px}.site .plans[style]{grid-template-columns:1fr!important;max-width:560px!important;margin:0!important}}
@media (max-width:640px){.site .plan{padding:24px}.site .plan .price b{font-size:40px}}

/* ---------------------------------------------------------------- Giriş / kayıt pencereleri */
.site .modal-backdrop{background:rgba(14,19,32,.5);backdrop-filter:none}
.site .modal-backdrop:not(.open){opacity:0;pointer-events:none;visibility:hidden}
.site .modal-backdrop.open{visibility:visible}
.site .modal{border-radius:var(--r);box-shadow:var(--shadow-lg)}
.site .giris-modal .modal-head.sade{border-bottom:0;padding-bottom:0;justify-content:flex-end}
.site .giris-modal .modal-body{padding:0}
.site .giris-modal .login-card{border:0;border-radius:0;box-shadow:none;max-width:none;padding:6px 26px 28px;background:transparent}
.site .login-card h3{font-size:28px;font-weight:800;letter-spacing:-.025em;margin-bottom:4px}
.site .login-card .sub{color:var(--ink-3);font-size:15px;margin:0 0 20px}
.site .login-card .stack{display:flex;flex-direction:column;gap:14px}
.site .login-card .row{display:flex;justify-content:space-between;align-items:center;font-size:14px;gap:10px;flex-wrap:wrap}
.site .login-card .row a{color:var(--accent-ink);font-weight:600}
.site .login-card .foot{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:14px;color:var(--muted);text-align:center}
.site .login-card .foot a{color:var(--ink);font-weight:700}
.site .login-card .welcome{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.site .login-card .welcome b{display:block;font-size:16px}
.site .login-card .welcome span{display:block;font-size:13px;color:var(--muted);word-break:break-all}
.site .login-card .logout{background:none;border:0;color:var(--danger);font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;margin-top:14px;min-height:44px}
.site .field{display:flex;flex-direction:column;gap:6px}
.site .field label{font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink-2)}
.site .input{width:100%;min-height:46px;padding:0 14px;border:1.5px solid var(--line-2);border-radius:10px;background:var(--white);color:var(--ink);font:500 16px var(--font-body);transition:border-color .16s,box-shadow .16s}
.site .input::placeholder{color:#8993A6}
.site .input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(204,69,32,.16)}
.site .input.mono{font-family:var(--font-body);font-size:16px}
.site .check{display:inline-flex;align-items:center;gap:8px;font-size:14px;min-height:32px}
.site .check input{width:18px;height:18px;accent-color:var(--accent)}
.site .iconbtn{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:0;background:var(--paper-2);color:var(--ink);cursor:pointer}
.site .alert{display:flex;gap:10px;padding:12px 14px;border-radius:10px;font-size:14.5px;line-height:1.45;margin-bottom:14px}
.site .alert.danger{background:#FBE9E7;border:1px solid #F1C6C0;color:#8A231B}
.site .alert.ok{background:var(--paper-2);border:1px solid var(--line);color:var(--ink-2)}
.site .avatar{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;font-weight:700}

/* ---------------------------------------------------------------- Taşma güvenceleri ve eski içerik uyumu */
.s-satir>*,.s-hero-ic>*,.s-makale-yerlesim>*,.s-izgara>*,.ah-hero-ic>*,.an-ic>*,.as-ic>*,.ao-ic>*{min-width:0}
.site main pre{max-width:100%;overflow-x:auto;background:var(--ink);color:#E6EAF2;padding:16px 18px;border-radius:var(--r);font:500 13.5px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}
.site main code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em}
.site main pre code{overflow-wrap:normal;white-space:pre}
.site main :not(pre)>code{background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:1px 6px}
.s-satir-yazi table,.s-bolum table:not(.fiyat-tablo){display:block;max-width:100%;overflow-x:auto}
.s-sss-cevap ul{list-style:disc;padding-left:20px}
.s-sss-cevap ol{list-style:decimal;padding-left:20px}
.s-satir-gorsel [style*="font-family:var(--font-mono)"]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important}
/* eski sayfa içi mini çizimlerdeki sabit sarı/yeşil tonlar nötr dünyaya */
.s-tel-urun{display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:10px}
.s-tel-gorsel{width:44px;height:44px;border-radius:10px;flex:none;background:var(--paper-2)}
.s-tel-urun b{display:block;font-size:14px;line-height:1.2}
.s-tel-urun em{display:block;font-style:normal;font-size:12.5px;color:var(--muted);margin-top:2px}
.s-tel-urun strong{margin-left:auto;font-weight:700;font-size:13px}
.s-tel-alt{padding:12px 14px;border-radius:12px;background:var(--ink);color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:14px}
.s-tel-urunler,.s-tel-cipler{display:grid;gap:8px}

/* ---------------------------------------------------------------- Hareket azaltma: hepsi anlık, hiçbiri oynamaz */
@media (prefers-reduced-motion:reduce){
  .js .s-gor,.js .reveal{opacity:1;transform:none;transition:none}
  .s-ust-ic,.s-menu,.s-kk,.ab-h,.ac-k,.s-kart,.hs-pencere img,.hs-tel-ic img,.s-kk-gorsel img{transition:none!important}
  .hs-adim.aktif .hs-cubuk{animation:none;transform:scaleX(1)}
  .an-pano.aktif{animation:none}
  html{scroll-behavior:auto}
  .s-ust.kaydi .s-ust-ic{transform:none}
}

/* ---- Çerez onay şeridi ve alt bilgi düğmesi (2 Ekim 2026; yalnız Analytics:GoogleId ayarlıysa çizilir) ---- */
.s-cerez[hidden]{display:none}
.s-cerez{position:fixed;left:16px;right:16px;bottom:16px;z-index:260;display:flex;justify-content:center;pointer-events:none}
.s-cerez-ic{pointer-events:auto;width:100%;max-width:780px;background:var(--white);border:1px solid var(--line-2);border-radius:18px;box-shadow:var(--shadow-lg);padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}
.s-cerez-ic p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink-2);max-width:62ch}
.s-cerez-ic p a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:2px}
.s-cerez-dugme{display:flex;gap:10px}
@media (max-width:640px){.s-cerez-ic{grid-template-columns:1fr}.s-cerez-dugme .btn{flex:1}}
.s-alt-dugme{appearance:none;background:none;border:0;padding:0;text-align:left;display:flex;align-items:center;min-height:36px;color:var(--ink-3);font:inherit;font-size:15px;cursor:pointer}
@media (hover:hover) and (pointer:fine){.s-alt-dugme:hover{color:var(--ink)}}
.s-alt-dugme:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}