:root{--sat:var(--kudo-sat,max(env(safe-area-inset-top,0px),var(--safe-area-inset-top,0px)))}
/* App: opaque strip behind the status bar so scrolled content never runs under the clock/battery (below sheets/overlays). */
html.is-app body:before{content:'';position:fixed;top:0;left:0;right:0;height:var(--sat);background:#fffbed;z-index:45;pointer-events:none}
html.is-app .categories{top:var(--sat)}
.wallet-login{background:none;border:0;padding:0;font:inherit;font-weight:700;color:inherit;text-decoration:underline;text-underline-offset:2px;text-align:left;cursor:pointer}
/* Header v2 (29.10 design): logo · menu search · cart/profile, then pickup address + Instagram. Overrides pickup-header.css. */
.topbar.pickup-header.hdr2{position:relative;z-index:30;isolation:isolate;border-bottom:0;background:linear-gradient(110deg,#fffbed,#fffefa 75%,#fff9dd);padding-bottom:18px}
.hdr2-waves{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;border-radius:inherit}
.hdr2-waves:before{content:'';position:absolute;width:440px;height:310px;left:-285px;top:-72px;border-radius:45% 55% 50% 50%;transform:rotate(32deg);background:linear-gradient(150deg,#ffe77399,#fff3b388)}
.hdr2-waves:after{content:'';position:absolute;width:530px;height:230px;border:1px solid #f3d76888;border-radius:50%;right:-250px;top:-175px;transform:rotate(18deg)}
.hdr2 .header-main{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:30px;min-height:128px}
.hdr2 .header-logo{width:125px;height:128px}
/* search pill */
.hsearch{position:relative;min-width:0}
.hsearch-form{display:flex;align-items:center;gap:10px;height:56px;padding:0 18px;border:1px solid #deded3;border-radius:32px;background:#ffffffdc;box-shadow:0 4px 18px #483b0b05;transition:border-color .2s,box-shadow .2s,background .2s}
.hsearch-form:focus-within{border-color:#e1b900;box-shadow:0 0 0 4px #ffe02a29;background:#fff}
.hsearch-form>.icon{width:23px;height:23px;color:#686b62;flex-shrink:0}
.hsearch-form input{min-width:0;width:100%;border:0;outline:0;background:none;font:inherit;font-size:16px;color:#20221d;padding:0}
.hsearch-form input::placeholder{color:#85877c;opacity:1}
.hsearch-form input::-webkit-search-cancel-button{display:none;-webkit-appearance:none}
.hsearch-clear{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:#f1f1e9;color:#686b62}
.hsearch-clear[hidden]{display:none}
.hsearch-clear .icon{width:15px;height:15px}
.hsearch-list{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:240px;max-height:340px;overflow-y:auto;border:1px solid #e7e4d6;border-radius:19px;background:#fff;box-shadow:0 12px 35px #302b1820;z-index:60}
.hsearch-list[hidden]{display:none}
.hs-option{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;font-size:13px;color:#20221d}
.hs-option+.hs-option{border-top:1px solid #f2f1ea}
.hs-option:hover,.hs-option[aria-selected=true]{background:#fff7cf}
.hs-option img{width:42px;height:42px;object-fit:cover;border-radius:10px;background:#f5f5ef;flex-shrink:0}
.hs-name{flex:1;min-width:0;font-weight:700;line-height:1.3}
.hs-price{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;line-height:1.25}
.hs-price s{font-size:11px;color:#8a8b80}
.hs-price b{font-size:13px;white-space:nowrap}
.hs-from{font-size:10px;font-weight:400}
.hs-empty{padding:16px;font-size:13px;color:#7d7e72;text-align:center}
/* actions */
.hdr2 .header-actions{gap:10px}
.hdr2 .header-actions .header-cart{width:54px;height:54px;background:#fff6c7}
.hdr2 .header-actions .auth-entry{min-height:54px;border-color:#deded5}
/* address card + instagram */
.hdr2 .pickup-location{border-color:#eddfaa;background:#fffdf5;border-radius:25px;box-shadow:0 6px 18px #9b7b1608;padding:14px 18px;gap:14px}
.hdr2 .location-pin{width:53px;height:53px;border-radius:17px}
.hdr2 .location-pin .icon{width:25px;height:25px}
.hdr2 .location-copy{gap:0}
.hdr2 .location-copy small{font-size:10px;letter-spacing:1.25px;margin-bottom:7px}
.hdr2 .location-copy strong{font-size:18px;font-weight:800;line-height:1.25}
.location-district{display:block;font-size:15px;color:#7d7e72;margin-top:5px;line-height:1.25}
.location-district[hidden]{display:none}
.hdr2 .header-map-link{font-size:13px;font-weight:700;gap:8px}
.hdr2 .header-ig{background:#fffdf5;border:1px solid #eee2ba}
@media(min-width:800px){.topbar.pickup-header.hdr2{border-radius:0 0 35px 35px}}
@media(min-width:741px) and (max-width:1050px){.hdr2 .header-main{gap:18px}.hdr2 .header-logo{width:100px;height:112px}.hdr2 .location-copy strong{font-size:15px}.location-district{font-size:13px}}
@media(max-width:740px){
 .topbar.pickup-header.hdr2{padding:calc(var(--sat) + 4px) 17px 10px}
 .hdr2 .header-main{grid-template-columns:64px minmax(0,1fr) auto;gap:8px;min-height:80px}
 .hdr2 .header-logo{width:64px;height:79px}
 .hsearch{position:static}
 .hsearch-form{height:45px;padding:0 10px;gap:6px}
 .hsearch-form>.icon{width:19px;height:19px}
 .hsearch-form input::placeholder{font-size:13px}
 .hsearch-clear{width:21px;height:21px}.hsearch-clear .icon{width:13px;height:13px}
 .hsearch-list{top:calc(100% - 6px);left:0;right:0;min-width:0;max-height:min(340px,60vh)}
 .hdr2 .header-actions{gap:7px}
 .hdr2 .header-actions .header-cart,.hdr2 .header-actions .auth-entry{width:38px;height:38px;min-height:38px}
 .hdr2 .header-actions .header-cart .icon,.hdr2 .header-actions .auth-entry .icon{width:22px;height:22px}
 .hdr2 .header-secondary{margin-top:6px}
 .hdr2 .header-secondary:has(.header-ig-mobile:not([hidden])){gap:8px}
 .hdr2 .pickup-location{min-height:52px;padding:6px 10px;gap:8px;border-radius:16px}
 .hdr2 .location-pin{width:32px;height:32px;border-radius:10px}
 .hdr2 .location-pin .icon{width:18px;height:18px}
 .hdr2 .location-copy small{font-size:7.5px;letter-spacing:.65px;margin-bottom:5px}
 .hdr2 .location-copy strong{font-size:13px;letter-spacing:-.1px}
 .location-district{font-size:12px;margin-top:3px}
 .hdr2 .header-map-link{font-size:10px;gap:4px}
 .hdr2 .header-map-link .icon{width:16px;height:16px}
 .hdr2 .header-ig-mobile{width:52px;height:52px;min-height:0;border-radius:16px;background:#fffdf5;border:1px solid #eee2ba}
 .hdr2 .header-ig-mobile .icon{width:26px;height:26px}
}
@media(max-width:350px){
 .topbar.pickup-header.hdr2{padding-left:12px;padding-right:12px}
 .hdr2 .header-main{grid-template-columns:62px minmax(0,1fr) auto;gap:6px}
 .hdr2 .header-logo{width:62px;height:84px}
 .hdr2 .header-actions{gap:5px}
 .hdr2 .header-actions .header-cart,.hdr2 .header-actions .auth-entry{width:34px;height:34px;min-height:34px}
 .hsearch-form{padding:0 8px}
 .hsearch-form input::placeholder{font-size:12px}
 .hdr2 .header-map-link{font-size:0;gap:0}
 .hdr2 .location-copy strong{font-size:12px}
 .hdr2 .location-copy small{font-size:7px}
 .hdr2 .header-ig-mobile{width:46px}
}
/* Pickup card (30.10): the street «Qurban Abbasov 19A» is always ONE line (fluid size, never ellipsized/wrapped); «Xəritə →» shrinks first. */
.hdr2 .location-copy strong{white-space:nowrap;overflow-wrap:normal}
@media(max-width:740px){.hdr2 .location-copy{min-width:max-content}.hdr2 .location-copy strong{font-size:clamp(11px,3.3vw,13px)}.location-district{white-space:nowrap}}
@media(max-width:380px){.hdr2 .header-map-link{font-size:9px;gap:3px}.hdr2 .header-map-link .icon{width:14px;height:14px}.hdr2 .pickup-location{gap:8px;padding-left:8px;padding-right:8px}}
@media(max-width:350px){.hdr2 .header-map-link{font-size:0;gap:0}}
/* Instagram: official-look gradient app icon (inline SVG, no external assets). */
.header-ig .ig-color{width:30px;height:30px;display:block;flex:none}
.hdr2 .header-ig-mobile .ig-color{width:32px;height:32px}
@media(max-width:350px){.hdr2 .header-ig-mobile .ig-color{width:28px;height:28px}}

/* Compact address card (31.10): kicker kept for screen readers only; street + district share a line when they fit (max 2 lines). */
@media(max-width:740px){
 .hdr2 .location-copy{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:0;min-width:0}
 .hdr2 .location-copy small{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .hdr2 .location-copy strong{font-size:clamp(12px,3.4vw,14px)}
 .location-district{margin-top:0;font-size:11px}
 .hdr2 .header-ig-mobile .ig-color{width:28px;height:28px}
}