:root{--o:#f4511e;--o2:#ff8a44;--ink:#1c2430;--muted:#687386;--bg:#fff8f3;--line:#f1e5df;--white:#fff;--shadow:0 12px 36px rgba(41,33,30,.07)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.5}header{background:#fff!important;border-bottom:1px solid var(--line)!important;padding:17px clamp(16px,4vw,48px)!important;box-shadow:0 3px 18px #1c243008}header .brand{font-size:26px;letter-spacing:-1px;font-weight:850}header .brand span{color:var(--o)}main{max-width:1200px;margin:0 auto;padding:clamp(14px,3vw,32px)}h1,h2,h3{letter-spacing:-.7px}h1{font-size:clamp(26px,4vw,38px)}h2{font-size:22px}.card,.item,.stat{background:#fff;border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:var(--shadow);padding:22px!important}.login{max-width:485px!important;margin:clamp(36px,7vh,85px) auto!important;padding:32px!important}.muted{color:var(--muted)!important;font-size:13px!important}button,.btn{border-radius:13px!important;font-weight:750!important;transition:transform .18s,box-shadow .18s!important;cursor:pointer}button:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 5px 16px #1c24301c}.primary{background:linear-gradient(110deg,var(--o),#ee6b2a)!important;color:#fff!important}.dark{background:#202a3a!important;color:#fff!important}.soft{background:#f3f0ed!important}input,select,textarea{min-height:43px;border:1px solid #e7ded8!important;border-radius:12px!important;padding:12px!important;background:white;color:#263041}input:focus,textarea:focus{outline:2px solid #f4511e50;outline-offset:1px}.hero{border-radius:26px;padding:36px;background:linear-gradient(110deg,#202a3a,#54372b 62%,#f4511e);color:#fff}.hero h1{margin:0 0 8px}.hero p{color:#ffeade}.grid{gap:18px}.item img{height:190px;object-fit:cover;border-radius:16px;width:100%}.row{border-color:#f0e9e4!important}.badge{border-radius:999px}.stats{gap:16px}.stat b{font-size:27px}.cash-pay{border:1px solid #efded3;border-radius:18px;padding:16px;background:#fff}.cash-pay label{display:flex;gap:10px;align-items:center;color:#222;font-weight:750}.cash-pay input{min-height:0;width:auto}.soon{font-weight:750;background:#f4f5f7;color:#697489;padding:8px 12px;border-radius:12px;margin-top:12px}.brandline{font-size:12px;text-align:center;color:#89909b;margin:20px 0}.twocol{display:grid;grid-template-columns:1.55fr 1fr;gap:20px}.foodrow{display:grid;grid-template-columns:78px 1fr auto;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding:15px 0}.foodrow img{width:78px;height:78px;object-fit:cover;border-radius:13px}.mini{padding:9px 12px!important}.chip{display:inline-block;border-radius:999px;background:#fef0e8;color:#b94521;padding:4px 10px;font-size:12px;font-weight:750}.flex{display:flex;align-items:center;justify-content:space-between;gap:10px}.hidden{display:none!important}@media(max-width:760px){.twocol{grid-template-columns:1fr}.login{padding:22px!important}.card,.item,.stat{padding:16px!important}.foodrow{grid-template-columns:65px 1fr auto}.foodrow img{width:65px;height:65px}}

/* NOONGO FOOD CARDS V1 */
#menu .ng-menu-category{margin:20px 0 28px}
#menu .ng-menu-category h3{font-size:1.12rem;letter-spacing:.2px;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #e7e8eb}
#menu .ng-menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
#menu .ng-food-card{background:#fff;border:1px solid #ececf1;border-radius:18px;overflow:hidden;box-shadow:0 5px 20px rgba(20,25,35,.06);transition:transform .18s ease,box-shadow .18s ease}
#menu .ng-food-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(20,25,35,.12)}
#menu .ng-food-photo{height:164px;background:#f4f4f4;overflow:hidden}
#menu .ng-food-photo img{width:100%;height:100%;object-fit:cover;display:block}
#menu .ng-food-detail{padding:14px 15px 16px}
#menu .ng-food-detail h4{font-size:1rem;margin:0 0 7px;line-height:1.35}
#menu .ng-food-detail p{color:#6d7482;font-size:.85rem;min-height:37px;line-height:1.4;margin:0 0 12px}
#menu .ng-food-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
#menu .ng-food-bottom strong{color:#ee531f;font-size:1.1rem}
#menu .ng-food-bottom .btn{white-space:nowrap;padding:9px 13px}
@media(max-width:600px){#menu .ng-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#menu .ng-food-photo{height:116px}#menu .ng-food-detail{padding:10px}#menu .ng-food-detail p{min-height:55px;font-size:.76rem}#menu .ng-food-bottom .btn{font-size:.75rem;padding:8px}}

/* NoonGo premium UI standardization — 2026-10-12 */
:root{--control-height:48px;--control-radius:13px}
button,.btn,input:not([type=radio]):not([type=checkbox]),select{font:inherit;min-height:var(--control-height);border-radius:var(--control-radius)!important}
button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:112px;padding:11px 18px!important;font-size:14px!important;line-height:1.3;border:1px solid transparent;text-align:center}
button:disabled{opacity:.65;cursor:wait;transform:none!important}
button:focus-visible,.btn:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ff9c76;outline-offset:2px}
input:not([type=radio]):not([type=checkbox]),select,textarea{width:100%;max-width:100%;font-size:15px!important}
label{display:block;font-size:14px;font-weight:650;color:var(--ink);margin:13px 0 6px}
label>input:not([type=radio]):not([type=checkbox]),label>textarea{display:block;margin-top:7px}
.login{width:min(100%,480px);box-shadow:0 24px 65px #1c243017!important}
.login .btn{width:100%;min-height:50px}
.login label{margin-top:16px}
.login .muted{line-height:1.6}
header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
header .btn{min-width:116px}
#stores .item{display:flex;flex-direction:column;gap:10px}
#stores .item h3,#stores .item p{margin:0}
#stores .item .flex{margin-top:auto;flex-wrap:wrap;gap:12px}
#stores [data-store]{min-width:132px}
#shop .card>label{margin-top:17px}
#checkout{width:100%;min-height:52px;font-size:15px!important}
.ng-food-bottom .btn{min-width:128px;min-height:44px}
#cart .btn.mini{min-width:44px;padding:8px!important;min-height:40px}
#orders .row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}
#orders .row b{overflow-wrap:anywhere;max-width:100%}
.ng-profile{margin:22px 0 0}.ng-profile-head{display:flex;align-items:center;gap:13px;margin-bottom:12px}.ng-avatar{display:grid;place-items:center;width:48px;height:48px;flex:none;border-radius:50%;background:#fff0e9;color:#c4481e;font-size:23px;font-weight:800}.ng-profile h2{margin:0}.ng-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ng-profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.ng-profile-actions .btn{flex:1}.ng-profile-note{margin-top:12px}.ng-profile .muted{margin:3px 0}
@media(max-width:650px){header{padding:13px 16px!important}header .brand{font-size:25px}header .btn{min-width:100px}main{padding:16px}.flex:has(>#search){align-items:stretch;flex-direction:column}.flex:has(>#search) h2{margin:0}#search{max-width:none!important}.ng-profile-grid{grid-template-columns:1fr}.ng-profile-actions{flex-direction:column}.ng-profile-actions .btn{width:100%}#stores .item .flex{align-items:stretch}#stores [data-store]{flex:1}#shop .card>.flex:first-child{flex-wrap:wrap}.ng-food-bottom .btn{width:100%;min-width:0;font-size:13px!important}.ng-food-bottom strong{width:100%}}

/* NoonGo v2: account navigation, store cards and mobile checkout */
.ng-brand-stack{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.ng-powered{font-size:10px;color:#87909c;letter-spacing:.35px;font-weight:600;line-height:1.4}
.ng-top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ng-top-actions .btn{min-width:112px;text-decoration:none}
.ng-store-card{overflow:hidden}
.ng-store-card img{height:210px;object-fit:cover}
.ng-store-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;font-weight:650;color:#657083}
.ng-store-meta span:first-child{color:#b65a27}
.ng-profile-page{margin:25px auto;max-width:1000px}
.ng-profile-page .ng-profile-head h1{margin:0;font-size:26px}
.ng-profile-page .ng-profile-actions a{text-decoration:none}
.ng-auth-separator{text-align:center;margin:26px 0 17px;border-top:1px solid #e9e0db;height:0;position:relative}
.ng-auth-separator span{position:relative;top:-11px;background:#fff;padding:0 14px;font-size:12px;color:#697489}
.ng-phone-auth{padding:18px;border:1px solid #eee1d9;border-radius:18px;background:#fffaf6}
.ng-phone-auth h2{font-size:18px;margin:0 0 4px}
.ng-phone-auth .btn{width:100%;margin-top:10px}
.ng-phone-auth label{margin-top:12px}
.ng-sticky-cart{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);width:min(96%,700px);z-index:50;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#202a3a;color:white;border:1px solid #354054;border-radius:18px;padding:12px 14px;box-shadow:0 14px 45px #11182755}
.ng-sticky-cart strong,.ng-sticky-cart small{display:block}
.ng-sticky-cart small{color:#f7dfd4}
.ng-sticky-cart .btn{white-space:nowrap}
@media(min-width:761px){.ng-sticky-cart{display:none!important}}
@media(max-width:600px){.ng-top-actions{gap:7px}.ng-top-actions .btn{min-width:0;padding:9px 12px!important;font-size:12px!important}.ng-sticky-cart{bottom:7px;padding:9px 10px}.ng-sticky-cart .btn{min-width:0;padding:11px!important;font-size:12px!important}.ng-store-meta{font-size:11px}.ng-profile-page .ng-profile-head h1{font-size:22px}body:has(.ng-sticky-cart:not(.hidden)) main{padding-bottom:100px}}

.ng-home-link{display:inline-block;text-decoration:none!important;color:inherit!important;cursor:pointer}

.ng-header-logo{display:block;width:170px;max-width:100%;height:auto;object-fit:contain}
@media(max-width:600px){.ng-header-logo{width:145px}}


.ng-track-card{background:#fff;border:1px solid #eaded6;border-radius:18px;padding:20px;margin:16px 0}
.ng-track-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ng-track-list{margin-top:18px;display:grid;gap:12px}
.ng-track-step{display:flex;align-items:center;gap:12px;color:#9ca3af;font-weight:600}
.ng-track-step.done{color:#172333}
.ng-track-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f1f1f1}
.ng-track-step.done .ng-track-dot{background:#fff0e8;color:#f4511e}

/* NOONGO MBH BRAND VISIBILITY V1 */
.ng-powered {
    display: block !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #243044 !important;
    opacity: 1 !important;
    letter-spacing: .2px;
    line-height: 1.5;
}
.ng-powered strong {
    font-size: 13px !important;
    font-weight: 900 !important;
    color: #f4511e !important;
    letter-spacing: .35px;
}
@media(max-width:600px) {
    .ng-powered {font-size: 10px !important}
    .ng-powered strong {font-size: 11px !important}
}