:root{--o:#ff6412;--o2:#ff8b1f;--ink:#172033;--muted:#7b8494;--line:#edf0f4;--bg:#f7f8fa;--green:#10b96b;--red:#ef4444}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Sarabun,sans-serif}.customerApp{max-width:560px;min-height:100vh;margin:auto;background:#fafafa;padding-bottom:78px}.topBar{position:sticky;top:0;z-index:30;background:#fff;padding:10px 14px;border-bottom:1px solid #f0f2f5}.topRow{display:flex;gap:10px;align-items:center}.locationBox{flex:1;min-width:0}.locationBox small{display:block;font-size:9px;color:#94a3b8}.locationBox b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roundBtn{width:40px;height:40px;border:0;border-radius:13px;background:#f8fafc;color:#334155;text-decoration:none;display:grid;place-items:center;font-size:18px;position:relative}.badgeDot{position:absolute;right:-2px;top:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:#ef4444;color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:8px;font-weight:800}.searchBar{display:flex;align-items:center;gap:8px;margin-top:9px;background:#f1f3f6;border-radius:12px;padding:10px 12px;color:#94a3b8;text-decoration:none;font-size:11px}.heroBanner{margin:12px 14px 0;border-radius:20px;padding:17px;background:linear-gradient(135deg,#ff4f55,#ff735d);color:#fff;position:relative;overflow:hidden;min-height:132px}.heroBanner:after{content:'🍜';position:absolute;right:8px;bottom:-12px;font-size:90px;opacity:.28}.heroBanner small{font-size:10px;opacity:.9}.heroBanner h1{font-size:24px;line-height:1.05;margin:5px 0 8px;max-width:220px}.heroBanner p{font-size:10px;margin:0;max-width:235px}.heroCta{display:inline-flex;margin-top:10px;background:#fff;color:#ef4e4e;border-radius:99px;padding:7px 11px;font-size:9px;font-weight:800;text-decoration:none}.section{padding:0 14px}.sectionHead{display:flex;justify-content:space-between;align-items:center;margin:17px 1px 9px}.sectionHead h2{font-size:17px;margin:0}.sectionHead a{font-size:10px;color:#ef5d00;text-decoration:none;font-weight:800}.categoryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:13px 14px 2px}.categoryItem{text-align:center;text-decoration:none;color:#334155;font-size:9px}.categoryIcon{width:50px;height:50px;border-radius:16px;margin:auto auto 5px;display:grid;place-items:center;font-size:23px;background:#fff;border:1px solid #edf0f4}.categoryItem:nth-child(2n) .categoryIcon{background:#fff7ed}.categoryItem:nth-child(3n) .categoryIcon{background:#eff6ff}.categoryItem:nth-child(5n) .categoryIcon{background:#ecfdf5}.shopGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shopCard{background:#fff;border:1px solid #edf0f4;border-radius:17px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 4px 16px #17203308}.shopCover{height:105px;background:linear-gradient(145deg,#fff0e7,#ffe2ce);display:grid;place-items:center;font-size:42px;overflow:hidden}.shopCover img{width:100%;height:100%;object-fit:cover}.shopBody{padding:10px}.shopBody b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shopMeta{font-size:9px;color:#7b8494;margin-top:3px;display:flex;gap:5px;flex-wrap:wrap}.shopFoot{display:flex;justify-content:space-between;align-items:center;margin-top:7px;font-size:9px}.rating{color:#f59e0b}.openTag{color:#0a9258;background:#e9fbf2;border-radius:99px;padding:4px 6px}.closedTag{color:#c24141;background:#fff0f0;border-radius:99px;padding:4px 6px}.horizontal{display:flex;gap:10px;overflow:auto;padding-bottom:3px}.promoCard{min-width:220px;background:#fff;border:1px solid #edf0f4;border-radius:17px;padding:12px}.promoCard b{font-size:12px}.promoCard p{font-size:9px;color:#64748b;margin:4px 0}.promoTag{display:inline-flex;padding:5px 8px;border-radius:99px;background:#fff0e7;color:#ef5d00;font-size:9px;font-weight:800}.emptyState{text-align:center;background:#fff;border:1px dashed #dbe2ea;border-radius:18px;padding:28px 14px;color:#7b8494;font-size:10px}.emptyState .ico{font-size:40px}.emptyState b{display:block;color:#334155;font-size:13px;margin:4px 0}.pageHero{background:linear-gradient(145deg,#ff6412,#ff9224);color:#fff;padding:16px 14px 66px;border-radius:0 0 28px 28px}.pageHeroRow{display:flex;align-items:center;gap:10px}.pageHero h1{font-size:21px;margin:0}.pageHero p{font-size:10px;margin:2px 0 0;opacity:.85}.backBtn{width:38px;height:38px;border-radius:12px;background:#ffffff25;color:#fff;text-decoration:none;display:grid;place-items:center;font-size:25px}.floatCard{margin:-50px 14px 13px;background:#fff;border-radius:20px;padding:14px;box-shadow:0 12px 30px #17203318;position:relative;z-index:3}.tabRow{display:flex;gap:6px;overflow:auto}.tabPill{white-space:nowrap;border-radius:99px;padding:7px 10px;background:#f1f5f9;color:#64748b;text-decoration:none;font-size:9px;font-weight:700}.tabPill.on{background:#ff6412;color:#fff}.orderCard{display:block;background:#fff;border:1px solid #edf0f4;border-radius:17px;padding:13px;margin-bottom:9px;text-decoration:none;color:inherit}.orderTop{display:flex;justify-content:space-between;gap:10px}.orderShop{display:flex;gap:9px;align-items:center}.orderIcon{width:40px;height:40px;border-radius:12px;background:#fff0e7;display:grid;place-items:center}.orderShop b{font-size:12px;display:block}.orderShop span{font-size:9px;color:#94a3b8}.statusTag{border-radius:99px;padding:5px 8px;font-size:9px;font-weight:800;height:max-content;background:#f1f5f9;color:#64748b}.statusTag.live{background:#fff6df;color:#a16207}.statusTag.done{background:#e9fbf2;color:#0a9258}.statusTag.cancel{background:#fff0f0;color:#c24141}.orderBottom{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:9px;border-top:1px solid #edf0f4;font-size:9px;color:#7b8494}.orderBottom b{color:#172033;font-size:12px}.notifyCard{display:grid;grid-template-columns:42px 1fr auto;gap:9px;background:#fff;border:1px solid #edf0f4;border-radius:16px;padding:12px;margin-bottom:9px}.notifyIcon{width:40px;height:40px;border-radius:12px;background:#fff0e7;display:grid;place-items:center;font-size:19px}.notifyText b{display:block;font-size:11px}.notifyText p{font-size:9px;color:#64748b;margin:3px 0}.notifyText small{font-size:8px;color:#94a3b8}.profileCard{display:flex;gap:11px;align-items:center}.profileAvatar{width:58px;height:58px;border-radius:18px;background:#fff0e7;display:grid;place-items:center;font-size:28px;overflow:hidden}.profileInfo{flex:1}.profileInfo b{display:block;font-size:16px}.profileInfo span{font-size:10px;color:#7b8494}.menuGroup{background:#fff;border:1px solid #edf0f4;border-radius:18px;overflow:hidden}.menuRow{display:grid;grid-template-columns:40px 1fr auto;gap:9px;align-items:center;padding:12px;text-decoration:none;color:inherit}.menuRow+.menuRow{border-top:1px solid #edf0f4}.menuIcon{width:36px;height:36px;border-radius:11px;background:#fff0e7;display:grid;place-items:center}.menuText b{display:block;font-size:12px}.menuText span{font-size:9px;color:#94a3b8}.walletBig{background:linear-gradient(135deg,#ff5260,#ff762c);color:#fff;border-radius:18px;padding:16px}.walletBig span{font-size:10px;opacity:.85}.walletBig b{display:block;font-size:29px;margin:2px 0}.quickWallet{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:11px}.quickWallet a{background:#fff;color:#334155;text-decoration:none;border-radius:12px;padding:9px 4px;text-align:center;font-size:8px}.quickWallet i{font-style:normal;display:block;font-size:18px;margin-bottom:3px}.couponCard{display:grid;grid-template-columns:48px 1fr auto;gap:9px;align-items:center;background:#fff;border:1px solid #edf0f4;border-radius:15px;padding:11px;margin-bottom:8px}.couponIcon{width:44px;height:44px;border-radius:12px;background:#fff0e7;display:grid;place-items:center;font-size:20px}.couponCard b{display:block;font-size:11px}.couponCard span{font-size:9px;color:#7b8494}.couponCode{font-size:9px;color:#ef5d00;font-weight:800}.bottomNav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(560px,100%);height:68px;background:#fff;box-shadow:0 -8px 24px #17203310;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:50}.bottomNav a{text-decoration:none;color:#8992a1;text-align:center;font-size:8px;padding:3px 0}.bottomNav i{display:block;font-style:normal;font-size:19px;height:24px}.bottomNav a.on{color:#ff6412;font-weight:800}.searchPage{padding:12px 14px}.searchInput{display:flex;background:#fff;border:1px solid #e2e8f0;border-radius:13px;overflow:hidden}.searchInput input{flex:1;border:0;padding:11px 12px;font:inherit;font-size:11px;outline:none}.searchInput button{border:0;background:#ff6412;color:#fff;padding:0 14px}.listShop{display:grid;grid-template-columns:72px 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid #edf0f4;border-radius:15px;padding:10px;margin-top:9px;text-decoration:none;color:inherit}.listShopImg{width:68px;height:68px;border-radius:12px;background:#fff0e7;display:grid;place-items:center;font-size:28px;overflow:hidden}.listShopImg img{width:100%;height:100%;object-fit:cover}.listShop b{font-size:12px;display:block}.listShop span{font-size:9px;color:#7b8494}.chev{color:#94a3b8;font-size:18px}@media(max-width:380px){.categoryGrid{grid-template-columns:repeat(4,1fr)}.categoryIcon{width:44px;height:44px}.shopCover{height:95px}}
/* ===== PromptSend customer home v2 - reference mockup ===== */
.psHome{background:#fff;min-height:100vh}
.psHomeHeader{background:linear-gradient(145deg,#ff5a00 0%,#ff7a00 100%);padding:14px 14px 18px;color:#fff;border-radius:0 0 26px 26px}
.psBrandRow{display:flex;align-items:center;justify-content:space-between;gap:10px}
.psBrand{display:flex;align-items:center;gap:9px}
.psBrandMark{width:44px;height:44px;border:3px solid #fff;border-radius:15px 15px 15px 5px;display:grid;place-items:center;font-size:23px;font-weight:900;font-style:italic;box-shadow:inset 0 0 0 3px rgba(255,255,255,.13)}
.psBrandText b{display:block;font-size:21px;font-style:italic;letter-spacing:-.3px}
.psBrandText span{display:block;font-size:10px;opacity:.9;margin-top:1px}
.psHeaderActions{display:flex;gap:8px;align-items:center}
.psHeaderIcon{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.17);color:#fff;display:grid;place-items:center;font-size:20px;position:relative;text-decoration:none}
.psHeaderLogin{background:#fff;color:#ff6500;padding:9px 12px;border-radius:12px;font-size:10px;font-weight:800;text-decoration:none}
.psHeaderBadge{position:absolute;right:-3px;top:-4px;min-width:18px;height:18px;padding:0 4px;background:#ef233c;color:#fff;border:2px solid #ff7100;border-radius:99px;display:grid;place-items:center;font-size:8px;font-weight:800}
.psAddressCard{margin-top:12px;background:#fff;color:#253044;border-radius:16px;padding:10px 11px;display:grid;grid-template-columns:38px 1fr 18px;gap:9px;align-items:center;box-shadow:0 7px 18px rgba(154,67,0,.14)}
.psAddressIcon{width:36px;height:36px;border-radius:12px;background:#fff0e7;color:#ff6412;display:grid;place-items:center;font-size:18px}
.psAddressText small{display:block;font-size:9px;color:#7b8494}.psAddressText b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.psAddressArrow{color:#94a3b8;font-size:17px}
.psSearchHome{margin-top:10px;background:#fff;color:#8a93a3;border-radius:16px;padding:11px 12px;display:flex;align-items:center;gap:9px;text-decoration:none;box-shadow:0 7px 18px rgba(154,67,0,.12)}
.psSearchHome i:first-child{font-size:18px;color:#344054}.psSearchHome span{flex:1;font-size:10px}.psSearchScan{color:#ff6412;font-size:19px}
.psHero{margin:12px 14px 0;border-radius:20px;min-height:184px;padding:17px 15px;color:#fff;position:relative;overflow:hidden;background:radial-gradient(circle at 84% 40%,rgba(255,226,88,.55),transparent 24%),linear-gradient(135deg,#ff372f 0%,#ff4b26 54%,#ff7b00 100%);box-shadow:0 9px 24px rgba(255,74,35,.18)}
.psHero:before{content:'';position:absolute;right:-38px;top:-30px;width:170px;height:170px;border:1px solid rgba(255,255,255,.14);border-radius:50%}
.psHero:after{content:'';position:absolute;right:48px;bottom:-70px;width:170px;height:170px;background:rgba(255,255,255,.08);border-radius:50%}
.psHeroBrand{font-size:11px;font-weight:800;position:relative;z-index:2}.psHero h1{position:relative;z-index:2;font-size:28px;line-height:1.05;margin:7px 0 6px;letter-spacing:-.7px;max-width:230px}.psHero p{position:relative;z-index:2;margin:0;font-size:10px;line-height:1.45;max-width:220px}.psHeroScene{position:absolute;right:7px;bottom:2px;width:190px;height:145px;z-index:1}.psRider{position:absolute;right:12px;bottom:24px;font-size:76px;filter:drop-shadow(0 6px 5px rgba(113,35,0,.22));transform:scaleX(-1)}.psParcel{position:absolute;font-size:27px;left:9px;bottom:3px}.psBurger{position:absolute;font-size:32px;left:48px;bottom:0}.psPin{position:absolute;font-size:35px;right:8px;top:2px}
.psDots{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);display:flex;gap:4px;z-index:3}.psDots i{width:6px;height:6px;background:rgba(255,255,255,.55);border-radius:50%}.psDots i.on{width:15px;border-radius:99px;background:#fff}
.psCategoryPanel{margin:10px 14px 0;background:#fff;border:1px solid #f0f1f3;border-radius:20px;padding:13px 8px 10px;box-shadow:0 5px 18px rgba(23,32,51,.04)}
.psCategories{display:grid;grid-template-columns:repeat(4,1fr);gap:13px 4px}.psCat{text-align:center;text-decoration:none;color:#232a35;font-size:9px;font-weight:700}.psCatIcon{width:46px;height:46px;margin:0 auto 5px;border-radius:15px;background:#fff2e9;display:grid;place-items:center;font-size:22px}.psCat:nth-child(2) .psCatIcon{background:#fff0f1}.psCat:nth-child(3) .psCatIcon{background:#edf4ff}.psCat:nth-child(4) .psCatIcon{background:#fff5e5}.psCat:nth-child(5) .psCatIcon{background:#eef4ff}.psCat:nth-child(6) .psCatIcon{background:#fff0f4}.psCat:nth-child(7) .psCatIcon{background:#eefbea}.psCat:nth-child(8) .psCatIcon{background:#eef4ff}
.psBlock{padding:0 14px}.psBlockHead{display:flex;justify-content:space-between;align-items:end;margin:17px 1px 9px}.psBlockHead h2{font-size:18px;margin:0;letter-spacing:-.3px}.psBlockHead a{font-size:10px;color:#ff5c14;text-decoration:none;font-weight:800}
.psPromoBanner{border-radius:17px;background:linear-gradient(100deg,#ff333e,#ff6f12);color:#fff;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.psPromoBanner strong{display:block;font-size:16px}.psPromoBanner span{font-size:10px;opacity:.92}.psPromoBanner i{font-size:36px;transform:rotate(-10deg)}
.psPromoScroll,.psShopScroll{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;padding:9px 1px 4px}.psPromoScroll::-webkit-scrollbar,.psShopScroll::-webkit-scrollbar{display:none}
.psPromoItem{min-width:142px;width:142px;background:#fff;border:1px solid #eceff3;border-radius:15px;overflow:hidden;box-shadow:0 4px 14px rgba(23,32,51,.04)}.psPromoPic{height:86px;background:linear-gradient(145deg,#ffd8c2,#fff1e8);display:grid;place-items:center;font-size:38px;position:relative}.psPromoBadge{position:absolute;left:7px;top:7px;background:#ff3942;color:#fff;border-radius:8px;padding:4px 6px;font-size:8px;font-weight:800}.psPromoInfo{padding:8px}.psPromoInfo b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.psPromoInfo span{font-size:8px;color:#7b8494}
.psShopCard2{min-width:150px;width:150px;background:#fff;border:1px solid #eceff3;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 4px 14px rgba(23,32,51,.04)}.psShopPic{height:96px;background:linear-gradient(145deg,#ffe0cd,#fff3eb);display:grid;place-items:center;font-size:40px;position:relative;overflow:hidden}.psShopPic img{width:100%;height:100%;object-fit:cover}.psOpenBadge{position:absolute;left:7px;top:7px;background:#16a765;color:#fff;border-radius:8px;padding:4px 6px;font-size:8px;font-weight:800}.psClosedBadge{position:absolute;left:7px;top:7px;background:#ef4444;color:#fff;border-radius:8px;padding:4px 6px;font-size:8px;font-weight:800}.psShopInfo2{padding:8px}.psShopInfo2 b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.psShopMeta2{font-size:8px;color:#667085;margin-top:4px;display:flex;gap:5px;align-items:center}.psStar{color:#ff8514}
.psServices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-bottom:8px}.psService{background:#fff;border:1px solid #eceff3;border-radius:14px;padding:10px 8px;display:grid;grid-template-columns:34px 1fr;gap:7px;align-items:center}.psServiceIcon{width:34px;height:34px;border-radius:11px;background:#fff0e8;color:#ff6412;display:grid;place-items:center;font-size:17px}.psService:nth-child(2) .psServiceIcon{background:#ecfbf3;color:#0a9a5d}.psService:nth-child(3) .psServiceIcon{background:#eef4ff;color:#2563eb}.psService b{display:block;font-size:9px}.psService span{display:block;font-size:7px;color:#7b8494;margin-top:1px}
.bottomNav{height:72px;background:#fff;border-top:1px solid #edf0f4;box-shadow:0 -5px 18px rgba(23,32,51,.07);padding:6px 4px calc(6px + env(safe-area-inset-bottom));align-items:center}
.bottomNav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#697386;font-size:9px;font-weight:600;padding:3px 0}.bottomNav a i{font-style:normal;font-size:20px;height:auto;line-height:1.15}.bottomNav a span{display:block}.bottomNav a.on{color:#ff5f0b;font-weight:800}.bottomNav a.on i{transform:translateY(-1px)}
@media(max-width:380px){.psHero{min-height:170px}.psHero h1{font-size:25px}.psHeroScene{width:160px}.psRider{font-size:66px}.psServices{grid-template-columns:1fr}.psShopCard2{min-width:142px;width:142px}}

/* ===== PromptSend customer inner pages v3 ===== */
.psPageTop{background:linear-gradient(145deg,#ff5a00,#ff7a00);color:#fff;padding:14px 14px 58px;border-radius:0 0 26px 26px;position:relative;overflow:hidden}.psPageTop:after{content:'';position:absolute;right:-35px;bottom:-55px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.08)}.psPageTopRow{display:flex;align-items:center;gap:10px;position:relative;z-index:2}.psBack{width:40px;height:40px;border-radius:13px;background:rgba(255,255,255,.18);color:#fff;display:grid;place-items:center;text-decoration:none;font-size:20px;flex:none}.psPageTitle{flex:1}.psPageTitle h1{font-size:21px;margin:0;line-height:1.15}.psPageTitle p{font-size:9px;margin:3px 0 0;opacity:.9}.psPageAction{width:40px;height:40px;border-radius:13px;background:rgba(255,255,255,.18);color:#fff;display:grid;place-items:center;text-decoration:none;font-size:18px;border:0}
.psFloat{margin:-42px 14px 12px;background:#fff;border:1px solid #f0f1f3;border-radius:19px;padding:13px;box-shadow:0 10px 26px rgba(23,32,51,.10);position:relative;z-index:4}.psContent{padding:0 14px 8px}.psCard{background:#fff;border:1px solid #edf0f4;border-radius:17px;padding:13px;margin-bottom:9px;box-shadow:0 3px 12px rgba(23,32,51,.03)}.psSectionTitle{display:flex;justify-content:space-between;align-items:center;margin:15px 2px 8px}.psSectionTitle h2{margin:0;font-size:16px}.psSectionTitle span,.psSectionTitle a{font-size:9px;color:#7b8494;text-decoration:none}.psSectionTitle a{color:#ff6412;font-weight:800}
.psSearchBox{display:flex;gap:8px;background:#f5f7fa;border-radius:13px;padding:10px 11px;align-items:center}.psSearchBox i{color:#667085;font-size:16px}.psSearchBox input{flex:1;border:0;background:transparent;outline:none;font:inherit;font-size:10px;min-width:0}.psFilterBtn{width:34px;height:34px;border:0;border-radius:10px;background:#fff;color:#ff6412;box-shadow:0 2px 8px rgba(23,32,51,.06)}
.psChips{display:flex;gap:6px;overflow:auto;scrollbar-width:none;padding-top:10px}.psChips::-webkit-scrollbar{display:none}.psChip{white-space:nowrap;text-decoration:none;padding:7px 10px;border-radius:99px;background:#f1f5f9;color:#64748b;font-size:9px;font-weight:700}.psChip.on{background:#ff6412;color:#fff}
.psListShop2{display:grid;grid-template-columns:78px 1fr 24px;gap:10px;align-items:center;background:#fff;border:1px solid #edf0f4;border-radius:17px;padding:10px;margin-bottom:9px;text-decoration:none;color:inherit}.psListShopPic{width:76px;height:76px;border-radius:13px;background:#fff0e7;display:grid;place-items:center;font-size:30px;overflow:hidden;position:relative}.psListShopPic img{width:100%;height:100%;object-fit:cover}.psListOpen{position:absolute;left:5px;top:5px;background:#0ca968;color:#fff;border-radius:7px;padding:3px 5px;font-size:7px;font-weight:800}.psListClosed{position:absolute;left:5px;top:5px;background:#ef4444;color:#fff;border-radius:7px;padding:3px 5px;font-size:7px;font-weight:800}.psListInfo b{font-size:12px;display:block}.psListMeta{font-size:8px;color:#7b8494;margin-top:4px;display:flex;gap:5px;flex-wrap:wrap}.psListMeta .star{color:#ff8112}.psTags{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.psTag{background:#f7f8fa;color:#64748b;border-radius:7px;padding:4px 6px;font-size:7px}.psListArrow{color:#a1a8b3}
.psShopHero{height:190px;background:linear-gradient(145deg,#43291a,#ff7619);position:relative;overflow:hidden}.psShopHeroCover{position:absolute;inset:0;display:grid;place-items:center;font-size:92px;opacity:.58}.psShopHeroCover img{width:100%;height:100%;object-fit:cover;opacity:.85}.psShopHeroShade{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent 65%)}.psShopTopBtns{position:absolute;top:13px;left:13px;right:13px;display:flex;justify-content:space-between}.psRoundGlass{width:40px;height:40px;border-radius:13px;border:0;background:rgba(255,255,255,.88);color:#253044;display:grid;place-items:center;text-decoration:none;font-size:18px}.psShopInfoCard{margin:-30px 14px 12px;background:#fff;border-radius:20px;padding:14px;box-shadow:0 10px 26px rgba(23,32,51,.12);position:relative;z-index:4}.psShopTitleRow{display:flex;justify-content:space-between;gap:9px}.psShopTitleRow h1{font-size:18px;margin:0}.psShopSub{font-size:9px;color:#7b8494;margin-top:4px;display:flex;gap:7px;flex-wrap:wrap}.psShopStatus{padding:5px 8px;border-radius:99px;font-size:8px;font-weight:800;height:max-content}.psShopStatus.open{background:#e9fbf2;color:#0a9258}.psShopStatus.closed{background:#fff0f0;color:#c24141}.psTabs2{display:flex;gap:6px;margin-top:11px}.psTabs2 span{padding:7px 10px;border-radius:99px;background:#f1f5f9;color:#64748b;font-size:8px;font-weight:700}.psTabs2 .on{background:#ff6412;color:#fff}
.psProductCard{display:grid;grid-template-columns:72px 1fr 34px;gap:10px;align-items:center;background:#fff;border:1px solid #edf0f4;border-radius:16px;padding:10px;margin-bottom:8px}.psProductPic{width:70px;height:70px;border-radius:13px;background:#fff0e7;overflow:hidden;display:grid;place-items:center;font-size:31px}.psProductPic img{width:100%;height:100%;object-fit:cover}.psProductInfo b{display:block;font-size:11px}.psProductInfo span{display:block;font-size:8px;color:#7b8494;margin-top:3px}.psProductPrice{display:block;font-size:13px;color:#ff5f0b;font-weight:800;margin-top:6px}.psPlus{width:32px;height:32px;border:0;border-radius:50%;background:#ff6412;color:#fff;font-size:19px}.psCartFloat{position:fixed;left:50%;transform:translateX(-50%);bottom:79px;width:min(532px,calc(100% - 28px));z-index:45}.psCartFloat a{background:linear-gradient(90deg,#ff5c08,#ff8318);color:#fff;border-radius:14px;padding:12px 14px;text-decoration:none;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 25px rgba(255,100,18,.25);font-size:10px}.psCartFloat strong{font-size:11px}
.psCartItem{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center}.psCartPic{width:62px;height:62px;border-radius:13px;background:#fff0e7;overflow:hidden;display:grid;place-items:center;font-size:27px}.psCartPic img{width:100%;height:100%;object-fit:cover}.psCartName b{display:block;font-size:11px}.psCartName span{font-size:8px;color:#7b8494}.psDelete{border:0;background:none;color:#dc2626;font:inherit;font-size:8px;padding:4px 0}.psQty{display:flex;align-items:center;gap:6px}.psQty button{width:29px;height:29px;border-radius:9px;border:1px solid #e2e8f0;background:#fff}.psQty button:last-child{background:#ff6412;color:#fff;border-color:#ff6412}.psSummaryRow{display:flex;justify-content:space-between;padding:6px 0;font-size:10px}.psSummaryRow.grand{border-top:1px dashed #d9dee5;padding-top:10px;margin-top:5px;font-size:14px;font-weight:800}.psOrangeBtn{display:block;width:100%;border:0;border-radius:12px;background:linear-gradient(90deg,#ff5d0b,#ff8418);color:#fff;padding:12px;text-align:center;text-decoration:none;font:inherit;font-weight:800;margin-top:9px}
.psField{margin-bottom:9px}.psField label{display:block;font-size:9px;color:#667085;margin-bottom:4px;font-weight:700}.psField input,.psField select,.psField textarea{width:100%;border:1px solid #e0e5eb;border-radius:11px;padding:10px 11px;font:inherit;font-size:10px;background:#fff}.psField textarea{min-height:76px}.psPay{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid #edf0f4;border-radius:12px;margin-top:7px}.psPay i{width:36px;height:36px;border-radius:11px;background:#fff0e7;color:#ff6412;display:grid;place-items:center;font-size:17px}.psPayText{flex:1}.psPayText b{display:block;font-size:10px}.psPayText span{font-size:8px;color:#7b8494}.psPay input{width:auto}
.psOrderCard2{display:block;background:#fff;border:1px solid #edf0f4;border-radius:17px;padding:12px;margin-bottom:9px;text-decoration:none;color:inherit}.psOrderTop{display:flex;justify-content:space-between;gap:8px}.psOrderShop{display:flex;gap:9px;align-items:center}.psOrderIcon{width:40px;height:40px;border-radius:12px;background:#fff0e7;display:grid;place-items:center;font-size:18px}.psOrderShop b{display:block;font-size:11px}.psOrderShop span{font-size:8px;color:#94a3b8}.psStatus2{border-radius:99px;padding:5px 8px;font-size:8px;font-weight:800;height:max-content}.psStatus2.live{background:#fff6df;color:#a16207}.psStatus2.done{background:#e9fbf2;color:#0a9258}.psStatus2.cancel{background:#fff0f0;color:#c24141}.psOrderFoot{display:flex;justify-content:space-between;padding-top:9px;margin-top:9px;border-top:1px solid #edf0f4;font-size:8px;color:#7b8494}.psOrderFoot b{font-size:11px;color:#172033}
.psNotify2{display:grid;grid-template-columns:42px 1fr 20px;gap:9px;background:#fff;border:1px solid #edf0f4;border-radius:16px;padding:11px;margin-bottom:8px;text-decoration:none;color:inherit}.psNotifyIcon2{width:40px;height:40px;border-radius:12px;background:#fff0e7;color:#ff6412;display:grid;place-items:center;font-size:17px}.psNotifyText2 b{display:block;font-size:10px}.psNotifyText2 p{font-size:8px;color:#64748b;margin:3px 0;line-height:1.45}.psNotifyText2 small{font-size:7px;color:#94a3b8}
.psProfileHero{display:flex;align-items:center;gap:11px}.psProfileAvatar{width:62px;height:62px;border-radius:19px;background:#fff0e7;color:#ff6412;display:grid;place-items:center;font-size:27px}.psProfileInfo{flex:1}.psProfileInfo b{display:block;font-size:16px}.psProfileInfo span{font-size:9px;color:#7b8494}.psMenuGroup{background:#fff;border:1px solid #edf0f4;border-radius:17px;overflow:hidden}.psMenuItem{display:grid;grid-template-columns:38px 1fr 18px;gap:9px;align-items:center;padding:11px;text-decoration:none;color:inherit}.psMenuItem+.psMenuItem{border-top:1px solid #edf0f4}.psMenuIcon{width:36px;height:36px;border-radius:11px;background:#fff0e7;color:#ff6412;display:grid;place-items:center;font-size:16px}.psMenuText b{display:block;font-size:10px}.psMenuText span{font-size:8px;color:#94a3b8}.psMenuArrow{color:#a2a9b5}
.psWalletCard{background:linear-gradient(135deg,#ff4f39,#ff7916);color:#fff;border-radius:18px;padding:15px}.psWalletCard span{font-size:9px;opacity:.9}.psWalletCard b{display:block;font-size:28px;margin:2px 0}.psWalletQuick{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.psWalletQuick a{background:#fff;color:#344054;border-radius:12px;padding:8px 3px;text-align:center;text-decoration:none;font-size:7px}.psWalletQuick i{display:block;font-size:16px;margin-bottom:3px}.psCoupon2{display:grid;grid-template-columns:44px 1fr auto;gap:9px;align-items:center;background:#fff;border:1px solid #edf0f4;border-radius:15px;padding:10px;margin-bottom:8px}.psCouponIcon2{width:42px;height:42px;border-radius:12px;background:#fff0e7;color:#ff6412;display:grid;place-items:center;font-size:17px}.psCoupon2 b{display:block;font-size:10px}.psCoupon2 span{font-size:8px;color:#7b8494}.psCouponCode2{font-size:8px;color:#ff6412;font-weight:800}
.psAddressItem{background:#fff;border:1px solid #edf0f4;border-radius:16px;padding:12px;margin-bottom:8px}.psAddressItemTop{display:flex;justify-content:space-between;gap:8px}.psAddressItem b{font-size:11px}.psAddressItem p{font-size:9px;color:#64748b;line-height:1.5;margin:5px 0}.psMiniActions{display:flex;gap:6px;margin-top:9px}.psMiniBtn{border:0;border-radius:9px;background:#f1f5f9;color:#64748b;padding:7px 9px;font:inherit;font-size:8px;font-weight:700}.psMiniBtn.orange{background:#fff0e7;color:#ff6412}.psMiniBtn.red{background:#fff0f0;color:#dc2626}
.psFaq{background:#fff;border:1px solid #edf0f4;border-radius:15px;margin-bottom:7px;overflow:hidden}.psFaq summary{padding:11px 12px;font-size:10px;font-weight:800;cursor:pointer}.psFaq div{padding:0 12px 11px;font-size:8px;color:#64748b;line-height:1.6}
.psTrackStatus{display:flex;justify-content:space-between;align-items:center}.psTrackStatus span{font-size:8px;color:#7b8494}.psTrackStatus b{display:block;font-size:16px;margin-top:2px}.psTrackSteps{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:13px}.psTrackStep{text-align:center;font-size:7px;color:#94a3b8}.psTrackDot{width:24px;height:24px;border-radius:50%;background:#e9edf2;color:#94a3b8;display:grid;place-items:center;margin:auto auto 4px;font-size:9px;font-weight:800}.psTrackStep.done{color:#475569;font-weight:700}.psTrackStep.done .psTrackDot{background:#10b96b;color:#fff}.psPersonRow{display:flex;gap:9px;align-items:center}.psPersonIcon{width:44px;height:44px;border-radius:13px;background:#fff0e7;display:grid;place-items:center;font-size:19px}.psPersonText{flex:1}.psPersonText b{display:block;font-size:11px}.psPersonText span{font-size:8px;color:#7b8494}.psCall{width:36px;height:36px;border-radius:11px;background:#e9fbf2;color:#0a9258;display:grid;place-items:center;text-decoration:none}

/* ===== PromptSen home image banners v4 ===== */
.psBannerSlider{margin:12px 14px 0;border-radius:20px;overflow:hidden;position:relative;background:#fff3eb;box-shadow:0 9px 24px rgba(255,74,35,.15);touch-action:pan-y}
.psBannerTrack{display:flex;width:100%;transition:transform .42s ease;will-change:transform}
.psBannerSlide{display:block;min-width:100%;flex:0 0 100%;aspect-ratio:3/1;overflow:hidden;background:#ff6412}
.psBannerSlide img{display:block;width:100%;height:100%;object-fit:cover}
.psBannerDots{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);display:flex;gap:5px;z-index:4}
.psBannerDots button{border:0;padding:0;width:6px;height:6px;border-radius:99px;background:rgba(255,255,255,.62);box-shadow:0 1px 3px rgba(0,0,0,.14);transition:.25s}
.psBannerDots button.on{width:17px;background:#fff}
.psPromoImage{display:block;border-radius:17px;overflow:hidden;background:#ff6412;box-shadow:0 6px 18px rgba(255,87,15,.12);aspect-ratio:3/1}
.psPromoImage img{display:block;width:100%;height:100%;object-fit:cover}.psBannerFallback{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:22px 28px;background:linear-gradient(135deg,#ff3f25,#ff6412 58%,#ffb21b);color:#fff}.psBannerFallback small{display:block;font-size:11px;font-weight:800;opacity:.95}.psBannerFallback strong{display:block;font-size:27px;line-height:1.1;margin-top:4px}.psBannerFallback span{display:block;font-size:11px;margin-top:7px}.psBannerFallback>b{font-size:48px}
@media(max-width:380px){.psBannerSlider{margin-left:10px;margin-right:10px;border-radius:16px}.psPromoImage{border-radius:14px}}