/* Home banner slide 1: app-only discount promo (owner 29.10, design «KUDO_KUDO_Bayil_10_Percent.html»).
   Sizes scale with the slide width (--u ≈ 1/96.6 of it, capped so desktop stays proportionate). Fallback = .preorder-hero when the discount is off. */
.hs-banner{container-type:inline-size}
.hs-banner>[hidden],.promo10 [hidden]{display:none!important}
.promo10{--u:min(1.0345cqw,5.4px);--p10-yellow:#ffe329;position:relative;isolation:isolate;overflow:hidden;height:100%;min-height:calc(var(--u)*92);padding:calc(var(--u)*4.4) calc(var(--u)*3.8) calc(var(--u)*4.4);background:radial-gradient(ellipse at 80% 68%,#ff4b26 0,transparent 48%),linear-gradient(120deg,#ff1717,#f0141a 75%,#e61018);color:#fff;font-family:'Inter Variable',Inter,Arial,Helvetica,sans-serif;display:flex;flex-direction:column}
.promo10:after{content:'';position:absolute;z-index:-1;width:calc(var(--u)*74);height:calc(var(--u)*20);right:calc(var(--u)*-10);top:calc(var(--u)*55);background:radial-gradient(ellipse,#90000755,transparent 65%);pointer-events:none}
.p10-title{position:relative;z-index:3;margin:0;font-size:calc(var(--u)*6);font-weight:900;line-height:1.06;letter-spacing:calc(var(--u)*-.2);text-transform:none}
.p10-title span{display:block}
.p10-deal{position:relative;z-index:3;width:max-content;color:var(--p10-yellow);margin-top:calc(var(--u)*2);transform:rotate(-2deg);transform-origin:left bottom;text-shadow:calc(var(--u)*.8) calc(var(--u)*1.2) 0 #b50e12;pointer-events:none}
.p10-pct{display:flex;align-items:baseline;font-size:calc(var(--u)*30);font-weight:900;line-height:.96;letter-spacing:calc(var(--u)*-1.8)}
.p10-pct small{font-size:calc(var(--u)*20);letter-spacing:calc(var(--u)*-.6);margin-left:calc(var(--u)*.9);font-weight:900}
.p10-pct small.p10-upto{font-size:calc(var(--u)*9);letter-spacing:calc(var(--u)*-.3);margin-left:calc(var(--u)*.6)}
.p10-pct .p10-upto[hidden]{display:none}
/* «25%-DƏK ENDİRİMLƏR» (owner 31.10): smaller so the text stays left of the burger. */
.p10-deal.upto .p10-pct{font-size:calc(var(--u)*18);letter-spacing:calc(var(--u)*-1.1)}
.p10-deal.upto .p10-pct small{font-size:calc(var(--u)*12)}
.p10-deal.upto .p10-pct small.p10-upto{font-size:calc(var(--u)*6.5)}
.p10-deal.upto .p10-word{font-size:calc(var(--u)*7);letter-spacing:calc(var(--u)*-.3)}
.p10-word{display:block;font-size:calc(var(--u)*12);font-weight:900;letter-spacing:calc(var(--u)*-.55);line-height:1.13;margin-top:calc(var(--u)*-.1)}
.p10-note.p10-web{font-size:max(10.5px,calc(var(--u)*2.9));line-height:1.4;padding-top:calc(var(--u)*.3);margin-bottom:calc(var(--u)*1.1)}
.p10-burger{position:absolute;z-index:1;width:calc(var(--u)*81);height:auto;right:calc(var(--u)*-25);top:calc(var(--u)*18.6);filter:drop-shadow(0 calc(var(--u)*1.6) calc(var(--u)*1.2) #8f090a50);pointer-events:none;user-select:none;-webkit-user-select:none}
.p10-sparkle{position:absolute;color:var(--p10-yellow);z-index:2;line-height:1;pointer-events:none}
.p10-sparkle.one{top:calc(var(--u)*24.8);left:calc(var(--u)*52.8);font-size:calc(var(--u)*7.2)}
.p10-sparkle.two{top:calc(var(--u)*50.7);left:calc(var(--u)*.8);font-size:calc(var(--u)*4.1)}
.p10-rays{position:absolute;right:calc(var(--u)*6.2);top:calc(var(--u)*11.4);width:calc(var(--u)*5.2);height:calc(var(--u)*7.2);transform:rotate(8deg);pointer-events:none}
.p10-rays:before,.p10-rays:after{content:'';position:absolute;width:calc(var(--u)*1.25);height:calc(var(--u)*5.2);border-radius:20px;background:var(--p10-yellow)}
.p10-rays:after{left:calc(var(--u)*4.1);top:calc(var(--u)*2.1);transform:rotate(38deg)}
.p10-note{position:relative;z-index:3;font-size:max(11px,calc(var(--u)*3.2));font-weight:700;line-height:1.45;margin:auto calc(var(--u)*1.2) calc(var(--u)*2.8);padding-top:calc(var(--u)*3.4);max-width:calc(var(--u)*84);text-shadow:0 1px 6px #9a0a0d66}
.p10-cta{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:max(46px,calc(var(--u)*12.6));padding:calc(var(--u)*2.6) calc(var(--u)*11);border:0;border-radius:max(12px,calc(var(--u)*3.4));background:linear-gradient(100deg,#ffeb3b,#ffdf20);box-shadow:0 max(4px,calc(var(--u)*1.1)) 0 #d2a50e;color:#11170d;font:inherit;font-size:max(15px,calc(var(--u)*5));line-height:1.25;font-weight:900;letter-spacing:-.02em;text-decoration:none;cursor:pointer;transition:filter .15s,transform .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}
.p10-stores{position:relative;z-index:4;display:flex;flex-direction:column;gap:max(8px,calc(var(--u)*2));width:100%}
.p10-stores>[hidden]{display:none!important}
.p10-stores .p10-cta{flex:1 1 auto}
.p10-soon{cursor:default;background:#ffffff26;border:2px dashed #ffffffb3;box-shadow:none;color:#fff;transition:none}
.p10-cta .icon{position:absolute;right:calc(var(--u)*3.9);width:max(18px,calc(var(--u)*4.6));height:max(18px,calc(var(--u)*4.6))}
.p10-cta:hover{filter:brightness(1.035)}
.p10-cta:active{transform:translateY(2px);box-shadow:0 2px 0 #d2a50e}
.p10-cta:focus-visible{outline:3px solid #fff;outline-offset:3px}
/* Wide slide (tablet/desktop): keep the phone composition but give the burger the right half. */
@container (min-width:620px){
 .promo10{padding:calc(var(--u)*6) calc(var(--u)*7);min-height:calc(var(--u)*88)}
 .p10-burger{width:min(64%,calc(var(--u)*120));right:-4%;top:50%;transform:translateY(-46%)}
 .p10-sparkle.one{left:46%;top:calc(var(--u)*22)}
 .p10-rays{right:5%}
 .p10-note{margin-left:0;margin-top:calc(var(--u)*3);max-width:46%}
 .p10-cta{width:auto;align-self:flex-start;padding-left:calc(var(--u)*8);padding-right:calc(var(--u)*16)}
 .p10-stores{width:auto;max-width:100%;flex-direction:row;flex-wrap:wrap;align-self:flex-start}
 .p10-stores .p10-cta{flex:0 1 auto;align-self:auto;padding-left:calc(var(--u)*4);padding-right:calc(var(--u)*9);font-size:max(15px,calc(var(--u)*3.9));gap:8px}
 .p10-stores .p10-soon{padding-right:calc(var(--u)*4)}
}
@media(prefers-reduced-motion:reduce){.p10-cta{transition:none}}
/* Dark pickup card under the banner (same design). */
.maincol .pickup-banner.p10-pickup{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:linear-gradient(120deg,#20241b,#171c15);color:#fff;border:0;border-radius:20px;padding:15px 16px;margin:10px 0 22px;cursor:pointer}
@media(max-width:740px){.maincol .pickup-banner.p10-pickup{margin:8px 0 8px;padding-top:12px;padding-bottom:12px}}
.maincol .pickup-banner.p10-pickup .circle{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:#ffe329;color:#191a16}
.maincol .pickup-banner.p10-pickup .circle .icon{width:24px;height:24px}
.maincol .pickup-banner.p10-pickup b{display:block;font-size:15.5px;font-weight:800;letter-spacing:-.01em;line-height:1.3;color:#fff}
.maincol .pickup-banner.p10-pickup small{display:block;font-size:13.5px;color:#e5e6dc;margin-top:4px;line-height:1.4}
.maincol .pickup-banner.p10-pickup .arrow{margin-left:auto;flex:none;color:#fff;width:20px;height:20px}
@media(max-width:400px){.maincol .pickup-banner.p10-pickup{gap:11px;padding:14px 13px}.maincol .pickup-banner.p10-pickup .circle{width:42px;height:42px}.maincol .pickup-banner.p10-pickup b{font-size:14px;letter-spacing:-.02em}.maincol .pickup-banner.p10-pickup small{font-size:12.5px}}
/* App banner (owner 01.11): owner's phone + burger art; copy top-right (right-aligned, clear of the phone), CTA below the burger.
   Web: «25%-dək endirimdən yararlanmaq üçün tətbiqi yüklə!» + store link; app: «… tətbiqdə sifariş ver və ya kassada Kudo Club kodunu göstər». */
.promo10.pb2{display:flex;flex-direction:column;padding:0;min-height:0;background:#e1040a}
.pb2-art{position:relative;z-index:0;display:block;width:100%;height:auto}
.pb2-copy{position:absolute;z-index:3;top:calc(var(--u)*16);right:calc(var(--u)*3.6);width:53%;text-align:right}
.pb2-title{margin:0;color:#fff;font-weight:900;letter-spacing:-.03em;line-height:1;font-size:calc(var(--u)*7);text-shadow:0 2px 0 #9e0000}
.pb2-title small,.pb2-title b{display:inline;font-size:inherit;font-weight:900}
.pb2-pct,.pb2-title b{color:var(--p10-yellow)}
.pb2-pct{white-space:nowrap}
.pb2-title b{white-space:nowrap}
.pb2-title.app-copy{font-size:calc(var(--u)*5.8)}.pb2-copy:has(.app-copy){width:59%}
.pb2-or{display:block;margin-top:calc(var(--u)*1.2);font-size:calc(var(--u)*4.1);font-weight:800;line-height:1.15}
.pb2-cta{position:relative;z-index:4;margin:calc(var(--u)*-8) calc(var(--u)*3.8) calc(var(--u)*3.8)}
.pb2-row{display:flex;gap:calc(var(--u)*2.2)}
.pb2-row .p10-cta,.pb2 .p10-stores .p10-cta{flex:1 1 0;padding-left:calc(var(--u)*2.4);padding-right:calc(var(--u)*2.4);font-size:max(13px,calc(var(--u)*4.3));white-space:nowrap}
.pb2-row .p10-cta .icon{position:static;margin-left:calc(var(--u)*1)}
.pb2 .p10-cta.pb2-club{background:#fff;box-shadow:0 max(4px,calc(var(--u)*1.1)) 0 #cfcfc4}
@container (min-width:620px){.promo10.pb2{display:block;height:calc(var(--u)*92);background:radial-gradient(ellipse at 30% 40%,#e3060b,#d50206 70%)}.pb2-art{position:absolute;inset:0;height:100%;object-fit:contain;object-position:left bottom;-webkit-mask-image:linear-gradient(90deg,#000 78%,transparent 99%);mask-image:linear-gradient(90deg,#000 78%,transparent 99%)}.pb2-copy{top:calc(var(--u)*14);right:calc(var(--u)*6);width:46%}.pb2-cta{position:absolute;margin:0;right:calc(var(--u)*6);bottom:calc(var(--u)*6);width:46%}.pb2 .p10-stores{flex-direction:row}}

/* Owner 02.11: free-delivery info box under the pre-order banner */
.maincol .deliver-banner{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:#fff6c2;color:#191a16;border:1.5px solid #ffe329;border-radius:20px;padding:13px 16px;margin:-12px 0 22px;cursor:pointer;font:inherit}
@media(max-width:740px){.maincol .deliver-banner{margin:0 0 10px}}
.maincol .deliver-banner .circle{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:#191a16;color:#ffe329}
.maincol .deliver-banner .circle .icon{width:24px;height:24px}
.maincol .deliver-banner b{display:block;font-size:15px;font-weight:800;letter-spacing:-.01em;line-height:1.3}
.maincol .deliver-banner small{display:block;font-size:13px;color:#4c4e44;margin-top:3px;line-height:1.4}
.maincol .deliver-banner .arrow{margin-left:auto;flex:none;width:20px;height:20px}
@media(max-width:400px){.maincol .deliver-banner{gap:11px;padding:12px 13px}.maincol .deliver-banner .circle{width:42px;height:42px}.maincol .deliver-banner b{font-size:14px;letter-spacing:-.02em}.maincol .deliver-banner small{font-size:12.5px}}

/* Owner 02.11: closed 02:00–10:00 notice */
.maincol .hours-note{background:#191a16;color:#fff;border-radius:16px;padding:12px 16px;margin:0 0 10px;font-size:14px;line-height:1.45}.maincol .hours-note[hidden]{display:none}.maincol .hours-note b{color:#ffe329}