:root{--orange:#ff5b2c;--orange-dark:#f24117;--orange-brand:#ff6a3d;--red:#e33935;--green:#08a85e;--dark:#242725;--ink:#151a1d;--muted:#657282;--cream:#fff4e6;--paper:#fffaf6;--shadow:0 11px 34px rgba(36,34,28,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:74px}body{margin:0;background:#fff;color:var(--ink);font-family:'Poppins','Nunito',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:3px}button:disabled{opacity:.58;cursor:not-allowed}img{max-width:100%;display:block}.skip{position:absolute;left:10px;top:-100px;background:white;z-index:99;padding:10px 18px}.skip:focus{top:7px}[hidden]{display:none!important}.qa-strip{background:#1d2724;color:#e9f1eb;display:flex;align-items:center;justify-content:center;gap:9px;height:25px;font-size:10px;letter-spacing:.025em;position:relative;z-index:55}.qa-strip strong{font-weight:800}.qa-pulse{height:6px;width:6px;border-radius:50%;background:#ff7e47;box-shadow:0 0 0 3px #ff7e4723}.qa-strip-detail{opacity:.68}.qa-strip-link{font-size:10px;padding:1px 8px;background:#ffffff16;border:1px solid #ffffff32;border-radius:20px;color:white}.site-shell{max-width:1920px;margin:0 auto;overflow:hidden}.hero{height:clamp(400px,29.5573vw,516px);position:relative;isolation:isolate;background:#fff0d6;overflow:visible}.hero-photo{position:absolute;inset:0;background-image:url('/customer-2027/media/hero-reference-clean.webp');background-position:center center;background-repeat:no-repeat;background-size:100% 100%;z-index:-2}.hero-topfade{position:absolute;left:0;right:0;top:0;height:85px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(255,249,242,.75),rgba(255,249,242,.05) 100%)}.main-header{position:absolute;top:0;left:0;right:0;z-index:10;height:91px;display:flex;align-items:flex-start;padding:12px clamp(18px,3.15vw,60px);gap:30px;justify-content:space-between}.brand-logo{display:block;flex:0 0 auto;width:clamp(144px,15.2vw,235px);height:79px;overflow:hidden;filter:drop-shadow(0 2px 4px rgba(255,255,255,.8));z-index:2}.brand-logo img{width:100%;height:100%;object-fit:contain;object-position:center top}.nav-main{height:53px;display:flex;align-items:center;gap:4px;padding:5px;background:rgba(255,255,255,.94);border-radius:32px;box-shadow:0 4px 22px rgba(38,49,53,.1);backdrop-filter:blur(20px);white-space:nowrap}.nav-item{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:28px;font-size:13px;font-weight:720;padding:10px 15px;transition:background .2s,color .2s}.nav-item:hover{background:#ffede6;color:var(--orange-dark)}.nav-item.active{background:white;color:#ff4b20;box-shadow:0 2px 11px rgba(24,20,20,.09)}.nav-item svg{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.nav-item:first-child svg{fill:currentColor;stroke:none}.header-tools{display:flex;align-items:center;gap:12px;height:53px}.locale-wrap{position:relative}.location-pill{height:48px;border:1px solid #ffffff9f;border-radius:28px;padding:0 15px;display:flex;align-items:center;gap:8px;white-space:nowrap;background:rgba(255,255,255,.94);box-shadow:0 5px 19px #132a201a;font-weight:650;font-size:13px}.location-pill svg{width:18px;height:18px;fill:none;stroke:var(--orange);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.location-pill svg path{fill:var(--orange);stroke:var(--orange)}.location-pill svg circle{fill:white;stroke:white}.location-pill .chevron{font-size:18px;line-height:1}.header-circle{border:1px solid #ffffffa5;background:rgba(255,255,255,.95);width:45px;height:45px;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 4px 17px #30303019}.header-circle svg{width:22px;height:22px;fill:none;stroke:#1a1f21;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.circle-mini-dot{width:7px;height:7px;background:#fd5129;border-radius:50%;position:absolute;top:6px;right:6px;border:1px solid white}.account-circle{border:3px solid white;box-shadow:0 0 0 1px #d6dee3,0 3px 14px #0003;width:49px;height:49px;border-radius:50%;padding:3px;background:#ffebe4;display:grid;place-items:center;overflow:hidden}.account-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%}.locale-popover{position:absolute;right:0;top:56px;width:270px;padding:17px;background:#fff;border-radius:18px;box-shadow:0 12px 50px #0002;z-index:70;border:1px solid #f0e4de}.locale-popover strong{font-size:14px}.locale-popover p{font-size:12px;color:#7a8187;margin:2px 0 12px}.locale-popover button{border:0;border-radius:10px;background:#fff;width:100%;padding:12px;display:flex;justify-content:space-between;font-weight:700;text-align:left}.locale-popover button:hover,.locale-popover button.selected{background:#fff1e8;color:#f45121}.hero-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mobile-hero-copy{display:none}.hero-search{position:absolute;left:27.45%;top:76%;width:45.35%;height:11.6%;z-index:5;background:#fff;border:5px solid #fff;border-radius:36px;box-shadow:0 9px 30px #5e473b30;display:flex;align-items:center;gap:12px}.hero-search>svg{width:24px;height:24px;stroke:#ff4522;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;fill:none;margin-left:17px;flex:none}.hero-search input{border:0;outline:0!important;flex:1;min-width:0;font-size:13px;color:#26343d;background:transparent}.hero-search input::placeholder{color:#657384}.hero-search .filter-toggle{width:43px;height:40px;flex:0 0 auto;background:#f4f5f6;border:0;border-radius:50%;display:grid;place-items:center}.filter-toggle svg{width:22px;height:22px;fill:none;stroke:#2c3539;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.hero-search .search-submit{height:100%;width:128px;flex:0 0 auto;border-radius:30px;border:0;color:white;background:linear-gradient(125deg,#ff4e1e,#f9320a);font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 3px 0 #ce300e}.search-submit:hover,.side-cta:hover{filter:brightness(1.045)}.search-submit svg{width:17px;height:17px;fill:none;stroke:white;stroke-width:2.5}.hero-quick{position:absolute;top:90%;left:27%;right:27%;display:flex;justify-content:center;align-items:center;gap:10px;z-index:4;pointer-events:auto}.quick-chip{background:rgba(33,30,28,.72);border:1px solid #ffffff42;border-radius:26px;color:white;padding:8px 11px;line-height:1;backdrop-filter:blur(8px);font-weight:750;font-size:11px;white-space:nowrap}.quick-chip:hover{background:rgba(255,76,33,.95)}.search-suggestions{position:absolute;left:27.5%;top:87%;width:45%;z-index:65;background:white;border-radius:16px;box-shadow:0 10px 40px #0003;padding:9px;max-height:260px;overflow:auto}.search-suggestions button{background:#fff;border:0;width:100%;display:flex;text-align:left;align-items:center;gap:10px;padding:12px;border-radius:10px}.search-suggestions button:hover{background:#fff4ee}.search-suggestions span{color:#ff582c}.category-bar{position:relative;z-index:3;padding:0 clamp(18px,1.35vw,28px);margin-top:0}.categories{width:100%;height:112px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;padding:9px 10px;background:rgba(255,255,255,.98);border-radius:17px;box-shadow:0 7px 31px #33333310;border:1px solid #e9ebe9;gap:4px}.category{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:14px;min-width:0;transition:background .2s,transform .2s;color:#181b1c;font-weight:750;font-size:11px;white-space:nowrap}.category:hover{background:#fff5ef;transform:translateY(-2px)}.category.active{box-shadow:0 2px 9px #ff643c32;background:#fff5ef;color:#f2431b;border:1px solid #ffe3d5}.category-figure{height:61px;width:65px;display:grid;place-items:center;background:linear-gradient(145deg,#fff0eb,#f7f7f7);border-radius:50%;overflow:hidden}.category-figure img{width:70px;height:66px;object-fit:cover;border-radius:50%}.category-emoji{font-size:29px;line-height:1;flex:0 0 auto}.category-all{background:#fff8f5;width:67px;height:67px;border:1px solid #ffefea}.category-all svg{height:27px;width:27px;fill:#ff4e28}.content-layout{padding:12px clamp(18px,1.85vw,36px) 32px;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start}.content-main{min-width:0}.promos{display:grid;grid-template-columns:1.3fr .82fr .94fr;gap:14px;height:158px}.promo-card{position:relative;border-radius:13px;overflow:hidden;padding:14px 20px;color:#fff;isolation:isolate;box-shadow:0 8px 20px #0001;display:flex;flex-direction:column;align-items:flex-start}.promo-card .promo-tag{font-size:9px;font-weight:850;letter-spacing:.09em;background:#ffffff29;padding:3px 8px;border-radius:6px;margin-bottom:3px}.promo-card strong{font-family:'Trebuchet MS',Arial,sans-serif;font-size:29px;font-weight:1000;letter-spacing:-.045em;font-style:italic;line-height:.96;position:relative;z-index:2;text-shadow:0 1px 2px #0001}.promo-card strong span{font-size:38px}.promo-card p{font-size:11px;margin:6px 0 7px;position:relative;z-index:2;font-weight:700}.promo-card button{background:white;border:0;color:#f34419;font-size:11px;font-weight:850;border-radius:20px;padding:7px 15px;position:relative;z-index:3}.promo-card button:hover{transform:translateY(-1px)}.promo-big{background:linear-gradient(105deg,#ff3e19,#ff771c)}.promo-big:after{content:'';position:absolute;width:240px;height:240px;border-radius:50%;right:-50px;top:-84px;background:#ffe3a622;z-index:-1}.promo-big>img{position:absolute;width:52%;height:100%;right:-3%;top:0;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 27%);z-index:1}.promo-green{background:radial-gradient(circle at 90% 30%,#6efa62 0,transparent 47%),linear-gradient(120deg,#005e43,#0ac25d)}.promo-green strong{font-size:30px}.promo-green .promo-graphic{font-size:68px;position:absolute;right:6px;bottom:-5px;transform:rotate(-10deg);filter:drop-shadow(0 6px 8px #004c2040)}.promo-green button{color:#007940}.promo-local{color:#562b16;background:radial-gradient(circle at 100% 15%,#ffe0ac,transparent 60%),linear-gradient(105deg,#ffdda5,#ffa76b)}.promo-local strong{font-size:24px}.promo-local strong span{font-size:26px}.promo-local p{color:#c34b18}.promo-local .promo-tag{background:#ffffff70;color:#b94d20}.promo-local img{position:absolute;right:-5%;bottom:-17%;height:92%;width:53%;object-fit:cover;transform:rotate(-7deg);border-radius:50%;mask-image:linear-gradient(90deg,transparent,#000 45%)}.promo-local button{background:#fd4e20;color:white}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:15px 3px 8px;gap:14px}.section-heading-copy{display:flex;align-items:center;gap:9px}.flame{font-size:33px;line-height:1.2}.section-heading h2{font-size:23px;font-weight:900;letter-spacing:-.055em;line-height:1.13;margin:0}.section-heading p{font-size:12px;color:var(--muted);margin:3px 0 0}.see-all{border:0;background:transparent;display:inline-flex;gap:7px;align-items:center;color:#53637a;font-size:12px;font-weight:750;white-space:nowrap}.see-all:hover{color:#ff521c}.catalog-tools{display:flex;justify-content:space-between;align-items:center;margin:10px 0;gap:10px}.catalog-tabs{display:flex;gap:6px}.catalog-tab{border:1px solid #ebebe9;border-radius:18px;background:#fff;color:#60717a;font-size:11px;font-weight:750;padding:6px 12px}.catalog-tab.active{background:#fff1e9;border-color:#ffd5bf;color:#fa4d1c}.catalog-tab #favorites-count{background:#f9d3bd;color:#d63c14;padding:1px 5px;border-radius:20px}.tiny-lock{font-size:13px}.view-status{font-size:11px;color:#929fa9}.food-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.food-card{background:#fff;border:1px solid #eceeed;box-shadow:0 5px 17px #272a3010;border-radius:12px;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s;min-width:0}.food-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #202d2f1c}.food-image-button{height:115px;width:100%;background:#fbe2cf;padding:0;border:0;position:relative;display:block;overflow:hidden}.food-image-button img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.food-card:hover .food-image-button img{transform:scale(1.065)}.food-image-button .demo-image-badge{position:absolute;left:7px;top:7px;background:#201e1ba8;color:white;padding:3px 7px;font-size:9px;font-weight:850;border-radius:8px;letter-spacing:.02em}.fav-btn{position:absolute;right:7px;top:7px;width:32px;height:32px;border-radius:50%;border:1px solid #fff8;background:#28231d55;display:grid;place-items:center;z-index:2;backdrop-filter:blur(6px)}.fav-btn svg{width:19px;height:19px;stroke:#fff;stroke-width:2.5;fill:none}.fav-btn.active{background:#fff;box-shadow:0 2px 14px #0002}.fav-btn.active svg{stroke:#f64b26;fill:#f64b26}.food-body{padding:10px 9px 12px}.food-body h3{font-size:13px;font-weight:800;line-height:1.3;margin:0 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.food-summary{display:flex;gap:4px;align-items:center;color:#7a8492;font-size:10px;margin-bottom:8px;justify-content:space-between}.food-summary strong{color:#f35a19;font-weight:800}.demo-price{font-size:10px;font-weight:800;color:#f35c33;background:#fff0e7;border-radius:5px;padding:3px 6px;display:inline-block}.food-open{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:9px;padding:0;width:100%;border:0;background:none;color:#4c6871;font-size:10px;font-weight:750}.food-open svg{width:15px;height:15px;stroke:#ff5526;stroke-width:2.5;fill:none}.catalog-message{border:1px solid #eee0cb;border-radius:12px;background:#fff9f1;margin:10px 0;padding:15px;font-size:13px;color:#755e42}.empty-result{text-align:center;padding:32px;background:#fffaf7;border-radius:14px}.empty-result>span{font-size:40px}.empty-result h3{margin:10px 0 3px}.empty-result p{color:#71818d}.empty-result button{background:#ff5426;color:white;border:0;border-radius:25px;padding:10px 16px;font-weight:750}.side-panel{display:flex;flex-direction:column;gap:13px}.side-download{min-height:332px;border-radius:14px;padding:18px 18px 17px;position:relative;background:linear-gradient(145deg,#fff,#fff2e6 85%);box-shadow:var(--shadow);border:1px solid #f4ebe5;overflow:hidden}.side-small{color:#fe5c2f;font-size:9px;font-weight:950;letter-spacing:.1em}.side-download h3{font-size:20px;font-weight:950;line-height:1.13;letter-spacing:-.055em;margin:6px 0}.side-download h3 em{color:#ff5826;font-style:normal}.side-download>p{color:#687585;font-size:11px;line-height:1.4;margin:6px 0 14px;width:190px}.phone-illustration{position:absolute;right:-15px;top:104px;width:106px;height:188px;transform:rotate(11deg);background:linear-gradient(150deg,#ff652c,#ee320c);border:7px solid #151b20;border-radius:22px;box-shadow:0 8px 10px #0003;display:flex;align-items:center;justify-content:center;flex-direction:column;color:white}.phone-sensor{position:absolute;top:4px;width:36px;height:5px;border-radius:5px;background:#101010}.phone-illustration img{width:52px;height:52px;border-radius:13px}.phone-illustration strong{font-size:17px;font-weight:950;margin-top:6px}.phone-illustration small{font-size:6px}.feature-check{display:flex;align-items:center;gap:7px;margin-bottom:9px;font-size:11px;font-weight:650;position:relative;z-index:2;max-width:142px}.feature-check>span{background:#ff581e;color:white;border-radius:50%;height:15px;width:15px;display:grid;place-items:center;font-size:11px}.side-cta{background:#ff4a20;color:#fff;border:0;border-radius:9px;font-weight:800;font-size:12px;height:42px;display:flex;align-items:center;justify-content:center;width:100%;gap:8px;margin-top:23px;position:relative;z-index:2}.side-merchant{background:linear-gradient(125deg,#ffe5c7,#ffb376);border-radius:14px;box-shadow:0 4px 14px #0001;min-height:141px;padding:14px 15px;position:relative;overflow:hidden}.side-merchant>span:first-child{font-size:9px;letter-spacing:.08em;color:#b64e19;font-weight:900}.side-merchant h3{font-size:19px;letter-spacing:-.05em;line-height:1.1;margin:7px 0 5px}.side-merchant h3 em{font-style:normal;color:#e2451c}.side-merchant p{font-size:11px;margin:0 0 8px;max-width:175px}.merchant-link{background:#fff;color:#ee4723;padding:7px 14px;border-radius:19px;display:inline-flex;font-size:10px;font-weight:850;position:relative;z-index:2}.merchant-decoration{position:absolute;font-size:75px;right:-6px;bottom:-18px;transform:rotate(-14deg);filter:drop-shadow(0 4px 5px #703c3318)}.story-section{margin:32px clamp(18px,1.85vw,36px) 30px;padding:24px 28px;background:#211e1d;color:#fff;border-radius:20px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.story-content .story-badge{font-size:10px;letter-spacing:.12em;font-weight:850;color:#ffaa7d}.story-content h2{font-size:clamp(26px,2.7vw,42px);line-height:1.08;letter-spacing:-.04em;margin:10px 0}.story-content h2 em{color:#ff7755;font-style:normal}.story-content p{font-size:13px;color:#ccd0cc;max-width:530px}.story-content a{display:inline-flex;align-items:center;gap:10px;margin-top:10px;background:white;border-radius:25px;color:#ef4b21;font-weight:850;padding:10px 16px;font-size:12px}.story-locations{display:grid;grid-template-columns:1fr 1fr;gap:13px}.story-locations figure{margin:0;position:relative;overflow:hidden;border-radius:12px;height:180px}.story-locations img{width:100%;height:100%;object-fit:cover}.story-locations figcaption{position:absolute;bottom:0;left:0;right:0;color:#fff;padding:22px 10px 10px;font-weight:750;font-size:11px;background:linear-gradient(transparent,#000c)}.site-footer{background:#1e2722;color:#edf1ed;padding:32px clamp(18px,3vw,55px) 12px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:25px}.footer-brand img{width:146px;height:auto;filter:drop-shadow(0 0 1px white)}.footer-main>div{display:flex;flex-direction:column;gap:8px}.footer-main strong{font-size:12px}.footer-main a:not(.footer-brand){font-size:12px;color:#cad3d0}.footer-main p{font-size:11px;color:#adbbb5;margin:0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff24;margin-top:30px;padding-top:12px;font-size:10px;color:#bac9c2}.mobile-dock{display:none}.dialog{position:fixed;margin:auto;border:0;border-radius:20px;padding:0;max-width:min(94vw,480px);max-height:min(90vh,850px);box-shadow:0 25px 90px #0007;overflow:auto}.dialog::backdrop{background:rgba(20,23,27,.6);backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:11px;top:11px;z-index:5;border:0;background:#ffffffee;color:#303a3d;border-radius:50%;width:35px;height:35px;font-size:24px;line-height:1;display:grid;place-items:center;box-shadow:0 2px 11px #0002}.detail-body{padding:20px}.detail-image{width:100%;height:255px;object-fit:cover}.detail-label{font-size:11px;font-weight:850;color:#ff5327;letter-spacing:.1em}.detail-body h2{margin:8px 0;font-size:27px;letter-spacing:-.05em}.detail-body p{color:#687a84;font-size:13px}.detail-meta{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.detail-meta span{background:#fff3eb;padding:7px 10px;border-radius:15px;color:#c44b20;font-size:11px;font-weight:750}.dialog-action{background:linear-gradient(120deg,#ff5c27,#f43d11);color:white;padding:13px 18px;border:0;border-radius:12px;font-weight:850;font-size:13px;width:100%}.info-dialog{padding:32px 27px;text-align:center}.info-dialog h2{font-size:25px;margin:10px 0}.info-dialog p{font-size:13px;color:#6e7d83}.info-illustration{height:65px;width:65px;margin:0 auto;border-radius:22px;background:#fff1e5;color:#ff4f1e;font-size:46px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:150;color:white;background:#222c2a;border-radius:12px;padding:12px 18px;box-shadow:0 8px 30px #0003;font-weight:700;font-size:12px;max-width:90vw}.qa-strip a:hover{text-decoration:underline}
@media(min-width:1600px){.content-layout{gap:24px;grid-template-columns:minmax(0,1fr) 305px}.promos{height:172px}.food-image-button{height:138px}.side-download{min-height:361px}.hero-search input{font-size:15px}}
@media(max-width:1300px){.main-header{padding-inline:20px;gap:12px}.brand-logo{width:175px}.nav-item{padding:10px 10px;font-size:12px}.nav-main{gap:0}.header-tools{gap:7px}.location-pill{font-size:11px}.header-circle{width:42px;height:42px}.account-circle{width:43px;height:43px}.category{font-size:10px}.category-figure{width:52px;height:52px}.category-figure img{width:57px;height:55px}.content-layout{grid-template-columns:minmax(0,1fr) 250px;gap:14px}.food-grid{gap:8px}.food-body h3{font-size:11px}.food-image-button{height:100px}.promo-card{padding:12px}.promo-card strong{font-size:26px}.promo-card strong span{font-size:32px}.promo-local strong,.promo-local strong span{font-size:20px}}
@media(max-width:1050px){.hero{height:390px}.nav-main{display:none}.main-header{justify-content:space-between}.brand-logo{width:184px}.hero-search{left:20%;width:60%;top:76%}.hero-quick{left:17%;right:17%}.categories{overflow-x:auto;display:flex;gap:10px;scroll-snap-type:x mandatory;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.category{flex:0 0 90px;scroll-snap-align:start}.content-layout{grid-template-columns:1fr}.side-panel{display:grid;grid-template-columns:1.3fr 1fr}.side-download{min-height:240px}.side-download .phone-illustration{right:14px;top:40px}.side-download>p{width:60%}.side-cta{width:56%}.side-merchant{min-height:240px}.food-image-button{height:160px}}
@media(max-width:740px){html{scroll-padding-top:10px}body{background:#fff}.qa-strip{height:26px;padding:0 10px;font-size:8px;justify-content:center;gap:5px}.qa-strip-detail{display:none}.qa-strip-link{font-size:9px}.hero{height:555px;background:linear-gradient(160deg,#d9effe 0%,#ffe8b9 52%,#ffc397 100%);overflow:hidden}.hero-photo{background-image:linear-gradient(90deg,rgba(255,243,218,.38),transparent),url('/customer-2027/media/hero-woman.webp');background-size:100% 100%,auto 370px;background-position:center center,right -18px top 67px;background-repeat:no-repeat;filter:saturate(1.05)}.hero-topfade{background:linear-gradient(180deg,rgba(255,248,240,.91),transparent 90%);height:100px}.main-header{height:88px;padding:9px 14px;align-items:flex-start}.brand-logo{width:136px;height:66px}.header-tools{height:50px;gap:6px}.location-pill{height:36px;padding:0 10px;font-size:10px;max-width:145px}.location-pill svg{width:15px;height:15px}.location-pill #location-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header-circle{width:36px;height:36px}.header-circle svg{width:19px;height:19px}.header-circle:nth-of-type(2){display:none}.account-circle{display:none}.hero-accessible{display:none}.mobile-hero-copy{display:block;position:absolute;z-index:3;left:17px;right:110px;top:94px}.mobile-eyebrow{display:inline-block;background:#ffffffde;color:#f3481f;border-radius:25px;padding:5px 8px;font-size:9px;font-weight:850;box-shadow:0 3px 12px #fff5}.mobile-hero-copy h2{color:#23201f;font-size:clamp(29px,7vw,43px);font-weight:1000;line-height:1.06;letter-spacing:-.075em;text-shadow:0 1px 1px #fff9;margin:16px 0 8px;max-width:390px}.mobile-hero-copy h2 em{font-style:normal;color:#ff481e}.mobile-hero-copy p{font-size:11px;color:#533a2b;line-height:1.4;max-width:270px;font-weight:650}.hero-search{position:absolute;left:16px;right:16px;top:auto;bottom:77px;width:auto;height:58px;border:4px solid #fff;box-shadow:0 7px 24px #2b242635;border-radius:35px}.hero-search>svg{height:21px;width:21px;margin-left:11px}.hero-search input{font-size:11px}.hero-search .filter-toggle{height:34px;width:34px}.hero-search .search-submit{width:75px;font-size:11px}.hero-search .search-submit svg{display:none}.hero-quick{left:14px;right:14px;top:auto;bottom:25px;display:flex;gap:6px;justify-content:center;overflow:auto;scrollbar-width:none}.quick-chip{font-size:9px;padding:8px 9px}.hero-quick button:nth-child(4){display:none}.search-suggestions{top:auto;bottom:136px;left:16px;width:calc(100% - 32px)}.category-bar{padding:0 10px;margin-top:-3px;z-index:5}.categories{height:108px;padding:9px 8px;gap:6px;border-radius:18px;box-shadow:0 4px 25px #33333312}.category{font-size:10px;flex:0 0 78px}.category-figure{height:57px;width:57px}.category-figure img{width:65px;height:60px}.category-all{height:57px;width:57px}.content-layout{padding:12px 12px 20px;gap:20px}.promos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:9px;height:155px;margin-right:-12px;padding-right:12px}.promos::-webkit-scrollbar{display:none}.promo-card{min-width:79vw;scroll-snap-align:start;padding:14px 16px}.promo-big>img{width:51%}.promo-green strong{font-size:28px}.section-heading{margin:21px 2px 10px}.section-heading h2{font-size:21px}.section-heading p{font-size:11px;line-height:1.3}.flame{font-size:26px}.see-all{font-size:10px}.catalog-tabs{gap:4px}.catalog-tab{font-size:10px;padding:6px 9px}.food-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.food-card{border-radius:13px}.food-image-button{height:135px}.food-body{padding:10px}.food-body h3{font-size:12px}.food-summary{font-size:10px}.food-open{font-size:10px}.side-panel{grid-template-columns:1fr;gap:12px}.side-download{min-height:245px;padding:19px}.side-download>p{width:60%}.side-download h3{font-size:23px}.side-download .phone-illustration{right:20px;top:23px;width:115px;height:193px}.side-cta{max-width:57%;width:57%;margin-top:17px}.side-merchant{min-height:170px}.story-section{margin:14px 12px 22px;border-radius:17px;padding:25px 18px;grid-template-columns:1fr;gap:18px}.story-locations figure{height:125px}.story-content h2{font-size:28px}.site-footer{padding:30px 20px 80px}.footer-main{grid-template-columns:1fr 1fr;gap:25px}.footer-main .footer-brand{grid-column:1/-1}.footer-qa{grid-column:1/-1}.footer-bottom{display:flex;flex-direction:column;gap:8px;padding-bottom:6px}.mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:9px 10px max(12px,env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #efeee9;box-shadow:0 -5px 23px #00000010;backdrop-filter:blur(15px)}.mobile-dock a,.mobile-dock button{flex:1;border:0;background:none;font-size:10px;font-weight:750;color:#6e7479;display:flex;align-items:center;flex-direction:column;gap:2px}.mobile-dock span{font-size:21px;line-height:1.1}.mobile-dock a.selected{color:#ff4e26}.dialog{border-radius:19px}.detail-image{height:230px}.info-dialog{padding:27px 22px}}
@media(max-width:410px){.mobile-hero-copy{top:101px;right:98px}.mobile-hero-copy h2{font-size:30px}.hero-photo{background-size:100% 100%,auto 354px;background-position:center center,right -58px top 80px}.header-tools .header-circle{display:none}.location-pill{max-width:139px}.brand-logo{width:131px}.hero-search{bottom:84px}.hero-quick{bottom:31px}.promo-card{min-width:83vw}.food-image-button{height:114px}.section-heading h2{font-size:19px}.catalog-tools{margin-top:10px}.catalog-tab{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
/* Pixel-aligned navigation for the approved desktop art composition. */
@media(min-width:1301px){.main-header{padding:0}.brand-logo{position:absolute;top:5px;left:4.05%;width:13.8%;height:100px}.nav-main{position:absolute;top:22px;left:20.2%;width:36.4%;display:flex;justify-content:space-around}.nav-item{flex:1;padding-left:7px;padding-right:7px}.header-tools{position:absolute;right:2%;top:22px}}
@media(min-width:741px){.hero-quick{left:27.3%;right:27.3%;background:rgba(29,32,29,.8);border-radius:24px;min-height:41px;gap:3px;padding:3px 5px;backdrop-filter:blur(14px)}.hero-quick .quick-chip{background:transparent;border:0;flex:1;font-size:10px;padding-left:3px;padding-right:3px}.hero-quick .quick-chip:hover{background:#f45122}}
@media(max-width:740px){.hero-photo{background-size:auto 344px;background-position:right -80px top 83px}.mobile-hero-copy{isolation:isolate}.mobile-hero-copy:before{content:'';position:absolute;z-index:-1;inset:-18px 15% -15px -18px;background:linear-gradient(90deg,rgba(255,247,226,.90),rgba(255,247,226,.22) 80%,transparent);filter:blur(11px);pointer-events:none}}
@media(max-width:410px){.hero-photo{background-size:auto 344px;background-position:right -94px top 91px}}
/* QA review refinements: keep the official logo readable and use a clean mobile hero crop. */
.footer-brand{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:8px 10px;background:#fffaf3;border-radius:12px;box-shadow:0 4px 16px #0002}.footer-brand img{width:146px;height:auto;filter:none}
.mobile-hero-phone{display:none}
@media(max-width:740px){.hero-photo{background-image:linear-gradient(90deg,rgba(255,243,218,.44),transparent 75%),url('/customer-2027/media/hero-woman.webp');background-size:100% 100%,auto 390px;background-position:center center,right -8px top 82px;background-repeat:no-repeat;filter:saturate(1.05)}.hero-accessible{display:block}.mobile-hero-phone{position:absolute;display:flex;right:20px;bottom:160px;z-index:4;width:72px;height:126px;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:10px 4px 7px;border:5px solid #172023;border-radius:19px;background:linear-gradient(150deg,#ff682f,#ec360f);color:white;box-shadow:0 8px 15px #0004;transform:rotate(8deg)}.mobile-hero-phone-notch{position:absolute;top:4px;width:25px;height:4px;border-radius:4px;background:#182020}.mobile-hero-phone img{width:34px;height:34px;margin-top:4px;border-radius:9px}.mobile-hero-phone strong{font-size:9px;line-height:1.1;font-weight:950}.mobile-hero-phone small{font-size:5px;white-space:nowrap}.footer-brand{padding:8px 10px}}
@media(max-width:410px){.hero-photo{background-size:100% 100%,auto 370px;background-position:center center,right -24px top 88px}.mobile-hero-phone{right:16px;bottom:158px;width:68px;height:120px}}


/* Clean customer hero and warm Tegal story section */
@media (min-width:741px) {
  .hero-photo {
    background-image:url('/customer-2027/media/hero-reference-clean.webp');
    background-size:cover;
    background-position:center top;
  }
  .hero-accessible {
    display:block;
    position:absolute;
    z-index:2;
    left:6%;
    top:24%;
    width:min(44%,820px);
    height:auto;
    clip:auto;
    overflow:visible;
    white-space:normal;
    color:#202825;
    filter:drop-shadow(0 2px 14px rgba(255,250,240,.5));
  }
  .hero-accessible h1 {
    max-width:100%;
    margin:0;
    font-size:clamp(32px,2.7vw,54px);
    line-height:1.02;
    letter-spacing:-.045em;
    font-weight:900;
    text-wrap:balance;
  }
  .hero-accessible h1 em {
    color:#ed4c24;
    font-style:normal;
  }
  .hero-accessible p {
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    clip-path:inset(50%);
  }
  .hero-search {
    left:21%;
    top:76%;
    width:42%;
    height:12%;
  }
  .hero-quick {
    top:89.6%;
    left:21%;
    right:37%;
    min-height:38px;
    justify-content:center;
    gap:9px;
    padding:3px 5px;
  }
  .hero-quick .quick-chip {
    flex:0 1 auto;
    min-width:145px;
    padding:9px 16px;
    font-size:11px;
  }
}
.story-section {
  margin:clamp(24px,3vw,46px) clamp(18px,3vw,56px) 32px;
  padding:clamp(28px,3.1vw,52px);
  background:linear-gradient(135deg,#fffaf4 0%,#fff4e9 100%);
  color:#202724;
  border:1px solid #f1e2d5;
  border-radius:24px;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:clamp(24px,3vw,50px);
  box-shadow:0 10px 32px rgba(73,45,29,.06);
}
.story-content .story-badge {
  display:inline-flex;
  align-items:center;
  padding:7px 12px;
  color:#e94d26;
  background:#ffede3;
  border-radius:999px;
}
.story-content h2 {
  margin:14px 0 12px;
  font-size:clamp(30px,3vw,46px);
  line-height:1.08;
  letter-spacing:-.045em;
  color:#202724;
}
.story-content h2 em {color:#ed4c24}
.story-content p {
  max-width:540px;
  color:#606965;
  font-size:15px;
  line-height:1.7;
}
.story-content a {
  margin-top:13px;
  padding:12px 18px;
  background:#ff5b2c;
  color:#fff;
  border-radius:999px;
  box-shadow:0 7px 18px rgba(239,80,38,.18);
}
.story-content a:hover {background:#eb4a20}
.story-locations {gap:16px}
.story-locations figure {
  height:clamp(210px,20vw,300px);
  border:1px solid rgba(255,255,255,.85);
  border-radius:18px;
  box-shadow:0 8px 24px rgba(40,34,29,.1);
}
.story-locations figcaption {
  padding:28px 14px 13px;
  font-size:12px;
}
@media (max-width:1050px) {
  .story-section {
    grid-template-columns:1fr;
    gap:24px;
  }
  .story-locations figure {height:clamp(210px,27vw,270px)}
}
@media (max-width:740px) {
  .hero-accessible {display:none!important}
  .story-section {
    margin:22px 14px 24px;
    padding:25px 18px;
    border-radius:22px;
    gap:22px;
  }
  .story-content h2 {font-size:clamp(28px,7.8vw,36px)}
  .story-content p {font-size:14px}
  .story-locations {grid-template-columns:1fr 1fr;gap:11px}
  .story-locations figure {height:clamp(168px,52vw,220px);border-radius:16px}
  .story-locations figcaption {font-size:10px;padding:25px 8px 9px}
}

/* Mobile hero: keep the woman and both Tegal landmarks together, with the phone in her hand. */
@media (max-width:740px) {
  .hero-photo {
    background-image:url('/customer-2027/media/hero-mobile.webp');
    background-size:100% auto;
    background-position:center 212px;
    background-repeat:no-repeat;
    filter:saturate(1.03);
  }
  .mobile-hero-phone {display:none!important}
  .mobile-hero-copy {top:90px;right:90px}
  .mobile-hero-copy h2 {
    font-size:clamp(23px,6vw,26px);
    line-height:1.04;
    margin:10px 0 6px;
  }
  .mobile-hero-copy p {font-size:10px;line-height:1.3;max-width:240px}
}
@media (max-width:410px) {
  .hero-photo {background-position:center 212px}
  .mobile-hero-copy {top:92px;right:97px}
  .mobile-hero-copy h2 {font-size:23px}
}

/* Customer 2027 real-data launch preparation: no illustrated or fictional menu photos. */
.category-placeholder{display:flex;align-items:center;justify-content:center;font-size:31px;line-height:1;width:100%;height:100%}
.food-image-button:has(.real-photo-empty){background:linear-gradient(145deg,#fff5ec,#f8efe9);border-bottom:1px solid #f2e0d7}
.real-photo-empty{display:flex;height:100%;align-items:center;justify-content:center;padding:18px 12px;text-align:center;color:#946f60;font-size:12px;font-weight:750;line-height:1.4}
.real-price{display:inline-block;background:#eaf9ef;color:#167b40;padding:3px 7px;border-radius:6px;font-size:12px;font-weight:900}
.menu-pending{display:inline-block;color:#8a6158;background:#fff3ec;padding:3px 7px;border-radius:6px;font-size:10px;font-weight:750}
.real-detail-empty{display:flex;align-items:center;justify-content:center;min-height:160px;background:linear-gradient(145deg,#fff6ee,#f9eae2);color:#815e52;font-size:16px;font-weight:750}
.promo-symbol{position:absolute;right:12px;bottom:1px;font-size:64px;opacity:.2;pointer-events:none}
.promos .promo-card{min-width:0}
.promos .promo-card p{max-width:80%}

/* Customer 2027 authenticated experience — same premium homepage, never a QA dashboard redirect. */
.account-name-pill{display:inline-flex;align-items:center;max-width:118px;padding:9px 11px;border:1px solid #ffe1d0;border-radius:999px;background:rgba(255,255,255,.94);color:#e54b25;font-size:12px;font-weight:850;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-shadow:0 4px 16px #261b1013}
.account-name-pill[hidden]{display:none!important}
.member-hub{display:flex;align-items:center;justify-content:space-between;gap:26px;margin:20px clamp(18px,3vw,56px) 8px;padding:24px clamp(20px,3.5vw,44px);border:1px solid #f1e4d4;border-radius:24px;background:linear-gradient(118deg,#fff8ec 0%,#fff 53%,#f8ffef 100%);box-shadow:0 13px 40px #6f472015}
.member-hub[hidden]{display:none!important}
.member-welcome{flex:1 1 330px;min-width:200px}
.member-eyebrow{display:inline-flex;align-items:center;gap:5px;color:#ef5928;font-size:10px;font-weight:950;letter-spacing:.12em}
.member-welcome h2{font-weight:950;font-size:clamp(24px,2.45vw,39px);line-height:1.11;letter-spacing:-.05em;margin:6px 0 7px;color:#252b2a}
.member-welcome h2 span:first-child{color:#e95129}
.member-welcome p{font-size:12px;line-height:1.5;color:#647168;max-width:460px;margin:0}
.member-grid{display:grid;grid-template-columns:repeat(4,minmax(95px,1fr));gap:10px;flex:0 1 580px}
.member-grid button{min-height:106px;border:1px solid #ecede8;border-radius:17px;display:flex;flex-direction:column;align-items:flex-start;padding:14px 12px;gap:3px;background:#fff;color:#26312e;box-shadow:0 4px 10px #00000008;transition:transform .2s,box-shadow .2s,border-color .2s;text-align:left}
.member-grid button:hover{transform:translateY(-3px);border-color:#ffc6a6;box-shadow:0 10px 25px #a8612220}
.member-grid button>span{font-size:25px;color:#f16432;line-height:1.1}
.member-grid button strong{font-size:12px;font-weight:900;white-space:nowrap}
.member-grid button small{font-size:10px;color:#7d8482}
.account-dialog{padding:0;max-width:min(780px,calc(100vw - 28px));width:100%;max-height:min(94vh,780px);border:1px solid #f5e3d9;border-radius:26px;overflow:auto;background:#fff;box-shadow:0 24px 90px #29201b40}
.account-dialog::backdrop{background:rgba(19,28,27,.55);backdrop-filter:blur(6px)}
.account-dialog-layout{display:grid;grid-template-columns:minmax(210px,.83fr) minmax(300px,1.17fr);min-height:470px}
.account-dialog .dialog-close{position:absolute;right:16px;top:12px;z-index:3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#fff5ee;color:#b84b24;font-size:24px;border:1px solid #f2d7c4}
.account-art{padding:58px 29px 32px;background:radial-gradient(circle at 80% 80%,#ffb35a6b 0,transparent 40%),linear-gradient(148deg,#ff642b 0%,#f54320 69%,#d92f18 100%);color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start}
.account-art:after{content:'';position:absolute;width:240px;height:240px;border-radius:50%;border:33px solid #ffffff14;right:-130px;bottom:-96px;pointer-events:none}
.account-art-emblem{font-size:32px;color:#fff6d9}
.account-art img{width:min(180px,80%);max-height:108px;object-fit:contain;object-position:left center;margin:12px 0 20px;filter:brightness(0) invert(1)}
.account-art h3{font-size:clamp(24px,3vw,36px);font-weight:950;line-height:1.1;letter-spacing:-.055em;margin:8px 0}
.account-art h3 em{color:#ffe7ab;font-style:normal}
.account-art p{font-size:13px;line-height:1.5;max-width:220px;color:#fff5e9}
.account-art-note{margin-top:auto;padding:8px 10px;border:1px solid #ffffff45;border-radius:999px;font-weight:800;font-size:10px;color:#fff}
.account-form-area{padding:56px clamp(22px,3.7vw,42px) 30px;min-width:0}
.account-form-area h2{font-size:clamp(25px,3.2vw,36px);letter-spacing:-.04em;line-height:1.12;margin:9px 0;color:#222c2b}
.account-description{font-size:12px;line-height:1.7;color:#697877;margin:3px 0 18px}
.account-form{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.account-form label{font-size:12px;font-weight:850;color:#394543;margin-top:8px}
.account-form label small{display:block;font-weight:500;font-size:10px;color:#86918d}
.account-form input{width:100%;min-height:46px;padding:11px 14px;border:1.5px solid #e5e4e0;border-radius:12px;background:#fffaf8;color:#202e2a;font-size:14px;outline:none}
.account-form input:focus{border-color:#f26c3e;box-shadow:0 0 0 4px #fa773329}
.account-primary{display:flex;justify-content:center;align-items:center;gap:15px;padding:13px 16px;min-height:47px;background:linear-gradient(100deg,#ff6634,#f44222);border:0;border-radius:13px;color:white;font-weight:900;font-size:13px;margin-top:13px;box-shadow:0 9px 20px #fb61312c}
.account-primary:hover{filter:brightness(.96)}
.account-footnote{font-size:10px;line-height:1.6;color:#87918e;margin:7px 0}
.account-footnote a{color:#e6512a;text-decoration:underline}
.account-email-summary{font-size:12px;color:#566963;background:#faf7f1;border:1px solid #f5e9dc;padding:11px 12px;border-radius:10px;margin:7px 0 10px;overflow-wrap:anywhere}
.account-email-summary strong{color:#20392f}
.account-secondary-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px}
.account-secondary-actions button,.account-google{border:0;background:transparent;color:#dc512e;font-weight:850;font-size:12px;padding:8px}
.account-google{margin-top:8px;border:1px solid #e5e7e3;border-radius:12px;color:#32443b;min-height:44px;background:white}
.account-feedback{padding:12px;border:1px solid #c7ead2;border-radius:11px;background:#f1fff5;color:#176a41;font-size:12px;margin-bottom:10px}
.account-error{padding:11px 12px;border-radius:10px;border:1px solid #f5bcb0;background:#fff4f1;color:#a52b20;font-size:12px;margin:0 0 12px}
.account-profile-hero{display:flex;align-items:center;gap:13px;margin:20px 0 17px;background:#fff9f2;border:1px solid #f6e4da;border-radius:17px;padding:17px}
.account-avatar{display:grid;place-items:center;flex:none;width:53px;height:53px;border-radius:17px;background:linear-gradient(135deg,#ff642a,#f0aa35);color:white;font-size:24px;font-weight:950}
.account-profile-hero div{display:flex;flex-direction:column;min-width:0}
.account-profile-hero strong{font-size:17px;font-weight:900;color:#202f2a}
.account-profile-hero span:not(.account-avatar){overflow-wrap:anywhere;font-size:12px;color:#6d7a75}
.account-profile-hero small{font-size:10px;color:#138753;font-weight:850;margin-top:5px}
.account-profile-menu{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.account-profile-menu button{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:13px 11px;border:1px solid #e8e7e3;background:#fff;border-radius:12px;font-size:12px;color:#293f38;font-weight:800;text-align:left}
.account-profile-menu button>span:last-child{margin-left:auto}
.account-profile-menu button:hover{background:#fff4eb;border-color:#f9bea3}
.account-results{border:1px solid #eee3d8;border-radius:14px;margin-top:13px;padding:15px 13px;background:#fffaf5;color:#3b5045;font-size:12px;max-height:225px;overflow:auto}
.account-results strong{display:block;margin-bottom:5px;color:#25382f}
.account-results p{margin:5px 0;color:#53675d;font-size:12px;line-height:1.5}
.account-logout{margin-top:18px;width:100%;border:1px solid #f4c6b4;background:#fff7f2;color:#ce4e2d;font-weight:850;font-size:12px;padding:12px;border-radius:11px}
.account-logout:hover{background:#ffede4}
@media(max-width:1050px){.member-hub{flex-direction:column;align-items:stretch;gap:18px}.member-grid{width:100%;flex:auto}.member-welcome{flex:auto}.member-grid button{min-height:85px}}
@media(max-width:740px){
 .account-name-pill{display:none!important}
 .member-hub{margin:12px 14px 8px;padding:20px 17px;border-radius:19px;gap:15px}
 .member-welcome h2{font-size:27px}.member-welcome p{font-size:12px}
 .member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .member-grid button{min-height:84px;border-radius:13px;padding:11px 12px}
 .account-dialog{max-width:calc(100vw - 18px);width:100%;max-height:calc(100dvh - 26px);border-radius:23px}
 .account-dialog-layout{grid-template-columns:1fr;min-height:0}
 .account-art{padding:19px 23px 17px;min-height:124px}
 .account-art-emblem{font-size:19px}
 .account-art img{width:125px;max-height:34px;margin:2px 0 3px}
 .account-art h3{font-size:21px;line-height:1.05;margin:2px 0}
 .account-art h3 br{display:none}
 .account-art p,.account-art-note{display:none}
 .account-form-area{padding:22px 22px 27px}
 .account-form-area h2{font-size:26px}
 .account-profile-hero{margin-top:12px}
}
@media(max-width:390px){.member-grid button strong{font-size:11px}.account-form-area{padding:20px 16px 25px}.account-profile-menu button{font-size:11px;gap:4px;padding:11px 7px}}

/* Premium Customer 2027 account: seven legacy QA services consolidated under real user profile. */
.account-section-label{margin:23px 0 11px;font-size:12px;letter-spacing:.04em;color:#27382f;font-weight:950}
.account-points-banner{display:flex;align-items:center;gap:12px;padding:15px 14px;border-radius:17px;background:linear-gradient(108deg,#fff0db,#fff8f1);border:1px solid #f6dfc8;color:#bf622a}
.account-points-banner>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ffae4b;color:white;font-size:21px}
.account-points-banner>div{flex:1;min-width:0}
.account-points-banner strong{font-size:13px;color:#6e3e26;font-weight:900}
.account-points-banner p{font-size:10px;color:#a27c64;line-height:1.45;margin:3px 0 0}
.account-points-banner>small{font-size:9px;white-space:nowrap;background:#fff;padding:6px 8px;border-radius:999px;color:#9a785d;font-weight:900}
.account-service-menu{display:flex;flex-direction:column;gap:0;border:1px solid #ece8e2;border-radius:16px;background:white;overflow:hidden}
.account-service-menu button{width:100%;display:flex;align-items:center;gap:11px;min-height:59px;padding:11px 13px;border:0;border-bottom:1px solid #f1ede9;background:#fff;text-align:left;color:#2b3a35}
.account-service-menu button:last-child{border-bottom:0}
.account-service-menu button:hover,.account-service-menu button:focus-visible{background:#fff8ef}
.account-service-icon{display:grid;place-items:center;flex:none;width:37px;height:37px;border-radius:12px;background:#fff0e4;font-size:17px}
.account-service-menu button>span:nth-child(2){flex:1;display:flex;flex-direction:column;min-width:0}
.account-service-menu button>span:nth-child(2) strong{font-size:12px;line-height:1.3;font-weight:900}
.account-service-menu button>span:nth-child(2) small{font-size:10px;color:#8c9891;font-weight:550;margin-top:3px}
.account-service-menu button>span:last-child{color:#d46637;font-size:16px}
.account-service-page{padding-top:5px}
.account-service-page[hidden],.account-profile[hidden],.account-address-form[hidden],#account-home[hidden]{display:none!important}
.account-back{padding:9px 0;border:0;color:#ed5927;font-size:12px;font-weight:800;background:transparent;min-height:42px}
.account-service-page>h3{font-size:22px;letter-spacing:-.04em;color:#253530;margin:7px 0 13px;font-weight:950}
.account-service-page .account-results{max-height:none;overflow:visible;padding:17px;border-radius:16px;background:#fffaf7}
.account-service-page .account-results strong{font-size:13px}
.account-service-page .account-results p{font-size:12px;line-height:1.65;margin:9px 0;overflow-wrap:anywhere}
.account-service-page .account-results details{border-bottom:1px solid #e9dfd4;padding:12px 2px}
.account-service-page .account-results summary{cursor:pointer;font-size:12px;font-weight:850;color:#2d433b}
.account-inline-link{color:#e75229;text-decoration:underline;font-weight:800;overflow-wrap:anywhere}
.account-small-action{border:1px solid #f5b398;background:#fff0e8;color:#cc4c27;border-radius:10px;min-height:42px;padding:9px 13px;font-size:12px;font-weight:900;margin:6px 0}
.account-small-action:disabled{opacity:.55;cursor:not-allowed}
.account-address-card{padding:12px;border:1px solid #efdfcf;border-radius:13px;background:white;margin:11px 0}
.account-address-card strong{color:#27392f}
.account-address-card p{margin:8px 0;color:#607369;white-space:pre-wrap;overflow-wrap:anywhere}
.account-address-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.account-address-actions button{background:transparent;border:0;padding:9px 4px;color:#d14a29;font-size:11px;font-weight:900;min-height:38px}
.account-address-form{display:flex;flex-direction:column;gap:9px;padding:16px;margin-top:13px;background:white;border:1px solid #efe5de;border-radius:15px}
.account-address-form label,.account-service-field{display:block;margin-top:5px;color:#31443c;font-size:12px;font-weight:800}
.account-address-form input,.account-address-form select,.account-address-form textarea,#account-setting-area{display:block;box-sizing:border-box;width:100%;min-width:0;border:1px solid #e7e0d8;background:#fffdf9;border-radius:11px;color:#283f35;min-height:44px;padding:11px 12px;font-family:inherit;font-size:13px}
.account-address-form textarea{min-height:86px;resize:vertical}
.account-address-form input:focus,.account-address-form textarea:focus,.account-address-form select:focus,#account-setting-area:focus{outline:2px solid #f8a383;outline-offset:1px}
.account-secondary{border:1px solid #e2dbd3;background:#fff;color:#495a50;border-radius:11px;min-height:43px;padding:10px;font-size:12px;font-weight:750}
.account-result-row{display:flex;flex-direction:column;gap:5px;padding:9px 0;border-bottom:1px solid #eee3d7}
.account-result-row span{font-size:11px;color:#66776a}
.mobile-dock button.selected{color:#ff4e26}
@media(max-width:740px){
 .account-art{display:none}
 .account-dialog{max-width:calc(100vw - 10px);max-height:calc(100dvh - 15px);border-radius:18px}
 .account-dialog-layout{display:block}
 .account-form-area{padding:25px 18px 22px}
 .account-service-menu button{min-height:61px;padding:10px 10px}
 .account-profile-menu{grid-template-columns:repeat(2,minmax(0,1fr))}
 .account-profile-menu button{min-height:54px}
 .account-points-banner>small{font-size:8px}
 .mobile-dock a,.mobile-dock button{min-width:0;min-height:48px;justify-content:center}
}
@media(max-width:390px){
 .account-form-area{padding:22px 14px 20px}
 .account-service-icon{width:34px;height:34px}
 .account-service-menu button>span:nth-child(2) small{font-size:9px}
}

/* Icon reliability: self-contained vectors render consistently in Linux Chromium,
   Windows, desktop Chrome and Android without emoji fonts or third-party CSS. */
.ng-icon{display:block;width:21px;height:21px;flex:0 0 auto;overflow:visible}
.account-service-icon .ng-icon{width:19px;height:19px}
.account-profile-menu button>span .ng-icon{width:17px;height:17px;stroke:#e86237}
.member-grid button>span .ng-icon{width:26px;height:26px;stroke:#ed6236}
.mobile-dock [data-mobile-page] .ng-icon{width:22px;height:22px;margin:0 auto 3px;stroke:currentColor}
.mobile-dock [data-mobile-page] span{display:flex;align-items:center;justify-content:center}
@media(max-width:740px){.account-service-menu .ng-icon{width:20px;height:20px}}

/* Final visual QA: category icons and greeting are independent of emoji fonts. */
.category-placeholder .ng-icon{height:32px;width:32px;stroke:#db5b2b}
.greeting-accent{display:inline-block;color:#f2a044;font-size:.64em;vertical-align:top;margin-left:3px}
@media(max-width:740px){.category-placeholder .ng-icon{width:28px;height:28px}}
/* Public NGELIH: calm, accessible welcome ticker instead of internal QA labels. */
.ng-welcome-ticker{position:relative;width:100%;height:34px;display:flex;align-items:center;overflow:hidden;background:#19271f;color:#fff;font-size:11px;line-height:1;letter-spacing:.02em;font-weight:730;z-index:2}
.ng-welcome-ticker::before,.ng-welcome-ticker::after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}
.ng-welcome-ticker::before{left:0;background:linear-gradient(90deg,#19271f,transparent)}
.ng-welcome-ticker::after{right:0;background:linear-gradient(270deg,#19271f,transparent)}
.ng-ticker-viewport{height:100%;width:100%;display:flex;align-items:center;overflow:hidden}
.ng-ticker-track{display:flex;flex:none;align-items:center;gap:66px;white-space:nowrap;width:max-content;animation:ng-welcome-move 32s linear infinite;will-change:transform}
.ng-ticker-track span{display:inline-flex;align-items:center;gap:4px}
.ng-ticker-track strong{color:#ffac75;font-weight:950}
.ng-ticker-accessible{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes ng-welcome-move{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 33px))}}
@media(max-width:700px){.ng-welcome-ticker{height:31px;font-size:10px}.ng-ticker-track{gap:44px;animation-duration:31s}}
@media(prefers-reduced-motion:reduce){.ng-ticker-track{animation:none}.ng-ticker-track span:nth-child(n+2){display:none}}

/* About section: local economy story */
.story-section{background:linear-gradient(135deg,#fffaf4 0%,#fff2e5 100%);color:#202724;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(20px,3vw,44px);box-shadow:0 12px 38px rgba(73,45,29,.08)}
.story-content .story-badge{background:#fff0e7;color:#e94d26;padding:7px 12px;border-radius:999px}
.story-content h2{max-width:660px;font-size:clamp(30px,3.1vw,46px);line-height:1.08;color:#202724}
.story-content h2 em{color:#ed4c24}
.story-content p{max-width:620px;color:#606965;font-size:14px;line-height:1.7}
.story-content p+p{margin-top:10px}
.story-content a{max-width:100%;padding:12px 18px;background:linear-gradient(120deg,#ff5b2c,#ed431b);color:#fff;box-shadow:0 7px 18px rgba(239,80,38,.18);line-height:1.35}
.story-content a:hover{background:#eb4a20}
.story-locations figure{min-height:220px;border-radius:18px;box-shadow:0 8px 24px rgba(40,34,29,.1)}
.story-locations figcaption{padding:28px 14px 13px;font-size:12px}
@media(max-width:1050px){.story-section{grid-template-columns:1fr}.story-locations figure{height:clamp(210px,27vw,270px)}}
@media(max-width:740px){.story-section{margin:22px 14px 24px;padding:25px 18px;border-radius:22px;gap:18px}.story-content h2{font-size:clamp(28px,7.8vw,36px)}.story-content p{font-size:14px}.story-content a{font-size:12px}.story-locations{grid-template-columns:1fr 1fr;gap:11px}.story-locations figure{height:clamp(168px,52vw,220px);min-height:0;border-radius:16px}.story-locations figcaption{font-size:10px;padding:25px 8px 9px}}