/* Nunu City Edition — final visual layer */
:root{--brand:#ff6d62;--brand-d:#e9544b;--brand-l:#ff9289;--brand-ll:#ffd2ce;--brand-dim:rgba(255,109,98,.12);--brand-dim2:rgba(255,109,98,.06);--brand-glow:rgba(255,109,98,.34);--brand-glow2:rgba(255,109,98,.16);--green:#39c989;--green-d:#1ca56b;--green-dim:rgba(57,201,137,.12);--amber:#ffd76e;--orange:#ff9f5b;--info:#55c9f3;--bg:#e8edfb;--bg-2:#f0f3fc;--surface:#fff;--surface-2:rgba(255,255,255,.88);--surface-3:#f4f6fc;--glass:rgba(255,255,255,.84);--glass-2:rgba(255,255,255,.64);--border:rgba(16,22,47,.13);--border-soft:rgba(16,22,47,.08);--line:rgba(16,22,47,.08);--text:#10162f;--text-2:#343d5e;--muted:#6b738c;--muted-2:#9aa2b7;--s1:0 2px 8px rgba(16,22,47,.06);--s2:0 10px 28px rgba(16,22,47,.08);--s3:0 22px 60px rgba(16,22,47,.12);--s4:0 35px 90px rgba(16,22,47,.16);--s-brand:0 15px 35px var(--brand-glow);--s-3d:0 30px 80px rgba(16,22,47,.18);--r3:16px;--r4:22px;--r5:28px;--r6:36px;--nav-h:78px}
[data-theme=dark]{--bg:#090e21;--bg-2:#0e1530;--surface:#151d3c;--surface-2:rgba(21,29,60,.92);--surface-3:#1b254a;--glass:rgba(18,26,55,.9);--glass-2:rgba(25,35,70,.78);--border:rgba(255,255,255,.13);--border-soft:rgba(255,255,255,.08);--line:rgba(255,255,255,.08);--text:#f7f8ff;--text-2:#dbe0f4;--muted:#9da7c2;--muted-2:#69738f}
html,body{background:var(--bg)}body{perspective:none;background:radial-gradient(circle at 10% -10%,rgba(85,201,243,.22),transparent 31%),radial-gradient(circle at 100% 30%,rgba(255,109,98,.15),transparent 29%),var(--bg)}
.app-shell{left:50%;width:min(100%,1440px);background:var(--bg-2);box-shadow:0 0 0 1px var(--border),0 30px 100px rgba(16,22,47,.2);transform:translateX(-50%)}.ambient-bg{opacity:.3}.view{padding-bottom:calc(var(--nav-h) + 30px);scrollbar-width:thin;scrollbar-color:var(--brand) transparent}
.boot-loader{gap:18px;background:#10162f}.boot-canvas,.boot-grid,.boot-aurora,.boot-rings{display:none!important}.boot-visual{width:150px;height:150px}.boot-center{top:50%;left:50%;width:128px;height:128px;transform:translate(-50%,-50%)!important}.boot-logo-wrap{width:112px;height:112px;border:1px solid rgba(255,255,255,.12);background:#fff;box-shadow:0 25px 70px rgba(0,0,0,.32);animation:city-logo 1.8s ease-in-out infinite}.boot-pulse-ring{border-color:rgba(85,201,243,.28)}.boot-name{font-size:2.2rem;letter-spacing:-.06em}.boot-tag{color:rgba(255,255,255,.48);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.boot-progress{width:min(220px,55vw)}.boot-progress-fill{background:linear-gradient(90deg,var(--brand),var(--amber),var(--info))}@keyframes city-logo{50%{transform:translateY(-7px);box-shadow:0 32px 85px rgba(0,0,0,.4)}}
.auth-view{display:grid;grid-template-columns:1.08fr .92fr;background:var(--bg-2)}.auth-hero{min-height:100vh;padding:clamp(40px,7vw,100px);border-radius:0 42px 42px 0;background:#10162f;overflow:hidden}.auth-hero:before{background:radial-gradient(circle at 82% 12%,rgba(85,201,243,.35),transparent 30%),radial-gradient(circle at 10% 90%,rgba(255,109,98,.38),transparent 35%)}.auth-hero-bg{background-image:radial-gradient(rgba(255,255,255,.16) .8px,transparent .8px);background-size:18px 18px;opacity:.45}.auth-hero-body{max-width:650px}.auth-brand{margin-bottom:16vh}.auth-brand-logo{width:56px;height:56px;padding:7px;border-radius:16px;background:#fff}.auth-brand span{font-size:1.25rem;text-shadow:none}.auth-hero-title{font-size:clamp(4rem,7.5vw,8rem);line-height:.82;letter-spacing:-.08em;text-shadow:none}.auth-hero-sub{max-width:500px;color:rgba(255,255,255,.58);font-size:1rem}.auth-features{display:grid;grid-template-columns:1fr 1fr}.auth-feat{border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.06)}.auth-panel{padding:clamp(20px,6vw,90px);background:transparent}.auth-card{width:min(520px,100%);padding:34px;border:1px solid var(--border);border-radius:28px;background:var(--surface);box-shadow:var(--s3);backdrop-filter:none}.auth-tabs{padding:5px;border-radius:14px;background:var(--surface-3)}.auth-tab{border-radius:10px}.auth-tab--active{color:#fff;background:#10162f;box-shadow:none}.field-label{color:var(--muted);font-size:.7rem}.field-input,.sort-select{border:1px solid var(--border);border-radius:13px;background:var(--surface-3)}.field-input:focus{border-color:var(--info);box-shadow:0 0 0 4px rgba(85,201,243,.12)}.btn--primary{color:#fff!important;background:#10162f!important;box-shadow:0 14px 30px rgba(16,22,47,.18)!important}
.home-header{position:sticky;z-index:45;top:0;display:grid;grid-template-columns:auto minmax(280px,560px) auto;align-items:center;gap:22px;padding:14px clamp(18px,4vw,56px);border-bottom:1px solid var(--border);background:rgba(240,243,252,.86);box-shadow:none;backdrop-filter:blur(22px)}[data-theme=dark] .home-header{background:rgba(14,21,48,.88)}.home-topbar{display:contents}.home-brand-logo{width:43px;height:43px;padding:5px;border-radius:13px;background:#fff;filter:none;box-shadow:var(--s1)}.home-search-bar{grid-column:2;grid-row:1;height:50px;margin:0;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:none}.home-search-bar:focus-within{border-color:var(--info);box-shadow:0 0 0 4px rgba(85,201,243,.1)}.home-topbar-actions{grid-column:3;gap:6px}.icon-btn,.language-switch{border:1px solid var(--border);background:var(--surface)}.scan-btn{color:#fff!important;background:#10162f!important}.language-option--active{color:#fff;background:#10162f}
.discovery-hero{display:grid;grid-template-columns:1.02fr .98fr;max-width:1320px;min-height:510px;margin:28px auto 18px;padding:clamp(35px,5vw,72px);border-radius:34px;color:#fff;background:#10162f;box-shadow:0 30px 80px rgba(16,22,47,.18);overflow:hidden}.discovery-hero:before{background:radial-gradient(circle at 88% 0,rgba(85,201,243,.38),transparent 31%),radial-gradient(circle at 4% 100%,rgba(255,109,98,.36),transparent 35%)}.discovery-copy{z-index:3;align-self:center;max-width:650px}.hero-kicker{color:rgba(255,255,255,.65)}.hero-live-dot{background:var(--brand);box-shadow:0 0 0 5px rgba(255,109,98,.14)}.discovery-copy h1{max-width:650px;margin:18px 0;font-size:clamp(3.4rem,6vw,6.7rem);line-height:.84;letter-spacing:-.075em}.discovery-copy p{max-width:520px;color:rgba(255,255,255,.58);font-size:1rem;line-height:1.65}.hero-action{border-radius:14px}.hero-action--primary{color:#10162f;background:var(--amber)}.hero-action--glass{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.07)}.hero-visual{min-height:360px}.hero-market-card{width:min(340px,90%);border:1px solid rgba(255,255,255,.16);border-radius:24px;background:rgba(255,255,255,.07);box-shadow:0 30px 65px rgba(0,0,0,.24);backdrop-filter:blur(18px);transform:rotate(2deg)}.hero-market-label{color:var(--info)}.hero-market-pin{color:#10162f;background:var(--amber)}.hero-market-icon--orange{background:#ffada8}.hero-market-icon--green{background:#b8f1d0}.hero-market-icon--gold{background:#ffe191}.hero-avatar-stack i{border-color:#10162f;color:#10162f;background:#fff}.hero-float-chip{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.08)}.hero-float-chip strong{color:var(--amber)}.trust-strip{grid-column:1/-1;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}
.map-container{max-width:1320px;height:360px;margin:0 auto 18px;border:8px solid var(--surface);border-radius:28px;box-shadow:var(--s2);overflow:hidden}.map-recenter-btn{right:17px;bottom:17px;width:48px;height:48px;border:1px solid var(--border);border-radius:14px;color:var(--text);background:var(--surface);box-shadow:var(--s2)}.shops-panel{max-width:1320px;margin:auto;padding:25px 0 40px}.shops-panel-head{margin:0 4px 22px}.shops-panel-title{font-size:clamp(1.5rem,2.5vw,2.3rem);letter-spacing:-.04em}.shops-count{border:1px solid var(--border);color:var(--muted);background:var(--surface)}.shops-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shop-card{position:relative;display:grid;grid-template-columns:72px 1fr auto;min-height:118px;padding:18px;border:1px solid var(--border);border-radius:21px;background:var(--surface);box-shadow:var(--s1);backdrop-filter:none}.shop-card:before{top:auto;right:18px;bottom:14px;left:18px;height:3px;border-radius:9px;background:linear-gradient(90deg,var(--brand),var(--amber),var(--info));opacity:0}.shop-card:hover{border-color:rgba(255,109,98,.35);box-shadow:var(--s3);transform:translateY(-7px)}.shop-card-logo{width:66px;height:66px;border:1px solid var(--border);border-radius:17px;color:#fff;background:#10162f;box-shadow:none}.shop-card:hover .shop-card-logo{box-shadow:none;transform:rotate(-2deg) scale(1.04)}.shop-type-badge{color:var(--brand-d);background:var(--brand-dim)}
.shop-hero{min-height:330px;border-radius:0 0 38px 38px;background:#10162f;box-shadow:0 24px 60px rgba(16,22,47,.2)}.shop-hero:before{background:radial-gradient(circle at 70% 20%,rgba(85,201,243,.35),transparent 32%),radial-gradient(circle at 15% 90%,rgba(255,109,98,.32),transparent 36%),radial-gradient(rgba(255,255,255,.13) .7px,transparent .7px);background-size:auto,auto,18px 18px}.shop-logo-hero{width:90px;height:90px;border:7px solid rgba(255,255,255,.13);border-radius:24px;color:#10162f;background:#fff}.shop-hero-name{font-size:clamp(2.6rem,6vw,5.3rem);letter-spacing:-.07em}.shop-hero-address{color:rgba(255,255,255,.6)}.shop-hero-back-btn,.shop-hero-cart-btn{top:20px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08)}.shop-tabs{position:sticky;z-index:30;top:0;max-width:1100px;margin:18px auto;padding:6px;border:1px solid var(--border);border-radius:17px;background:var(--surface-2);box-shadow:var(--s2);backdrop-filter:blur(20px)}.shop-tab{border-radius:11px;color:var(--muted)}.shop-tab--active{color:#fff;background:#10162f;box-shadow:none}.shop-tab-content{max-width:1200px;margin:auto}.categories-bar{padding:10px 4px}.cat-chip{border:1px solid var(--border);color:var(--muted);background:var(--surface)}.cat-chip--active{border-color:var(--brand);color:#fff;background:var(--brand)}.products-toolbar{padding:12px 4px}.product-search-wrap,.sort-select{border-color:var(--border);background:var(--surface)}.products-grid,.services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:10px 4px 40px}.product-card,.service-card{border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--s1);backdrop-filter:none}.product-card:hover,.service-card:hover{border-color:rgba(255,109,98,.4);box-shadow:var(--s3);transform:translateY(-8px)}.product-img{aspect-ratio:1/.8;border-radius:18px 18px 0 0;background:var(--surface-3)}.product-body{padding:16px}.product-price,.service-price{color:var(--text)!important}.product-add-btn,.service-book-btn{border:0;border-radius:11px;color:#fff!important;background:#10162f!important;box-shadow:none!important}.product-add-btn:hover,.service-book-btn:hover{background:var(--brand)!important}.product-qty-ctrl{border-radius:11px;background:var(--surface-3)}.qty-btn{color:var(--brand)}.cart-fab{right:max(22px,calc((100vw - 1380px)/2));bottom:105px;color:#fff;background:var(--brand);box-shadow:var(--s-brand)}
.simple-header{position:sticky;z-index:20;top:0;min-height:76px;padding:14px clamp(18px,4vw,56px);border-bottom:1px solid var(--border);background:var(--glass);backdrop-filter:blur(20px)}.profile-body{max-width:900px;margin:auto;padding:28px 18px}.profile-card,.reviews-summary-card,.review-form-card,.contact-card,.contact-info-card{border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--s2);backdrop-filter:none}.profile-avatar{color:#fff;background:linear-gradient(145deg,var(--brand),#7b6fea);box-shadow:var(--s-brand)}.profile-tabs{border:1px solid var(--border);border-radius:16px;background:var(--surface)}.profile-tab--active{color:#fff;background:#10162f}.bottom-nav{left:50%;bottom:16px;width:min(560px,calc(100% - 28px));height:68px;padding:7px;border:1px solid rgba(255,255,255,.7);border-radius:22px;background:rgba(255,255,255,.9);box-shadow:0 18px 50px rgba(16,22,47,.2);backdrop-filter:blur(22px);transform:translateX(-50%)}[data-theme=dark] .bottom-nav{border-color:var(--border);background:rgba(21,29,60,.92)}.nav-item{border-radius:15px;color:var(--muted)}.nav-item--active{color:#fff;background:#10162f}.nav-scan-btn{width:52px;height:52px;border:5px solid var(--surface);color:#10162f;background:var(--amber);box-shadow:0 10px 24px rgba(16,22,47,.18)}
.cart-overlay,.modal-overlay{background:rgba(8,13,31,.58);backdrop-filter:blur(8px)}.cart-drawer{width:min(470px,100%);border-left:1px solid var(--border);background:var(--surface);box-shadow:-30px 0 80px rgba(16,22,47,.22);backdrop-filter:none}.drawer-header,.cart-footer,.modal-header{border-color:var(--border);background:var(--surface)}.cart-item{border:1px solid var(--border);border-radius:16px;background:var(--surface-3)}.cart-total-row strong{color:var(--text)}.modal{border:1px solid var(--border);border-radius:28px;background:var(--surface);box-shadow:var(--s4)}.scanner-overlay{background:#10162f}.scan-frame{border-color:var(--info)}.scan-line{background:linear-gradient(90deg,transparent,var(--brand),transparent)}
@media(max-width:1050px){.app-shell{width:100%;box-shadow:none}.home-header{grid-template-columns:auto 1fr}.home-search-bar{grid-column:1/-1;grid-row:2}.home-topbar-actions{grid-column:2}.discovery-hero{margin:18px;grid-template-columns:1fr}.shops-panel{padding-inline:18px}.shops-list{grid-template-columns:repeat(2,1fr)}.products-grid,.services-grid{grid-template-columns:repeat(3,1fr);padding-inline:14px}.shop-tabs,.shop-tab-content{margin-inline:14px}.auth-view{grid-template-columns:1fr}.auth-hero{display:none}.auth-panel{min-height:100vh}}
@media(max-width:680px){.home-header{gap:10px;padding:11px 12px}.home-brand-logo{width:39px;height:39px}.language-switch,#trackBtn{display:none}.icon-btn{width:40px;height:40px}.discovery-hero{display:block;min-height:auto;margin:10px;padding:32px 22px;border-radius:25px}.discovery-copy h1{font-size:3.75rem}.discovery-actions{align-items:stretch;flex-direction:column}.hero-action{justify-content:center}.hero-visual{min-height:300px;margin-top:20px}.hero-market-card{width:270px}.trust-strip{display:grid;grid-template-columns:1fr 1fr;gap:8px}.map-container{height:270px;margin:10px;border-width:5px;border-radius:22px}.shops-panel{padding:20px 10px}.shops-list{grid-template-columns:1fr}.shop-card{grid-template-columns:64px 1fr auto}.shop-card-logo{width:58px;height:58px}.shop-hero{min-height:290px;border-radius:0 0 28px 28px}.shop-hero-name{font-size:3rem}.shop-tabs{overflow-x:auto;justify-content:flex-start}.shop-tab{flex:0 0 auto;padding-inline:14px}.products-grid,.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:8px 9px 30px}.product-card{border-radius:17px}.product-img{border-radius:15px 15px 0 0}.product-body{padding:11px}.product-name{font-size:.8rem}.product-price{font-size:.88rem}.product-add-btn{font-size:.68rem}.bottom-nav{bottom:8px;width:calc(100% - 16px)}.auth-panel{padding:70px 14px 20px}.auth-card{padding:22px;border-radius:22px}.modal{align-self:end;width:100%;max-height:92vh;border-radius:26px 26px 0 0}.profile-body{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.boot-logo-wrap{animation:none}.product-card,.shop-card,.service-card{transition:none}}

/* Guided city discovery states */
.shops-list>.city-empty{grid-column:1/-1;display:flex;min-height:390px;align-items:center;justify-content:center;flex-direction:column;padding:52px clamp(22px,6vw,80px);border:1px solid var(--border);border-radius:30px;text-align:center;background:radial-gradient(circle at 50% 18%,rgba(85,201,243,.16),transparent 28%),linear-gradient(145deg,var(--surface),var(--surface-3));box-shadow:var(--s2);overflow:hidden}.shops-list>.city-empty.hidden{display:none}.city-empty-visual{position:relative;width:126px;height:126px;margin-bottom:25px}.city-empty-orbit{position:absolute;inset:0;border:1px dashed rgba(85,201,243,.48);border-radius:50%;animation:city-empty-spin 16s linear infinite}.city-empty-orbit:after{position:absolute;top:8px;left:17px;width:13px;height:13px;border:4px solid var(--surface);border-radius:50%;background:var(--info);box-shadow:0 8px 20px rgba(85,201,243,.35);content:""}.city-empty-orbit--two{inset:20px;border-color:rgba(255,109,98,.5);animation-direction:reverse;animation-duration:10s}.city-empty-orbit--two:after{top:auto;right:-1px;bottom:8px;left:auto;width:10px;height:10px;background:var(--brand);box-shadow:0 8px 20px var(--brand-glow)}.city-empty-pin{position:absolute;inset:38px;display:grid;place-items:center;border-radius:18px;color:#10162f;background:var(--amber);box-shadow:0 14px 32px rgba(16,22,47,.18);transform:rotate(-5deg)}.city-empty-kicker{margin-bottom:10px;color:var(--brand-d);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.city-empty h3{max-width:620px;margin:0;color:var(--text);font-size:clamp(1.7rem,3vw,2.65rem);line-height:1.05;letter-spacing:-.045em}.city-empty p{max-width:590px;margin:14px 0 0;color:var(--muted);font-size:.96rem;line-height:1.65}.city-empty-actions{display:flex;gap:10px;margin-top:24px}.city-empty-locate,.city-empty-business{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 18px;border:1px solid #10162f;border-radius:13px;font:inherit;font-size:.78rem;font-weight:800;text-decoration:none;cursor:pointer}.city-empty-locate{color:#fff;background:#10162f}.city-empty-business{border-color:var(--border);color:var(--text);background:var(--surface)}.city-empty-locate:hover,.city-empty-business:hover{border-color:var(--brand);transform:translateY(-2px)}.shop-card-skeleton{display:grid;grid-template-columns:72px 1fr;gap:15px;min-height:118px;padding:18px;border:1px solid var(--border);border-radius:21px;background:var(--surface)}.shop-card-skeleton .sk-logo{width:66px;height:66px;border-radius:17px}.shop-card-skeleton .sk-body{display:flex;justify-content:center;flex-direction:column;gap:10px}.shop-card-skeleton .sk-line{height:10px;border-radius:8px}.shop-card-skeleton .sk-line-med{width:70%}.shop-card-skeleton .sk-line-short{width:48%}.shop-card-skeleton .sk-line-xs{width:28%}@keyframes city-empty-spin{to{transform:rotate(360deg)}}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--info);outline-offset:3px}.view,.map-container{scroll-margin-top:94px}
@media(max-width:680px){.shops-list>.city-empty{min-height:360px;padding:38px 18px;border-radius:23px}.city-empty-visual{width:108px;height:108px}.city-empty-pin{inset:32px}.city-empty-actions{width:100%;flex-direction:column}.city-empty-locate,.city-empty-business{width:100%}}
@media(prefers-reduced-motion:reduce){.city-empty-orbit{animation:none}.city-empty-locate,.city-empty-business{transition:none}}