:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2a2d33;background:#3a3a3a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{border:0;cursor:pointer}.app-shell{min-height:100vh;display:grid;place-items:center;padding:16px}.phone-screen{width:min(100vw,430px);height:min(100vh - 32px,900px);position:relative;overflow:hidden;background:linear-gradient(180deg,#ff3b35 0,#ff3b35 120px,#f4f5f7 330px);box-shadow:0 20px 80px #0000005c}.profile-avatar{display:grid;place-items:center;border-radius:18px;color:#fff;background:#f11916;font-weight:900}.product-card button,.checkout-footer button,.detail-actions button,.sticky-checkout button{color:#fff;background:linear-gradient(135deg,#ff321f,#ff0f5e);border-radius:999px;font-weight:800}.search-area{position:relative;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:16px 18px}.icon-button,.login-chip{height:42px;color:#fff;background:transparent;font-weight:800}.icon-button{font-size:21px;letter-spacing:0}.search-box{height:46px;display:flex;align-items:center;gap:8px;padding:0 15px;background:#fff;border-radius:999px;color:#ff3b35;box-shadow:inset 0 0 0 1px #fff6}.search-box span{width:22px;height:22px;border:2px solid #ff3b35;border-radius:50%;display:grid;place-items:center;color:transparent}.search-box input{min-width:0;width:100%;border:0;outline:0;color:#4b4f57;font-size:16px;background:transparent}.bottom-nav em{position:absolute;min-width:17px;height:17px;display:grid;place-items:center;border-radius:999px;background:#ff2115;color:#fff;font-size:10px}.content-scroll{height:calc(100% - 74px);overflow-y:auto;padding:0 12px 92px}.category-card{margin:8px 0 14px;padding:16px 8px 12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 6px;border-radius:24px;background:#fffffff5}.category-card button{min-width:0;display:grid;justify-items:center;gap:7px;color:#50545c;background:transparent}.category-card button.active strong{color:#ff2a1d}.category-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#fff;background:var(--category-color, #ff2d20);font-size:13px;font-weight:900}.category-icon.all{background:#ef4444}.category-card strong{max-width:100%;color:#575b64;font-size:12px;line-height:1.15;overflow-wrap:anywhere}.flash-sale{display:grid;grid-template-columns:132px 1fr;min-height:116px;overflow:hidden;margin-bottom:16px;border:3px solid #ff3d25;border-radius:24px;background:#fff}.flash-copy{padding:16px 12px;display:grid;align-content:center;gap:5px;color:#fff;background:linear-gradient(135deg,#ff2516,#ff7d24)}.flash-copy strong{font-size:23px}.flash-copy span{font-weight:700}.flash-copy button{justify-self:start;margin-top:4px;padding:6px 12px;border-radius:999px;color:#ff321f;background:#fff;font-weight:800}.flash-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:8px;padding:10px}.flash-items button{min-width:0;display:grid;gap:6px;background:transparent}.flash-items img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}.flash-items strong{color:#ff2b1f;font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card,.order-card,.profile-card,.address-card,.cart-item,.empty-state{background:#fff;border-radius:8px}.product-card{overflow:hidden}.product-image-wrap{position:relative;aspect-ratio:1;overflow:hidden;background:#eceff3}.product-image-wrap img,.detail-image{width:100%;height:100%;object-fit:cover}.product-image-wrap span{position:absolute;left:8px;top:8px;padding:4px 7px;border-radius:5px;color:#fff;background:#ff2d20;font-size:11px;font-weight:800}.product-body{padding:10px}.product-body h3{min-height:42px;margin:0;color:#42464f;font-size:16px;line-height:1.3}.product-body p{min-height:34px;margin:5px 0 10px;color:#80858d;font-size:12px;line-height:1.35}.product-meta{display:grid;gap:2px}.product-meta strong,.detail-row strong,.cart-item strong,.order-total strong,.checkout-item strong{color:#ff2b1f}.product-meta strong{font-size:25px;font-weight:500}.product-meta small{color:#8f949b}.product-card button{width:100%;height:34px;margin-top:10px}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.card-actions button{min-width:0;margin-top:0;font-size:12px}.bottom-nav{position:absolute;left:0;right:0;bottom:0;height:72px;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 8px 6px;background:#fffffff5;box-shadow:0 -10px 24px #00000014}.bottom-nav button{position:relative;display:grid;justify-items:center;align-content:center;gap:3px;color:#8a8d93;background:transparent;font-size:12px}.bottom-nav span{position:relative;width:28px;height:24px;display:grid;place-items:center;font-size:18px;font-weight:900}.bottom-nav em{top:-6px;right:-10px;font-style:normal}.bottom-nav button.active{color:#ff2b1f}.split-view{display:grid;grid-template-columns:108px 1fr;gap:12px}.category-list{display:grid;align-content:start;gap:8px}.category-list button{min-height:44px;border-radius:8px;color:#5b6068;background:#fff;font-weight:700}.category-list button.active{color:#ff2b1f;box-shadow:inset 4px 0 #ff2b1f}.category-products{display:grid;align-content:start;gap:10px}.mini-product{display:grid;grid-template-columns:74px 1fr;grid-template-rows:1fr auto;gap:4px 10px;align-items:center;padding:8px;border-radius:8px;color:#3f444d;background:#fff;text-align:left}.mini-product img{grid-row:span 2;width:74px;height:74px;border-radius:6px;object-fit:cover}.mini-product span{font-weight:700}.mini-product strong{color:#ff2b1f}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 2px}.section-title h2{margin:0;font-size:22px}.section-title span{color:#7b8088;font-size:13px}.cart-list,.orders-list,.profile-view{display:grid;gap:10px}.cart-section{display:grid;gap:8px}.cart-section>h3{margin:4px 2px 0;color:#59606b;font-size:14px}.cart-item{display:grid;grid-template-columns:86px 1fr auto;gap:10px;padding:10px;align-items:center}.cart-item img,.order-line img,.checkout-item img{width:76px;height:76px;border-radius:6px;object-fit:cover}.cart-item h3{margin:0 0 4px;font-size:15px}.cart-item p{margin:0 0 6px;color:#818690;font-size:12px}.type-pill{display:inline-flex;width:fit-content;margin:0 0 5px;padding:3px 7px;border-radius:999px;color:#167146;background:#e8f8ef;font-size:11px;font-weight:800}.qty-control{display:grid;grid-template-columns:30px 32px 30px;align-items:center;justify-items:center;border-radius:999px;background:#f1f2f5}.qty-control button{width:30px;height:30px;border-radius:50%;color:#ff2b1f;background:transparent;font-weight:900}.qty-control span{font-weight:800}.qty-control.wide{width:130px;margin:14px 0}.sticky-checkout{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 144px;gap:12px;align-items:center;margin-top:12px;padding:10px;border-radius:8px;background:#fff;box-shadow:0 8px 24px #0000001a}.sticky-checkout span,.checkout-footer span{display:block;color:#7c828b;font-size:12px}.sticky-checkout strong,.checkout-footer strong{color:#ff2b1f;font-size:20px}.sticky-checkout button,.checkout-footer button,.detail-actions button{height:44px}.sheet-backdrop,.payment-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:end center;background:#0000008f}.detail-sheet,.checkout-sheet{width:min(100vw,430px);max-height:min(92vh,820px);overflow-y:auto;position:relative;border-radius:22px 22px 0 0;background:#fff}.detail-image{height:330px;display:block}.detail-content,.checkout-sheet{padding:16px}.close-button{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:50%;color:#fff;background:#00000094;z-index:2}.detail-badge{display:inline-flex;padding:5px 8px;border-radius:5px;color:#fff;background:#ff2b1f;font-size:12px;font-weight:800}.detail-content h2{margin:10px 0 8px;font-size:25px}.detail-content p{color:#69707a;line-height:1.5}.detail-row{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.detail-row strong{font-size:30px}.detail-row span{color:#838892;font-size:13px}.detail-actions,.checkout-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.secondary-action{color:#ff2b1f!important;background:#fff1ef!important}.info-panel,.crypto-note{padding:10px;border-radius:8px;color:#246145;background:#e8f8ef;font-size:13px}.checkout-items{display:grid;gap:8px}.checkout-item,.order-line{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center}.checkout-item img,.order-line img{width:56px;height:56px}.checkout-item span,.order-line span{color:#4b515b;font-size:13px}.form-block{margin-top:14px;padding:12px;border-radius:8px;background:#f6f7f9}.form-block h3{margin:0 0 10px;font-size:15px}.form-block label,.radio-card{display:grid;gap:6px;margin-top:8px;color:#5e6470;font-size:13px}.form-block input,.form-block select{width:100%;min-height:42px;border:1px solid #d9dde4;border-radius:8px;padding:0 10px;color:#2f3540;background:#fff}.payment-channel{min-height:58px;display:grid;gap:4px;padding:10px 12px;border:1px solid #d9dde4;border-radius:8px;background:#fff}.payment-channel span{color:#7c828b;font-size:12px}.payment-channel strong{color:#2f3540;font-size:16px}.radio-card{grid-template-columns:22px 1fr;align-items:start;padding:10px;border-radius:8px;background:#fff}.radio-card span{display:grid;gap:3px}.form-error{margin:10px 0 0;color:#c81e1e;font-size:13px}.conversion-note{margin:10px 0 0;color:#69707a;font-size:12px;line-height:1.4}.checkout-footer{position:sticky;bottom:0;padding-top:10px;background:#fff}.payment-mask{place-items:center}.payment-dialog{width:min(92vw,430px);height:min(86vh,760px);border-radius:12px;overflow:hidden;background:#fff}.pay-frame-wrap{width:100%;height:100%;background:#f5f6fa}.pay-frame-wrap iframe{width:100%;height:100%;border:0;background:#fff}.order-card{padding:12px}.order-head,.order-total{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-head{margin-bottom:10px}.order-head div{display:grid;gap:3px}.order-head span,.address-note{color:#858b94;font-size:12px}.order-head em{color:#16a34a;font-style:normal;font-weight:800}.order-line{padding:8px 0;border-top:1px solid #f0f1f4}.crypto-note{display:grid;gap:4px;margin-top:8px;word-break:break-all}.address-note{margin:8px 0 0}.order-total{margin-top:10px;padding-top:10px;border-top:1px solid #f0f1f4}.ghost-action{width:100%;height:40px;margin-bottom:10px;border-radius:8px;color:#ff2b1f;background:#fff1ef;font-weight:800}.profile-card{display:flex;gap:14px;align-items:center;padding:16px}.profile-avatar{width:64px;height:64px;border-radius:22px;background:linear-gradient(135deg,#ff2b1f,#ff9f1c)}.profile-card h2{margin:0 0 4px}.profile-card p{margin:0 0 6px;color:#737985}.profile-card span{color:#ff2b1f;font-size:13px;font-weight:800}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.profile-stats div{padding:13px;display:grid;justify-items:center;gap:4px;border-radius:8px;background:#fff}.profile-stats strong{font-size:23px}.profile-stats span{color:#858b94;font-size:12px}.address-card{padding:13px}.address-card p{margin:5px 0;color:#5e6570}.address-card span{color:#858b94;font-size:13px}.empty-state{min-height:220px;display:grid;place-items:center;align-content:center;gap:8px;padding:20px;text-align:center}.empty-state strong{font-size:20px}.empty-state p{margin:0;color:#858b94}.toast{position:fixed;left:50%;bottom:104px;transform:translate(-50%);z-index:40;width:min(320px,calc(100vw - 32px));padding:12px 14px;border-radius:999px;color:#fff;background:#111827eb;text-align:center;font-size:14px}@media(max-width:480px){.app-shell{padding:0}.phone-screen{width:100vw;height:100vh;box-shadow:none}.content-scroll{height:calc(100% - 74px - env(safe-area-inset-top))}}