/* Noir Termos · site stili (yön B · Gece, açık tema: kömür mürekkep, fildişi kâğıt, pirinç vurgu; Fraunces + Inter). Tokenlar :root'ta; renk yalnız token üzerinden. Hareket: tek eğri, üç süre, yalnız transform/opacity. */
@font-face{font-family:'Fraunces';src:url(../fonts/fraunces-latin.woff2) format('woff2');font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fraunces';src:url(../fonts/fraunces-latin-ext.woff2) format('woff2');font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Fraunces';src:url(../fonts/fraunces-italik-latin.woff2) format('woff2');font-weight:400 600;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fraunces';src:url(../fonts/fraunces-italik-latin-ext.woff2) format('woff2');font-weight:400 600;font-style:italic;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Inter';src:url(../fonts/inter.woff2) format('woff2');font-weight:400 700;font-style:normal;font-display:swap}

:root{
  --krem:#F2EDE3;--beyaz:#FBF8F2;--lac:#141414;--kum:#7D5A24;--pirinc:#7D5A24;--ikincil:#4A4740;--ucuncul:#6B665C;--sicak:#9E4318;--soguk:#1F6A99;--cam:color-mix(in srgb,var(--beyaz) 72%,transparent);
  --cizgi:#E2DBCE;--cizgi-koyu:#BDB4A3;--hata:#9A2F2F;--olumlu:#1F5E3A;
  --ton:#E2E1D3;--ton-oran:14%;--zemin-ton:color-mix(in oklab,var(--ton) var(--ton-oran),var(--krem));
  --f-baslik:'Fraunces','Iowan Old Style',Georgia,serif;--f-govde:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --egri:cubic-bezier(.2,.7,.2,1);--hizli:200ms;--orta:450ms;--yavas:900ms;
  --kap:1200px;--kenar:clamp(16px,4vw,48px);--ust-h:60px;
  --odak:0 0 0 3px var(--krem),0 0 0 5px var(--lac);
  --yuvarlak:14px;--hap:999px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--ust-h) + 12px)}
body{margin:0;background:var(--krem);color:var(--lac);font:16px/1.55 var(--f-govde);font-feature-settings:'kern','liga';overflow-x:clip}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
:focus-visible{outline:0;box-shadow:var(--odak);border-radius:4px}
.kap{width:min(var(--kap),100% - 2*var(--kenar));margin-inline:auto}
.gorsel-gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:12px;top:-60px;background:var(--lac);color:#fff;padding:10px 14px;border-radius:8px;z-index:200}
.atla:focus{top:12px}
.ince{color:var(--ikincil)}
.govde{font-size:18px;line-height:1.6;max-width:56ch}
.tnum{font-variant-numeric:tabular-nums}

/* ---------- başlıklar ---------- */
.baslik{font-family:var(--f-baslik);font-weight:560;font-optical-sizing:auto;letter-spacing:-.02em;line-height:1.05;text-wrap:balance}
.baslik em,.baslik i{font-style:italic;font-weight:400;color:var(--pirinc)}
.baslik-b{font-size:clamp(40px,6vw,72px)}
.baslik-o{font-size:clamp(30px,4vw,44px)}
.giris{font-family:var(--f-govde);font-weight:400;font-size:clamp(16.5px,1.6vw,19px);line-height:1.5;color:var(--ikincil);max-width:46ch;text-wrap:pretty}
.italik{font-family:var(--f-baslik);font-style:italic;font-weight:500}

/* ---------- düğmeler ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 28px;border-radius:var(--hap);
  background:var(--lac);color:#fff;font-weight:600;font-size:17px;text-decoration:none;border:1.5px solid var(--lac);
  transition:transform var(--hizli) var(--egri),background var(--hizli) var(--egri)}
.btn:hover{background:#2A2A2A}
.btn:active{transform:scale(.98)}
.btn[disabled],.btn[aria-busy=true]{opacity:.6;cursor:default}
.btn-cizgi{background:transparent;color:var(--lac)}
.btn-ikincil{background:color-mix(in srgb,var(--lac) 7%,var(--beyaz));border-color:transparent;color:var(--lac)}
.btn-ikincil:hover{background:color-mix(in srgb,var(--lac) 12%,var(--beyaz))}
.btn-cizgi:hover{background:rgba(15,23,42,.06)}
.btn-tam{width:100%}
.btn-buyuk{min-height:58px;font-size:18px}
.btn-kucuk{min-height:40px;padding:8px 18px;font-size:15px}
.btn-tutar{margin-left:auto;font-weight:500;opacity:.85}
.baglanti{text-decoration:underline;text-underline-offset:3px}

/* ---------- üst bar ---------- */
.ustbar{position:relative;z-index:31;overflow:hidden;background:var(--lac);color:var(--krem);font-size:13px;letter-spacing:.01em}
.ustbar-serit{display:flex;width:max-content;animation:kay calc(var(--n) * 7s) linear infinite}
.ustbar:hover .ustbar-serit{animation-play-state:paused}
.ustbar-grup{display:flex;flex:none}
.ustbar-grup span{display:inline-flex;align-items:center;gap:.5rem;padding:9px 28px;white-space:nowrap}
.ustbar-grup span::after{content:"◆";margin-left:28px;font-size:.5rem;opacity:.5}
@keyframes kay{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ustbar-serit{animation:none}.ustbar-grup[aria-hidden]{display:none}}
.ust{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--krem) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--cizgi)}
.ust-ic{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--ust-h)}
.ust-dugme{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;position:relative}
.ust-dugme:hover{background:rgba(15,23,42,.06)}
.ust-nav{display:none;gap:22px;font-size:15px}
.ust-nav a{text-decoration:none;color:var(--ikincil)}
.ust-nav a:hover{color:var(--lac)}
.logo{display:inline-flex;justify-self:center}
.logo-isaret{height:28px;width:auto}
.ust-sag{display:flex;justify-content:flex-end;align-items:center;gap:6px}
.ust-bag{display:none;font-size:15px;color:var(--ikincil);text-decoration:none;margin-right:10px}
.sepet-sayi{position:absolute;top:4px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--lac);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;transition:transform var(--hizli) var(--egri)}
.sepet-sayi.zipla{animation:zipla var(--orta) var(--egri)}
@keyframes zipla{40%{transform:scale(1.35)}}
.ust-sade .ust-ic{grid-template-columns:1fr auto 1fr}
.ust-geri{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:15px}
.guvenli{justify-self:end;display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--ikincil)}
@media(min-width:900px){.ust-menu{display:none}.ust-nav{display:flex}.ust-bag{display:inline}.ust-ic{grid-template-columns:1fr auto 1fr}}

/* ---------- renk noktası (menü, sepet, 404) ---------- */
.renk-sira{display:flex;gap:10px;flex-wrap:wrap}
.renk-sira-orta{justify-content:center}
.renk-nokta{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer}
.renk-nokta i{width:30px;height:30px;border-radius:50%;background:var(--renk);box-shadow:inset 0 0 0 1px rgba(15,23,42,.12);transition:transform var(--hizli) var(--egri)}
.renk-nokta input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.renk-nokta:has(input:checked),.renk-nokta.secili{box-shadow:0 0 0 1.5px var(--lac)}
.renk-nokta:has(input:checked) i{transform:scale(.82)}
.renk-nokta:has(input:focus-visible){box-shadow:var(--odak)}
.renk-nokta.yok i{opacity:.35}
.renk-nokta.yok::after{content:"";position:absolute;width:34px;height:1.5px;background:var(--lac);transform:rotate(-45deg);opacity:.6}
.renk-disk{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--renk);box-shadow:inset 0 0 0 1px rgba(15,23,42,.15);vertical-align:-1px;margin-right:6px}

/* ---------- bölüm omurgası ---------- */
.bolum{padding:clamp(56px,9vw,120px) 0}
.bolum-bas{display:grid;gap:10px;margin-bottom:clamp(24px,4vw,40px);max-width:60ch}
.guven-logolar{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:22px}
.gl{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ikincil)}

/* ---------- çekmece ve pencereler ---------- */
dialog{border:0;padding:0;background:var(--beyaz);color:var(--lac);max-width:none;max-height:none}
dialog::backdrop{background:rgba(20,20,20,0);transition:background-color var(--orta) var(--egri),overlay var(--orta) allow-discrete,display var(--orta) allow-discrete}
dialog[open]::backdrop{background:rgba(20,20,20,.45)}
@starting-style{dialog[open]::backdrop{background:rgba(20,20,20,0)}}
.cekmece{position:fixed;top:0;bottom:0;margin:0;width:min(420px,92vw);height:100dvh;display:grid;grid-template-rows:auto 1fr auto;transform:translateX(100%);transition:transform var(--orta) var(--egri),display var(--orta) allow-discrete,overlay var(--orta) allow-discrete}
.cekmece-sag{right:0;left:auto}
.cekmece-sol{left:0;right:auto;transform:translateX(-100%)}
.cekmece[open]{transform:none}
.cekmece:not([open]){display:none}
@starting-style{.cekmece[open]{transform:translateX(100%)}.cekmece-sol[open]{transform:translateX(-100%)}}
.cekmece-bas{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 12px 20px;border-bottom:1px solid var(--cizgi)}
.cekmece-baslik{font-weight:600;font-size:17px}
.cekmece-govde{overflow:auto;overscroll-behavior:contain;padding:16px 20px}
.cekmece-alt{padding:14px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--cizgi);display:grid;gap:12px}
.cekmece-alt:empty{display:none}
.menu{grid-template-rows:auto minmax(0,1fr) auto}
.menu:focus{outline:none}
.menu-govde{overflow:auto;overscroll-behavior:contain;padding:18px 16px 8px;display:grid;gap:18px;align-content:start}
.menu-baslik{font:500 1.25rem/1.2 var(--f-baslik,inherit);padding:0 4px}
.menu-urunler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.menu-urun{min-width:0;display:grid;gap:6px;justify-items:center;padding:8px 6px 10px;border-radius:16px;background:var(--krem);box-shadow:inset 0 0 0 1px var(--cizgi);text-decoration:none;text-align:center;transition:box-shadow .2s var(--egri),transform .2s var(--egri)}
.menu-urun-gorsel{display:grid;place-items:end center;width:100%;min-width:0;overflow:hidden;aspect-ratio:1/1.05;border-radius:12px;background:radial-gradient(ellipse at 50% 80%,var(--beyaz),color-mix(in srgb,var(--ton,#ccc) 16%,var(--krem)))}
.menu-urun-gorsel{padding:10% 0 7%}
.menu-urun-gorsel img{height:100%;width:auto;max-width:100%;object-fit:contain}
.menu-urun-ad{font-size:13px;font-weight:600;line-height:1.2}
.menu-urun small{font-size:11.5px;color:var(--ikincil);margin-top:-4px}
.menu-urun.yok img{opacity:.55}
@media(hover:hover){.menu-urun:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--cizgi-koyu),0 12px 24px -18px rgba(20,20,20,.5)}}
.menu-urun:focus-visible{outline:none;box-shadow:var(--odak)}
.menu-paket{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.menu-paket li{display:grid;gap:2px;align-content:start;padding:10px 10px 11px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--cizgi)}
.menu-paket span{font-size:12px;color:var(--ikincil)}
.menu-paket b{font-size:14px;font-variant-numeric:tabular-nums}
.menu-paket-one{background:var(--krem);box-shadow:inset 0 0 0 1.5px var(--lac)!important}
.menu-paket li{min-width:0}
.menu-paket .kazanc{margin-top:4px;justify-self:start;white-space:normal;font-size:11.5px;padding:3px 8px}
.menu-liste{display:grid;align-content:start;border-top:1px solid var(--cizgi);margin:0 -16px;padding:6px 0}
.menu-liste a{display:flex;justify-content:space-between;align-items:center;min-height:50px;padding:0 20px;text-decoration:none;font-size:16px}
.menu-liste a:hover{background:var(--krem)}
.ust-etiket{font-size:13px;color:var(--ikincil);margin-bottom:10px}
.menu-alt{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;padding:10px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--cizgi);font-size:14.5px}
.menu-alt a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;min-height:44px}
/* Avantaj rozeti: gerçek fark, pirinç tonunda (sepet, ödeme, menü, ilk ekran) */
.kazanc{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--hap);background:#F3EBDD;color:#5E4318;font:600 12px/1.3 var(--f-govde,inherit);font-style:normal;white-space:nowrap;box-shadow:inset 0 0 0 1px #E4D4B8}
.kazanc .ikon{width:13px;height:13px}
.cekmece-bos{display:grid;gap:12px;justify-items:center;text-align:center;padding:30px 0}
.bos-isaret{width:64px;height:64px;border-radius:50%;background:var(--krem);display:grid;place-items:center;color:var(--ikincil)}
.bos-baslik{font-weight:600;font-size:18px}
.sepet-liste{display:grid;gap:14px}
.sepet-satir{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center}
.sepet-satir.yeni{animation:belir var(--orta) var(--egri)}
@keyframes belir{from{opacity:0;transform:translateY(8px)}}
.sepet-gorsel{aspect-ratio:1;border-radius:10px;background:var(--krem);display:grid;place-items:center;overflow:hidden}
.sepet-gorsel img{height:90%;width:auto}
.sepet-bilgi{display:grid;gap:4px;min-width:0}
.sepet-ad{font-size:14px;color:var(--ikincil);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sepet-tip{font-weight:600}
.sepet-alt{display:flex;justify-content:space-between;align-items:center;gap:10px}
.adet{display:inline-flex;align-items:center;border:1.5px solid var(--cizgi);border-radius:var(--hap)}
.adet button{width:36px;height:36px;display:grid;place-items:center;border-radius:50%}
.adet button[disabled]{opacity:.35;cursor:default}
.adet output{min-width:26px;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}
.sepet-tutar{font-weight:600;font-variant-numeric:tabular-nums}
.sepet-paket,.sepet-hediye{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:12px;background:var(--krem);margin-top:14px;font-size:14.5px}
.sepet-paket .ikon,.sepet-hediye .ikon{flex:none;margin-top:2px}
.sepet-paket p,.sepet-hediye p{display:grid;gap:2px}
.sepet-oneri{margin-top:14px;padding:14px;border:1px solid var(--cizgi,rgba(20,20,20,.12));border-radius:12px;font-size:14.5px;display:grid;gap:10px}
.sepet-oneri p{display:grid;gap:2px;margin:0}
.sepet-akil{margin:0 0 14px;border-color:var(--lac);background:var(--beyaz)}
.sepet-akil-dugmeler{display:flex;flex-wrap:wrap;gap:8px}
.sepet-akil-dugmeler .btn{min-height:44px;flex:1 1 0;padding-inline:12px;white-space:nowrap}
.sepet-oneri .renk-sira{display:flex;flex-wrap:wrap;gap:4px}
button.renk-nokta{border:0;padding:0;background:none;font:inherit}
button.renk-nokta:focus-visible{outline:none;box-shadow:var(--odak)}
button.renk-nokta[aria-busy=true]{opacity:.5}
.sepet-toplam{display:grid;gap:6px;font-size:15px}
.sepet-toplam div{display:flex;justify-content:space-between}
.ucretsiz{color:var(--olumlu);font-weight:600}
.pencere{position:fixed;inset:0;margin:auto;width:min(680px,92vw);max-height:88dvh;border-radius:18px;overflow:auto;overscroll-behavior:contain;padding:28px;opacity:0;transform:translateY(12px) scale(.98);transition:opacity var(--orta) var(--egri),transform var(--orta) var(--egri),display var(--orta) allow-discrete,overlay var(--orta) allow-discrete}
.pencere[open]{opacity:1;transform:none}
@starting-style{.pencere[open]{opacity:0;transform:translateY(12px) scale(.98)}}
.pencere-dar{width:min(440px,92vw)}
.pencere-kapat{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center}
.pencere-kapat:hover{background:var(--krem)}
.pencere-baslik{font-family:var(--f-baslik);font-weight:400;font-size:28px;letter-spacing:-.01em;margin:8px 0 6px}
.pencere-govde .giris{font-size:16px;font-family:var(--f-govde);font-weight:400;color:var(--ikincil);margin-bottom:16px}
.takip-ikon{width:52px;height:52px;border-radius:50%;background:var(--krem);display:grid;place-items:center}
.yasal{font-size:15px;line-height:1.65;color:var(--lac)}
.yasal h1,.yasal h2,.yasal h3{font-family:var(--f-baslik);font-weight:400;letter-spacing:-.01em;margin:22px 0 8px}
.yasal h1{font-size:30px;margin-top:4px}
.yasal h2{font-size:22px}
.yasal p,.yasal ul,.yasal ol{margin:0 0 12px}
.yasal ul,.yasal ol{padding-left:20px;list-style:disc}
.form{display:grid;gap:14px}
.alan{display:grid;gap:6px;font-size:14px;color:var(--ikincil)}
.alan input,.alan select,.alan textarea{min-height:48px;padding:10px 14px;border:1.5px solid var(--cizgi);border-radius:10px;font:inherit;color:var(--lac);background:var(--beyaz)}
.alan input:focus-visible{border-color:var(--lac);box-shadow:none}
.ipucu{font-size:13px;color:var(--ikincil)}
.video-sahne{position:fixed;inset:0;margin:auto;width:min(420px,94vw);background:#000;border-radius:18px;overflow:hidden}
.video-sahne-ic video{width:100%;height:auto}

/* ---------- WhatsApp, başa dön, çerez ---------- */
.wa-balon{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:30;display:inline-flex;align-items:center;gap:10px;text-decoration:none;transition:bottom var(--orta) var(--egri),opacity var(--orta) var(--egri),transform var(--orta) var(--egri)}
.wa-daire{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;box-shadow:0 10px 24px -8px rgba(18,140,74,.55),0 2px 6px rgba(15,23,42,.12);transition:transform .2s var(--egri)}
.wa-daire .ikon{width:30px;height:30px}
.wa-yazi{display:none;padding:9px 14px;border-radius:var(--hap);background:var(--beyaz);color:var(--lac);font-weight:600;font-size:14px;box-shadow:0 8px 22px -10px rgba(15,23,42,.35),inset 0 0 0 1px var(--cizgi)}
@media(hover:hover){.wa-balon:hover .wa-daire{transform:scale(1.06)}}
.wa-balon:focus-visible{outline:none}.wa-balon:focus-visible .wa-daire{box-shadow:var(--odak)}
@media(min-width:900px){.wa-yazi{display:inline}}
@media(max-width:767px){.wa-daire{width:52px;height:52px}.wa-daire .ikon{width:28px;height:28px}}
body.wa-gizli .wa-balon{opacity:0;transform:translateY(12px) scale(.9);pointer-events:none}
.siparis-git{display:none}
.cerez{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:45;max-width:560px;margin-inline:auto;background:var(--beyaz);border:1px solid var(--cizgi);border-radius:14px;padding:14px 16px;display:grid;gap:10px;font-size:14px;box-shadow:0 10px 30px rgba(15,23,42,.14)}
.cerez[hidden]{display:none}
.cerez-ek{display:block;color:var(--ikincil);margin-top:4px}
.cerez-bag{text-decoration:underline;text-underline-offset:3px}
.cerez-secim{display:grid;gap:8px}
.cerez-secim[hidden]{display:none}
.cerez-secim label{display:flex;gap:10px;align-items:flex-start}
.cerez-secim label>span{display:grid}
.cerez-secim label span span{color:var(--ikincil);font-size:13px}
.cerez-dugme{display:flex;gap:8px}
.cerez-dugme[hidden]{display:none}

/* ---------- alt ---------- */
.alt{padding:64px 0 calc(28px + env(safe-area-inset-bottom));background:var(--lac);color:#E8E3DA;font-size:14px}
.alt .logo{justify-self:start}
.alt .logo-isaret{height:34px;width:auto;filter:brightness(0) invert(1)}
.alt-ust{display:grid;gap:36px;padding-bottom:40px}
.alt-marka{display:grid;gap:16px;max-width:26rem;justify-items:start;align-content:start}
.alt-marka p{color:#B9B2A7}
.alt-ig{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#E8E3DA}
.alt-kolon{display:grid;gap:10px;align-content:start}
.alt-kolon .ust-etiket{color:#C9B48A;margin-bottom:4px}
.alt-kolon a{text-decoration:none;color:#E8E3DA}
.alt-kolon a:hover{text-decoration:underline}
.alt-kolon span{color:#B9B2A7}
.alt .guven-logolar{margin:0 0 22px;gap:10px 16px}
.alt .gl{color:#B9B2A7}
.alt .gl svg text{fill:#E8E3DA}
.alt-dip{display:grid;gap:12px;padding-top:24px;border-top:1px solid rgba(232,227,218,.14)}
.alt-yasal{display:flex;flex-wrap:wrap;gap:8px 20px}
.alt-yasal a,.alt-yasal button{color:#B9B2A7;text-decoration:none;font-size:13px}
.alt-yasal a:hover,.alt-yasal button:hover{color:#fff}
.alt-kunye{font-size:12.5px;color:#9A9389}
.alt-sade{padding-top:28px}
.alt-sade .alt-dip{border-top:0;padding-top:0}
@media(min-width:768px){.alt-ust{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}.alt-dip{grid-template-columns:1fr auto;align-items:center}}

/* ---------- genel sayfa (sade) ---------- */
.sayfa{padding:40px 0 64px;max-width:720px}
.sayfa .baslik{margin-bottom:12px}

/* ---------- özellik tablosu, uyarı ---------- */
.ozellik{margin-top:36px;border-collapse:collapse;width:100%;max-width:640px;font-size:15px}
.ozellik th,.ozellik td{text-align:left;padding:10px 0;border-bottom:1px solid var(--cizgi);vertical-align:top}
.ozellik th{font-weight:400;color:var(--ikincil);width:34%;padding-right:12px}
.hata{color:var(--hata);font-size:14px}
.hata[hidden]{display:none}

/* ---------- ortak başlık ritmi ---------- */
.ust-etiket{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--pirinc);margin-bottom:10px}
.bolum-bas{display:grid;gap:12px;margin-bottom:clamp(24px,4vw,44px);max-width:62ch}
.bolum-bas .ust-etiket{margin-bottom:0}
.bolum-bas-orta{margin-inline:auto;text-align:center;justify-items:center}
.baslik-b{font-size:clamp(38px,6.2vw,76px);line-height:1}
.giris{font-size:clamp(18px,2.1vw,23px)}
.kucuk{font-size:13.5px;line-height:1.5}
.btn-ters{background:#fff;color:var(--lac);border-color:#fff}
.btn-ters:hover{background:#EAE6DF}
.btn-cizgi-ters{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.btn-cizgi-ters:hover{background:rgba(255,255,255,.1)}

/* ---------- mağaza akışı (31.10.2026): formlar, ödeme, sipariş, takip, iade, iletişim · Vakia düzeninden, Noir tokenlarıyla ---------- */
.kap.dar{max-width:720px}
.sayfa-dar{padding-block:clamp(36px,6vw,72px);display:grid;gap:16px}
.sayfa-dar .giris{font-size:clamp(18px,2vw,21px)}
.mono{font-variant-numeric:tabular-nums;letter-spacing:.02em}
.uyari{padding:14px 16px;border-radius:var(--yuvarlak);background:#FBF1E6;color:#6B3F10;font-size:15px}
.uyari a{color:inherit}
.bilgi{display:flex;gap:8px;align-items:center;padding:12px 14px;border-radius:12px;background:#E9F2EC;color:var(--olumlu);font-size:14px;font-weight:600}
.bal{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.kutu-form{padding:22px;border-radius:18px;background:var(--beyaz);border:1px solid var(--cizgi)}
.kutu-form.form{gap:16px}
.form-izgara{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.alan{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 8px;grid-column:1 / -1;min-width:0;font-size:14px;font-weight:500;color:var(--lac)}
.alan>:is(input,textarea,select,.hata,.ipucu){flex:1 0 100%;min-width:0}
.alan .ops{font-weight:400;color:var(--ikincil)}
@media(min-width:560px){.alan:not(.alan-genis){grid-column:auto}}
.alan input,.alan textarea,.alan select{width:100%;min-height:52px;padding:14px 16px;border:1.5px solid var(--cizgi-koyu);border-radius:12px;background:var(--beyaz);color:var(--lac);font:400 16px/1.4 var(--f-govde);transition:border-color var(--hizli),box-shadow var(--hizli)}
.alan textarea{resize:vertical;min-height:84px}
.alan select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F172A' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:42px}
.alan input:hover,.alan textarea:hover,.alan select:hover{border-color:var(--ikincil)}
/* Seçim kutusu (site.js › secim; çekirdek 3 gc-cb düzeni): yerli select görünmez ama formda ve otomatik doldurmada kalır */
.secim{position:relative;width:100%}
.secim-yerli{position:absolute!important;inset:auto auto 0 0!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;opacity:0;pointer-events:none}
.secim-tetik{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:52px;padding:14px 14px 14px 16px;border:1.5px solid var(--cizgi-koyu);border-radius:12px;background:var(--beyaz);color:var(--lac);font:400 16px/1.4 var(--f-govde);text-align:left;cursor:pointer;transition:border-color var(--hizli),box-shadow var(--hizli)}
.secim-tetik:hover{border-color:var(--ikincil)}
.secim-tetik:focus-visible,.secim.acik .secim-tetik{outline:0;border-color:var(--lac);box-shadow:0 0 0 4px rgba(20,20,20,.1)}
.secim-tetik:disabled{opacity:.55;cursor:not-allowed}
.secim-tetik .ikon{flex:none;transition:transform .25s var(--egri)}
.secim.acik .secim-tetik .ikon{transform:rotate(180deg)}
.secim.hatali .secim-tetik{border-color:var(--hata)}
.secim-deger{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.secim-deger.bos{color:var(--ucuncul)}
.secim-pencere{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);border:1px solid var(--cizgi);border-radius:14px;background:var(--beyaz);box-shadow:0 24px 50px -24px rgba(20,20,20,.35);overflow:hidden;animation:secim-gir .18s var(--egri)}
.secim-pencere[hidden]{display:none}
.secim-bas{display:none}
.secim .secim-ara{width:calc(100% - 16px);box-sizing:border-box;-webkit-appearance:none;appearance:none;margin:8px 8px 0;min-height:44px;padding:10px 12px;border:1px solid var(--cizgi);border-radius:10px;background:var(--krem);font:400 16px var(--f-govde);color:var(--lac);box-shadow:none;flex:none}
.secim .secim-ara:focus,.secim .secim-ara:focus-visible{outline:0;box-shadow:none;border-color:var(--lac);background:var(--beyaz)}
.secim-ara::-webkit-search-cancel-button,.secim-ara::-webkit-search-decoration{-webkit-appearance:none;display:none}
.secim-liste{max-height:280px;overflow-y:auto;overscroll-behavior:contain;padding:6px}
.secim-sec{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px 12px;border-radius:10px;cursor:pointer}
.secim-sec:hover,.secim-sec.hi{background:var(--krem)}
.secim-sec.on{font-weight:600}
.secim-sec.on::after{content:"";width:14px;height:8px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg) translateY(-2px)}
.secim-bos{padding:18px;text-align:center;color:var(--ucuncul);font-size:14px}
@keyframes secim-gir{from{opacity:0;transform:translateY(-4px)}}
@media(max-width:767px){
  .secim-pencere{position:fixed;inset:auto 0 0;top:auto;z-index:90;max-height:min(78svh,560px);border-radius:22px 22px 0 0;border:0;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -20px 60px -20px rgba(20,20,20,.45);animation:secim-yuksel .32s var(--cekmece,var(--egri))}
  .secim.acik::before{content:"";position:fixed;inset:0;z-index:89;background:rgba(20,20,20,.4);animation:secim-sol .25s ease}
  .secim-bas{display:flex;align-items:center;justify-content:space-between;padding:14px 12px 4px 20px;font:500 19px var(--f-baslik)}
  .secim-kapat{display:grid;place-items:center;width:44px;height:44px;border-radius:50%}
  .secim-pencere{height:min(78svh,560px)}
  .secim .secim-ara{width:calc(100% - 32px);margin:8px 16px 4px}
  .secim-liste{max-height:none;padding:6px 10px calc(84px + env(safe-area-inset-bottom))}
  .secim-pencere.klavye{border-radius:22px;padding-bottom:0;transition:bottom .2s var(--egri),height .2s var(--egri)}
  .secim-pencere.klavye .secim-liste{padding-bottom:12px}   /* iOS Safari'nin yüzen alt çubuğu son satırları örtmesin */
  .secim-sec{min-height:50px;font-size:17px}
  html.secim-kilit,html.secim-kilit body{overflow:hidden}
}
@keyframes secim-yuksel{from{transform:translateY(100%)}}
/* Ödeme üst satırı dar telefonda: geri ve güven yazıları ikonla kalır, logo nefes alır */
@media(max-width:419px){.ust-geri span,.guvenli>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ust-geri,.guvenli{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}}
@keyframes secim-sol{from{opacity:0}}
@media(prefers-reduced-motion:reduce){.secim-pencere,.secim.acik::before{animation:none}}
.alan input:focus-visible,.alan textarea:focus-visible,.alan select:focus-visible{outline:0;border-color:var(--lac);box-shadow:0 0 0 4px rgba(15,23,42,.1)}
.alan [aria-invalid="true"]{border-color:var(--hata)}
.alan .hata{color:var(--hata);font-size:13px;font-weight:500}
.hata:empty{display:none}
.onay{display:flex;gap:12px;align-items:flex-start;font-size:15px;cursor:pointer}
.onay input{-webkit-appearance:none;appearance:none;flex:none;display:inline-grid;place-items:center;width:22px;height:22px;margin:1px 0 0;border:1.5px solid var(--cizgi-koyu);border-radius:7px;background:var(--beyaz);cursor:pointer;transition:background-color var(--hizli),border-color var(--hizli),transform .12s}
.onay input::after{content:'';width:11px;height:6px;margin-top:-2px;border:2px solid var(--beyaz);border-top:0;border-right:0;transform:rotate(-45deg) scale(0);transition:transform .22s cubic-bezier(.34,1.56,.64,1)}
.onay input:checked{background:var(--lac);border-color:var(--lac)}
.onay input:checked::after{transform:rotate(-45deg) scale(1)}
.onay:hover input{border-color:var(--lac)}
.onay input:focus-visible{box-shadow:var(--odak)}
.onay input:active{transform:scale(.9)}
.onay input[aria-invalid="true"]{border-color:var(--hata)}
.onay-kucuk{font-size:13.5px;color:var(--ikincil)}
.onay-kucuk a{color:var(--lac)}
.onay-kart{padding:14px 16px;border:1.5px solid var(--cizgi);border-radius:var(--yuvarlak);background:var(--beyaz);transition:border-color var(--hizli),background-color var(--hizli)}
.onay-kart:has(input:checked){border-color:var(--lac);background:var(--krem)}
.onay-kart>span{display:flex;gap:12px;align-items:flex-start}
.onay-kart>span>.ikon{flex:none;margin-top:2px}
.onay-kart span span{display:grid;gap:2px}
.onay-kart small{font-size:13px;color:var(--ikincil)}
.acilir:not([hidden]){animation:acil var(--orta) var(--egri)}
@keyframes acil{from{opacity:0;transform:translateY(-6px)}}
/* ödeme */
.odeme-sayfa{background:var(--krem)}
.odeme{padding-block:16px 64px}
.odeme-form{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
@media(min-width:990px){.odeme{padding-top:40px}.odeme-form{grid-template-columns:minmax(0,1fr) 420px;gap:48px;align-items:start}.odeme-sag{position:sticky;top:calc(var(--ust-h) + 20px)}.ozet-mobil{display:none}}
.odeme-sol{display:grid;gap:20px}
.grup{display:block;margin:0;padding:22px;border:1px solid var(--cizgi);border-radius:18px;background:var(--beyaz);min-width:0}
/* iOS Safari ızgaralı (display:grid) fieldset'te yüzen başlığı kenarlığın üstüne oturtuyordu (01.11 ekran görüntüsü); blok fieldset her tarayıcıda içeride tutar. */
.grup>*+*{margin-top:16px}
.grup legend{display:flex;align-items:center;gap:10px;float:left;width:100%;margin-bottom:22px;padding:0;font:400 24px/1.2 var(--f-baslik);letter-spacing:-.01em}
.grup legend i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--lac);color:var(--beyaz);font:600 13px/1 var(--f-govde);font-style:normal}
.grup legend+*{clear:both;margin-top:0}
.odeme-secenek{display:grid;gap:10px}
.secenek{display:block;cursor:pointer;position:relative}
.secenek input{position:absolute;opacity:0;pointer-events:none}
.secenek-ic{display:flex;align-items:center;gap:14px;padding:16px;border:1.5px solid var(--cizgi);border-radius:var(--yuvarlak);background:var(--beyaz);transition:border-color var(--hizli),box-shadow var(--hizli),background-color var(--hizli)}
.secenek:hover .secenek-ic{border-color:var(--cizgi-koyu)}
.secenek input:checked+.secenek-ic{border-color:var(--lac);box-shadow:0 0 0 1px var(--lac)}
.secenek input:focus-visible+.secenek-ic{box-shadow:var(--odak)}
.secenek-ikon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--krem);color:var(--lac);flex:none}
.secenek input:checked+.secenek-ic .secenek-ikon{background:var(--lac);color:var(--beyaz)}
.secenek-yazi{display:grid;gap:2px;flex:1;min-width:0}
.secenek-yazi small{font-size:13px;color:var(--ikincil);line-height:1.45}
.secenek-ek{font-size:13px;font-weight:600;color:var(--ikincil);white-space:nowrap}
.ozet{display:grid;gap:14px;padding:22px;border:1px solid var(--cizgi);border-radius:18px;background:var(--beyaz)}
.ozet h2{font:400 24px/1.2 var(--f-baslik);letter-spacing:-.01em}
.ozet-liste{display:grid;gap:12px}
.ozet-liste li{display:grid;grid-template-columns:60px 1fr auto;gap:12px;align-items:center}
.ozet-gorsel{position:relative;display:block;width:60px;height:60px;border-radius:12px;background:var(--krem)}
.ozet-gorsel img{width:100%;height:100%;object-fit:contain;padding:4px}
.ozet-gorsel b{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--lac);color:var(--beyaz);font:700 11px/20px var(--f-govde);text-align:center}
.ozet-ad{display:grid;font-weight:600;font-size:16px;line-height:1.25;min-width:0}
.ozet-ad small{font-weight:400;font-size:12px;color:var(--ikincil);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ozet-tutar{font-weight:600;font-size:15px;font-variant-numeric:tabular-nums}
.ozet-bas{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.ozet-duzenle{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:500;color:var(--ikincil);text-decoration:none}
.ozet-duzenle:hover{color:var(--lac)}
.ozet-paket{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ikincil);padding:12px 14px;border-radius:14px;background:var(--krem);box-shadow:inset 0 0 0 1px var(--cizgi)}
.ozet-paket-ic{display:grid;gap:6px}
.ozet-kazanc{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.ozet-kazanc small{font-size:12.5px;color:var(--ikincil)}
.sepet-kazanc{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:4px}
.fiyat-alt .kazanc{margin-right:4px}
.ozet-paket .ikon{flex:none;margin-top:3px}
.ozet-paket [data-o-satir][hidden]{display:none}
.ozet .ozet-tutarlar{padding:14px 16px;border:0;border-radius:10px;background:var(--krem)}
.ozet-onaylar{display:grid;gap:10px}
.ozet-onaylar .onay{align-items:flex-start;line-height:1.45}
.ozet-onaylar .onay-zorunlu{padding:12px 14px;border:1.5px solid var(--cizgi);border-radius:10px;background:var(--beyaz);color:var(--lac);transition:border-color var(--hizli),background-color var(--hizli)}
.ozet-onaylar .onay-zorunlu:has(input:checked){border-color:var(--olumlu);background:#E9F2EC}
.ozet-onaylar .onay:not(.onay-zorunlu){padding:0 14px}
.ozet dl{display:grid;gap:8px;margin:0}
.ozet dl div{display:flex;justify-content:space-between;gap:12px;font-size:15px}
.ozet dl div[hidden]{display:none}
.ozet dt{color:var(--ikincil)}.ozet dd{margin:0;font-weight:500;font-variant-numeric:tabular-nums}
.ozet .ozet-toplam{padding-top:10px;border-top:1px solid var(--cizgi);font-size:18px}
.ozet .ozet-toplam dt{color:var(--lac);font-weight:600}.ozet .ozet-toplam dt small{font-weight:400;font-size:12px;color:var(--ucuncul);margin-left:4px}
.ozet .ozet-toplam dd{font-weight:700}
.ozet>dl:not(.ozet-tutarlar){padding-top:14px;border-top:1px solid var(--cizgi)}
.ozet-guven{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:13px;color:var(--ikincil)}
.ozet-guven li{display:flex;gap:6px;align-items:center}
.ozet-guven .ikon{color:var(--olumlu)}
.ozet .guven-logolar{justify-content:center}
.ozet-mobil{border:1px solid var(--cizgi);border-radius:var(--yuvarlak);background:var(--beyaz)}
.ozet-mobil summary{display:flex;align-items:center;gap:8px;padding:14px 16px;font-size:14px;font-weight:500;cursor:pointer;list-style:none}
.ozet-mobil summary::-webkit-details-marker{display:none}
.ozet-mobil summary b{margin-left:auto;font-size:16px}
.ozet-mobil[open] summary .ikon-asagi{transform:rotate(180deg)}
.ozet-mobil-ic{padding:0 16px 16px}
.ozet-mobil-ic .ozet{padding:0;border:0}
.ozet-mobil-ic .ozet h2,.ozet-mobil-ic .onay,.ozet-mobil-ic .btn,.ozet-mobil-ic .ozet-guven,.ozet-mobil-ic .ipucu,.ozet-mobil-ic .hata,.ozet-mobil-ic .guven-logolar,.ozet-mobil-ic .ozet-onaylar{display:none}
/* sipariş */
.siparis{padding-block:32px 72px;display:grid;gap:20px}
.tamam-bas{display:grid;gap:12px;justify-items:center;text-align:center;padding:16px 0 8px}
.tamam-bas p{color:var(--ikincil);max-width:34rem}
.tamam-isaret{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--lac);color:var(--beyaz);animation:belir-buyu .8s var(--egri) both}
.tamam-isaret .ikon path{stroke-dasharray:30;stroke-dashoffset:30;animation:ciz .7s var(--egri) .35s forwards}
@keyframes belir-buyu{from{transform:scale(.4);opacity:0}}
@keyframes ciz{to{stroke-dashoffset:0}}
.odeme-kutu{display:grid;gap:14px;padding:22px;border-radius:18px;background:var(--beyaz);border:1.5px solid var(--lac);box-shadow:0 0 0 6px rgba(15,23,42,.06)}
.odeme-kutu h2{display:flex;align-items:center;gap:10px;font:400 24px/1.2 var(--f-baslik)}
.odeme-kutu dl{display:grid;margin:0}
.odeme-kutu dl div{display:grid;grid-template-columns:84px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--cizgi)}
.odeme-kutu dt{font-size:13px;color:var(--ucuncul)}.odeme-kutu dd{margin:0;font-weight:500;word-break:break-word}
.odeme-kutu .btn-wa .ikon{flex:none}
.odeme-bildir{display:grid;gap:12px;padding-top:6px}
.kopyala{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid var(--cizgi-koyu);border-radius:var(--hap);background:none;font-size:12px;font-weight:600;cursor:pointer;transition:background-color var(--hizli),color var(--hizli),border-color var(--hizli)}
.kopyala:hover{background:var(--lac);color:var(--beyaz);border-color:var(--lac)}
.kopyala.kopyalandi{background:var(--olumlu);border-color:var(--olumlu);color:#fff}
.kart-not{display:grid;gap:8px;font-size:15px;color:var(--ikincil)}
.kart-not li{padding-left:14px;border-left:2px solid var(--cizgi-koyu)}
.kart-not b{color:var(--lac)}
.odeme-say{margin:0;font-size:14px;color:var(--ikincil);text-align:center}
.kart-adim{display:grid;gap:14px;counter-reset:adim}
.kart-adim li{display:grid;grid-template-columns:32px 1fr;column-gap:12px;row-gap:2px;counter-increment:adim}
.kart-adim li::before{content:counter(adim);grid-row:1 / span 2;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--krem);color:var(--lac);font:700 14px/1 var(--f-govde)}
.kart-adim b{font-weight:600}
.kart-adim span{grid-column:2;font-size:14px;line-height:1.5;color:var(--ikincil)}
.btn-wa{background:#25D366;border-color:#25D366;color:#0B2E1A}
.btn-wa:hover{background:#1EBE5A}
.izle{display:grid;grid-template-columns:repeat(4,1fr);margin:8px 0}
.izle li{position:relative;display:grid;justify-items:center;gap:8px;font-size:12px;text-align:center;color:var(--ucuncul)}
.izle li span{position:relative;z-index:1;width:16px;height:16px;border-radius:50%;background:var(--krem);border:2px solid var(--cizgi-koyu)}
.izle li::before{content:'';position:absolute;top:7px;left:-50%;right:50%;height:2px;background:var(--cizgi-koyu)}
.izle li:first-child::before{display:none}
.izle li.gecti span,.izle li.simdi span{background:var(--lac);border-color:var(--lac)}
.izle li.gecti::before,.izle li.simdi::before{background:var(--lac)}
.izle li.simdi{color:var(--lac);font-weight:600}
.izle li.simdi span{box-shadow:0 0 0 6px rgba(15,23,42,.1)}
.kargo-bilgi{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--yuvarlak);background:var(--beyaz);border:1px solid var(--cizgi)}
.kargo-bilgi>div{display:grid;flex:1;font-size:14px}
.hediye-notu{display:flex;gap:8px;align-items:flex-start;padding:12px;border-radius:12px;background:var(--krem);font:italic 300 17px/1.4 var(--f-baslik)}
.sozlesme-kopya{border:1px solid var(--cizgi);border-radius:var(--yuvarlak);background:var(--beyaz)}
.sozlesme-kopya summary{padding:14px 16px;font-size:14px;cursor:pointer}
.sozlesme-kopya .yasal{padding:0 16px 16px;max-height:60vh;overflow:auto}
.yasal-ayrac{font-size:24px!important;margin-top:32px!important;padding-top:20px;border-top:1px solid var(--cizgi)}
.dugmeler{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
/* takip, iletişim, yasal, 404 */
.takip-durum{display:grid;gap:16px}
.takip-metin{font-size:17px;text-align:center}
.takip-kargo{display:grid;margin:0}
.takip-kargo>div{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:12px 0;border-top:1px solid var(--cizgi)}
.takip-kargo dt{grid-column:1 / -1;font-size:13px;color:var(--ikincil)}
.takip-kargo dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.iletisim-kartlar{display:grid;gap:12px;margin-top:8px}
@media(min-width:560px){.iletisim-kartlar{grid-template-columns:1fr 1fr}}
.iletisim-kart{display:grid;gap:4px;padding:22px;border-radius:18px;background:var(--beyaz);border:1px solid var(--cizgi);text-decoration:none;transition:transform var(--orta) var(--egri),box-shadow var(--orta) var(--egri)}
.iletisim-kart:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(15,23,42,.1)}
.iletisim-kart .ikon{color:var(--lac);margin-bottom:8px}
.iletisim-kart span{font-size:14px;color:var(--ikincil);word-break:break-word}
.bulunamadi{justify-items:center;text-align:center}
.bulunamadi .giris{margin-inline:auto}
.yasal-sayfa .yasal h1{display:none}
.puan-sec{margin:0;padding:0;border:0}
.puan-sec legend{padding:0;margin-bottom:6px;font-weight:500;font-size:14px}
.puan-yildiz{display:inline-flex;flex-direction:row-reverse;gap:2px}
.puan-yildiz input{position:absolute;opacity:0;pointer-events:none}
.puan-yildiz label{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;color:var(--ikincil);cursor:pointer;transition:color var(--hizli),transform var(--hizli) var(--egri)}
.puan-yildiz label .ikon path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.puan-yildiz input:checked~label,.puan-yildiz label:hover,.puan-yildiz label:hover~label{color:#9A6412}
.puan-yildiz input:checked~label .ikon path,.puan-yildiz label:hover .ikon path,.puan-yildiz label:hover~label .ikon path{fill:currentColor}
.puan-yildiz label:active{transform:scale(.9)}
.puan-yildiz input:focus-visible+label{box-shadow:var(--odak)}
/* iade ve değişim */
.iade-form{display:grid;gap:16px}
.iade-gorsel{flex:none;width:56px;height:56px;border-radius:12px;background:var(--krem);overflow:hidden}
.iade-gorsel img{width:100%;height:100%;object-fit:contain}
.iade-liste{display:grid;gap:10px;margin-top:16px}
.iade-liste .secenek{text-decoration:none;color:inherit}
.iade-tamam{display:grid;justify-items:start;gap:6px;margin-bottom:18px}
.iade-tik{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--olumlu);color:#fff;animation:belir-buyu .5s cubic-bezier(.34,1.56,.64,1) both}
.iade-tamam .ipucu{display:flex;align-items:center;gap:6px;margin:0}
.iade-tamam .ipucu svg{flex:none;color:var(--olumlu)}
.iade-kod{display:grid;gap:14px}
.iade-kod-baslik{font-size:13px;font-weight:600;color:var(--ikincil)}
.iade-kod-satir{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.iade-kod-satir b{font-size:clamp(24px,1.1rem + 2vw,32px);letter-spacing:.04em;overflow-wrap:anywhere}
.iade-adim{display:grid;gap:10px;margin:0;padding-left:1.2em;list-style:decimal;font-size:15px}
.iade-guven{display:grid;gap:10px;margin:18px 0;padding:18px;border-radius:18px;background:var(--beyaz);border:1px solid var(--cizgi)}
.iade-guven p{display:flex;gap:10px;align-items:flex-start;margin:0;font-size:15px}
.iade-guven svg{flex:none;margin-top:2px;color:var(--olumlu)}
.iade-tur{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px}
.iade-tur-ikon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--krem);color:var(--lac)}
.iade-form[data-tur=""] [data-tur-goster],.iade-form[data-tur=""] [data-iade-iban],.iade-form[data-tur=""] [data-iade-beyan]{display:none}
.iade-kalem{display:grid;gap:8px}
.iade-istenen{margin:0 0 0 16px;padding-left:14px;border-left:2px solid var(--cizgi)}
.iade-istenen[hidden]{display:none}
.iade-medya{display:grid;gap:12px}
.iade-medya-dugmeler{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:8px}
.iade-medya-dugmeler .btn{position:relative;min-height:44px;gap:8px;padding-inline:14px;font-size:15px}
.iade-medya-dugmeler .btn:focus-within{box-shadow:var(--odak)}
.iade-medya-liste{display:grid;gap:8px}
.iade-medya-liste:empty{display:none}
.iade-medya-oge{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px;border:1px solid var(--cizgi);border-radius:10px;background:var(--beyaz);overflow:hidden}
.iade-medya-onizleme{flex:none;width:56px;height:56px;border-radius:8px;background:var(--krem);object-fit:cover}
.iade-medya-simge{display:grid;place-items:center;color:var(--ikincil)}
.iade-medya-bilgi{display:grid;flex:1 1 150px;min-width:0;font-size:14px}
.iade-medya-bilgi b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.iade-medya-bilgi small{color:var(--ikincil)}
.iade-medya-oge.hata .iade-medya-bilgi small{color:var(--hata)}
.iade-medya-oge.tamam .iade-medya-bilgi small{color:var(--olumlu)}
.iade-medya-cubuk{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--lac);transition:width .2s linear}
.iade-medya-oge.tamam .iade-medya-cubuk,.iade-medya-oge.hata .iade-medya-cubuk{display:none}
.iade-medya-kaldir,.iade-medya-yeniden{flex:none;display:grid;place-items:center;min-width:44px;height:44px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--ikincil);font:inherit;font-size:14px;cursor:pointer}
.iade-medya-kaldir:hover,.iade-medya-yeniden:hover{background:var(--krem);color:var(--lac)}
.iade-medya-durum:empty{display:none}
@media (prefers-reduced-motion: reduce){.tamam-isaret,.iade-tik,.acilir:not([hidden]){animation:none}.tamam-isaret .ikon path{animation:none;stroke-dashoffset:0}}
.form-izgara[hidden],.acilir[hidden]{display:none}
.odeme .btn-buyuk .btn-tutar{white-space:nowrap;font-size:16px}
[hidden]{display:none!important}

/* ---------- etkileşim katmanı (v3, 31.10.2026): durumlar, yükleme, belirme, hareket azaltma ---------- */
@property --ton{syntax:'<color>';inherits:true;initial-value:#E2E1D3}
:root{--yay:cubic-bezier(.34,1.56,.64,1);--cikis:cubic-bezier(.22,1,.36,1);--cekmece:cubic-bezier(.32,.72,0,1)}
.btn{transition:transform 160ms var(--egri),background-color 160ms var(--egri),border-color 160ms var(--egri),color 160ms var(--egri),box-shadow 160ms var(--egri)}
.btn:active{transform:scale(.97)}
.btn:focus-visible{box-shadow:var(--odak)}
.btn[aria-busy=true]{position:relative;color:transparent!important;opacity:1;pointer-events:none}
.btn[aria-busy=true]>*{visibility:hidden}
.btn[aria-busy=true]::after{content:"";position:absolute;inset:0;margin:auto;width:20px;height:20px;border-radius:50%;border:2px solid currentColor;border-color:#fff #fff transparent;animation:don .7s linear infinite .15s;opacity:0;animation-fill-mode:both}
.btn-cizgi[aria-busy=true]::after{border-color:var(--lac) var(--lac) transparent}
@keyframes don{0%{opacity:1;transform:rotate(0)}100%{opacity:1;transform:rotate(360deg)}}
.btn.eklendi{background:var(--olumlu);border-color:var(--olumlu)}
.ust-dugme{transition:background-color 160ms var(--egri),transform 160ms var(--egri)}
.ust-dugme:active{transform:scale(.92)}
.adet button{transition:background-color 120ms var(--egri),transform 120ms var(--egri)}
.adet button:hover:not([disabled]){background:var(--krem)}
.adet button:active:not([disabled]){transform:scale(.9)}
.menu-liste a,.alt-kolon a,.alt-yasal a{transition:color 160ms var(--egri),background-color 160ms var(--egri)}
.menu-liste a .ikon{transition:transform 200ms var(--egri)}
.menu-liste a:hover .ikon{transform:translateX(3px)}
.renk-nokta{transition:transform 180ms var(--egri),box-shadow 180ms var(--egri)}
.renk-nokta:hover{transform:scale(1.08)}
.renk-nokta:active{transform:scale(.95)}
.pencere-kapat{transition:background-color 160ms var(--egri),transform 160ms var(--egri)}
.pencere-kapat:active{transform:scale(.92)}
a,button,summary,label{-webkit-tap-highlight-color:transparent}
/* belirme: bölüm başlıkları ve kartlar görünüme girince, sıralı (--i) */
.js [data-gir]{opacity:0;transform:translateY(18px);transition:opacity 700ms var(--cikis),transform 700ms var(--cikis);transition-delay:calc(var(--i,0) * 80ms)}
.js [data-gir].gir{opacity:1;transform:none}
/* genel hareket azaltma */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .js [data-gir]{opacity:1;transform:none}
  .btn[aria-busy=true]::after{animation:none;opacity:1}
}