:root{--primary:#176B87;--secondary:#64CCC5;--bg:#F5F7FA;--card:#fff;--text:#111827;--muted:#6B7280;--border:#E5E7EB;--success:#16A34A;--warning:#F59E0B;--danger:#DC2626;--shadow:0 12px 30px rgba(17,24,39,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.app-shell{max-width:560px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#eef8fb 0,#f6f7fb 240px);padding-bottom:84px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(229,231,235,.7)}.brand{display:flex;gap:10px;align-items:center;color:var(--text);text-decoration:none;font-weight:800}.brand img{width:34px;height:34px}.top-actions{display:flex;gap:8px}.icon-btn{position:relative;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);background:#fff;border-radius:14px;text-decoration:none}.cart-badge:after{content:attr(data-count);position:absolute;top:-6px;right:-6px;background:var(--danger);color:#fff;border-radius:999px;font-size:11px;padding:2px 6px}.content{padding:14px 14px 24px}.hero-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-radius:24px;background:linear-gradient(135deg,var(--primary),#0f4c64);color:white;box-shadow:var(--shadow)}.hero-card h1{margin:4px 0;font-size:24px}.hero-card p{margin:0;color:rgba(255,255,255,.84)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:11px 14px;background:var(--primary);color:white;text-decoration:none;font-weight:800;cursor:pointer}.btn.light{background:#fff;color:var(--primary)}.btn.primary{background:var(--primary)}.btn.outline{background:#fff;color:var(--primary);border:1px solid var(--primary)}.btn.danger{background:var(--danger)}.btn.small{padding:7px 10px;border-radius:10px;font-size:13px}.btn.full{width:100%}.search-box{display:flex;gap:8px;margin:14px 0}.search-box.sticky{position:sticky;top:70px;z-index:8}.search-box input{flex:1;border:1px solid var(--border);background:white;border-radius:16px;padding:13px;font-size:15px}.search-box button{width:48px;border:0;border-radius:16px;background:var(--primary);color:white}.store-mini,.card-block,.auth-card,.account-head,.order-card,.cart-item,.admin-row{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:14px;box-shadow:0 6px 18px rgba(17,24,39,.05);margin:12px 0}.store-mini{display:flex;align-items:center;gap:12px}.store-icon,.avatar{width:48px;height:48px;border-radius:16px;background:#e9fbff;display:grid;place-items:center;font-size:24px}.store-mini p,.product-body p,.muted{color:var(--muted);margin:4px 0}.status-dot{margin-left:auto;color:#047857;background:#dcfce7;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.section-title{display:flex;align-items:center;justify-content:space-between;margin:18px 2px 10px}.section-title h1,.section-title h2{margin:0}.section-title a{color:var(--primary);text-decoration:none;font-weight:700}.chip-row,.filter-row{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.chip,.pill,.toggle{white-space:nowrap;border:1px solid var(--border);background:white;border-radius:999px;padding:8px 12px;text-decoration:none;color:var(--text);font-weight:700;font-size:13px}.pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.product-scroll{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 10px}.product-list.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-list.list{display:flex;flex-direction:column;gap:10px}.product-card{position:relative;background:white;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 6px 20px rgba(17,24,39,.06)}.product-card.mini{min-width:164px;max-width:164px}.product-card.list{display:grid;grid-template-columns:108px 1fr 48px}.product-img{display:block;aspect-ratio:1/1;background:#eef2f7}.product-img img,.cart-item img,.admin-row img,.detail-img img{width:100%;height:100%;object-fit:cover}.product-body{padding:10px}.product-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px;color:var(--text);font-weight:800;text-decoration:none}.product-body strong{display:block;color:var(--primary);font-size:16px;margin:4px 0}.product-body small{color:var(--muted);font-size:11px}.quick-cart{position:absolute;right:8px;bottom:8px}.quick-cart button{width:38px;height:38px;border:0;border-radius:14px;background:var(--primary);color:white}.detail-img{margin:-14px -14px 0;background:#eef2f7;aspect-ratio:1/1}.price-lg{font-size:26px;font-weight:900;color:var(--primary);margin:8px 0}.specs div,.co-line{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--border);padding:8px 0}.specs span{color:var(--muted)}.fixed-buy{position:sticky;bottom:78px;z-index:8;display:flex;gap:8px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);padding:10px;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.inline-form{display:flex;gap:6px;flex:1}.inline-form input{width:54px;border:1px solid var(--border);border-radius:12px;padding:8px}label{display:block;font-weight:750;margin:10px 0 6px}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:14px;padding:12px;background:#fff;font:inherit}textarea{min-height:92px}.auth-card{margin-top:40px}.center{text-align:center}.account-head{display:flex;gap:12px;align-items:center}.address-card{border:1px dashed var(--border);border-radius:16px;padding:10px;margin:8px 0}.form-grid{display:grid;grid-template-columns:1fr;gap:2px}.menu-list{display:grid;gap:10px}.menu-list a{background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px;text-decoration:none;color:var(--text);font-weight:800}.cart-item{display:grid;grid-template-columns:86px 1fr;gap:12px}.cart-item img,.admin-row img{height:86px;border-radius:14px;background:#eef2f7}.qty-row{display:flex;gap:8px;align-items:center;margin-top:8px}.qty-row input{width:70px;padding:8px}.qty-row button{border:0;border-radius:10px;padding:8px;background:var(--primary);color:white}.checkout-bar{position:sticky;bottom:78px;background:white;border:1px solid var(--border);border-radius:18px;padding:12px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);margin-top:12px}.checkout-bar span{color:var(--muted);display:block}.radio-card{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:16px;padding:12px;background:#fff}.radio-card input{width:auto}.order-card>div{display:flex;align-items:center;justify-content:space-between}.badge{background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900}.badge.waiting_payment{background:#fef3c7;color:#92400e}.badge.shipped{background:#dbeafe;color:#1d4ed8}.badge.completed{background:#dcfce7;color:#166534}.admin-grid{display:grid;grid-template-columns:1fr;gap:10px}.stat{background:white;border:1px solid var(--border);border-radius:18px;padding:14px}.stat span{color:var(--muted)}.stat b{display:block;font-size:22px;color:var(--primary)}.admin-row{display:grid;grid-template-columns:84px 1fr;gap:12px}.flash-wrap{padding:10px 14px 0}.flash{padding:11px 12px;border-radius:14px;margin:6px 0;background:#eff6ff;border:1px solid #bfdbfe}.flash.success{background:#dcfce7;border-color:#86efac}.flash.danger{background:#fee2e2;border-color:#fecaca}.flash.warning{background:#fef3c7;border-color:#fde68a}.empty{text-align:center;background:white;border:1px solid var(--border);border-radius:20px;padding:28px 14px;margin:20px 0}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:560px;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(5,1fr);gap:2px;border-top:1px solid var(--border);padding:8px 8px env(safe-area-inset-bottom)}.bottom-nav a{display:grid;place-items:center;text-decoration:none;color:var(--muted);font-size:19px;border-radius:14px;padding:5px 0}.bottom-nav span{font-size:11px;font-weight:800}.bottom-nav a.active{color:var(--primary);background:#e9fbff}@media(min-width:720px){.app-shell{max-width:1120px}.content{padding:24px}.product-list.grid{grid-template-columns:repeat(4,1fr)}.product-scroll{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible}.product-card.mini{min-width:0;max-width:none}.admin-grid{grid-template-columns:repeat(3,1fr)}.bottom-nav{max-width:1120px}.form-grid{grid-template-columns:1fr 1fr;gap:8px}.span2{grid-column:1/-1}}
.soft-hr{border:0;border-top:1px solid var(--border);margin:18px 0}.radio-card{justify-content:space-between}.radio-card span{flex:1}.radio-card strong{white-space:nowrap;color:var(--primary)}button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed}.origin-result{display:grid;gap:8px;margin:8px 0}.origin-option{width:100%;text-align:left;border:1px solid var(--border);background:#fff;border-radius:14px;padding:10px 12px;font-weight:700;color:var(--text)}select:disabled{background:#f3f4f6;color:#9ca3af}.js-address-form select{min-height:46px}