/* NOVO: додатоци врз style.css */
:root{--dark:#150d0a;--dark2:#2a1812}

/* HERO 2 */
.hero2{position:relative;display:flex;flex-direction:column;height:calc(100svh - var(--nav));min-height:540px;overflow:hidden;background:radial-gradient(ellipse 70% 55% at 50% 32%,#5b3322 0%,#2a1812 55%,#150d0a 100%);color:#f6efe2}
.grain{position:absolute;inset:0;z-index:0;opacity:.18;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.stage2{position:relative;flex:1;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;align-content:stretch;padding:6px 0 0}
.giant{display:contents;font-family:var(--serif);font-weight:700;font-size:clamp(56px,min(27vw,13.5svh),360px);letter-spacing:-.02em;text-transform:uppercase}
.giant span{display:block;line-height:.82;color:#c9a24a;background:linear-gradient(180deg,#f3dc9a 0%,#d4ad55 42%,#8d6a26 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 6px 12px rgba(0,0,0,.5));pointer-events:none;user-select:none}
.giant span:first-child{grid-row:1;margin-bottom:5px}
.giant span:last-child{grid-row:3;margin-top:5px}
.pizza-box{grid-row:2;position:relative;z-index:1;width:100%;max-width:min(96vw,1000px);min-height:0}
.spinpizza{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 34px 38px rgba(0,0,0,.65))}
@keyframes spin{to{transform:rotate(360deg)}}
.stamp{position:absolute;z-index:2;width:clamp(88px,19vw,150px);right:3%;top:46%;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45));transform:rotate(-8deg)}

.hero-in2{position:relative;z-index:2;width:100%;padding:0 18px 14px;text-align:center;max-width:620px;margin:0 auto}
.hero-in2 .orn{margin:8px 0 10px}

/* ЛЕНТА */
.belt{background:#1c1411;border-top:3px solid var(--red);border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden;padding:14px 0}
.belt-track{display:flex;width:max-content;animation:belt 38s linear infinite}
.belt span{display:flex;gap:26px;padding-right:26px}
.belt img{width:128px;height:96px;object-fit:contain;flex:none;filter:drop-shadow(0 8px 8px rgba(0,0,0,.5))}
@keyframes belt{to{transform:translateX(-50%)}}

/* СКЛОПУВАЊЕ */
.asm{position:relative;height:420svh;background:radial-gradient(ellipse 80% 60% at 50% 40%,#3a2218 0%,#1c1411 60%,#150d0a 100%);color:#f6efe2}
.asm-pin{position:sticky;top:var(--nav);height:calc(100svh - var(--nav));display:flex;flex-direction:column;justify-content:center;gap:10px;padding:14px 18px;overflow:hidden}
.asm-head{text-align:center}
.asm-head .lab{color:var(--gold);display:block;margin-bottom:4px}
.asm-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(28px,6vw,48px);line-height:1}
.asm-grid{display:grid;gap:12px;align-items:center;justify-items:center;grid-template-columns:1fr}
.asm-stage{position:relative;width:min(100%,46svh,520px);aspect-ratio:1/1}
.asm-stage svg,.asm-stage img{position:absolute;inset:0;width:100%;height:100%}
.asm-stage svg{filter:drop-shadow(0 22px 26px rgba(0,0,0,.6));transform:scaleY(.866)}
.asm-stage img{object-fit:contain;opacity:0;filter:drop-shadow(0 22px 26px rgba(0,0,0,.6))}
.asm-stage img#pzFinal{inset:auto;left:50%;top:50%;width:88%;height:auto;transform:translate(-50%,-50%)}
.tile img.ph{left:0;top:0;width:100%;height:100%;object-fit:cover;filter:none}
.tile:hover img.ph{transform:scale(1.05)}
.tile:has(img.ph)::after{background:linear-gradient(to top,rgba(18,10,8,.85) 0%,rgba(18,10,8,0) 52%),linear-gradient(to bottom,rgba(18,10,8,.6) 0%,rgba(18,10,8,0) 32%)}
.glow{position:absolute;inset:-14%;border-radius:50%;background:radial-gradient(circle,rgba(255,140,40,.55) 0%,rgba(255,100,20,0) 62%);opacity:0;z-index:-1;pointer-events:none}
.asm-steps{list-style:none;display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.asm-steps li{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid rgba(255,255,255,.2);font-family:var(--lab);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#cfc3ae;transition:background .3s,color .3s,border-color .3s}
.asm-steps li b{width:24px;height:24px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;font-weight:400;font-size:12px}
.asm-steps li.on{background:var(--red);border-color:var(--red);color:#fff}
.asm-steps li.done{border-color:var(--gold);color:var(--gold)}
.asm-cta{display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s;pointer-events:none;color:var(--gold)}
.asm-cta span{font-family:var(--lab);font-size:13px;letter-spacing:.2em;text-transform:uppercase}
.asm-cta strong{font-family:var(--serif);font-weight:400;font-size:clamp(30px,7vw,44px);color:#f6efe2;line-height:1.1}
.asm-cta.show{opacity:1;transform:none;pointer-events:auto}

/* ГОЛЕМИНИ */
.sizes{background:radial-gradient(ellipse 70% 60% at 50% 40%,#3a2218 0%,#1c1411 62%,#150d0a 100%);color:#f6efe2;padding:64px 0;border-top:3px solid var(--red);border-bottom:3px solid var(--red)}
.sizes-head{text-align:center;max-width:560px;margin:0 auto 34px}
.sizes-head .lab{color:var(--gold);display:block;margin-bottom:6px}
.sizes-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,7vw,56px);line-height:1.05;margin-bottom:12px}
.sizes-head p{color:#d9cdb8}
.sz{display:flex;align-items:flex-end;justify-content:center;gap:3%;max-width:760px;margin:0 auto}
.sz-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;transform:translateY(24px) scale(.85);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.sz-fig.s45{flex:0 0 58%;transition-delay:.15s}
.sz-fig.s30{flex:0 0 38.667%}
.sz.in .sz-fig{opacity:1;transform:none}
.sz-fig img{width:100%;aspect-ratio:1/1;object-fit:contain;filter:drop-shadow(0 22px 26px rgba(0,0,0,.6))}
.sz-fig figcaption{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px}
.sz-fig figcaption i{display:block;width:100%;height:9px;border:1px solid var(--gold);border-top:0;margin-bottom:6px}
.sz-fig figcaption b{font-family:var(--serif);font-weight:400;font-size:clamp(34px,8vw,60px);line-height:1;color:var(--gold)}
.sz-fig figcaption b small{font-size:.4em;letter-spacing:.1em;text-transform:uppercase;font-family:var(--lab)}
.sz-fig figcaption span{font-family:var(--lab);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#cfc3ae}
.sizes-cta{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:34px}
.solid.ghost2{background:transparent;border-color:var(--gold);color:var(--gold)}
.solid.ghost2:hover{background:var(--gold);color:var(--dark)}

/* КАКО ДА ДОЈДЕШ */
.way{display:grid;gap:18px}
.way-info{background:var(--card);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:18px}
.way-row .lab{color:var(--red);display:block;margin-bottom:4px}
.way-row p{font-family:var(--serif);font-size:22px;line-height:1.3}
.way-btns{display:flex;flex-direction:column;gap:10px;margin-top:auto}
.way-info .solid.ghost2{color:var(--ink);border-color:var(--ink)}
.way-info .solid.ghost2:hover{background:var(--ink);color:var(--paper)}
.way-map{min-height:300px;border:1px solid var(--line);background:var(--cream)}
.way-map iframe{display:block;width:100%;height:100%;min-height:300px;border:0}
@media (min-width:900px){
  .asm-grid{grid-template-columns:1fr;}
  .way{grid-template-columns:1fr 1.3fr;gap:0}
  .way-btns{flex-direction:row;flex-wrap:wrap}
  .belt img{width:170px;height:128px}
}
/* низок екран и тесен телефон: вклопи го првиот дел */
.nbtn,.logo{white-space:nowrap}
@media (max-width:400px){.logo{font-size:19px;gap:6px}.nbtn{padding:0 12px;font-size:12px;letter-spacing:.1em}.nav .wrap{gap:10px}}
@media (max-height:720px){
  .hero2 .orn{display:none}
  .hero2 .giant{font-size:clamp(46px,min(21vw,9.8svh),300px)}
  .hero2 .open{padding:5px 14px;margin-bottom:8px}
  .hero2 .cta{padding:7px 14px}
  .hero2 .cta .ic{width:38px;height:38px}
  .hero2 .cta strong{font-size:28px}
  .hero2 .trio a{height:50px}
  .hero2 .trio svg{width:18px;height:18px}
  .hero-in2{padding-bottom:10px;margin-top:6px}
}
/* компјутер: текст и копчиња лево, голема пица десно */
@media (min-width:900px){
  .hero2{display:grid;grid-template-columns:minmax(380px,1fr) 1.3fr;grid-template-rows:minmax(0,1fr);align-items:stretch}
  .stage2{grid-column:2;grid-row:1}
  .hero-in2{grid-column:1;grid-row:1;align-self:center;text-align:left;max-width:540px;width:100%;margin:0 0 0 auto;padding:0 32px 0 24px}
  .hero-in2 .orn{justify-content:flex-start;margin:0 0 14px}
  .hero-in2 .orn::before{display:none}
  .hero2 .open{margin-bottom:14px}
  .hero2 .cta{padding:14px 18px}
  .hero2 .cta .ic{width:52px;height:52px}
  .hero2 .trio a{height:76px}
  .hero2 .giant{font-size:clamp(60px,min(11vw,14svh),300px)}
  .hero2 .stamp{right:6%;top:50%}
}
/* СОЦИЈАЛНИ */
.social{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}
.social .lab{color:var(--mut);margin-right:4px}
.social a{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border:1px solid var(--ink);border-radius:999px;font-family:var(--lab);font-size:13px;letter-spacing:.14em;text-transform:uppercase;transition:background .2s,color .2s}
.social a:hover{background:var(--ink);color:var(--paper)}
.social svg{width:18px;height:18px}

/* белешка во мени */
.note{text-align:center;margin-top:20px;font-family:var(--lab);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.drk small:empty{display:none}

/* фотографии во менито (пастрмајлии, сирење) */
.mph.photo{background:#e9eaee}
.mph.photo img{padding:0;object-fit:cover;filter:none}

/* МАСКОТ */
.foot{position:relative}
.foot .wrap{position:relative}
.mascot-f{position:absolute;right:18px;top:-118px;width:84px;height:auto;filter:drop-shadow(0 8px 10px rgba(0,0,0,.25));pointer-events:none}
@media (min-width:900px){.mascot-f{width:116px;top:-162px;right:24px}}

/* маскот во логото горе */
.nav .logo{gap:10px}
.nav .logo-m{height:48px;width:auto;flex:none;margin:0 0 -2px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.18));transition:transform .25s}
.nav .logo:hover .logo-m{transform:rotate(-6deg) scale(1.06)}
@media (max-width:400px){.nav .logo-m{height:44px}}

/* маскот во логото долу */
.foot .logo{align-items:center;gap:12px}
.foot .logo-m{height:64px;width:auto;flex:none;filter:drop-shadow(0 3px 5px rgba(0,0,0,.35))}

.sizes{position:relative}
.way{position:relative}

/* копче за повик секогаш видливо и на компјутер */
@media (min-width:900px){
  .callbar{display:block;left:auto;right:26px;bottom:26px;padding:0;background:none;border:0;width:auto}
  .callbar a{width:auto;height:58px;padding:0 28px;font-size:15px}
}
.callbar a{animation:callpulse 2.6s ease-in-out infinite}
@keyframes callpulse{0%,100%{box-shadow:0 10px 24px rgba(20,14,10,.45),inset 0 1px 0 rgba(255,255,255,.35)}50%{box-shadow:0 10px 34px rgba(20,14,10,.7),0 0 0 8px rgba(20,14,10,.12),inset 0 1px 0 rgba(255,255,255,.35)}}

/* 404 */
.nf{min-height:calc(100svh - var(--nav));display:grid;place-items:center;padding:36px 18px 56px;text-align:center;color:#f6efe2;background:radial-gradient(ellipse 70% 55% at 50% 30%,#5b3322 0%,#2a1812 55%,#150d0a 100%)}
.nf-in{max-width:560px;display:flex;flex-direction:column;align-items:center;gap:14px}
.nf-m{height:clamp(120px,22svh,190px);width:auto;filter:drop-shadow(0 14px 18px rgba(0,0,0,.5))}
.nf-code{font-family:var(--serif);font-weight:700;font-size:clamp(96px,26vw,190px);line-height:.85;color:rgba(201,162,74,.14);-webkit-text-stroke:2px rgba(201,162,74,.9);letter-spacing:-.02em}
.nf h1{font-family:var(--serif);font-weight:400;font-size:clamp(30px,7vw,46px);line-height:1.1}
.nf p{color:#d9cdb8;max-width:420px}
.nf-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}
.nf-links{display:flex;gap:10px;justify-content:center}
.nf .ghost{border-color:rgba(246,239,226,.5);color:#f6efe2}
.nf .ghost:hover{background:#f6efe2;color:#150d0a}

/* ORDER DOCK: повлечи за повик + Wolt */
.dock{display:flex;flex-direction:column;gap:10px}
.slidecall{position:relative;display:block;height:72px;border-radius:999px;background:linear-gradient(180deg,#2e231d,#15100d);box-shadow:0 12px 28px rgba(20,14,10,.5),inset 0 1px 0 rgba(255,255,255,.35);overflow:hidden;color:#1c1411;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.slidecall::after{content:"";position:absolute;top:0;bottom:0;width:60px;left:-80px;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:sheen 3.4s ease-in-out infinite;pointer-events:none}
@keyframes sheen{0%,55%{left:-80px}100%{left:110%}}
.sc-arrow{position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:30px;line-height:1;pointer-events:none;transition:transform .2s}
.slidecall:hover .sc-arrow{transform:translate(4px,-50%)}
.slidecall:active{transform:scale(.98)}
.sc-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 54px 0 74px;pointer-events:none;text-align:center}
.sc-text small{font-family:var(--lab);font-size:12px;letter-spacing:.24em;text-transform:uppercase;opacity:.92}
.sc-text strong{font-family:var(--serif);font-weight:400;font-size:clamp(26px,7vw,32px);line-height:1.05;white-space:nowrap}
.sc-knob{position:absolute;left:6px;top:6px;width:60px;height:60px;border-radius:50%;background:#fff;color:var(--red);display:grid;place-items:center;box-shadow:0 5px 14px rgba(0,0,0,.4);pointer-events:none;z-index:2}
.sc-knob svg{width:26px;height:26px}
.sc-knob::before{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(255,255,255,.75);animation:ping 1.9s ease-out infinite}
@keyframes ping{from{transform:scale(.85);opacity:.9}to{transform:scale(1.4);opacity:0}}
.dock-row{display:grid;grid-template-columns:minmax(0,1fr) 62px 62px;gap:8px}
.woltbar{display:flex;align-items:center;gap:10px;height:62px;padding:0 20px;border-radius:999px;background:linear-gradient(135deg,#17b8f3,#0089c7);color:#fff;box-shadow:0 10px 24px rgba(0,157,224,.35),inset 0 1px 0 rgba(255,255,255,.4);transition:transform .2s}
.woltbar:hover{transform:translateY(-2px)}
.woltbar span{font-family:var(--lab);font-size:12px;letter-spacing:.2em;text-transform:uppercase;line-height:1.2;max-width:70px;text-align:left}
.woltbar b{font-family:var(--serif);font-style:italic;font-weight:700;font-size:32px;line-height:1}
.woltbar em{margin-left:auto;font-style:normal;font-size:24px}
.rbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:62px;border-radius:50%;background:rgba(22,14,10,.8);border:1px solid rgba(255,255,255,.3);color:#f6efe2;transition:border-color .2s,background .2s}
.rbtn:hover{border-color:var(--gold);background:rgba(22,14,10,.95)}
.rbtn svg{width:20px;height:20px}
.rbtn span{font-family:var(--lab);font-size:9px;letter-spacing:.12em;text-transform:uppercase;line-height:1}
@media (max-height:720px){
  .slidecall{height:62px}.sc-knob{width:50px;height:50px}.sc-text strong{font-size:26px}
  .dock-row{grid-template-columns:minmax(0,1fr) 54px 54px}.woltbar,.rbtn{height:54px}.woltbar b{font-size:28px}
}
@media (min-width:900px){.slidecall{height:84px}.sc-knob{width:72px;height:72px}.sc-text{padding-left:90px}.sc-text strong{font-size:38px}.dock-row{grid-template-columns:minmax(0,1fr) 72px 72px}.woltbar,.rbtn{height:72px}}

/* ПОСИЛНИ КОПЧИЊА */
.solid{position:relative;height:58px;padding:0 30px;gap:12px;border-radius:999px;border:0;background:linear-gradient(180deg,#2e231d,#15100d);color:#1c1411;font-size:14px;letter-spacing:.16em;box-shadow:0 12px 26px rgba(20,14,10,.4),inset 0 1px 0 rgba(255,255,255,.38);overflow:hidden;transition:transform .2s,box-shadow .2s}
.solid::before{content:"";position:absolute;top:0;bottom:0;width:50px;left:-90px;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s}
.solid::after{content:"\2192";font-size:22px;line-height:1;transition:transform .2s}
.solid:hover{background:linear-gradient(180deg,#3d2f26,#1c1411);transform:translateY(-3px);box-shadow:0 18px 32px rgba(20,14,10,.5),inset 0 1px 0 rgba(255,255,255,.4)}
.solid:hover::before{left:120%}
.solid:hover::after{transform:translateX(5px)}
.solid:active{transform:scale(.97)}
.solid.ghost2{background:transparent;border:1.5px solid var(--gold);color:var(--gold);box-shadow:none}
.solid.ghost2:hover{background:var(--gold);color:#150d0a;box-shadow:0 14px 28px rgba(201,162,74,.3)}
.way-info .solid.ghost2{border-color:var(--ink);color:var(--ink)}
.way-info .solid.ghost2:hover{background:var(--ink);color:var(--paper)}
.solid.woltsolid{background:linear-gradient(135deg,#17b8f3,#0089c7);color:#fff;border:0;box-shadow:0 12px 26px rgba(0,157,224,.4),inset 0 1px 0 rgba(255,255,255,.4)}
.solid.woltsolid:hover{background:linear-gradient(135deg,#2cc4fa,#0094d6);color:#fff;box-shadow:0 18px 32px rgba(0,157,224,.5)}
.ghost{height:48px;padding:0 24px;border-radius:999px;border:1.5px solid var(--ink);font-size:13px;gap:10px;transition:background .2s,color .2s,transform .2s}
.ghost::after{content:"\2192";font-size:18px;transition:transform .2s}
.ghost:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}
.ghost:hover::after{transform:translateX(4px)}
.nbtn{border-radius:999px;transition:transform .2s,background .2s}
.nbtn.red{background:linear-gradient(180deg,#2e231d,#15100d);border:0;box-shadow:0 6px 16px rgba(20,14,10,.35)}
.nbtn.wolt{background:linear-gradient(135deg,#17b8f3,#0089c7);color:#fff;border:0;box-shadow:0 6px 16px rgba(0,157,224,.3)}
.nbtn:hover{transform:translateY(-2px)}
.burger{border-radius:14px}
.callbar a{border-radius:999px;background:linear-gradient(180deg,#2e231d,#15100d);box-shadow:0 10px 24px rgba(20,14,10,.45),inset 0 1px 0 rgba(255,255,255,.35)}
.social a{border-width:1.5px;transition:background .2s,color .2s,transform .2s,border-color .2s}
.social a:hover{transform:translateY(-2px)}
.tile .go{border-radius:50%;transition:background .2s,border-color .2s,transform .2s}
.tile:hover .go{background:var(--red);border-color:var(--red);transform:translateX(3px)}
.sizes-cta .solid,.way-btns .solid{min-width:210px}

/* НЕУТРАЛНА ПАЛЕТА (газдата: без црвено, без жолто) */
:root{--red:#5c4d40;--red-d:#3d3128}
/* темни копчиња на светла позадина */
.solid,.nbtn.red,.callbar a{color:#f6efe2}
.chips a.on{background:#1c1411;border-color:#1c1411;color:#f6efe2}
.ibox.dark{background:linear-gradient(135deg,#3a2a1f,#1c1411)}
.tile:hover .go{color:#f6efe2}
/* крем копчиња на темна позадина */
.slidecall,.sizes .solid:not(.ghost2),.nf .solid:not(.woltsolid),.cta{background:linear-gradient(180deg,#fffaf0,#e8dcc7);color:#1c1411;box-shadow:0 12px 28px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.7)}
.sizes .solid:not(.ghost2):hover,.nf .solid:not(.woltsolid):hover,.cta:hover{background:linear-gradient(180deg,#ffffff,#efe5d3);box-shadow:0 18px 32px rgba(0,0,0,.5)}
.cta{border-color:#e8dcc7;outline-color:#cfc3ae}
.cta .ic{background:rgba(28,20,17,.1)}
.sc-knob{background:#1c1411;color:#f6efe2}
.sc-knob::before{border-color:rgba(28,20,17,.45)}
.slidecall::after{background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent)}
.solid.ghost2{background:transparent;border:1.5px solid rgba(246,239,226,.6);color:#f6efe2;box-shadow:none}
.solid.ghost2:hover{background:#f6efe2;color:#1c1411;box-shadow:0 14px 28px rgba(0,0,0,.35)}
.way-info .solid.ghost2{border-color:var(--ink);color:var(--ink)}
.way-info .solid.ghost2:hover{background:var(--ink);color:var(--paper)}
/* склопувањето оди само, не со скрол */
.asm{height:auto}
.asm-pin{position:static;height:auto;min-height:0;padding:64px 18px 56px;gap:16px}
.asm-stage{width:min(100%,420px)}


/* големините секогаш видливи (без зависност од скрипта) */
.sz-fig{opacity:1;transform:none}

/* ЈАЗИК (МК / EN) */
.lang{display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:44px;padding:0 10px;border:1.5px solid var(--ink);border-radius:999px;font-family:var(--lab);font-size:13px;letter-spacing:.12em;color:var(--ink);flex:none;transition:background .2s,color .2s}
.lang:hover{background:var(--ink);color:var(--paper)}
@media (max-width:400px){.lang{height:36px;min-width:38px;padding:0 8px;font-size:12px}}

/* КАРТА НА КЛИК */
.map-load{height:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:repeating-linear-gradient(135deg,#efe5d2 0 14px,#eadfca 14px 28px)}
.map-load p{font-size:14px;color:var(--mut);max-width:280px}
.map-btn{height:52px;padding:0 26px;border:0;border-radius:999px;background:linear-gradient(180deg,#2e231d,#15100d);color:#f6efe2;font-family:var(--lab);font-size:14px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 22px rgba(20,14,10,.3)}
.map-btn:hover{transform:translateY(-2px)}

/* ПРИВАТНОСТ */
.policy-page{padding:46px 0 70px}
.policy-page .wrap{max-width:780px}
.ptitle-l{border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:28px}
.ptitle-l .lab{color:var(--red);display:block;margin-bottom:8px}
.ptitle-l h1{font-family:var(--serif);font-weight:400;font-size:clamp(34px,7vw,52px);line-height:1.05}
.ptitle-l .upd{color:var(--mut);font-size:14px;margin-top:8px}
.policy h2{font-family:var(--serif);font-weight:400;font-size:26px;margin:30px 0 10px}
.policy p{margin-bottom:12px;color:#3d3128}
.policy ul{margin:4px 0 12px 20px}.policy li{margin-bottom:6px}
.policy a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.ptable{border:1px solid var(--line);background:var(--card);margin:6px 0 14px}
.ptable div{display:grid;grid-template-columns:1fr 2fr;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line);font-size:15px}
.ptable div:last-child{border-bottom:0}
@media (max-width:640px){.ptable div{grid-template-columns:1fr;gap:4px}}

/* ЈАЗИЧЕН ПРЕКИНУВАЧ СО ЗНАМИЊА */
.lang-sw{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1.5px solid var(--ink);border-radius:999px;flex:none;background:var(--paper)}
.lang-sw a,.lang-sw span.on{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 11px 0 6px;border-radius:999px;font-family:var(--lab);font-size:12px;letter-spacing:.12em;color:var(--ink);text-decoration:none;transition:background .2s,color .2s}
.lang-sw b{font-weight:500}
.lang-sw span.on{background:var(--ink);color:var(--paper)}
.lang-sw a:hover{background:rgba(28,20,17,.08)}
.lang-sw .fl{display:block;width:20px;height:20px;border-radius:50%;overflow:hidden;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.18)}
.lang-sw .fl svg{display:block;width:100%;height:100%}
@media (max-width:430px){
  .lang-sw b{display:none}
  .lang-sw a,.lang-sw span.on{height:30px;padding:0 5px}
  .lang-sw .fl{width:22px;height:22px}
  .nav .nbtn.red{width:40px;min-width:40px;padding:0;font-size:0;letter-spacing:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f6efe2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E"),linear-gradient(180deg,#2e231d,#15100d);background-repeat:no-repeat;background-position:center;background-size:18px,100%}
}

@media (prefers-reduced-motion:reduce){
  .belt-track,.slidecall::after,.sc-knob::before,  .asm{height:auto}
  .asm-pin{position:static;height:auto;padding:40px 18px}
  .sz-fig{opacity:1;transform:none;transition:none}
}
/* small phones: Wolt on its own row, round buttons become two pills */
@media (max-width:399px){
  .dock-row{grid-template-columns:1fr 1fr}
  .dock-row .woltbar{grid-column:1/-1}
  .dock-row .rbtn{border-radius:999px;flex-direction:row;gap:8px;height:48px}
  .dock-row .rbtn span{font-size:10.5px}
}
@media (max-width:350px){.nav .logo{font-size:16px;gap:6px}.nav .logo-m{height:38px}.nav .wrap{gap:6px}.nav .logo{min-width:0}}