/* Legally yeni tasarım (03.11.2026). Beyaz zemin, tek yazı ailesi, tek vurgu rengi.
 * Yalnız sayfa_bas(['tasarim' => 'yeni']) veren sayfalar yükler; diğerleri stil.css'te.
 * Fiyat kartları _ortak/planlar.php fiyat_kartlari_bas() işaretlemesini kullanır.
 */
:root{
  --zemin:#ffffff; --zemin-2:#f7f7f5; --zemin-3:#f0efeb;
  --cizgi:#e9e8e3; --cizgi-2:#d9d7d0;
  --murekkep:#17171b; --murekkep-2:#4a4a52; --murekkep-3:#76767e;
  --vurgu:#b0522f; --vurgu-koyu:#97431f; --vurgu-yumus:#fbf1ec;
  --yesil:#2e7a4d; --yesil-yumus:#ebf5ee;
  --sari:#8a6420; --sari-yumus:#fbf3e3;
  --r:14px; --r-buyuk:20px;
  --golge:0 1px 2px rgba(20,20,30,.04), 0 8px 28px rgba(20,20,30,.06);
  --en:1120px;
}
*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
section[id]{ scroll-margin-top:64px; }
body{ font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif; background:var(--zemin); color:var(--murekkep); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden; }
a{ color:inherit; text-decoration:none; }
img,svg{ display:block; }
::selection{ background:var(--vurgu-yumus); color:var(--vurgu-koyu); }
:focus-visible{ outline:2px solid var(--vurgu); outline-offset:3px; border-radius:6px; }

.ic{ max-width:var(--en); margin:0 auto; padding:0 24px; }
@media (max-width:600px){ .ic{ padding:0 16px; } }

/* ── Üst bar ── */
.ust{ position:sticky; top:0; z-index:50; background:rgba(255,255,255,.88); backdrop-filter:saturate(1.6) blur(12px); -webkit-backdrop-filter:saturate(1.6) blur(12px); border-bottom:1px solid var(--cizgi); }
.ust-ic{ max-width:var(--en); margin:0 auto; padding:12px 24px; display:flex; align-items:center; gap:28px; }
.marka{ display:flex; align-items:center; gap:9px; font-weight:700; font-size:1.08rem; letter-spacing:-.01em; }
.marka-logo{ width:28px; height:28px; color:var(--vurgu); flex:none; }
.marka-logo svg{ width:100%; height:100%; }
.ust-linkler{ display:flex; gap:24px; font-size:.92rem; color:var(--murekkep-2); margin-left:auto; }
.ust-linkler a:hover{ color:var(--murekkep); }
@media (max-width:860px){ .ust-linkler{ display:none; } .ust-ic{ justify-content:space-between; padding:10px 16px; } }

.kirinti{ max-width:var(--en); margin:18px auto 0; padding:0 24px; font-size:.82rem; color:var(--murekkep-3); display:flex; gap:8px; flex-wrap:wrap; }
.kirinti a:hover{ color:var(--vurgu); }

/* ── Düğmeler ── */
.dugme{ display:inline-flex; align-items:center; justify-content:center; gap:8px; font:inherit; font-weight:600; font-size:.96rem; padding:13px 22px; border-radius:11px; border:1px solid transparent; cursor:pointer; transition:background .15s, border-color .15s, transform .15s; white-space:nowrap; }
.dugme-ana{ background:var(--vurgu); color:#fff; }
.dugme-ana:hover{ background:var(--vurgu-koyu); }
.dugme-ikinci{ background:#fff; color:var(--murekkep); border-color:var(--cizgi-2); }
.dugme-ikinci:hover{ border-color:var(--murekkep-3); }
.dugme-kucuk{ padding:9px 15px; font-size:.88rem; border-radius:9px; }

/* ── Bölüm iskeleti ── */
.bolum{ padding:104px 0; }
.bolum.gri{ background:var(--zemin-2); border-top:1px solid var(--cizgi); border-bottom:1px solid var(--cizgi); }
@media (max-width:700px){ .bolum{ padding:72px 0; } }
.ust-etiket{ display:inline-block; font-size:.8rem; font-weight:600; color:var(--vurgu); margin-bottom:12px; }
h1,h2,h3{ letter-spacing:-.022em; line-height:1.12; font-weight:700; }
h2{ font-size:clamp(1.8rem,3.4vw,2.6rem); max-width:760px; }
.bolum-giris{ font-size:1.1rem; color:var(--murekkep-2); max-width:640px; margin-top:14px; }
.bolum-bas{ margin-bottom:52px; }
.bolum-bas.orta{ text-align:center; }
.bolum-bas.orta h2, .bolum-bas.orta .bolum-giris{ margin-left:auto; margin-right:auto; }

/* ── Hero ── */
.hero{ padding:88px 0 40px; text-align:center; }
.hero-rozet{ display:inline-flex; align-items:center; gap:8px; font-size:.84rem; font-weight:500; color:var(--murekkep-2); border:1px solid var(--cizgi); border-radius:999px; padding:6px 14px 6px 8px; margin-bottom:26px; background:#fff; }
.hero-rozet b{ background:var(--yesil-yumus); color:var(--yesil); font-weight:600; font-size:.76rem; padding:2px 9px; border-radius:999px; }
.hero h1{ font-size:clamp(2.4rem,6vw,4.3rem); max-width:900px; margin:0 auto; letter-spacing:-.035em; line-height:1.04; }
.hero h1 span{ color:var(--vurgu); }
.hero-alt{ font-size:clamp(1.05rem,1.6vw,1.22rem); color:var(--murekkep-2); max-width:660px; margin:22px auto 0; }
.hero-dugmeler{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:34px; }
.hero-not{ font-size:.86rem; color:var(--murekkep-3); margin-top:14px; }
@media (max-width:600px){ .hero{ padding:56px 0 24px; } .hero-dugmeler .dugme{ width:100%; } }

/* ── Uygulama penceresi (hero görseli) ── */
.pencere{ max-width:980px; margin:56px auto 0; background:#fff; border:1px solid var(--cizgi); border-radius:var(--r-buyuk); box-shadow:0 30px 80px -30px rgba(20,20,30,.22), var(--golge); overflow:hidden; text-align:left; }
.pencere-bar{ display:flex; align-items:center; gap:14px; padding:12px 16px; border-bottom:1px solid var(--cizgi); background:var(--zemin-2); font-size:.82rem; color:var(--murekkep-3); }
.pencere-bar i{ display:flex; gap:6px; } .pencere-bar i span{ width:10px; height:10px; border-radius:50%; background:var(--cizgi-2); }
.pencere-bar .senkron{ margin-left:auto; display:flex; align-items:center; gap:6px; color:var(--yesil); font-weight:500; }
.pencere-bar .senkron::before{ content:''; width:7px; height:7px; border-radius:50%; background:var(--yesil); box-shadow:0 0 0 3px var(--yesil-yumus); }
.pencere-govde{ display:grid; grid-template-columns:200px 1fr; min-height:340px; }
.pencere-yan{ border-right:1px solid var(--cizgi); padding:16px 10px; font-size:.86rem; color:var(--murekkep-2); display:flex; flex-direction:column; gap:2px; }
.pencere-yan span{ padding:7px 10px; border-radius:8px; display:flex; justify-content:space-between; }
.pencere-yan span.secili{ background:var(--zemin-3); color:var(--murekkep); font-weight:600; }
.pencere-yan em{ font-style:normal; font-size:.74rem; background:var(--vurgu); color:#fff; border-radius:999px; padding:0 7px; line-height:1.6; }
.pencere-ana{ padding:20px 22px; }
.pencere-baslik{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:14px; }
.pencere-baslik b{ font-size:1.02rem; } .pencere-baslik small{ color:var(--murekkep-3); font-size:.8rem; }
.satir{ display:grid; grid-template-columns:120px 1fr auto; gap:14px; align-items:center; padding:11px 0; border-top:1px solid var(--cizgi); font-size:.88rem; }
.satir code{ font-family:inherit; font-weight:600; font-variant-numeric:tabular-nums; }
.satir .tur{ color:var(--murekkep-3); font-size:.8rem; display:block; }
.cip{ display:inline-flex; align-items:center; gap:6px; font-size:.76rem; font-weight:600; border-radius:999px; padding:3px 10px; white-space:nowrap; }
.cip::before{ content:''; width:6px; height:6px; border-radius:50%; background:currentColor; }
.cip.yesil{ background:var(--yesil-yumus); color:var(--yesil); }
.cip.sari{ background:var(--sari-yumus); color:var(--sari); }
.cip.vurgu{ background:var(--vurgu-yumus); color:var(--vurgu-koyu); }
.cip.gri{ background:var(--zemin-3); color:var(--murekkep-2); }
@media (max-width:760px){ .pencere-govde{ grid-template-columns:1fr; } .pencere-yan{ display:none; } .satir{ grid-template-columns:1fr auto; } .satir .ortasi{ display:none; } }

/* ── Kazanç şeridi ── */
.seritler{ display:grid; grid-template-columns:repeat(4,1fr); gap:0; border:1px solid var(--cizgi); border-radius:var(--r); margin-top:64px; background:#fff; }
.seritler div{ padding:22px 22px; border-right:1px solid var(--cizgi); }
.seritler div:last-child{ border-right:none; }
.seritler b{ display:block; font-size:1.55rem; letter-spacing:-.02em; }
.seritler span{ font-size:.86rem; color:var(--murekkep-2); }
@media (max-width:760px){ .seritler{ grid-template-columns:1fr 1fr; } .seritler div:nth-child(2){ border-right:none; } .seritler div:nth-child(-n+2){ border-bottom:1px solid var(--cizgi); } }

/* ── Dosyanın yolculuğu ── */
.yolculuk{ display:grid; gap:14px; }
.durak{ display:grid; grid-template-columns:220px 1fr; gap:32px; background:#fff; border:1px solid var(--cizgi); border-radius:var(--r-buyuk); padding:28px 30px; }
.durak-sol{ display:flex; flex-direction:column; gap:10px; }
.durak-no{ font-size:.78rem; font-weight:600; color:var(--murekkep-3); font-variant-numeric:tabular-nums; }
.durak-sol h3{ font-size:1.3rem; }
.durak-dert{ font-size:.92rem; color:var(--murekkep-2); }
.durak-dert::before{ content:'“'; } .durak-dert::after{ content:'”'; }
.durak-sag ul{ list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:14px 28px; }
.durak-sag li{ display:flex; gap:11px; font-size:.95rem; color:var(--murekkep-2); }
.durak-sag li b{ color:var(--murekkep); font-weight:600; display:block; }
.tik{ flex:none; width:20px; height:20px; border-radius:50%; background:var(--yesil-yumus); color:var(--yesil); display:grid; place-items:center; margin-top:2px; }
.tik svg{ width:12px; height:12px; }
@media (max-width:860px){ .durak{ grid-template-columns:1fr; gap:18px; padding:24px 20px; } .durak-sag ul{ grid-template-columns:1fr; } }

/* ── Ödeme akışı ── */
.odeme-izgara{ display:grid; grid-template-columns:1fr 1.1fr; gap:56px; align-items:center; }
@media (max-width:900px){ .odeme-izgara{ grid-template-columns:1fr; gap:36px; } }
.odeme-maddeler{ list-style:none; display:grid; gap:16px; margin-top:28px; }
.odeme-maddeler li{ display:flex; gap:12px; color:var(--murekkep-2); }
.odeme-maddeler b{ color:var(--murekkep); }
.adimlar-kart{ background:#fff; border:1px solid var(--cizgi); border-radius:var(--r-buyuk); box-shadow:var(--golge); padding:24px 24px 18px; }
.adimlar-bas{ display:flex; justify-content:space-between; align-items:center; gap:12px; padding-bottom:16px; border-bottom:1px solid var(--cizgi); margin-bottom:6px; }
.adimlar-bas b{ display:block; } .adimlar-bas small{ color:var(--murekkep-3); font-size:.82rem; }
.adimlar-bas .tutar{ font-size:1.25rem; font-weight:700; letter-spacing:-.02em; white-space:nowrap; }
.adim-satir{ display:grid; grid-template-columns:26px 1fr auto; gap:12px; align-items:center; padding:11px 0; font-size:.92rem; position:relative; }
.adim-satir .nokta{ width:22px; height:22px; border-radius:50%; border:1.5px solid var(--cizgi-2); display:grid; place-items:center; background:#fff; position:relative; z-index:1; }
.adim-satir.tamam .nokta{ background:var(--yesil); border-color:var(--yesil); color:#fff; }
.adim-satir.tamam .nokta svg{ width:12px; height:12px; }
.adim-satir.sirada .nokta{ border-color:var(--vurgu); box-shadow:0 0 0 4px var(--vurgu-yumus); }
.adim-satir.sirada .nokta::after{ content:''; width:8px; height:8px; border-radius:50%; background:var(--vurgu); }
.adim-satir:not(:last-child)::before{ content:''; position:absolute; left:10.5px; top:34px; bottom:-12px; width:1.5px; background:var(--cizgi); }
.adim-satir.tamam:not(:last-child)::before{ background:var(--yesil); opacity:.35; }
.adim-satir small{ color:var(--murekkep-3); font-size:.78rem; }
.adim-satir.bekliyor{ color:var(--murekkep-3); }

/* ── Kart ızgarası (yan özellikler) ── */
.kartlar{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
@media (max-width:900px){ .kartlar{ grid-template-columns:1fr 1fr; } }
@media (max-width:600px){ .kartlar{ grid-template-columns:1fr; } }
.kart{ background:#fff; border:1px solid var(--cizgi); border-radius:var(--r); padding:22px; }
.kart-ikon{ width:38px; height:38px; border-radius:10px; background:var(--zemin-3); color:var(--murekkep); display:grid; place-items:center; margin-bottom:14px; }
.kart-ikon svg{ width:19px; height:19px; }
.kart h3{ font-size:1.02rem; letter-spacing:-.01em; margin-bottom:6px; }
.kart p{ font-size:.92rem; color:var(--murekkep-2); }

/* ── Yapay zekâ (yakında) ── */
.yz{ display:grid; grid-template-columns:1.2fr 1fr; gap:40px; align-items:center; border:1px dashed var(--cizgi-2); border-radius:var(--r-buyuk); padding:40px; background:linear-gradient(180deg,#fff, var(--zemin-2)); }
@media (max-width:860px){ .yz{ grid-template-columns:1fr; padding:28px 20px; } }
.yakinda{ display:inline-block; font-size:.74rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--sari); background:var(--sari-yumus); padding:4px 10px; border-radius:999px; margin-bottom:14px; }
.yz h2{ font-size:clamp(1.6rem,2.8vw,2.1rem); }
.yz ul{ list-style:none; display:grid; gap:10px; }
.yz li{ background:#fff; border:1px solid var(--cizgi); border-radius:12px; padding:12px 14px; font-size:.92rem; color:var(--murekkep-2); }
.yz li b{ color:var(--murekkep); }

/* ── Güven ── */
.guven{ display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
@media (max-width:860px){ .guven{ grid-template-columns:1fr; gap:22px; } }
.guven h3{ font-size:1.05rem; margin-bottom:6px; display:flex; gap:10px; align-items:center; }
.guven h3 svg{ width:18px; height:18px; color:var(--yesil); flex:none; }
.guven p{ color:var(--murekkep-2); font-size:.94rem; }

/* ── Başlangıç adımları ── */
.basla{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; counter-reset:b; }
@media (max-width:860px){ .basla{ grid-template-columns:1fr; } }
.basla div{ border-top:2px solid var(--murekkep); padding-top:18px; counter-increment:b; }
.basla div::before{ content:counter(b); font-size:.82rem; font-weight:700; color:var(--vurgu); display:block; margin-bottom:8px; }
.basla h3{ font-size:1.08rem; margin-bottom:6px; }
.basla p{ color:var(--murekkep-2); font-size:.94rem; }

/* ── Fiyat kartları (fiyat_kartlari_bas işaretlemesi) ── */
.fiyat-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; align-items:stretch; }
@media (max-width:900px){ .fiyat-grid{ grid-template-columns:1fr; max-width:460px; margin:0 auto; } }
.fiyat-kart{ background:#fff; border:1px solid var(--cizgi); border-radius:var(--r-buyuk); padding:28px 24px 24px; display:flex; flex-direction:column; position:relative; }
.fiyat-kart.one-cikan{ border:1.5px solid var(--murekkep); box-shadow:var(--golge); }
.fiyat-kart.one-cikan::before{ content:'En çok tercih edilen'; position:absolute; top:-12px; left:24px; background:var(--murekkep); color:#fff; font-size:.72rem; font-weight:600; padding:3px 10px; border-radius:999px; }
.fiyat-ad{ font-weight:700; font-size:1.05rem; }
.fiyat-aciklama{ font-size:.88rem; color:var(--murekkep-2); margin:4px 0 20px; min-height:42px; }
.fiyat-tutar{ font-size:2.3rem; font-weight:700; letter-spacing:-.03em; line-height:1; }
.fiyat-tutar small{ font-size:.84rem; font-weight:500; color:var(--murekkep-3); letter-spacing:0; }
.fiyat-alt-not{ font-size:.8rem; color:var(--murekkep-3); margin:10px 0 20px; line-height:1.5; }
.fiyat-madde{ list-style:none; display:grid; gap:9px; margin-bottom:24px; flex:1; padding-top:18px; border-top:1px solid var(--cizgi); }
.fiyat-madde li{ display:flex; gap:9px; font-size:.9rem; color:var(--murekkep-2); }
.fiyat-madde svg{ color:var(--yesil); flex:none; margin-top:5px; }
.fiyat-kart .btn{ display:flex; justify-content:center; font-weight:600; font-size:.94rem; padding:12px 18px; border-radius:10px; border:1px solid var(--cizgi-2); transition:background .15s, border-color .15s; }
.fiyat-kart .btn-birincil{ background:var(--vurgu); color:#fff; border-color:var(--vurgu); }
.fiyat-kart .btn-birincil:hover{ background:var(--vurgu-koyu); }
.fiyat-kart .btn-ikincil:hover{ border-color:var(--murekkep-3); }
.fiyat-dip{ text-align:center; font-size:.86rem; color:var(--murekkep-3); margin-top:22px; }
.fiyat-dip a{ color:var(--vurgu); font-weight:600; }

/* ── SSS ── */
.sss{ max-width:780px; margin:0 auto; border-top:1px solid var(--cizgi); }
.sss details{ border-bottom:1px solid var(--cizgi); }
.sss summary{ list-style:none; cursor:pointer; padding:20px 36px 20px 0; font-weight:600; position:relative; }
.sss summary::-webkit-details-marker{ display:none; }
.sss summary::after{ content:'+'; position:absolute; right:4px; top:16px; font-size:1.4rem; font-weight:400; color:var(--murekkep-3); transition:transform .2s; }
.sss details[open] summary::after{ transform:rotate(45deg); }
.sss details > div{ padding:0 0 20px; color:var(--murekkep-2); font-size:.96rem; }
.sss a{ color:var(--vurgu); font-weight:500; }

/* ── Son çağrı ── */
.son{ text-align:center; padding:96px 0; }
.son h2{ margin:0 auto; }
.son .bolum-giris{ margin-left:auto; margin-right:auto; }
.son .hero-dugmeler{ margin-top:30px; }

/* ── Alt bilgi ── */
.alt{ border-top:1px solid var(--cizgi); background:var(--zemin-2); padding:56px 0 28px; }
.alt-ic{ max-width:var(--en); margin:0 auto; padding:0 24px; display:grid; grid-template-columns:2fr 1fr 1fr; gap:32px; }
@media (max-width:700px){ .alt-ic{ grid-template-columns:1fr 1fr; } .alt-marka{ grid-column:1 / -1; } }
.alt-marka p{ color:var(--murekkep-3); font-size:.9rem; max-width:320px; margin-top:12px; }
.alt-sutun{ display:flex; flex-direction:column; gap:9px; font-size:.9rem; color:var(--murekkep-2); }
.alt-sutun b{ color:var(--murekkep); font-size:.84rem; margin-bottom:2px; }
.alt-sutun a:hover{ color:var(--murekkep); }
.alt-sutun small{ font-size:.72rem; color:var(--sari); }
.alt-not{ max-width:var(--en); margin:40px auto 0; padding:20px 24px 0; border-top:1px solid var(--cizgi); font-size:.82rem; color:var(--murekkep-3); }

/* ── Görünme animasyonu (sayfa_son betiği .gizli'ye .gorunur ekler) ── */
.gizli{ opacity:0; transform:translateY(12px); transition:opacity .5s ease, transform .5s ease; }
.gizli.gorunur{ opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){ .gizli{ opacity:1; transform:none; transition:none; } html{ scroll-behavior:auto; } }

/* ════════════════════════════════════════════════════════════════════════
   ALT SAYFALAR (03.11.2026 taşıma). Eski sayfaların işaretlemesi (hero, icerik,
   etiket, bolum-alt, ozellik, kasa, yol/adim, sss-madde, son-cta, btn) yeni
   görünüme burada bağlanır; sayfaların HTML'ini baştan yazmak gerekmedi.
   ════════════════════════════════════════════════════════════════════════ */
:root{
  /* stil.css jeton adlarının takma adları: sipariş ve davet sayfasının bileşenleri bunlarla yazılı */
  --bg:#ffffff; --bg-2:var(--zemin-2); --bg-3:var(--zemin-3);
  --panel:var(--zemin-2); --panel-2:#ffffff;
  --line:var(--cizgi); --line-2:var(--cizgi-2);
  --ink:var(--murekkep); --ink-2:var(--murekkep-2); --ink-3:var(--murekkep-3);
  --accent:var(--vurgu); --accent-2:var(--vurgu-koyu); --accent-parlak:var(--vurgu); --accent-yumus:var(--vurgu-yumus);
  --gold:var(--sari); --gold-yumus:var(--sari-yumus);
  --sage:var(--yesil); --sage-yumus:var(--yesil-yumus);
  --radius:var(--r);
}
body.yeni > header.hero{ padding:64px 24px 8px; }
body.yeni > header.hero h1{ font-size:clamp(2.1rem,5vw,3.4rem); }
.hero h1 em, h2 em{ font-style:normal; color:var(--vurgu); }
.hero-rozet .nokta{ width:7px; height:7px; border-radius:50%; background:var(--yesil); margin-left:6px; }
.hero-rozet.sari{ color:var(--sari); background:var(--sari-yumus); border-color:transparent; }
.hero-rozet.sari .nokta{ background:var(--sari); }
body.yeni > section{ padding:88px 0; }
body.yeni > section:nth-of-type(even):not(.son-cta){ background:var(--zemin-2); border-top:1px solid var(--cizgi); border-bottom:1px solid var(--cizgi); }
@media (max-width:700px){ body.yeni > section{ padding:64px 0; } }
.icerik{ max-width:var(--en); margin:0 auto; padding:0 24px; }
@media (max-width:600px){ .icerik{ padding:0 16px; } }
.etiket{ display:block; font-size:.8rem; font-weight:600; color:var(--vurgu); margin-bottom:12px; }
.bolum-alt{ font-size:1.08rem; color:var(--murekkep-2); max-width:660px; margin:14px 0 44px; }
.cta-grup{ display:flex; gap:12px; flex-wrap:wrap; margin-top:30px; }
.hero .cta-grup, .son-cta .cta-grup{ justify-content:center; }
.cta-not{ font-size:.86rem; color:var(--murekkep-3); margin-top:14px; }
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; font:inherit; font-weight:600; font-size:.96rem; padding:13px 22px; border-radius:11px; border:1px solid transparent; transition:background .15s, border-color .15s; }
.btn-birincil{ background:var(--vurgu); color:#fff; }
.btn-birincil:hover{ background:var(--vurgu-koyu); }
.btn-ikincil{ background:#fff; color:var(--murekkep); border-color:var(--cizgi-2); }
.btn-ikincil:hover{ border-color:var(--murekkep-3); }
@media (max-width:600px){ .hero .cta-grup .btn, .son-cta .cta-grup .btn{ width:100%; } }
.ozellikler{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
@media (max-width:900px){ .ozellikler{ grid-template-columns:1fr 1fr; } }
@media (max-width:600px){ .ozellikler{ grid-template-columns:1fr; } }
.ozellik{ background:#fff; border:1px solid var(--cizgi); border-radius:var(--r); padding:22px; }
.ozellik-ikon{ width:38px; height:38px; border-radius:10px; background:var(--zemin-3); color:var(--murekkep); display:grid; place-items:center; margin-bottom:14px; }
.ozellik-ikon svg{ width:19px; height:19px; }
.ozellik h3{ font-size:1.02rem; letter-spacing:-.01em; margin-bottom:6px; }
.ozellik p{ font-size:.92rem; color:var(--murekkep-2); }
.kasa{ background:#fff; border:1px solid var(--cizgi); border-radius:var(--r-buyuk); padding:40px clamp(20px,4vw,44px); }
.kasa .bolum-alt{ margin-bottom:32px; }
.kasa-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
@media (max-width:860px){ .kasa-grid{ grid-template-columns:1fr; gap:20px; } }
.kasa-madde h3{ font-size:1.02rem; margin-bottom:6px; display:flex; gap:10px; align-items:center; }
.kasa-madde h3 svg{ color:var(--yesil); flex:none; }
.kasa-madde p{ color:var(--murekkep-2); font-size:.93rem; }
.yol{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.yol.dortlu{ grid-template-columns:repeat(4,1fr); }
@media (max-width:1000px){ .yol.dortlu{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:760px){ .yol, .yol.dortlu{ grid-template-columns:1fr; } }
.adim{ border-top:2px solid var(--murekkep); padding-top:18px; }
.adim-no{ font-size:.8rem; font-weight:700; color:var(--vurgu); margin-bottom:8px; }
.adim h3{ font-size:1.06rem; margin-bottom:6px; }
.adim p{ color:var(--murekkep-2); font-size:.93rem; }
.adim.simdi{ border-top-color:var(--vurgu); }
.adim.simdi .adim-no::after{ content:' · şu an buradayız'; color:var(--murekkep-3); font-weight:500; }
.sss-madde{ border-bottom:1px solid var(--cizgi); }
.sss-madde:first-child{ border-top:1px solid var(--cizgi); }
.sss-madde summary{ list-style:none; cursor:pointer; padding:20px 36px 20px 0; font-weight:600; position:relative; }
.sss-madde summary::-webkit-details-marker{ display:none; }
.sss-madde summary::after{ content:'+'; position:absolute; right:4px; top:16px; font-size:1.4rem; font-weight:400; color:var(--murekkep-3); transition:transform .2s; }
.sss-madde[open] summary::after{ transform:rotate(45deg); }
.sss-cevap{ padding:0 0 20px; color:var(--murekkep-2); font-size:.96rem; }
.sss-cevap a{ color:var(--vurgu); font-weight:500; }
body.yeni .sss{ max-width:820px; margin:0; border-top:none; }
.son-cta{ text-align:center; }
.son-cta h2, .son-cta .bolum-alt{ margin-left:auto; margin-right:auto; }
.son-cta .etiket{ text-align:center; }
.fiyat-kdv-not{ text-align:center; font-size:.86rem; color:var(--murekkep-3); margin-top:22px; }
.fiyat-kdv-not a{ color:var(--vurgu); font-weight:600; }
.kasa .fiyat-madde{ border-top:none; padding-top:0; }
.mono{ font-family:ui-monospace,Consolas,monospace; }
body.yeni > nav.kirinti + header.hero, body.yeni > nav.kirinti + section{ padding-top:40px; }

/* ── Sipariş (/siparis/): stil.css'ten taşındı, eski jeton adları aşağıdaki takma adlarla çalışır ── */
.siparis-bolum{ padding-top:clamp(40px,6vh,64px); }
.siparis-baslik{ font-size:clamp(2rem,4vw,2.8rem); line-height:1.1; margin-bottom:12px; }
.siparis-bolum .bolum-alt{ margin-bottom:34px; }
.siparis-izgara{ display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:32px; align-items:start; }
.siparis-izgara[hidden]{ display:none; }
@media (max-width:920px){ .siparis-izgara{ grid-template-columns:1fr; } .sp-ozet{ position:static; } }

.sp-adim{ border:1px solid var(--line); border-radius:var(--radius); background:var(--panel-2); padding:22px 22px 18px; margin-bottom:18px; }
.sp-adim[hidden]{ display:none; }
.sp-adim legend{ display:flex; align-items:center; gap:10px; font-weight:700; font-size:1rem; padding:0 6px; margin-left:-6px; }
.sp-no{ display:inline-grid; place-items:center; width:24px; height:24px; border-radius:50%; background:var(--accent-yumus); color:var(--accent-parlak); font-size:.78rem; font-weight:700; }

.sp-planlar{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:6px; }
@media (max-width:620px){ .sp-planlar{ grid-template-columns:1fr; } }
.sp-plan input, .sp-donem input{ position:absolute; opacity:0; pointer-events:none; }
.sp-plan-kutu{ display:flex; flex-direction:column; gap:3px; height:100%; padding:14px 14px 13px; border:1.5px solid var(--line-2); border-radius:12px; cursor:pointer; transition:border-color .15s, background .15s; }
.sp-plan-kutu:hover{ border-color:var(--ink-3); }
.sp-plan input:checked + .sp-plan-kutu{ border-color:var(--accent); background:var(--accent-yumus); box-shadow:0 0 0 1px var(--accent) inset; }
.sp-plan input:focus-visible + .sp-plan-kutu{ outline:2px solid var(--accent); outline-offset:2px; }
.sp-plan-ad{ font-weight:700; }
.sp-plan-fiyat{ font-size:.86rem; color:var(--ink); }
.sp-plan-not{ font-size:.76rem; color:var(--ink-3); }

.sp-donem{ display:inline-flex; gap:4px; margin-top:14px; padding:4px; border-radius:12px; background:var(--bg-3); }
.sp-donem[hidden]{ display:none; }
.sp-donem label span{ display:block; padding:8px 16px; border-radius:9px; font-size:.88rem; font-weight:600; color:var(--ink-2); cursor:pointer; transition:background .15s, color .15s; }
.sp-donem input:checked + span{ background:var(--panel-2); color:var(--ink); box-shadow:0 1px 4px rgba(57,56,47,.14); }
.sp-donem input:focus-visible + span{ outline:2px solid var(--accent); }
.sp-donem em{ font-style:normal; font-size:.72rem; font-weight:700; color:var(--sage); margin-left:4px; }
.sp-donem.kucuk{ margin:2px 0 14px; }

.sp-satir{ display:grid; gap:12px; margin-bottom:12px; }
.sp-satir.iki{ grid-template-columns:1fr 1fr; }
.sp-satir[hidden]{ display:none; }
@media (max-width:620px){ .sp-satir.iki{ grid-template-columns:1fr; } }
.sp-alan{ display:flex; flex-direction:column; gap:5px; font-size:.82rem; font-weight:600; color:var(--ink-2); }
.sp-alan input, .sp-alan textarea{ font:inherit; font-size:.95rem; font-weight:400; color:var(--ink); background:var(--bg); border:1px solid var(--line-2); border-radius:10px; padding:11px 12px; width:100%; transition:border-color .15s, box-shadow .15s; }
.sp-alan textarea{ resize:vertical; min-height:64px; }
.sp-alan input:focus, .sp-alan textarea:focus{ outline:none; border-color:var(--accent); box-shadow:0 0 0 3px rgba(176,82,47,.14); }
.sp-alan small{ font-weight:400; font-size:.74rem; color:var(--ink-3); }
.sp-tuzak{ position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.sp-onay{ display:flex; gap:10px; align-items:flex-start; font-size:.82rem; color:var(--ink-2); margin-top:4px; cursor:pointer; }
.sp-onay input{ margin-top:3px; accent-color:var(--accent); width:16px; height:16px; flex:none; }

.sp-hata{ background:#fbeae6; border:1px solid #e9b8a8; color:#8d2f17; border-radius:10px; padding:10px 14px; font-size:.88rem; margin-bottom:14px; }
.sp-gonder{ width:100%; font-size:1rem; padding:16px 28px; }
.sp-gonder:disabled{ opacity:.65; cursor:wait; transform:none; }
.sp-dipnot{ text-align:center; font-size:.78rem; color:var(--ink-3); margin-top:10px; }

.sp-ozet{ position:sticky; top:90px; }
.sp-ozet-kart{ border:1px solid var(--line); border-radius:var(--radius); background:var(--panel); padding:22px; }
.sp-ozet-baslik{ font-size:.74rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3); margin-bottom:6px; }
.sp-ozet-plan{ font-size:1.35rem; font-weight:600; margin-bottom:14px; }
.sp-ozet-tablo{ display:grid; grid-template-columns:1fr auto; gap:6px 12px; font-size:.9rem; padding:14px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-bottom:16px; }
.sp-ozet-tablo[hidden]{ display:none; }
.sp-ozet-tablo dt{ color:var(--ink-2); }
.sp-ozet-tablo dd{ text-align:right; font-variant-numeric:tabular-nums; }
.sp-ozet-tablo .toplam{ font-weight:700; color:var(--ink); font-size:1.02rem; padding-top:6px; }
.sp-ozet-madde{ list-style:none; display:grid; gap:7px; font-size:.84rem; color:var(--ink-2); }
.sp-ozet-madde li{ display:flex; gap:8px; align-items:flex-start; }
.sp-ozet-madde svg{ color:var(--sage); margin-top:4px; flex:none; }
.sp-ozet-not{ font-size:.8rem; color:var(--ink-3); margin-top:12px; text-align:center; }
.sp-ozet-not a{ color:var(--accent-parlak); font-weight:600; }

.sp-sonuc{ max-width:640px; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel-2); padding:32px clamp(20px,4vw,40px); box-shadow:var(--golge); outline:none; }
.sp-sonuc-ikon{ width:44px; height:44px; border-radius:50%; display:grid; place-items:center; background:var(--sage-yumus); color:var(--sage); font-size:1.3rem; font-weight:700; margin-bottom:14px; }
.sp-sonuc h2{ font-size:1.8rem; margin-bottom:10px; }
.sp-sonuc h3{ font-size:1rem; margin:22px 0 10px; }
.sp-sonuc p{ color:var(--ink-2); }
.sp-sonuc code{ font-family:ui-monospace,Consolas,monospace; font-size:.86rem; background:var(--bg-3); padding:2px 7px; border-radius:6px; word-break:break-all; }
.sp-havale{ display:grid; grid-template-columns:auto 1fr; gap:8px 16px; align-items:center; font-size:.92rem; background:var(--bg); border:1px solid var(--line); border-radius:12px; padding:16px 18px; }
.sp-havale dt{ color:var(--ink-3); font-size:.82rem; }
.sp-kopya{ font:inherit; font-size:.74rem; font-weight:600; color:var(--accent-parlak); background:none; border:1px solid var(--line-2); border-radius:7px; padding:2px 9px; cursor:pointer; margin-left:6px; }
.sp-kutu{ background:var(--gold-yumus); border-radius:10px; padding:12px 14px; font-size:.9rem; margin-bottom:10px; }
.sp-adimlar{ margin:22px 0 6px; padding-left:20px; display:grid; gap:10px; color:var(--ink-2); font-size:.92rem; }
.sp-adimlar b{ color:var(--ink); }
.sp-kucuk{ font-size:.82rem; margin-top:16px; }

/* Fiyat sayfası "Bütün planlarda" listesi iki sütunlu (satır içi columns:2); ızgara onu bozar. */
.kasa .fiyat-madde{ display:block; margin-bottom:0; }
.kasa .fiyat-madde li{ margin-bottom:10px; break-inside:avoid; }
@media (max-width:600px){ .kasa .fiyat-madde{ columns:1 !important; } }
/* Açıklama paragrafı olmayan başlık doğrudan ızgaraya bitişiyordu. */
.icerik > h2 + .yol, .icerik > h2 + .ozellikler, .icerik > h2 + .kasa-grid, .icerik > h2 + .sss{ margin-top:36px; }