/* QR Menyu — qonaq menyusu */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
  --a:#5d5fef;
  --nv:#14204a;
  --nv:color-mix(in srgb,var(--a) 22%,#0b1433);
  --g:#f5a524;--gt:#fff4e0;
  --at:#eef0ff;--at:color-mix(in srgb,var(--a) 10%,#fff);
  --bg:#f4f5f9;--cd:#ffffff;--tx:#0f1733;--mt:#6e7391;--ln:#eceef4;--sf:#f6f7fb;
  --sh:0 8px 28px -14px rgba(16,24,60,.18);
  --rd:22px;
}
[data-theme=dark]{
  --bg:#0b0d16;--cd:#151826;--tx:#f1f2f8;--mt:#9a9eb6;--ln:rgba(255,255,255,.07);--sf:#1d2133;
  --nv:var(--a);--gt:rgba(245,165,36,.14);
  --at:rgba(255,255,255,.06);--at:color-mix(in srgb,var(--a) 20%,#151826);
  --sh:0 10px 30px -16px rgba(0,0,0,.8);
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--tx);line-height:1.45;-webkit-font-smoothing:antialiased;min-height:100vh;transition:background .3s,color .3s}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:left}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.hide{display:none!important}
.wrap,.infos,.sbar-in{max-width:960px;margin-left:auto;margin-right:auto}
.sbar-in{padding:0 16px}
body.lock{overflow:hidden}

/* ---------- Üz qabığı ---------- */
.hd{position:relative;text-align:center}
.cv{height:250px;background:var(--a) center/cover no-repeat;position:relative;overflow:hidden}
@media(min-width:700px){.cv{height:330px}}
.cv:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.38),transparent 45%)}
.cv:after{content:"";position:absolute;left:-12%;right:-12%;bottom:-60px;height:120px;background:var(--bg);border-radius:50% 50% 0 0/100% 100% 0 0;transition:background .3s}
.cv-p{position:absolute;inset:0;background:radial-gradient(circle at 18% 25%,rgba(255,255,255,.25),transparent 38%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.12),transparent 30%),linear-gradient(135deg,var(--a),var(--nv))}
.cv-p:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='white' stroke-opacity='.13' stroke-width='1.5'%3E%3Ccircle cx='20' cy='20' r='8'/%3E%3Cpath d='M55 12v16M51 12v6a4 4 0 008 0v-6M60 52c-4 0-6 4-6 9h6v11M20 50v22M14 50h12'/%3E%3C/g%3E%3C/svg%3E")}
.tb{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top)) 16px 12px;z-index:3;max-width:1100px;margin:auto}
.tb-r{display:flex;gap:10px}
.ib{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:rgba(20,22,35,.45);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;border:1px solid rgba(255,255,255,.18);transition:transform .15s}
.ib:active{transform:scale(.92)}
.ib svg{width:22px;height:22px}
.i-sun{display:none}[data-theme=dark] .i-sun{display:block}[data-theme=dark] .i-moon{display:none}
.id{position:relative;z-index:2;margin-top:-78px;padding:0 18px}
.lg{width:120px;height:120px;margin:0 auto;border-radius:32px;background:#fff;padding:10px;box-shadow:0 18px 40px -16px rgba(15,23,51,.45);display:grid;place-items:center}
.lg img{max-width:100%;max-height:100%;object-fit:contain}
.lg span{width:100%;height:100%;border-radius:24px;background:var(--a);color:#fff;display:grid;place-items:center;font-size:46px;font-weight:900}
.lg.sm{width:52px;height:52px;border-radius:16px;padding:5px;margin:0;box-shadow:0 6px 16px -8px rgba(0,0,0,.35)}
.lg.sm span{border-radius:12px;font-size:22px}
.id h1{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-top:16px}
.sl{color:var(--mt);font-size:15.5px;margin-top:6px;font-weight:500}
.br-n{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-size:13px;font-weight:700;color:var(--a);background:var(--at);padding:6px 12px;border-radius:99px}
.br-n svg{width:15px;height:15px}

/* ---------- Məlumat kartları ---------- */
.infos{display:flex;gap:10px;overflow-x:auto;padding:22px 16px 4px;scrollbar-width:none;scroll-snap-type:x proximity}
.infos::-webkit-scrollbar{display:none}
.inf{flex:1 0 auto;min-width:150px;max-width:260px;display:flex;align-items:center;gap:12px;background:var(--cd);border:1px solid var(--ln);border-radius:18px;padding:14px 16px;box-shadow:var(--sh);scroll-snap-align:start;transition:transform .15s}
button.inf:active,a.inf:active{transform:scale(.97)}
.inf-i{width:40px;height:40px;border-radius:12px;background:var(--at);color:var(--a);display:grid;place-items:center;flex:none}
.inf-i svg{width:21px;height:21px}
.inf b{display:block;font-size:15px;font-weight:700;white-space:nowrap}
.inf small{display:block;font-size:12.5px;color:var(--mt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}

/* ---------- Axtarış + kateqoriyalar ---------- */
.sbar{position:sticky;top:0;z-index:20;padding:16px 0 12px;background:var(--bg);transition:box-shadow .2s,background .3s}
.sbar.stuck{background:rgba(244,245,249,.9);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(16px) saturate(1.6);-webkit-backdrop-filter:blur(16px) saturate(1.6);box-shadow:0 10px 24px -18px rgba(0,0,0,.45)}
.srch{display:flex;align-items:center;gap:12px;margin:0 0 14px;background:var(--cd);border-radius:18px;padding:0 18px;height:56px;box-shadow:var(--sh);border:1px solid var(--ln)}
.sbar.stuck .srch{height:48px;margin-bottom:10px}
.srch svg{color:var(--mt);width:21px;height:21px}
.srch input{flex:1;border:0;background:transparent;outline:0;font:inherit;font-size:16px;color:var(--tx);min-width:0;height:100%}
.srch input::placeholder{color:var(--mt)}
.srch input::-webkit-search-cancel-button{display:none}
.srch button{font-size:22px;color:var(--mt);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--sf)}
.cats{display:flex;gap:10px;overflow-x:auto;margin:0 -16px;padding:2px 16px 4px;scrollbar-width:none;scroll-behavior:smooth}
.cats::-webkit-scrollbar{display:none}
.ct{flex:none;display:flex;align-items:center;gap:9px;padding:12px 18px;border-radius:16px;background:var(--cd);font-size:15px;font-weight:600;white-space:nowrap;border:1px solid var(--ln);color:var(--tx);transition:.2s;box-shadow:0 4px 14px -10px rgba(16,24,60,.25)}
.ct i{font-style:normal;font-size:17px;line-height:1}
.ct svg{width:19px;height:19px}
.ct.on{background:var(--nv);color:#fff;border-color:var(--nv);box-shadow:0 10px 22px -10px var(--nv)}

/* ---------- Səhifə ---------- */
.wrap{padding:8px 16px 10px}
.sec{padding-top:26px}
.sec-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 14px}
.sec-t{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:-.025em}
.sec-ic{font-size:22px;line-height:1}
.sec-ic.crown{color:var(--g)}
.sec-ic.crown svg{width:26px;height:26px;stroke-width:1.5}
.cnt{font-size:13px;font-weight:600;color:var(--mt)}
.more-l{display:inline-flex;align-items:center;gap:6px;color:var(--g);font-weight:700;font-size:15px;white-space:nowrap}
.more-l svg{width:18px;height:18px}
.sec-ban{height:140px;border-radius:var(--rd);background:center/cover no-repeat;position:relative;overflow:hidden;margin-bottom:14px;display:flex;flex-direction:column;justify-content:flex-end;padding:18px}
.sec-ban:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.05))}
.sec-ban h2,.sec-ban small{position:relative;color:#fff}
.sec-ban h2{font-size:24px;font-weight:800;letter-spacing:-.02em}
.sec-ban small{opacity:.8;font-weight:600}

/* ---------- Slayder (xüsusi təklif) ---------- */
.promo{position:relative;margin-top:14px;border-radius:26px;overflow:hidden;background:#0d1020;box-shadow:0 22px 40px -22px rgba(10,14,40,.7)}
.pr-tr{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.pr-tr::-webkit-scrollbar{display:none}
.sl-i{flex:0 0 100%;scroll-snap-align:start;position:relative;min-height:230px;display:flex;align-items:stretch;color:#fff;cursor:pointer}
.sl-img{position:absolute;top:0;right:0;bottom:0;width:62%;background:var(--t)}
.sl-img img{width:100%;height:100%;object-fit:cover}
.sl-img i{position:absolute;inset:0;display:grid;place-items:center;font-size:90px;font-style:normal;opacity:.9}
.sl-img:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0d1020 0%,rgba(13,16,32,.85) 22%,rgba(13,16,32,.15) 70%,transparent)}
.sl-tx{position:relative;z-index:2;padding:26px 24px 46px;max-width:64%;display:flex;flex-direction:column;justify-content:center}
.sl-e{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g)}
.sl-tx h2{font-size:26px;font-weight:800;letter-spacing:-.025em;line-height:1.15;margin:8px 0 8px}
.sl-tx p{font-size:14px;color:rgba(255,255,255,.78);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}
.sl-p{margin-top:10px;display:flex;align-items:baseline;gap:8px}
.sl-p b{font-size:22px;font-weight:800}
.sl-p s{color:rgba(255,255,255,.55);font-size:14px}
.sl-b{margin-top:14px;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;background:var(--g);color:#1d1400;font-weight:700;font-size:14.5px;padding:12px 20px;border-radius:14px;box-shadow:0 10px 20px -10px rgba(245,165,36,.8)}
.dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:3}
@media(min-width:700px){.dots{left:auto;right:auto;left:62%}}
.dots button{width:9px;height:9px;border-radius:9px;background:rgba(255,255,255,.4);transition:.3s;padding:0}
.dots button.on{width:24px;background:var(--g)}

/* ---------- Məhsul kartları ---------- */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(min-width:760px){.grid{grid-template-columns:repeat(3,1fr);gap:18px}.grid.feat{grid-template-columns:repeat(2,1fr)}}
.pc{background:var(--cd);border:1px solid var(--ln);border-radius:var(--rd);padding:9px;box-shadow:var(--sh);display:flex;flex-direction:column;cursor:pointer;transition:transform .15s,box-shadow .2s;animation:fi .45s both}
.pc:active{transform:scale(.985)}
@media(hover:hover){.pc:hover{transform:translateY(-3px);box-shadow:0 18px 36px -20px rgba(16,24,60,.35)}}
@keyframes fi{from{opacity:0;transform:translateY(10px)}}
.pc-img{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/3;background:var(--t)}
.feat .pc-img{aspect-ratio:16/9}
[data-theme=dark] .pc-img{background:#1f2335}
.pc-img img{width:100%;height:100%;object-fit:cover}
.pc-img i{position:absolute;inset:0;display:grid;place-items:center;font-size:46px;font-style:normal}
.tg{position:absolute;top:9px;left:9px;display:inline-flex;align-items:center;gap:5px;background:var(--g);color:#fff;font-size:12px;font-weight:700;padding:5px 10px;border-radius:10px;box-shadow:0 6px 14px -6px rgba(245,165,36,.9);max-width:calc(100% - 60px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg svg{width:13px;height:13px;fill:currentColor;stroke:none}
.tg-off{background:#ef233c;box-shadow:0 6px 14px -6px rgba(239,35,60,.9)}
.tg-soft{background:rgba(255,255,255,.95);color:#0f1733;box-shadow:0 4px 10px -6px rgba(0,0,0,.4)}
.fav{position:absolute;top:8px;right:8px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.95);display:grid;place-items:center;color:var(--g);box-shadow:0 6px 14px -6px rgba(0,0,0,.35);transition:transform .15s}
.fav:active{transform:scale(.85)}
.fav svg{width:20px;height:20px}
.fav.on svg{fill:var(--g)}
.na-l{position:absolute;inset:0;background:rgba(10,12,24,.55);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px}
.pc.na .pc-n,.pc.na .pr{opacity:.55}
.pc-bd{flex:1;display:flex;flex-direction:column;padding:12px 6px 4px}
.pc-n{font-size:17px;font-weight:700;letter-spacing:-.015em;line-height:1.25}
.pc-d{font-size:13.5px;color:var(--mt);margin-top:5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pc-m{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.pc-m span{font-size:11.5px;font-weight:600;color:var(--mt);background:var(--sf);padding:3px 8px;border-radius:8px}
.pc-f{margin-top:auto;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.pr{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.pr b{font-size:21px;font-weight:800;letter-spacing:-.02em;color:var(--tx)}
.pr s{font-size:13px;color:var(--mt);font-weight:500}
.add{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:13px;background:var(--gt);color:#b86e00;font-weight:700;font-size:13.5px;white-space:nowrap;transition:transform .15s,background .2s}
[data-theme=dark] .add{color:var(--g)}
.add svg{width:17px;height:17px;stroke-width:2.6;color:var(--g)}
.add:active{transform:scale(.94)}
.add.ok{background:var(--g);color:#fff}.add.ok svg{color:#fff}
@media(max-width:520px){
  .grid{gap:11px}
  .pc{padding:7px;border-radius:19px}
  .pc-img{border-radius:14px}
  .pc-bd{padding:10px 4px 2px}
  .pc-n{font-size:15px}
  .pc-d{font-size:12.5px;-webkit-line-clamp:2}
  .pr b{font-size:18px}
  .pc-f{flex-direction:column;align-items:stretch;gap:8px}
  .add{justify-content:center;padding:9px 8px;font-size:12.5px}
  .tg{font-size:11px;padding:4px 8px}
  .fav{width:34px;height:34px}.fav svg{width:18px;height:18px}
}

/* Siyahı düzülüşü */
.lay-list .cat-sec .grid{grid-template-columns:1fr}
.lay-list .cat-sec .pc{flex-direction:row;gap:13px;padding:9px}
.lay-list .cat-sec .pc-img{width:118px;flex:none;aspect-ratio:1}
.lay-list .cat-sec .pc-bd{padding:4px 4px 2px 0;min-width:0}
.lay-list .cat-sec .pc-d{-webkit-line-clamp:2}
.lay-list .cat-sec .pc-f{flex-direction:row;align-items:center}
.lay-list .cat-sec .add span{display:none}
.lay-list .cat-sec .add{padding:9px;border-radius:12px}
.lay-list .cat-sec .tg{font-size:10.5px;padding:3px 7px;top:6px;left:6px;max-width:calc(100% - 12px)}
.lay-list .cat-sec .fav{display:none}
@media(min-width:760px){.lay-list .cat-sec .grid{grid-template-columns:1fr 1fr}}

.empty,.nores{text-align:center;padding:60px 20px;color:var(--mt)}
.empty div,.nores div{font-size:50px;margin-bottom:10px}
.empty h3{color:var(--tx);font-size:20px;margin-bottom:4px}

/* Filial seçimi */
.wrap > .sec-t{margin:24px 2px 14px}
.pick{display:grid;gap:12px}
@media(min-width:760px){.pick{grid-template-columns:1fr 1fr}}
.pick-i{display:flex;align-items:center;gap:14px;background:var(--cd);border-radius:20px;padding:16px;box-shadow:var(--sh);border:1px solid var(--ln);transition:transform .15s}
.pick-i:active{transform:scale(.98)}
.pick-ic{width:50px;height:50px;border-radius:15px;background:var(--at);color:var(--a);display:grid;place-items:center;flex:none}
.pick-ic svg{width:24px;height:24px}
.pick-bd{flex:1;min-width:0}
.pick-bd b{display:block;font-size:16.5px}
.pick-bd small{display:block;color:var(--mt);font-size:13px;margin-top:2px}
.pick-i>svg{color:var(--mt)}
.wrap>.more-l{display:flex;justify-content:center;margin-top:20px}

/* Əlaqə kartı */
.contact{margin-top:30px;display:flex;align-items:center;gap:14px;background:var(--cd);border:1px solid var(--ln);border-radius:22px;padding:16px;box-shadow:var(--sh);flex-wrap:wrap}
.ct-ic{width:52px;height:52px;border-radius:50%;background:var(--nv);color:#fff;display:grid;place-items:center;flex:none}
.ct-ic svg{width:22px;height:22px}
.ct-bd{flex:1;min-width:160px}
.ct-bd b{display:block;font-size:17px;font-weight:700}
.ct-bd small{color:var(--mt);font-size:13.5px}
.ct-ac{display:flex;gap:8px;align-items:center}
.rb{width:50px;height:50px;border-radius:16px;background:var(--sf);display:grid;place-items:center;color:var(--tx)}
.rb svg{width:21px;height:21px}
.call{display:inline-flex;align-items:center;gap:9px;background:var(--nv);color:#fff;font-weight:700;font-size:15.5px;padding:15px 26px;border-radius:16px;box-shadow:0 12px 22px -12px var(--nv)}
@media(max-width:520px){.ct-ac{width:100%}.call{flex:1;justify-content:center}}
.about{color:var(--mt);font-size:14px;text-align:center;margin:22px auto 0;max-width:520px}

.ft{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px;padding:26px 18px calc(110px + env(safe-area-inset-bottom));font-size:12.5px;color:var(--mt);text-align:center}
.ft span{display:inline-flex;align-items:center;gap:5px}
.ft svg{width:14px;height:14px}
.ft i{width:1px;height:12px;background:var(--mt);opacity:.4}

.totop{position:fixed;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));width:48px;height:48px;border-radius:16px;background:var(--cd);color:var(--tx);border:1px solid var(--ln);display:grid;place-items:center;box-shadow:var(--sh);z-index:15;opacity:0;transform:translateY(20px) scale(.8);transition:.25s;pointer-events:none}
.totop.on{opacity:1;transform:none;pointer-events:auto}
body.has-cart .totop{bottom:calc(96px + env(safe-area-inset-bottom))}
.totop svg{width:22px;height:22px}

/* ---------- Səbət çubuğu ---------- */
.cartbar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:25;max-width:560px;margin:auto;transform:translateY(140%);transition:transform .35s cubic-bezier(.2,.9,.25,1)}
.cartbar.on{transform:none}
#cartB{width:100%;display:flex;align-items:center;gap:12px;background:var(--nv);color:#fff;border-radius:20px;padding:10px 12px 10px 10px;box-shadow:0 18px 36px -14px rgba(10,16,50,.7)}
[data-theme=dark] #cartB{background:var(--a)}
.cb-ic{position:relative;width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.14);display:grid;place-items:center}
.cb-ic svg{width:23px;height:23px}
.cb-ic em{position:absolute;top:-5px;right:-5px;min-width:22px;height:22px;border-radius:11px;background:var(--g);color:#1d1400;font-style:normal;font-size:12px;font-weight:800;display:grid;place-items:center;padding:0 5px}
.cb-t{flex:1}
.cb-t small{display:block;font-size:12px;opacity:.7}
.cb-t b{font-size:18px;font-weight:800}
.cb-go{display:inline-flex;align-items:center;gap:4px;font-weight:700;font-size:14.5px;background:var(--g);color:#1d1400;padding:11px 14px;border-radius:14px}
.cb-go svg{width:16px;height:16px}
.bump{animation:bump .4s}
@keyframes bump{40%{transform:scale(1.15)}}

/* ---------- Alt pəncərələr ---------- */
.sh,.dr{position:fixed;inset:0;z-index:50;visibility:hidden}
.sh.open,.dr.open{visibility:visible}
.sh-bg{position:absolute;inset:0;background:rgba(5,7,18,.55);opacity:0;transition:opacity .3s;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.open .sh-bg{opacity:1}
.sh-b{position:absolute;left:0;right:0;bottom:0;max-height:92vh;overflow-y:auto;background:var(--cd);border-radius:30px 30px 0 0;transform:translateY(100%);transition:transform .38s cubic-bezier(.2,.9,.25,1);padding-bottom:calc(22px + env(safe-area-inset-bottom));overscroll-behavior:contain}
.sh.open .sh-b{transform:none}
@media(min-width:700px){.sh-b{max-width:560px;margin:0 auto;bottom:24px;border-radius:30px;max-height:88vh}}
.sh-pad{padding:30px 20px calc(22px + env(safe-area-inset-bottom))}
.sh-g{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:42px;height:5px;border-radius:9px;background:rgba(255,255,255,.75);z-index:3}
.sh-g.dk{background:var(--ln)}
.sh-x{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:24px;display:grid;place-items:center;z-index:3;backdrop-filter:blur(6px);line-height:1}
.sh-x.in{background:var(--sf);color:var(--tx)}
.sh-t{font-size:22px;font-weight:800;letter-spacing:-.02em;margin-bottom:14px}
.dt-img{width:100%;aspect-ratio:4/3;background:var(--t,var(--at));position:relative;overflow:hidden}
.dt-img img{width:100%;height:100%;object-fit:cover}
.dt-img i{position:absolute;inset:0;display:grid;place-items:center;font-size:90px;font-style:normal}
.dt-img .tg{top:auto;bottom:14px;left:14px;font-size:13.5px;padding:7px 12px}
.dt{padding:20px 20px 4px}
.dt h3{font-size:25px;font-weight:800;letter-spacing:-.025em;line-height:1.2}
.dt-bd{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.dt-bd span{font-size:12px;font-weight:700;padding:5px 10px;border-radius:9px;background:var(--gt);color:#b86e00}
[data-theme=dark] .dt-bd span{color:var(--g)}
.dt p{color:var(--mt);font-size:15.5px;margin-top:10px;line-height:1.55}
.dt-m{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.dt-m span{display:flex;flex-direction:column;background:var(--sf);border-radius:14px;padding:10px 14px;font-size:14px;font-weight:700;min-width:84px}
.dt-m small{font-size:11.5px;color:var(--mt);font-weight:600;margin-bottom:2px}
.dt-p{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:18px;border-top:1px solid var(--ln);gap:12px;flex-wrap:wrap}
.dt-p .pr b{font-size:28px}
.dt-p .pr s{font-size:16px}
.dt-u{font-size:12.5px;color:#ef233c;font-weight:700;margin-top:4px}
.dt-na{background:#ffe8ea;color:#d6336c;padding:10px 16px;border-radius:12px;font-weight:800;font-size:14px}
.qty{display:inline-flex;align-items:center;background:var(--sf);border-radius:14px;padding:4px}
.qty button{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:20px;font-weight:700;color:var(--tx)}
.qty button:active{background:var(--cd)}
.qty b{min-width:30px;text-align:center;font-size:16px}
.dt-add{display:flex;gap:10px;margin-top:16px}
.dt-add .btn-a{flex:1;margin:0}
.btn-a{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:16px;border-radius:16px;background:var(--nv);color:#fff;font-weight:700;font-size:16px;margin-top:10px}
[data-theme=dark] .btn-a{background:var(--a)}
.btn-a svg{width:20px;height:20px}
.btn-l{width:100%;text-align:center;padding:12px;color:var(--mt);font-weight:600;font-size:14px;margin-top:4px}

/* Səbət siyahısı */
.ci{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--ln)}
.ci-im{width:56px;height:56px;border-radius:14px;overflow:hidden;background:var(--sf);flex:none;display:grid;place-items:center;font-size:24px}
.ci-im img{width:100%;height:100%;object-fit:cover}
.ci-bd{flex:1;min-width:0}
.ci-bd b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ci-bd small{color:var(--mt);font-size:13px}
.ci .qty{padding:2px}.ci .qty button{width:32px;height:32px;font-size:18px}.ci .qty b{min-width:24px;font-size:14.5px}
.cart-e{text-align:center;color:var(--mt);padding:30px 0}
.cart-e div{font-size:44px;margin-bottom:6px}
.cart-tot{display:flex;justify-content:space-between;align-items:center;padding:16px 0 6px;font-size:16px;font-weight:600}
.cart-tot b{font-size:24px;font-weight:800}
.cart-n{font-size:13px;color:var(--mt);margin-top:4px}

/* Wi-Fi */
.wf{text-align:center}
.wf-i{width:64px;height:64px;border-radius:20px;background:var(--at);color:var(--a);display:grid;place-items:center;margin:0 auto}
.wf-i svg{width:30px;height:30px}
.wf h3{font-size:22px;margin:10px 0 16px}
.wf-r{background:var(--sf);border-radius:16px;padding:12px;margin-bottom:10px}
.wf-r small{display:block;color:var(--mt);font-size:12px;font-weight:600}
.wf-r b{font-size:19px;word-break:break-all}

/* Yan menyu */
.dr-b{position:absolute;top:0;bottom:0;left:0;width:86%;max-width:340px;background:var(--cd);transform:translateX(-100%);transition:transform .35s cubic-bezier(.2,.9,.25,1);overflow-y:auto;padding:calc(18px + env(safe-area-inset-top)) 16px 30px;box-shadow:20px 0 50px -20px rgba(0,0,0,.4)}
.dr.open .dr-b{transform:none}
.dr-h{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--ln);position:relative;padding-right:44px}
.dr-h b{display:block;font-size:17px;line-height:1.25}
.dr-h small{color:var(--mt);font-size:13px}
.dr-h .sh-x{top:6px;right:0}
.dr-t{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mt);margin:20px 6px 8px}
.dr-n{display:grid;gap:2px}
.dr-n a{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:14px;font-weight:600;font-size:15px}
.dr-n a:active{background:var(--sf)}
.dr-n span{width:36px;height:36px;border-radius:11px;background:var(--sf);display:grid;place-items:center;font-size:17px;flex:none}
.dr-n em{margin-left:auto;font-style:normal;font-size:12.5px;color:var(--mt);font-weight:600}

.toast{position:fixed;left:50%;bottom:calc(100px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(20px);background:#0f1733;color:#fff;padding:12px 18px;border-radius:14px;font-size:14px;font-weight:600;opacity:0;transition:.3s;z-index:60;pointer-events:none;white-space:nowrap}
.toast.on{opacity:1;transform:translateX(-50%)}

/* Xəta səhifəsi */
.m-err{display:grid;place-items:center;min-height:100vh;text-align:center;padding:30px}
.m-err-i{font-size:60px}
.m-err h1{font-size:24px;margin:10px 0 6px}
.m-err p{color:var(--mt)}
.m-err a{display:inline-block;margin-top:20px;color:var(--a);font-weight:700}

@media(max-width:520px){
  .cv{height:230px}
  .id{margin-top:-70px}
  .lg{width:108px;height:108px;border-radius:28px}
  .id h1{font-size:26px}
  .sl-i{min-height:220px}
  .sl-img{width:70%}
  .sl-tx{max-width:78%;padding:22px 18px 44px}
  .sl-tx h2{font-size:22px}
  .sec-t{font-size:21px}
  .more-l{font-size:14px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---------- Masa və sifariş ---------- */
.tbl-chip{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:9px 10px 9px 14px;border-radius:14px;background:var(--cd);border:1.5px dashed var(--a);color:var(--tx);font-weight:700;font-size:14.5px;box-shadow:var(--sh)}
.tbl-chip svg{color:var(--a);width:20px;height:20px}
.tbl-chip em{font-style:normal;font-size:12px;font-weight:700;color:var(--a);background:var(--at);padding:4px 9px;border-radius:9px}
.tbl-chip.set{border-style:solid;border-color:var(--ln)}
.cartbar{display:flex;gap:8px}
.cartbar>#cartB{flex:1;min-width:0}
.ordb{flex:0 0 auto;display:flex;align-items:center;gap:10px;background:var(--cd);color:var(--tx);border:1px solid var(--ln);border-radius:20px;padding:10px 14px 10px 10px;box-shadow:0 18px 36px -14px rgba(10,16,50,.45);max-width:52%}
.cartbar:has(#cartB.hide) .ordb{flex:1;max-width:none}
.ob-ic{position:relative;width:46px;height:46px;border-radius:15px;background:var(--at);color:var(--a);display:grid;place-items:center;flex:none}
.ob-ic svg{width:22px;height:22px}
.ob-ic i{position:absolute;top:-3px;right:-3px;width:13px;height:13px;border-radius:50%;background:#f59e0b;border:2px solid var(--cd);animation:obp 1.5s infinite}
.ordb[data-st=accepted] .ob-ic i{background:#0284c7}.ordb[data-st=preparing] .ob-ic i{background:#7c3aed}.ordb[data-st=ready] .ob-ic i{background:#16a34a}.ordb[data-st=served] .ob-ic i{background:#0f766e;animation:none}
@keyframes obp{50%{transform:scale(1.35)}}
.ob-t{min-width:0}
.ob-t small{display:block;font-size:11.5px;color:var(--mt)}
.ob-t b{display:block;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cart-tbl{width:100%;display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px;border-radius:16px;background:var(--sf);border:1.5px solid transparent;text-align:left}
.cart-tbl.need{border-color:#f59e0b;background:var(--gt)}
.ct-tic{width:42px;height:42px;border-radius:13px;background:var(--cd);color:var(--a);display:grid;place-items:center;flex:none}
.cart-tbl small{display:block;font-size:12px;color:var(--mt)}
.cart-tbl b{font-size:16px}
.cart-tbl em{margin-left:auto;font-style:normal;font-weight:700;font-size:13px;color:var(--a)}
#cartNote{width:100%;margin-top:10px;border:1.5px solid var(--ln);background:var(--cd);color:var(--tx);border-radius:14px;padding:12px 14px;font:inherit;font-size:15px;resize:none;outline:0}
#cartNote:focus{border-color:var(--a)}
.btn-a:disabled{opacity:.6}
.tp-leg{display:flex;gap:14px;font-size:12.5px;color:var(--mt);margin-bottom:12px}
.tp-leg span{display:flex;align-items:center;gap:6px}
.tp-leg span:before{content:"";width:12px;height:12px;border-radius:4px;background:#22c55e}
.tp-leg .b:before{background:#ef4444}.tp-leg .m:before{background:var(--a)}
.tp-g{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(min-width:420px){.tp-g{grid-template-columns:repeat(4,1fr)}}
.tp-i{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:76px;border-radius:16px;border:2px solid #bbf7d0;background:#f0fdf4;color:#14532d;text-align:center;padding:8px 4px;transition:transform .12s}
.tp-i:active{transform:scale(.95)}
.tp-i b{font-size:15px;line-height:1.2}
.tp-i small{font-size:11px;font-weight:600;opacity:.8}
.tp-i.b{border-color:#fecaca;background:#fef2f2;color:#991b1b;opacity:.6;cursor:not-allowed}
.tp-i.m{border-color:var(--a);background:var(--at);color:var(--tx)}
[data-theme=dark] .tp-i.f{background:rgba(34,197,94,.1);color:#86efac;border-color:rgba(34,197,94,.35)}
[data-theme=dark] .tp-i.b{background:rgba(239,68,68,.1);color:#fca5a5;border-color:rgba(239,68,68,.3)}
.tp-g .cart-e{grid-column:1/-1}
.oi{border:1px solid var(--ln);border-radius:20px;padding:16px;margin-bottom:12px;background:var(--cd)}
.oi-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.oi-h b{font-size:18px;display:block}
.oi-h small{color:var(--mt);font-size:12.5px}
.oi-s{font-size:12px;font-weight:800;padding:5px 10px;border-radius:9px;background:#fef3c7;color:#b45309;white-space:nowrap}
.st-accepted .oi-s{background:#e0f2fe;color:#0369a1}.st-preparing .oi-s{background:#ede9fe;color:#6d28d9}.st-ready .oi-s{background:#dcfce7;color:#15803d}.st-served .oi-s{background:#ccfbf1;color:#0f766e}.st-closed .oi-s{background:var(--sf);color:var(--mt)}.st-cancelled .oi-s{background:#ffe4e6;color:#e11d48}
.oi-m{margin-top:8px;font-weight:600;font-size:14.5px}
.st-cancelled .oi-m{color:#e11d48}
.stp{display:flex;margin:16px 0 6px;position:relative}
.stp div{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;text-align:center}
.stp div:before{content:"";position:absolute;top:8px;right:50%;width:100%;height:3px;background:var(--ln);z-index:0}
.stp div:first-child:before{display:none}
.stp div.d:before,.stp div.c:before{background:var(--a)}
.stp i{width:19px;height:19px;border-radius:50%;background:var(--cd);border:3px solid var(--ln);position:relative;z-index:1}
.stp .d i{background:var(--a);border-color:var(--a)}
.stp .c i{border-color:var(--a);box-shadow:0 0 0 5px var(--at);animation:obp 1.6s infinite}
.stp span{font-size:10.5px;font-weight:600;color:var(--mt);line-height:1.2}
.stp .d span,.stp .c span{color:var(--tx)}
.oi-l{display:grid;gap:6px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--ln);font-size:14px}
.oi-l div{display:flex;justify-content:space-between;gap:10px}
.oi-l em{font-style:normal;color:var(--mt);white-space:nowrap}
.oi-n{margin-top:10px;font-size:13px;color:var(--mt)}
.oi-t{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-weight:600}
.oi-t b{font-size:19px}
.btn-l.red{color:#e11d48}
.cartbar:has(.ordb:not(.hide)) .cb-go{display:none}
@media(max-width:380px){.cartbar:has(.ordb:not(.hide)):has(#cartB:not(.hide)) .ob-t{display:none}}
.cart-tin{display:flex;align-items:center;gap:12px;margin-top:14px;padding:10px 12px 10px 16px;border-radius:16px;background:var(--gt);border:1.5px solid #f59e0b}
.cart-tin span{font-weight:700;font-size:14.5px;white-space:nowrap}
.cart-tin input{flex:1;min-width:0;border:0;background:var(--cd);color:var(--tx);border-radius:12px;padding:11px 12px;font:inherit;font-size:17px;font-weight:700;outline:0;text-align:center}