:root{--bg:#FFF8F2;--fg:#24160F;--mut:#8a6f5f;--card:rgba(255,255,255,.78);--bd:rgba(36,22,15,.09);--ac:#F26A1B;--ac2:#FF9A3C;--bt:#fff;--sh:0 10px 40px rgba(120,50,10,.10)}
[data-theme=dark]{--bg:#150b07;--fg:#FFF1E6;--mut:#b49a8a;--card:rgba(58,34,22,.6);--bd:rgba(255,233,218,.12);--sh:0 10px 50px rgba(0,0,0,.6)}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:Inter,-apple-system,"SF Pro Display","Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--fg);transition:background .6s,color .6s;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--ac);text-decoration:none;cursor:pointer}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:var(--ac);color:#fff}
.glass{background:var(--card);backdrop-filter:blur(30px) saturate(1.9);-webkit-backdrop-filter:blur(30px) saturate(1.9);border:1px solid var(--bd);border-radius:26px;box-shadow:var(--sh)}
.btn{background:linear-gradient(135deg,var(--ac),var(--ac2));color:var(--bt);border:0;padding:14px 28px;border-radius:980px;cursor:pointer;font-weight:600;transition:.35s cubic-bezier(.2,.8,.2,1);display:inline-block;box-shadow:0 8px 24px rgba(242,106,27,.38)}
.btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 14px 34px rgba(255,154,60,.5)}
.btn:active{transform:scale(.97)}
.btn.g{background:var(--card);color:var(--fg);border:1px solid var(--bd);box-shadow:none;backdrop-filter:blur(20px)}
.btn.s{padding:8px 16px;font-size:13px}.btn.r{background:#ff3b30;box-shadow:0 6px 18px rgba(255,59,48,.3)}
input,select,textarea{background:var(--card);border:1px solid var(--bd);border-radius:14px;padding:13px 16px;width:100%;margin:5px 0;outline:0;transition:.3s}
input:focus,select:focus,textarea:focus{border-color:var(--ac);box-shadow:0 0 0 4px rgba(242,106,27,.2)}
input[type=color]{padding:3px;height:46px;cursor:pointer}input[type=checkbox]{width:auto;margin:0 4px}
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:12px 6vw;background:var(--card);backdrop-filter:blur(28px) saturate(1.8);border-bottom:1px solid var(--bd)}
.logo{font-weight:800;font-size:21px;letter-spacing:-.02em;color:var(--fg)}
.sec{padding:120px 6vw;max-width:1200px;margin:auto;position:relative}
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 6vw;position:relative;overflow:hidden}
.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;animation:fl 14s ease-in-out infinite;pointer-events:none}
.o1{width:520px;height:520px;background:#F26A1B;top:-120px;left:-120px}
.o2{width:480px;height:480px;background:#FFB347;bottom:-100px;right:-100px;animation-delay:-6s}
@keyframes fl{50%{transform:translate(60px,40px) scale(1.15)}}
.pill{display:inline-block;padding:8px 18px;border-radius:980px;background:var(--card);border:1px solid var(--bd);backdrop-filter:blur(20px);font-size:14px;font-weight:600;margin-bottom:26px;position:relative}
h1{font-size:clamp(44px,9vw,104px);font-weight:800;letter-spacing:-.045em;line-height:1;background:linear-gradient(110deg,var(--fg) 20%,var(--ac),var(--ac2),var(--fg) 80%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sh 8s linear infinite;position:relative}
@keyframes sh{to{background-position:-250% 0}}
h2{font-size:clamp(32px,5.5vw,62px);font-weight:800;letter-spacing:-.035em;margin-bottom:22px}
p.l{font-size:clamp(17px,2.2vw,24px);color:var(--mut);max-width:680px;margin:24px auto 34px;position:relative;line-height:1.5}
.hero>div.rv{position:relative}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}
.grid .glass{padding:30px;transition:.5s cubic-bezier(.2,.8,.2,1)}
.grid .glass:hover{transform:translateY(-8px);box-shadow:0 24px 60px rgba(242,106,27,.25)}
.grid .ic{font-size:40px;margin-bottom:10px;display:inline-block;transition:.5s}.grid .glass:hover .ic{transform:scale(1.25) rotate(-8deg)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;text-align:left}
.step{padding:30px}.num{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;margin-bottom:14px}
.rv{opacity:0;transform:translateY(60px) scale(.96);filter:blur(10px);transition:1.2s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none;filter:none}
.phone{width:290px;height:560px;border:11px solid #1c1c1e;border-radius:48px;margin:auto;padding:22px;background:var(--bg);overflow:hidden;box-shadow:0 50px 100px rgba(0,0,0,.35),0 0 0 2px #444;position:relative}
.phone::before{content:"";position:absolute;top:8px;left:50%;width:90px;height:24px;background:#1c1c1e;border-radius:20px;transform:translateX(-50%)}
.phone>*:first-child{margin-top:26px}
.wrap{max-width:560px;margin:auto;padding:18px}
.wide{max-width:1100px;margin:auto;padding:90px 16px 40px}
.menu{min-height:100vh;background:radial-gradient(ellipse at 50% -10%,color-mix(in srgb,var(--mbt,var(--ac)) 28%,transparent),transparent 60%),var(--mbg,var(--bg))}
.tabs{display:flex;gap:8px;overflow-x:auto;padding:12px 0;position:sticky;top:0;z-index:5;scrollbar-width:none;background:linear-gradient(var(--mbg,var(--bg)) 70%,transparent)}
.tab{white-space:nowrap;padding:9px 20px;border-radius:980px;border:1px solid var(--bd);background:var(--card);cursor:pointer;transition:.35s;font-weight:500}
.tab:hover{transform:translateY(-2px)}
.tab.on{background:var(--mbt,var(--ac));color:#fff;border-color:transparent;box-shadow:0 8px 20px color-mix(in srgb,var(--mbt,var(--ac)) 50%,transparent)}
.car{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.ban{min-width:88%;scroll-snap-align:center;padding:30px 26px;border-radius:26px;background:linear-gradient(135deg,var(--mbt,var(--ac)),#FF9A3C);color:#fff;font-weight:700;font-size:19px;box-shadow:0 14px 34px rgba(0,0,0,.2)}
.item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;margin:12px 0;cursor:pointer;transition:.4s cubic-bezier(.2,.8,.2,1)}
.item:hover{transform:translateY(-3px)}.item:active{transform:scale(.97)}.item.out{opacity:.4;filter:grayscale(1)}
.badge{display:inline-block;font-size:12px;background:var(--card);border:1px solid var(--bd);border-radius:980px;padding:3px 10px;margin:5px 4px 0 0}
.price{font-weight:800;font-size:17px;color:#fff;background:var(--mbt,var(--ac));padding:6px 14px;border-radius:980px;white-space:nowrap}
.lang button{border:0;background:var(--card);padding:7px 13px;border-radius:980px;cursor:pointer;margin:2px;transition:.3s;font-weight:600}
.lang button.on{background:var(--mbt,var(--ac));color:#fff}
table{width:100%;border-collapse:collapse}td,th{padding:12px;border-bottom:1px solid var(--bd);text-align:left;font-size:14px;vertical-align:middle}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row>*{flex:1;min-width:120px}
.stat{padding:24px;text-align:center;color:var(--mut)}.stat b{font-size:40px;display:block;color:var(--fg);background:linear-gradient(135deg,var(--ac),var(--ac2));-webkit-background-clip:text;background-clip:text;color:transparent}
.bar{height:10px;background:linear-gradient(90deg,var(--ac),var(--ac2));border-radius:6px;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.qrgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.qrc{text-align:center;padding:16px;background:#fff;color:#000;border-radius:20px;box-shadow:var(--sh)}.qrc div{display:flex;justify-content:center;margin:8px 0}
.exp{text-align:center;padding:60px 20px;font-size:22px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none;filter:none}}
@media print{body *{visibility:hidden}.qrgrid,.qrgrid *{visibility:visible}.qrgrid{position:absolute;left:0;top:0}.qrc button{display:none}}
/* ---- v2 ekler ---- */
.lg{width:48px;height:48px;border-radius:14px;object-fit:cover}.ini{display:grid;place-items:center;background:var(--mbt,var(--ac));color:#fff;font-weight:800;font-size:22px}
.note{margin:12px 0;padding:12px 16px;border-radius:16px;background:color-mix(in srgb,var(--mbt,var(--ac)) 16%,transparent);border:1px dashed var(--mbt,var(--ac));font-weight:500}
.ch{margin:22px 0 4px;font-size:20px;letter-spacing:-.02em}
.item .th{width:76px;height:76px;border-radius:18px;object-fit:cover;flex:none}.item .th.ic{display:grid;place-items:center;font-size:38px;background:color-mix(in srgb,var(--mbt,var(--ac)) 15%,transparent)}
.item .bd{flex:1;min-width:0}.item .ds{font-size:13px;opacity:.7;margin:2px 0}.item .rt{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.nm{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.hr{border:0;background:none;font-size:20px;cursor:pointer;transition:.3s}.hr:hover{transform:scale(1.3)}
.rib{display:inline-block;background:var(--mbt,var(--ac));color:#fff;border-radius:8px;padding:1px 8px;font-size:11px;font-weight:700}.rib.out{background:#ff3b30}
.badge.al{border-color:#ff9500;color:#c46a00}
.af{margin:8px 0;padding:10px 16px}.af summary{cursor:pointer;font-weight:600}
.chip{display:inline-block;padding:6px 12px;margin:4px 4px 0 0;border-radius:980px;border:1px solid var(--bd);cursor:pointer;font-size:13px;transition:.3s}.chip.on{background:#ff3b30;color:#fff;border-color:transparent}
.chk{display:inline-flex;align-items:center;gap:2px;margin:3px 10px 3px 0;font-size:14px}
.wf{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;margin-top:20px}
.ov{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:fi .3s}
.sheet{width:100%;max-width:560px;max-height:90vh;overflow:auto;padding:22px;border-radius:30px 30px 0 0;background:var(--mbg,var(--bg));animation:up .45s cubic-bezier(.2,.8,.2,1)}
.big{width:100%;height:210px;border-radius:22px;object-fit:cover;display:block}.big.ic{display:grid;place-items:center;font-size:90px;background:color-mix(in srgb,var(--mbt,var(--ac)) 15%,transparent)}
.story{margin-top:14px;padding:14px 16px;border-radius:18px;background:color-mix(in srgb,var(--mbt,var(--ac)) 10%,transparent)}.story p{margin-top:4px;font-size:14px;line-height:1.5}
@keyframes up{from{transform:translateY(100%)}}@keyframes fi{from{opacity:0}}
img.th.s{width:44px;height:44px;border-radius:10px;object-fit:cover}
.chart{display:flex;align-items:flex-end;gap:6px;height:140px;margin-top:14px}.cb{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.cb i{width:100%;min-height:3px;border-radius:6px 6px 2px 2px;background:linear-gradient(var(--ac2),var(--ac));transition:height 1s}.cb small{font-size:10px;color:var(--mut)}
.plan{padding:34px 28px;text-align:left}.plan .pr{font-size:44px;font-weight:800;margin:6px 0 14px}.plan .pr small{font-size:15px;color:var(--mut);font-weight:500}.plan ul{list-style:none;padding:0;margin-bottom:22px;color:var(--mut);line-height:2}.plan.hot{border:2px solid var(--ac);transform:scale(1.04)}
.faq{padding:18px 22px;margin:12px 0;text-align:left}.faq summary{cursor:pointer;font-weight:600;font-size:17px}.faq p{margin-top:10px;color:var(--mut);line-height:1.6}
/* ---- v3: okunabilirlik + her ekrana uyum ---- */
:root{color-scheme:light}[data-theme=dark]{color-scheme:dark}
.menu{color:var(--fg);min-height:100dvh}
.menu a{color:var(--mbt)}.menu input::placeholder{color:var(--mut)}
.menu .btn{background:var(--mbt);color:var(--mon,#fff);box-shadow:0 8px 22px color-mix(in srgb,var(--mbt) 40%,transparent)}
.menu .btn.g{background:var(--card);color:var(--fg);border:1px solid var(--bd);box-shadow:none}
.menu .tab{color:var(--fg);display:inline-flex;align-items:center}.menu .tab.on,.menu .lang button.on,.price,.rib,.ini{color:var(--mon,#fff)}
.menu .lang button{color:var(--fg)}
.menu .chip{color:var(--fg)}.menu .chip.on{color:#fff}
.menu .badge.al{color:var(--fg);border-color:#ff9500}
.ban{color:var(--mon,#fff);text-shadow:0 1px 10px rgba(0,0,0,.25);min-width:min(88%,440px)}
.sheet{color:var(--fg)}
.menu .wrap{max-width:min(1180px,100%);padding:clamp(12px,3vw,28px);padding-bottom:calc(clamp(12px,3vw,28px) + env(safe-area-inset-bottom))}
.menu h2{font-size:clamp(22px,4vw,34px)}
#ml{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px}
#ml .item{margin:0}#ml .ch,#ml .exp{grid-column:1/-1;margin-bottom:0}
.item{min-height:96px}
.btn,.tab,.chip,.lang button{min-height:40px}.btn.s{min-height:36px}.hr{min-width:40px;min-height:40px}
.nav{flex-wrap:wrap;gap:8px}.logo{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:58vw}
.sec{padding-block:clamp(64px,10vw,120px)}.hero{min-height:100svh}
@media(min-width:760px){.ov{align-items:center;padding:20px}.sheet{border-radius:30px;max-width:620px}.big{height:280px}}
@media(hover:none){.grid .glass:hover,.item:hover,.tab:hover,.btn:hover{transform:none}}
@media(max-width:600px){.wide{padding-top:120px}.sec{padding-inline:5vw}.plan.hot{transform:none}.item .th{width:64px;height:64px}.price{font-size:15px;padding:5px 11px}}
/* ---- v4: bayraklar + şubeler ---- */
.flag{display:inline-flex;width:28px;height:20px;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.18);vertical-align:middle;flex:none}.flag svg{width:100%;height:100%;display:block}
.lang button{padding:6px 7px;border-radius:12px;line-height:0;transition:.3s}.lang .flag{width:30px;height:21px}
.menu .lang button:not(.on){opacity:.6;background:transparent}.menu .lang button.on{background:var(--card);outline:2px solid var(--mbt);outline-offset:1px;opacity:1}
.menu .lang button:hover{opacity:1}
.flags{display:flex;gap:12px;justify-content:center;margin-bottom:24px;position:relative;flex-wrap:wrap}.flagw .flag{width:42px;height:29px;border-radius:7px;box-shadow:0 8px 20px rgba(0,0,0,.22)}
.br{padding:14px 16px;margin:12px 0}.br .chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.br .bl{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px;color:var(--mut);margin-top:4px}
.menu .chip.sel{background:var(--mbt);color:var(--mon,#fff);border-color:transparent}
/* ---- v6: 10 restoran stili ---- */
.menu{position:relative;font-family:var(--font,Inter,-apple-system,"Segoe UI",sans-serif);overflow-x:clip}
.menu .wrap,.menu .mw{position:relative;z-index:1}
.menu::before{content:"";display:none;position:absolute;left:0;right:0;top:0;pointer-events:none;z-index:0}
.menu .glass,.menu .item,.menu .ban{border-radius:var(--rad,26px)}
.menu .item .th{border-radius:calc(var(--rad,26px)*.6)}
.menu h2,.menu .ch,.menu .nm b,.menu .mh{font-family:var(--fh,inherit)}
.menu .ban{background:var(--mbt);position:relative;overflow:hidden}
.menu .ban::after{content:"";position:absolute;right:-30px;top:-34px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.18)}
.menu.mini{min-height:0;padding:10px 12px 12px;border-radius:18px;overflow:hidden}
.menu.mini .tabs{position:static;background:none;padding:6px 0}
.menu.mini .item{margin:8px 0;min-height:0;padding:10px 12px}
.menu.mini .item .th{width:44px;height:44px;font-size:24px}
.menu.mini .mh{font-weight:800;font-size:17px;margin:4px 0}
.menu.mini .price{font-size:13px;padding:4px 10px}
.menu.mini .tab{min-height:0;padding:5px 12px;font-size:12px}
.menu.mini .nm b{font-size:14px}
.sp{pointer-events:none}
/* steakhouse */
.menu[data-st=steak]{--rad:6px;--fh:'Playfair Display',Georgia,serif}
.menu[data-st=steak]::before{display:block;height:3px;background:linear-gradient(90deg,transparent,var(--mbt),transparent)}
.menu[data-st=steak] .item{background:rgba(255,255,255,.04);border:1px solid color-mix(in srgb,var(--mbt) 38%,transparent);box-shadow:none;backdrop-filter:none}
.menu[data-st=steak] .tab{background:transparent;border-radius:4px;border-color:color-mix(in srgb,var(--mbt) 45%,transparent)}
.menu[data-st=steak] h2{letter-spacing:.04em}
/* kafe */
.menu[data-st=cafe]{--rad:24px;--font:Nunito,Inter,sans-serif;--fh:Nunito,Inter,sans-serif}
.menu[data-st=cafe] h2,.menu[data-st=cafe] .mh{font-family:Pacifico,cursive;font-weight:400}
.menu[data-st=cafe] .item{border:0;box-shadow:0 10px 26px color-mix(in srgb,var(--mbt) 18%,transparent)}
/* fast food */
.menu[data-st=fast]{--rad:12px;--fh:'Bebas Neue',Impact,sans-serif}
.menu[data-st=fast]::before{display:block;height:14px;background:linear-gradient(135deg,var(--mbt) 25%,transparent 25%) -10px 0/20px 14px,linear-gradient(225deg,var(--mbt) 25%,transparent 25%) -10px 0/20px 14px}
.menu[data-st=fast] .item{background:#fff;color:#111;border:3px solid #111;box-shadow:5px 5px 0 #111;backdrop-filter:none}
.menu[data-st=fast] .price{background:var(--mbt);border:2px solid #111;border-radius:8px;box-shadow:2px 2px 0 #111}
.menu[data-st=fast] .tab{border:2px solid #111;border-radius:8px;background:#fff;color:#111;font-weight:800}
.menu[data-st=fast] .tab.on{background:var(--mbt);color:var(--mon)}
.menu[data-st=fast] .nm b,.menu[data-st=fast] h2,.menu[data-st=fast] .ch,.menu[data-st=fast] .mh{text-transform:uppercase;letter-spacing:.03em}
.menu[data-st=fast] .nm b{font-size:21px}
/* deniz */
.menu[data-st=sea]{--rad:18px;--font:Poppins,Inter,sans-serif;--fh:Poppins,Inter,sans-serif}
.menu[data-st=sea]::before{display:block;height:28px;opacity:.38;background:radial-gradient(circle at 20px 0,var(--mbt) 19px,transparent 20px) 0 0/40px 28px repeat-x}
.menu[data-st=sea] .item{border:1px solid color-mix(in srgb,var(--mbt) 25%,transparent)}
/* kahvaltı */
.menu[data-st=brunch]{--rad:26px;--font:Nunito,Inter,sans-serif;--fh:Fredoka,Nunito,sans-serif}
.menu[data-st=brunch]::before{display:block;height:120px;background:radial-gradient(circle at 85% -20%,color-mix(in srgb,var(--mbt) 35%,transparent) 0 90px,transparent 91px),radial-gradient(circle at 10% -30%,color-mix(in srgb,#FFD43B 55%,transparent) 0 80px,transparent 81px)}
.menu[data-st=brunch] .item{border-left:9px solid var(--mbt)}
.menu[data-st=brunch] .tab{border-radius:14px}
/* pastane */
.menu[data-st=sweet]{--rad:28px;--font:Poppins,Inter,sans-serif;--fh:'DM Serif Display',Georgia,serif;background-image:radial-gradient(color-mix(in srgb,var(--mbt) 22%,transparent) 2px,transparent 2.6px);background-size:22px 22px}
.menu[data-st=sweet] .price{border-radius:980px}
.menu[data-st=sweet] .tab{font-style:italic}
/* anadolu */
.menu[data-st=anatolia]{--rad:4px;--fh:'Cormorant Garamond',Georgia,serif}
.menu[data-st=anatolia]::before{display:block;height:12px;background:repeating-linear-gradient(90deg,var(--mbt) 0 18px,color-mix(in srgb,var(--mbt) 35%,#fff) 18px 24px,transparent 24px 34px)}
.menu[data-st=anatolia] .item{border:1px solid color-mix(in srgb,var(--mbt) 45%,transparent);box-shadow:0 0 0 4px var(--card),0 0 0 5px color-mix(in srgb,var(--mbt) 25%,transparent);backdrop-filter:none}
.menu[data-st=anatolia] .nm b{font-size:1.28em}
/* lounge */
.menu[data-st=lounge]{--rad:16px;--font:'Space Grotesk',Inter,sans-serif;--fh:'Space Grotesk',Inter,sans-serif}
.menu[data-st=lounge]::before{display:block;height:300px;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--mbt) 42%,transparent),transparent 70%)}
.menu[data-st=lounge] .item{border:1px solid color-mix(in srgb,var(--mbt) 55%,transparent);box-shadow:0 0 26px color-mix(in srgb,var(--mbt) 22%,transparent)}
.menu[data-st=lounge] h2,.menu[data-st=lounge] .mh{text-shadow:0 0 18px var(--mbt)}
.menu[data-st=lounge] .tab.on{box-shadow:0 0 18px var(--mbt)}
/* minimal */
.menu[data-st=minimal]{--rad:0px;--fh:'DM Serif Display',Georgia,serif}
.menu[data-st=minimal] .glass,.menu[data-st=minimal] .item{box-shadow:none}
.menu[data-st=minimal] .item{background:transparent;border:0;border-bottom:1px solid var(--bd);backdrop-filter:none;padding-inline:0}
.menu[data-st=minimal] .price{background:transparent;color:var(--fg);padding:0;font-size:18px}
.menu[data-st=minimal] .tab{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent}
.menu[data-st=minimal] .tab.on{background:transparent;color:var(--fg);border-bottom-color:var(--fg);box-shadow:none}
.menu[data-st=minimal] .rib{border-radius:0}
.menu[data-st=steak] .price,.menu[data-st=anatolia] .price,.menu[data-st=lounge] .price{background:transparent;color:var(--fg);border:1px solid var(--mbt);border-radius:calc(var(--rad)*.6)}
/* stil galerisi */
.stygrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.sty{cursor:pointer;border:3px solid transparent;border-radius:24px;padding:6px;transition:.3s;background:var(--card)}
.sty:hover{transform:translateY(-5px)}.sty.on{border-color:var(--ac);box-shadow:0 0 0 5px rgba(242,106,27,.18)}
.stn{text-align:center;font-weight:700;padding:8px 0 4px}
/* ---- canlı demo telefonu + animasyonlar ---- */
.btn{position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);pointer-events:none}
.btn:hover::after{left:140%;transition:left .7s}
.fl{position:absolute;font-size:clamp(28px,4vw,52px);opacity:.55;animation:fy 7s ease-in-out infinite;filter:drop-shadow(0 8px 14px rgba(0,0,0,.18));pointer-events:none}
@keyframes fy{50%{transform:translateY(-16px) rotate(4deg)}}
.hero h1,.hero p,.hero .pill,.hero .flags,.hero>div.rv{z-index:1}
.marq{overflow:hidden;padding:18px 0;border-block:1px solid var(--bd);background:var(--card)}
.mtrack{display:flex;gap:44px;white-space:nowrap;width:max-content;animation:mq 38s linear infinite;font-weight:700;font-size:18px;color:var(--mut)}
.marq:hover .mtrack{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.dgrid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;max-width:1000px;margin:30px auto 0;position:relative}
@media(max-width:860px){.dgrid{grid-template-columns:1fr}}
.dside{padding:26px;text-align:left}.dside h3{margin:16px 0 8px;font-size:13px;color:var(--mut);text-transform:uppercase;letter-spacing:.1em}.dside h3:first-child{margin-top:0}
.dchips{display:flex;flex-wrap:wrap;gap:8px}
.dc{border:1px solid var(--bd);background:var(--card);border-radius:980px;padding:8px 14px;cursor:pointer;transition:.3s;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:6px}
.dc:hover{transform:translateY(-2px)}.dc.on{background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff;border-color:transparent;box-shadow:0 8px 22px rgba(242,106,27,.4)}
.dc .flag{width:24px;height:17px}
.dphone{position:relative;perspective:1100px;display:grid;place-items:center;padding:20px 50px}
.phone2{position:relative;width:300px;height:620px;border-radius:54px;background:#111;padding:11px;box-shadow:0 60px 100px -20px rgba(0,0,0,.5),0 0 0 2px #3a3a3c,inset 0 0 0 2px #000;transform-style:preserve-3d;transition:transform .25s ease-out}
.phone2::after{content:"";position:absolute;inset:0;border-radius:54px;background:linear-gradient(115deg,rgba(255,255,255,.2),transparent 30%,transparent 70%,rgba(255,255,255,.07));pointer-events:none;z-index:7}
.notch{position:absolute;top:18px;left:50%;width:96px;height:26px;background:#000;border-radius:20px;transform:translateX(-50%);z-index:8}
.dscreen{width:100%;height:100%;border-radius:44px;overflow:hidden;background:#000;position:relative}
.dscreen .menu.mini{height:100%;border-radius:0;padding:46px 14px 10px;transition:background-color .9s,color .6s}
.sbar{position:absolute;top:14px;left:26px;right:26px;display:flex;justify-content:space-between;font-size:11px;font-weight:700;z-index:6;opacity:.85}
.mh2{display:flex;align-items:center;gap:10px}.mh2 .lg{width:38px;height:38px;border-radius:12px;font-size:18px;flex:none}
.dflags{display:flex;gap:4px;margin:8px 0 2px;text-align:left}
.dflags button{padding:3px 4px;min-height:0;border-radius:8px;line-height:0}.dflags .flag{width:22px;height:15px}
.dpop{animation:dpop .55s cubic-bezier(.2,.9,.3,1.2) both}
@keyframes dpop{from{opacity:0;transform:translateY(18px) scale(.93)}to{opacity:1;transform:none}}
.beat{display:inline-block;animation:beat 1.1s ease-in-out infinite}
@keyframes beat{40%{transform:scale(1.35)}}
.scan{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:18px;background:radial-gradient(circle at 50% 40%,#1c1c24,#09090c);color:#fff;font-weight:600;font-size:14px}
.qrbox{position:relative;width:150px;height:150px;background:#fff;padding:12px;border-radius:18px;overflow:hidden;animation:dpop .6s both}
.scanline{position:absolute;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#4ade80,transparent);box-shadow:0 0 18px #4ade80;animation:scn 1.3s ease-in-out infinite}
@keyframes scn{0%{top:0}50%{top:calc(100% - 3px)}100%{top:0}}
.fchip{position:absolute;z-index:3;background:var(--card);backdrop-filter:blur(14px);border:1px solid var(--bd);border-radius:16px;padding:10px 14px;font-weight:700;font-size:14px;box-shadow:var(--sh);animation:fy 5s ease-in-out infinite;white-space:nowrap}
.c1{left:0;top:12%}.c2{right:-4px;top:30%;animation-delay:-1.5s}.c3{left:-6px;bottom:24%;animation-delay:-3s}.c4{right:6px;bottom:10%;animation-delay:-2s}
@media(max-width:600px){.fchip{display:none}.dphone{padding:20px 0}}
.plan{transition:.5s cubic-bezier(.2,.8,.2,1)}.plan:hover{transform:translateY(-10px);box-shadow:0 30px 70px rgba(242,106,27,.28)}.plan.hot:hover{transform:scale(1.04) translateY(-10px)}
.pmsheet{max-width:480px}.pml{list-style:none;padding:0;margin:10px 0 14px;color:var(--mut);line-height:1.9}
/* ---- süper admin ekleri ---- */
.grid.sm{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px}.grid.sm .stat{padding:16px}.grid.sm .stat b{font-size:28px}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:20px}
.pbar{height:6px;border-radius:4px;background:var(--bd);margin:4px 0 2px;overflow:hidden}.pbar i{display:block;height:100%;background:linear-gradient(90deg,var(--ac),var(--ac2));border-radius:4px}
.kid{background:color-mix(in srgb,var(--ac) 5%,transparent)}
.rem,.lead{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:12px 0;border-bottom:1px solid var(--bd)}