*{box-sizing:border-box} :root{--blue:#1769aa;--blue2:#0f5592;--pale:#eaf4ff;--ink:#172b40;--muted:#718096;--line:#e7edf3}body{margin:0;background:#f7f9fc;color:var(--ink);font-family:Arial,Helvetica,sans-serif;padding-bottom:78px}.topbar{height:68px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100% - 1080px)/2));box-shadow:0 2px 12px #15324b0c;position:sticky;top:0;z-index:5}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);text-decoration:none}.brand-mark{width:40px;height:40px;background:var(--blue);color:#fff;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:23px}.brand b{display:block;font-size:19px;letter-spacing:-.5px}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.cart-head{border:0;background:var(--pale);color:var(--blue);padding:10px 13px;border-radius:12px;font-weight:bold}.wrap{max-width:1080px;margin:auto;padding:16px}.search{height:46px;background:#fff;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;padding:0 10px;gap:8px}.search span{font-size:23px;color:var(--muted)}.search input{border:0;outline:0;flex:1;min-width:0;font-size:14px}.search button{border:0;background:var(--blue);color:white;border-radius:9px;padding:8px 13px}.hero{margin-top:16px;border-radius:20px;padding:23px 20px;background:linear-gradient(115deg,#e8f4ff,#cfe7ff);display:flex;align-items:center;justify-content:space-between;overflow:hidden;min-height:190px}.eyebrow{font-size:9px;letter-spacing:1.2px;font-weight:bold;color:var(--blue)}.hero h1{font-size:27px;line-height:1.12;margin:9px 0;color:#123b61}.hero p{font-size:12px;color:#55718a;max-width:245px;line-height:1.5}.hero-btn{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;font-size:12px;font-weight:bold;padding:11px 15px;border-radius:10px;margin-top:5px}.hero-art{font-size:78px;filter:drop-shadow(0 9px 9px #28689b25);padding-right:10px}.section{margin-top:25px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-title h2{font-size:18px;margin:0}.section-title p{font-size:11px;color:var(--muted);margin:4px 0 0}.categories{display:flex;gap:9px;overflow-x:auto;padding-bottom:5px}.cat{min-width:75px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:11px 9px;text-align:center;text-decoration:none;color:var(--ink);font-size:20px}.cat span{display:block;font-size:10px;margin-top:6px;white-space:nowrap}.cat.selected{border-color:var(--blue);background:var(--pale);color:var(--blue)}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;min-width:0}.product-photo{height:130px;background:#f5f8fb;position:relative;display:grid;place-items:center}.product-photo img{width:100%;height:100%;object-fit:contain;padding:8px}.no-photo{font-size:43px}.discount{position:absolute;z-index:1;left:8px;top:8px;background:#eaf3ff;color:#1265a8;font-weight:bold;font-size:10px;padding:5px 7px;border-radius:7px}.product-info{padding:10px}.product-cat{font-size:9px;color:var(--muted)}.product h3{font-size:13px;margin:5px 0 7px;min-height:30px;line-height:1.25}.old-price{font-size:10px;color:#98a2ad;text-decoration:line-through;height:14px}.old-space{height:14px}.price{font-size:16px;color:var(--blue);font-weight:800;margin-top:2px}.unit{font-size:9px;color:var(--muted)}.add-btn{width:100%;border:1px solid var(--blue);background:#fff;color:var(--blue);font-weight:bold;border-radius:9px;padding:9px;margin-top:9px;font-size:11px}.add-btn:active{background:var(--pale)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:65px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;z-index:6;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a,.bottom-nav button{color:#7c8b9b;text-decoration:none;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:18px}.bottom-nav span{font-size:9px}.bottom-nav .active{color:var(--blue)}.overlay{display:none;position:fixed;inset:0;background:#10243870;z-index:8}.cart-panel{position:fixed;z-index:9;right:0;top:0;bottom:0;width:min(420px,92vw);background:#fff;transform:translateX(105%);transition:.25s;display:flex;flex-direction:column;padding:17px}.cart-panel.open{transform:translateX(0)}.overlay.show{display:block}.cart-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px}.cart-title h2{font-size:18px;margin:0}.cart-title button{border:0;background:#f1f4f7;border-radius:9px;padding:8px}.cart-items{overflow:auto;flex:1;padding:12px 0}.cart-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}.cart-row b{font-size:13px}.cart-row small{display:block;color:var(--muted);margin-top:4px}.qty{display:flex;align-items:center;gap:8px}.qty button{border:0;background:var(--pale);color:var(--blue);border-radius:7px;width:27px;height:27px;font-weight:bold}.cart-footer{border-top:1px solid var(--line);padding-top:12px}.total{display:flex;justify-content:space-between;margin-bottom:12px;font-size:13px}.total b{color:var(--blue);font-size:17px}.cart-footer input,.cart-footer textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px;margin:5px 0;font:inherit;font-size:12px}.cart-footer textarea{height:55px;resize:vertical}.checkout{width:100%;border:0;background:#16834a;color:white;border-radius:11px;padding:13px;font-weight:bold;margin-top:5px}.empty{color:var(--muted);font-size:12px;text-align:center;padding:25px 8px}@media(min-width:700px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-photo{height:175px}.hero{padding:32px 40px}.hero h1{font-size:35px}.hero-art{font-size:105px}}