:root{--bg:#1A1038;--bg2:#231552;--ink:#2A1E4E;--brand:#322556;--paper:#F6F4FC;--card:#fff;--mut:#625C85;--line:#E6E2F3;--v:#6D4FD6;--b:#5B48B8;--m:#BBA8FF;--c:#E56BB0;--y:#FFC94A;--r:26px;--g:linear-gradient(120deg,#4B3A9A,#7B5CF0 55%,#B08CFF)}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{font:400 17px/1.7 'DM Sans',system-ui,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4,.wm{font-family:'Bricolage Grotesque','DM Sans',sans-serif;line-height:1.06;letter-spacing:-.025em}
a{color:inherit}img{max-width:100%;height:auto}svg{display:block}
:focus-visible{outline:3px solid var(--m);outline-offset:3px;border-radius:10px}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.sr{position:absolute;left:-9999px}
/* header */
.hd{position:fixed;top:14px;left:0;right:0;z-index:50;pointer-events:none}
.hd .bar{pointer-events:auto;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;height:66px;padding:0 12px 0 20px;border-radius:99px;background:rgba(13,18,51,.62);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 50px -24px rgba(0,0,0,.6);color:#fff;width:calc(100% - 32px)}
.hd.lt .bar{background:rgba(255,255,255,.86);color:var(--ink);border-color:var(--line)}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:19px}
.logo .mk{width:34px;height:34px;border-radius:11px;background:var(--g);display:grid;place-items:center;flex:none}
nav.m{display:flex;align-items:center;gap:2px}
nav.m>.i{position:relative}
nav.m a.t{display:block;padding:9px 14px;border-radius:99px;font-size:15px;font-weight:500;text-decoration:none;opacity:.85}
nav.m a.t:hover,.i:focus-within>a.t{opacity:1;background:rgba(127,127,170,.18)}
.dd{position:absolute;top:calc(100% + 14px);left:-10px;min-width:260px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:22px;padding:8px;box-shadow:0 30px 60px -24px rgba(14,18,56,.45);opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s}
.dd::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.i:hover>.dd,.i:focus-within>.dd{opacity:1;visibility:visible;transform:none}
.dd a{display:block;padding:10px 14px;border-radius:14px;text-decoration:none;font-size:15px}
.dd a:hover{background:var(--paper)}
.dd.mega{width:min(640px,90vw);display:grid;grid-template-columns:1fr 1fr;left:50%;margin-left:-320px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:99px;font:inherit;font-weight:700;text-decoration:none;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px)}
.bg{background:var(--g);color:#fff;box-shadow:0 14px 34px -12px rgba(76,92,255,.7)}
.bw{background:#fff;color:var(--ink)}
.bo{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.22)}
.bd{background:var(--ink);color:#fff}
.sm{padding:10px 20px;font-size:15px}
.mb{display:none;background:rgba(127,127,170,.2);border:0;color:inherit;border-radius:99px;padding:10px 16px;font:inherit;font-weight:700;cursor:pointer}
/* hero */
.hero{position:relative;background:var(--bg);color:#fff;overflow:hidden;padding:150px 0 90px;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(600px 400px at 85% 15%,rgba(123,92,240,.55),transparent 70%),radial-gradient(500px 420px at 70% 85%,rgba(176,140,255,.28),transparent 70%),radial-gradient(500px 360px at 5% 90%,rgba(91,72,184,.3),transparent 70%)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 60% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 60% 40%,#000 20%,transparent 75%)}
.hg{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}
.pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font-size:14px;font-weight:500;margin-bottom:26px}
.pill i{width:8px;height:8px;border-radius:50%;background:var(--m);box-shadow:0 0 0 5px rgba(176,140,255,.2)}
.hero h1{font-size:clamp(40px,5.3vw,72px);font-weight:800}
.gt{background:linear-gradient(100deg,#C9BBFF,#F1E8FF 50%,#A9C4FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.l{font-size:20px;color:#BFC4EA;max-width:540px;margin:24px 0 34px}
.row{display:flex;gap:12px;flex-wrap:wrap}
.plat{display:flex;gap:10px;flex-wrap:wrap;margin-top:38px}
.plat span{font-size:13.5px;font-weight:700;padding:7px 14px;border-radius:99px;border:1px solid rgba(255,255,255,.18);color:#D6D9F5}
/* phones */
.stage{position:relative;height:600px}
.ph{position:absolute;width:262px;height:540px;border-radius:44px;background:#05071a;padding:10px;border:1px solid rgba(255,255,255,.16);box-shadow:0 50px 90px -30px rgba(0,0,0,.8),inset 0 0 0 2px rgba(255,255,255,.05)}
.ph::before{content:"";position:absolute;top:16px;left:50%;width:78px;height:22px;margin-left:-39px;background:#05071a;border-radius:99px;z-index:3}
.p1{left:2%;top:30px;transform:rotate(-7deg)}.p2{right:0;top:80px;transform:rotate(6deg)}
.sc{height:100%;border-radius:35px;overflow:hidden;color:var(--ink);padding:46px 16px 16px;position:relative}
.s1{background:#fff}.s2{background:linear-gradient(170deg,#3A2A7A,#1A1038);color:#fff}
.sc small{font-size:12px;opacity:.6}.sc b.h{font:800 21px 'Bricolage Grotesque',sans-serif;display:block;margin:2px 0 14px}
.bars{display:flex;gap:6px;align-items:flex-end;height:96px;margin-bottom:14px}
.bars i{flex:1;border-radius:7px 7px 3px 3px;background:var(--b);transform-origin:bottom;animation:gr 1.3s cubic-bezier(.2,.8,.2,1) both}
.bars i:nth-child(even){background:var(--m)}
.bars i:nth-child(1){animation-delay:.1s}.bars i:nth-child(2){animation-delay:.18s}.bars i:nth-child(3){animation-delay:.26s}.bars i:nth-child(4){animation-delay:.34s}.bars i:nth-child(5){animation-delay:.42s}.bars i:nth-child(6){animation-delay:.5s}.bars i:nth-child(7){animation-delay:.58s}
@keyframes gr{from{transform:scaleY(.05)}}
.tl{border-radius:16px;padding:13px 14px;margin-bottom:9px;font-size:13px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.tl span{font-weight:400;opacity:.7;font-size:12px}
.k1{background:#EFEAFF}.k2{background:#F4E8FF}.k3{background:#FFEBDD}
.map{height:210px;border-radius:20px;background:radial-gradient(circle at 30% 40%,rgba(176,140,255,.35),transparent 40%),repeating-linear-gradient(60deg,rgba(255,255,255,.07) 0 2px,transparent 2px 38px),repeating-linear-gradient(-30deg,rgba(255,255,255,.06) 0 2px,transparent 2px 52px),#2A1D5E;position:relative;overflow:hidden;margin-bottom:14px}
.map svg{position:absolute;inset:0;width:100%;height:100%}
.dot{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--m);box-shadow:0 0 0 6px rgba(176,140,255,.28);right:46px;top:44px;animation:pu 2s infinite}
@keyframes pu{50%{box-shadow:0 0 0 14px rgba(176,140,255,0)}}
.eta{background:rgba(255,255,255,.1);border-radius:16px;padding:12px 14px;display:flex;justify-content:space-between;font-size:13px;margin-bottom:9px}
.fl{position:absolute;background:rgba(255,255,255,.95);color:var(--ink);border-radius:18px;padding:12px 16px;font-size:14px;font-weight:700;box-shadow:0 24px 40px -18px rgba(0,0,0,.6);display:flex;gap:10px;align-items:center;z-index:4;animation:fy 6s ease-in-out infinite}
.fl em{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-style:normal}
.f1{left:-14px;bottom:110px}.f2{right:-8px;top:40px;animation-delay:-3s}
@keyframes fy{50%{transform:translateY(-12px)}}
/* marquee */
.mq{background:var(--bg2);color:#9EA4D6;border-top:1px solid rgba(255,255,255,.08);overflow:hidden;padding:20px 0}
.mt{display:flex;gap:46px;width:max-content;animation:mv 46s linear infinite;font:700 19px 'Bricolage Grotesque',sans-serif;white-space:nowrap}
.mt span::after{content:"✦";margin-left:46px;color:var(--v)}
@keyframes mv{to{transform:translateX(-50%)}}
/* sections */
.sec{padding:96px 0}
.eb{font-weight:700;font-size:15px;color:var(--v);margin-bottom:14px}
.sec h2{font-size:clamp(32px,4.6vw,56px);font-weight:800;max-width:780px}
.ld{color:var(--mut);font-size:19px;max-width:640px;margin:18px 0 48px}
.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bc{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:250px;padding:26px;border-radius:var(--r);text-decoration:none;color:#fff;overflow:hidden;isolation:isolate;transition:transform .25s}
.bc:hover{transform:translateY(-6px)}
.bc::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.14);z-index:-1;transition:transform .4s}
.bc:hover::after{transform:scale(1.35)}
.bc .ic{width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.2);display:grid;place-items:center;backdrop-filter:blur(6px)}
.bc h3{font-size:23px;font-weight:800;margin-bottom:6px}.bc p{font-size:15px;opacity:.88;line-height:1.5}
.bc .go{position:absolute;right:22px;top:22px;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center}
.w2{grid-column:span 2}
.c0{background:linear-gradient(135deg,#322556,#5B3FC0)}.c1{background:linear-gradient(135deg,#4B3A9A,#8E6CF0)}.c2{background:linear-gradient(135deg,#6D4FD6,#B08CFF)}.c3{background:linear-gradient(135deg,#8B3FB8,#E56BB0)}.c4{background:linear-gradient(135deg,#3D2D80,#6E7BF5)}.c5{background:linear-gradient(135deg,#1A1038,#4A3A9A)}
.stats{background:var(--bg);color:#fff;border-radius:36px;padding:56px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative;overflow:hidden;isolation:isolate}
.stats::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(500px 300px at 90% 0,rgba(123,92,240,.5),transparent 70%),radial-gradient(400px 300px at 0 100%,rgba(176,140,255,.25),transparent 70%)}
.stats b{display:block;font:800 clamp(30px,3.6vw,46px)/1.05 'Bricolage Grotesque',sans-serif;margin-bottom:8px}
.stats span{color:#B9BEE6;font-size:15px;line-height:1.5;display:block}
.pr{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}
.pc{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px;counter-increment:s;position:relative}
.pc::before{content:counter(s);width:42px;height:42px;border-radius:14px;background:var(--g);color:#fff;font:800 19px 'Bricolage Grotesque',sans-serif;display:grid;place-items:center;margin-bottom:20px}
.pc h3{font-size:21px;margin-bottom:8px}.pc p{color:var(--mut);font-size:15.5px;line-height:1.6}
.fq{max-width:860px}
.fq details{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:0 24px;margin-bottom:12px}
.fq summary{cursor:pointer;list-style:none;font:700 19px 'Bricolage Grotesque',sans-serif;padding:20px 0;display:flex;justify-content:space-between;gap:16px}
.fq summary::-webkit-details-marker{display:none}
.fq summary::after{content:"+";font-size:26px;line-height:1;color:var(--v);transition:transform .2s}
.fq details[open] summary::after{transform:rotate(45deg)}
.fq details p{color:var(--mut);padding:0 0 22px}
.cta{background:var(--g);color:#fff;border-radius:40px;padding:64px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;position:relative;overflow:hidden}
.cta::after{content:"";position:absolute;right:-80px;top:-80px;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.14)}
.cta h2{font-size:clamp(30px,4vw,50px);font-weight:800;max-width:640px;position:relative;z-index:1}
.cta .row{position:relative;z-index:1}
/* inner pages */
.ph2{background:var(--bg);color:#fff;padding:150px 0 70px;position:relative;overflow:hidden;isolation:isolate}
.ph2::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(520px 320px at 90% 0,rgba(123,92,240,.5),transparent 70%),radial-gradient(420px 300px at 10% 110%,rgba(176,140,255,.22),transparent 70%)}
.cr{font-size:14px;color:#A9AEDD;margin-bottom:18px}.cr a{text-decoration:none}.cr a:hover{color:var(--m)}
.ph2 h1{font-size:clamp(34px,5.4vw,66px);font-weight:800;max-width:900px}
.ph2 p{color:#BFC4EA;font-size:19px;max-width:660px;margin-top:20px}
.two{display:grid;grid-template-columns:1fr 360px;gap:36px;align-items:start;padding:64px 0 90px}
.prose{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:44px}
.prose p{margin-bottom:1.1em;color:#2A2F5C}.prose strong{color:var(--ink)}
.prose ul{list-style:none;padding:0;margin:0 0 1.4em;display:grid;gap:10px}
.prose li{position:relative;padding-left:34px;color:#2A2F5C}
.prose li::before{content:"";position:absolute;left:0;top:5px;width:20px;height:20px;border-radius:7px;background:var(--g)}
.prose li::after{content:"";position:absolute;left:7px;top:9px;width:5px;height:9px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(40deg)}
.prose hr{border:0;height:1px;background:var(--line);margin:2em 0}
.prose img{border-radius:20px;margin-bottom:1.4em;display:block}
.prose iframe{border-radius:20px;margin-top:14px;max-width:100%}
.prose p:first-child{font-size:21px;line-height:1.45}
.sd{position:sticky;top:100px;display:grid;gap:14px}
.sc2{border-radius:var(--r);padding:28px;background:var(--bg);color:#fff;position:relative;overflow:hidden;isolation:isolate}
.sc2::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(300px 200px at 100% 0,rgba(123,92,240,.6),transparent 70%)}
.sc2 h3{font-size:24px;margin-bottom:8px}.sc2 p{color:#BFC4EA;font-size:15.5px;margin-bottom:18px}.sc2 .btn{width:100%;justify-content:center;margin-bottom:10px}
.lk{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px}
.lk h4{font-size:15px;padding:10px 14px 4px;color:var(--mut)}
.lk a{display:block;padding:9px 14px;border-radius:14px;text-decoration:none;font-size:15px}
.lk a:hover,.lk a.on{background:var(--paper);color:var(--v)}
.ci{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}
.ci div{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px}
.ci small{display:block;color:var(--mut);font-size:13.5px;margin-bottom:4px}.ci b,.ci a{font-weight:700;font-size:16px;text-decoration:none}
.fm{display:grid;gap:14px}.fm label{display:grid;gap:6px;font-weight:700;font-size:15px}
.fm input,.fm select,.fm textarea{font:inherit;font-weight:400;padding:15px 18px;border-radius:16px;border:1px solid var(--line);background:#fff;color:var(--ink);width:100%}
.fm textarea{min-height:150px;resize:vertical}.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.nt{font-size:14.5px;color:var(--mut)}
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:64px 0 90px}
.gal a{aspect-ratio:1;border-radius:20px;overflow:hidden;background:#e5e8f6;display:block}.gal img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.gal a:hover img{transform:scale(1.07)}
/* footer */
.ft{background:var(--bg);color:#B9BEE6;padding:80px 0 28px;margin-top:0}
.fg{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1.2fr;gap:40px}
.ft h4{color:#fff;font-size:17px;margin-bottom:16px}.ft p,.ft li{font-size:15px;line-height:1.75}.ft ul{list-style:none;padding:0}
.ft a{text-decoration:none}.ft a:hover{color:var(--m)}
.cp{border-top:1px solid rgba(255,255,255,.12);margin-top:50px;padding-top:22px;font-size:14px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wa{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;align-items:center;gap:10px;background:#25D366;color:#fff;border-radius:99px;padding:13px 20px 13px 16px;font-weight:700;text-decoration:none;box-shadow:0 18px 36px -12px rgba(0,0,0,.5)}
@media(max-width:1000px){
.hg,.two{grid-template-columns:1fr}.stage{height:560px;max-width:520px;margin:30px auto 0;width:100%}.bento{grid-template-columns:1fr 1fr}.stats,.pr{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr 1fr}.sd{position:static}.ci{grid-template-columns:1fr}.gal{grid-template-columns:1fr 1fr}
.mb{display:block}
nav.m{position:fixed;inset:88px 16px auto;background:#fff;color:var(--ink);border-radius:26px;border:1px solid var(--line);padding:12px;flex-direction:column;align-items:stretch;max-height:calc(100vh - 110px);overflow:auto;display:none;box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}
nav.m.open{display:flex}
.dd{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:0 0 6px 12px;min-width:0}.dd.mega{display:block;width:auto;margin:0}.dd::before{display:none}
nav.m>.i .btn{width:100%;justify-content:center;margin-top:6px}}
@media(max-width:620px){.bento,.pr,.stats,.fg,.g2{grid-template-columns:1fr}.w2{grid-column:auto}.stats,.cta{padding:34px 26px}.prose{padding:26px}.hero{padding-top:128px}.p1{left:-6%}.p2{right:-6%}.wa span{display:none}.wa{padding:14px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}}
.wrap.two{padding:64px 24px 90px}
.prose p>strong:only-child{font:800 22px/1.25 'Bricolage Grotesque','DM Sans',sans-serif;letter-spacing:-.015em;color:var(--ink);display:block;margin-top:.4em}
.prose p:first-child>strong:only-child{font-size:clamp(24px,3vw,32px)}
.prose p:first-child{font-size:inherit}
.prose p:first-child:not(:has(strong)){font-size:20px;line-height:1.5}

/* ===== v2: marka rengi, açık menü, slider, store ikonları ===== */
.sk{position:absolute;left:12px;top:-60px;z-index:100;background:#fff;color:var(--ink);padding:10px 16px;border-radius:12px;font-weight:700}.sk:focus{top:12px}
.hd .bar,.hd.lt .bar{background:rgba(255,255,255,.9);color:var(--ink);border-color:var(--line);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 18px 44px -22px rgba(26,16,56,.55)}
.logo img{height:40px;width:auto;display:block}
.logo.ch{background:#fff;padding:8px 16px;border-radius:16px;margin-bottom:18px;display:inline-flex}.logo.ch img{height:36px}
nav.m a.t{opacity:.82;color:var(--ink)}nav.m a.t:hover,.i:focus-within>a.t{background:var(--paper);opacity:1}
.hero{padding:140px 0 70px}
.hero h1{font-size:clamp(38px,5vw,68px)}
.stores{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}
.sb{display:flex;align-items:center;gap:10px;padding:9px 18px 9px 12px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;line-height:1.15}
.sb svg{flex:none}.sb small{display:block;font-size:10.5px;opacity:.75}.sb b{font-size:15.5px}
.sw{position:relative;min-height:610px}
.sw .ph{left:50%;top:10px;margin-left:-131px;transform:rotate(-4deg);z-index:2}
.scr{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s;padding:46px 14px 14px;border-radius:35px;overflow:hidden;background:#fff;color:var(--ink)}
.scr.on{opacity:1;visibility:visible}
.scr small{font-size:11.5px;opacity:.6}.scr .h{font:800 20px 'Bricolage Grotesque',sans-serif;display:block;margin:2px 0 12px}
.ch2{display:flex;gap:6px;margin-bottom:12px}.ch2 i{font-style:normal;font-size:11.5px;font-weight:700;padding:6px 11px;border-radius:99px;background:#EFEAFF;color:var(--v)}.ch2 i:first-child{background:var(--brand);color:#fff}
.gp{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pd{border-radius:16px;padding:10px;background:#F4F0FF;font-size:12px;font-weight:700}.pd u{display:block;height:64px;border-radius:12px;margin-bottom:8px;text-decoration:none}
.pd:nth-child(1) u{background:linear-gradient(135deg,#8E6CF0,#C9BBFF)}.pd:nth-child(2) u{background:linear-gradient(135deg,#322556,#6D4FD6)}.pd:nth-child(3) u{background:linear-gradient(135deg,#E56BB0,#F8C6E0)}.pd:nth-child(4) u{background:linear-gradient(135deg,#5B48B8,#A9C4FF)}
.pd span{display:block;color:var(--v);font-weight:800;margin-top:2px}
.bt{position:absolute;left:14px;right:14px;bottom:14px;border-radius:16px;background:var(--g);color:#fff;text-align:center;font-weight:700;font-size:14px;padding:13px}
.li{display:flex;gap:10px;align-items:center;padding:9px;border-radius:16px;background:#F4F0FF;margin-bottom:8px;font-size:12.5px;font-weight:700}
.li u{width:42px;height:42px;border-radius:13px;flex:none;background:linear-gradient(135deg,#8E6CF0,#E56BB0)}.li:nth-child(even) u{background:linear-gradient(135deg,#322556,#6D4FD6)}.li span{display:block;font-weight:400;opacity:.65;font-size:11.5px}.li em{margin-left:auto;font-style:normal;color:var(--v);font-weight:800}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center;font-size:11.5px;margin-bottom:12px}.cal b{opacity:.5;font-weight:500}.cal i{font-style:normal;padding:7px 0;border-radius:10px}.cal i.s{background:var(--brand);color:#fff;font-weight:800}
.tm{display:flex;gap:6px;flex-wrap:wrap}.tm i{font-style:normal;font-size:12px;font-weight:700;padding:8px 12px;border-radius:12px;border:1px solid var(--line)}.tm i.s{background:#EFEAFF;border-color:var(--v);color:var(--v)}
.car{height:130px;border-radius:20px;background:linear-gradient(135deg,#322556,#6D4FD6);display:grid;place-items:center;margin-bottom:12px;color:#fff}
.pr2{display:flex;justify-content:space-between;font-weight:800;font-size:15px;margin-bottom:8px}.pr2 span{color:var(--v)}
.rg{display:flex;gap:10px;align-items:center;margin-bottom:12px;padding:12px;border-radius:16px;background:#F4F0FF;font-size:12.5px;font-weight:700}
.rg svg{flex:none}.rg div{flex:1}.rg small{display:block}.pbar{height:7px;border-radius:9px;background:#DCD3F7;margin-top:6px;overflow:hidden}.pbar i{display:block;height:100%;background:var(--g);border-radius:9px}
.scr .map{height:200px}.scr .eta{background:#F4F0FF;color:var(--ink)}
.tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:18px;position:relative;z-index:5}
.tabs button{font:inherit;font-size:13.5px;font-weight:700;padding:8px 15px;border-radius:99px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:#E3DBFF;cursor:pointer}
.tabs button[aria-selected=true]{background:#fff;color:var(--brand);border-color:#fff}
.sw .fl{opacity:0;transition:opacity .5s}.sw .fl.on{opacity:1}
.f1{left:0;bottom:150px}.f2{right:0;top:70px}
.wm{position:absolute;right:-8px;bottom:-26px;font:800 112px/1 'Bricolage Grotesque',sans-serif;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.26);z-index:-1;pointer-events:none;white-space:nowrap}
.bc .st{display:flex;gap:6px;margin-bottom:12px}.bc .st i{width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.18);display:grid;place-items:center}
.bc{min-height:270px}
.ft4{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ft4>div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px}
.ft4 .ic{width:50px;height:50px;border-radius:16px;background:var(--g);color:#fff;display:grid;place-items:center;margin-bottom:16px}
.ft4 h3{font-size:20px;margin-bottom:6px}.ft4 p{font-size:15.5px;color:var(--mut);line-height:1.6}
.rel{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}
.rel .bc{min-height:190px}
.sec-h{font-size:clamp(24px,3vw,34px);font-weight:800;margin:0 0 20px}
@media(max-width:1000px){.sw{min-height:620px;max-width:520px;margin:20px auto 0}.ft4,.rel{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.ft4,.rel{grid-template-columns:1fr}.wm{font-size:84px}.sw .ph{margin-left:-110px;transform:rotate(-3deg) scale(.88);transform-origin:top center}}
.tabs{position:absolute;left:0;right:0;bottom:0;margin:0}
.sw .fl{opacity:1}
.logo img{height:46px;width:auto}.logo.ch img{height:40px}
.sw{min-height:700px}.sw .ph{top:0}
.tabs button{font-size:13px;padding:7px 13px}
.sw .f1{left:-24px;bottom:200px}.sw .f2{right:-6px;top:60px}
@media(max-width:1000px){.sw{min-height:690px}}
@media(max-width:620px){.logo img{height:38px}.sw{min-height:640px}.sw .f1{left:0;bottom:170px}}
.wm{top:64px;bottom:auto;font-size:92px;right:-6px}
.sw{width:100%}
@media(max-width:620px){.tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:6px;scrollbar-width:none}.tabs button{flex:none}.sw{min-height:610px}.sw .ph{left:50%;margin-left:-131px;transform:rotate(-3deg) scale(.9);transform-origin:top center}.sw .f1{left:-4px;bottom:150px}.sw .f2{right:-4px;top:30px}}
@media(max-width:620px){.sw .f2{top:-6px}}
/* ===== v3: gerçekçi telefonlar ===== */
.pair{position:absolute;left:50%;top:0;width:440px;height:590px;margin-left:-220px;perspective:1800px;transform-origin:top center}
.floor{position:absolute;left:6%;right:6%;bottom:6px;height:46px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.55),transparent 70%);filter:blur(8px)}
.pair .ph{left:0;top:6px;margin:0;width:262px;height:548px;padding:0;border:0;border-radius:52px;z-index:3;transform:rotateY(12deg) rotateX(3deg) rotateZ(-4deg);transform-style:preserve-3d;
 background:linear-gradient(135deg,#d9d4f2 0%,#6e6892 14%,#2d2650 30%,#aaa5cf 48%,#3a3260 66%,#1c1538 82%,#8d88b2 100%);
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),inset 0 0 8px rgba(255,255,255,.25),2px 3px 0 #2a2347,4px 6px 0 #221b3c,6px 9px 0 #1b1531,8px 12px 0 #150f28,0 70px 90px -30px rgba(0,0,0,.85),-30px 40px 80px -40px rgba(176,140,255,.45)}
.pair .ph::before{content:"";position:absolute;inset:3px;top:3px;left:3px;width:auto;height:auto;margin:0;border-radius:49px;background:#020104;z-index:0}
.glass{position:absolute;inset:11px;border-radius:41px;overflow:hidden;background:#fff;z-index:1}
.glass .scr{border-radius:0;padding-top:54px}
.glass .bt{bottom:26px}
.isl{position:absolute;top:10px;left:50%;width:82px;height:24px;margin-left:-41px;border-radius:99px;background:#000;z-index:7}
.isl::after{content:"";position:absolute;right:8px;top:6px;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#5d78ff 0 8%,#1a2566 28%,#070a22 62%,#000 100%);box-shadow:0 0 0 1.5px #0d0d14}
.sbar{position:absolute;top:11px;left:22px;right:20px;display:flex;justify-content:space-between;align-items:center;font:700 12.5px 'DM Sans',sans-serif;color:#15102c;z-index:6;height:22px}
.sic{display:flex;gap:5px;align-items:center}
.hbar{position:absolute;bottom:8px;left:50%;width:100px;height:4.5px;margin-left:-50px;border-radius:9px;background:#15102c;opacity:.9;z-index:6}
.refl{position:absolute;inset:0;z-index:8;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.26) 0%,rgba(255,255,255,.07) 24%,transparent 38%,transparent 72%,rgba(255,255,255,.1) 100%)}
.ph i[class^=sb]{position:absolute;width:4px;border-radius:3px;background:linear-gradient(90deg,#6e6892,#cfcbe8 50%,#4a4268);z-index:0}
.sb1{left:-3px;top:104px;height:30px}.sb2{left:-3px;top:162px;height:56px}.sb3{left:-3px;top:230px;height:56px}.sb4{right:-3px;top:190px;height:92px}
.bk{position:absolute;right:0;top:48px;width:246px;height:520px;border-radius:50px;padding:3px;z-index:1;transform:rotateY(-14deg) rotateX(3deg) rotateZ(7deg);
 background:linear-gradient(135deg,#d9d4f2 0%,#6e6892 16%,#2d2650 32%,#aaa5cf 52%,#3a3260 72%,#8d88b2 100%);
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),3px 4px 0 #261f43,6px 8px 0 #1c1636,0 60px 80px -30px rgba(0,0,0,.8)}
.bkb{position:relative;width:100%;height:100%;border-radius:47px;overflow:hidden;background:radial-gradient(circle at 25% 12%,rgba(255,255,255,.28),transparent 45%),linear-gradient(155deg,#8566f0 0%,#4a35a0 42%,#251a52 100%)}
.bkb::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 1px,transparent 1px 3px)}
.cam{position:absolute;left:16px;top:16px;width:100px;height:100px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 18px -6px rgba(0,0,0,.5);z-index:2}
.ln{position:absolute;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#6b83ff 0 5%,#1b2468 22%,#080b24 55%,#000 100%);box-shadow:0 0 0 3px #aaa5cf,0 0 0 5px #3a3260,0 3px 6px 3px rgba(0,0,0,.45),inset 0 0 6px rgba(120,140,255,.5)}
.l1{left:7px;top:7px}.l2{left:7px;top:51px}.l3{left:51px;top:29px}
.fs{position:absolute;left:58px;top:9px;width:13px;height:13px;border-radius:50%;background:radial-gradient(circle,#fff6d6,#e8d38a);box-shadow:0 0 0 2px rgba(0,0,0,.35)}
.mc{position:absolute;left:62px;top:80px;width:8px;height:8px;border-radius:50%;background:#0b0820}
.bl{position:absolute;left:50%;top:48%;margin:-26px 0 0 -26px;width:52px;height:52px;opacity:.92;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));z-index:2}
.shine{position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.22) 0%,transparent 34%,transparent 70%,rgba(255,255,255,.1) 100%)}
.sw .f1{left:-14px;bottom:190px}.sw .f2{right:-6px;top:6px}
@media(max-width:1000px){.pair{margin-left:-220px}}
@media(max-width:620px){.pair{transform:scale(.74)}.sw{min-height:520px}.sw .f1{left:-4px;bottom:118px}.sw .f2{right:-4px;top:-8px}.tabs{bottom:-4px}}
.sw .f1{left:auto;right:-8px;bottom:auto;top:420px}
@media(max-width:620px){.sw .f1{right:-4px;top:318px;left:auto;bottom:auto}}
@media(max-width:620px){.sw .fl{font-size:11.5px;padding:8px 11px;border-radius:14px;gap:8px}.sw .fl em{width:24px;height:24px;border-radius:8px;font-size:12px}.sw .f2{right:0;top:-14px}.sw .f1{right:0;top:372px}}
/* ===== v4: gerçek uygulama arayüzü ===== */
.glass .scr.app{padding:50px 0 0;background:#fff;color:#1B1535;font-size:12px;line-height:1.3}
.glass .scr.app.mp{padding-top:0}
.scr.app small{display:block;font-size:10.5px;opacity:1;color:#8A85A8}
.scr.app b{font-weight:700}
.scr.app .bt{display:none}
.a-top{display:flex;align-items:center;justify-content:space-between;padding:3px 14px 9px}
.a-r{display:flex;gap:6px}
.a-logo{font:800 20px 'Bricolage Grotesque',sans-serif;letter-spacing:-.04em;color:#322556}.a-logo em{color:#B08CFF;font-style:normal}
.a-ib{position:relative;width:30px;height:30px;border-radius:50%;background:#F3F0FB;display:grid;place-items:center;color:#322556;flex:none}
.a-ib.w{background:#fff;box-shadow:0 4px 12px -2px rgba(26,16,56,.35)}.a-ib.p{background:#EFEAFF;color:#6D4FD6}
.a-ib b{position:absolute;top:-3px;right:-3px;min-width:15px;height:15px;padding:0 3px;border-radius:9px;background:#E5484D;color:#fff;font-size:9px;display:grid;place-items:center;border:1.5px solid #fff}
.a-s{margin:0 14px 10px;height:34px;border-radius:12px;background:#F3F0FB;display:flex;align-items:center;gap:8px;padding:0 11px;font-size:11.5px;color:#8A85A8}
.a-ban{margin:0 14px 10px;height:100px;border-radius:18px;padding:13px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(120deg,#322556,#6D4FD6 70%,#A98BFF)}
.scr.app .a-ban small{color:#D9CFFF}.a-ban strong{display:block;font:800 17px/1.1 'Bricolage Grotesque',sans-serif;margin:3px 0 9px}
.a-bt{display:inline-block;background:#fff;color:#322556;font-weight:700;font-size:10.5px;padding:5px 11px;border-radius:99px}
.a-bi{position:absolute;right:-8px;bottom:-6px;transform:rotate(-8deg)}
.a-chips,.a-seg{display:flex;gap:6px;padding:0 14px 10px;overflow:hidden}
.a-chips i,.a-seg i{font-style:normal;font-size:11px;font-weight:700;padding:6px 11px;border-radius:99px;background:#F3F0FB;color:#625C85;white-space:nowrap}
.a-chips i.on,.a-seg i.on{background:#322556;color:#fff}
.a-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 14px}
.a-pi{height:92px;border-radius:14px;display:grid;place-items:center;position:relative;margin-bottom:6px}
.bg1{background:linear-gradient(135deg,#EFEAFF,#E1D8FF)}.bg2{background:linear-gradient(135deg,#FFF3E8,#FFE2CB)}.bg3{background:linear-gradient(135deg,#E8F0FF,#D3E2FF)}
.a-hrt{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#E5484D}
.a-tag{position:absolute;top:6px;left:6px;font-style:normal;background:#E5484D;color:#fff;font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:7px}
.a-pc b{display:block;font-size:11.5px}.a-pr{font-weight:800;color:#322556;font-size:12.5px}.a-pr s{font-weight:400;color:#A29CC0;font-size:10.5px;margin-left:4px}
.a-rt{display:flex;align-items:center;gap:3px;font-size:10.5px;color:#322556;font-weight:700}.a-rt svg{color:#FFB020}.a-rt span{color:#8A85A8;font-weight:400}
.a-tab{position:absolute;left:0;right:0;bottom:0;height:66px;padding:9px 8px 0;border-top:1px solid #EEEAF8;background:#fff;display:flex;justify-content:space-around;z-index:4}
.a-tab span{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9.5px;font-weight:500;color:#9A95B8}.a-tab .on{color:#6D4FD6;font-weight:700}
.a-loc small{font-size:10px}.a-loc b{display:flex;align-items:center;gap:3px;font-size:13px}
.a-rest{display:flex;gap:11px;align-items:center;margin:0 14px 11px;padding:10px;border-radius:18px;background:linear-gradient(120deg,#F3EEFF,#FFF1E3)}
.a-rimg{width:68px;height:68px;border-radius:16px;background:#fff;display:grid;place-items:center;flex:none;box-shadow:0 6px 14px -6px rgba(50,37,86,.35)}
.a-rest b{font-size:14px;display:block;margin-bottom:2px}.a-rm{display:flex;align-items:center;gap:4px;font-size:10.5px;color:#625C85;margin-top:2px}.a-rm svg{color:#FFB020}
.a-ok{background:#DDF7E8;color:#16794A;font-weight:700;padding:2px 6px;border-radius:6px}
.a-it{display:flex;gap:10px;align-items:center;padding:7px 14px}
.a-ti{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;flex:none}
.a-tx{flex:1;min-width:0}.a-tx b{display:block;font-size:12.5px}.a-tx span{display:block;font-size:10.5px;color:#8A85A8;margin:1px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.a-tx em{font-style:normal;font-weight:800;color:#322556;font-size:12.5px}
.a-add{width:26px;height:26px;border-radius:9px;background:#322556;color:#fff;display:grid;place-items:center;flex:none;font-weight:700;font-size:15px}.a-add.pl{background:#EFEAFF;color:#6D4FD6}
.a-cart{position:absolute;left:12px;right:12px;bottom:26px;height:44px;border-radius:15px;background:linear-gradient(120deg,#322556,#6D4FD6);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-weight:700;font-size:12.5px;z-index:4;box-shadow:0 12px 22px -8px rgba(50,37,86,.6)}
.a-cart>span:first-child{width:24px;height:24px;border-radius:8px;background:rgba(255,255,255,.2);display:grid;place-items:center}
.a-mapw{position:absolute;inset:0 0 auto 0;height:350px}.a-map{width:100%;height:100%;display:block}
.a-fb{position:absolute;top:50px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between}
.a-ttl{background:#fff;padding:6px 12px;border-radius:99px;font-weight:700;font-size:11.5px;box-shadow:0 4px 12px -2px rgba(26,16,56,.35)}
.a-sheet{position:absolute;left:0;right:0;bottom:0;padding:8px 14px 24px;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -14px 30px -10px rgba(26,16,56,.28);z-index:3}
.a-grab{display:block;width:34px;height:4px;border-radius:4px;background:#DDD8EE;margin:0 auto 10px}
.a-eta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.a-eta b{font:800 24px 'Bricolage Grotesque',sans-serif;letter-spacing:-.03em}
.a-live{background:#EFEAFF;color:#6D4FD6;font-weight:700;font-size:10.5px;padding:4px 10px;border-radius:99px}
.a-stp{display:flex;justify-content:space-between;position:relative;margin-bottom:12px;font-size:10px;color:#8A85A8;font-weight:700}
.a-stp::before{content:"";position:absolute;left:12%;right:12%;top:8px;height:3px;border-radius:3px;background:linear-gradient(90deg,#6D4FD6 50%,#E6E1F5 50%)}
.a-stp .d{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;position:relative}
.a-stp .d i{width:19px;height:19px;border-radius:50%;background:#fff;border:3px solid #E6E1F5;display:grid;place-items:center;color:#fff}
.a-stp .d:first-child i{background:#6D4FD6;border-color:#6D4FD6}.a-stp .d.on{color:#322556}.a-stp .d.on i{border-color:#6D4FD6;box-shadow:0 0 0 4px rgba(109,79,214,.2)}
.a-cr{display:flex;align-items:center;gap:9px;padding:9px;border-radius:16px;background:#F7F4FF}.a-cr>div{flex:1}.a-cr b{font-size:12.5px}.a-cr small{display:flex;align-items:center;gap:3px}.a-cr small svg{color:#FFB020}
.a-av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#6D4FD6,#E56BB0);color:#fff;font-weight:800;font-size:11.5px;display:grid;place-items:center;flex:none}
.a-nav{display:flex;align-items:center;justify-content:space-between;padding:3px 14px 10px;font-size:14px}
.a-svc{display:flex;align-items:center;gap:10px;margin:0 14px 10px;padding:10px;border-radius:16px;background:#F7F4FF;border:1px solid #E6DFFA}
.a-svc>div{flex:1}.a-svc b{font-size:12.5px}.a-svc em{font-style:normal;font-weight:800;color:#322556}
.a-si{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#6D4FD6,#B08CFF);color:#fff;display:grid;place-items:center}
.a-mon{display:flex;justify-content:space-between;align-items:center;padding:2px 14px 8px;font-size:13px}.a-mon span{display:flex;gap:10px;color:#6D4FD6}
.a-wk{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;padding:0 10px 10px;text-align:center;font-weight:700;font-size:12px}
.a-wk i{font-style:normal;padding:6px 0;border-radius:12px}.a-wk small{font-size:9.5px;margin-bottom:3px;font-weight:500}
.a-wk i.on{background:#322556;color:#fff}.a-wk i.on small{color:#CFC4F5}.a-wk i.x{opacity:.35}
.a-sh{font:800 13px 'Bricolage Grotesque',sans-serif;padding:2px 14px 7px}
.a-ts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 14px 10px}
.a-ts i{font-style:normal;text-align:center;font-weight:700;font-size:11.5px;padding:8px 0;border-radius:11px;border:1px solid #E6E1F5}
.a-ts i.on{background:#EFEAFF;border-color:#6D4FD6;color:#6D4FD6}.a-ts i.x{text-decoration:line-through;opacity:.4;background:#F7F5FC}
.a-note{display:flex;gap:6px;align-items:center;margin:0 14px;font-size:10.5px;color:#8A85A8}
.a-cta{position:absolute;left:14px;right:14px;bottom:26px;height:44px;border-radius:15px;background:linear-gradient(120deg,#322556,#6D4FD6);color:#fff;font-weight:700;font-size:13px;display:grid;place-items:center;box-shadow:0 12px 22px -8px rgba(50,37,86,.6)}
.a-dt{display:flex;align-items:center;justify-content:space-between;margin:0 14px 10px;padding:9px 12px;border-radius:13px;background:#F3F0FB;font-weight:700;font-size:11.5px}.a-dt span{display:flex;align-items:center;gap:5px}.a-dt .ar{color:#B08CFF}
.a-car{margin:0 14px;border-radius:20px;border:1px solid #E6E1F5;overflow:hidden;box-shadow:0 12px 24px -14px rgba(50,37,86,.45)}
.a-cimg{height:98px;background:linear-gradient(135deg,#F3EEFF,#E3DAFF);display:grid;place-items:center;position:relative}
.a-cimg em{position:absolute;left:9px;top:9px;font-style:normal;font-size:9.5px;font-weight:700;background:#322556;color:#fff;padding:3px 8px;border-radius:99px}
.a-cm{display:flex;justify-content:space-between;align-items:center;padding:9px 12px 4px}.a-cm b{font-size:13px}.a-cp{text-align:right}.a-cp b{font:800 17px 'Bricolage Grotesque',sans-serif;color:#322556}
.a-ft{display:flex;gap:9px;padding:2px 12px 9px;font-size:10.5px;color:#625C85}.a-ft span{display:flex;align-items:center;gap:4px}
.a-cta2{margin:0 10px 10px;height:38px;border-radius:12px;background:linear-gradient(120deg,#322556,#6D4FD6);color:#fff;font-weight:700;font-size:12px;display:grid;place-items:center}
.a-hi{display:flex;gap:9px;align-items:center}.a-hi b{font-size:14px}
.a-streak{display:flex;align-items:center;gap:4px;background:#FFF1DC;color:#C2570C;font-weight:700;font-size:11px;padding:5px 10px;border-radius:99px}
.a-cont{margin:0 14px 12px;padding:12px;border-radius:18px;background:linear-gradient(135deg,#F3EEFF,#E9E1FF)}
.a-ci{display:flex;gap:10px;align-items:center;margin:8px 0 10px}.a-ci b{font-size:12.5px;display:block}.a-ct{border-radius:10px;overflow:hidden;flex:none;line-height:0}
.a-pb{height:6px;border-radius:6px;background:#D8CFF5;overflow:hidden}.a-pb i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#6D4FD6,#B08CFF)}
.a-cr2{display:flex;justify-content:space-between;align-items:center;margin-top:9px;font-size:10.5px;color:#625C85;font-weight:700}
.a-pl{display:flex;align-items:center;gap:4px;background:#322556;color:#fff;padding:5px 11px;border-radius:99px}
.a-it2{display:flex;gap:10px;align-items:center;padding:6px 14px}.a-it2>div{flex:1}.a-it2 b{font-size:12px}
.a-t2{width:46px;height:46px;border-radius:14px;background:#F3F0FB;display:grid;place-items:center;font-weight:800;font-size:12px;color:#322556;flex:none}.a-t2.lv{background:linear-gradient(135deg,#6D4FD6,#B08CFF);color:#fff}
.a-lv{background:#FDE4E4;color:#D13B3B;font-weight:700;font-size:10px;padding:3px 8px;border-radius:99px}
.scr.app{white-space:nowrap}.scr.app .a-tx b,.scr.app .a-tx span{overflow:hidden;text-overflow:ellipsis}.scr.app b,.scr.app em{overflow:hidden;text-overflow:ellipsis}
.a-tab span{font-size:9px}.a-rest b{font-size:13.5px}.a-rest>div:last-child{min-width:0}
/* iletişim */
.ct{display:grid;grid-template-columns:.95fr 1.05fr;gap:20px;padding:56px 0 20px;align-items:start}
.cl{background:linear-gradient(160deg,#1A1038,#322556 55%,#4B3A9A);color:#fff;border-radius:32px;padding:34px;position:relative;overflow:hidden;isolation:isolate}
.cl::before{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(176,140,255,.45),transparent 70%);z-index:-1}
.cl h2,.cf h2{font-size:28px;font-weight:800;margin-bottom:14px}
.open{display:inline-flex;gap:9px;align-items:center;padding:7px 14px;border-radius:99px;background:rgba(255,255,255,.1);font-size:13.5px;font-weight:700;margin-bottom:20px}
.open i{width:9px;height:9px;border-radius:50%;background:#7CF2B5;box-shadow:0 0 0 4px rgba(124,242,181,.25)}.open.off i{background:#FFB020;box-shadow:0 0 0 4px rgba(255,176,32,.25)}
.crow{display:flex;gap:16px;align-items:center;padding:15px 16px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);text-decoration:none;color:#fff;margin-bottom:11px;transition:background .2s,transform .2s}
.crow:hover{background:rgba(255,255,255,.15);transform:translateX(4px)}
.cic{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#7B5CF0,#B08CFF);display:grid;place-items:center;flex:none}
.crow small{display:block;opacity:.7;font-size:13px}.crow b{font-size:16.5px;line-height:1.35;display:block}
.cf{background:#fff;border:1px solid var(--line);border-radius:32px;padding:34px}
.fl2{display:block;font-weight:700;font-size:15px;margin-bottom:8px}
.chipsel{display:flex;flex-wrap:wrap;gap:8px}.chp{display:block!important;position:relative}
.chp input{position:absolute;opacity:0;width:1px;height:1px}.chp span{display:block;padding:10px 16px;border-radius:99px;border:1px solid var(--line);font-weight:700;font-size:14.5px;cursor:pointer;background:#fff;transition:.2s}
.chp input:checked+span{background:var(--brand);color:#fff;border-color:var(--brand)}.chp input:focus-visible+span{outline:3px solid var(--m);outline-offset:2px}
.fm input:focus,.fm textarea:focus{outline:0;border-color:var(--v);box-shadow:0 0 0 4px rgba(109,79,214,.15)}
.kv{display:flex!important;grid-template-columns:none;gap:10px;align-items:flex-start;font-weight:400!important;font-size:14px!important;color:var(--mut)}.kv input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--v)}
.mapc{position:relative;border-radius:32px;overflow:hidden;margin:0 0 90px;border:1px solid var(--line);height:460px;background:#E9E5F7}
.mapc iframe{width:100%;height:100%;border:0;display:block}
.addr{position:absolute;left:20px;bottom:20px;background:#fff;border-radius:24px;padding:22px;max-width:340px;box-shadow:0 24px 50px -20px rgba(26,16,56,.55)}
.addr b{font:800 20px 'Bricolage Grotesque',sans-serif;display:block;margin-bottom:6px}.addr p{font-size:14.5px;color:var(--mut);margin-bottom:14px;line-height:1.55}
@media(max-width:1000px){.ct{grid-template-columns:1fr}}
@media(max-width:620px){.cl,.cf{padding:24px}.mapc{height:520px}.addr{left:12px;right:12px;bottom:12px;max-width:none}}
.a-svc>div{min-width:0}.a-svc em{flex:none;overflow:visible!important}.a-tx b{font-size:12px}.a-rest{padding:9px}.a-rest b{font-size:13px}.a-ft{gap:7px;font-size:10px}
/* mağaza rozetleri (yatay) */
.hero .stores{display:flex;flex-wrap:nowrap;gap:10px;margin-top:34px;align-items:center}
.hero .stores img{display:block;height:auto;width:auto;max-width:calc((100% - 20px)/3);max-height:46px;flex:0 1 auto;border-radius:8px;box-shadow:0 0 0 1px rgba(255,255,255,.28),0 10px 24px -10px rgba(0,0,0,.6);transition:transform .2s}
.hero .stores img:hover{transform:translateY(-3px)}
@media(max-width:620px){.hero .stores{gap:7px}.hero .stores img{max-width:calc((100% - 14px)/3)}}
/* ===== v6: hamburger, mobil menü, aktif sayfa, footer ===== */
.mb{display:none;position:relative;width:46px;height:46px;border-radius:50%;background:var(--paper);border:1px solid var(--line);color:var(--brand);cursor:pointer;padding:0;flex:none}
.hb{position:absolute;left:50%;top:50%;width:20px;height:14px;margin:-7px 0 0 -10px;display:block}
.hb i{position:absolute;left:0;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .25s,opacity .2s,top .25s}
.hb i:nth-child(1){top:0}.hb i:nth-child(2){top:6px}.hb i:nth-child(3){top:12px}
.mb[aria-expanded=true] .hb i:nth-child(1){top:6px;transform:rotate(45deg)}
.mb[aria-expanded=true] .hb i:nth-child(2){opacity:0}
.mb[aria-expanded=true] .hb i:nth-child(3){top:6px;transform:rotate(-45deg)}
nav.m a.t.on{color:var(--v);background:var(--paper);opacity:1;font-weight:700}
.ft .fh{color:#fff;font:800 17px 'Bricolage Grotesque',sans-serif;margin-bottom:16px;line-height:1.2}
.lk .lh{font-size:15px;padding:10px 14px 4px;color:var(--mut);font-weight:700}
.fg{grid-template-columns:1.3fr 2.2fr 1.2fr}
.fcats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:30px}
@media(max-width:1000px){
 .mb{display:block}
 .hd .bar{padding:0 10px 0 18px}
 nav.m{inset:90px 14px auto;padding:10px;border-radius:26px;gap:2px}
 nav.m>.i>a.t{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font-size:16.5px;border-radius:16px;opacity:1}
 nav.m>.i.has>a.t::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s;flex:none;margin-left:12px}
 nav.m>.i.has.open>a.t::after{transform:rotate(-135deg) translateY(-2px)}
 nav.m>.i.has.open>a.t{background:var(--paper)}
 .dd,.i:hover>.dd,.i:focus-within>.dd{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:4px 0 8px 10px;min-width:0;width:auto;margin:0;background:transparent}
 .dd.mega{display:none;margin:0;grid-template-columns:none}
 .i.has.open>.dd,.i.has.open>.dd.mega{display:block}
 .dd a{padding:11px 14px;font-size:15.5px}
 nav.m>.i>.btn{width:100%;justify-content:center;margin-top:6px;padding:15px}
 .fg{grid-template-columns:1fr}
}
@media(max-width:1000px){
 nav.m>.i{display:block;width:100%}
 nav.m .dd,nav.m .dd.mega{left:auto;right:auto;top:auto;width:100%;max-width:none;margin:0;transform:none}
 .dd.mega a{width:100%;white-space:normal}
}
@media(max-width:1000px){.dd a{font-weight:500;font-size:15px;padding:10px 14px;line-height:1.35}}
.msg{padding:14px 18px;border-radius:14px;font-weight:500;margin-bottom:18px;font-size:15px}
.msg.ok{background:#E9F8EF;color:#0F5C36}.msg.er{background:#FFE9E9;color:#8A1F1F}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.lk a.on{background:var(--paper);color:var(--v)}