:root{--bg:#fff;--surface:#fff;--soft:#f4f5f5;--soft2:#faf7f5;--ink:#1f2321;--muted:#7e8582;--line:#e9ecea;--accent:#ff4d1f;--accent2:#e90045;--green:#148b5b;--danger:#d82432;--shadow:0 14px 38px rgba(30,35,32,.08);--nav-h:84px;--radius:24px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:inherit}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit;color:inherit}.hidden{display:none!important}.app-page{min-height:100vh;padding-bottom:calc(var(--nav-h) + 28px)}
.app-splash{position:fixed;inset:0;z-index:10000;background:#fff;display:none;place-items:center;transition:.25s opacity}.app-splash.active{display:grid}.splash-inner{display:grid;justify-items:center;gap:12px;text-align:center}.splash-inner img{width:150px;height:150px;border-radius:50%;filter:drop-shadow(0 18px 40px rgba(255,91,35,.15))}.splash-inner strong{font-size:18px;letter-spacing:.14em;text-transform:uppercase}.splash-inner span{color:var(--muted)}.splash-line{width:210px;height:5px;border-radius:999px;background:#f1e8e3;overflow:hidden}.splash-line i{display:block;height:100%;width:35%;background:linear-gradient(90deg,var(--accent),var(--accent2));animation:splashMove 1s infinite ease-in-out}@keyframes splashMove{from{transform:translateX(-110%)}to{transform:translateX(310%)}}
.home-header,.sub-header{height:104px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px}.brand-icon{width:54px;height:54px;border-radius:50%}.brand-word{width:140px;height:auto}.location-button{justify-self:center;border:0;background:transparent;display:flex;align-items:center;gap:10px;max-width:420px;text-align:left;cursor:pointer}.location-button small{display:block;color:var(--muted);font-size:12px}.location-button strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px;font-size:17px}.location-button .pin{color:var(--accent);font-size:22px}.location-button b{color:var(--accent)}.round-action{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-size:22px}.home-content,.page-content{padding-bottom:22px}.search-bar,.search-input-wrap{height:62px;border-radius:18px;background:var(--soft);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 18px;color:#777f7b}.search-bar>span:first-child,.search-input-wrap>span{font-size:30px}.search-bar b,.search-input-wrap button{font-size:22px;border:0;background:transparent}.search-input-wrap input{border:0;outline:0;background:transparent;font-size:17px;width:100%}.category-strip{display:flex;gap:16px;overflow:auto;padding:18px 0 8px;scrollbar-width:none}.category{min-width:92px;border:0;background:transparent;text-align:center;color:var(--ink);cursor:pointer}.category i{width:72px;height:72px;border-radius:50%;background:#f2f3f3;display:grid;place-items:center;font-style:normal;font-size:28px;margin:0 auto 8px;border:1px solid transparent}.category.active i{background:#fff3ee;border-color:#ff9f80}.category span{font-weight:700;font-size:13px}.hero-banner{display:block;margin-top:16px;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.hero-banner img{width:100%;display:block;aspect-ratio:2.67/1;object-fit:cover}.home-section{margin-top:34px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.section-title h2{font-size:30px;letter-spacing:-.04em;margin:0}.section-title a,.section-title button{border:0;background:transparent;color:var(--accent);font-weight:800}.horizontal-list{display:flex;gap:16px;overflow:auto;scrollbar-width:none;padding-bottom:4px}.mini-order-card{min-width:190px}.mini-order-card .thumb{height:130px;border-radius:18px;overflow:hidden;background:var(--soft)}.mini-order-card img{width:100%;height:100%;object-fit:cover}.mini-order-card h3{font-size:16px;margin:8px 0 4px}.mini-order-card p{margin:0;color:var(--muted);font-size:13px}.restaurant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.restaurant-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--surface);box-shadow:0 8px 24px rgba(32,37,34,.05);cursor:pointer;position:relative}.restaurant-card .restaurant-image{height:230px;background:var(--soft);position:relative}.restaurant-card .restaurant-image img{width:100%;height:100%;object-fit:cover}.restaurant-card .heart{position:absolute;right:14px;top:14px;width:42px;height:42px;border-radius:50%;border:0;background:#fff;font-size:22px}.restaurant-card .rating{position:absolute;right:12px;bottom:12px;background:#fff;border-radius:10px;padding:7px 10px;font-weight:800}.restaurant-card .body{padding:14px}.restaurant-card h3{margin:0 0 6px;font-size:20px}.restaurant-card .meta{color:var(--muted);display:flex;gap:12px;flex-wrap:wrap}.cuisine-strip{display:flex;overflow:auto;gap:14px;scrollbar-width:none}.cuisine-strip a{min-width:120px;text-align:center;font-weight:700}.cuisine-strip img,.food-emoji{width:120px;height:88px;border-radius:16px;object-fit:cover;background:#f4f4f4;display:grid;place-items:center;font-size:46px}.store-hero{margin-top:22px;min-height:300px;border-radius:28px;padding:34px;background:linear-gradient(135deg,#0d8b5e,#2aba7c);color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.store-hero>div{max-width:620px}.store-hero small{font-weight:800;letter-spacing:.08em}.store-hero h1{font-size:52px;line-height:.98;letter-spacing:-.05em;margin:10px 0 14px}.store-hero p{font-size:18px;opacity:.9}.store-hero a{display:inline-flex;background:#fff;color:var(--accent);padding:14px 20px;border-radius:999px;font-weight:800;margin-top:8px}.store-hero>span{font-size:140px}.store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.store-card{border:1px solid var(--line);border-radius:22px;padding:12px}.store-card img{width:100%;height:150px;object-fit:cover;border-radius:16px;background:var(--soft)}.store-card h3{margin:10px 0 5px}.store-card p{margin:0;color:var(--muted)}.browse-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.browse-grid a{padding:24px;border-radius:20px;background:var(--soft);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-size:22px}.search-page-content{padding:28px 0 calc(var(--nav-h) + 30px)}.search-tabs,.filter-strip,.order-tabs,.menu-tabs{display:flex;gap:8px;overflow:auto;scrollbar-width:none;padding:14px 0;border-bottom:1px solid var(--line)}.search-tabs button,.order-tabs button,.menu-tabs button{border:0;background:transparent;padding:11px 14px;border-radius:999px;color:var(--muted);font-weight:700;white-space:nowrap}.search-tabs button.active,.order-tabs button.active,.menu-tabs button.active{color:var(--accent);background:#fff1eb}.filter-strip{border:0}.filter-strip button{border:0;background:var(--soft);padding:12px 16px;border-radius:14px;font-weight:750;white-space:nowrap}.inspiration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.inspiration-grid a{height:160px;border-radius:20px;background:linear-gradient(145deg,#fff4df,#ffeef4);padding:18px;font-size:22px;font-weight:800;display:flex;justify-content:space-between;overflow:hidden}.inspiration-grid span{font-size:72px;align-self:flex-end}.orders-page{padding:44px 0}.orders-page>h1{font-size:56px;letter-spacing:-.06em;margin:0 0 12px}.orders-list{display:grid;gap:12px;margin-top:18px}.order-card{display:grid;grid-template-columns:100px 1fr auto;gap:18px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:22px;background:#fff}.order-card img{width:100px;height:100px;object-fit:cover;border-radius:18px;background:var(--soft)}.order-card h3{margin:0 0 5px}.order-card p{margin:4px 0;color:var(--muted)}.order-card strong{font-size:18px}.order-actions{display:grid;gap:8px;justify-items:end}.status-pill{padding:8px 12px;border-radius:999px;font-weight:800;font-size:13px}.status-pill.delivered{background:#dcf7e8;color:#087748}.status-pill.cancelled{background:#ffe3e4;color:#c32634}.status-pill.live{background:#fff2cd;color:#c06d00}.reorder-btn,.track-btn{border:1px solid var(--green);color:var(--green);background:#fff;border-radius:999px;padding:10px 14px;font-weight:800}.track-btn{background:#e7f7ef}.account-page{padding:24px 0}.account-brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.profile-row{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.avatar{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ffd5c6,#fff0e8);font-size:42px;font-weight:900;color:var(--accent)}.profile-row h1{margin:0 0 6px}.profile-row p{margin:3px 0;color:var(--muted)}.edit-btn{border:0;background:#fff3ee;color:var(--accent);padding:12px 18px;border-radius:999px;font-weight:800}.balance-card{margin:26px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:22px;border-radius:24px;background:#fff2ec}.wallet-icon{font-size:42px;color:var(--accent)}.balance-card span,.balance-card small{display:block;color:var(--muted)}.balance-card strong{display:block;font-size:32px}.balance-card button{border:1px solid #ff9877;background:#fff;color:var(--accent);padding:12px 18px;border-radius:999px}.account-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.account-shortcuts a,.account-shortcuts button{border:1px solid var(--line);background:#fff;border-radius:22px;padding:20px;text-align:left;display:grid;gap:8px}.account-shortcuts i{font-style:normal;font-size:28px}.account-shortcuts span{color:var(--muted)}.account-block{margin-top:30px}.account-list-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:20px}.account-list-row div span{display:block;color:var(--muted);font-size:13px}.icon-bg{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#e4f8eb}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.theme-grid button{height:74px;border:1px solid var(--line);background:#fff;border-radius:18px;font-weight:800}.theme-grid button.active{border-color:var(--accent);background:#fff4ef}.account-menu{border:1px solid var(--line);border-radius:24px;overflow:hidden}.account-menu a{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line)}.account-menu a:last-child{border-bottom:0}.account-menu small{display:block;color:var(--muted);margin-top:3px}.guest-account{text-align:center;max-width:480px;margin:80px auto}.guest-account img{width:120px}.guest-account h1{font-size:38px}.guest-account p{color:var(--muted);line-height:1.6}.primary,.secondary{display:flex;justify-content:center;align-items:center;min-height:54px;border-radius:999px;font-weight:850}.primary{background:linear-gradient(90deg,#07995d,#0db273);color:#fff;border:0}.secondary{border:1px solid var(--line);margin-top:10px}.center-header{height:92px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;text-align:center}.center-header h1{margin:0;font-size:24px}.center-header a,.center-header button{border:0;background:transparent;font-size:28px}.settings-page{padding:20px 0}.settings-card{border:1px solid var(--line);border-radius:26px;overflow:hidden;margin-bottom:16px;background:#fff}.settings-card button{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border:0;border-bottom:1px solid var(--line);background:#fff;padding:20px;text-align:left}.settings-card button:last-child{border-bottom:0}.settings-icon{width:52px;height:52px;border-radius:16px;background:#eef1f7;display:grid;place-items:center;font-size:24px}.settings-icon.purple{background:#f0eaff}.settings-icon.green{background:#e1f7e9;color:var(--green)}.settings-card small{display:block;color:var(--muted);margin-top:4px}.settings-card strong{color:var(--green)}.settings-card.danger b,.settings-card.danger span{color:var(--danger)}.auth-body{background:#fff}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:34px 24px 50px}.auth-back{position:absolute;left:28px;top:28px;font-size:32px}.auth-brand{margin-top:68px;display:grid;justify-items:center;gap:10px}.auth-brand img{width:260px}.auth-brand span{font-size:13px;font-weight:900;letter-spacing:.15em;color:#49504d}.auth-card{width:min(560px,100%);margin:auto 0 0}.auth-card h1{font-size:44px;letter-spacing:-.05em;margin:30px 0 10px}.auth-card>p{color:var(--muted);font-size:17px;line-height:1.6}.auth-card form{display:grid;gap:12px;margin-top:28px}.auth-card label{font-weight:800}.phone-input{display:grid;grid-template-columns:150px 1fr;border:1px solid #dfe3e1;border-radius:16px;overflow:hidden}.phone-input:focus-within{border-color:var(--green);box-shadow:0 0 0 3px rgba(20,139,91,.08)}.phone-input select,.phone-input input,.standalone-input{height:58px;border:0;background:#fff;padding:0 16px;outline:0}.phone-input select{background:#f4f5f5}.standalone-input{border:1px solid #dfe3e1;border-radius:16px}.auth-card .primary{margin-top:10px}.auth-legal,.auth-switch{text-align:center;font-size:13px!important}.auth-legal a,.auth-switch a{color:var(--green);font-weight:800}.restaurant-hero{height:360px;background:linear-gradient(135deg,#2a1510,#8b221d);background-size:cover;background-position:center;position:relative}.hero-control{position:absolute;top:28px;width:54px;height:54px;border-radius:50%;border:0;background:#fff;display:grid;place-items:center;font-size:25px}.hero-control.back{left:24px}.hero-control.fav{right:148px}.hero-control.share{right:86px}.hero-control.search{right:24px}.restaurant-info-card{margin-top:-54px;position:relative;border-radius:34px 34px 0 0;background:#fff;padding:72px 30px 24px;text-align:center}.restaurant-logo{position:absolute;top:-55px;left:50%;transform:translateX(-50%);width:110px;height:110px;border-radius:22px;background:#fff;padding:10px;box-shadow:var(--shadow)}.restaurant-logo img{width:100%;height:100%;object-fit:contain;border-radius:14px}.restaurant-info-card h1{font-size:42px;letter-spacing:-.05em;margin:0 0 8px}.more-info{border:0;background:transparent;font-weight:800;font-size:16px}.restaurant-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:720px;margin:28px auto 0}.restaurant-stats>div{border-right:1px solid var(--line)}.restaurant-stats>div:last-child{border:0}.restaurant-stats b{display:block;font-size:20px}.restaurant-stats small{color:var(--muted)}.merchant-notice{max-width:720px;margin:24px auto 0;padding:16px;border-radius:18px;background:#e7f8ee;display:flex;text-align:left;gap:12px}.restaurant-menu-wrap{padding:26px 0 120px}.menu-tools{display:grid;grid-template-columns:1fr 1fr;gap:14px}.menu-tools button{height:78px;border:0;border-radius:20px;background:var(--soft);font-size:25px}.menu-tools button span{margin-left:10px;font-size:16px;font-weight:800}.menu-section{padding-top:28px}.menu-section h2{font-size:30px}.menu-items{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.menu-item-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;position:relative}.menu-item-card img{width:100%;height:180px;object-fit:cover;background:var(--soft)}.menu-item-card .content{padding:13px}.menu-item-card h3{margin:0 0 5px;font-size:17px}.menu-item-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.4;min-height:36px}.menu-item-card strong{display:block;margin-top:8px;color:#b72025;font-size:18px}.add-circle{position:absolute;right:12px;top:145px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;font-size:28px;box-shadow:0 8px 20px rgba(0,0,0,.1)}.cart-fab{position:fixed;bottom:calc(var(--nav-h) + 18px);left:50%;transform:translateX(-50%);z-index:50;border:0;border-radius:999px;background:var(--green);color:#fff;padding:14px 22px;display:flex;align-items:center;gap:14px;font-size:18px;box-shadow:0 18px 45px rgba(20,139,91,.3)}.cart-fab b{width:28px;height:28px;border-radius:50%;background:#0d5d40;display:grid;place-items:center}.checkout-content{padding-bottom:70px}.checkout-card{border:1px solid var(--line);border-radius:24px;background:#fff;padding:20px;margin-bottom:14px}.checkout-card h2{font-size:22px;margin:0 0 14px}.cart-line{display:grid;grid-template-columns:90px 1fr auto;gap:14px;align-items:center}.cart-line img{width:90px;height:90px;object-fit:cover;border-radius:16px}.qty-control{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:999px;padding:8px 12px}.qty-control button{border:0;background:transparent;font-size:22px}.choice-grid,.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-card,.payment{border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left}.choice-card.active,.payment.active{border-color:var(--green);background:#effbf4}.choice-card small{display:block;color:var(--muted)}.disabled{opacity:.55}.address-card{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:16px}.address-card small{display:block;color:var(--muted)}.mini-map{height:230px;border-radius:18px;margin:12px 0;background:linear-gradient(35deg,#cbd9df 25%,#edf2f4 25% 50%,#d8e1e4 50% 75%,#f4eddd 75%);position:relative;display:grid;place-items:center;overflow:hidden}.mini-map .map-pin{font-size:54px;color:var(--green)}.mini-map button{position:absolute;bottom:18px;border:0;background:#fff;padding:10px 18px;border-radius:999px;box-shadow:var(--shadow)}.mini-map>span{position:absolute;left:14px;bottom:14px;color:#4285f4;font-weight:800}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.two-fields input,.checkout-card textarea{border:1px solid var(--line);background:var(--soft);border-radius:14px;padding:15px;outline:0}.instruction-tabs{display:flex;overflow:auto;gap:8px}.instruction-tabs button{border:0;background:var(--soft);padding:12px 16px;border-radius:12px;font-weight:700;white-space:nowrap}.instruction-tabs button.active{background:var(--green);color:#fff}.checkout-card textarea{width:100%;margin-top:10px;min-height:82px;resize:vertical}.totals-card .total-line{display:flex;justify-content:space-between;padding:7px 0}.totals-card .grand{border-top:1px solid var(--line);margin-top:7px;padding-top:14px;font-size:20px;font-weight:900}.place-order-btn{width:100%;height:70px;border:0;background:var(--green);color:#fff;border-radius:999px;display:grid;grid-template-columns:52px 1fr;align-items:center;padding:8px;font-size:18px}.place-order-btn>span{width:52px;height:52px;border-radius:50%;background:#fff;color:var(--green);display:grid;place-items:center;font-size:28px}.place-order-btn div{text-align:center}.place-order-btn small{display:block;font-size:12px;font-weight:500}.policy-page{padding-bottom:60px}.policy-hero{padding:24px 0 30px}.policy-hero span{font-size:12px;letter-spacing:.12em;font-weight:900;color:var(--accent)}.policy-hero h2{font-size:48px;letter-spacing:-.05em;margin:10px 0}.policy-hero p{color:var(--muted)}.policy-document{display:grid;gap:14px}.policy-document section,.policy-cards a{border:1px solid var(--line);border-radius:22px;padding:22px}.policy-document h2{margin-top:0}.policy-document p{color:var(--muted);line-height:1.7}.policy-links{display:flex;gap:10px;margin-top:24px}.policy-links a{padding:10px 14px;border-radius:999px;background:#fff1eb;color:var(--accent);font-weight:800}.policy-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.policy-cards a{display:grid;gap:8px}.policy-cards span{color:var(--accent)}.bottom-nav{position:fixed;z-index:100;left:50%;bottom:14px;transform:translateX(-50%);width:min(760px,calc(100% - 28px));height:74px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);box-shadow:0 18px 45px rgba(25,30,27,.12);display:grid;grid-template-columns:repeat(5,1fr);padding:7px}.nav-item{display:grid;justify-items:center;align-content:center;gap:3px;color:#737c78;font-size:12px;border-radius:20px}.nav-icon{font-size:25px}.nav-item.active{color:var(--accent);background:#fff0eb}.nav-item.active .nav-icon{font-weight:900}.toast-stack{position:fixed;right:20px;bottom:110px;z-index:500;display:grid;gap:10px}.toast{background:#202522;color:#fff;border-radius:14px;padding:13px 16px;box-shadow:var(--shadow);max-width:340px}.toast.error{background:#b4232e}.toast.success{background:#087748}.sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:600;display:grid;align-items:end}.sheet{background:#fff;border-radius:30px 30px 0 0;padding:24px;max-height:88vh;overflow:auto}.sheet-handle{width:50px;height:5px;background:#d8ddda;border-radius:999px;margin:0 auto 18px}.sheet-header{display:flex;justify-content:space-between;align-items:center}.sheet-header h2{margin:0}.sheet-close{width:42px;height:42px;border:0;border-radius:50%;font-size:24px}.location-options{display:grid;gap:10px;margin-top:18px}.location-option{border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;grid-template-columns:auto 1fr;gap:12px;background:#fff;text-align:left}.location-option b{display:block}.location-option small{color:var(--muted)}.location-search{display:flex;gap:8px;margin-top:12px}.location-search input{flex:1;border:1px solid var(--line);border-radius:14px;padding:14px}.location-search button{border:0;background:var(--green);color:#fff;border-radius:14px;padding:0 18px}.location-suggestions{display:grid;margin-top:8px}.location-suggestions button{border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;padding:13px}.otp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:18px 0}.otp-grid input{height:58px;border:1px solid var(--line);border-radius:12px;text-align:center;font-size:22px}.otp-grid input:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 3px rgba(20,139,91,.08)}
@media(max-width:780px){:root{--nav-h:76px}.container{width:min(100% - 28px,700px)}.home-header,.sub-header{height:84px;grid-template-columns:auto 1fr auto;gap:10px}.brand-icon{width:42px;height:42px}.brand-word{width:112px}.location-button strong{max-width:150px;font-size:14px}.location-button small{font-size:10px}.round-action{width:42px;height:42px}.search-bar{height:56px}.category-strip{gap:8px}.category{min-width:72px}.category i{width:60px;height:60px;font-size:24px}.hero-banner{border-radius:22px}.hero-banner img{aspect-ratio:1.78/1}.section-title h2{font-size:26px}.restaurant-grid{grid-template-columns:1fr 1fr;gap:12px}.restaurant-card .restaurant-image{height:150px}.restaurant-card h3{font-size:16px}.restaurant-card .body{padding:11px}.cuisine-strip a{min-width:92px;font-size:12px}.cuisine-strip img,.food-emoji{width:92px;height:68px}.store-hero{min-height:230px;padding:24px}.store-hero h1{font-size:36px}.store-hero>span{font-size:82px}.store-grid{grid-template-columns:repeat(2,1fr)}.store-card img{height:110px}.inspiration-grid{grid-template-columns:repeat(2,1fr)}.inspiration-grid a{height:135px;font-size:18px}.inspiration-grid span{font-size:54px}.orders-page{padding-top:24px}.orders-page>h1{font-size:44px}.order-card{grid-template-columns:74px 1fr;gap:12px}.order-card img{width:74px;height:74px}.order-actions{grid-column:2;display:flex;justify-items:start;align-items:center}.profile-row{grid-template-columns:auto 1fr}.avatar{width:76px;height:76px}.edit-btn{grid-column:2;justify-self:start}.balance-card{grid-template-columns:auto 1fr}.balance-card button{grid-column:2;justify-self:start}.account-shortcuts{grid-template-columns:1fr 1fr}.theme-grid{gap:7px}.restaurant-hero{height:270px}.restaurant-info-card{padding-left:18px;padding-right:18px}.restaurant-info-card h1{font-size:30px}.restaurant-menu-wrap{width:100%;padding-left:14px;padding-right:14px}.menu-items{grid-template-columns:repeat(2,1fr);gap:10px}.menu-item-card img{height:135px}.add-circle{top:105px}.checkout-content{width:100%;padding-left:12px;padding-right:12px}.checkout-card{border-radius:20px;padding:15px}.horizontal-list .mini-order-card{min-width:150px}.policy-cards{grid-template-columns:1fr}.policy-hero h2{font-size:38px}.bottom-nav{height:68px;bottom:8px;border-radius:24px}.nav-icon{font-size:22px}.nav-item{font-size:11px}.toast-stack{left:14px;right:14px;bottom:94px}.toast{max-width:none}.hero-control.fav{right:132px}.hero-control.share{right:78px}.hero-control.search{right:24px}.hero-control{width:46px;height:46px}.choice-grid,.payment-grid{grid-template-columns:1fr 1fr}.two-fields{grid-template-columns:1fr 1fr}.auth-brand img{width:210px}.auth-card h1{font-size:36px}.splash-inner img{width:130px;height:130px}}
@media(max-width:430px){.brand-word{width:96px}.brand-icon{width:38px;height:38px}.location-button strong{max-width:122px}.category span{font-size:11px}.restaurant-grid{grid-template-columns:1fr}.restaurant-card .restaurant-image{height:205px}.store-hero>span{display:none}.store-hero h1{font-size:32px}.account-shortcuts{grid-template-columns:1fr 1fr 1fr}.account-shortcuts a,.account-shortcuts button{padding:14px 10px}.account-shortcuts b{font-size:13px}.account-shortcuts span{font-size:11px}.menu-items{grid-template-columns:repeat(2,1fr)}.menu-item-card h3{font-size:14px}.menu-item-card p{font-size:11px}.choice-grid,.payment-grid{grid-template-columns:1fr}.phone-input{grid-template-columns:126px 1fr}.otp-grid{gap:5px}.otp-grid input{height:52px}.restaurant-stats b{font-size:16px}.restaurant-info-card h1{font-size:26px}.hero-banner img{aspect-ratio:1.68/1}}
body[data-theme="dark"]{--bg:#101312;--surface:#171b19;--soft:#202522;--soft2:#171b19;--ink:#f4f6f5;--muted:#9da7a2;--line:#2d3430;color-scheme:dark}body[data-theme="dark"] .bottom-nav,body[data-theme="dark"] .settings-card,body[data-theme="dark"] .settings-card button,body[data-theme="dark"] .account-menu,body[data-theme="dark"] .account-menu a,body[data-theme="dark"] .restaurant-info-card,body[data-theme="dark"] .sheet,body[data-theme="dark"] .checkout-card,body[data-theme="dark"] .order-card{background:#171b19}body[data-theme="dark"] .search-bar,body[data-theme="dark"] .search-input-wrap{background:#202522}


/* ===== Yamjoy Phase 2 / v11 ===== */
:root{
  --yj-orange:#ff5a1f;--yj-red:#e90045;--yj-green:#168b5b;
  --accent:var(--yj-orange);--accent2:var(--yj-red);--green:var(--yj-green);
  --danger:#c91f35;--success:#168b5b;--warning:#a95b00;
}
/* disciplined brand palette: orange/red for calls-to-action, green for success/selected */
.primary,.primary-btn,.place-order-btn{background:linear-gradient(105deg,var(--yj-orange),var(--yj-red));color:#fff!important;border:0}
.primary:hover,.primary-btn:hover{filter:brightness(.98)}
.text-action{color:var(--yj-orange);font-weight:850;border:0;background:transparent}
.round-action{position:relative;color:var(--ink);background:var(--surface)}
.round-action svg{width:23px;height:23px}.notif-badge{position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--yj-red);color:#fff;font-size:10px;font-weight:900;display:grid;place-items:center;border:2px solid #fff}
.sub-header{grid-template-columns:auto 1fr auto}.sub-header .notification-action{justify-self:end}
.header-actions{display:flex;gap:9px;align-items:center}
.settings-icon.accent{background:#fff0e9!important;color:var(--yj-orange)!important}.settings-icon.green{background:#e5f5ed!important;color:var(--yj-green)!important}
.settings-card a,.settings-card button{width:100%;border:0;background:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:18px;text-align:left;border-bottom:1px solid var(--line)}.settings-card a:last-child,.settings-card button:last-child{border-bottom:0}.settings-card a i{font-style:normal;color:var(--muted);font-size:24px}
.loading-button{position:relative;overflow:hidden}.loading-button .btn-spinner{display:none;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;animation:yjSpin .65s linear infinite;margin-left:8px}.loading-button.is-loading{pointer-events:none;opacity:.9}.loading-button.is-loading .btn-spinner{display:inline-block}.loading-button.is-loading .btn-label{opacity:.92}@keyframes yjSpin{to{transform:rotate(360deg)}}
.auth-premium{background:radial-gradient(circle at 50% 0,rgba(255,90,31,.08),transparent 32%),#fff}.premium-auth-card{box-shadow:0 24px 70px rgba(40,25,18,.08);border:1px solid var(--line)}.auth-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:900;color:var(--yj-orange)}.premium-auth-card .primary{width:100%;display:flex;justify-content:center;align-items:center;min-height:56px;border-radius:18px;font-weight:900;margin-top:8px}.premium-auth-card .standalone-input,.premium-auth-card .phone-input{border:1px solid var(--line);transition:.18s}.premium-auth-card .standalone-input:focus,.premium-auth-card .phone-input:focus-within{border-color:rgba(255,90,31,.65);box-shadow:0 0 0 4px rgba(255,90,31,.08)}
.simple-page{padding:24px 0 120px}.narrow-page{max-width:760px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:8px 0 22px}.page-heading h2{font-size:34px;letter-spacing:-.045em;margin:0 0 6px}.page-heading p{margin:0;color:var(--muted)}.page-hero-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;background:linear-gradient(135deg,#fff2eb,#fff);border:1px solid #ffe2d5;border-radius:26px;padding:22px;margin-bottom:20px}.page-hero-card h2{margin:0 0 5px}.page-hero-card p{margin:0;color:var(--muted)}.hero-symbol{width:52px;height:52px;border-radius:17px;background:#fff;display:grid;place-items:center;color:var(--yj-orange);font-size:25px;box-shadow:0 8px 20px rgba(33,25,20,.06)}
.stack-list{display:grid;gap:10px}.notification-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border:1px solid var(--line);padding:16px;border-radius:20px;background:#fff}.notification-row .dot{width:10px;height:10px;border-radius:50%;background:var(--yj-red)}.notification-row.read .dot{background:var(--line)}.notification-row h3{margin:0 0 4px;font-size:16px}.notification-row p{margin:0;color:var(--muted);font-size:13px}.empty-premium{text-align:center;padding:64px 22px;border:1px dashed var(--line);border-radius:28px}.empty-premium .empty-icon{width:74px;height:74px;border-radius:22px;background:#fff0e9;display:grid;place-items:center;margin:0 auto 16px;font-size:32px;color:var(--yj-orange)}.empty-premium h2{margin:0 0 8px}.empty-premium p{max-width:520px;margin:0 auto;color:var(--muted);line-height:1.6}
.promo-entry-card,.info-card,.profile-form-card,.security-card,.address-manager-card,.faq-card{border:1px solid var(--line);border-radius:26px;background:#fff;padding:24px;box-shadow:0 12px 32px rgba(34,27,22,.05)}.promo-entry-card{text-align:center}.promo-entry-card .hero-symbol{margin:0 auto 12px}.promo-entry-card h2{font-size:30px;margin:0 0 8px}.promo-entry-card p,.info-card p{color:var(--muted);line-height:1.6}.promo-entry-card form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:20px}.promo-entry-card input{min-height:54px;border:1px solid var(--line);border-radius:16px;padding:0 15px;outline:0}.promo-entry-card button{min-width:150px;border-radius:16px}.info-card{margin-top:14px;box-shadow:none;background:var(--soft2)}
.selection-list{display:grid;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#fff}.selection-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:18px;border-bottom:1px solid var(--line);background:#fff;text-align:left;border-left:0;border-right:0;border-top:0}.selection-row:last-child{border-bottom:0}.selection-row>span,.method-icon{width:42px;height:42px;border-radius:14px;background:#fff0e9;color:var(--yj-orange);display:grid;place-items:center;font-weight:900}.selection-row b,.selection-row small{display:block}.selection-row small{color:var(--muted);margin-top:3px}.selection-row i{font-style:normal;color:var(--muted)}.selection-row.active{box-shadow:inset 4px 0 var(--yj-green)}.selection-row.active i{color:var(--yj-green)}.selection-row.muted{opacity:.82}
.support-hero{display:flex;align-items:center;gap:16px;margin-bottom:20px}.support-hero h2{font-size:36px;margin:0 0 5px}.support-hero p{margin:0;color:var(--muted)}.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.support-grid a{display:grid;grid-template-columns:1fr auto;gap:5px;border:1px solid var(--line);border-radius:22px;padding:20px}.support-grid a b,.support-grid a span{grid-column:1}.support-grid a span{color:var(--muted);font-size:13px}.support-grid a i{grid-column:2;grid-row:1/3;align-self:center;color:var(--yj-orange);font-style:normal}.faq-card{margin-top:20px}.faq-card h2{margin-top:0}.faq-card details{border-top:1px solid var(--line);padding:14px 0}.faq-card summary{font-weight:800;cursor:pointer}.faq-card p{color:var(--muted);line-height:1.6}
.about-brand-card{text-align:center;padding:30px 20px}.about-brand-card img:first-child{width:110px;height:110px;border-radius:50%}.about-brand-card img:nth-child(2){display:block;width:180px;margin:12px auto}.about-brand-card p{max-width:540px;margin:0 auto 22px;color:var(--muted);line-height:1.65}.version-line{text-align:center;color:var(--muted);font-size:12px;margin-top:18px}
.toggle-list{display:grid;border:1px solid var(--line);border-radius:26px;overflow:hidden}.toggle-list label{display:grid;grid-template-columns:1fr auto;gap:16px;padding:18px;background:#fff;border-bottom:1px solid var(--line);align-items:center}.toggle-list label:last-child{border-bottom:0}.toggle-list b,.toggle-list small{display:block}.toggle-list small{color:var(--muted);margin-top:3px}.toggle-list input{appearance:none;width:48px;height:28px;border-radius:999px;background:#ddd;position:relative;transition:.2s}.toggle-list input:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 2px 8px rgba(0,0,0,.16);transition:.2s}.toggle-list input:checked{background:var(--yj-green)}.toggle-list input:checked:after{transform:translateX(20px)}.wide-button{width:100%;min-height:56px;border-radius:18px;margin-top:16px;font-weight:900;display:flex;justify-content:center;align-items:center}
.security-card{display:flex;gap:16px;align-items:center;margin-bottom:18px}.security-mark{width:58px;height:58px;border-radius:18px;background:#e5f5ed;color:var(--yj-green);display:grid;place-items:center;font-size:28px;font-weight:900}.security-card h2{margin:0 0 5px}.security-card p{margin:0;color:var(--muted)}
.address-manager-card{margin-bottom:14px}.address-manager-card .address-icon{width:54px;height:54px;border-radius:17px;background:#fff0e9;color:var(--yj-orange);display:grid;place-items:center;font-size:24px;margin-bottom:14px}.address-manager-card h3{margin:0 0 5px}.address-manager-card p{margin:0;color:var(--muted);line-height:1.5}.profile-form-card{display:grid;gap:14px}.profile-avatar-large{width:94px;height:94px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;background:linear-gradient(135deg,#fff0e8,#ffe3ea);color:var(--yj-orange);font-weight:900;font-size:38px}.profile-form-card label{display:grid;gap:7px;font-weight:750}.profile-form-card input{height:54px;border:1px solid var(--line);border-radius:16px;padding:0 14px;background:#fff;outline:0}.profile-form-card input:focus{border-color:rgba(255,90,31,.65);box-shadow:0 0 0 4px rgba(255,90,31,.08)}
.success-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 12%,rgba(255,90,31,.11),transparent 28%),#fff}.success-card-v11{width:min(560px,100%);text-align:center;border:1px solid var(--line);border-radius:34px;padding:34px;background:#fff;box-shadow:0 30px 80px rgba(43,29,20,.11)}.success-brand img{width:88px;height:88px;border-radius:50%;box-shadow:0 14px 34px rgba(255,90,31,.13)}.success-check{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;margin:22px auto 16px;background:linear-gradient(135deg,#e5f5ed,#fff);border:1px solid #cdebdc}.success-check span{width:58px;height:58px;border-radius:50%;background:var(--yj-green);color:#fff;display:grid;place-items:center;font-size:34px;font-weight:900}.success-eyebrow{font-size:11px;letter-spacing:.16em;color:var(--yj-orange);font-weight:900}.success-card-v11 h1{font-size:42px;letter-spacing:-.055em;margin:8px 0}.success-card-v11 p{color:var(--muted);line-height:1.65;margin:0 auto;max-width:440px}.success-reference{margin:18px auto 0;padding:12px 14px;border-radius:14px;background:#fff3ed;font-weight:800;color:var(--yj-orange)}.success-actions-v11{display:grid;gap:10px;margin-top:24px}.success-actions-v11 .primary,.success-actions-v11 .secondary{min-height:54px;border-radius:17px;display:grid;place-items:center;font-weight:900}.success-actions-v11 .secondary{border:1px solid var(--line);background:#fff}
@media(max-width:700px){.page-hero-card{grid-template-columns:auto 1fr}.page-hero-card .text-action{grid-column:2;justify-self:start}.support-grid{grid-template-columns:1fr}.promo-entry-card form{grid-template-columns:1fr}.page-heading{align-items:start;flex-direction:column}.success-card-v11{padding:28px 20px}.success-card-v11 h1{font-size:36px}.sub-header{grid-template-columns:auto 1fr auto;gap:10px}.sub-header .brand-word{display:none}}


/* Yamjoy v11.1 — exact hero fit, no cropping */
.hero-banner{
  position:relative;
  width:100%;
  background:#ff4b22;
  overflow:hidden;
  line-height:0;
}
.hero-banner img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
}
@media(max-width:780px){
  .hero-banner{border-radius:22px!important;}
  .hero-banner img{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;}
}
@media(max-width:430px){
  .hero-banner{border-radius:20px!important;margin-top:14px!important;}
  .hero-banner img{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;}
}


/* Yamjoy v11.2 main website drawer */
.menu-action{border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}.menu-action svg{width:24px;height:24px}.menu-backdrop{position:fixed;inset:0;z-index:760;background:rgba(23,18,16,.34);backdrop-filter:blur(2px);opacity:0;transition:.22s opacity}.menu-backdrop.open{opacity:1}.main-drawer{position:fixed;z-index:770;top:0;right:0;width:min(430px,94vw);height:100dvh;background:#fff;box-shadow:-28px 0 70px rgba(39,24,17,.18);transform:translateX(104%);transition:.28s cubic-bezier(.2,.8,.2,1);overflow:auto;padding:18px 18px 34px}.main-drawer.open{transform:translateX(0)}body.drawer-open{overflow:hidden}.drawer-top{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}.drawer-brand{display:flex;align-items:center;gap:10px}.drawer-brand img:first-child{width:44px;height:44px;border-radius:50%}.drawer-brand img:last-child{width:112px;height:auto}.drawer-close{width:42px;height:42px;border:0;border-radius:50%;background:#f5f2f0;color:#342a26;font-size:28px;line-height:1}.drawer-account-card{margin:10px 0 16px;padding:14px;border:1px solid #eadfd9;border-radius:20px;background:linear-gradient(135deg,#fffaf7,#fff);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.drawer-account-icon{width:42px;height:42px;border-radius:14px;background:#fff0e9;color:var(--accent);display:grid;place-items:center;font-size:24px}.drawer-account-card small,.drawer-earn-link small,.drawer-nav small{display:block;color:#85766f;font-size:11px;margin-top:2px;line-height:1.35}.drawer-account-card strong,.drawer-nav strong,.drawer-earn-link strong{display:block;color:#211a17}.drawer-earn{border-radius:24px;background:linear-gradient(145deg,#fff3ed,#fff9f5);border:1px solid #ffd9c8;padding:18px;margin-bottom:14px}.drawer-kicker{font-size:10px;letter-spacing:.12em;font-weight:900;color:#d94b20}.drawer-earn h2{font-size:26px;margin:7px 0 6px;letter-spacing:-.04em}.drawer-earn>p{margin:0 0 14px;color:#74645d;font-size:13px;line-height:1.5}.drawer-earn-link{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;background:#fff;border:1px solid #efe1da;border-radius:17px;padding:12px;margin-top:9px}.drawer-earn-link>span{width:38px;height:38px;border-radius:12px;background:#fff0e9;color:var(--accent);display:grid;place-items:center;font-size:18px}.drawer-nav{display:grid;gap:4px}.drawer-nav>a{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:12px 8px;border-radius:14px}.drawer-nav>a:hover{background:#fff6f1}.drawer-nav>a>span{width:36px;height:36px;border-radius:12px;background:#f7f2ef;color:#5a4d47;display:grid;place-items:center;font-size:17px}.drawer-nav>a:nth-child(1)>span,.drawer-nav>a:nth-child(2)>span{background:#fff0e9;color:var(--accent)}.drawer-nav>a>b,.drawer-earn-link>b,.drawer-account-card>b{color:#9a8b84}.drawer-divider{height:1px;background:#eee5e1;margin:12px 4px}.drawer-secondary>a>span{background:#f5f3f2}.drawer-footer{margin-top:18px;padding:18px;border-radius:20px;background:#201a18;color:#fff}.drawer-footer strong{display:block;font-size:18px}.drawer-footer span{display:block;margin-top:5px;color:#c9bdb7;font-size:12px}.drawer-footer small{display:block;margin-top:14px;color:#968982;font-size:10px;letter-spacing:.05em}@media(max-width:780px){.main-drawer{padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(28px,env(safe-area-inset-bottom))}.drawer-earn h2{font-size:23px}.home-header .menu-action{justify-self:end}}


/* Yamjoy v11.3 — Stores page rebuild: stable mobile layout + Yamjoy brand discipline */
body[data-page="stores"]{overflow-x:hidden;background:#fff}
body[data-page="stores"] .app-page{overflow-x:clip}
body[data-page="stores"] .stores-page-content{padding-top:2px;max-width:1180px;overflow:visible}
body[data-page="stores"] .stores-header{position:relative;background:#fff}
body[data-page="stores"] .stores-location{min-width:0;max-width:420px}
body[data-page="stores"] .stores-location strong{max-width:260px}
body[data-page="stores"] .stores-search{margin-top:4px;border:1px solid #efe7e3;background:#f7f4f2;color:#766a65;box-shadow:none}
body[data-page="stores"] .store-types{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:16px 2px 10px;gap:12px}
body[data-page="stores"] .store-types::-webkit-scrollbar{display:none}
body[data-page="stores"] .store-types .category{scroll-snap-align:start;flex:0 0 auto;min-width:82px}
body[data-page="stores"] .store-types .category i{width:66px;height:66px;background:#f7f4f2;border:1px solid #efe5df;transition:.2s ease}
body[data-page="stores"] .store-types .category.active i{background:linear-gradient(145deg,#fff3ed,#ffe6ec);border-color:#ff9d7d;box-shadow:0 10px 24px rgba(255,77,31,.09)}
body[data-page="stores"] .store-types .category.active span{color:var(--accent)}

body[data-page="stores"] .store-hero-yamjoy{position:relative;margin-top:18px;min-height:310px;border-radius:30px;padding:38px;background:linear-gradient(125deg,#ff5a1f 0%,#ff3a27 45%,#e90045 100%);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:26px;overflow:hidden;isolation:isolate;box-shadow:0 22px 55px rgba(224,54,37,.18)}
body[data-page="stores"] .store-hero-yamjoy:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(255,255,255,.08);right:-110px;top:-190px;z-index:-1}
body[data-page="stores"] .store-hero-yamjoy:after{content:"";position:absolute;width:310px;height:310px;border-radius:50%;background:rgba(255,193,73,.13);left:40%;bottom:-230px;z-index:-1}
body[data-page="stores"] .store-hero-copy{min-width:0;max-width:690px}
body[data-page="stores"] .store-hero-copy small{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.15);font-size:10px;letter-spacing:.14em;font-weight:900}
body[data-page="stores"] .store-hero-copy h1{font-size:clamp(40px,5vw,62px);line-height:.94;letter-spacing:-.06em;margin:14px 0 14px;max-width:700px}
body[data-page="stores"] .store-hero-copy p{font-size:17px;line-height:1.55;max-width:620px;margin:0;color:rgba(255,255,255,.88)}
body[data-page="stores"] .store-hero-copy a{margin-top:20px;display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 20px;border-radius:999px;background:#fff;color:#e93d24;font-weight:900;box-shadow:0 10px 24px rgba(119,32,14,.14)}
body[data-page="stores"] .store-hero-art{height:220px;position:relative;display:grid;place-items:center}
body[data-page="stores"] .store-hero-art span{position:absolute;display:grid;place-items:center;background:rgba(255,255,255,.94);box-shadow:0 20px 45px rgba(115,28,16,.15);border:1px solid rgba(255,255,255,.72)}
body[data-page="stores"] .hero-bag{width:150px;height:150px;border-radius:42px;font-size:78px;transform:rotate(-5deg)}
body[data-page="stores"] .hero-pill{width:78px;height:78px;border-radius:25px;font-size:38px;right:16px;top:14px;transform:rotate(7deg)}
body[data-page="stores"] .hero-food{width:72px;height:72px;border-radius:23px;font-size:35px;left:14px;bottom:6px;transform:rotate(-9deg)}

body[data-page="stores"] .section-eyebrow{display:block;color:#d94b20;font-size:10px;font-weight:900;letter-spacing:.13em;margin-bottom:5px}
body[data-page="stores"] .section-title{align-items:flex-end}
body[data-page="stores"] .section-title h2{font-size:clamp(28px,3vw,38px)}
body[data-page="stores"] .store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;min-width:0}
body[data-page="stores"] .store-card{min-width:0;overflow:hidden;border:1px solid #eee5e0;border-radius:22px;padding:10px;background:#fff;box-shadow:0 10px 28px rgba(46,31,23,.055);transition:.18s transform,.18s box-shadow}
body[data-page="stores"] .store-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(46,31,23,.09)}
body[data-page="stores"] .store-card img{display:block;width:100%;height:auto;aspect-ratio:1.35/1;object-fit:cover;border-radius:16px;background:#f5f2f0}
body[data-page="stores"] .store-card h3{font-size:17px;line-height:1.22;margin:11px 2px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-page="stores"] .store-card p{font-size:13px;margin:0 2px 4px;color:#80736d}
body[data-page="stores"] .stores-browse-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body[data-page="stores"] .stores-browse-grid a{min-width:0;border:1px solid #eee5e0;background:linear-gradient(145deg,#fffaf7,#fff);padding:18px;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;font-size:16px}
body[data-page="stores"] .stores-browse-grid .browse-icon{width:48px;height:48px;border-radius:15px;background:#fff0e9;display:grid;place-items:center;font-size:24px}
body[data-page="stores"] .stores-browse-grid b,body[data-page="stores"] .stores-browse-grid small{display:block}
body[data-page="stores"] .stores-browse-grid small{font-size:11px;color:#887a73;margin-top:3px}

@media(max-width:900px){
 body[data-page="stores"] .store-hero-yamjoy{grid-template-columns:minmax(0,1fr) 250px;padding:30px;min-height:280px}
 body[data-page="stores"] .store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
 body[data-page="stores"] .container{width:min(100% - 28px,1180px)}
 body[data-page="stores"] .stores-header{height:82px;grid-template-columns:auto minmax(0,1fr) auto;gap:10px}
 body[data-page="stores"] .stores-header .brand-icon{width:44px;height:44px}
 body[data-page="stores"] .stores-header .brand-word{display:none}
 body[data-page="stores"] .stores-location{justify-self:start;width:100%;max-width:100%;overflow:hidden;gap:7px}
 body[data-page="stores"] .stores-location .pin{font-size:17px;flex:0 0 auto}
 body[data-page="stores"] .stores-location span:nth-child(2){min-width:0}
 body[data-page="stores"] .stores-location small{font-size:9px;letter-spacing:.08em;text-transform:uppercase;font-weight:800}
 body[data-page="stores"] .stores-location strong{font-size:14px;max-width:100%;display:block}
 body[data-page="stores"] .menu-action{width:44px;height:44px}
 body[data-page="stores"] .stores-search{height:54px;border-radius:17px;padding:0 14px;gap:10px}
 body[data-page="stores"] .stores-search>span:first-child{font-size:25px}
 body[data-page="stores"] .stores-search span:nth-child(2){font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body[data-page="stores"] .store-types{margin-inline:0;padding-top:14px;gap:8px}
 body[data-page="stores"] .store-types .category{min-width:70px}
 body[data-page="stores"] .store-types .category i{width:58px;height:58px;font-size:25px;margin-bottom:6px}
 body[data-page="stores"] .store-types .category span{font-size:11px}
 body[data-page="stores"] .store-hero-yamjoy{display:block;min-height:0;padding:24px 22px 118px;border-radius:24px;margin-top:14px}
 body[data-page="stores"] .store-hero-copy h1{font-size:38px;line-height:.95;margin-top:12px;max-width:430px}
 body[data-page="stores"] .store-hero-copy p{font-size:14px;line-height:1.48;max-width:430px}
 body[data-page="stores"] .store-hero-copy a{min-height:46px;padding:0 16px;font-size:13px;margin-top:16px}
 body[data-page="stores"] .store-hero-art{position:absolute;right:8px;bottom:2px;width:180px;height:122px;opacity:.98}
 body[data-page="stores"] .hero-bag{width:95px;height:95px;border-radius:29px;font-size:48px}
 body[data-page="stores"] .hero-pill{width:52px;height:52px;border-radius:17px;font-size:25px;right:2px;top:3px}
 body[data-page="stores"] .hero-food{width:48px;height:48px;border-radius:16px;font-size:23px;left:8px;bottom:3px}
 body[data-page="stores"] .home-section{margin-top:26px}
 body[data-page="stores"] .section-title{margin-bottom:12px}
 body[data-page="stores"] .section-title h2{font-size:28px}
 body[data-page="stores"] .store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 body[data-page="stores"] .store-card{border-radius:18px;padding:8px}
 body[data-page="stores"] .store-card img{border-radius:13px;aspect-ratio:1.1/1}
 body[data-page="stores"] .store-card h3{font-size:14px;margin-top:8px}
 body[data-page="stores"] .store-card p{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body[data-page="stores"] .stores-browse-grid{grid-template-columns:1fr;gap:10px}
 body[data-page="stores"] .stores-browse-grid a{padding:14px;border-radius:18px}
}
@media(max-width:390px){
 body[data-page="stores"] .container{width:calc(100% - 22px)}
 body[data-page="stores"] .stores-header{gap:7px}
 body[data-page="stores"] .stores-header .brand-icon{width:40px;height:40px}
 body[data-page="stores"] .menu-action{width:40px;height:40px}
 body[data-page="stores"] .stores-location strong{font-size:13px}
 body[data-page="stores"] .store-hero-yamjoy{padding:22px 18px 112px}
 body[data-page="stores"] .store-hero-copy h1{font-size:34px}
 body[data-page="stores"] .store-grid{gap:9px}
}

/* Yamjoy v11.4 clean brand and OTP */
html,body{max-width:100%;overflow-x:hidden}.auth-page{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.auth-brand{width:min(100%,520px);margin-inline:auto;text-align:center;overflow:visible}.auth-brand img{display:block;width:min(310px,72vw)!important;max-width:100%;height:auto;margin:0 auto;object-fit:contain}.premium-auth-card{width:min(calc(100% - 28px),620px);margin-inline:auto;box-sizing:border-box;overflow:hidden}.phone-input{width:100%;min-width:0;box-sizing:border-box}.phone-input select,.phone-input input{min-width:0;max-width:100%;box-sizing:border-box}.sheet-backdrop{padding:0;overflow:hidden;box-sizing:border-box}.sheet{width:min(100%,720px);max-width:100%;margin:0 auto;box-sizing:border-box;overflow-x:hidden;overscroll-behavior:contain}.otp-backdrop{background:rgba(26,20,17,.48);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.otp-sheet{padding:22px 22px calc(22px + env(safe-area-inset-bottom));border-radius:32px 32px 0 0;max-height:min(88dvh,760px);background:#fff;box-shadow:0 -24px 70px rgba(50,27,18,.16)}.otp-sheet-header{gap:18px;align-items:flex-start}.otp-sheet-header>div{min-width:0}.otp-kicker{display:block;margin-bottom:5px;font-size:10px;letter-spacing:.14em;font-weight:900;color:#ff5a1f}.otp-sheet-header h2{font-size:clamp(25px,6vw,34px);line-height:1.05;letter-spacing:-.04em}.otp-copy{margin:12px 0 0;color:#6f6965;line-height:1.55;font-size:15px}.otp-copy b{color:#231f1d;white-space:nowrap}.otp-entry{position:relative;margin:22px 0 14px;cursor:text}.otp-code-input{position:absolute;inset:0;width:100%;height:100%;opacity:.01;color:transparent;background:transparent;border:0;outline:0;caret-color:transparent;z-index:3;font-size:16px}.otp-boxes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.otp-box{height:64px;border:1.5px solid #e5ded9;border-radius:15px;background:#fff;display:grid;place-items:center;font-size:26px;font-weight:900;color:#211d1b;transition:.16s ease;box-shadow:0 5px 16px rgba(44,26,17,.035)}.otp-box.filled{border-color:#ff8a4c;background:#fff9f6}.otp-box.active{border-color:#ff5a1f;box-shadow:0 0 0 4px rgba(255,90,31,.10)}.otp-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 16px;padding:12px 14px;border-radius:14px;background:#fff7f3;color:#756a64;font-size:13px}.otp-status-row strong{color:#ff4d20;font-variant-numeric:tabular-nums}.otp-primary,.otp-resend{width:100%;min-height:58px;border-radius:18px!important;margin:0!important;font-size:15px;font-weight:900}.otp-primary{background:linear-gradient(90deg,#ff641e 0%,#ff3d30 52%,#ef0048 100%)!important;color:#fff!important;border:0!important;box-shadow:0 16px 30px rgba(239,0,72,.17)}.otp-primary:disabled{opacity:.58;box-shadow:none}.otp-resend{margin-top:10px!important;background:#fff!important;color:#211d1b!important;border:1px solid #e7dfda!important}.otp-resend:disabled{opacity:.52;color:#8a817c!important}.otp-resend.ready{border-color:#ff9d77!important;color:#d94319!important}.otp-secure-note{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;margin-top:14px;padding:13px 14px;border-radius:16px;background:#fff7f3;border:1px solid #f6e3da}.otp-secure-note>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#ff671e,#ef0048);color:#fff;font-weight:900}.otp-secure-note b{display:block;font-size:13px}.otp-secure-note small{display:block;margin-top:2px;color:#81756f;line-height:1.35}@media(max-width:520px){.auth-page{padding-left:0!important;padding-right:0!important}.auth-back{left:18px!important}.auth-brand{padding:0 18px;box-sizing:border-box}.auth-brand img{width:min(255px,72vw)!important}.premium-auth-card{width:calc(100% - 24px);padding:20px!important;border-radius:24px!important}.premium-auth-card h1{font-size:34px!important;line-height:1.02!important}.otp-sheet{width:100%;padding-left:16px;padding-right:16px;border-radius:26px 26px 0 0}.otp-boxes{gap:6px}.otp-box{height:56px;border-radius:13px;font-size:23px}.otp-status-row{font-size:12px}}@media(max-width:360px){.otp-boxes{gap:4px}.otp-box{height:50px;font-size:20px;border-radius:11px}}


/* === Yamjoy Food-only Experience v11.5 === */
.food-only-nav{grid-template-columns:repeat(4,1fr)!important;max-width:680px}.food-only-nav .nav-item.active{background:#fff0e9;color:#ff541e}.food-only-nav .nav-icon{font-size:24px}.discover-main,.profile-hub-main{background:#fff}.discover-shell{padding-top:24px;padding-bottom:120px}.discover-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.discover-kicker,.section-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:900;color:#d94a20}.discover-top h1{font-size:50px;letter-spacing:-.06em;margin:4px 0 2px;line-height:1}.discover-top p{margin:0;color:var(--muted);font-size:15px}.discover-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff8b1c,#ef0045);color:#fff;font-weight:900;box-shadow:0 10px 30px rgba(235,66,27,.22)}.discover-search{height:62px;border:1px solid #e9e5e2;background:#f7f6f5;border-radius:22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 16px}.discover-search>span{font-size:27px}.discover-search input{border:0;background:transparent;outline:0;font-size:16px;width:100%}.discover-search button{border:0;background:#fff;width:42px;height:42px;border-radius:14px;font-size:20px;box-shadow:0 6px 18px rgba(32,24,19,.06)}.discover-tabs,.discover-filter-strip{display:flex;gap:9px;overflow:auto;scrollbar-width:none;padding:14px 0 2px}.discover-tabs::-webkit-scrollbar,.discover-filter-strip::-webkit-scrollbar{display:none}.discover-tabs button,.discover-filter-strip button{flex:0 0 auto;border:1px solid #ebe5e1;background:#fff;border-radius:999px;padding:10px 14px;font-weight:800;color:#5f5651}.discover-tabs button.active{background:#211b18;color:#fff;border-color:#211b18}.discover-filter-strip button{background:#f7f5f3}.discover-inspire{padding-top:38px}.food-only-inspiration{grid-template-columns:repeat(4,1fr)!important;gap:12px!important}.food-only-inspiration a{position:relative;min-height:136px!important;height:auto!important;border:1px solid #eee5df!important;background:linear-gradient(145deg,#fff9f5,#fff)!important;border-radius:22px!important;padding:17px!important;overflow:hidden}.food-only-inspiration a:nth-child(4n+2){background:linear-gradient(145deg,#fff5f7,#fff)!important}.food-only-inspiration a:nth-child(4n+3){background:linear-gradient(145deg,#fff9ed,#fff)!important}.food-only-inspiration a:nth-child(4n){background:linear-gradient(145deg,#f7fff5,#fff)!important}.food-only-inspiration b{position:relative;z-index:2;font-size:17px}.food-only-inspiration span{position:absolute!important;right:10px;bottom:6px;font-size:62px!important;filter:drop-shadow(0 8px 12px rgba(0,0,0,.08))}.discover-results{padding-top:40px}.discover-results .restaurant-grid{margin-top:10px}.profile-hub-page{background:#f7f6f4}.profile-hero{background:linear-gradient(135deg,#ff9b21 0%,#ff5a1f 52%,#ea003f 100%);color:#fff;border-radius:0 0 42px 42px;overflow:hidden}.profile-hero-inner{padding-top:22px;padding-bottom:34px}.profile-hero-brand{display:flex;justify-content:space-between;align-items:center}.profile-hero .brand{background:#fff;padding:7px 10px;border-radius:18px}.profile-hero .brand-icon{width:38px;height:38px}.profile-hero .brand-word{width:105px}.profile-help{color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.5);padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px)}.profile-person-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:34px}.profile-person-row .avatar,.guest-profile-card .avatar{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#e84d22;font-size:30px;font-weight:950;box-shadow:0 12px 30px rgba(117,35,11,.18)}.profile-person-copy span{display:block;font-size:10px;letter-spacing:.14em;font-weight:900;opacity:.82}.profile-person-copy h1{font-size:30px;margin:4px 0 5px;letter-spacing:-.04em}.profile-person-copy p{margin:2px 0;color:rgba(255,255,255,.82);font-size:13px}.profile-chevron{font-size:36px;color:#fff}.guest-profile-card{margin-top:30px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}.guest-profile-card h1{margin:4px 0 5px;font-size:28px}.guest-profile-card p{margin:0;color:rgba(255,255,255,.85)}.guest-profile-actions{grid-column:1/-1;display:flex;gap:10px}.guest-profile-actions a{flex:1;text-align:center;border-radius:16px;padding:13px;font-weight:900}.guest-profile-actions .primary{background:#fff;color:#dc421d}.guest-profile-actions .secondary{border:1px solid rgba(255,255,255,.55);color:#fff}.profile-content{padding-top:18px;padding-bottom:120px}.profile-primary-card,.profile-menu-card{background:#fff;border:1px solid #ece6e2;border-radius:24px;overflow:hidden;box-shadow:0 12px 30px rgba(36,27,21,.045)}.profile-order-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:17px}.profile-order-row b,.profile-menu-card b{display:block;font-size:15px}.profile-order-row small,.profile-menu-card small{display:block;color:#857a74;margin-top:2px;font-size:11px}.profile-order-row a{background:#fff0e9;color:#d9471f;padding:9px 12px;border-radius:999px;font-size:12px;font-weight:900}.profile-menu-card{margin-top:14px}.profile-menu-card>a{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:16px;border-bottom:1px solid #f0ebe7}.profile-menu-card>a:last-child{border-bottom:0}.profile-menu-icon{width:42px;height:42px;border-radius:14px;background:#fff2ec;color:#dc4a21;display:grid;place-items:center;font-size:20px;font-style:normal}.profile-menu-card i{font-style:normal;font-size:24px;color:#8f847e}.profile-menu-card em{font-style:normal;font-size:9px;font-weight:950;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,#ff7c18,#ea0040);padding:5px 7px;border-radius:999px}.profile-version{text-align:center;color:#9d948f;font-size:11px;padding:22px 0}.store-hero{background:linear-gradient(135deg,#ff9a1f,#ff5a1f 55%,#ea003f)!important}.store-hero>span{filter:none!important}.search-tabs button[data-query="groceries"],.search-tabs button[data-query="pharmacy"],.search-tabs button[data-query="electronics"]{display:none!important}
@media(max-width:780px){.discover-shell{padding-top:18px}.discover-top h1{font-size:42px}.food-only-inspiration{grid-template-columns:repeat(2,1fr)!important}.food-only-inspiration a{min-height:128px!important}.profile-hero{border-radius:0 0 30px 30px}.profile-person-row .avatar,.guest-profile-card .avatar{width:72px;height:72px}.profile-person-copy h1{font-size:25px}.profile-menu-card>a{padding:14px}.food-only-nav{width:calc(100% - 20px)!important}.food-only-nav .nav-item{font-size:11px}}


/* Yamjoy v11.6 — premium profile background, 4-digit OTP, manual Kenya address */
.profile-hub-page{background:linear-gradient(180deg,#fffaf7 0,#fff 34%,#f8f6f4 100%)!important}.profile-hub-main{background:transparent!important}.profile-hero{position:relative;isolation:isolate}.profile-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 85% 18%,rgba(255,255,255,.18),transparent 28%),radial-gradient(circle at 8% 90%,rgba(255,212,133,.18),transparent 26%)}.guest-profile-actions{width:100%}.guest-profile-actions .primary{display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;color:#d9401d!important;border:1px solid rgba(255,255,255,.96)!important;box-shadow:0 12px 28px rgba(125,36,14,.16)!important;min-height:56px!important;text-decoration:none!important}.guest-profile-actions .primary:after{content:" →";margin-left:8px}.guest-profile-actions .secondary{display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(255,255,255,.08)!important;color:#fff!important;min-height:56px!important;text-decoration:none!important}.otp-boxes{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;max-width:360px;margin:0 auto}.otp-box{height:70px!important;border-radius:18px!important;font-size:30px!important}.otp-sheet{overflow-x:hidden!important}.otp-entry{max-width:420px;margin-left:auto!important;margin-right:auto!important}.manual-address-page{background:linear-gradient(180deg,#fff9f5 0,#fff 24%,#f7f5f3 100%)}.manual-address-header{align-items:flex-start;padding-top:20px;padding-bottom:16px}.manual-address-header>div{text-align:left}.manual-address-header h1{margin:0;font-size:28px;letter-spacing:-.04em}.manual-address-header p{margin:5px 0 0;color:#847871;font-size:12px}.manual-address-shell{max-width:820px;padding-bottom:120px}.manual-address-form{background:#fff;border:1px solid #ece4df;border-radius:28px;padding:22px;box-shadow:0 20px 55px rgba(46,29,20,.07)}.manual-address-intro{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:16px;border-radius:20px;background:linear-gradient(135deg,#fff3ea,#fff9f5);border:1px solid #f6dfd3;margin-bottom:22px}.manual-pin{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#ff7b1c,#ee0045);color:#fff;font-size:24px}.manual-address-intro b{display:block;font-size:16px}.manual-address-intro small{display:block;margin-top:3px;color:#7c706a;line-height:1.45}.manual-grid{display:grid;gap:14px}.manual-grid.two{grid-template-columns:1fr 1fr}.manual-field{position:relative;display:block;margin-bottom:14px}.manual-field>span{position:absolute;z-index:2;left:14px;top:-7px;padding:0 6px;background:#fff;color:#7c706b;font-size:11px;font-weight:800}.manual-field input,.manual-field select,.manual-field textarea{width:100%;box-sizing:border-box;border:1.5px solid #ded7d2;background:#fff;border-radius:16px;padding:16px 15px 14px;font:inherit;color:#211d1b;outline:none;transition:.16s}.manual-field select{appearance:auto}.manual-field textarea{resize:vertical;min-height:94px}.manual-field input:focus,.manual-field select:focus,.manual-field textarea:focus{border-color:#ff6d27;box-shadow:0 0 0 4px rgba(255,96,31,.09)}.manual-field input[readonly]{background:#f7f5f3;color:#6e625c}.manual-section-title{margin:10px 0 14px}.manual-section-title h2{font-size:18px;margin:0;letter-spacing:-.02em}.manual-section-title p{margin:3px 0 0;color:#8b7f79;font-size:12px}.manual-address-labels{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:2px 0 18px}.manual-address-labels>span{font-size:12px;color:#7c706b;font-weight:800;margin-right:2px}.manual-address-labels label{cursor:pointer}.manual-address-labels input{position:absolute;opacity:0}.manual-address-labels b{display:inline-flex;padding:10px 15px;border-radius:999px;border:1px solid #e4dcd7;background:#fff;color:#665b55;font-size:12px}.manual-address-labels input:checked+b{background:#fff0e8;border-color:#ff9c72;color:#d7461f;box-shadow:0 0 0 3px rgba(255,103,42,.07)}.manual-save-btn{width:100%!important;min-height:58px!important;border-radius:18px!important;background:linear-gradient(90deg,#ff781d,#ff3f2c 55%,#ed0048)!important;border:0!important;color:#fff!important;font-weight:900!important;box-shadow:0 16px 30px rgba(238,28,61,.16)}@media(max-width:640px){.manual-address-shell{padding-left:12px;padding-right:12px}.manual-address-form{border-radius:24px;padding:16px}.manual-grid.two{grid-template-columns:1fr}.manual-address-header h1{font-size:24px}.otp-boxes{gap:9px!important}.otp-box{height:62px!important;font-size:27px!important}}


/* Yamjoy v12 final design system */
.auth-google-button{width:100%;min-height:56px;border:1.5px solid #e6ded9;border-radius:18px;background:#fff;color:#201a17;font-weight:900;font-size:15px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 18px;margin:0 0 16px;box-shadow:0 8px 22px rgba(44,28,20,.04)}
.auth-google-button .google-g{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);color:#fff;font-weight:950;font-size:16px;border:4px solid #fff;box-shadow:0 1px 5px rgba(0,0,0,.12)}
.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:4px 0 18px;color:#91857f;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.auth-divider span{height:1px;background:#eee6e1}.auth-divider b{font-weight:850}
.onboarding-page{margin:0;background:linear-gradient(160deg,#ffb12c 0,#ff6b1d 42%,#ea003f 100%);min-height:100vh;color:#fff;font-family:inherit}.onboarding-shell{min-height:100vh;max-width:540px;margin:0 auto;position:relative;display:flex;flex-direction:column;overflow:hidden}.onboarding-skip{position:absolute;right:20px;top:max(20px,env(safe-area-inset-top));z-index:3;color:#fff;font-weight:900}.onboarding-brand{padding:72px 24px 10px;text-align:center}.onboarding-brand img{width:190px;filter:brightness(0) invert(1)}.onboarding-food-stage{margin:8px 16px 0;border-radius:34px;overflow:hidden;background:#fff;box-shadow:0 28px 60px rgba(99,25,11,.22)}.onboarding-food-stage img{width:100%;height:260px;object-fit:cover;display:block}.onboarding-copy{margin-top:auto;background:#fff;color:#201b18;border-radius:38px 38px 0 0;padding:28px 24px max(28px,env(safe-area-inset-bottom));text-align:left}.onboarding-copy>span{font-size:10px;letter-spacing:.16em;color:#df461e;font-weight:950}.onboarding-copy h1{font-size:38px;line-height:1.02;letter-spacing:-.05em;margin:10px 0 12px}.onboarding-copy p{margin:0;color:#746862;line-height:1.55}.onboarding-dots{display:flex;gap:7px;justify-content:center;padding:20px 0}.onboarding-dots i{width:7px;height:7px;border-radius:999px;background:#ddd4cf}.onboarding-dots i.active{width:24px;background:#ff5d1f}.onboarding-cta{min-height:58px;border-radius:18px;background:linear-gradient(90deg,#ff7a1c,#ff3f2d 55%,#ec0047);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:950;box-shadow:0 16px 30px rgba(232,27,62,.2)}
.pin-page{min-height:100vh;background:linear-gradient(180deg,#fff8f4 0,#fff 30%,#fff 100%)}.pin-shell{max-width:520px;margin:0 auto;padding:34px 18px 60px}.pin-brand{text-align:center;padding:34px 0 22px}.pin-brand img{width:190px}.pin-brand span{display:block;margin-top:10px;font-size:10px;letter-spacing:.16em;color:#7b6d66;font-weight:900}.pin-card{background:#fff;border:1px solid #ece4df;border-radius:30px;padding:26px;box-shadow:0 24px 65px rgba(64,37,22,.08);text-align:center}.pin-lock{width:72px;height:72px;border-radius:24px;margin:0 auto 14px;background:linear-gradient(135deg,#fff0e6,#ffe5ec);display:grid;place-items:center;font-size:34px;color:#e84620}.pin-card h1{font-size:32px;letter-spacing:-.045em;margin:8px 0}.pin-card p{color:#766a64;line-height:1.55}.pin-entry{position:relative;margin:24px 0}.pin-entry input{position:absolute;inset:0;width:100%;height:100%;opacity:.01;z-index:2}.pin-boxes{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.pin-boxes span{height:58px;border:1.5px solid #e4dcd7;border-radius:15px;background:#fff;display:grid;place-items:center;font-size:24px;font-weight:900}.pin-boxes span.filled{border-color:#ff6a26;background:#fff7f2}.pin-boxes span.filled:after{content:'•'}.pin-note{font-size:12px!important;margin-top:15px!important}.pin-card .primary{width:100%;min-height:56px;border:0;border-radius:18px;background:linear-gradient(90deg,#ff7a1c,#ff3f2d 55%,#ec0047);color:#fff;font-weight:950;font-size:16px}
@media(max-width:480px){.onboarding-brand{padding-top:56px}.onboarding-food-stage img{height:230px}.onboarding-copy h1{font-size:34px}.pin-card{padding:20px}.pin-boxes{gap:6px}.pin-boxes span{height:52px;border-radius:13px}}


/* =========================================================
   YAMJOY v12.1 — PREMIUM DESKTOP EXPERIENCE
   Mobile-first base preserved. Desktop enhanced only.
   ========================================================= */
@media (min-width: 981px){
  :root{--desktop-max:1320px;--desktop-gutter:32px;--desktop-card:28px;--desktop-shadow:0 22px 60px rgba(49,31,22,.08)}
  body{background:linear-gradient(180deg,#fff 0%,#fffdfb 48%,#fff 100%)}
  .container{width:min(var(--desktop-max),calc(100% - 64px))}
  .app-page{padding-bottom:118px}

  /* Header */
  .home-header,.sub-header{height:96px;gap:28px}
  .home-header{position:sticky;top:0;z-index:120;background:rgba(255,255,255,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(234,226,221,.72)}
  .home-header:before{content:"";position:absolute;left:50%;right:50%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,92,31,.28),transparent)}
  .brand-icon{width:48px;height:48px}.brand-word{width:132px}
  .location-button{max-width:520px;padding:10px 16px;border-radius:16px;transition:.18s ease}
  .location-button:hover{background:#fff7f2}.location-button strong{max-width:360px;font-size:16px}
  .round-action,.menu-action{transition:.18s transform,.18s box-shadow,.18s border-color}.round-action:hover,.menu-action:hover{transform:translateY(-2px);border-color:#ffd0bd;box-shadow:0 12px 28px rgba(81,42,24,.10)}

  /* Homepage */
  .home-content{padding-top:28px}
  .search-bar,.search-input-wrap{height:64px;border:1px solid #ebe4df;background:#fff;box-shadow:0 10px 30px rgba(53,34,24,.045)}
  .search-bar:hover,.search-input-wrap:hover{border-color:#ffd2c1}
  .category-strip{gap:14px;padding:22px 0 14px;justify-content:flex-start}
  .category{min-width:104px;padding:8px;border-radius:18px;transition:.18s ease}.category:hover{background:#fff7f3}.category i{width:72px;height:72px;box-shadow:inset 0 0 0 1px #eee6e2}
  .hero-banner{margin-top:18px;border-radius:30px;box-shadow:0 28px 70px rgba(72,34,17,.12)}
  .hero-banner img{aspect-ratio:2.9/1;max-height:440px;object-position:center}
  .home-section{margin-top:44px}.section-title{margin-bottom:20px}.section-title h2{font-size:32px}.section-eyebrow{letter-spacing:.12em}
  .horizontal-list{gap:18px;padding:4px 2px 10px}.mini-order-card{min-width:220px}.mini-order-card .thumb{height:150px}.mini-order-card{transition:.18s transform}.mini-order-card:hover{transform:translateY(-3px)}
  .restaurant-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.restaurant-card{border-radius:26px;box-shadow:0 10px 30px rgba(33,26,22,.045);transition:.2s transform,.2s box-shadow,.2s border-color}.restaurant-card:hover{transform:translateY(-5px);border-color:#ffd8c8;box-shadow:0 22px 48px rgba(51,29,17,.10)}.restaurant-card .restaurant-image{height:235px}.restaurant-card .body{padding:17px}.restaurant-card h3{font-size:20px}
  .cuisine-strip{gap:18px}.cuisine-strip a{min-width:136px;transition:.18s transform}.cuisine-strip a:hover{transform:translateY(-3px)}.cuisine-strip img,.food-emoji{width:136px;height:96px}

  /* Discover */
  .discover-main{padding-top:28px}.discover-shell{max-width:1260px}.discover-top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.discover-top h1{font-size:56px;letter-spacing:-.055em;margin:.2rem 0}.discover-top p{font-size:17px}.discover-avatar{width:56px;height:56px;font-size:19px;box-shadow:0 12px 30px rgba(60,36,24,.08)}
  .discover-search{height:68px;max-width:none;border:1px solid #e9e1dc;box-shadow:0 12px 34px rgba(48,31,22,.055)}
  .discover-tabs,.discover-filter-strip{gap:10px;overflow:visible;flex-wrap:wrap}.discover-tabs button,.discover-filter-strip button{padding:12px 18px}
  .inspiration-grid{grid-template-columns:repeat(4,1fr);gap:18px}.inspiration-grid a{height:178px;border-radius:24px;transition:.2s transform,.2s box-shadow}.inspiration-grid a:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(57,35,22,.08)}

  /* Stores / restaurants directory */
  .store-hero{min-height:340px;padding:44px 52px;border-radius:32px;background:linear-gradient(135deg,#ff7b1c 0%,#ff4a27 56%,#ea0047 100%);box-shadow:0 28px 70px rgba(239,61,39,.18)}
  .store-hero h1{font-size:58px}.store-hero p{max-width:680px}.store-hero>span{font-size:160px;filter:drop-shadow(0 20px 20px rgba(83,20,10,.12))}
  .store-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.store-card{border-radius:24px;padding:14px;transition:.2s transform,.2s box-shadow}.store-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(45,30,22,.08)}.store-card img{height:175px;border-radius:18px}
  .browse-grid{grid-template-columns:repeat(3,1fr);gap:18px}.browse-grid a{padding:28px;border-radius:24px}

  /* Restaurant page */
  .restaurant-page{background:linear-gradient(180deg,#fffaf6 0,#fff 520px)}
  .restaurant-hero{height:430px;max-width:1380px;margin:24px auto 0;border-radius:34px;overflow:hidden;box-shadow:0 30px 70px rgba(52,32,21,.14)}
  .hero-control{top:24px;width:52px;height:52px;box-shadow:0 12px 30px rgba(40,24,16,.16)}
  .hero-control.back{left:24px}.hero-control.fav{right:156px}.hero-control.share{right:92px}.hero-control.search{right:28px}
  .restaurant-info-card{width:min(1120px,calc(100% - 64px));margin:-78px auto 0;padding:34px 42px 32px;border-radius:34px;box-shadow:0 26px 65px rgba(55,34,23,.12);position:relative;z-index:5}
  .restaurant-logo{width:94px;height:94px;border-radius:24px}.restaurant-info-card h1{font-size:42px}.restaurant-stats{grid-template-columns:repeat(3,minmax(150px,1fr));max-width:720px;margin:26px auto 0}.merchant-notice{max-width:760px;margin:24px auto 0}
  .restaurant-menu-wrap{width:min(1220px,calc(100% - 64px));padding:36px 0 80px}.menu-tools{max-width:520px}.menu-tabs{position:sticky;top:96px;z-index:80;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-radius:16px;padding:10px;margin:16px 0 24px;border:1px solid #eee5e0}.menu-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.menu-item-card{border-radius:24px;transition:.18s transform,.18s box-shadow}.menu-item-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(52,32,20,.09)}.menu-item-card img{height:190px}

  /* Checkout */
  .checkout-page{background:#fbfaf9}.center-header{height:96px}.center-header h1{font-size:26px}.checkout-content{width:min(1160px,calc(100% - 64px));display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:22px;align-items:start;padding-bottom:80px}.checkout-content>.checkout-card:first-child{grid-column:1}.checkout-content>.checkout-card:nth-child(2){grid-column:1}.checkout-content>.checkout-card:nth-child(3){grid-column:1}.checkout-content>.checkout-card:nth-child(4){grid-column:1}.checkout-content>.checkout-card:nth-child(5){grid-column:2;grid-row:1}.checkout-content>.totals-card{grid-column:2;grid-row:2;position:sticky;top:112px}.checkout-content>.place-order-btn{grid-column:2;grid-row:3;position:sticky;top:420px}
  .checkout-card{border-radius:28px;padding:24px;box-shadow:0 10px 30px rgba(52,33,23,.045);border:1px solid #eee7e3}.choice-grid,.payment-grid{gap:12px}.mini-map{height:260px;border-radius:22px}.two-fields{gap:12px}.place-order-btn{min-height:68px;border-radius:22px;box-shadow:0 18px 38px rgba(232,30,64,.18)}

  /* Orders */
  .orders-page{width:min(1120px,calc(100% - 64px));padding:54px 0 90px}.orders-page>h1{font-size:60px}.orders-list{gap:16px}.order-card{padding:20px 22px;border-radius:26px;box-shadow:0 10px 30px rgba(41,30,24,.045);transition:.18s transform,.18s box-shadow}.order-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(42,28,20,.075)}

  /* Profile */
  .profile-hub-main{padding-bottom:110px}.profile-hero{margin:24px auto 0;width:min(1280px,calc(100% - 64px));border-radius:34px;overflow:hidden;box-shadow:0 28px 68px rgba(240,63,34,.15)}.profile-hero-inner{padding:32px 38px 40px}.profile-content{width:min(1040px,calc(100% - 64px));padding:30px 0 80px}.guest-profile-card{grid-template-columns:auto 1fr auto;gap:26px;align-items:center}.guest-profile-card h1{font-size:46px;max-width:640px}.guest-profile-actions{grid-template-columns:1fr 1fr;min-width:330px}.profile-person-row{grid-template-columns:auto 1fr auto}.profile-menu-card,.profile-primary-card{border-radius:28px;box-shadow:0 12px 34px rgba(49,31,22,.055)}.profile-menu-card>a{min-height:82px;padding:16px 22px}.profile-primary-card{padding:8px}.profile-order-row{min-height:82px;padding:14px 18px}

  /* Auth */
  .auth-page.auth-premium{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr);align-items:center;gap:56px;max-width:1280px;margin:0 auto;padding:80px 48px;background:transparent;position:relative}
  .auth-page.auth-premium:before{content:"";position:fixed;inset:0 50% 0 0;z-index:-2;background:radial-gradient(circle at 20% 20%,rgba(255,181,115,.25),transparent 32%),linear-gradient(145deg,#fff7f1,#fff)}
  .auth-page.auth-premium:after{content:"";position:fixed;width:520px;height:520px;left:-120px;bottom:-160px;border-radius:50%;z-index:-1;background:radial-gradient(circle,rgba(255,92,31,.16),transparent 68%)}
  .auth-back{position:fixed;top:32px;left:40px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #ece4df;box-shadow:0 10px 26px rgba(45,28,18,.06)}
  .auth-brand{margin:0;text-align:left;justify-self:center;width:100%;max-width:480px}.auth-brand img{width:min(360px,100%)!important;margin:0}.auth-brand span{font-size:12px;letter-spacing:.2em;margin-top:14px}.premium-auth-card{width:100%;max-width:560px;margin:0;justify-self:center;padding:36px;border-radius:32px;box-shadow:0 30px 70px rgba(56,35,24,.10);border:1px solid #eee5e0}.premium-auth-card h1{font-size:46px;letter-spacing:-.055em}.premium-auth-card>p{font-size:17px;line-height:1.7}.auth-google-button,.premium-auth-card .primary{min-height:60px;border-radius:18px}.phone-input{min-height:62px;border-radius:18px}.auth-divider{margin:22px 0}

  /* Generic settings / content pages */
  .page-content,.account-page,.settings-page,.policy-page,.support-page{max-width:1120px;margin-inline:auto}
  .page-shell,.settings-shell,.support-shell,.policy-shell-v8{width:min(1080px,calc(100% - 64px));margin-inline:auto}
  .page-card,.settings-card,.support-card,.policy-section-v8{border-radius:26px;box-shadow:0 10px 30px rgba(47,30,21,.045)}

  /* Desktop bottom navigation becomes a compact dock */
  .bottom-nav{left:50%;right:auto;transform:translateX(-50%);bottom:20px;width:auto;min-width:520px;max-width:720px;height:72px;border-radius:24px;padding:8px 12px;background:rgba(255,255,255,.9);border:1px solid rgba(232,224,219,.9);box-shadow:0 20px 50px rgba(52,34,24,.13);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
  .bottom-nav .nav-item{min-width:110px;border-radius:17px;padding:7px 14px;transition:.18s ease}.bottom-nav .nav-item:hover{background:#fff6f1;color:var(--accent)}.bottom-nav .nav-item.active{background:#fff0e8;color:var(--accent)}
  .bottom-nav .nav-icon{font-size:23px}.bottom-nav .nav-item span:last-child{font-size:12px;font-weight:800}

  /* Drawer */
  .main-drawer{width:min(460px,92vw);padding:24px 24px 38px}.drawer-top{min-height:72px}.drawer-earn{padding:22px}.drawer-earn h2{font-size:28px}.drawer-nav>a{padding:13px 10px}.drawer-footer{padding:20px}
}

@media (min-width: 1380px){
  .container{width:min(1380px,calc(100% - 96px))}.restaurant-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.restaurant-card .restaurant-image{height:220px}.store-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.inspiration-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-banner img{max-height:470px}.checkout-content{width:min(1240px,calc(100% - 96px))}
}

@media (min-width: 1800px){
  .container{width:min(1480px,calc(100% - 140px))}.home-header{height:104px}.hero-banner img{aspect-ratio:3.05/1}.restaurant-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.restaurant-card .restaurant-image{height:250px}.bottom-nav{min-width:600px}
}

/* Website-only v15.3: remove legacy customer bottom navigation */
.bottom-nav,.app-bottom-nav,.mobile-bottom-nav,.bottom-actions,.bottom-action-bar,.bottom-buttons,.floating-bottom{display:none!important}
body{padding-bottom:0!important}

/* YAMJOY_TECH_CREDIT_V1 */
.yamjoy-tech-credit{
  width:100%;
  margin:24px auto 10px;
  padding:18px 16px;
  text-align:center;
  font-size:13px;
  line-height:1.65;
  color:#707070;
}
.yamjoy-tech-credit a{
  color:inherit;
  text-decoration:none;
  transition:color .2s ease;
}
.yamjoy-tech-credit a:hover{
  color:#f4511e;
}
.yamjoy-tech-main,
.yamjoy-tech-contacts,
.yamjoy-tech-services{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px;
}
.yamjoy-tech-main{
  color:#4b4b4b;
  font-weight:500;
}
.yamjoy-tech-main a strong{
  color:#f4511e;
}
.yamjoy-tech-contacts{
  margin-top:6px;
}
.yamjoy-tech-contacts a{
  white-space:nowrap;
}
.yamjoy-tech-services{
  margin-top:8px;
  font-size:12px;
}
.yamjoy-tech-services strong{
  color:#404040;
}
.yamjoy-dot{
  opacity:.45;
}
.yamjoy-divider{
  width:1px;
  height:12px;
  background:#d9d9d9;
  display:inline-block;
  margin:0 3px;
}
@media(max-width:520px){
  .yamjoy-tech-credit{
    padding:16px 12px;
    font-size:12px;
  }
  .yamjoy-tech-main,
  .yamjoy-tech-contacts,
  .yamjoy-tech-services{
    gap:5px;
  }
  .yamjoy-tech-main{
    flex-direction:column;
  }
  .yamjoy-tech-main .yamjoy-dot{
    display:none;
  }
}
/* /YAMJOY_TECH_CREDIT_V1 */

/* YAMJOY_DEVELOPER_CREDIT_EXACT_FINAL */
@media (min-width:900px){

  .yamjoy-tech-credit{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:16px 32px !important;
    box-sizing:border-box !important;

    display:grid !important;
    grid-template-columns:max-content 1fr max-content !important;
    align-items:center !important;
    gap:30px !important;

    white-space:nowrap !important;
    background:transparent !important;
  }

  .yamjoy-tech-main,
  .yamjoy-tech-contacts,
  .yamjoy-tech-services{
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    gap:6px !important;
    white-space:nowrap !important;
  }

  .yamjoy-tech-main{
    justify-self:start !important;
  }

  .yamjoy-tech-contacts{
    justify-self:center !important;
  }

  .yamjoy-tech-services{
    justify-self:end !important;
  }

  .yamjoy-tech-credit a,
  .yamjoy-tech-credit span,
  .yamjoy-tech-credit strong{
    white-space:nowrap !important;
  }
}

@media (max-width:899px){

  .yamjoy-tech-credit{
    width:100% !important;
    padding:14px 16px !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:5px !important;
  }

  .yamjoy-tech-main,
  .yamjoy-tech-contacts,
  .yamjoy-tech-services{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
    gap:5px !important;
    margin:0 !important;
  }
}
/* /YAMJOY_DEVELOPER_CREDIT_EXACT_FINAL */