@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--brand:#ff6a3d;--text:#111827;--muted:#6b7280;--bg:#fff;--border:#e5e7eb}*{box-sizing:border-box}body,html{padding:0;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:0 16px}.header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--border)}.header-inner{justify-content:space-between;height:64px}.brand,.header-inner{display:flex;align-items:center}.brand{gap:10px;font-weight:700;font-size:20px}.nav{display:flex;gap:20px;color:var(--muted)}.nav a{font-weight:500}.actions{display:flex;align-items:center;gap:14px}.banner{position:relative;width:100%;background:#f3f4f6;border-bottom:1px solid var(--border)}.banner-inner{aspect-ratio:1920/650;background-image:url(/banner.png);background-size:cover;background-position:50%}.banner-fallback,.banner-inner{display:flex;align-items:center;justify-content:center}.banner-fallback{font-size:clamp(24px,8vw,96px);color:#111;background:#eee;width:100%;height:100%}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:20px;gap:20px;padding:32px 0}.card{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04);display:flex;flex-direction:column}.card img{width:100%;height:220px;object-fit:cover}.card-body{padding:14px;display:grid;grid-gap:10px;gap:10px}.price{font-weight:700}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;padding:10px 16px;cursor:pointer;font-weight:600}.btn{background:var(--brand);color:#fff}.btn.secondary{background:#111827;color:#fff}.btn.link{background:transparent;color:var(--brand);padding:0}.qty{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;padding:6px 10px}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:12px;border-bottom:1px solid var(--border);text-align:left}.summary{border:1px solid var(--border);border-radius:16px;padding:16px}.footer{padding:32px 0;border-top:1px solid var(--border);color:var(--muted)}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}