@font-face{font-family:"Plus Jakarta Sans";font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/PlusJakartaSans.woff2") format("woff2")}
/* =====================================================================
   FİDATA · Premium arayüz  —  v2.0
   ===================================================================== */
:root{
  --brand:#e11d2e; --brand-600:#c8111f; --brand-700:#9f0c19; --brand-300:#ff6b78; --brand-50:#fff1f2;
  --glow:rgba(225,29,46,.45);
  --bg:#f7f8fb; --surface:#ffffff; --surface-2:#f1f3f8; --surface-3:#e9ecf3;
  --ink:#0a1020; --ink-2:#27314a; --muted:#5b6780; --line:#e3e7ef; --line-2:#d5dbe6;
  --ok:#16a34a; --warn:#d97706; --info:#2563eb; --danger:#dc2626;
  --night:#060a14; --night-2:#0b1224; --night-line:rgba(255,255,255,.09);
  --r-sm:10px; --r:16px; --r-lg:24px; --r-xl:32px;
  --sh-1:0 1px 2px rgba(10,16,32,.05),0 2px 8px -2px rgba(10,16,32,.06);
  --sh-2:0 12px 40px -16px rgba(10,16,32,.22);
  --sh-3:0 30px 80px -30px rgba(10,16,32,.35);
  --font:"Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --wrap:1200px; --ease:cubic-bezier(.2,.7,.2,1);
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#070b16; --surface:#0d1426; --surface-2:#111a30; --surface-3:#18223b;
  --ink:#eef2fa; --ink-2:#c9d2e5; --muted:#8e9ab4; --line:#1d2843; --line-2:#26335a;
  --brand-50:rgba(225,29,46,.12);
  --sh-1:0 1px 2px rgba(0,0,0,.3); --sh-2:0 16px 40px -18px rgba(0,0,0,.7); --sh-3:0 30px 80px -30px rgba(0,0,0,.8);
  color-scheme:dark;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#070b16; --surface:#0d1426; --surface-2:#111a30; --surface-3:#18223b;
    --ink:#eef2fa; --ink-2:#c9d2e5; --muted:#8e9ab4; --line:#1d2843; --line-2:#26335a;
    --brand-50:rgba(225,29,46,.12);
    --sh-1:0 1px 2px rgba(0,0,0,.3); --sh-2:0 16px 40px -18px rgba(0,0,0,.7); --sh-3:0 30px 80px -30px rgba(0,0,0,.8);
    color-scheme:dark;
  }
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--font);font-size:1rem;line-height:1.65;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{line-height:1.12;letter-spacing:-.025em;margin:0 0 .5em;font-weight:800}
p{margin:0 0 1em}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:var(--brand);color:#fff}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:6px}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 20px}
.ic{width:1.25em;height:1.25em;flex:none}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.muted{color:var(--muted)}
.tc{text-align:center}

/* ---------- Butonlar ---------- */
.btn{--b:var(--brand);display:inline-flex;align-items:center;justify-content:center;gap:.55em;padding:.85em 1.35em;border-radius:999px;font-weight:700;font-size:.95rem;border:1px solid transparent;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s,border-color .2s,color .2s;white-space:nowrap;line-height:1.2}
.btn .ic{width:1.1em;height:1.1em}
.btn-primary{background:linear-gradient(180deg,#f02b3c,var(--brand-600));color:#fff;box-shadow:0 10px 30px -10px var(--glow),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px -12px var(--glow),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-dark{background:var(--ink);color:var(--bg)}
.btn-dark:hover{transform:translateY(-2px)}
.btn-ghost{background:var(--surface);border-color:var(--line-2);color:var(--ink)}
.btn-ghost:hover{border-color:var(--ink);transform:translateY(-2px)}
.btn-glass{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(10px)}
.btn-glass:hover{background:rgba(255,255,255,.14)}
.btn-wa{background:#16a34a;color:#fff}
.btn-wa:hover{background:#15803d;transform:translateY(-2px)}
.btn-sm{padding:.55em 1em;font-size:.85rem}
.btn-lg{padding:1.05em 1.7em;font-size:1rem}
.btn-block{width:100%}
.link{color:var(--brand);font-weight:700;display:inline-flex;align-items:center;gap:.35em}
.link .ic{transition:transform .2s}
.link:hover .ic{transform:translateX(3px)}

/* ---------- Duyuru + Header ---------- */
.announce{background:var(--night);color:#e6ebf5;font-size:.84rem;text-align:center;padding:.55em 1em;position:relative;z-index:60}
.announce a{display:inline-flex;gap:.5em;align-items:center}
.announce b{background:var(--brand);color:#fff;font-size:.7rem;letter-spacing:.06em;padding:.2em .6em;border-radius:99px;text-transform:uppercase}
.hdr{position:sticky;top:0;z-index:50;transition:background .3s,box-shadow .3s,border-color .3s;border-bottom:1px solid transparent}
.hdr.is-stuck{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-color:var(--line)}
.hdr-in{display:flex;align-items:center;gap:22px;height:72px}
.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:.01em}
.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:conic-gradient(from 210deg,#ff5261,#b20d1c,#ff2d40);color:#fff;box-shadow:0 8px 22px -8px var(--glow),inset 0 1px 0 rgba(255,255,255,.35);position:relative;overflow:hidden}
.brand-mark svg{width:22px;height:22px}
.brand-txt{display:flex;flex-direction:column;line-height:1.1}
.brand-txt b{font-size:1.12rem;letter-spacing:.04em}
.brand-txt small{font-size:.7rem;color:var(--muted);font-weight:600;letter-spacing:.02em}
.brand img{height:40px;width:auto}
.nav{display:flex;gap:2px;margin-left:auto}
.nav a{white-space:nowrap;padding:.55em .8em;border-radius:99px;font-weight:600;font-size:.92rem;color:var(--ink-2);transition:background .2s,color .2s}
.nav a:hover{background:var(--surface-2);color:var(--ink)}
.nav a.is-active{color:var(--brand);background:var(--brand-50)}
.hdr-act{display:flex;align-items:center;gap:8px}
.icon-btn{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--ink-2);transition:border-color .2s,color .2s}
.icon-btn:hover{border-color:var(--ink-2);color:var(--ink)}
.icon-btn .ic{width:19px;height:19px}
.kbd{font-size:.7rem;border:1px solid var(--line-2);border-radius:6px;padding:.1em .45em;color:var(--muted);font-weight:600}
.search-trigger{display:flex;align-items:center;gap:10px;height:42px;padding:0 10px 0 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;font-size:.88rem;min-width:170px}
.search-trigger .kbd{margin-left:auto}
.menu-btn{display:none}
[data-theme-icon="dark"]{display:none}
:root[data-theme="dark"] [data-theme-icon="dark"]{display:block}
:root[data-theme="dark"] [data-theme-icon="light"]{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) [data-theme-icon="dark"]{display:block}:root:not([data-theme="light"]) [data-theme-icon="light"]{display:none}}

/* Koyu üst bölümlü sayfalarda şeffaf header */
.dark-top .hdr:not(.is-stuck) .nav a,.dark-top .hdr:not(.is-stuck) .brand{color:#fff}
.dark-top .hdr:not(.is-stuck) .nav a:hover{background:rgba(255,255,255,.08)}
.dark-top .hdr:not(.is-stuck) .nav a.is-active{background:rgba(225,29,46,.2);color:#ff8a94}
.dark-top .hdr:not(.is-stuck) .brand-txt small{color:#9aa5bd}
.dark-top .hdr:not(.is-stuck) .icon-btn,.dark-top .hdr:not(.is-stuck) .search-trigger{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#dfe5f1}
.dark-top .hdr:not(.is-stuck) .kbd{border-color:rgba(255,255,255,.2);color:#aab4ca}
.dark-top .hdr:not(.is-stuck) .btn-ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff}

/* Mobil menü */
.drawer{position:fixed;inset:0;z-index:80;display:none}
.drawer.open{display:block}
.drawer-bg{position:absolute;inset:0;background:rgba(3,6,14,.55);backdrop-filter:blur(4px);animation:fade .25s}
.drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(360px,88vw);background:var(--surface);padding:22px;display:flex;flex-direction:column;gap:6px;overflow:auto;animation:slide .3s var(--ease)}
.drawer-panel a.nl{padding:.85em 1em;border-radius:12px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.drawer-panel a.nl:hover,.drawer-panel a.nl.is-active{background:var(--surface-2)}
@keyframes fade{from{opacity:0}}
@keyframes slide{from{transform:translateX(30px);opacity:0}}

/* ---------- Bölümler ---------- */
.sec{padding:110px 0;position:relative}
.sec-sm{padding:70px 0}
.sec-alt{background:var(--surface)}
.sec-head{max-width:720px;margin-bottom:54px}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-head.row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.eyebrow{display:inline-flex;align-items:center;gap:.6em;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin-bottom:16px}
.eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor}
.h-xl{font-size:clamp(2.5rem,6.2vw,5.2rem);letter-spacing:-.045em;line-height:1}
.h-lg{font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.035em}
.h-md{font-size:clamp(1.5rem,2.6vw,2.1rem)}
.lead{font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--muted);line-height:1.7}
.grad{background:linear-gradient(100deg,#ff5a68 0%,var(--brand) 45%,#ff8a5b 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- Hero ---------- */
.hero{position:relative;background:var(--night);color:#fff;overflow:hidden;padding:90px 0 120px;isolation:isolate;margin-top:-72px;padding-top:170px}
.hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(60% 60% at 78% 40%,rgba(225,29,46,.35),transparent 60%),
  radial-gradient(40% 50% at 10% 10%,rgba(59,130,246,.18),transparent 60%),
  radial-gradient(50% 40% at 50% 110%,rgba(225,29,46,.25),transparent 70%);z-index:-2}
.hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;background-position:center -1px;mask-image:radial-gradient(70% 70% at 50% 40%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(70% 70% at 50% 40%,#000 30%,transparent 80%);z-index:-1}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:.82rem;font-weight:600;color:#d9e0ee;margin-bottom:26px;backdrop-filter:blur(8px)}
.pill b{background:var(--brand);color:#fff;padding:3px 10px;border-radius:99px;font-size:.72rem;letter-spacing:.06em}
.hero h1{margin-bottom:22px}
.hero .lead{color:#b8c2d8;max-width:560px;margin-bottom:34px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px}
.hero-trust{display:flex;gap:28px;margin-top:46px;flex-wrap:wrap}
.hero-trust div{display:flex;flex-direction:column}
.hero-trust b{font-size:1.7rem;letter-spacing:-.03em}
.hero-trust span{font-size:.8rem;color:#8d98b2;font-weight:600}

/* Hero görseli: NFC kart + halkalar */
.hero-vis{position:relative;aspect-ratio:1/1;max-width:520px;margin-left:auto;width:100%}
.ring{position:absolute;inset:50%;border-radius:50%;border:1px solid rgba(255,90,104,.35);transform:translate(-50%,-50%);animation:ring 4.5s var(--ease) infinite}
.ring:nth-child(2){animation-delay:1.5s}.ring:nth-child(3){animation-delay:3s}
@keyframes ring{0%{width:30%;height:30%;opacity:0}20%{opacity:1}100%{width:120%;height:120%;opacity:0}}
.nfc-card{position:absolute;left:50%;top:50%;width:78%;aspect-ratio:1.586/1;transform:translate(-50%,-50%) rotateX(14deg) rotateY(-18deg) rotateZ(4deg);border-radius:22px;padding:26px;background:
  linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.02) 40%),
  linear-gradient(135deg,#1a0508,#5e0710 45%,#c3111f 100%);border:1px solid rgba(255,255,255,.18);box-shadow:0 40px 80px -30px rgba(225,29,46,.6),0 0 0 1px rgba(0,0,0,.3) inset;display:flex;flex-direction:column;justify-content:space-between;animation:float 7s ease-in-out infinite;transform-style:preserve-3d}
.nfc-card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 45%,transparent 60%);background-size:250% 100%;animation:shine 5s linear infinite}
@keyframes shine{from{background-position:150% 0}to{background-position:-100% 0}}
@keyframes float{0%,100%{transform:translate(-50%,-50%) rotateX(14deg) rotateY(-18deg) rotateZ(4deg)}50%{transform:translate(-50%,-54%) rotateX(10deg) rotateY(-12deg) rotateZ(2deg)}}
.nfc-card .top{display:flex;justify-content:space-between;align-items:flex-start}
.chip{width:46px;height:36px;border-radius:8px;background:linear-gradient(135deg,#f5d67b,#b8892b);position:relative;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.chip::before{content:"";position:absolute;inset:7px 10px;border:1px solid rgba(0,0,0,.25);border-radius:4px}
.nfc-card .ic{width:34px;height:34px;color:#fff;opacity:.9}
.nfc-card .name{font-size:1.25rem;font-weight:800;letter-spacing:.04em}
.nfc-card .role{font-size:.78rem;color:rgba(255,255,255,.7);letter-spacing:.12em;text-transform:uppercase}
.nfc-card .qr{position:absolute;right:22px;bottom:22px;width:62px;height:62px;border-radius:10px;overflow:hidden;background:#fff;padding:4px}
.float-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:rgba(13,20,38,.72);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);font-size:.82rem;font-weight:700;box-shadow:0 20px 40px -20px #000;animation:bob 6s ease-in-out infinite}
.float-chip .dot{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(225,29,46,.18);color:#ff6b78}
.float-chip small{display:block;font-weight:500;color:#8d98b2;font-size:.72rem}
.fc-1{left:-4%;top:16%}.fc-2{right:-2%;bottom:14%;animation-delay:-3s}.fc-3{left:6%;bottom:6%;animation-delay:-1.5s}
@keyframes bob{50%{transform:translateY(-10px)}}

/* ---------- Kayan şerit ---------- */
.marquee{border-block:1px solid var(--line);background:var(--surface);overflow:hidden;padding:22px 0}
.marquee-track{display:flex;gap:56px;width:max-content;animation:marq 38s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-item{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.05rem;color:var(--muted);white-space:nowrap;letter-spacing:-.01em}
.marquee-item .ic{color:var(--brand)}
@keyframes marq{to{transform:translateX(-50%)}}

/* ---------- Kartlar / grid ---------- */
.grid{display:grid;gap:22px}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.card.hov:hover{transform:translateY(-6px);box-shadow:var(--sh-2);border-color:var(--line-2)}
.card h3{font-size:1.2rem;margin-bottom:.4em}
.card p{color:var(--muted);font-size:.95rem}
.ibox{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:var(--brand-50);color:var(--brand);margin-bottom:20px;border:1px solid color-mix(in srgb,var(--brand) 18%,transparent)}
.ibox .ic{width:25px;height:25px}

/* Bento çözümler */
.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bento .card{display:flex;flex-direction:column;min-height:230px;overflow:hidden}
.bento .card:nth-child(1){grid-column:span 2;grid-row:span 2;background:linear-gradient(160deg,var(--night-2),var(--night));color:#fff;border-color:var(--night-line)}
.bento .card:nth-child(1) p{color:#a5b0c8}
.bento .card:nth-child(1) .ibox{background:rgba(225,29,46,.18);border-color:rgba(225,29,46,.35);color:#ff6b78;width:64px;height:64px}
.bento .card:nth-child(1) h3{font-size:1.9rem}
.bento .card:nth-child(1)::after{content:"";position:absolute;right:-80px;bottom:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(225,29,46,.45),transparent 65%)}
.bento .card:nth-child(4){grid-column:span 2}
.bento .card .link{margin-top:auto;padding-top:14px}
.bento ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}
.bento li{display:flex;gap:8px;align-items:center;font-size:.92rem;color:#c9d2e5}
.bento li .ic{color:#ff6b78;width:17px;height:17px}

/* Projeler */
.proj{overflow:hidden;display:flex;flex-direction:column}
.proj::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--c,var(--brand))}
.proj .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.proj .logo{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:#fff;background:var(--c,var(--brand));box-shadow:0 14px 30px -14px var(--c,var(--brand))}
.proj .logo .ic{width:26px;height:26px}
.proj .cat{font-size:.78rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}
.proj h3{font-size:1.45rem;letter-spacing:-.02em}
.proj .acts{display:flex;gap:8px;margin-top:auto;padding-top:18px}
.proj:hover .logo{transform:rotate(-6deg) scale(1.05)}
.proj .logo{transition:transform .35s var(--ease)}

.badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;padding:.35em .75em;border-radius:99px;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}
.badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.badge-ok{background:rgba(22,163,74,.12);color:var(--ok)}
.badge-warn{background:rgba(217,119,6,.13);color:var(--warn)}
.badge-info{background:rgba(37,99,235,.12);color:var(--info)}
.badge-muted{background:var(--surface-2);color:var(--muted)}
.badge-danger{background:rgba(220,38,38,.12);color:var(--danger)}
.badge-brand{background:var(--brand);color:#fff}
.badge-brand::before{display:none}

/* Ürün kartı */
.prod{padding:0;overflow:hidden;display:flex;flex-direction:column}
.prod-media{aspect-ratio:16/11;position:relative;display:grid;place-items:center;background:radial-gradient(80% 90% at 50% 100%,rgba(225,29,46,.28),transparent 70%),linear-gradient(160deg,var(--night-2),var(--night));overflow:hidden}
.prod-media img{width:100%;height:100%;object-fit:cover}
.prod-media .ic{width:74px;height:74px;color:#fff;filter:drop-shadow(0 10px 30px rgba(225,29,46,.8))}
.prod-media .badge{position:absolute;left:16px;top:16px}
.prod-media .mini-card{width:62%;aspect-ratio:1.586;border-radius:14px;background:linear-gradient(135deg,#2a060b,#b3101d);border:1px solid rgba(255,255,255,.15);display:grid;place-items:center;transform:rotate(-8deg);box-shadow:0 30px 50px -20px rgba(225,29,46,.7);transition:transform .5s var(--ease)}
.prod:hover .mini-card{transform:rotate(-2deg) scale(1.05)}
.prod-body{padding:24px;display:flex;flex-direction:column;flex:1}
.prod-body .cat{font-size:.75rem;font-weight:800;letter-spacing:.1em;color:var(--brand);text-transform:uppercase}
.price{display:flex;align-items:baseline;gap:10px;margin:12px 0 16px}
.price b{font-size:1.45rem;letter-spacing:-.02em}
.price s{color:var(--muted);font-size:.95rem}
.price span{color:var(--muted);font-size:.9rem;font-weight:600}
.prod .acts{display:flex;gap:8px;margin-top:auto}
.prod .acts .btn{flex:1}

/* Özellik listesi */
.checks{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.checks li{display:flex;gap:12px;align-items:flex-start}
.checks li .ic{flex:none;width:22px;height:22px;padding:4px;border-radius:50%;background:var(--brand-50);color:var(--brand);margin-top:2px}

/* İstatistik */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}
.stat{padding:34px 28px;border-right:1px solid var(--line)}
.stat:last-child{border:0}
.stat b{display:block;font-size:clamp(2.2rem,4vw,3.2rem);letter-spacing:-.04em;line-height:1;margin-bottom:8px}
.stat span{color:var(--muted);font-weight:600;font-size:.92rem}

/* Adımlar */
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.step{counter-increment:s;position:relative;padding-top:64px}
.step::before{content:"0" counter(s);position:absolute;top:0;left:0;font-size:2.8rem;font-weight:800;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px var(--line-2)}
.step h3{font-size:1.2rem}

/* Kanallar */
.chan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.chan{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);font-weight:800;transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}
.chan:hover{transform:translateY(-3px);border-color:var(--c);box-shadow:0 14px 30px -18px var(--c)}
.chan .lg{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--c);color:#fff;font-size:1rem;flex:none;overflow:hidden}
.chan .lg img{width:100%;height:100%;object-fit:contain;background:#fff;padding:4px}
.chan small{display:block;font-weight:600;color:var(--muted);font-size:.78rem}
.chan .ic{margin-left:auto;color:var(--muted)}
.chan.soon{opacity:.65;cursor:default}
.chan.soon:hover{transform:none;box-shadow:none;border-color:var(--line)}

/* SSS */
.faq{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);margin-bottom:10px;overflow:hidden;transition:border-color .2s}
.faq[open]{border-color:var(--line-2);box-shadow:var(--sh-1)}
.faq summary{list-style:none;cursor:pointer;padding:20px 22px;font-weight:700;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ic{transition:transform .3s var(--ease);color:var(--muted)}
.faq[open] summary .ic{transform:rotate(45deg);color:var(--brand)}
.faq .a{padding:0 22px 20px;color:var(--muted)}

/* Blog */
.post-card{padding:0;overflow:hidden;display:flex;flex-direction:column}
.post-card .media{aspect-ratio:16/9;background:linear-gradient(135deg,var(--night-2),#3a0a10);display:grid;place-items:center;color:rgba(255,255,255,.85);overflow:hidden}
.post-card .media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.post-card:hover .media img{transform:scale(1.05)}
.post-card .media .ic{width:44px;height:44px}
.post-card .body{padding:22px;display:flex;flex-direction:column;flex:1}
.meta{display:flex;gap:12px;align-items:center;font-size:.8rem;color:var(--muted);font-weight:600;margin-bottom:10px;flex-wrap:wrap}
.meta .cat{color:var(--brand);text-transform:uppercase;letter-spacing:.08em;font-weight:800}

/* CTA */
.cta{position:relative;border-radius:var(--r-xl);padding:64px;background:var(--night);color:#fff;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center}
.cta::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 90% at 100% 0%,rgba(225,29,46,.55),transparent 60%),radial-gradient(40% 60% at 0% 100%,rgba(225,29,46,.25),transparent 70%);z-index:-1}
.cta p{color:#b3bdd4}
.cta .acts{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}

/* ---------- Sayfa başlığı ---------- */
.phead{position:relative;background:var(--night);color:#fff;padding:170px 0 80px;margin-top:-72px;overflow:hidden;isolation:isolate}
.phead::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 80% at 85% 0%,rgba(225,29,46,.4),transparent 60%);z-index:-1}
.phead::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent);-webkit-mask-image:linear-gradient(#000,transparent);z-index:-1}
.phead .lead{color:#aeb8cf;max-width:680px}
.crumbs{display:flex;gap:8px;align-items:center;font-size:.82rem;color:#8d98b2;font-weight:600;margin-bottom:22px;flex-wrap:wrap}
.crumbs a:hover{color:#fff}
.crumbs .ic{width:14px;height:14px}

/* ---------- Detay sayfası ---------- */
.detail{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:start}
.prose{font-size:1.06rem;color:var(--ink-2);line-height:1.8}
.prose h2{font-size:1.6rem;margin-top:1.6em}
.prose h3{font-size:1.25rem;margin-top:1.4em}
.prose a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
.prose ul,.prose ol{padding-left:1.3em}
.prose li{margin:.35em 0}
.prose img{border-radius:var(--r);margin:1.5em 0}
.prose blockquote{margin:1.5em 0;padding:1em 1.4em;border-left:3px solid var(--brand);background:var(--surface-2);border-radius:0 var(--r) var(--r) 0}
.sticky{position:sticky;top:96px}
.side-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;box-shadow:var(--sh-1)}
.side-box+.side-box{margin-top:18px}
.hero-media{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/10;background:radial-gradient(70% 80% at 50% 100%,rgba(225,29,46,.35),transparent 70%),linear-gradient(160deg,var(--night-2),var(--night));display:grid;place-items:center;margin-bottom:34px;border:1px solid var(--line)}
.hero-media img{width:100%;height:100%;object-fit:cover}
.hero-media .ic{width:96px;height:96px;color:#fff;filter:drop-shadow(0 12px 40px rgba(225,29,46,.9))}

/* ---------- Formlar ---------- */
.form{display:grid;gap:16px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field label{display:block;font-weight:700;font-size:.85rem;margin-bottom:7px;color:var(--ink-2)}
.field .hint{font-size:.8rem;color:var(--muted);margin-top:6px}
.input,.field input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=color]),.field select,.field textarea{width:100%;padding:.85em 1em;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);transition:border-color .2s,box-shadow .2s;font-size:.96rem}
.field textarea{min-height:130px;resize:vertical}
.input:focus,.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 15%,transparent)}
.cbx{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--ink-2);cursor:pointer}
.cbx input{margin-top:4px;width:17px;height:17px;accent-color:var(--brand);flex:none}
.cbx a{color:var(--brand);text-decoration:underline}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip-opt{position:relative}
.chip-opt input{position:absolute;opacity:0;pointer-events:none}
.chip-opt span{display:inline-block;padding:.6em 1em;border-radius:99px;border:1px solid var(--line-2);font-weight:600;font-size:.88rem;cursor:pointer;transition:all .2s;background:var(--surface)}
.chip-opt input:checked+span{background:var(--brand);border-color:var(--brand);color:#fff}
.chip-opt input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}

.auth{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1fr 1fr}
.auth-side{background:var(--night);color:#fff;padding:60px;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:center}
.auth-side::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 80% 20%,rgba(225,29,46,.45),transparent 60%);z-index:-1}
.auth-side .checks li{color:#c9d2e5}
.auth-side .checks .ic{background:rgba(225,29,46,.2);color:#ff6b78}
.auth-main{padding:60px;display:flex;align-items:center;justify-content:center}
.auth-box{width:100%;max-width:460px}

/* ---------- Bildirimler ---------- */
.toasts{position:fixed;top:88px;right:20px;z-index:90;display:grid;gap:10px;max-width:min(420px,calc(100vw - 40px))}
.toast{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-2);font-size:.92rem;font-weight:600;animation:tin .4s var(--ease)}
.toast .ic{flex:none;margin-top:1px}
.toast-success .ic{color:var(--ok)}.toast-error .ic{color:var(--danger)}.toast-info .ic{color:var(--info)}
.toast button{margin-left:auto;background:none;border:0;cursor:pointer;color:var(--muted);padding:0}
@keyframes tin{from{opacity:0;transform:translateY(-10px)}}

/* ---------- Footer ---------- */
.ftr{background:var(--night);color:#aab4ca;padding:90px 0 110px;position:relative;overflow:hidden}
.ftr::before{content:"";position:absolute;left:50%;top:-200px;width:900px;height:400px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(225,29,46,.22),transparent);pointer-events:none}
.ftr-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:40px;position:relative}
.ftr h4{color:#fff;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}
.ftr ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:.93rem}
.ftr a:hover{color:#fff}
.ftr .brand-txt small{color:#8d98b2}
.ftr .brand{color:#fff;margin-bottom:18px}
.socials{display:flex;gap:8px;margin-top:20px}
.socials a{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--night-line);color:#c9d2e5;transition:all .2s}
.socials a:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.news{display:flex;gap:8px;background:rgba(255,255,255,.05);border:1px solid var(--night-line);border-radius:14px;padding:6px}
.news input{flex:1;background:none;border:0;padding:.6em .8em;color:#fff;min-width:0}
.news input:focus{outline:none}
.ftr-bottom{border-top:1px solid var(--night-line);margin-top:60px;padding-top:26px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.85rem;position:relative}
.ftr-bottom nav{display:flex;gap:18px;flex-wrap:wrap}
.ftr-big{font-size:clamp(4rem,16vw,13rem);font-weight:800;letter-spacing:-.06em;line-height:.8;text-align:center;margin-top:60px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,0));-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none}

/* Mobil alt menü + WhatsApp */
.tabbar{display:none}
.wa-fab{position:fixed;right:22px;bottom:22px;z-index:40;display:flex;align-items:center;gap:10px;padding:12px 18px 12px 14px;border-radius:99px;background:#16a34a;color:#fff;font-weight:700;box-shadow:0 16px 36px -12px rgba(22,163,74,.7);transition:transform .25s var(--ease)}
.wa-fab:hover{transform:translateY(-3px)}
.wa-fab .ic{width:24px;height:24px}
.wa-fab::before{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid #16a34a;animation:pulse 2.4s infinite}
@keyframes pulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.35);opacity:0}}
.to-top{position:fixed;right:22px;bottom:88px;z-index:40;opacity:0;pointer-events:none;transition:opacity .3s}
.to-top.show{opacity:1;pointer-events:auto}

/* Çerez bildirimi */
.consent{position:fixed;left:20px;bottom:20px;z-index:85;max-width:440px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--sh-3);display:none;animation:tin .4s var(--ease)}
.consent.show{display:block}
.consent h4{font-size:1rem;margin-bottom:6px}
.consent p{font-size:.88rem;color:var(--muted);margin-bottom:14px}
.consent .acts{display:flex;gap:8px;flex-wrap:wrap}

/* Komut paleti (Ctrl+K arama) */
.cmdk{position:fixed;inset:0;z-index:95;display:none;align-items:flex-start;justify-content:center;padding:12vh 16px 16px}
.cmdk.open{display:flex}
.cmdk-bg{position:absolute;inset:0;background:rgba(3,6,14,.6);backdrop-filter:blur(6px);animation:fade .2s}
.cmdk-box{position:relative;width:100%;max-width:620px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh-3);overflow:hidden;animation:tin .25s var(--ease)}
.cmdk-in{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
.cmdk-in input{flex:1;border:0;background:none;font-size:1.05rem;outline:none}
.cmdk-list{max-height:52vh;overflow:auto;padding:8px}
.cmdk-list a{display:flex;gap:14px;align-items:center;padding:12px 14px;border-radius:12px}
.cmdk-list a:hover,.cmdk-list a.sel{background:var(--surface-2)}
.cmdk-list .t{font-weight:700}
.cmdk-list .s{font-size:.82rem;color:var(--muted);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.cmdk-list .ty{margin-left:auto;font-size:.7rem;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex:none}
.cmdk-empty{padding:26px;text-align:center;color:var(--muted);font-size:.92rem}

/* Hesap paneli */
.acc{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}
.acc-nav{position:sticky;top:96px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:10px}
.acc-nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;font-weight:600;color:var(--ink-2)}
.acc-nav a:hover{background:var(--surface-2)}
.acc-nav a.is-active{background:var(--brand-50);color:var(--brand)}
.acc-nav .cnt{margin-left:auto;background:var(--brand);color:#fff;font-size:.72rem;padding:.1em .55em;border-radius:99px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.kpi span{font-size:.8rem;color:var(--muted);font-weight:700}
.kpi b{display:block;font-size:1.9rem;letter-spacing:-.03em}
.empty{text-align:center;padding:50px 20px;border:1.5px dashed var(--line-2);border-radius:var(--r-lg);color:var(--muted)}
.empty .ic{width:44px;height:44px;margin:0 auto 12px;color:var(--brand)}

/* Sayfalama */
.pager{display:flex;gap:6px;justify-content:center;margin-top:40px}
.pager a,.pager span{min-width:42px;height:42px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);font-weight:700;background:var(--surface);padding:0 10px}
.pager .cur{background:var(--ink);color:var(--bg);border-color:var(--ink)}

.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:34px}
.filters a{padding:.55em 1.1em;border-radius:99px;border:1px solid var(--line-2);font-weight:700;font-size:.88rem;background:var(--surface)}
.filters a.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}

/* Görünür olunca animasyon */
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv-d1{transition-delay:.08s}.rv-d2{transition-delay:.16s}.rv-d3{transition-delay:.24s}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .rv{opacity:1;transform:none}
}

/* ---------- Duyarlı ---------- */
@media (max-width:1320px){.brand-txt small{display:none}.search-trigger .t{display:none}.search-trigger{min-width:0}}
@media (max-width:1080px){
  .nav,.search-trigger .t,.search-trigger .kbd{display:none}
  .search-trigger{min-width:0;width:42px;padding:0;justify-content:center}
  .menu-btn{display:grid}
  .hdr-act .btn{display:none}
  .hero-grid,.detail,.cta{grid-template-columns:1fr}
  .hero-vis{max-width:420px;margin:30px auto 0}
  .bento{grid-template-columns:repeat(2,1fr)}
  .g4{grid-template-columns:repeat(2,1fr)}
  .ftr-grid{grid-template-columns:1fr 1fr}
  .cta .acts{justify-content:flex-start}
  .sticky{position:static}
  .auth{grid-template-columns:1fr}
  .auth-side{display:none}
  .acc{grid-template-columns:1fr}
  .acc-nav{position:static;display:flex;overflow:auto;gap:4px}
  .acc-nav a{white-space:nowrap}
}
@media (max-width:760px){
  body{font-size:15.5px}
  .sec{padding:76px 0}
  .g2,.g3,.g4,.steps,.f2,.kpis{grid-template-columns:1fr}
  .bento{grid-template-columns:1fr}
  .bento .card:nth-child(1),.bento .card:nth-child(4){grid-column:auto;grid-row:auto}
  .stats{grid-template-columns:1fr 1fr}
  .stat{border-right:0;border-bottom:1px solid var(--line);padding:24px 20px}
  .stat:nth-child(odd){border-right:1px solid var(--line)}
  .hero{padding-top:130px;padding-bottom:80px}
  .phead{padding:130px 0 56px}
  .hero-trust{gap:20px}
  .fc-1{left:0}.fc-2{right:0}
  .cta{padding:36px 24px}
  .ftr-grid{grid-template-columns:1fr}
  .ftr{padding-bottom:140px}
  .wa-fab{display:none}
  .to-top{bottom:92px}
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:10px;right:10px;bottom:10px;z-index:45;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:20px;padding:6px;box-shadow:var(--sh-2)}
  .tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.66rem;font-weight:700;color:var(--muted);padding:6px 0;border-radius:14px}
  .tabbar a .ic{width:21px;height:21px}
  .tabbar a.is-active{color:var(--brand)}
  .tabbar a.wa{color:#fff;background:#16a34a}
  .consent{left:10px;right:10px;bottom:84px;max-width:none}
  .toasts{top:80px;right:10px;left:10px}
  .auth-main{padding:40px 20px 100px}
}
@media print{.hdr,.ftr,.wa-fab,.tabbar,.consent,.announce{display:none!important}}

/* Hesap formları */
.f-claim{grid-template-columns:1fr 1fr 1fr auto;align-items:end}
.link-row{display:grid;grid-template-columns:1fr 2fr auto;gap:8px}
@media (max-width:760px){.f-claim{grid-template-columns:1fr}.link-row{grid-template-columns:1fr auto}.link-row input:first-child{grid-column:1/-1}}

/* ---------- Paketler ---------- */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.plan{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:34px 30px;display:flex;flex-direction:column;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.plan:hover{transform:translateY(-6px);box-shadow:var(--sh-2)}
.plan h3{font-size:1.35rem;margin-bottom:4px}
.plan>.muted{margin-bottom:22px;font-size:.95rem}
.plan-price{display:flex;align-items:baseline;gap:8px;margin-bottom:24px;min-height:56px}
.plan-price b{font-size:2.6rem;letter-spacing:-.04em;line-height:1}
.plan-price span{color:var(--muted);font-weight:600}
.plan-list{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px;font-size:.95rem}
.plan-list li{display:flex;gap:10px;align-items:flex-start}
.plan-list .ic{width:20px;height:20px;padding:3px;border-radius:50%;background:var(--brand-50);color:var(--brand);flex:none;margin-top:1px}
.plan-list li.off{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--line-2)}
.plan-list li.off .ic{background:var(--surface-2);color:var(--muted)}
.plan-hot{background:linear-gradient(170deg,var(--night-2),var(--night));color:#fff;border-color:rgba(225,29,46,.5);box-shadow:0 30px 70px -30px rgba(225,29,46,.55)}
.plan-hot>.muted,.plan-hot .plan-price span{color:#9aa5bd}
.plan-hot .plan-list li{color:#dfe5f1}
.plan-hot .plan-list li.off{color:#6b7690}
.plan-hot .plan-list .ic{background:rgba(225,29,46,.2);color:#ff6b78}
.plan-flag{position:absolute;top:-13px;left:30px;display:inline-flex;gap:6px;align-items:center;background:linear-gradient(90deg,#ff5261,#e11d2e);color:#fff;font-size:.74rem;font-weight:800;padding:.4em .9em;border-radius:99px;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 10px 24px -8px var(--glow)}
.plan-flag .ic{width:13px;height:13px}

/* ---------- Referanslar ---------- */
.partners{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 44px;align-items:center}
.partners a,.partners span{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--muted);font-size:1.05rem;opacity:.75;transition:opacity .2s,filter .2s;filter:grayscale(1)}
.partners a:hover{opacity:1;filter:none}
.partners img{height:38px;width:auto;max-width:150px;object-fit:contain}

@media (max-width:1080px){.plans{grid-template-columns:1fr;max-width:520px;margin:0 auto}}

/* Kartvizit tema seçici + mini grafik */
.themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.theme-opt input{position:absolute;opacity:0}
.theme-opt span{display:flex;flex-direction:column;gap:2px;padding:12px;border:1.5px solid var(--line-2);border-radius:14px;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.theme-opt input:checked+span{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)}
.theme-opt small{color:var(--muted);font-size:.78rem}
.sw{display:block;height:54px;border-radius:10px;margin-bottom:8px;border:1px solid var(--line)}
.sw-klasik{background:linear-gradient(#1b2340 0 40%,#f4f5f9 40%)}
.sw-gece{background:radial-gradient(80% 80% at 50% 0%,rgba(225,29,46,.7),transparent 70%),#05070d}
.sw-aura{background:linear-gradient(160deg,#e11d2e,#4b1d6b 60%,#0b0f1c)}
.spark{display:flex;align-items:flex-end;gap:3px;height:90px;margin-top:16px}
.spark i{flex:1;background:linear-gradient(180deg,#ff5261,var(--brand));border-radius:4px 4px 2px 2px;min-height:4px}
.spark i.z{background:var(--surface-3)}
@media (max-width:760px){.themes{grid-template-columns:1fr}}

/* ================= Mağaza ================= */
.cart-btn{position:relative}
.cart-btn .cnt{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--brand);color:#fff;font-size:.68rem;font-weight:800;display:grid;place-items:center;border:2px solid var(--bg)}
.cart-btn .cnt:empty,.cart-btn .cnt[data-n="0"]{display:none}
.cart-list{padding:8px 22px 18px}
.cart-row{display:grid;grid-template-columns:72px 1fr auto auto auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.cart-img{width:72px;height:72px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,var(--night-2),#3a0a10);display:grid;place-items:center;color:#fff}
.cart-img img{width:100%;height:100%;object-fit:cover}
.cart-info{display:flex;flex-direction:column;gap:2px;min-width:0}
.cart-info .muted{font-size:.85rem}
.cart-price{font-size:1.05rem;min-width:90px;text-align:right}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:12px;overflow:hidden;background:var(--surface)}
.qty button{width:36px;height:40px;border:0;background:none;cursor:pointer;font-size:1.1rem;font-weight:700;color:var(--ink-2)}
.qty button:hover{background:var(--surface-2)}
.qty input{width:40px;height:40px;border:0;text-align:center;font-weight:800;background:none;outline:none}
.sum h3{font-size:1.15rem}
.sum-row{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;padding:8px 0;font-size:.92rem}
.sum-img{position:relative;width:54px;height:54px;border-radius:12px;background:linear-gradient(135deg,var(--night-2),#3a0a10);display:grid;place-items:center;color:#fff}
.sum-img img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.sum-img b{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;border-radius:99px;background:var(--ink);color:var(--bg);font-size:.7rem;display:grid;place-items:center;padding:0 5px}
.sum-t{font-weight:600;line-height:1.35}
.sum-lines{border-top:1px solid var(--line);margin-top:10px;padding-top:12px;display:grid;gap:8px;font-size:.93rem}
.sum-lines div{display:flex;justify-content:space-between;color:var(--muted)}
.sum-lines .ok{color:var(--ok)}
.sum-total{border-top:1px dashed var(--line-2);padding-top:12px;margin-top:4px;color:var(--ink)!important;font-size:1.25rem;font-weight:800;letter-spacing:-.02em}
.ship-bar{height:7px;border-radius:9px;background:var(--surface-3);margin-top:14px;overflow:hidden}
.ship-bar div{height:100%;background:linear-gradient(90deg,#ff5261,var(--brand));border-radius:9px}
.trust{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted);font-weight:600}
.trust span{display:inline-flex;gap:5px;align-items:center}
.trust .ic{width:15px;height:15px;color:var(--ok)}
.steps-bar{display:flex;align-items:center;gap:12px;margin-bottom:26px;font-weight:700;font-size:.88rem;color:var(--muted);flex-wrap:wrap}
.steps-bar i{flex:1;height:2px;background:var(--line);min-width:20px;max-width:120px}
.steps-bar .on{color:var(--brand)}
.steps-bar .done{color:var(--ok);display:inline-flex;gap:5px;align-items:center}
.pay-opts{display:grid;gap:10px}
.pay-opt input{position:absolute;opacity:0}
.pay-opt span{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:center;padding:16px 18px;border:1.5px solid var(--line-2);border-radius:16px;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}
.pay-opt span .ic{grid-row:span 2;width:28px;height:28px;color:var(--brand)}
.pay-opt small{color:var(--muted)}
.pay-opt input:checked+span{border-color:var(--brand);background:var(--brand-50);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 12%,transparent)}
.pay-opt input:focus-visible+span{outline:2px solid var(--brand)}
.thanks-card{padding:44px 24px;background:radial-gradient(60% 100% at 50% 0%,color-mix(in srgb,var(--ok) 14%,transparent),transparent 70%),var(--surface)}
.burst{width:84px;height:84px;border-radius:50%;margin:0 auto;display:grid;place-items:center;background:var(--ok);color:#fff;box-shadow:0 0 0 12px color-mix(in srgb,var(--ok) 18%,transparent);animation:pop .6s var(--ease)}
.burst .ic{width:42px;height:42px}
@keyframes pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1)}}
.track{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;position:relative}
.tstep{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:.85rem;color:var(--muted);position:relative}
.tstep::before{content:"";position:absolute;top:18px;left:-50%;width:100%;height:3px;background:var(--line);z-index:0}
.tstep:first-child::before{display:none}
.tstep.done::before,.tstep.on::before{background:var(--ok)}
.tstep span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:2px solid var(--line-2);font-weight:800;position:relative;z-index:1}
.tstep span .ic{width:18px;height:18px}
.tstep.done span{background:var(--ok);border-color:var(--ok);color:#fff}
.tstep.on span{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 0 0 6px color-mix(in srgb,var(--brand) 18%,transparent)}
.tstep.on b{color:var(--ink)}
.bank{display:grid;gap:10px;background:var(--surface-2);border-radius:14px;padding:16px}
.bank small{display:block;color:var(--muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.bank .iban{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;justify-content:space-between}
.bank .iban b{font-size:1.08rem;letter-spacing:.05em}
.list-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.list-row:last-child{border:0}
.buy-box{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.buy-box .qty input{width:44px}
.stock-note{font-size:.85rem;font-weight:700;display:inline-flex;gap:6px;align-items:center}
.stock-note.ok{color:var(--ok)}.stock-note.low{color:var(--warn)}.stock-note.out{color:var(--danger)}
.tickets .tk{display:grid;grid-template-columns:1fr auto;gap:6px 14px;padding:16px 0;border-bottom:1px solid var(--line)}
.chat{display:grid;gap:14px}
.bubble{max-width:82%;padding:14px 16px;border-radius:18px;background:var(--surface-2);white-space:pre-wrap;line-height:1.6}
.bubble.me{margin-left:auto;background:var(--brand);color:#fff;border-bottom-right-radius:6px}
.bubble.them{border-bottom-left-radius:6px;border:1px solid var(--line)}
.bubble small{display:block;font-size:.75rem;opacity:.75;margin-top:6px}
@media (max-width:760px){
  .cart-row{grid-template-columns:60px 1fr auto;grid-template-areas:"img info rm" "img qty price"}
  .cart-img{grid-area:img;width:60px;height:60px}.cart-info{grid-area:info}.cart-row .qty{grid-area:qty;justify-self:start}.cart-price{grid-area:price}.cart-row .icon-btn{grid-area:rm}
  .track{grid-template-columns:repeat(5,1fr);font-size:.7rem}.tstep{font-size:.68rem}.tstep span{width:30px;height:30px}.tstep::before{top:14px}
  .bubble{max-width:92%}
}
[hidden]{display:none!important}
p .ic,.muted .ic,.link .ic,.trust .ic,.stock-note .ic{display:inline-block;vertical-align:-.2em}
.form>.card>.h-md,.card.form>.h-md{font-size:1.3rem}
@media (max-width:1480px){.brand-txt small{display:none}}
h2 .ic,h3 .ic,h4 .ic,summary .ic{display:inline-block;vertical-align:-.15em}

/* NFC yazma penceresi */
.nfc-modal{position:fixed;inset:0;z-index:95;background:rgba(3,6,14,.65);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}
.nfc-box{background:var(--surface);border-radius:24px;padding:30px;max-width:420px;width:100%;text-align:center;box-shadow:var(--sh-3);animation:tin .3s var(--ease)}
.nfc-anim{position:relative;width:110px;height:110px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;background:var(--brand-50);color:var(--brand)}
.nfc-anim .ic{width:46px;height:46px}
.nfc-anim span{position:absolute;inset:0;border-radius:50%;border:2px solid var(--brand);animation:ring2 2s var(--ease) infinite;opacity:0}
.nfc-anim span+span{animation-delay:1s}
@keyframes ring2{0%{transform:scale(.8);opacity:.8}100%{transform:scale(1.5);opacity:0}}
.nfc-box.ok .nfc-anim{background:rgba(22,163,74,.12);color:var(--ok)}
.nfc-box.ok .nfc-anim span{display:none}
.nfc-box.err .nfc-anim{background:rgba(220,38,38,.1);color:var(--danger)}
.nfc-url{display:flex;gap:8px;align-items:center;background:var(--surface-2);border-radius:12px;padding:8px 8px 8px 12px}
.nfc-url code{flex:1;text-align:left;font-size:.82rem;word-break:break-all}
/* Ekip kartları */
.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.tcard{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.tcard-top{height:64px;background:linear-gradient(135deg,#0b0f1c,var(--a,#e11d2e));position:relative}
.tcard-top img{position:absolute;right:12px;top:12px;height:26px;max-width:90px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}
.tcard-av{width:64px;height:64px;border-radius:18px;margin:-32px 0 0 18px;border:4px solid var(--surface);background:linear-gradient(135deg,var(--a,#e11d2e),#0b0f1c);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.2rem;overflow:hidden;position:relative}
.tcard-av img{width:100%;height:100%;object-fit:cover}
.tcard-b{padding:10px 18px 16px;display:flex;flex-direction:column;gap:2px;flex:1}
.tcard-b .muted{font-size:.85rem}
.tcard-f{display:flex;gap:6px;padding:12px 18px;border-top:1px solid var(--line);flex-wrap:wrap}
.tcard.new{border-style:dashed;align-items:center;justify-content:center;min-height:220px;color:var(--muted);gap:8px;font-weight:700}
.tcard.new:hover{border-color:var(--brand);color:var(--brand)}

/* Galeri, varyant, yorum */
.thumbs{display:flex;gap:10px;flex-wrap:wrap}
.thumb-btn{width:78px;height:78px;border-radius:14px;overflow:hidden;border:2px solid var(--line);padding:0;cursor:pointer;background:var(--surface-2);transition:border-color .2s}
.thumb-btn img{width:100%;height:100%;object-fit:cover}
.thumb-btn.on,.thumb-btn:hover{border-color:var(--brand)}
.var-opts{display:flex;flex-wrap:wrap;gap:8px}
.var-opt{position:relative}
.var-opt input{position:absolute;opacity:0}
.var-opt span{display:flex;flex-direction:column;padding:.6em 1em;border:1.5px solid var(--line-2);border-radius:12px;cursor:pointer;font-weight:700;font-size:.9rem;transition:all .2s;background:var(--surface)}
.var-opt small{font-weight:600;color:var(--muted);font-size:.75rem}
.var-opt input:checked+span{border-color:var(--brand);background:var(--brand-50);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}
.var-opt input:focus-visible+span{outline:2px solid var(--brand)}
.var-tag{display:inline-block;font-size:.75rem;font-weight:700;background:var(--surface-2);border:1px solid var(--line);border-radius:99px;padding:.1em .6em;color:var(--ink-2)}
.stars{--r:0;display:inline-block;font-size:1.05rem;line-height:1;letter-spacing:2px;background:linear-gradient(90deg,#f59e0b calc(var(--r)/5*100%),var(--line-2) 0);-webkit-background-clip:text;background-clip:text;color:transparent}
.stars::before{content:"★★★★★"}
.stars-line{display:inline-flex;gap:8px;align-items:center;margin:-4px 0 6px;font-size:.9rem}
.rating-big{display:flex;gap:12px;align-items:center}
.rating-big>b{font-size:2.8rem;letter-spacing:-.04em;line-height:1}
.rating-big small{display:block}
.review{display:flex;flex-direction:column}
.rv-author{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;flex-wrap:wrap}
.rv-reply{margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--surface-2);font-size:.88rem;color:var(--ink-2)}
.star-input{display:inline-flex;flex-direction:row-reverse;gap:4px}
.star-input input{position:absolute;opacity:0}
.star-input label{font-size:2rem;color:var(--line-2);cursor:pointer;transition:color .15s;line-height:1}
.star-input input:checked~label,.star-input label:hover,.star-input label:hover~label{color:#f59e0b}
/* ===== v2.4: favoriler ===== */
.prod{position:relative}
.fav-form{position:absolute;top:12px;right:12px;z-index:3;margin:0}
.fav-form.inline{position:static}
.fav-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(8px);display:grid;place-items:center;cursor:pointer;color:var(--muted);transition:transform .2s var(--ease),color .2s,background .2s;box-shadow:var(--sh-1)}
.fav-btn .ic{width:19px;height:19px}
.fav-btn:hover{color:var(--brand);transform:scale(1.06)}
.fav-btn.on{color:#fff;background:var(--brand);border-color:var(--brand)}
.fav-btn.on .ic{fill:currentColor}
.fav-btn.fav-pop{animation:favpop .35s var(--ease)}
@keyframes favpop{40%{transform:scale(1.25)}100%{transform:scale(1)}}
.fav-link{position:relative}
.fav-link .cnt:empty{display:none}
.stock-alert{display:flex;gap:8px;margin:0 0 12px}
.stock-alert input{flex:1;min-width:0;padding:.75em .9em;border:1px solid var(--line-2);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit}
.shop-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:26px}
.shop-bar .filters{margin:0}
.shop-tools{display:flex;gap:8px;align-items:center}
.shop-tools input,.shop-tools select{padding:.62em .85em;border:1px solid var(--line-2);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-size:.9rem}
.shop-tools input{width:200px}
/* ===== v2.4: randevu ===== */
.appt-step{display:flex;gap:12px;align-items:center;margin:6px 0 14px}
.appt-step span{width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;font-weight:800;display:grid;place-items:center;font-size:.9rem;flex:none}
.appt-step h3{margin:0;font-size:1.08rem}
.appt .appt-step.sep{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}
.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mode-opt{position:relative}
.mode-opt input{position:absolute;opacity:0;pointer-events:none}
.mode-opt span{display:flex;flex-direction:column;gap:8px;padding:14px;border:1.5px solid var(--line-2);border-radius:14px;cursor:pointer;transition:all .2s;font-size:.88rem;height:100%}
.mode-opt span .ic{color:var(--brand)}
.mode-opt input:checked+span{border-color:var(--brand);background:var(--brand-50);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 12%,transparent)}
.mode-opt input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}
.days-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center}
.days{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;scrollbar-width:thin}
.day{flex:none;scroll-snap-align:start;position:relative}
.slot{position:relative}
.day input{position:absolute;opacity:0;pointer-events:none}
.day span{display:flex;flex-direction:column;align-items:center;width:74px;padding:10px 4px;border:1.5px solid var(--line-2);border-radius:16px;cursor:pointer;transition:all .2s;line-height:1.2;background:var(--surface)}
.day small{font-size:.72rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.day b{font-size:1.45rem;margin:2px 0}
.day em{font-style:normal;font-size:.68rem;font-weight:700;color:var(--ok);margin-top:4px}
.day.off span{opacity:.45;cursor:not-allowed}.day.off em{color:var(--muted)}
.day input:checked+span{border-color:var(--brand);background:var(--brand);color:#fff}
.day input:checked+span small,.day input:checked+span em{color:rgba(255,255,255,.85)}
.day input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-top:14px;min-height:46px}
.slot input{position:absolute;opacity:0;pointer-events:none}
.slot span{display:block;text-align:center;padding:.7em .4em;border:1.5px solid var(--line-2);border-radius:12px;font-weight:700;font-size:.92rem;cursor:pointer;transition:all .15s;background:var(--surface)}
.slot span:hover{border-color:var(--brand);color:var(--brand)}
.slot.off span{opacity:.4;text-decoration:line-through;cursor:not-allowed}
.slot.off span:hover{border-color:var(--line-2);color:inherit}
.slot input:checked+span{background:var(--brand);border-color:var(--brand);color:#fff}
.slot input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}
.appt-foot{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:8px;padding-top:18px;border-top:1px solid var(--line)}
.appt-sum{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:.95rem}
.appt-sum b{color:var(--ink)}
.appt-sum .ic{color:var(--brand)}
button[disabled].btn{opacity:.55;cursor:not-allowed}
.appt-ticket{padding:34px}
.appt-ticket-h{display:flex;gap:20px;align-items:center;padding-bottom:22px;border-bottom:1px dashed var(--line-2);margin-bottom:22px}
.appt-cal{width:84px;flex:none;border-radius:18px;overflow:hidden;text-align:center;border:1px solid var(--line);background:var(--surface);box-shadow:var(--sh-1);line-height:1.1;padding-bottom:8px}
.appt-cal small:first-child{display:block;background:var(--brand);color:#fff;font-weight:800;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;padding:5px 0;margin-bottom:6px}
.appt-cal b{display:block;font-size:2rem}
.appt-cal small{font-size:.78rem;color:var(--muted);font-weight:700}
.appt-cal.sm{width:64px;border-radius:14px}.appt-cal.sm b{font-size:1.4rem}
.appt-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px}
.appt-facts>div{display:flex;gap:12px;align-items:flex-start}
.appt-facts .ic{color:var(--brand);margin-top:3px;flex:none}
.appt-facts small{display:block;color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.appt-acts{display:flex;gap:10px;flex-wrap:wrap}
.appt-acts .btn{flex:1 1 180px;justify-content:center}
.note-box{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--warn) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--warn) 25%,transparent);margin-bottom:18px;font-size:.92rem}
.note-box .ic{color:var(--warn);flex:none;margin-top:2px}
.btn-link{background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;font:inherit;font-size:.88rem}
.btn-link:hover{color:var(--danger)}
.appt-li{display:flex;gap:16px;align-items:center;padding:14px 18px;text-decoration:none;color:inherit}
.cargo-link{display:inline-flex;gap:6px;align-items:center;font-weight:700;color:var(--brand);margin-top:6px}
@media (max-width:760px){.modes{grid-template-columns:1fr}.appt-facts{grid-template-columns:1fr}.appt-ticket{padding:22px}.shop-tools{width:100%}.shop-tools input{flex:1;width:auto}.days-wrap>.icon-btn{display:none}.days-wrap{grid-template-columns:1fr}}
@media (max-width:560px){.hdr-act .fav-link{display:none}}
/* ===== v2.5: kampanya penceresi ===== */
.pop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:16px}
.pop[hidden]{display:none!important}
.pop-bg{position:absolute;inset:0;background:rgba(4,7,15,.62);backdrop-filter:blur(6px);animation:popfade .3s}
.pop-box{position:relative;width:min(440px,100%);background:linear-gradient(165deg,#0f1830,#060a14);color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:34px 28px 26px;text-align:center;overflow:hidden;box-shadow:0 40px 100px -30px rgba(225,29,46,.55);animation:popin .45s var(--ease)}
.pop-glow{position:absolute;inset:-40% -20% auto;height:260px;background:radial-gradient(closest-side,rgba(225,29,46,.55),transparent);pointer-events:none}
.pop-box>*{position:relative}
.pop-box>.pop-glow,.pop-box>.pop-x{position:absolute}
.pop-box h3{font-size:clamp(1.5rem,5vw,1.9rem);margin:10px 0 8px;letter-spacing:-.02em}
.pop-box p{color:#b8c2d8;margin:0 0 18px}
.pop-box .eyebrow{display:inline-flex;gap:6px;align-items:center}
.pop-x{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:2}
.pop-cd{display:flex;justify-content:center;gap:8px;margin:0 0 18px}
.pop-cd span{min-width:62px;padding:10px 6px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#8e9ab4}
.pop-cd b{display:block;font-size:1.5rem;color:#fff;letter-spacing:0;font-variant-numeric:tabular-nums}
.pop-code{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;margin:0 0 12px;border-radius:16px;border:1.5px dashed rgba(255,138,148,.7);background:rgba(225,29,46,.1);color:#fff;cursor:pointer;font:inherit}
.pop-code span{font-weight:800;font-size:1.25rem;letter-spacing:.12em}
.pop-code small{display:inline-flex;gap:6px;align-items:center;font-weight:700;color:#ff8a94}
.pop-code.done small{color:#4ade80}
@keyframes popin{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}
@keyframes popfade{from{opacity:0}to{opacity:1}}
/* ===== v2.5: kişilerim ===== */
.contact-li{display:flex;gap:16px;align-items:flex-start;padding:18px 20px}
.contact-li.is-new{border-color:color-mix(in srgb,var(--brand) 40%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 8%,transparent)}
.contact-av{width:46px;height:46px;border-radius:14px;flex:none;display:grid;place-items:center;font-weight:800;font-size:1.15rem;color:var(--brand);background:var(--brand-50)}
.contact-meta{display:flex;gap:6px 16px;flex-wrap:wrap;margin-top:6px;font-size:.88rem}
.contact-meta a{display:inline-flex;gap:6px;align-items:center;font-weight:600}
.contact-meta .ic{width:15px;height:15px}
.contact-acts{display:flex;gap:6px;flex:none}
@media (max-width:640px){.contact-li{flex-wrap:wrap}.contact-acts{width:100%;justify-content:flex-end}}
/* ===== v2.6: premium cilası ===== */
h1,h2,h3,.h-xl,.h-lg,.h-md{text-wrap:balance}
p,.lead,li{text-wrap:pretty}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.2s}
[id]{scroll-margin-top:96px}
body{font-feature-settings:"kern" 1,"liga" 1;font-optical-sizing:auto}
.price b,.kpi b,.pop-cd b,.appt-cal b,.day b{font-variant-numeric:tabular-nums}
@media (max-width:1480px){.search-trigger .t,.search-trigger .kbd{display:none}.search-trigger{width:42px;min-width:0;padding:0;justify-content:center}}
/* WhatsApp düğmesi: kaydırınca simgeye küçülür */
.wa-fab .l{display:inline-block;max-width:140px;overflow:hidden;white-space:nowrap;transition:max-width .35s var(--ease),opacity .25s,margin .35s}
.wa-fab.mini{padding:14px}
.wa-fab.mini .l{max-width:0;opacity:0;margin-left:-10px}
.wa-fab.mini:hover .l,.wa-fab.mini:focus-visible .l{max-width:140px;opacity:1;margin-left:0}
.wa-fab.mini:hover{padding:12px 18px 12px 14px}
/* Mobil sabit satın alma çubuğu */
.buybar{display:none}
@media (max-width:760px){
  .buybar{display:flex;position:fixed;left:10px;right:10px;bottom:84px;z-index:44;gap:12px;align-items:center;justify-content:space-between;padding:10px 10px 10px 16px;border-radius:18px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--line);box-shadow:var(--sh-2);transform:translateY(140%);opacity:0;transition:transform .35s var(--ease),opacity .25s;pointer-events:none}
  .buybar.show{transform:none;opacity:1;pointer-events:auto}
  .bb-info{min-width:0;display:flex;flex-direction:column;line-height:1.25}
  .bb-info b{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bb-info span{font-weight:800;color:var(--brand);font-variant-numeric:tabular-nums}
  .buybar .btn{padding:.75em 1.1em;font-size:.88rem;flex:none}
}
/* Kartlar: daha yumuşak hover derinliği */
.card.hov{transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.card.hov:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:color-mix(in srgb,var(--brand) 22%,var(--line))}
/* Okuma ilerleme çubuğu */
.read-progress{position:fixed;top:0;left:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#ff5261,var(--brand));z-index:60}
.post-meta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;color:#aeb8cf;font-size:.9rem;font-weight:600}
.post-meta span{display:inline-flex;gap:6px;align-items:center}
.post-meta .ic{width:16px;height:16px}
/* ===== v2.6: üye paneli ===== */
.kpis-4{grid-template-columns:repeat(4,1fr)}
a.kpi{display:block;transition:border-color .25s,transform .25s,box-shadow .25s}
a.kpi:hover{border-color:color-mix(in srgb,var(--brand) 30%,var(--line));transform:translateY(-2px);box-shadow:var(--sh-1)}
.kpi span{display:flex;gap:6px;align-items:center}
.kpi span .ic{width:15px;height:15px;color:var(--brand)}
.kpi small{display:block;color:var(--muted);font-size:.78rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.setup-card{display:flex;gap:22px;align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 7%,var(--surface)),var(--surface))}
.setup-ring{--p:0;width:86px;height:86px;flex:none;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--brand) calc(var(--p)*1%),var(--surface-2) 0);position:relative}
.setup-ring::before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--surface)}
.setup-ring b{position:relative;font-size:1.15rem;font-variant-numeric:tabular-nums}
.setup-steps{display:flex;flex-wrap:wrap;gap:8px}
.setup-steps a{display:inline-flex;gap:6px;align-items:center;padding:.45em .85em;border-radius:99px;border:1px solid var(--line-2);font-size:.8rem;font-weight:700;background:var(--surface);transition:border-color .2s}
.setup-steps a:hover{border-color:var(--brand)}
.setup-steps a .ic{width:15px;height:15px;color:var(--brand)}
.setup-steps a.ok{color:var(--muted);text-decoration:line-through;border-style:dashed}
.setup-steps a.ok .ic{color:var(--ok)}
.quick{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.quick-i{display:flex;flex-direction:column;gap:2px;padding:16px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}
.quick-i:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--brand) 30%,var(--line));box-shadow:var(--sh-1)}
.quick-i .ibox{width:40px;height:40px;border-radius:12px;margin-bottom:10px}
.quick-i .ibox .ic{width:19px;height:19px}
.quick-i b{font-size:.92rem}
.quick-i small{color:var(--muted);font-size:.76rem;line-height:1.35}
.card-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}
.card-h h3{margin:0}
.mini-row{display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}
.mini-row:last-child{border-bottom:0}
.mini-row b{display:block;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-row small{display:block;font-size:.8rem}
.ibox.sm{width:38px;height:38px;border-radius:11px;margin:0;flex:none}
.ibox.sm .ic{width:18px;height:18px}
@media (max-width:1180px){.quick{grid-template-columns:repeat(3,1fr)}.kpis-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.quick{grid-template-columns:repeat(2,1fr)}.setup-card{flex-direction:column;align-items:flex-start}}
body{word-spacing:.06em}
/* ===== v2.6: 404 ===== */
.nf-search{display:flex;gap:8px;align-items:center;max-width:520px;margin:0 auto;padding:6px 6px 6px 16px;border-radius:99px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.nf-search .ic{color:#aab4ca;flex:none}
.nf-search input{flex:1;min-width:0;background:none;border:0;color:#fff;font:inherit;outline:none}
.nf-search input::placeholder{color:#8e9ab4}
.nf-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.nf-l{display:flex;gap:14px;align-items:center;padding:18px}
.nf-l b{display:block}.nf-l small{display:block;font-size:.82rem;line-height:1.4}
.nf-l .go{margin-left:auto;color:var(--muted);flex:none;width:18px;height:18px}
/* v2.6 taşma düzeltmeleri */
.acc>*,.kpis>*,.grid>*{min-width:0}
@media (max-width:760px){.shop-tools select{min-width:0;flex:0 1 46%}.shop-tools input{min-width:0}}
/* ===== v2.7: sipariş hareketleri ===== */
.tl{list-style:none;margin:14px 0 0;padding:0;position:relative}
.tl::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--line)}
.tl li{display:flex;gap:14px;padding:0 0 16px;position:relative}
.tl li:last-child{padding-bottom:0}
.tl-dot{width:16px;height:16px;border-radius:50%;background:var(--surface);border:3px solid var(--line-2);flex:none;margin-top:3px;position:relative;z-index:1}
.tl li.now .tl-dot{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 18%,transparent)}
.tl b{display:block;font-size:.95rem}
.tl small{display:block;font-size:.78rem;margin-top:2px}
.tl-card summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px}
.tl-card summary::-webkit-details-marker{display:none}
.tl-card summary b{display:inline-flex;gap:8px;align-items:center}
.tl-card summary .ic{color:var(--brand)}
/* ===== v2.7: açılır menü ===== */
.nav-dd{position:relative}
.nav-dd>a{display:inline-flex;align-items:center;gap:4px}
.nav-dd .dd-c{width:14px;height:14px;transition:transform .25s;opacity:.7}
.nav-dd:hover .dd-c,.nav-dd:focus-within .dd-c{transform:rotate(180deg)}
.dd-panel{position:absolute;left:50%;top:calc(100% + 10px);transform:translate(-50%,8px);width:520px;padding:10px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-3);opacity:0;visibility:hidden;transition:opacity .2s,transform .25s var(--ease),visibility .2s;z-index:60}
.dd-panel.wide{width:640px}
.dd-panel::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.nav-dd:hover .dd-panel,.nav-dd:focus-within .dd-panel{opacity:1;visibility:visible;transform:translate(-50%,0)}
.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.nav .dd-i{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:14px;white-space:normal;color:var(--ink)!important;background:none!important;font-size:.9rem}
.nav .dd-i:hover{background:var(--surface-2)!important}
.dd-i b{display:block;font-size:.9rem;line-height:1.3}
.dd-i small{display:block;color:var(--muted);font-weight:500;font-size:.78rem;line-height:1.4;margin-top:2px}
.dd-i .ibox.sm{width:36px;height:36px;border-radius:10px}
.dd-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding:12px 12px 6px;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}
.nav .dd-foot .btn{color:#fff}
.nav .dd-foot .btn-ghost{color:var(--ink)}
.hdr .dd-panel .btn-ghost{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line-2)!important}
/* ===== v2.7: müşteri yorumları ===== */
.quote{position:relative;margin:0;display:flex;flex-direction:column;gap:12px;padding:28px}
.quote .q-ic{position:absolute;top:22px;right:22px;width:34px;height:34px;color:color-mix(in srgb,var(--brand) 22%,transparent)}
.quote blockquote{margin:0;font-size:1.02rem;line-height:1.65;color:var(--ink-2);flex:1}
.quote figcaption{display:flex;gap:12px;align-items:center;padding-top:14px;border-top:1px solid var(--line)}
.quote figcaption>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.quote figcaption a{font-size:.8rem}
.q-av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#ff5261,var(--brand-700));flex:none}
.quote .badge .ic{width:12px;height:12px}
/* ===== v2.7: görsel büyütme ===== */
[data-gallery-main] img{cursor:zoom-in}
.lb{position:fixed;inset:0;z-index:130;background:rgba(4,7,15,.92);display:grid;place-items:center;padding:60px 16px;animation:popfade .25s}
.lb[hidden]{display:none!important}
.lb img{max-width:min(1100px,100%);max-height:100%;object-fit:contain;border-radius:16px;box-shadow:0 40px 100px -30px rgba(0,0,0,.8);animation:popin .35s var(--ease)}
.lb button{position:absolute;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer;font-size:1.5rem;line-height:1}
.lb button:hover{background:rgba(255,255,255,.16)}
.lb .lb-x{top:16px;right:16px}.lb .lb-p{left:16px;top:50%;transform:translateY(-50%)}.lb .lb-n{right:16px;top:50%;transform:translateY(-50%)}
.lb .lb-c{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:#aab4ca;font-size:.85rem;font-weight:700}
/* ===== v2.8: davet ===== */
.invite-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;background:radial-gradient(90% 140% at 100% 0%,color-mix(in srgb,var(--brand) 14%,transparent),transparent 60%),var(--surface)}
.invite-box{padding:20px;border-radius:var(--r);background:var(--surface-2);border:1px dashed color-mix(in srgb,var(--brand) 40%,var(--line-2))}
.invite-box small{display:block;color:var(--muted);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.invite-code{display:block;font-size:1.9rem;letter-spacing:.12em;margin:4px 0 12px;color:var(--brand)}
.invite-link{display:flex;gap:8px}
.invite-link input{flex:1;min-width:0;padding:.6em .8em;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font:inherit;font-size:.85rem}
@media (max-width:860px){.invite-hero{grid-template-columns:1fr}}
/* ===== v2.8: soru-cevap ===== */
.qa{display:grid;gap:12px}
.qa-i{padding:18px 20px}
.qa-q,.qa-a{display:flex;gap:12px;align-items:flex-start}
.qa-q b,.qa-a b{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:.8rem}
.qa-q b{background:var(--surface-2);color:var(--ink)}
.qa-a{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line-2)}
.qa-a b{background:var(--brand);color:#fff}
.qa-q p,.qa-a p{margin:0}
.qa-q small{display:block;color:var(--muted);font-size:.78rem;margin-top:2px}
.qa-form{display:grid;gap:10px;margin-top:4px}
/* ===== v2.8: giriş geçmişi ===== */
.logins{display:grid;gap:0}
.logins div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.88rem}
.logins div:last-child{border:0}
.logins .bad{color:var(--danger)}
/* ===== v2.8: içindekiler ===== */
.toc{margin:0 0 30px;padding:20px 22px}
.toc b{display:flex;gap:8px;align-items:center;font-size:.95rem}
.toc b .ic{color:var(--brand);width:18px;height:18px}
.toc ol{margin:10px 0 0;padding-left:1.2em;display:grid;gap:6px;counter-reset:none}
.toc li{font-size:.93rem}
.toc li.l3{margin-left:1em;list-style:circle;font-size:.88rem}
.toc a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.toc a:hover{color:var(--brand);border-color:currentColor}
.toc ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:4px}
.toc li{position:relative;padding-left:16px}
.toc li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--brand)}
.toc li.l3{margin-left:18px;list-style:none}
.toc li.l3::before{background:transparent;border:1.5px solid var(--muted)}
.invite-hero>*{min-width:0}@media (max-width:560px){.invite-link{flex-wrap:wrap}.invite-link input{flex-basis:100%}.invite-code{font-size:1.5rem}}
/* ===== v2.9: üye bildirimleri ===== */
.mnotif{position:relative}
.mnotif summary{list-style:none;cursor:pointer}
.mnotif summary::-webkit-details-marker{display:none}
.mnotif-drop{position:absolute;right:-60px;top:calc(100% + 12px);width:360px;max-width:calc(100vw - 24px);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh-3);padding:8px;z-index:70}
.mnotif-h{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 8px;font-size:.92rem}
.mnotif-h form{margin:0}.mnotif-h .btn-link{font-size:.8rem}
.mnotif-i{display:flex;gap:12px;align-items:flex-start;padding:11px 12px;border-radius:14px;position:relative;color:var(--ink)}
.mnotif-i:hover{background:var(--surface-2)}
.mnotif-i.new::after{content:"";position:absolute;right:12px;top:16px;width:8px;height:8px;border-radius:50%;background:var(--brand)}
.mnotif-i b{display:block;font-size:.88rem;line-height:1.35;padding-right:14px}
.mnotif-i small{display:block;color:var(--muted);font-size:.8rem;line-height:1.4;margin-top:2px}
.mnotif-i em{display:block;font-style:normal;color:var(--muted);font-size:.72rem;margin-top:3px}
.mnotif-i .ibox.sm{width:34px;height:34px}
.mnotif-empty{display:flex;gap:8px;align-items:center;padding:18px 12px;color:var(--muted);font-size:.9rem}
.mnotif-empty .ic{color:var(--ok)}
.mnotif-all{display:flex;justify-content:center;gap:6px;align-items:center;padding:10px;margin-top:4px;border-top:1px solid var(--line);font-weight:700;font-size:.85rem;color:var(--brand)}
.mnotif-all .ic{width:15px;height:15px}
@media (max-width:560px){.mnotif-drop{position:fixed;left:12px;right:12px;top:78px;width:auto}}
/* ===== v2.9: hızlı bakış ===== */
.prod-media{position:relative}
.qv-btn{position:absolute;left:50%;top:calc(100cqw * 11 / 16 - 54px);transform:translate(-50%,8px);opacity:0;z-index:3;display:inline-flex;gap:6px;align-items:center;padding:.55em 1em;border-radius:99px;border:1px solid rgba(255,255,255,.25);background:rgba(10,16,32,.72);backdrop-filter:blur(8px);color:#fff;font:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:opacity .25s,transform .25s var(--ease)}
.qv-btn .ic{width:16px;height:16px}
.prod:hover .qv-btn,.qv-btn:focus-visible{opacity:1;transform:translate(-50%,0)}
@media (hover:none){.qv-btn{display:none}}
.qv-modal{position:fixed;inset:0;z-index:125;display:grid;place-items:center;padding:16px}
.qv-modal[hidden]{display:none!important}
.qv-bg{position:absolute;inset:0;background:rgba(4,7,15,.6);backdrop-filter:blur(4px);animation:popfade .25s}
.qv-box{position:relative;width:min(920px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:26px;box-shadow:var(--sh-3);animation:popin .35s var(--ease)}
.qv-x{position:absolute;top:14px;right:14px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.qv{display:grid;grid-template-columns:1fr 1fr}
.qv-media{min-height:360px;background:radial-gradient(80% 80% at 50% 40%,rgba(225,29,46,.35),transparent 70%),#0a0f1d;display:grid;place-items:center;border-radius:26px 0 0 26px;overflow:hidden}
.qv-media img{width:100%;height:100%;object-fit:cover}
.qv-media .mini-card{width:56%;aspect-ratio:1.586;border-radius:18px;background:linear-gradient(135deg,#2a060b,#b3101d);display:grid;place-items:center;transform:rotate(-8deg);color:#fff;box-shadow:0 30px 60px -20px rgba(225,29,46,.7)}
.qv-media .mini-card .ic{width:44px;height:44px}
.qv-body{padding:32px 30px}
.qv-body h3{font-size:1.5rem;margin:6px 0 8px}
.qv-body .price{margin:10px 0 12px}
.qv-body .price b{font-size:1.6rem}
.qv-loading{padding:60px;text-align:center;color:var(--muted)}
@media (max-width:760px){.qv{grid-template-columns:1fr}.qv-media{min-height:220px;border-radius:26px 26px 0 0}.qv-body{padding:22px}}
.install-btn{display:inline-flex;gap:6px;align-items:center;background:none;border:1px solid rgba(255,255,255,.2);color:inherit;border-radius:99px;padding:.3em .8em;font:inherit;font-size:.85rem;cursor:pointer}
.install-btn .ic{width:15px;height:15px}
.prod{container-type:inline-size}
/* v2.9 mobil başlık sıkışması */
.drawer-theme{display:none}
@media (max-width:560px){
  .hdr-act{gap:6px}
  .hdr-act .icon-btn{width:38px;height:38px}
  .hdr-act .theme-btn{display:none}
  .drawer-theme{display:inline-flex}
  .brand-txt b{font-size:1rem}
}
@media (max-width:340px){.brand-txt{display:none}}
/* ===== v3.1: açılış animasyonu (splash) ===== */
.fd-splash{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#05080f;color:#fff;overflow:hidden;clip-path:inset(0 0 0 0);transition:clip-path .9s cubic-bezier(.77,0,.18,1),opacity .5s .5s}
.splash-seen .fd-splash{display:none!important}
html.fs-lock,html.fs-lock body{overflow:hidden}
.fd-splash.out{clip-path:inset(0 0 100% 0);pointer-events:none}
.fd-splash.out .fs-center{transform:translateY(-40px) scale(.96);opacity:0;transition:transform .8s cubic-bezier(.77,0,.18,1),opacity .5s}
.fd-splash.gone{display:none}
.fd-splash{animation:fsAutoHide .4s ease 6.5s forwards}
@keyframes fsAutoHide{to{opacity:0;visibility:hidden;pointer-events:none}}
.fs-bg{position:absolute;inset:0}
.fs-grid{position:absolute;inset:-2px;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(60% 55% at 50% 50%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(60% 55% at 50% 50%,#000 20%,transparent 75%);animation:fsGrid 3s ease-out both}
.fs-glow{position:absolute;left:50%;top:44%;width:720px;height:720px;margin:-360px 0 0 -360px;border-radius:50%;background:radial-gradient(closest-side,rgba(225,29,46,.42),rgba(225,29,46,.12) 45%,transparent 70%);filter:blur(10px);animation:fsGlow 3.2s ease-out both}
.fs-glow.b{top:100%;width:1100px;height:600px;margin:-300px 0 0 -550px;background:radial-gradient(closest-side,rgba(37,99,235,.18),transparent 70%);animation-delay:.2s}
.fs-center{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;transition:transform .8s,opacity .5s}
.fs-mark{position:relative;width:132px;height:132px;display:grid;place-items:center;margin-bottom:26px}
.fs-tile{position:relative;z-index:2;width:112px;height:112px;border-radius:32px;display:grid;place-items:center;background:conic-gradient(from 210deg,#ff5261,#b20d1c,#ff2d40,#ff5261);box-shadow:0 30px 70px -18px rgba(225,29,46,.75),inset 0 1px 0 rgba(255,255,255,.35);animation:fsTile .9s cubic-bezier(.2,.9,.25,1.25) .15s both}
.fs-tile::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.45) 48%,transparent 62%);background-size:250% 100%;background-position:120% 0;animation:fsShine 1.1s ease-in-out 1.05s both;mix-blend-mode:overlay}
.fs-tile svg{width:62px;height:62px;overflow:visible}
.fs-tile .d{stroke-dasharray:1;stroke-dashoffset:1;animation:fsDraw .55s cubic-bezier(.65,0,.35,1) both}
.fs-tile .d1{animation-delay:.45s;animation-duration:.6s}.fs-tile .d2{animation-delay:.8s}.fs-tile .d3{animation-delay:1s}.fs-tile .d4{animation-delay:1.12s}
.fs-tile.img{background:#fff;width:124px;height:124px;border-radius:30px;padding:10px;box-shadow:0 30px 80px -20px rgba(225,29,46,.8),0 0 0 1px rgba(255,255,255,.1)}
.fs-tile.img img{width:100%;height:100%;object-fit:contain;border-radius:20px}
.fs-ring{position:absolute;inset:10px;border-radius:36px;border:1.5px solid rgba(255,82,97,.55);opacity:0;animation:fsRing 1.6s cubic-bezier(.2,.7,.2,1) both}
.fs-ring.r1{animation-delay:1.05s}.fs-ring.r2{animation-delay:1.3s}.fs-ring.r3{animation-delay:1.55s}
.fs-word{display:flex;justify-content:center;font-weight:800;font-size:clamp(2.6rem,7vw,4.2rem);letter-spacing:.08em;line-height:1;overflow:hidden;padding:.08em .1em}
.fs-word span{display:inline-block;transform:translateY(110%);filter:blur(8px);opacity:0;animation:fsChar .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.85s + var(--i) * .055s)}
.fs-slogan{margin-top:14px;overflow:hidden}
.fs-slogan span{display:inline-block;font-weight:800;font-size:clamp(1.05rem,2.4vw,1.35rem);letter-spacing:.01em;background:linear-gradient(90deg,#ff6b78,#e11d2e 45%,#ff9aa3);-webkit-background-clip:text;background-clip:text;color:transparent;clip-path:inset(0 100% 0 0);animation:fsWipe .8s cubic-bezier(.65,0,.35,1) 1.35s both}
.fs-sub{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:14px;color:#9aa6bf;font-size:.95rem;opacity:0;transform:translateY(10px);animation:fsUp .7s ease 1.7s both}
.fs-sub b{color:#dfe5f1;font-weight:600}
.fs-sub i{width:4px;height:4px;border-radius:50%;background:#e11d2e;display:inline-block}
.fs-bar{position:absolute;left:50%;bottom:clamp(40px,9vh,80px);width:min(220px,50vw);height:2px;margin-left:min(-110px,-25vw);border-radius:2px;background:rgba(255,255,255,.1);overflow:hidden}
.fs-bar i{position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#ff5261,#e11d2e);box-shadow:0 0 12px #e11d2e;animation:fsBar 2.5s cubic-bezier(.4,0,.2,1) .1s both}
.fs-skip{position:absolute;right:20px;top:18px;display:inline-flex;gap:4px;align-items:center;padding:.45em .9em;border-radius:99px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#aab4ca;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;opacity:0;animation:fsUp .5s ease .9s both}
.fs-skip:hover{color:#fff;border-color:rgba(255,255,255,.3)}
@keyframes fsTile{from{opacity:0;transform:scale(.55) rotate(-14deg)}to{opacity:1;transform:none}}
@keyframes fsDraw{to{stroke-dashoffset:0}}
@keyframes fsShine{to{background-position:-60% 0}}
@keyframes fsRing{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(1.9)}}
@keyframes fsChar{to{transform:none;filter:none;opacity:1}}
@keyframes fsWipe{to{clip-path:inset(0 0 0 0)}}
@keyframes fsUp{to{opacity:1;transform:none}}
@keyframes fsBar{to{transform:scaleX(1)}}
@keyframes fsGlow{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes fsGrid{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .fd-splash *{animation-duration:.01s!important;animation-delay:0s!important}
  .fd-splash{transition:opacity .4s}.fd-splash.out{clip-path:none;opacity:0}
}
@media print{.fd-splash{display:none!important}}

/* ===== v3.2: filtreler, karşılaştırma, son bakılanlar, iade ===== */
.back-link{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.9rem;color:var(--muted)}
.back-link .ic{width:16px;height:16px;transform:rotate(180deg)}
.back-link:hover{color:var(--brand)}
.pay-opt{position:relative;display:block}
/* Ürün listesi araç çubuğu */
.shop-tools{flex-wrap:nowrap}
.st-search{position:relative;display:flex;align-items:center}
.st-search .ic{position:absolute;left:12px;width:17px;height:17px;color:var(--muted);pointer-events:none}
.shop-tools .st-search input{padding-left:36px;width:230px}
.flt-dd{position:relative}
.flt-dd>summary{list-style:none}
.flt-dd>summary::-webkit-details-marker{display:none}
.st-btn{display:inline-flex;align-items:center;gap:7px;padding:.62em .95em;border:1px solid var(--line-2);border-radius:12px;background:var(--surface);font-weight:700;font-size:.9rem;cursor:pointer;user-select:none;white-space:nowrap;transition:border-color .2s,box-shadow .2s}
.st-btn .ic{width:16px;height:16px}
.st-btn:hover,.flt-dd[open] .st-btn{border-color:var(--ink);box-shadow:var(--sh-1)}
.st-btn.on{border-color:var(--brand);color:var(--brand)}
.st-btn i{font-style:normal;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:var(--brand);color:#fff;font-size:.72rem}
.flt-pop{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:300px;padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-3);display:grid;gap:14px;animation:fltIn .22s var(--ease)}
@keyframes fltIn{from{opacity:0;transform:translateY(-6px)}}
.flt-t{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.flt-range{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}
.flt-range input{width:100%!important;padding:.62em .8em;border:1px solid var(--line-2);border-radius:12px;background:var(--surface-2);color:var(--ink);font:inherit;min-width:0}
.flt-range span{color:var(--muted)}
.shop-tools .flt-sw{align-items:center;font-weight:600}
.shop-tools .flt-sw input{flex:none!important;width:17px!important;height:17px;padding:0;margin:0}
.flt-acts{display:flex;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid var(--line)}
.shop-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-8px 0 22px;font-size:.9rem;color:var(--muted)}
.shop-meta>span{margin-right:6px}
.shop-meta b{color:var(--ink)}
.f-chip{display:inline-flex;align-items:center;gap:6px;padding:.38em .5em .38em .85em;border-radius:99px;background:var(--brand-50);color:var(--brand);font-weight:700;font-size:.82rem;border:1px solid color-mix(in srgb,var(--brand) 20%,transparent);transition:background .2s}
.f-chip .ic{width:14px;height:14px;padding:2px;border-radius:50%;background:color-mix(in srgb,var(--brand) 14%,transparent)}
.f-chip:hover{background:color-mix(in srgb,var(--brand) 16%,var(--surface))}
.f-clear{font-weight:700;font-size:.82rem;text-decoration:underline;color:var(--muted)}
/* Karşılaştır düğmeleri */
.cmp-fab{position:absolute;top:60px;right:12px;z-index:3;height:40px;min-width:40px;padding:0 11px;border-radius:99px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(8px);display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--muted);font:inherit;font-size:.8rem;font-weight:700;box-shadow:var(--sh-1);transition:color .2s,background .2s,border-color .2s}
.cmp-fab .ic{width:17px;height:17px;flex:none}
.cmp-fab span{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .3s var(--ease)}
.cmp-fab:hover span,.cmp-fab:focus-visible span,.cmp-fab.on span{max-width:90px}
.cmp-fab:hover{color:var(--ink)}
.cmp-fab.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.pd-mini{display:flex;gap:10px}
.pd-mini>*{flex:1}
.cmp-inline.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.cmp-inline .ic{width:18px;height:18px}
/* Karşılaştırma tepsisi */
.cmp-tray{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 14px;border-radius:20px;background:color-mix(in srgb,var(--night,#0a1020) 92%,transparent);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px -18px rgba(5,8,15,.7);color:#fff;max-width:calc(100vw - 24px);animation:trayIn .45s var(--ease)}
.cmp-tray[hidden]{display:none}
.cmp-tray.up{bottom:92px}
.cmp-tray.bump{animation:trayBump .45s var(--ease)}
@keyframes trayIn{from{opacity:0;transform:translate(-50%,24px)}}
@keyframes trayBump{40%{transform:translateX(-50%) scale(1.04)}}
.cmp-tray-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(225,29,46,.2);color:#ff6b78;flex:none}
.cmp-tray-ic .ic{width:18px;height:18px}
.cmp-tray-list{display:flex;gap:6px;min-width:0}
.cmp-slot{width:104px;height:34px;border-radius:10px;border:1.5px dashed rgba(255,255,255,.18);font-size:.76rem;font-weight:700;display:flex;align-items:center;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:rgba(255,255,255,.9)}
.cmp-slot.full{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);display:block;line-height:32px}
.cmp-tray .btn.dis{opacity:.55}
.cmp-tray .btn b{font-weight:600;opacity:.8}
.cmp-tray-x{width:34px;height:34px;border-radius:10px;border:0;background:transparent;color:rgba(255,255,255,.6);cursor:pointer;display:grid;place-items:center}
.cmp-tray-x:hover{background:rgba(255,255,255,.08);color:#fff}
.cmp-tray-x .ic{width:17px;height:17px}
/* Karşılaştırma sayfası */
.cmp-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.cmp-diff-t{align-items:center;padding:.5em .9em;border:1px solid var(--line-2);border-radius:12px;font-weight:600}
.cmp-diff-t input{margin-top:0}
.cmp-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-1);-webkit-overflow-scrolling:touch}
.cmp-tbl{width:100%;border-collapse:separate;border-spacing:0;min-width:calc(210px + var(--n) * 230px);table-layout:fixed}
.cmp-tbl th,.cmp-tbl td{padding:14px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:.92rem}
.cmp-tbl thead th{vertical-align:top;border-bottom:1px solid var(--line-2)}
.cmp-tbl .cmp-lbl{width:210px;position:sticky;left:0;z-index:2;background:var(--surface);color:var(--muted);font-size:.8rem;font-weight:700;letter-spacing:.02em;box-shadow:1px 0 0 var(--line)}
.cmp-tbl tbody tr:hover td,.cmp-tbl tbody tr:hover th{background:var(--surface-2)}
.cmp-tbl tbody tr:last-child>*{border-bottom:0}
.cmp-head{display:grid;gap:8px;position:relative}
.cmp-x{position:absolute;top:-4px;right:-6px;z-index:2;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--muted);display:grid;place-items:center;cursor:pointer;box-shadow:var(--sh-1)}
.cmp-x:hover{color:var(--danger);border-color:var(--danger)}
.cmp-x .ic{width:15px;height:15px}
.cmp-media{position:relative;display:grid;place-items:center;aspect-ratio:16/11;border-radius:16px;overflow:hidden;background:radial-gradient(120% 90% at 50% 100%,rgba(225,29,46,.3),transparent 60%),var(--night,#0a1020)}
.cmp-media img{width:100%;height:100%;object-fit:cover}
.cmp-media .mini-card,.rv-media .mini-card{aspect-ratio:1.586;background:linear-gradient(135deg,#2a060b,#b3101d);border:1px solid rgba(255,255,255,.15);display:grid;place-items:center;transform:rotate(-6deg);color:#fff}
.cmp-media .mini-card{width:58%;border-radius:12px;box-shadow:0 24px 40px -18px rgba(225,29,46,.7)}
.cmp-media .mini-card .ic{width:30%;height:auto}
.cmp-media .badge{position:absolute;top:10px;left:10px}
.cmp-title{font-weight:800;font-size:1.02rem;line-height:1.3;color:var(--ink)}
.cmp-title:hover{color:var(--brand)}
.cmp-price{display:flex;gap:8px;align-items:baseline}
.cmp-price b{font-size:1.25rem;letter-spacing:-.02em}
.cmp-price s{color:var(--muted);font-size:.85rem}
.cmp-head .cat{margin:0;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--brand)}
.cmp-head form{margin:0}
.cmp-sec th{background:var(--surface-2)!important;color:var(--ink)!important;font-size:.76rem!important;letter-spacing:.12em!important;text-transform:uppercase;position:static!important}
.cmp-ok,.cmp-warn,.cmp-no{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:.86rem}
.cmp-ok{color:var(--ok)}.cmp-warn{color:var(--warn)}.cmp-no{color:var(--danger)}
.cmp-ok .ic{width:15px;height:15px}
.cmp-yes{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}
.cmp-yes .ic{width:15px;height:15px;stroke-width:2.4}
.cmp-dash{color:var(--line-2);font-weight:700}
.cmp-chip{display:inline-block;margin:0 5px 5px 0;padding:.28em .7em;border-radius:99px;background:var(--surface-2);border:1px solid var(--line);font-size:.8rem;font-weight:600}
.cmp-sum{color:var(--ink-2);font-size:.88rem;line-height:1.55}
.cmp-stars{position:relative;display:inline-block;color:var(--line-2);letter-spacing:1px}
.cmp-stars::before{content:"★★★★★";position:absolute;inset:0;width:calc(var(--r) / 5 * 100%);overflow:hidden;color:#f5a524}
.cmp-tbl.diff tr[data-same="1"]{display:none}
.cmp-sug .cmp-fab{display:none}
/* Son baktıklarınız */
.rv-sec{padding-top:40px}
.rv-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.rv-head .eyebrow{margin:0}
.rv-head .eyebrow .ic{width:15px;height:15px}
.rv-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:14px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.rv-item{display:flex;gap:12px;align-items:center;padding:10px 14px 10px 10px;border-radius:18px;background:var(--surface);border:1px solid var(--line);scroll-snap-align:start;transition:border-color .2s,transform .25s var(--ease),box-shadow .25s}
.rv-item:hover{border-color:var(--line-2);transform:translateY(-2px);box-shadow:var(--sh-2)}
.rv-media{width:64px;height:64px;flex:none;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 100%,rgba(225,29,46,.35),transparent 65%),var(--night,#0a1020)}
.rv-media img{width:100%;height:100%;object-fit:cover}
.rv-media .mini-card{width:74%;border-radius:6px;box-shadow:none}
.rv-media .mini-card .ic{width:14px;height:14px;color:#fff}
.rv-body{display:grid;gap:2px;min-width:0}
.rv-body small{font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--brand)}
.rv-body b{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rv-body em{font-style:normal;font-weight:800;font-size:.9rem;color:var(--ink-2)}
/* İade formu */
.rt-h{display:flex;align-items:center;gap:12px;margin:0;font-size:1.25rem}
.rt-h span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--brand-50);color:var(--brand);font-size:.9rem;font-weight:800}
.rt-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1.5px solid var(--line-2);border-radius:16px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;position:relative}
.rt-item.on{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 4%,var(--surface));box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 10%,transparent)}
.rt-item>input{position:absolute;opacity:0;pointer-events:none}
.rt-box{width:24px;height:24px;flex:none;border-radius:8px;border:1.5px solid var(--line-2);display:grid;place-items:center;color:transparent;transition:all .2s}
.rt-box .ic{width:15px;height:15px;stroke-width:2.6}
.rt-item.on .rt-box{background:var(--brand);border-color:var(--brand);color:#fff}
.rt-info{flex:1;min-width:0;display:grid;gap:2px}
.rt-info small{color:var(--muted)}
.rt-qty{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.rt-qty button{width:30px;height:30px;border-radius:9px;border:0;background:var(--surface-2);color:var(--ink);cursor:pointer;display:grid;place-items:center}
.rt-qty button .ic{width:14px;height:14px}
.rt-qty input{width:34px;border:0;background:transparent;text-align:center;font:inherit;font-weight:800;color:var(--ink)}
.rt-qty em{font-style:normal;font-size:.8rem;color:var(--muted);padding-right:6px}
.rt-reasons{display:flex;flex-wrap:wrap;gap:8px}
.chip-opt input:checked+span{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.rt-sum{display:grid;gap:4px}
.rt-sum .list-row b{font-size:1.05rem}
.rt-steps{list-style:none;margin:14px 0 18px;padding:0;display:grid;gap:14px;counter-reset:rs}
.rt-steps li{position:relative;padding-left:40px;display:grid;gap:2px;font-size:.88rem;counter-increment:rs}
.rt-steps li::before{content:counter(rs);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line-2);font-weight:800;font-size:.8rem}
.rt-steps li:not(:last-child)::after{content:"";position:absolute;left:13.5px;top:30px;bottom:-12px;width:1px;background:var(--line-2)}
.rt-steps span{color:var(--muted)}
/* Sipariş sayfasındaki iade kartı */
.rt-card-h,.rt-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.rt-cta .ibox,.rt-card-h .ibox{width:48px;height:48px;border-radius:14px;background:var(--brand-50);color:var(--brand);border-color:color-mix(in srgb,var(--brand) 18%,transparent)}
.rt-track{display:grid;grid-template-columns:repeat(4,1fr);margin-top:22px}
.rt-track>div{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:.82rem;color:var(--muted);position:relative}
.rt-track>div::before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:3px;background:var(--line)}
.rt-track>div:first-child::before{display:none}
.rt-track>div.done::before,.rt-track>div.on::before{background:var(--ok)}
.rt-track span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:2px solid var(--line-2);font-weight:800;position:relative;z-index:1}
.rt-track span .ic{width:15px;height:15px;stroke-width:2.6}
.rt-track .done span{background:var(--ok);border-color:var(--ok);color:#fff}
.rt-track .on span{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 0 0 6px color-mix(in srgb,var(--brand) 16%,transparent)}
.rt-track .on b{color:var(--ink)}
.rt-lines{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.rt-lines span{padding:.4em .8em;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);font-size:.85rem;font-weight:600}
.rt-lines em{font-style:normal;color:var(--muted)}
.rt-note{display:flex;gap:12px;margin-top:16px;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--info,#2563eb) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--info,#2563eb) 22%,transparent);font-size:.9rem}
.rt-note>.ic{width:20px;height:20px;flex:none;color:var(--info,#2563eb);margin-top:2px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}
@media (max-width:900px){
  .shop-tools{flex-wrap:wrap}
  .shop-tools .st-search{flex:1 1 100%}
  .shop-tools .st-search input{width:100%}
  .shop-tools select{flex:1}
  .flt-pop{left:0;right:auto;width:min(300px,calc(100vw - 32px))}
}
@media (max-width:560px){
  .cmp-tray{left:12px;right:12px;transform:none;gap:8px;padding:6px 6px 6px 10px}
  @keyframes trayIn{from{opacity:0;transform:translateY(24px)}}
  @keyframes trayBump{40%{transform:scale(1.03)}}
  .cmp-slot{width:auto;flex:1;min-width:0;padding:0 6px}
  .cmp-tray-list{flex:1}
  .cmp-slot:not(.full){display:none}
  .cmp-tray-ic{display:none}
  .cmp-tbl .cmp-lbl{width:110px}
  .cmp-tbl{min-width:calc(110px + var(--n) * 190px)}
  .cmp-tbl th,.cmp-tbl td{padding:12px}
  .rt-item{flex-wrap:wrap}
  .rt-qty{margin-left:38px}
  .rt-track b{font-size:.72rem}
  .pd-mini{flex-direction:column}
  .cmp-fab span{display:none}
}
@media (max-width:760px){
  .cmp-tray{bottom:88px}
  .cmp-tray.up{bottom:158px}
}
@media print{.cmp-tray{display:none!important}}

/* ===== v3.3: adres defteri ===== */
.addr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.addr-card{display:grid;gap:4px;align-content:start;padding:20px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-1);position:relative;transition:border-color .2s,box-shadow .2s}
.addr-card.def{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 8%,transparent),var(--sh-1)}
.addr-card p{margin:8px 0 0;color:var(--ink-2);font-size:.92rem;line-height:1.55}
.addr-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.addr-lbl{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.addr-lbl .ic{width:15px;height:15px;color:var(--brand)}
.addr-def{display:inline-flex;align-items:center;gap:4px;padding:.25em .65em;border-radius:99px;background:var(--brand);color:#fff;font-size:.72rem;font-weight:800}
.addr-def .ic{width:12px;height:12px;stroke-width:3}
.addr-acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.addr-acts form{margin:0}
.addr-acts .ic{width:15px;height:15px}
.addr-del{color:var(--danger)}
.addr-add{display:grid;place-items:center;align-content:center;gap:6px;min-height:200px;padding:20px;border-radius:var(--r-lg);border:1.5px dashed var(--line-2);color:var(--muted);text-align:center;transition:border-color .2s,color .2s,background .2s}
.addr-add span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--brand-50);color:var(--brand)}
.addr-add b{color:var(--ink)}
.addr-add small{font-size:.82rem}
.addr-add:hover{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 3%,transparent)}
.addr-form{margin-top:18px}
.addr-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.addr-opt{position:relative;display:block}
.addr-opt input{position:absolute;opacity:0;pointer-events:none}
.addr-opt span{display:grid;gap:4px;height:100%;padding:14px 16px;border:1.5px solid var(--line-2);border-radius:16px;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}
.addr-opt b{display:flex;align-items:center;gap:6px;font-size:.92rem}
.addr-opt b .ic{width:16px;height:16px;color:var(--brand)}
.addr-opt em{font-style:normal;font-size:.7rem;font-weight:800;padding:.15em .55em;border-radius:99px;background:var(--brand-50);color:var(--brand)}
.addr-opt small{color:var(--muted);font-size:.8rem;line-height:1.45}
.addr-opt input:checked+span{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 4%,var(--surface));box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 10%,transparent)}
.addr-opt input:focus-visible+span{outline:2px solid var(--brand);outline-offset:2px}
.addr-opt.new span{border-style:dashed}
.addr-save[hidden]{display:none}

/* ===== v3.4: hediye çeki ===== */
.gift-line small{font-family:ui-monospace,Menlo,monospace;font-size:.72rem;opacity:.8;margin-left:4px}
.gift-line .ic{width:14px;height:14px;vertical-align:-2px}
.cp-applied{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--ok) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--ok) 25%,transparent);margin-bottom:10px;font-size:.9rem}
.cp-applied.gift{background:color-mix(in srgb,var(--brand) 6%,var(--surface));border-color:color-mix(in srgb,var(--brand) 22%,transparent)}
.cp-applied .ic{width:16px;height:16px;vertical-align:-3px;color:var(--brand)}
.gcp{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}
.gcp-card{display:grid;gap:18px}
.gcp-visual{position:relative;overflow:hidden;aspect-ratio:1.586;border-radius:26px;padding:30px 32px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(120% 120% at 100% 0%,color-mix(in srgb,var(--ac) 60%,transparent),transparent 60%),radial-gradient(90% 90% at 0% 100%,color-mix(in srgb,var(--ac) 28%,transparent),transparent 60%),var(--bg);box-shadow:0 40px 80px -36px color-mix(in srgb,var(--ac) 80%,transparent);transform:perspective(1200px) rotateX(4deg) rotateY(-6deg);transition:transform .6s var(--ease)}
.gcp-visual:hover{transform:perspective(1200px) rotateX(0) rotateY(0)}
.gcp-visual::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 30px,rgba(255,255,255,.035) 30px 31px),linear-gradient(115deg,transparent 30%,rgba(255,255,255,.12) 45%,transparent 60%);background-size:auto,250% 100%;animation:gcShine 6s ease-in-out infinite;pointer-events:none}
@keyframes gcShine{0%,100%{background-position:0 0,120% 0}50%{background-position:0 0,-20% 0}}
.gcp-visual .gc-brand{font-size:.74rem;letter-spacing:.24em;font-weight:800;opacity:.85}
.gcp-visual small{display:block;font-size:.8rem;opacity:.75}
.gcp-amt{display:block;font-size:clamp(2.4rem,5vw,3.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:4px 0}
.gcp-visual .gc-code{font-family:ui-monospace,Menlo,monospace;letter-spacing:.16em;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:.45em .85em;border-radius:12px;align-self:flex-start}
.gcp-visual .gc-chip{position:absolute;top:28px;right:32px;width:46px;height:34px;border-radius:8px;background:linear-gradient(135deg,#f5d98a,#b8862b)}
.gcp-form{display:grid;gap:12px}
.gcp-form .btn-primary{justify-self:start}
.gcp-msg{margin:0;display:flex;gap:8px;align-items:flex-start;font-size:.92rem;color:var(--ink-2)}
.gcp-msg .ic{width:18px;height:18px;flex:none;margin-top:1px}
.gcp-msg.ok{color:var(--ok)}.gcp-msg.err{color:var(--danger)}
.gcp-steps{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:18px}
.gcp-steps li{display:flex;gap:14px}
.gcp-steps li>span{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:14px;background:var(--brand-50);color:var(--brand)}
.gcp-steps p{margin:4px 0 0;color:var(--muted);font-size:.92rem}
.gcp-cta{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
@media (max-width:900px){.gcp{grid-template-columns:1fr;gap:32px}.gcp-visual{transform:none;padding:22px}}
/* Birlikte sık alınanlar */
.fbt{margin-top:26px;padding:22px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface)}
.fbt h3{margin:0 0 14px;font-size:1.1rem}
.fbt-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fbt-item{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);min-width:0;flex:1 1 180px;cursor:pointer;position:relative}
.fbt-item input{position:absolute;top:8px;right:8px;accent-color:var(--brand);width:16px;height:16px}
.fbt-item.cur{cursor:default}
.fbt-m{width:48px;height:48px;border-radius:10px;flex:none;display:grid;place-items:center;overflow:hidden;background:radial-gradient(120% 90% at 50% 100%,rgba(225,29,46,.35),transparent 65%),var(--night,#0a1020);color:#fff}
.fbt-m img{width:100%;height:100%;object-fit:cover}
.fbt-m .ic{width:20px;height:20px}
.fbt-t{display:grid;min-width:0;padding-right:18px}
.fbt-t b{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fbt-t em{font-style:normal;font-weight:800;font-size:.85rem;color:var(--ink-2)}
.fbt-plus{color:var(--muted);font-weight:800}
.fbt-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.fbt-foot b{font-size:1.2rem}

/* ===== v3.5: sadakat puanları ===== */
.earn-note{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,#f5a524 12%,var(--surface));border:1px solid color-mix(in srgb,#f5a524 30%,transparent);font-size:.86rem;color:var(--ink-2)}
.earn-note .ic{width:16px;height:16px;color:#d48806;flex:none}
.earn-note a{color:var(--brand);font-weight:700}
.pts-use{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:14px;border-radius:18px;background:var(--surface);border:1.5px solid var(--line);transition:border-color .2s,box-shadow .2s,opacity .2s}
.pts-use.on{border-color:#f5a524;box-shadow:0 0 0 4px color-mix(in srgb,#f5a524 14%,transparent)}
.pts-use.busy{opacity:.6;pointer-events:none}
.pts-use>div{flex:1;min-width:0;display:grid}
.pts-use small{color:var(--muted);font-size:.8rem}
.pts-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#ffd666,#f5a524);color:#5c3b00;flex:none}
.pts-ic .ic{width:20px;height:20px}
.pts-sw{position:relative;flex:none;cursor:pointer}
.pts-sw input{position:absolute;opacity:0}
.pts-sw i{display:block;width:46px;height:26px;border-radius:99px;background:var(--line-2);position:relative;transition:background .2s}
.pts-sw i::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .25s var(--ease)}
.pts-sw input:checked+i{background:#f5a524}
.pts-sw input:checked+i::after{transform:translateX(20px)}
.pts-sw input:focus-visible+i{outline:2px solid var(--brand);outline-offset:2px}
.acc-nav .cnt.pts{background:linear-gradient(135deg,#ffd666,#f5a524);color:#5c3b00;width:auto;padding:0 7px}
.pts-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch}
.pts-card{position:relative;overflow:hidden;min-height:220px;border-radius:24px;padding:26px 28px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(120% 120% at 100% 0%,rgba(245,165,36,.55),transparent 55%),radial-gradient(90% 90% at 0% 100%,rgba(225,29,46,.4),transparent 60%),#0b1122;box-shadow:0 30px 60px -30px rgba(245,165,36,.6)}
.pts-card::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 28px,rgba(255,255,255,.035) 28px 29px);pointer-events:none}
.pts-brand{font-size:.72rem;font-weight:800;letter-spacing:.24em;opacity:.85}
.pts-card small{display:block;font-size:.8rem;opacity:.75}
.pts-card b{display:block;font-size:clamp(2.2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:4px 0}
.pts-member{font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;opacity:.9}
.pts-orb{position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;border:26px solid rgba(255,214,102,.14)}
.pts-stats{display:grid;gap:12px}
.pts-stats>div{padding:16px 18px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}
.pts-stats small{display:block;color:var(--muted);font-size:.8rem}
.pts-stats b{font-size:1.35rem;letter-spacing:-.02em}
.pts-stats em{display:block;font-style:normal;font-size:.76rem;color:var(--muted)}
.pts-how{margin-top:18px}
.pts-how .card{display:grid;gap:6px;align-content:start}
.pts-how .ibox{margin-bottom:6px;width:44px;height:44px}
.pts-how p{margin:0;font-size:.9rem;color:var(--muted)}
.pts-row{align-items:center;gap:12px;padding:14px 0}
.pts-ric{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;flex:none;background:var(--surface-2);color:var(--muted)}
.pts-ric .ic{width:17px;height:17px}
.pts-ric.ok{background:color-mix(in srgb,var(--ok) 12%,transparent);color:var(--ok)}
.pts-ric.brand{background:var(--brand-50);color:var(--brand)}
.pts-ric.danger{background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}
.pts-up{color:var(--ok)}.pts-down{color:var(--danger)}
.pd-earn{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:.84rem;color:var(--ink-2)}
.pd-earn .ic{width:15px;height:15px;color:#d48806}
@media (max-width:760px){.pts-hero{grid-template-columns:1fr}.pts-stats{grid-template-columns:repeat(3,1fr)}.pts-stats>div{padding:12px}.pts-stats b{font-size:1.05rem}}
.fav-alert{display:flex;align-items:center;gap:12px;padding:14px 18px;margin-bottom:24px;border-radius:16px;background:color-mix(in srgb,var(--brand) 5%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 18%,transparent);font-size:.92rem;color:var(--ink-2)}
.fav-alert>.ic{width:20px;height:20px;color:var(--brand);flex:none}
.fav-alert a{color:var(--brand)}

/* ===== v3.6: flaş indirim & yorum fotoğrafları ===== */
.flash-bar{position:relative;z-index:61;background:linear-gradient(90deg,#7f0d17,#e11d2e 45%,#ff5a3c);color:#fff;font-size:.86rem;overflow:hidden}
.flash-bar::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.18) 45%,transparent 60%);background-size:250% 100%;animation:fbShine 4s linear infinite;pointer-events:none}
@keyframes fbShine{from{background-position:120% 0}to{background-position:-120% 0}}
.flash-bar a{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:8px 16px;color:#fff}
.fb-bolt{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:rgba(255,255,255,.2)}
.fb-bolt .ic{width:15px;height:15px}
.fb-pct{padding:.18em .6em;border-radius:99px;background:#fff;color:#b3101d;font-weight:800;font-size:.8rem}
.fb-cd{font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.04em;padding:.18em .6em;border-radius:8px;background:rgba(0,0,0,.25)}
.fb-go{display:inline-flex;align-items:center;gap:4px;font-weight:700;opacity:.95}
.fb-go .ic{width:14px;height:14px}
.flash-hero{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:22px 26px;margin-bottom:28px;border-radius:var(--r-lg);color:#fff;background:radial-gradient(120% 140% at 100% 0%,rgba(255,168,64,.5),transparent 55%),linear-gradient(135deg,#5c0a12,#e11d2e);box-shadow:0 30px 60px -30px rgba(225,29,46,.8);position:relative;overflow:hidden}
.flash-hero::before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;border:34px solid rgba(255,255,255,.07)}
.fh-bolt{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.16);flex:none;animation:fhPulse 2s ease-in-out infinite}
.fh-bolt .ic{width:28px;height:28px}
@keyframes fhPulse{50%{transform:scale(1.08);box-shadow:0 0 0 10px rgba(255,255,255,.06)}}
.fh-t{flex:1;min-width:200px;display:grid;gap:2px}
.fh-t small{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;opacity:.8}
.fh-t b{font-size:1.45rem;letter-spacing:-.02em}
.fh-t span{opacity:.9}
.fh-cd{display:flex;align-items:baseline;gap:4px;font-variant-numeric:tabular-nums;position:relative}
.fh-cd span{display:inline-block;min-width:52px;text-align:center;padding:10px 6px;border-radius:12px;background:rgba(0,0,0,.25);font-size:1.5rem;font-weight:800;backdrop-filter:blur(6px)}
.fh-cd i{font-style:normal;font-size:.72rem;opacity:.8;margin-right:6px}
.fh-cd.no-day span[data-d],.fh-cd.no-day span[data-d]+i{display:none}
.fl-badge{background:linear-gradient(135deg,#ff5a3c,#e11d2e);color:#fff;display:inline-flex;align-items:center;gap:3px}
.fl-badge .ic{width:12px;height:12px}
.fl-chip{position:absolute;left:12px;bottom:12px;z-index:2;padding:.3em .65em;border-radius:8px;background:rgba(10,16,32,.72);backdrop-filter:blur(6px);color:#fff;font-size:.74rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.03em}
.pd-flash{display:flex;align-items:center;gap:12px;margin:12px 0 4px;padding:12px 14px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#7f0d17,#e11d2e)}
.pd-flash>div{flex:1;display:grid}
.pd-flash small{opacity:.8;font-size:.76rem}
.pd-fcd{font-variant-numeric:tabular-nums;font-weight:800;font-size:1.1rem;padding:.3em .6em;border-radius:10px;background:rgba(0,0,0,.25)}
.rv-photo{display:block;padding:0;border:0;background:none;cursor:zoom-in;margin:0 0 12px;border-radius:12px;overflow:hidden;width:100%;max-width:220px;aspect-ratio:4/3}
.rv-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.rv-photo:hover img{transform:scale(1.05)}
.rv-gallery{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.rv-gallery .muted{display:inline-flex;align-items:center;gap:6px;font-size:.86rem;margin-right:6px}
.rv-gallery .muted .ic{width:16px;height:16px}
.rv-gallery button{width:64px;height:64px;padding:0;border:0;border-radius:12px;overflow:hidden;cursor:zoom-in;box-shadow:var(--sh-1)}
.rv-gallery img{width:100%;height:100%;object-fit:cover}
.rv-help{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:.35em .75em;border-radius:99px;border:1px solid var(--line-2);background:var(--surface);color:var(--muted);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s}
.rv-help .ic{width:14px;height:14px}
.rv-help:hover{color:var(--ink);border-color:var(--ink)}
.rv-help.on{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent);background:color-mix(in srgb,var(--ok) 8%,var(--surface));cursor:default}
.rv-photo-in{display:block;position:relative;cursor:pointer}
.rv-photo-in input{position:absolute;inset:0;opacity:0;cursor:pointer}
.rv-photo-in span{display:inline-flex;align-items:center;gap:8px;padding:.55em .9em;border-radius:12px;border:1.5px dashed var(--line-2);font-size:.86rem;font-weight:700;color:var(--ink-2)}
.rv-photo-in small{font-weight:500;color:var(--muted)}
.rv-photo-in .ic{width:16px;height:16px;color:var(--brand)}
@media (max-width:640px){.flash-bar a{gap:8px;font-size:.8rem}.fb-go{display:none}.fh-cd span{min-width:42px;font-size:1.15rem;padding:8px 4px}}
.review .rv-help{align-self:flex-start;justify-self:start;width:auto}

/* ===== v3.7: hediye paketi, arama, blog etkileşimi ===== */
.gw{border:1.5px solid var(--line-2);border-radius:16px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.gw.on{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 10%,transparent)}
.gw-h{display:flex;align-items:center;gap:14px;padding:14px 16px;cursor:pointer;position:relative}
.gw-h input{position:absolute;opacity:0;pointer-events:none}
.gw-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#ffe3e6,#ffd0d5);font-size:1.4rem;flex:none}
.gw-t{flex:1;min-width:0;display:grid}
.gw-t small{color:var(--muted);font-size:.8rem}
.gw-sw{width:46px;height:26px;border-radius:99px;background:var(--line-2);position:relative;flex:none;transition:background .2s}
.gw-sw::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .25s var(--ease)}
.gw.on .gw-sw{background:var(--brand)}
.gw.on .gw-sw::after{transform:translateX(20px)}
.gw-note{padding:0 16px 14px;display:grid;gap:4px}
.gw-note textarea{width:100%;padding:.7em .9em;border:1px solid var(--line-2);border-radius:12px;background:var(--surface-2);font:inherit;color:var(--ink);resize:vertical}
.gw-note small{justify-self:end;font-size:.74rem}
.gw-card{display:flex;gap:12px;padding:12px 14px;margin-bottom:16px;border-radius:14px;background:color-mix(in srgb,var(--brand) 5%,var(--surface));border:1px dashed color-mix(in srgb,var(--brand) 40%,transparent)}
.gw-card>span{font-size:1.5rem}
.gw-card p{margin:2px 0 0;font-style:italic;color:var(--ink-2)}
.srch-pop{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 22px}
.srch-pop .muted{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;margin-right:4px}
.srch-pop .muted .ic{width:15px;height:15px;color:var(--brand)}
.srch-pop a{padding:.45em .9em;border-radius:99px;border:1px solid var(--line-2);background:var(--surface);font-weight:600;font-size:.86rem}
.srch-pop a:hover{border-color:var(--brand);color:var(--brand)}
.srch-row{display:flex;gap:16px;align-items:center;padding:18px 20px}
.srch-img{width:72px;height:72px;flex:none;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 100%,rgba(225,29,46,.35),transparent 65%),var(--night,#0a1020);color:#fff}
.srch-img img{width:100%;height:100%;object-fit:cover}
.srch-price{font-size:1.1rem;white-space:nowrap}
.cmdk-sec{padding:10px 14px}
.cmdk-h{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.cmdk-chips{display:flex;flex-wrap:wrap;gap:6px}
.cmdk-chips button{padding:.4em .8em;border-radius:99px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font:inherit;font-size:.84rem;font-weight:600;cursor:pointer}
.cmdk-chips button:hover{border-color:var(--brand);color:var(--brand)}
.cmdk-chips .rq::before{content:"↺ ";color:var(--muted)}
.cmdk-list a.has-th{align-items:center}
.cmdk-th{width:42px;height:42px;flex:none;border-radius:10px;overflow:hidden;background:radial-gradient(120% 90% at 50% 100%,rgba(225,29,46,.4),transparent 65%),var(--night,#0a1020);margin-right:10px}
.cmdk-th img{width:100%;height:100%;object-fit:cover}
.cmdk-pr{margin-left:auto;padding-left:12px;white-space:nowrap;font-size:.92rem}
.cmdk-fl{font-style:normal;font-size:.7rem;font-weight:800;color:var(--brand)}
.cmdk-all{justify-content:center!important;font-weight:700;color:var(--brand)!important;font-size:.88rem}
.like-btn{display:inline-flex;align-items:center;gap:7px;padding:.5em 1em;border-radius:99px;border:1.5px solid var(--line-2);background:var(--surface);color:var(--ink);font:inherit;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s}
.like-btn .ic{width:18px;height:18px;transition:transform .3s var(--ease)}
.like-btn:hover{border-color:var(--brand);color:var(--brand)}
.like-btn.on{background:var(--brand);border-color:var(--brand);color:#fff;cursor:default}
.like-btn.on .ic{fill:currentColor}
.like-btn.lk-pop .ic{animation:favpop .4s var(--ease)}
.cm-list{display:grid;gap:14px;margin-bottom:24px}
.cm{display:flex;gap:14px}
.cm-av{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;background:var(--surface-2);border:1px solid var(--line);font-weight:800;color:var(--ink-2)}
.cm-av.brand{background:var(--brand);color:#fff;border-color:var(--brand);width:32px;height:32px}
.cm-av .ic{width:15px;height:15px;stroke-width:2.6}
.cm-b{flex:1;min-width:0;padding:14px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}
.cm-h{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.cm-b p{margin:6px 0 0;color:var(--ink-2);line-height:1.6}
.cm-reply{display:flex;gap:10px;margin-top:12px;padding:12px;border-radius:12px;background:var(--surface-2)}
.cm-reply p{margin:2px 0 0}
.cm-form{display:grid;gap:12px}
#yorumlar h2 .ic{width:26px;height:26px;vertical-align:-3px;color:var(--brand)}

/* ===== v3.8: KVKK & sipariş iptali ===== */
.kv-h{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.kv-h .ibox{width:46px;height:46px}
.kv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kv-item{display:grid;gap:8px;align-content:start;padding:16px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line)}
.kv-item>b{display:flex;align-items:center;gap:8px}
.kv-item>b .ic{width:17px;height:17px;color:var(--brand)}
.kv-item p{margin:0;font-size:.86rem;color:var(--muted)}
.kv-item .btn{justify-self:start;margin-top:4px}
.kv-item .cbx{font-size:.86rem}
.oc-card summary{display:flex;align-items:center;gap:14px;cursor:pointer;list-style:none}
.oc-card summary::-webkit-details-marker{display:none}
.oc-card summary .ibox{width:44px;height:44px;border-radius:13px;background:color-mix(in srgb,var(--danger) 8%,transparent);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 20%,transparent)}
.oc-card summary>.ic{width:18px;height:18px;color:var(--muted);transition:transform .25s}
.oc-card[open] summary>.ic{transform:rotate(180deg)}
.oc-form{display:grid;gap:14px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.oc-form .ic{width:15px;height:15px;vertical-align:-2px;color:var(--ok)}
@media (max-width:760px){.kv-grid{grid-template-columns:1fr}}
.oc-form button .ic{color:inherit}

/* ===== v3.9: teslimat tahmini, canlı ilgi, sosyal kanıt ===== */
.dlv{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:14px 16px;border-radius:16px;background:color-mix(in srgb,var(--ok) 6%,var(--surface));border:1px solid color-mix(in srgb,var(--ok) 22%,transparent)}
.dlv-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok);flex:none}
.dlv-ic .ic{width:19px;height:19px}
.dlv>div{display:grid;gap:3px;font-size:.9rem}
.dlv b{font-weight:700}
.dlv em{font-style:normal;color:var(--ok)}
.dlv small{color:var(--muted);font-size:.84rem}
.dlv strong{color:var(--ink)}
.dlv-cd{font-variant-numeric:tabular-nums;color:var(--ok);font-weight:800}
.dlv-mini{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:.84rem;color:var(--ink-2)}
.dlv-mini .ic{width:16px;height:16px;color:var(--ok)}
.pd-live{display:inline-flex;align-items:center;gap:8px;margin:10px 0 0;padding:.35em .8em;border-radius:99px;background:color-mix(in srgb,#f59e0b 12%,var(--surface));color:var(--ink-2);font-size:.82rem}
.pd-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 0 rgba(245,158,11,.6);animation:pdPulse 1.8s infinite}
@keyframes pdPulse{70%{box-shadow:0 0 0 8px rgba(245,158,11,0)}100%{box-shadow:0 0 0 0 rgba(245,158,11,0)}}
.sp-toast{position:fixed;left:20px;bottom:20px;z-index:58;display:flex;align-items:center;max-width:min(360px,calc(100vw - 110px));padding:10px 12px 10px 10px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:0 24px 50px -20px rgba(10,16,32,.35);transform:translateY(20px);opacity:0;pointer-events:none;transition:transform .45s var(--ease),opacity .35s}
.sp-toast.on{transform:none;opacity:1;pointer-events:auto}
.sp-toast a{display:flex;align-items:center;gap:12px;min-width:0;color:inherit}
.sp-img{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;overflow:hidden;flex:none;background:radial-gradient(120% 90% at 50% 100%,rgba(225,29,46,.35),transparent 65%),var(--night,#0a1020);font-size:1.3rem}
.sp-img img{width:100%;height:100%;object-fit:cover}
.sp-t{display:grid;min-width:0;line-height:1.3}
.sp-t small{color:var(--muted);font-size:.74rem}
.sp-t b{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-t em{font-style:normal;color:var(--ok);font-size:.76rem;font-weight:700}
.sp-toast button{align-self:flex-start;margin-left:6px;width:24px;height:24px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;font-size:1.1rem;line-height:1}
.sp-toast button:hover{background:var(--surface-2);color:var(--ink)}
@media (max-width:760px){.sp-toast{left:10px;right:10px;max-width:none;bottom:92px}}
@media print{.sp-toast{display:none}}

/* ===== v4.0: Bölgesel kargo ===== */
.ship-calc{display:flex;align-items:center;gap:14px;margin-top:16px;padding:18px 20px;flex-wrap:wrap}
.ship-calc.is-loading{opacity:.6;pointer-events:none}
.ship-calc-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--brand-50);color:var(--brand);flex:none}
.ship-calc-t{flex:1;min-width:180px;display:flex;flex-direction:column;gap:2px}
.ship-calc-t small{color:var(--muted);font-size:.86rem}
.ship-calc-t small b{color:var(--ink)}
.ship-calc-sel select{appearance:none;-webkit-appearance:none;padding:.7em 2.4em .7em 1em;border-radius:12px;border:1px solid var(--line-2);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235b6780' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--ink);font:inherit;font-weight:600;min-width:170px;cursor:pointer}
.ship-calc-sel select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-50)}
@media (max-width:560px){.ship-calc-sel,.ship-calc-sel select{width:100%}}
.sum-city{display:inline-flex;align-items:center;gap:3px;font-size:.72rem;font-weight:700;color:var(--muted);background:var(--surface-2);padding:.1em .5em;border-radius:99px;margin-left:4px;vertical-align:1px}
.sum-city .ic{width:11px;height:11px}
.side-box.sum{transition:opacity .2s}
.side-box.sum.is-loading{opacity:.55}
.pay-opt.is-off{opacity:.55;cursor:not-allowed}
.pay-opt.is-off span{cursor:not-allowed}
.cod-off{display:flex;align-items:center;gap:5px;font-style:normal;font-size:.78rem;font-weight:700;color:var(--danger);margin-top:4px}
.cod-off[hidden]{display:none}
.cod-off .ic{width:14px;height:14px}

/* ===== v4.0: Memnuniyet anketi ===== */
.nps-card{overflow:hidden}
.nps-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#dc2626,#f59e0b 55%,#16a34a)}
.nps-hd{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:16px}
.nps-hd .eyebrow{margin:0;width:100%}
.nps-hd .eyebrow::before{display:none}
.nps-hd h3{margin:0;font-size:1.2rem;flex:1;min-width:240px}
.nps-gift{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;font-weight:700;color:#b45309;background:#fef3c7;padding:.35em .8em;border-radius:99px}
.nps-gift .ic{width:14px;height:14px}
.nps-scale{display:grid;grid-template-columns:repeat(11,1fr);gap:6px}
.ns{position:relative}
.ns input{position:absolute;opacity:0;pointer-events:none}
.ns span{display:grid;place-items:center;height:48px;border-radius:12px;border:1px solid var(--line-2);font-weight:800;font-size:1rem;cursor:pointer;background:var(--surface);transition:transform .18s var(--ease),background .18s,border-color .18s,color .18s,box-shadow .18s;--c:#dc2626}
.ns-passive span{--c:#d97706}.ns-promoter span{--c:#16a34a}
.ns span:hover{border-color:var(--c);color:var(--c);transform:translateY(-2px)}
.ns input:checked+span{background:var(--c);border-color:var(--c);color:#fff;transform:translateY(-2px) scale(1.06);box-shadow:0 10px 22px -10px var(--c)}
.ns input:focus-visible+span{outline:2px solid var(--c);outline-offset:2px}
.nps-legend{display:flex;justify-content:space-between;font-size:.76rem;color:var(--muted);font-weight:600;margin-top:8px}
.nps-more{margin-top:18px;padding-top:18px;border-top:1px dashed var(--line-2)}
.nps-more.in{animation:tin .35s var(--ease)}
.nps-q{font-weight:700;margin:0 0 10px}
.nps-chips{display:flex;flex-wrap:wrap;gap:8px}
.nps-chips[hidden]{display:none}
[data-score="det"] .nps-chips .chip-opt input:checked+span{background:var(--danger);border-color:var(--danger)}
.nps-done{display:flex;align-items:center;gap:14px}
.nps-done-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;flex:none;background:#dcfce7;color:#16a34a}
.nps-done-ic.passive{background:var(--surface-2);color:var(--ink-2)}
.nps-done-ic.detractor{background:#fee2e2;color:#dc2626}
.nps-done-ic .ic{width:26px;height:26px}
@media (max-width:560px){.nps-scale{grid-template-columns:repeat(6,1fr)}.ns span{height:44px}.nps-legend span:last-child{text-align:right}}

/* ===== v4.0: Erişilebilirlik ===== */
a.sr:focus{position:fixed;left:16px;top:16px;width:auto;height:auto;clip:auto;z-index:200;padding:.8em 1.2em;border-radius:12px;background:var(--ink);color:var(--bg);font-weight:700;box-shadow:var(--sh-3)}
.a11y-fab{position:fixed;left:22px;bottom:22px;z-index:41;width:48px;height:48px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;color:#fff;background:linear-gradient(135deg,#1e40af,#2563eb);box-shadow:0 14px 30px -12px rgba(37,99,235,.75),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .25s var(--ease)}
.a11y-fab:hover{transform:translateY(-3px) rotate(-6deg)}
.a11y-fab:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}
.a11y-fab .ic{width:26px;height:26px}
.a11y-panel{position:fixed;left:22px;bottom:82px;z-index:90;width:min(340px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--sh-3);animation:tin .3s var(--ease)}
.a11y-panel[hidden]{display:none}
.a11y-hd{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.a11y-hd-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;flex:none}
.a11y-hd small{display:block;color:var(--muted);font-size:.78rem}
.a11y-x{margin-left:auto;width:34px;height:34px;border-radius:10px;border:0;background:var(--surface-2);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.a11y-size{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:14px;background:var(--surface-2);margin-bottom:10px;font-weight:700;font-size:.9rem}
.a11y-size>span{display:flex;align-items:center;gap:8px}
.a11y-step{display:flex;align-items:center;gap:4px}
.a11y-step button{width:38px;height:34px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font:inherit;font-weight:800;cursor:pointer}
.a11y-step button:hover{border-color:#2563eb;color:#2563eb}
.a11y-step output{min-width:52px;text-align:center;font-variant-numeric:tabular-nums}
.a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.a11y-grid button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.a11y-grid button b{font-size:.84rem;line-height:1.25}
.a11y-grid button .ic{width:20px;height:20px;color:var(--muted)}
.a11y-grid button:hover{border-color:#93c5fd}
.a11y-grid button[aria-pressed="true"]{border-color:#2563eb;background:#eff6ff;color:#1e3a8a}
.a11y-grid button[aria-pressed="true"] .ic{color:#2563eb}
:root[data-theme="dark"] .a11y-grid button[aria-pressed="true"]{background:rgba(37,99,235,.18);color:#dbeafe}
.a11y-reset{margin-top:10px;width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:12px;border:1px dashed var(--line-2);background:none;color:var(--muted);font:inherit;font-weight:700;font-size:.84rem;cursor:pointer}
.a11y-reset:hover{color:var(--ink);border-color:var(--ink)}
.a11y-rguide{display:none;position:fixed;left:0;right:0;height:44px;top:-100px;z-index:120;pointer-events:none;border-top:2px solid #60a5fa;border-bottom:2px solid #60a5fa}
.a11y-rguide::before,.a11y-rguide::after{content:"";position:absolute;left:0;right:0;height:100vh;background:rgba(6,10,20,.42)}
.a11y-rguide::before{bottom:calc(100% + 2px)}.a11y-rguide::after{top:calc(100% + 2px)}
.a11y-rguide.on{display:block}
@media (max-width:760px){.a11y-fab{left:14px;bottom:92px;width:44px;height:44px}.a11y-panel{left:16px;bottom:146px}}
@media print{.a11y{display:none!important}}
html.a11y-fs1{font-size:112.5%}
html.a11y-fs2{font-size:125%}
html.a11y-fs3{font-size:137.5%}
html.a11y-hc{--muted:#27314a;--ink-2:#0a1020;--line:#8c95a8;--line-2:#6b7489;--brand:#b50e1d}
html.a11y-hc[data-theme="dark"]{--muted:#e3e8f3;--ink-2:#f5f7fc;--line:#56627e;--line-2:#74809b;--brand:#ff5a67}
@media (prefers-color-scheme:dark){html.a11y-hc:not([data-theme="light"]){--muted:#e3e8f3;--ink-2:#f5f7fc;--line:#56627e;--line-2:#74809b;--brand:#ff5a67}}
html.a11y-hc .muted,html.a11y-hc small{color:var(--ink-2)!important}
html.a11y-ul main a:not(.btn),html.a11y-ul .ftr a{text-decoration:underline!important;text-underline-offset:3px;text-decoration-thickness:2px}
html.a11y-rm *,html.a11y-rm *::before,html.a11y-rm *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
html.a11y-dys body{letter-spacing:.03em;word-spacing:.14em}
html.a11y-dys p,html.a11y-dys li{line-height:1.95}
html.a11y-focus :focus-visible{outline:3px solid #f59e0b!important;outline-offset:3px!important;box-shadow:0 0 0 6px rgba(245,158,11,.25)!important}
body:has(.a11y-fab) .sp-toast{left:82px;max-width:min(360px,calc(100vw - 170px))}
@media (max-width:760px){body:has(.a11y-fab) .sp-toast{left:68px;max-width:none}}
.a11y-fab.is-set::after{content:"";position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid var(--bg)}
.nps-chips .chip-opt span{display:inline-flex;align-items:center;gap:6px}
.nps-chips .chip-opt input:checked+span{background:#16a34a;border-color:#16a34a;color:#fff}
.nps-chips .chip-opt input:checked+span::before{content:"✓";font-weight:800}
[data-score="det"] .nps-chips .chip-opt input:checked+span{background:var(--danger);border-color:var(--danger);color:#fff}

/* ===== v4.1: Kademeli toplu fiyat ===== */
.tiers{border:1px solid var(--line);border-radius:18px;padding:14px;margin:0 0 16px;background:linear-gradient(180deg,var(--surface),var(--surface-2))}
.tiers-hd{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.tiers-hd span{display:flex;align-items:center;gap:7px;font-weight:800;font-size:.92rem}
.tiers-hd span .ic{color:var(--brand);width:18px;height:18px}
.tiers-hd small{color:var(--muted);font-size:.78rem}
.tiers-grid{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:6px}
@media (max-width:480px){.tiers-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tier{min-width:0}.tier b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tier{border:1px solid var(--line);border-radius:12px;padding:9px 10px;background:var(--surface);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s;text-align:left}
.tier:hover{border-color:var(--line-2);transform:translateY(-1px)}
.tier small{display:block;font-size:.72rem;font-weight:700;color:var(--muted)}
.tier b{display:block;font-size:1rem;letter-spacing:-.01em;margin:2px 0}
.tier em{font-style:normal;font-size:.7rem;font-weight:800;color:var(--ok)}
.tier[data-tier-min="1"] em{color:var(--muted)}
.tier.on{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-50)}
.tier.on b{color:var(--brand)}
.tiers-sum{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line-2);font-size:.88rem}
.tiers-sum span{color:var(--muted)}
.tiers-sum b{font-size:1.05rem}
.tiers-sum em{font-style:normal;font-weight:800;font-size:.78rem;color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent);padding:.15em .6em;border-radius:99px;margin-left:auto}
.tier-tag{display:inline-block;width:max-content;max-width:100%;line-height:1.5;font-size:.74rem;font-weight:700;padding:.25em .65em;border-radius:99px;background:var(--surface-2);color:var(--ink-2);margin-top:4px}
.tier-tag .ic{width:13px;height:13px;color:var(--brand);vertical-align:-2px;margin-right:3px}
.tier-tag.on{background:color-mix(in srgb,var(--ok) 13%,transparent);color:var(--ok)}
.tier-tag.on .ic{color:var(--ok)}
.cart-info .muted s{opacity:.7}
.tier-save small{font-size:.72rem;opacity:.8}
.tier-save .ic{width:14px;height:14px;vertical-align:-2px}

/* ===== v4.1: Hızlı toplu sipariş ===== */
.qo{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}
@media (max-width:1000px){.qo{grid-template-columns:1fr}}
.qo-bar{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.qo-search{flex:1;display:flex;align-items:center;gap:10px;padding:0 16px;border:1px solid var(--line-2);border-radius:14px;background:var(--surface)}
.qo-search .ic{color:var(--muted)}
.qo-search input{flex:1;border:0;background:none;padding:14px 0;font:inherit;color:var(--ink);outline:none;min-width:0}
.qo-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-50)}
.qo-count{font-size:.86rem;white-space:nowrap}
.qo-list{padding:6px 0;overflow:hidden}
.qo-head,.qo-row{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(120px,1fr) 110px 140px 110px;gap:14px;align-items:center;padding:12px 20px}
.qo-head{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
.qo-head span:nth-child(n+3){text-align:right}.qo-head span:nth-child(4){text-align:center}
.qo-row{border-bottom:1px solid var(--line);transition:background .2s}
.qo-row:last-child{border-bottom:0}
.qo-row.has{background:color-mix(in srgb,var(--brand) 4%,transparent)}
.qo-row[hidden]{display:none}
.qo-p{display:flex;gap:12px;align-items:center;min-width:0}
.qo-p b{display:block;font-size:.95rem;line-height:1.3}
.qo-p small{display:block;color:var(--muted);font-size:.78rem;margin-top:2px}
.qo-img{width:52px;height:52px;border-radius:14px;background:var(--surface-2);display:grid;place-items:center;overflow:hidden;flex:none;color:var(--muted)}
.qo-img img{width:100%;height:100%;object-fit:cover}
.qo-tiers{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.qo-tiers span{font-size:.68rem;font-weight:800;padding:.15em .5em;border-radius:6px;background:var(--surface-2);color:var(--muted);transition:.2s}
.qo-tiers span.on{background:var(--ok);color:#fff}
.qo-v select{width:100%;padding:.55em .7em;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font:inherit;font-size:.84rem}
.qo-u,.qo-t{text-align:right}
.qo-u b,.qo-t b{display:block;font-size:.95rem}
.qo-u s{display:block;font-size:.76rem;color:var(--muted)}
.qo-t em{display:block;font-style:normal;font-size:.74rem;font-weight:800;color:var(--ok)}
.qo-q{display:flex;justify-content:center}
.qo-q .qty input{width:46px}
.qo-paste{margin-top:14px;padding:0}
.qo-paste summary{cursor:pointer;padding:16px 20px;font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap;list-style:none}
.qo-paste summary::-webkit-details-marker{display:none}
.qo-paste summary small{color:var(--muted);font-weight:500;font-size:.8rem}
.qo-paste textarea{display:block;width:calc(100% - 40px);margin:0 20px 20px;min-height:120px;padding:12px 14px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font:500 .9rem ui-monospace,Menlo,monospace}
.qo-side{position:sticky;top:96px;display:grid;gap:14px}
.qo-sum .list-row.ok{color:var(--ok)}
.qo-total{display:flex;justify-content:space-between;align-items:baseline;margin:10px 0 16px;padding-top:12px;border-top:1px dashed var(--line-2)}
.qo-total b{font-size:1.5rem;letter-spacing:-.02em}
.qo-quote{display:flex;gap:12px;align-items:center;padding:16px 18px}
.qo-quote>.ic{width:40px;height:40px;padding:9px;border-radius:12px;background:var(--brand-50);color:var(--brand);flex:none}
.qo-quote small{display:block;color:var(--muted);font-size:.82rem}
@media (max-width:760px){
  .qo-head{display:none}
  .qo-row{grid-template-columns:1fr auto;grid-template-areas:"p p" "v v" "u q" "t t";gap:10px;padding:14px 16px}
  .qo-p{grid-area:p}.qo-v{grid-area:v}.qo-u{grid-area:u;text-align:left}.qo-q{grid-area:q}.qo-t{grid-area:t;display:flex;justify-content:space-between;align-items:baseline}
  .qo-v:has(.muted){display:none}
  .qo-side{position:static}
}
.pl-quick{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(120deg,var(--brand-50),transparent 60%),var(--surface);margin-bottom:22px;flex-wrap:wrap}
.pl-quick>.ic{width:38px;height:38px;padding:9px;border-radius:12px;background:var(--brand);color:#fff;flex:none}
.pl-quick div{flex:1;min-width:200px}
.pl-quick small{display:block;color:var(--muted);font-size:.84rem}
.tier-tag .ic{display:inline-block}
.tier-tag{border-radius:10px}

/* ===== v4.2: Kurumsal hesap / müşteri grupları ===== */
.pd-grp{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin:-4px 0 14px;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--c) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--c) 30%,transparent)}
.pd-grp span{display:flex;align-items:center;gap:6px;font-weight:700;font-size:.86rem;color:var(--ink-2)}
.pd-grp span .ic{width:16px;height:16px;color:var(--c)}
.pd-grp b{font-size:1.25rem;color:var(--c);letter-spacing:-.02em}
.pd-grp em{font-style:normal;font-size:.76rem;font-weight:800;color:#fff;background:var(--c);padding:.2em .6em;border-radius:99px}
.grp-line .grp-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:1px}
.grp-line small{font-size:.74rem;opacity:.8}
.grp-hint{font-size:.84rem;color:var(--muted);margin:8px 0 0}
.grp-hint .ic{width:15px;height:15px;vertical-align:-2px;color:var(--brand)}
.grp-hint b{color:var(--ink)}
.acc-nav .cnt.grp{color:#fff}
.biz-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;--c:#e11d2e}
@media (max-width:760px){.biz-hero{grid-template-columns:1fr}}
.biz-card{position:relative;overflow:hidden;min-height:210px;border-radius:24px;padding:24px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#0b1224 0%,#111a30 55%,color-mix(in srgb,var(--c) 55%,#0b1224) 130%);box-shadow:0 30px 60px -30px color-mix(in srgb,var(--c) 70%,transparent)}
.biz-brand{font-size:.72rem;font-weight:800;letter-spacing:.18em;opacity:.7}
.biz-card small{display:block;opacity:.7;font-size:.8rem}
.biz-card b{display:block;font-size:2rem;letter-spacing:-.03em;line-height:1.15;margin:2px 0}
.biz-pct{position:absolute;right:22px;top:20px;font-size:2.4rem;font-weight:800;letter-spacing:-.04em;color:var(--c);filter:brightness(1.4);text-align:right;line-height:1}
.biz-pct em{display:block;font-style:normal;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;opacity:.6;filter:none}
.biz-orb{position:absolute;right:-70px;bottom:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 60%,transparent),transparent 65%);opacity:.7}
.biz-side{display:grid;gap:12px}
.biz-side>div{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:18px 20px}
.biz-side small{display:block;color:var(--muted);font-size:.8rem;font-weight:700}
.biz-side b{display:block;font-size:1.7rem;letter-spacing:-.03em;margin:2px 0}
.biz-side em{font-style:normal;font-size:.8rem;color:var(--muted)}
.biz-perks{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.biz-perks li{display:flex;gap:10px;align-items:flex-start;font-size:.92rem}
.biz-perks .ic{width:20px;height:20px;padding:3px;border-radius:7px;background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok);flex:none}
.biz-wait{display:flex;gap:16px;align-items:center}
.biz-wait-ic{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:#fef3c7;color:#b45309;flex:none}
.biz-wait-ic .ic{width:26px;height:26px}
.biz-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.biz-tier{position:relative;border:1px solid var(--line);border-radius:20px;padding:20px;background:var(--surface);overflow:hidden}
.biz-tier::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--c)}
.biz-tier>span{display:inline-block;font-size:1.7rem;font-weight:800;letter-spacing:-.03em;color:var(--c)}
.biz-tier b{display:block;font-size:1.05rem}
.biz-tier small{color:var(--muted);font-size:.82rem}
.biz-tier ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:5px;font-size:.84rem}
.biz-tier .ic{width:14px;height:14px;color:var(--c);vertical-align:-2px}
.biz-tier li{display:flex;gap:6px;align-items:flex-start}
.biz-tier li .ic{flex:none;margin-top:3px}

/* ===== v4.3: sipariş sayfası kargo tahmini ===== */
.ord-eta{display:flex;align-items:center;gap:14px;margin-top:12px;padding:14px 18px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(110deg,color-mix(in srgb,var(--ok) 8%,var(--surface)),var(--surface) 60%)}
.ord-eta-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok);flex:none}
.ord-eta b{display:block}
.ord-eta small{color:var(--muted);font-size:.86rem}
.ord-eta strong{color:var(--ink)}

/* ===== v4.5: Premium alt bilgi (footer) ===== */
.ftr{padding-top:0}
.ftr-cta{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:34px 38px;margin:0 0 70px;transform:translateY(-1px);border-radius:0 0 28px 28px;background:radial-gradient(120% 140% at 0% 0%,rgba(225,29,46,.35),transparent 55%),linear-gradient(135deg,#111a30,#0b1224);border:1px solid rgba(255,255,255,.08);border-top:0;box-shadow:0 40px 80px -40px rgba(225,29,46,.45)}
.ftr-cta h3{color:#fff;font-size:clamp(1.3rem,2.4vw,1.8rem);letter-spacing:-.02em;margin:0 0 6px}
.ftr-cta p{margin:0;color:#aab4ca;max-width:520px;font-size:.95rem}
.ftr-cta-b{display:flex;gap:10px;flex-wrap:wrap}
.btn-ghost-light{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.16)}
.btn-ghost-light:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}
.ftr-grid{grid-template-columns:1.5fr 1fr 1fr 1.35fr;gap:44px}
.ftr-about p{max-width:340px;margin:0 0 18px;font-size:.93rem;line-height:1.7}
.ftr-contact{gap:10px!important}
.ftr-contact li,.ftr-contact a{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#c9d2e5}
.ftr-contact span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none;background:rgba(255,255,255,.05);border:1px solid var(--night-line);color:#ff8a94}
.ftr-contact .ic{width:15px;height:15px}
.ftr-contact a:hover span{background:var(--brand);border-color:var(--brand);color:#fff}
.ftr-col a{position:relative;display:inline-flex;align-items:center;transition:color .2s,transform .2s}
.ftr-col a::before{content:"";width:0;height:2px;border-radius:2px;background:var(--brand);margin-right:0;transition:width .25s var(--ease),margin .25s var(--ease)}
.ftr-col a:hover{transform:translateX(2px)}
.ftr-col a:hover::before{width:12px;margin-right:8px}
.ftr-news{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--night-line);border-radius:22px;padding:24px;align-self:start}
.ftr-news p{font-size:.9rem;margin:0 0 14px}
.ftr-news-note{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:.76rem;color:#7d88a3}
.ftr-news-note .ic{width:13px;height:13px}
.ftr-trust{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;margin-top:54px;padding:20px 24px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid var(--night-line)}
.ftr-trust>span{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
.ftr-trust>span .ic{grid-row:span 2;width:34px;height:34px;padding:8px;border-radius:11px;background:rgba(225,29,46,.12);color:#ff6b78}
.ftr-trust b{color:#fff;font-size:.86rem;line-height:1.2}
.ftr-trust small{font-size:.74rem;color:#7d88a3}
.ftr-pay{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}
.ftr-pay i{font:800 .68rem/1 var(--font);letter-spacing:.06em;font-style:normal;padding:.6em .8em;border-radius:8px;background:#fff;color:#0b1224}
.ftr-pay i:nth-child(2){background:linear-gradient(90deg,#eb001b 0 50%,#f79e1b 50%);color:#fff}
.ftr-pay i:nth-child(3){background:#00a0e0;color:#fff}
.ftr-pay i:nth-child(4){background:#1e293b;color:#e2e8f0;border:1px solid rgba(255,255,255,.14)}
@media (max-width:1100px){.ftr-grid{grid-template-columns:1fr 1fr}.ftr-pay{margin-left:0;width:100%}}
@media (max-width:760px){
  .ftr-cta{padding:26px 22px;margin-bottom:46px;border-radius:0 0 22px 22px}
  .ftr-cta-b,.ftr-cta-b .btn{width:100%}
  .ftr-grid{grid-template-columns:1fr 1fr;gap:30px 20px}
  .ftr-about,.ftr-news{grid-column:1/-1}
  .ftr-trust{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px}
  .ftr-pay{grid-column:1/-1}
  .ftr-bottom{flex-direction:column;align-items:flex-start}
}

/* ===== v4.5: Premium mobil alt menü (dock) ===== */
@media (max-width:760px){
  .tabbar{grid-template-columns:repeat(5,1fr);align-items:end;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));padding:7px 6px;border-radius:24px;background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);border:1px solid color-mix(in srgb,var(--line) 80%,transparent);box-shadow:0 24px 50px -18px rgba(10,16,32,.45),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .35s var(--ease),opacity .35s}
  .tabbar.tb-hide{transform:translateY(calc(100% + 24px));opacity:0}
  .tabbar .tb{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0 2px;border-radius:16px;color:var(--muted);font-size:.64rem;font-weight:700;letter-spacing:.01em;background:none;-webkit-tap-highlight-color:transparent}
  .tabbar .tb-ic{position:relative;width:44px;height:30px;border-radius:12px;display:grid;place-items:center;transition:background .25s,color .25s,transform .2s}
  .tabbar .tb-ic .ic{width:21px;height:21px}
  .tabbar .tb:active .tb-ic{transform:scale(.9)}
  .tabbar .tb.is-active{color:var(--ink)}
  .tabbar .tb.is-active .tb-ic{background:var(--brand-50);color:var(--brand)}
  .tabbar .tb.is-active::after{content:"";position:absolute;top:-7px;width:18px;height:3px;border-radius:0 0 4px 4px;background:var(--brand);box-shadow:0 2px 10px var(--glow)}
  .tabbar .tb-fab{color:var(--ink)}
  .tabbar .tb-fab .tb-ic{width:54px;height:54px;margin-top:-26px;border-radius:18px;color:#fff;background:linear-gradient(145deg,#22c55e,#15803d);box-shadow:0 14px 26px -10px rgba(22,163,74,.75),0 0 0 5px var(--surface),inset 0 1px 0 rgba(255,255,255,.35)}
  .tabbar .tb-fab .tb-ic .ic{width:26px;height:26px}
  .tabbar .tb-fab::before{content:"";position:absolute;top:-26px;left:50%;width:54px;height:54px;margin-left:-27px;border-radius:18px;border:2px solid #22c55e;opacity:0;animation:tbPulse 2.8s infinite}
  @keyframes tbPulse{0%{transform:scale(1);opacity:.55}70%{transform:scale(1.35);opacity:0}100%{opacity:0}}
  .tabbar .cnt{position:absolute;top:-4px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--brand);color:#fff;font-size:.62rem;font-weight:800;display:grid;place-items:center;border:2px solid var(--surface)}
  .tabbar .cnt:empty,.tabbar .cnt[data-n="0"]{display:none}
  .to-top{bottom:calc(100px + env(safe-area-inset-bottom,0px))}
  html.a11y-rm .tabbar .tb-fab::before{animation:none}
}

/* ===== v4.7: Premium mobil menü (drawer) ===== */
.drawer-bg{background:rgba(3,6,14,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.dp{width:min(400px,92vw);padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px));gap:12px;border-radius:26px 0 0 26px;box-shadow:-30px 0 80px -30px rgba(3,6,14,.6);background:radial-gradient(120% 40% at 100% 0%,var(--brand-50),transparent 60%),var(--surface)}
.dp-top{display:flex;justify-content:space-between;align-items:center}
.dp-search{display:flex;align-items:center;gap:10px;width:100%;padding:13px 16px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);font:inherit;font-size:.92rem;cursor:pointer;text-align:left}
.dp-search .ic{width:18px;height:18px}
.dp-me{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.dp-me>span:nth-child(2){flex:1;min-width:0}
.dp-me b{display:block;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dp-me small{display:block;font-size:.78rem;color:var(--muted)}
.dp-me>.ic{color:var(--muted)}
.dp-av{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:800;color:#fff;background:conic-gradient(from 210deg,#ff5261,#b20d1c,#ff2d40);flex:none}
.dp-auth{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dp-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 12px;border-radius:16px;border:1px solid var(--line);background:var(--surface);font-size:.8rem;transition:border-color .2s,transform .2s,background .2s}
.dp-tile span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--surface-2);color:var(--ink-2);transition:background .2s,color .2s}
.dp-tile span .ic{width:20px;height:20px}
.dp-tile:active{transform:scale(.96)}
.dp-tile.is-active,.dp-tile:hover{border-color:color-mix(in srgb,var(--brand) 40%,transparent)}
.dp-tile.is-active span,.dp-tile:hover span{background:var(--brand);color:#fff}
.dp-list{display:grid;gap:2px}
.dp .nl{display:flex;align-items:center;gap:12px;padding:.6em .7em;border-radius:12px;font-weight:600;font-size:.92rem}
.dp .nl>.ic:last-child{margin-left:auto;width:16px;height:16px;color:var(--muted)}
.dp-li{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);color:var(--muted);flex:none}
.dp-li .ic{width:16px;height:16px}
.dp .nl.is-active .dp-li{background:var(--brand-50);color:var(--brand)}
.dp-foot{display:grid;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.dp-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:6px}
.dp-quick a,.dp-quick button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font:600 .72rem var(--font);cursor:pointer}
.dp-quick .ic{width:20px;height:20px}
.dp-quick a.wa{color:#16a34a;border-color:color-mix(in srgb,#16a34a 35%,transparent);background:color-mix(in srgb,#16a34a 7%,var(--surface))}
.drawer.open .dp>*{animation:dpIn .45s var(--ease) both}
.drawer.open .dp>*:nth-child(2){animation-delay:.04s}.drawer.open .dp>*:nth-child(3){animation-delay:.08s}.drawer.open .dp>*:nth-child(4){animation-delay:.12s}.drawer.open .dp>*:nth-child(5){animation-delay:.16s}.drawer.open .dp>*:nth-child(6){animation-delay:.2s}
@keyframes dpIn{from{opacity:0;transform:translateX(18px)}}
html.drawer-lock,html.drawer-lock body{overflow:hidden}
html.a11y-rm .drawer.open .dp>*{animation:none}

/* ===== v4.7: sayfa geçişleri (View Transitions) ===== */
@view-transition{navigation:auto}
::view-transition-old(root){animation:vtOut .18s ease both}
::view-transition-new(root){animation:vtIn .28s cubic-bezier(.2,.7,.2,1) both}
@keyframes vtOut{to{opacity:0}}
@keyframes vtIn{from{opacity:0;transform:translateY(6px)}}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}
html.a11y-rm::view-transition-old(root),html.a11y-rm::view-transition-new(root){animation:none}

/* v5.1 · Taksit tablosu */
.inst{border:1px solid var(--line);border-radius:18px;margin:0 0 16px;background:linear-gradient(180deg,var(--surface),var(--surface-2));overflow:hidden;transition:box-shadow .2s,border-color .2s}
.inst[open]{border-color:color-mix(in srgb,var(--brand) 30%,var(--line));box-shadow:var(--sh-1)}
.inst summary{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;list-style:none}
.inst summary::-webkit-details-marker{display:none}
.inst-ic{width:38px;height:38px;border-radius:12px;flex:none;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#1e293b,#0f172a);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.inst-ic .ic{width:20px;height:20px}
.inst-s{flex:1;min-width:0}.inst-s b{display:block;font-size:.9rem}.inst-s small{display:block;font-size:.8rem;color:var(--muted)}
.inst-s small span{color:var(--ink);font-weight:800}
.inst-cv{color:var(--muted);transition:transform .25s var(--ease)}.inst-cv .ic{width:18px;height:18px}
.inst[open] .inst-cv{transform:rotate(180deg)}
.inst-body{padding:0 14px 12px;animation:instIn .25s var(--ease)}
@keyframes instIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.inst-tbl{width:100%;border-collapse:collapse;font-size:.86rem}
.inst-tbl th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;padding:8px 6px;border-bottom:1px solid var(--line)}
.inst-tbl td{padding:8px 6px;border-bottom:1px dashed var(--line)}
.inst-tbl tr:last-child td{border-bottom:0}
.inst-tbl td:nth-child(2){font-weight:800}
.inst-tbl tr:hover td{background:color-mix(in srgb,var(--brand) 4%,transparent)}
.inst-free{font-style:normal;font-size:.68rem;font-weight:800;padding:2px 7px;border-radius:99px;background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok);margin-left:4px}
.inst-note{display:flex;gap:6px;align-items:flex-start;margin:10px 0 0;font-size:.74rem;color:var(--muted);line-height:1.45}.inst-note .ic{width:14px;height:14px;flex:none;margin-top:1px;color:var(--ok)}

/* v5.1 · Ürün videosu */
.hero-media{position:relative}
.pv-play{position:absolute;left:16px;bottom:16px;z-index:2;display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(10,14,24,.55);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);color:#fff;cursor:pointer;font:inherit;text-align:left;box-shadow:0 12px 30px -10px rgba(0,0,0,.5);transition:transform .2s var(--ease),background .2s}
.pv-play:hover{transform:translateY(-2px);background:rgba(10,14,24,.72)}
.pv-ring{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--brand);flex:none}
.pv-ring::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--brand);opacity:.6;animation:pvPulse 1.8s ease-out infinite}
@keyframes pvPulse{from{transform:scale(.9);opacity:.7}to{transform:scale(1.35);opacity:0}}
.hero-media .pv-play .ic,.pv-play .ic{width:18px;height:18px;filter:none;color:#fff}
.pv-t b{display:block;font-size:.88rem;line-height:1.2}.pv-t small{display:block;font-size:.72rem;opacity:.75}
.pv-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;background:rgba(3,6,12,.82);backdrop-filter:blur(6px);animation:instIn .2s ease}
.pv-modal[hidden]{display:none}
.pv-box{position:relative;width:min(1100px,100%);aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 30px 80px -20px rgba(0,0,0,.8)}
.pv-box iframe,.pv-box video{width:100%;height:100%;border:0;display:block}
.pv-x{position:absolute;top:-46px;right:0;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;font-size:1.4rem;line-height:1;cursor:pointer}
.pv-cap{position:absolute;left:0;top:-40px;color:#fff;font-weight:700;font-size:.92rem;max-width:calc(100% - 60px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:640px){.pv-play{left:10px;bottom:10px;padding:6px 12px 6px 6px}.pv-ring{width:34px;height:34px}.pv-t small{display:none}}
@media (prefers-reduced-motion:reduce){.pv-ring::after{animation:none}}

/* v5.2 · Premium değerlendirme bölümü */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rvx{display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:start}
@media (max-width:900px){.rvx{grid-template-columns:1fr}}
.rvx-sum{position:sticky;top:96px;display:grid;gap:18px;padding:22px;border:1px solid var(--line);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--surface),var(--surface-2));box-shadow:var(--sh-1)}
@media (max-width:900px){.rvx-sum{position:static}}
.rvx-score{display:flex;align-items:center;gap:14px}
.rvx-score>b{font-size:3.2rem;line-height:1;letter-spacing:-.05em}
.rvx-score small{display:block;font-size:.8rem;color:var(--muted);margin-top:4px}
.rvx-dist{display:grid;gap:6px}
.rvx-row{display:grid;grid-template-columns:34px 1fr 28px;align-items:center;gap:10px;padding:4px 6px;margin:0 -6px;border:0;border-radius:8px;background:none;font:inherit;font-size:.82rem;color:var(--ink-2);cursor:pointer;transition:background .15s}
.rvx-row:hover:not([disabled]),.rvx-row.on{background:color-mix(in srgb,var(--brand) 8%,transparent)}
.rvx-row[disabled]{cursor:default;opacity:.5}
.rvx-row i{font-style:normal;color:#f59e0b}
.rvx-row em{font-style:normal;text-align:right;color:var(--muted);font-weight:700}
.rvx-bar{height:8px;border-radius:8px;background:var(--line);overflow:hidden}
.rvx-bar i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#f59e0b,#fbbf24)}
.rvx-rec{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px dashed var(--line)}
.rvx-ring{width:58px;height:58px;border-radius:50%;flex:none;display:grid;place-items:center;background:conic-gradient(var(--ok) calc(var(--p) * 1%),var(--line) 0);position:relative}
.rvx-ring::before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--surface)}
.rvx-ring b{position:relative;font-size:.86rem;color:var(--ok)}
.rvx-rec p{margin:0;font-size:.86rem;color:var(--ink-2);line-height:1.35}.rvx-rec small{display:block;font-size:.74rem;color:var(--muted);margin-top:2px}
.rvx-ph small{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--muted);margin-bottom:8px}.rvx-ph small .ic{width:14px;height:14px}
.rvx-ph>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.rvx-ph button{padding:0;border:0;border-radius:10px;overflow:hidden;aspect-ratio:1;cursor:zoom-in;background:var(--surface-2)}
.rvx-ph img{width:100%;height:100%;object-fit:cover;transition:transform .3s var(--ease)}.rvx-ph button:hover img{transform:scale(1.08)}
.rvx-bar-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.rvx-chips{display:flex;gap:6px;flex-wrap:wrap;flex:1}
.rvx-chips button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:99px;border:1px solid var(--line-2);background:var(--surface);font:inherit;font-size:.82rem;font-weight:700;color:var(--ink-2);cursor:pointer;transition:.15s}
.rvx-chips button .ic{width:14px;height:14px}
.rvx-chips button em{font-style:normal;font-size:.72rem;color:var(--muted)}
.rvx-chips button:hover{border-color:var(--ink)}
.rvx-chips button.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}.rvx-chips button.on em{color:inherit;opacity:.7}
.rvx-sort select{padding:8px 32px 8px 12px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);font:inherit;font-size:.84rem;font-weight:600;color:var(--ink)}
.rvx-list{display:grid;gap:12px}
.rvx-card{padding:18px 20px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);transition:border-color .2s,box-shadow .2s;animation:instIn .25s var(--ease)}
.rvx-card:hover{border-color:var(--line-2);box-shadow:var(--sh-1)}
.rvx-card[hidden]{display:none}
.rvx-card header{display:flex;align-items:center;gap:12px}
.rvx-card header>div{flex:1;min-width:0}.rvx-card header b{display:block;font-size:.92rem}
.rvx-card header small{font-size:.76rem;color:var(--muted)}
.rvx-av{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-700))}
.rvx-ok{display:inline-flex;align-items:center;gap:3px;color:var(--ok);font-weight:700}.rvx-ok .ic{width:12px;height:12px}
.rvx-card p{margin:12px 0;color:var(--ink-2);line-height:1.6}
.rvx-card .rv-reply{border-left:3px solid var(--brand);border-radius:0 12px 12px 0}
.rvx-card .rv-reply b{display:flex;align-items:center;gap:6px;margin-bottom:4px;color:var(--ink);font-size:.82rem}.rvx-card .rv-reply b .ic{width:14px;height:14px;color:var(--brand)}
.rvx-card footer{display:flex;justify-content:flex-end}.rvx-card .rv-help{margin-top:4px}
.rvx-more{margin-top:14px;width:100%;justify-content:center}
.rvx-none{padding:30px;text-align:center;border:1px dashed var(--line-2);border-radius:var(--r)}

/* v5.2 · Ürün sayfası bölüm menüsü */
.pnav{position:sticky;top:72px;z-index:30;margin:0 0 8px;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid var(--line)}
.pnav .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.pnav .wrap::-webkit-scrollbar{display:none}
.pnav a{position:relative;flex:none;display:inline-flex;align-items:center;gap:6px;padding:14px 14px;font-size:.88rem;font-weight:700;color:var(--muted);text-decoration:none;transition:color .2s}
.pnav a em{font-style:normal;font-size:.72rem;padding:1px 7px;border-radius:99px;background:var(--surface-2);color:var(--ink-2)}
.pnav a::after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;border-radius:2px;background:var(--brand);transform:scaleX(0);transition:transform .25s var(--ease)}
.pnav a:hover{color:var(--ink)}
.pnav a.on{color:var(--ink)}.pnav a.on::after{transform:scaleX(1)}
@media (max-width:640px){.pnav a{padding:12px 10px;font-size:.84rem}}
.pnav ~ section[id],.pnav ~ section [id]{scroll-margin-top:136px}
.pnav ~ section .sticky{top:132px}
.pnav ~ section .rvx-sum{top:132px}
@media (max-width:520px){.rvx-card header{flex-wrap:wrap}.rvx-card header .stars{flex-basis:100%;margin-left:52px;margin-top:-4px}.rvx-sort,.rvx-sort select{width:100%}.rvx-sum{padding:18px}}

/* v5.3 · Premium sipariş takibi */
.trk{position:relative;padding:64px 0 90px;overflow:hidden}
.trk::before{content:"";position:absolute;inset:-20% -10% auto auto;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 16%,transparent),transparent 65%);pointer-events:none}
.trk-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
@media (max-width:960px){.trk-grid{grid-template-columns:1fr;gap:34px}.trk{padding:34px 0 60px}}
.trk-intro .eyebrow{display:inline-flex;align-items:center;gap:6px}.trk-intro .eyebrow .ic{width:15px;height:15px}
.trk-intro h1{font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.02;letter-spacing:-.045em;margin:12px 0 14px}
.trk-intro h1 span{background:linear-gradient(90deg,var(--brand),#ff7a59);-webkit-background-clip:text;background-clip:text;color:transparent}
.trk-intro .lead{max-width:520px;color:var(--muted);font-size:1.05rem;line-height:1.6;margin:0 0 28px}
.trk-steps{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative}
.trk-steps::before{content:"";position:absolute;left:22px;right:22px;top:21px;height:2px;background:linear-gradient(90deg,var(--brand),color-mix(in srgb,var(--brand) 20%,var(--line)));z-index:0}
.trk-steps li{position:relative;z-index:1}
.trk-steps span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--brand);box-shadow:var(--sh-1);margin-bottom:10px;transition:transform .2s var(--ease)}
.trk-steps li:hover span{transform:translateY(-3px)}
.trk-steps li:first-child span{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 10px 24px -10px var(--brand)}
.trk-steps .ic{width:20px;height:20px}
.trk-steps b{display:block;font-size:.9rem}.trk-steps small{display:block;font-size:.76rem;color:var(--muted);line-height:1.35}
@media (max-width:560px){.trk-steps{grid-template-columns:1fr 1fr;row-gap:18px}.trk-steps::before{display:none}}
.trk-help{display:flex;gap:10px;flex-wrap:wrap}
.trk-help a{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-decoration:none;color:var(--ink);transition:border-color .2s,transform .2s}
.trk-help a:hover{border-color:var(--ink);transform:translateY(-2px)}
.trk-help .ic{width:34px;height:34px;padding:8px;border-radius:10px;background:var(--surface-2);color:var(--brand)}
.trk-help b{display:block;font-size:.86rem}.trk-help small{display:block;font-size:.74rem;color:var(--muted)}
.trk-side{display:grid;gap:14px}
.trk-card{position:relative;padding:28px;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(10,16,32,.35)}
.trk-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,color-mix(in srgb,var(--brand) 55%,transparent),transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.trk-card-h{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px}
.trk-card-h h2{margin:0;font-size:1.25rem;letter-spacing:-.02em}.trk-card-h p{margin:2px 0 0;font-size:.86rem;color:var(--muted)}
.trk-ic{width:46px;height:46px;border-radius:14px;flex:none;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-700))}.trk-ic .ic{width:22px;height:22px}
.trk-form,.trk-forgot-f{display:grid;gap:12px}
.trk-in{position:relative;display:block}
.trk-in>span{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;display:flex}.trk-in .ic{width:18px;height:18px}
.trk-in input{width:100%;height:54px;padding:0 16px 0 46px;border-radius:14px;border:1.5px solid var(--line-2);background:var(--surface-2);font:inherit;font-size:1rem;color:var(--ink);transition:border-color .2s,box-shadow .2s,background .2s}
.trk-in input:focus{outline:0;border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)}
.trk-in input[name=code]{text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.trk-in input[name=code]::placeholder{text-transform:none;letter-spacing:0;font-weight:400}
.trk-form .btn{height:54px;justify-content:center}
.trk-member{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;border-radius:14px;background:var(--surface-2);font-size:.84rem;color:var(--ink-2);text-decoration:none;transition:background .2s}
.trk-member:hover{background:color-mix(in srgb,var(--brand) 8%,var(--surface-2))}
.trk-member .ic{width:18px;height:18px;flex:none;color:var(--brand)}.trk-member span{flex:1}
.trk-forgot{border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden}
.trk-forgot summary{display:flex;align-items:center;gap:12px;padding:14px 18px;cursor:pointer;list-style:none}
.trk-forgot summary::-webkit-details-marker{display:none}
.trk-forgot summary>.ic:first-child{width:20px;height:20px;color:var(--brand);flex:none}
.trk-forgot summary span{flex:1}.trk-forgot summary b{display:block;font-size:.9rem}.trk-forgot summary small{display:block;font-size:.78rem;color:var(--muted)}
.trk-forgot summary>.ic:last-child{width:18px;height:18px;color:var(--muted);transition:transform .25s var(--ease)}
.trk-forgot[open] summary>.ic:last-child{transform:rotate(180deg)}
.trk-forgot-f{padding:0 18px 18px;animation:instIn .25s var(--ease)}
.trk-forgot-f .btn{justify-content:center}

/* v5.4 · Sepet kampanyası satırları */
.sum-lines .promo-line span:first-child{display:inline-flex;align-items:center;gap:5px}.sum-lines .promo-line .ic{width:14px;height:14px}
.promo-next{margin-top:14px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,#7c3aed 10%,var(--surface)),color-mix(in srgb,var(--brand) 8%,var(--surface)));border:1px solid color-mix(in srgb,#7c3aed 22%,var(--line))}
.promo-next p{margin:8px 0 0;font-size:.84rem;color:var(--ink-2);display:flex;gap:6px;align-items:center}.promo-next .ic{width:15px;height:15px;color:#7c3aed;flex:none}
.promo-bar{height:6px;border-radius:6px;background:color-mix(in srgb,#7c3aed 14%,var(--line));overflow:hidden}.promo-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#7c3aed,var(--brand));transition:width .5s var(--ease)}
.promo-note{display:flex;gap:6px;align-items:flex-start;margin:10px 0 0;font-size:.8rem;color:var(--muted)}.promo-note .ic{width:14px;height:14px;flex:none;margin-top:2px;color:var(--warn)}

/* v5.4 · Mini sepet çekmecesi */
html.mc-lock{overflow:hidden}
.mc{position:fixed;inset:0;z-index:1100}
.mc[hidden]{display:none}
.mc-bg{position:absolute;inset:0;background:rgba(5,8,16,.5);backdrop-filter:blur(3px);opacity:0;transition:opacity .3s}
.mc.on .mc-bg{opacity:1}
.mc-panel{position:absolute;top:0;right:0;bottom:0;width:min(430px,100%);display:flex;flex-direction:column;background:var(--bg);box-shadow:-30px 0 80px -30px rgba(0,0,0,.45);transform:translateX(102%);transition:transform .34s var(--ease)}
.mc.on .mc-panel{transform:none}
.mc-h{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line);background:var(--surface)}
.mc-h h2{margin:0;font-size:1.2rem;letter-spacing:-.02em}.mc-h small{font-size:.8rem;color:var(--muted)}
.mc-x{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);font-size:1.5rem;line-height:1;cursor:pointer;color:var(--ink)}
.mc-x:hover{border-color:var(--ink)}
.mc-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;transition:opacity .2s}
.mc.loading .mc-body{opacity:.6}
.mc-skel{display:grid;gap:12px;padding:20px}.mc-skel i{height:78px;border-radius:14px;background:linear-gradient(90deg,var(--surface-2),var(--surface),var(--surface-2));background-size:200% 100%;animation:mcSk 1.2s infinite}
@keyframes mcSk{to{background-position:-200% 0}}
.mc-goal{margin:14px 20px 0;padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.mc-goal-t{display:flex;gap:8px;align-items:center;font-size:.84rem;color:var(--ink-2)}.mc-goal-t .ic{width:18px;height:18px;color:var(--brand);flex:none}
.mc-goal-bar{height:6px;border-radius:6px;background:var(--line);margin-top:8px;overflow:hidden}.mc-goal-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--brand),#ff7a59);transition:width .5s var(--ease)}
.mc-goal.done{border-color:color-mix(in srgb,var(--ok) 35%,var(--line));background:color-mix(in srgb,var(--ok) 6%,var(--surface))}.mc-goal.done .ic{color:var(--ok)}.mc-goal.done .mc-goal-bar i{background:var(--ok)}
.mc-goal.promo .ic{color:#7c3aed}.mc-goal.promo .mc-goal-bar i{background:linear-gradient(90deg,#7c3aed,var(--brand))}
.mc-list{list-style:none;margin:0;padding:10px 20px;display:grid;gap:10px}
.mc-item{position:relative;display:flex;gap:12px;padding:12px;border-radius:16px;background:var(--surface);border:1px solid var(--line);transition:opacity .25s,transform .25s}
.mc-item.out{opacity:0;transform:translateX(30px)}
.mc-img{width:72px;height:72px;border-radius:12px;flex:none;overflow:hidden;display:grid;place-items:center;background:var(--surface-2);color:var(--brand)}.mc-img img{width:100%;height:100%;object-fit:cover}.mc-img .ic{width:28px;height:28px}
.mc-img.sm{width:48px;height:48px;border-radius:10px}.mc-img.sm .ic{width:20px;height:20px}
.mc-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding-right:22px}
.mc-t{font-weight:700;font-size:.9rem;color:var(--ink);text-decoration:none;line-height:1.3}.mc-t:hover{color:var(--brand)}
.mc-info small{font-size:.74rem;color:var(--muted)}.mc-info .mc-tier{color:var(--ok);font-weight:700}
.mc-row{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:6px}
.mc-qty{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:10px;overflow:hidden}
.mc-qty button{width:30px;height:30px;border:0;background:none;font:inherit;font-size:1rem;cursor:pointer;color:var(--ink)}.mc-qty button:hover{background:var(--surface-2)}
.mc-qty span{min-width:26px;text-align:center;font-weight:700;font-size:.86rem}
.mc-rm{position:absolute;top:10px;right:10px;width:28px;height:28px;border:0;border-radius:8px;background:none;color:var(--muted);cursor:pointer;display:grid;place-items:center}.mc-rm:hover{background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}.mc-rm .ic{width:15px;height:15px}
.mc-sugg{margin:4px 20px 12px;padding:12px;border-radius:16px;border:1px dashed var(--line-2)}
.mc-sugg>small{display:block;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px}
.mc-s{display:flex;align-items:center;gap:10px;padding:6px 0}
.mc-s span{flex:1;min-width:0}.mc-s b{display:block;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-s em{font-style:normal;font-size:.8rem;color:var(--muted)}
.mc-plus{width:34px;height:34px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);cursor:pointer;display:grid;place-items:center;color:var(--ink);transition:.15s}.mc-plus:hover{background:var(--brand);border-color:var(--brand);color:#fff}.mc-plus .ic{width:16px;height:16px}
.mc-foot{margin-top:auto;position:sticky;bottom:0;padding:16px 20px 20px;background:var(--surface);border-top:1px solid var(--line);display:grid;gap:6px}
.mc-line{display:flex;justify-content:space-between;font-size:.86rem;color:var(--muted)}.mc-line.ok{color:var(--ok)}
.mc-line.tot{color:var(--ink);font-size:1rem;margin:4px 0 8px}.mc-line.tot b{font-size:1.25rem;letter-spacing:-.02em}
.mc-go{justify-content:center;width:100%}
.mc-cart{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;font-size:.84rem;font-weight:700;color:var(--ink-2);text-decoration:none}.mc-cart:hover{color:var(--brand)}.mc-cart .ic{width:14px;height:14px}
.mc-empty{margin:auto;padding:40px 30px;text-align:center}
.mc-empty-ic{width:76px;height:76px;margin:0 auto 14px;border-radius:24px;display:grid;place-items:center;background:var(--surface-2);color:var(--brand)}.mc-empty-ic .ic{width:34px;height:34px}
.mc-empty h3{margin:0 0 6px}.mc-empty p{margin:0 0 18px;color:var(--muted);font-size:.9rem}
@media (prefers-reduced-motion:reduce){.mc-panel,.mc-bg{transition:none}}

/* v5.6 · Ürün kişiselleştirme */
.cz{border:1px solid var(--line);border-radius:18px;padding:14px;background:linear-gradient(180deg,var(--surface),var(--surface-2))}
.cz-h{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.cz-h>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand)}.cz-h .ic{width:17px;height:17px}
.cz-h b{display:block;font-size:.92rem}.cz-h small{display:block;font-size:.76rem;color:var(--muted)}
.cz-f{display:grid;gap:8px}
.cz-in{position:relative;display:block}
.cz-in>span{position:absolute;left:14px;top:8px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);pointer-events:none}.cz-in>span i{font-style:normal;color:var(--brand)}
.cz-in input{width:100%;height:54px;padding:20px 50px 6px 14px;border-radius:12px;border:1.5px solid var(--line-2);background:var(--surface);font:inherit;font-size:.95rem;font-weight:600;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.cz-in input:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 12%,transparent)}
.cz-in em{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;font-size:.7rem;font-weight:700;color:var(--muted)}
.cz-in em.low{color:var(--warn)}
.czp{perspective:900px;margin:0 0 12px}
.czp-card{position:relative;aspect-ratio:1.586;border-radius:16px;overflow:hidden;padding:18px 20px;color:#fff;background:radial-gradient(120% 90% at 100% 0%,rgba(225,29,46,.55),transparent 55%),linear-gradient(145deg,#0b0f1c,#1a0b10 60%,#2a060b);box-shadow:0 24px 50px -24px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.08);transform:rotateX(6deg) rotateY(-8deg);transition:transform .5s var(--ease)}
.czp:hover .czp-card{transform:rotateX(0) rotateY(0)}
.czp-logo{position:absolute;left:20px;top:18px;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:900;background:var(--brand);font-size:.95rem}
.czp-nfc{position:absolute;right:18px;top:18px;opacity:.85}.czp-nfc .ic{width:22px;height:22px}
.czp-txt{position:absolute;left:20px;right:20px;bottom:18px}
.czp-txt b{display:block;font-size:1.15rem;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.czp-txt small{display:block;font-size:.8rem;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.czp-txt em{display:block;font-style:normal;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.czp-txt .ph{opacity:.4}
.czp-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.12) 45%,transparent 55%);transform:translateX(-60%);animation:czShine 5s ease-in-out infinite}
@keyframes czShine{0%,60%{transform:translateX(-60%)}100%{transform:translateX(60%)}}
.cz-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.cz-tag{display:inline-flex;gap:4px;font-size:.74rem;padding:2px 8px;border-radius:99px;background:color-mix(in srgb,var(--brand) 8%,transparent);color:var(--ink-2)}.cz-tag em{font-style:normal;color:var(--muted)}
.mc-info .mc-cz{color:var(--brand);font-weight:600}
@media (prefers-reduced-motion:reduce){.czp-shine{animation:none}.czp-card{transform:none}}
.czp-card.t-light{color:#0b0f1c;background:radial-gradient(120% 90% at 100% 0%,rgba(225,29,46,.18),transparent 55%),linear-gradient(145deg,#ffffff,#eef1f6);box-shadow:0 24px 50px -24px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,0,0,.06)}
.czp-card.t-wood{background:repeating-linear-gradient(100deg,rgba(0,0,0,.06) 0 2px,transparent 2px 9px),linear-gradient(145deg,#c89b6a,#8a5a33)}
.czp-card.t-gold{color:#2a1d05;background:linear-gradient(135deg,#f8e7b0,#d4a93f 45%,#f3dc8e 70%,#b8872b)}
.czp-card.t-silver{color:#111;background:linear-gradient(135deg,#f4f5f7,#c3c7cf 45%,#eef0f3 70%,#9aa0aa)}
.czp-card.t-gold .czp-logo,.czp-card.t-silver .czp-logo{background:#111;color:#fff}

/* v5.9 · FİCARD premium modüller (düzenleyici) */
.pm{border:1px solid var(--line);border-radius:18px;margin:6px 0 16px;background:linear-gradient(180deg,var(--surface),var(--surface-2));overflow:hidden}
.pm summary{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;list-style:none}.pm summary::-webkit-details-marker{display:none}
.pm-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;color:#fff;background:linear-gradient(135deg,var(--brand),#7c3aed)}.pm-ic .ic{width:18px;height:18px}
.pm summary>span:nth-child(2){flex:1}.pm summary b{display:block}.pm summary small{display:block;font-size:.8rem;color:var(--muted)}
.pm summary>.ic:last-child{transition:transform .25s}.pm[open] summary>.ic:last-child{transform:rotate(180deg)}
.pm-body{padding:4px 16px 16px;display:grid;gap:4px}
.pm-ib{display:grid;grid-template-columns:1fr 1fr 1.6fr auto;gap:8px;margin-bottom:8px}
@media (max-width:700px){.pm-ib{grid-template-columns:1fr 1fr}.pm-ib [data-iban]{grid-column:1/-1}}
.pm-ib [data-iban].bad{border-color:var(--danger)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 14%,transparent)}
.pm-ib [data-iban].good{border-color:var(--ok)!important}
.pm-hours{display:grid;gap:6px}
.pm-h{display:grid;grid-template-columns:110px 1fr auto 1fr;gap:8px;align-items:center}.pm-h b{font-size:.88rem}.pm-h span{color:var(--muted)}
.pm-h input{min-width:0}
.f2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.f2>*{min-width:0}@media (max-width:560px){.f2{grid-template-columns:minmax(0,1fr)}}
.form{grid-template-columns:minmax(0,1fr)}.pm-h{grid-template-columns:minmax(70px,110px) minmax(0,1fr) auto minmax(0,1fr)}
input[type=file]{max-width:100%;min-width:0}
.pm-body{grid-template-columns:minmax(0,1fr)}
@media (max-width:700px){.pm-ib{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.pm-ib [data-iban]{grid-column:1/3}.pm-ib [data-ib-del]{grid-column:3;grid-row:1/3;align-self:center}}@media (max-width:560px){.pm-h{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);row-gap:4px}.pm-h b{grid-column:1/-1}}
.pm-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;margin-bottom:8px}
.pm-g{position:relative;display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line);cursor:pointer}
.pm-g img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.pm-g span{display:flex;align-items:center;gap:4px;padding:4px 6px;font-size:.72rem;font-weight:700;background:var(--surface)}
.pm-g:has(input:checked) img{opacity:.35;filter:grayscale(1)}
.pm-sv{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr) minmax(0,1.6fr) auto;gap:8px;margin-bottom:8px}
@media (max-width:700px){.pm-sv{grid-template-columns:minmax(0,1fr) minmax(0,.6fr) auto}.pm-sv [name="sv_desc[]"]{grid-column:1/3}.pm-sv [data-sv-del]{grid-column:3;grid-row:1/3;align-self:center}}

/* ===== v6.1 QR Stüdyo ===== */
.qrs{padding:0;overflow:hidden}
.qrs>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:16px 20px}
.qrs>summary::-webkit-details-marker{display:none}
.qrs>summary>span:nth-child(2){flex:1;display:grid;gap:2px}
.qrs>summary small{color:var(--muted);font-size:.84rem}
.qrs>summary>.ic{transition:transform .2s;color:var(--muted)}
.qrs[open]>summary>.ic{transform:rotate(180deg)}
.qrs-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),#7c3aed);color:#fff;flex:none}
.qrs-body{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:24px;padding:4px 20px 20px;border-top:1px solid var(--line);padding-top:20px}
.qrs-prev{display:grid;gap:8px;justify-items:center;align-self:start;position:sticky;top:80px}
.qrs-prev canvas{width:100%;max-width:300px;height:auto;border-radius:18px;box-shadow:0 18px 40px -18px rgba(10,16,32,.35),0 0 0 1px var(--line)}
.qrs-prev small{font-size:.78rem;text-align:center}
.qrs-prev small.warn{color:#d97706;font-weight:600}
.qrs-opts{display:grid;gap:16px;align-content:start;min-width:0}
.qrs-g{display:grid;gap:8px}
.qrs-g>label{font-size:.8rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.qrs-seg{display:inline-flex;background:var(--surface-2);border-radius:12px;padding:4px;gap:4px;width:max-content;max-width:100%;flex-wrap:wrap}
.qrs-seg button{border:0;background:none;padding:8px 14px;border-radius:9px;font:inherit;font-size:.86rem;font-weight:600;color:var(--muted);cursor:pointer}
.qrs-seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.qrs-cols{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.qrs-col{display:flex;align-items:center;gap:6px;font-size:.84rem;font-weight:600;background:var(--surface-2);padding:5px 10px 5px 5px;border-radius:10px;cursor:pointer}
.qrs-col input{width:30px;height:30px;border:0;padding:0;background:none;border-radius:8px;cursor:pointer}
.qrs-sw{width:30px;height:30px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line);background:linear-gradient(135deg,var(--a) 50%,var(--b) 50%);cursor:pointer;padding:0}
.qrs-sw:hover{transform:scale(1.1)}
.qrs-chk{display:flex;flex-wrap:wrap;gap:8px 18px}
.qrs-dl{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:720px){.qrs-body{grid-template-columns:minmax(0,1fr)}.qrs-prev{position:static}.qrs>summary{padding:14px}}

/* ===== v6.2 Fiyat şeffaflığı ===== */
.phx-line{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin:-4px 0 12px;font-size:.8rem;color:var(--muted)}
.phx-low b{color:var(--ink);font-weight:700}
.phx-best{display:inline-flex;align-items:center;gap:5px;font-weight:700;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;padding:4px 10px;border-radius:99px}.phx-best .ic{width:14px;height:14px}
[data-theme="dark"] .phx-best{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.35);color:#6ee7b7}
.phx{border:1px solid var(--line);border-radius:14px;margin:0 0 14px;background:var(--surface)}
.phx>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:11px 14px;font-size:.88rem;font-weight:600}
.phx>summary::-webkit-details-marker{display:none}
.phx>summary>span{flex:1;display:flex;flex-wrap:wrap;gap:2px 8px;align-items:baseline}.phx>summary small{font-weight:500;color:var(--muted);font-size:.76rem}
.phx>summary>.ic:first-child{color:var(--brand)}.phx>summary>.ic:last-child{color:var(--muted);transition:transform .2s}.phx[open]>summary>.ic:last-child{transform:rotate(180deg)}
.phx-tr{font-style:normal;font-size:.74rem;font-weight:700;padding:3px 8px;border-radius:99px}.phx-tr.dn{color:#047857;background:#ecfdf5}.phx-tr.up{color:#b45309;background:#fffbeb}
.phx-body{padding:4px 14px 14px}
.phx-svg{width:100%;height:84px;display:block}
.phx-ax{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);margin-top:4px}
.phx-st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.phx-st div{background:var(--surface-2);border-radius:10px;padding:8px 10px;display:grid}.phx-st small{font-size:.7rem;color:var(--muted)}.phx-st b{font-size:.92rem}.phx-st b.cur{color:var(--brand)}
.phx-note{margin:10px 0 0;font-size:.72rem;color:var(--muted)}

/* ===== v6.6 Tekliflerim ===== */
.acp-list{display:grid;gap:10px}
.acp{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.acp:hover{border-color:var(--line-2,var(--line));box-shadow:0 14px 30px -22px rgba(10,16,32,.45);transform:translateY(-1px)}
.acp.open{border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}
.acp-ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--surface-2);color:var(--brand)}
.acp-b{display:grid;min-width:0}.acp-b b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acp-b small{color:var(--muted);font-size:.8rem}
.acp-r{display:grid;justify-items:end;gap:4px}.acp-r b{font-size:1.05rem}.acp-r small{font-size:.74rem;font-weight:700;white-space:nowrap}.acp-r small.ok{color:#16a34a}.acp-r small.wait{color:#d97706}
.acp-cta{grid-column:2/-1;font-style:normal;font-size:.82rem;font-weight:700;color:var(--brand)}
@media (max-width:560px){.acp{grid-template-columns:auto minmax(0,1fr)}.acp-r{grid-column:2;justify-items:start;grid-auto-flow:column;align-items:center;justify-content:start}}
.acp-hero{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:18px 20px;margin-bottom:18px;border-radius:18px;color:#fff;text-decoration:none;background:radial-gradient(70% 140% at 100% 0%,color-mix(in srgb,var(--brand) 55%,transparent),transparent 60%),linear-gradient(135deg,#0a1020,#18203a);box-shadow:0 20px 44px -28px rgba(10,16,32,.7)}
.acp-hero .acp-ic{background:rgba(255,255,255,.1);color:#fff;flex:none}
.acp-hero>span:nth-child(2){flex:1;min-width:200px;display:grid;gap:2px}.acp-hero small{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#aab4ca}.acp-hero b{font-size:1.05rem}.acp-hero em{font-style:normal;font-size:.84rem;color:#c9d2e5}
.acp-hero strong{background:#fff;color:#0a1020;padding:10px 16px;border-radius:12px;font-size:.88rem}
.net-or{display:flex;align-items:center;gap:10px;margin:16px 0 -6px;color:var(--muted);font-size:.8rem}.net-or::before,.net-or::after{content:"";flex:1;height:1px;background:var(--line)}

/* v6.8 · Android "uygulamayı indir" çubuğu */
.appbar{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:80;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 12px;border-radius:16px;background:#0b1222;color:#fff;box-shadow:0 18px 40px -12px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.08);animation:appbarIn .35s ease both}
.appbar-ic{flex:none;width:40px;height:40px;border-radius:11px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand,#e11d2e),#f97316)}.appbar-ic img{width:100%;height:100%;object-fit:cover}.appbar-ic .ic{width:22px;height:22px;color:#fff}
.appbar-t{flex:1;min-width:0;display:grid;line-height:1.25}.appbar-t b{font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar-t small{font-size:.72rem;color:#aab4ca;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.appbar-go{flex:none;padding:8px 14px;border-radius:999px;background:var(--brand,#e11d2e);color:#fff;font-weight:800;font-size:.82rem;text-decoration:none}
.appbar-x{flex:none;width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#cbd5e1;font-size:18px;line-height:1;cursor:pointer}
@keyframes appbarIn{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
@media (min-width:900px){.appbar{display:none}}
/* ===== v6.9: VIP kulübü ve abonelikler ===== */
.vip-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px 2px 7px;border-radius:99px;font-size:.72rem;font-weight:800;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,var(--vc),color-mix(in srgb,var(--vc) 60%,#000));box-shadow:inset 0 1px 0 rgba(255,255,255,.25);vertical-align:middle}.vip-badge .ic{width:12px;height:12px}
.vip-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:22px;align-items:center;margin-bottom:18px;padding:22px 24px;border-radius:var(--r-lg);color:#fff;position:relative;overflow:hidden;background:radial-gradient(80% 160% at 100% 0%,color-mix(in srgb,var(--vc) 70%,transparent),transparent 62%),linear-gradient(135deg,#0a1020,#151c33);box-shadow:var(--sh-2)}
.vip-card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.07) 50%,transparent 60%);pointer-events:none}
.vip-l{display:flex;gap:14px;align-items:center;min-width:0}
.vip-ic{flex:none;width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--vc),color-mix(in srgb,var(--vc) 55%,#000));box-shadow:0 10px 24px -10px var(--vc),inset 0 1px 0 rgba(255,255,255,.3)}.vip-ic .ic{width:26px;height:26px;color:#fff}
.vip-l small{display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#aab4ca}
.vip-l b{display:block;font-size:1.45rem;letter-spacing:-.02em;line-height:1.2}
.vip-l em{display:block;font-style:normal;font-size:.84rem;color:#c9d2e5;margin-top:2px}.vip-l em strong{color:#fff}
.vip-r{display:grid;gap:10px;min-width:0}
.vip-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}.vip-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--vc) 60%,#fff),var(--vc));box-shadow:0 0 12px var(--vc)}
.vip-steps{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap}
.vip-steps span{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:700;color:#8e9ab4}.vip-steps span i{width:9px;height:9px;border-radius:50%;border:2px solid var(--sc);background:transparent}
.vip-steps span.on{color:#fff}.vip-steps span.on i{background:var(--sc)}
.vip-perks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.vip-perks li{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:99px;font-size:.76rem;font-weight:600;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.vip-perks li .ic{width:14px;height:14px}
.vip-perks li.off{opacity:.6}
@media (max-width:760px){.vip-card{grid-template-columns:1fr;padding:18px}}
.msub-list{display:grid;gap:12px}
.msub{--tc:var(--ok);padding:16px 18px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--sh-1);display:grid;gap:12px}
.msub.t-warn{--tc:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,var(--line))}.msub.t-danger{--tc:var(--danger);border-color:color-mix(in srgb,var(--danger) 40%,var(--line))}.msub.t-muted{--tc:var(--muted);opacity:.75}
.msub-h{display:flex;gap:12px;align-items:center}.msub-h b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msub-h small{display:block;font-size:.78rem;color:var(--muted)}
.msub-ic{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--tc);background:color-mix(in srgb,var(--tc) 12%,transparent)}.msub-ic .ic{width:20px;height:20px}
.msub-bar{height:6px;border-radius:99px;background:var(--surface-2);overflow:hidden}.msub-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--tc) 50%,transparent),var(--tc))}
.msub-f{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;font-size:.84rem;color:var(--muted)}.msub-f b{color:var(--ink)}.msub-f form{margin:0}
/* ===== v7.0: kupon vitrini ===== */
.cpn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:16px}
.cpn{position:relative;display:grid;grid-template-columns:116px minmax(0,1fr);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-1);overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.cpn:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}
.cpn.mine{border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}.cpn.on{box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 35%,transparent)}
.cpn-l{display:grid;place-content:center;text-align:center;color:#fff;background:radial-gradient(120% 90% at 0% 0%,color-mix(in srgb,#fff 18%,transparent),transparent 60%),linear-gradient(160deg,var(--brand),var(--brand-700));position:relative}
.cpn-l::after{content:"";position:absolute;right:-9px;top:0;bottom:0;width:18px;background:radial-gradient(circle at 9px 9px,var(--surface) 6px,transparent 6.5px) 0 0/18px 18px repeat-y}
.cpn-l b{font-size:1.9rem;line-height:1;letter-spacing:-.04em}.cpn-l small{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.85}
.cpn-r{padding:16px 18px 16px 22px;display:grid;gap:6px;min-width:0}.cpn-r h3{margin:0;font-size:1.02rem;line-height:1.35}.cpn-r p{margin:0;font-size:.84rem}
.cpn-tag{display:inline-flex;align-items:center;gap:4px;width:max-content;font-size:.7rem;font-weight:800;color:var(--brand);background:var(--brand-50);padding:2px 8px;border-radius:99px}.cpn-tag .ic{width:12px;height:12px}
.cpn-f{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px}.cpn-f form{margin:0}
.cpn-code{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1.5px dashed var(--line-2);border-radius:10px;background:var(--surface-2);font:800 .86rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:var(--ink);cursor:pointer}.cpn-code .ic{width:15px;height:15px;color:var(--muted)}
.cpn-code:hover{border-color:var(--brand)}
/* ===== v7.2: FİCARD fiziksel kartlar (NFC) ===== */
.nfc-st{padding:40px 28px;display:grid;justify-items:center;gap:10px}
.nfc-ring{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;margin:0 auto 6px;color:#fff;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--brand) 70%,#fff),var(--brand));box-shadow:0 0 0 10px color-mix(in srgb,var(--brand) 12%,transparent),0 0 0 22px color-mix(in srgb,var(--brand) 6%,transparent),var(--sh-2);animation:nfcPulse 2.4s var(--ease) infinite}
.nfc-ring .ic{width:38px;height:38px}.nfc-ring.ok{background:radial-gradient(circle at 30% 30%,#4ade80,var(--ok));box-shadow:0 0 0 10px rgba(22,163,74,.12),0 0 0 22px rgba(22,163,74,.06),var(--sh-2)}
.nfc-ring.sm{width:52px;height:52px;margin:0;animation:none;box-shadow:0 0 0 6px color-mix(in srgb,var(--brand) 12%,transparent)}.nfc-ring.sm .ic{width:24px;height:24px}
.nfc-lost .nfc-ring,.nfc-inactive .nfc-ring{background:radial-gradient(circle at 30% 30%,#94a3b8,#475569);box-shadow:0 0 0 10px rgba(71,85,105,.12),var(--sh-2);animation:none}
@keyframes nfcPulse{0%,100%{box-shadow:0 0 0 10px color-mix(in srgb,var(--brand) 12%,transparent),0 0 0 22px color-mix(in srgb,var(--brand) 6%,transparent),var(--sh-2)}50%{box-shadow:0 0 0 14px color-mix(in srgb,var(--brand) 16%,transparent),0 0 0 30px color-mix(in srgb,var(--brand) 4%,transparent),var(--sh-2)}}
@media (prefers-reduced-motion:reduce){.nfc-ring{animation:none}}
.nfc-code{display:flex;gap:8px;width:100%;max-width:460px;margin:14px auto 0}.nfc-code input{flex:1;min-width:0;padding:.85em 1em;border:1px solid var(--line-2);border-radius:var(--r-sm);font:inherit;background:var(--surface);color:var(--ink)}
.nfc-foot{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:.84rem;color:var(--muted);width:100%}.nfc-foot a{color:var(--brand);font-weight:700}
.nfc-steps{display:flex;gap:8px;justify-content:center;margin-bottom:18px;flex-wrap:wrap}
.nfc-steps span{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 7px;border-radius:99px;background:var(--surface);border:1px solid var(--line);font-size:.84rem;font-weight:700;color:var(--muted)}
.nfc-steps b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);font-size:.76rem}
.nfc-steps span.on{color:var(--ink);border-color:color-mix(in srgb,var(--brand) 40%,var(--line))}.nfc-steps span.on b{background:var(--brand);color:#fff}
.nfc-claim{padding:30px}.nfc-claim .tc{text-align:center}
.nfc-err{display:flex;gap:8px;align-items:center;padding:12px 14px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger);font-weight:600;margin-bottom:16px}
.nfc-pick{display:grid;gap:10px;margin-top:16px}
.nfc-opt{display:flex;gap:12px;align-items:center;padding:12px 14px;border:1.5px solid var(--line);border-radius:var(--r);cursor:pointer;transition:border-color .15s,background .15s}
.nfc-opt:has(input:checked){border-color:var(--brand);background:color-mix(in srgb,var(--brand) 5%,var(--surface))}
.nfc-opt input{accent-color:var(--brand)}.nfc-opt b{display:block}.nfc-opt small{color:var(--muted);font-size:.8rem}
.nfc-av{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:var(--surface-2);font-weight:800;color:var(--brand)}.nfc-av img{width:100%;height:100%;object-fit:cover}.nfc-av.new{border:1.5px dashed var(--line-2)}
.nfc-intro{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);margin-bottom:16px}.nfc-intro b{display:block}.nfc-intro small{color:var(--muted);font-size:.85rem}
.nfc-list{display:grid;gap:12px}
.nfc-item{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;padding:14px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-1)}
.nfc-chip{position:relative;aspect-ratio:1.586;border-radius:14px;padding:12px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:radial-gradient(120% 120% at 100% 0%,color-mix(in srgb,var(--brand) 70%,transparent),transparent 60%),linear-gradient(135deg,#0a1020,#1b2340)}
.nfc-chip b{letter-spacing:.14em;font-size:.86rem}.nfc-chip small{opacity:.7;font-size:.72rem}
.nfc-wave{position:absolute;top:10px;right:10px;opacity:.85}.nfc-wave .ic{width:22px;height:22px}
.st-lost .nfc-chip,.st-inactive .nfc-chip{filter:grayscale(1);opacity:.7}
.nfc-body{display:grid;gap:6px;align-content:start;min-width:0}.nfc-h{display:flex;gap:10px;align-items:center;justify-content:space-between}.nfc-body small a{color:var(--brand)}
.nfc-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.nfc-acts form{margin:0;display:flex;gap:6px}.nfc-acts select,.nfc-lbl input{padding:.45em .7em;border:1px solid var(--line-2);border-radius:10px;font:inherit;font-size:.84rem;background:var(--surface);color:var(--ink);min-width:0}
.nfc-lbl{flex:1 1 220px}.nfc-lbl input{flex:1}
.nfc-add{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}.nfc-add>div{flex:1 1 200px}.nfc-add b{display:block}.nfc-add input{flex:1 1 220px;padding:.7em .9em;border:1px solid var(--line-2);border-radius:var(--r-sm);font:inherit;background:var(--surface);color:var(--ink);min-width:0}
@media (max-width:640px){.nfc-item{grid-template-columns:1fr}.nfc-chip{max-width:260px}.nfc-code{flex-direction:column}.nfc-claim{padding:20px}}
.nfc-stat{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--muted)}.nfc-stat b{color:var(--ink)}
.nfc-spark{width:180px;height:28px;fill:var(--brand);flex:none}
.nfc-lostd{position:relative}.nfc-lostd summary{list-style:none;cursor:pointer}.nfc-lostd summary::-webkit-details-marker{display:none}
.nfc-lostd form{display:grid;gap:8px;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);min-width:min(320px,80vw)}
.nfc-lostd textarea,.nfc-found input,.nfc-found textarea{width:100%;padding:.7em .9em;border:1px solid var(--line-2);border-radius:var(--r-sm);font:inherit;background:var(--surface);color:var(--ink);box-sizing:border-box}
.nfc-found{display:grid;gap:10px;width:100%;max-width:460px;margin:14px auto 0;text-align:left}.nfc-found .btn{justify-content:center}
.nfc-note{display:flex;gap:10px;align-items:flex-start;margin:6px auto 0;max-width:460px;padding:12px 14px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--warn) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--warn) 30%,var(--line));text-align:left}.nfc-note b{display:block;font-size:.8rem}
.nfc-hint{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:90;display:flex;gap:10px;align-items:center;max-width:min(520px,92vw);padding:14px 18px;border-radius:var(--r);background:#0a1020;color:#fff;box-shadow:var(--sh-3);font-size:.9rem}.nfc-hint.ok{background:var(--ok)}
.nfc-foundl{margin-top:16px;display:grid;gap:10px}.nfc-fd{padding:10px 12px;border-radius:var(--r-sm);background:var(--surface-2)}.nfc-fd p{margin:6px 0 0;font-size:.9rem}.nfc-fd small{display:block}

/* ---------- v7.4 · Ekosistem siteleri ---------- */
.eco-hero{--c:#e11d2e;position:relative;overflow:hidden;background:var(--night);color:#fff;margin-top:-72px;padding:clamp(130px,14vw,180px) 0 clamp(56px,8vw,96px);isolation:isolate}
.eco-hero-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 70% at 85% 30%,color-mix(in srgb,var(--c) 55%,transparent),transparent 70%),radial-gradient(50% 60% at 0% 100%,color-mix(in srgb,var(--c) 28%,transparent),transparent 70%),linear-gradient(180deg,var(--night-2),var(--night))}
.eco-hero-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(70% 70% at 60% 40%,#000,transparent 80%)}
.eco-hero-in{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.eco-hero-in.one{grid-template-columns:1fr;max-width:820px;text-align:center}
.eco-hero-in.one .eco-eyebrow{margin-inline:auto}
.eco-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);font-size:.8rem;font-weight:700;letter-spacing:.02em;color:#e7ebf5;backdrop-filter:blur(8px)}
.eco-dot{width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 30%,transparent)}
.eco-title{font-size:clamp(2.6rem,7vw,4.8rem);margin:18px 0 6px;letter-spacing:-.045em;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--c) 30%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent}
.eco-tag{font-size:clamp(1.15rem,2.4vw,1.5rem);font-weight:700;color:#fff;margin:0 0 14px}
.eco-lead{color:#b9c3d8;font-size:1.04rem;max-width:58ch}
.eco-hero-in.one .eco-lead{margin-inline:auto}
.eco-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.eco-btn{background:var(--c);color:#fff;box-shadow:0 14px 34px -12px color-mix(in srgb,var(--c) 80%,transparent),inset 0 1px 0 rgba(255,255,255,.25)}
.eco-btn:hover{transform:translateY(-2px);filter:brightness(1.07)}
.eco-ghost{border-color:rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.04)}
.eco-ghost:hover{background:rgba(255,255,255,.1)}
.eco-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font-size:.84rem;color:#a7b2c9}
.eco-meta span{display:inline-flex;align-items:center;gap:6px}
.eco-status i{width:8px;height:8px;border-radius:50%;background:#f59e0b;display:inline-block}
.eco-status.aktif i{background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:ecoPulse 2s infinite}
.eco-status.planlama i{background:#94a3b8}
@keyframes ecoPulse{70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.eco-visual{position:relative;display:grid;place-items:center;min-height:400px}
.eco-orb{position:absolute;top:4%;left:4%;width:96px;height:96px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(150deg,var(--c),color-mix(in srgb,var(--c) 55%,#000));box-shadow:0 30px 60px -20px color-mix(in srgb,var(--c) 70%,transparent);transform:rotate(-8deg);z-index:2;animation:ecoFloat 6s ease-in-out infinite}
.eco-orb .ic{width:46px;height:46px;color:#fff}
@keyframes ecoFloat{50%{transform:rotate(-4deg) translateY(-10px)}}
.eco-phone{width:min(290px,100%);border-radius:38px;padding:14px 16px 20px;background:linear-gradient(180deg,#141c31,#0b1224);border:1px solid rgba(255,255,255,.12);box-shadow:var(--sh-3),inset 0 0 0 6px rgba(255,255,255,.03)}
.eco-phone-top{display:flex;justify-content:center;padding:4px 0 14px}.eco-phone-top span{width:84px;height:22px;border-radius:999px;background:#000}
.eco-phone-head{padding:16px;border-radius:20px;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 50%,#000));margin-bottom:12px}
.eco-phone-head b{display:block;font-size:1.1rem}.eco-phone-head small{color:rgba(255,255,255,.8)}
.eco-phone-row{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.05);margin-bottom:8px;font-size:.86rem;color:#dfe5f2;animation:ecoIn .6s var(--ease) both;animation-delay:var(--d)}
.eco-phone-row span{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 30%,transparent);color:#fff;flex:none}
.eco-phone-row .ic{width:14px;height:14px}
@keyframes ecoIn{from{opacity:0;transform:translateY(8px)}}
.eco-phone-cta{margin-top:12px;text-align:center;padding:12px;border-radius:14px;background:#fff;color:#0a1020;font-weight:800;font-size:.9rem}
.eco-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.eco-feat{position:relative;padding:22px 22px 22px 70px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-1);transition:transform .25s var(--ease),border-color .25s}
.eco-feat:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c) 45%,var(--line))}
.eco-feat-n{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:.82rem;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent)}
.eco-feat b{font-size:.98rem}
.eco-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:s}
.eco-steps li{padding:26px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);position:relative}
.eco-steps li small{display:block;font-weight:700;color:var(--c);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;margin:16px 0 4px}
.eco-steps h3{font-size:1.15rem;margin:0 0 6px}.eco-steps p{color:var(--muted);margin:0;font-size:.94rem}
.eco-step-ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(150deg,var(--c),color-mix(in srgb,var(--c) 60%,#000));color:#fff;box-shadow:0 14px 30px -14px var(--c)}
.eco-step-ic .ic{width:24px;height:24px}
.eco-band{display:flex;gap:24px 40px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:clamp(26px,4vw,44px);border-radius:var(--r-xl);color:#fff;background:radial-gradient(70% 120% at 100% 0%,color-mix(in srgb,var(--c) 60%,transparent),transparent 70%),linear-gradient(160deg,var(--night-2),var(--night));box-shadow:var(--sh-3)}
.eco-band h2{font-size:clamp(1.4rem,3vw,2rem);margin:0 0 6px}.eco-band p{color:#b9c3d8;margin:0;max-width:52ch}
.eco-band-act{display:flex;flex-wrap:wrap;gap:10px}
.eco-form{display:flex;flex-wrap:wrap;gap:10px;flex:1 1 420px;max-width:560px}
.eco-form input{flex:1 1 170px;min-width:0;padding:.85em 1.1em;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff}
.eco-form input::placeholder{color:#93a0ba}
.eco-form input:focus{outline:none;border-color:var(--c);background:rgba(255,255,255,.11)}
.eco-done{display:flex;gap:16px;align-items:center}.eco-done>span{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#22c55e;flex:none}.eco-done .ic{width:28px;height:28px}
.eco-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.eco-grid.sm{grid-template-columns:repeat(3,1fr)}
.eco-tile{display:flex;gap:16px;align-items:center;padding:20px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-1);transition:transform .25s var(--ease),box-shadow .25s,border-color .25s;position:relative;min-width:0}
.eco-tile:hover{transform:translateY(-3px);box-shadow:var(--sh-2);border-color:color-mix(in srgb,var(--c) 40%,var(--line))}
.eco-tile-ic{width:54px;height:54px;border-radius:16px;flex:none;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,var(--c),color-mix(in srgb,var(--c) 55%,#000))}
.eco-tile-ic .ic{width:26px;height:26px}
.eco-tile-b{display:grid;gap:2px;min-width:0;flex:1}
.eco-tile-b b{font-size:1.05rem}.eco-tile-b small{color:var(--muted);font-size:.86rem;line-height:1.4}
.eco-tile-b em{font-style:normal;font-size:.76rem;font-weight:700;color:var(--muted);display:inline-flex;align-items:center;gap:6px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eco-tile-b em i{width:7px;height:7px;border-radius:50%;background:#f59e0b}.eco-tile-b em i.on{background:#22c55e}
.eco-tile-go{color:var(--muted);align-self:flex-start;transition:transform .25s,color .25s}
.eco-tile:hover .eco-tile-go{transform:translate(2px,-2px);color:var(--c)}
@media (max-width:960px){.eco-hero-in{grid-template-columns:1fr}.eco-visual{min-height:0;margin-top:8px}.eco-orb{width:72px;height:72px;left:2%}.eco-feats,.eco-grid.sm{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.eco-feats,.eco-steps,.eco-grid,.eco-grid.sm{grid-template-columns:1fr}.eco-visual{display:none}.eco-actions .btn{flex:1 1 auto}}
@media (prefers-reduced-motion:reduce){.eco-orb,.eco-phone-row,.eco-status.aktif i{animation:none}}
.sec-alt .eco-steps li,.sec-alt .eco-tile{background:var(--bg)}

/* ---------- v7.5 · Marka logosu ---------- */
.brand .brand-logo{height:44px;width:auto;display:block}
.brand-tag .brand-logo{height:52px}
.brand-auto .b-lt{display:none}
.dark-top .hdr:not(.is-stuck) .brand-auto .b-dk{display:none}
.dark-top .hdr:not(.is-stuck) .brand-auto .b-lt{display:block}
:root[data-theme="dark"] .brand-auto .b-dk{display:none}
:root[data-theme="dark"] .brand-auto .b-lt{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .brand-auto .b-dk{display:none}:root:not([data-theme="light"]) .brand-auto .b-lt{display:block}}
@media (max-width:640px){.hdr .brand .brand-logo{height:34px}}
.ftr-about .brand{margin-bottom:14px}
.fs-tile.brandmark{width:auto;height:auto;padding:0;background:none;box-shadow:none;border-radius:0}
.fs-tile.brandmark::after{display:none}
.fs-tile.brandmark img{width:auto;height:118px;filter:drop-shadow(0 24px 40px rgba(225,29,46,.45))}
.fs-word span.r{color:#ff2a36}
/* v7.5 · FİDATA ID kartı (Hesabım) */
.fd-id{position:relative;overflow:hidden;isolation:isolate;display:grid;gap:2px;padding:18px 18px 14px;margin:0 0 10px;border-radius:18px;color:#fff;aspect-ratio:1.7/1;align-content:end;background:radial-gradient(80% 90% at 100% 0%,rgba(225,29,46,.6),transparent 60%),linear-gradient(150deg,#0b1634,#040a1c 75%);box-shadow:0 22px 44px -26px rgba(4,10,28,.9),inset 0 1px 0 rgba(255,255,255,.08)}
.fd-id::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.08) 50%,transparent 65%)}
.fd-id-mark{position:absolute;top:14px;right:14px;width:54px;height:auto}
.fd-id-chip{position:absolute;top:18px;left:18px;width:34px;height:26px;border-radius:6px;background:linear-gradient(135deg,#f6d77a,#c9a13b);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.fd-id small{font-size:.62rem;letter-spacing:.2em;color:#ff8a94;font-weight:800}
.fd-id b{font-size:1.02rem;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fd-id-no{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;color:#aab4ca;letter-spacing:.08em}
.acc-nav .fd-id-eco{display:inline-flex;gap:6px;align-items:center;margin-top:8px;padding:0!important;background:none!important;color:#cfd6e6!important;font-size:.74rem!important;font-weight:600}
.acc-nav .fd-id-eco .ic{width:14px;height:14px}
.acc-nav .fd-id-eco:hover{color:#fff!important}
@media (max-width:1080px){.acc-nav .fd-id{display:none}}
.nfc-help{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}
/* v7.9 · Hızlı etkinleştirme + fotoğraf seçici */
.nfc-quick{display:grid;gap:4px;margin-top:18px;text-align:left}
.nfc-q2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.nfc-quick .field span{font-size:.82rem;font-weight:700;color:var(--ink-2)}
.nfc-ph{display:flex;gap:14px;align-items:center;padding:12px;border:1.5px dashed var(--line-2);border-radius:16px;cursor:pointer;margin-bottom:10px;transition:border-color .2s,background .2s}
.nfc-ph:hover,.nfc-ph.is-set{border-color:var(--brand);background:var(--brand-50)}
.nfc-ph-img{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--muted);overflow:hidden;flex:none;border:3px solid var(--surface);box-shadow:0 6px 18px -8px rgba(10,16,32,.35)}
.nfc-ph-img .ic{width:28px;height:28px}.nfc-ph-img img{width:100%;height:100%;object-fit:cover}
.nfc-ph b{display:block}.nfc-ph small{color:var(--muted);font-size:.8rem}
.nfc-ph.sm{margin:0}.nfc-ph.sm .nfc-ph-img{width:54px;height:54px}
.nfc-more{margin:4px 0 8px;font-size:.88rem}.nfc-more summary{cursor:pointer;font-weight:700;color:var(--ink-2);padding:6px 0}
@media (max-width:560px){.nfc-q2{grid-template-columns:1fr}}
/* v8.0 · Kart siparişlerim */
.nfc-sec-h{display:flex;gap:8px;align-items:center;font-size:1.05rem;margin:26px 0 10px}
.nfc-orders{display:grid;gap:12px}
.nfc-order{padding:18px;border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface)}
.nfc-order.off{opacity:.6}
.nfc-order-h{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.nfc-order-h small{display:block}
.nfc-steps-o{list-style:none;margin:16px 0 4px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;counter-reset:s}
.nfc-steps-o li{display:grid;justify-items:center;gap:6px;text-align:center;font-size:.72rem;color:var(--muted);position:relative}
.nfc-steps-o li i{width:14px;height:14px;border-radius:50%;background:var(--surface-3);border:2px solid var(--line-2);position:relative;z-index:1}
.nfc-steps-o li::before{content:"";position:absolute;top:6px;left:-50%;width:100%;height:2px;background:var(--line-2)}
.nfc-steps-o li:first-child::before{display:none}
.nfc-steps-o li.on{color:var(--ink);font-weight:700}.nfc-steps-o li.on i{background:var(--brand);border-color:var(--brand)}.nfc-steps-o li.on::before{background:var(--brand)}
.nfc-track{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:.86rem;margin:10px 0 0}.nfc-track a{color:var(--brand);font-weight:700}
.nfc-order-c{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.nfc-order-c span{display:inline-flex;gap:5px;align-items:center;padding:5px 10px;border-radius:99px;background:var(--surface-2);font-size:.78rem;font-weight:600;color:var(--muted)}
.nfc-order-c span.on{background:rgba(22,163,74,.12);color:var(--ok)}.nfc-order-c .ic{width:14px;height:14px}
.nfc-buy{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:18px;padding:18px}
.nfc-buy>div{flex:1;min-width:200px;display:grid}.nfc-buy small{font-size:.84rem}
.nfc-havecard{margin-top:12px;font-size:.88rem}.nfc-havecard summary{cursor:pointer;color:var(--muted);font-weight:600;padding:6px 0}
.nfc-havecard .nfc-add{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.nfc-havecard .nfc-add input{flex:1;min-width:200px}
@media (max-width:560px){.nfc-steps-o li span{font-size:.62rem}}
.svc-price{display:grid;gap:2px;padding:12px 14px;border-radius:14px;background:var(--brand-50);margin-bottom:2px}.svc-price small{font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--brand)}.svc-price b{font-size:1.6rem;letter-spacing:-.02em}.svc-price span{font-size:.78rem}
.eco-title.has-logo{background:none;-webkit-background-clip:initial;background-clip:initial;color:inherit;margin:20px 0 12px;line-height:1}
.eco-title.has-logo img{height:clamp(64px,9vw,104px);width:auto;filter:drop-shadow(0 18px 40px rgba(0,0,0,.35))}
.eco-hero-in.one .eco-title.has-logo img{margin-inline:auto}
/* v8.2 · Yeni kartvizit tema örnekleri */
.sw-fidata{background:linear-gradient(160deg,#0b1634,#040a1c);box-shadow:inset 0 -6px 0 #e11d2e}
.sw-neon{background:radial-gradient(70% 70% at 20% 10%,#a855f7,transparent 70%),radial-gradient(70% 70% at 90% 60%,#22d3ee,transparent 70%),#07020f}
.sw-okyanus{background:linear-gradient(180deg,#0369a1,#03111f)}
.sw-orman{background:linear-gradient(160deg,#14532d,#06140d)}
.sw-pastel{background:linear-gradient(135deg,#f9a8d4,#c4b5fd)}
.sw-karbon{background:repeating-linear-gradient(45deg,#111 0 4px,#1c1c1f 4px 8px)}
/* v8.2 · Başlık logosu hiçbir durumda sıkışmasın */
.hdr .brand,.ftr .brand{flex:none;min-width:max-content}
.brand .brand-logo{flex:none;max-width:none;object-fit:contain}
.hdr .brand img{width:auto!important}
@media (max-width:1240px) and (min-width:1081px){.hdr-in{gap:12px}.hdr .nav a{padding-left:.55em;padding-right:.55em}.search-trigger .t,.search-trigger .kbd,.hdr .kbd{display:none}.hdr .brand .brand-logo{height:38px}}