:root { --red:#D32B1F; --orange:#F58226; --black:#111; --gray:#F3F3F3; --line:#DDD; }
* { box-sizing:border-box; }
body { margin:0; font-family:Arial,Helvetica,sans-serif; color:var(--black); background:#fff; }
a { color:inherit; text-decoration:none; }
.topnote { background:var(--red); color:#fff; text-align:center; font-size:13px; padding:8px; }
.bar { display:flex; align-items:center; gap:16px; padding:12px 20px; border-bottom:1px solid var(--line); flex-wrap:wrap; }
.logo { font-weight:800; font-size:22px; }
.logo span { color:var(--orange); }
.search { flex:1; display:flex; min-width:220px; }
.search input { flex:1; height:40px; border:1px solid #222; padding:0 10px; font-size:14px; }
.search button { height:40px; background:var(--red); color:#fff; border:0; padding:0 16px; font-weight:700; cursor:pointer; }
.who { font-size:13px; color:#444; }
.switch { font-size:12px; }
.switch select { height:32px; }
.sub { display:flex; gap:18px; padding:10px 20px; background:var(--gray); font-size:14px; font-weight:700; }
.sub a.on { color:var(--red); border-bottom:2px solid var(--red); }
.wrap { max-width:1180px; margin:0 auto; padding:20px; }
h1 { font-size:28px; margin:0 0 8px; }
.lead { color:#555; margin:0 0 16px; }
.chips { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:16px; }
.chips a { border:1px solid #bbb; border-radius:4px; padding:6px 12px; font-size:13px; }
.grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:14px; }
.card { border:1px solid var(--line); background:#fff; display:block; }
.card:hover { border-color:#999; }
.photo { height:160px; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:700; }
.ph-0 { background:#5a6b7a; } .ph-1 { background:#6b5a4a; } .ph-2 { background:#3d5a4c; }
.ph-3 { background:#4a5570; } .ph-4 { background:#7a4a4a; }
.meta { padding:10px 12px 14px; }
.row1 { font-size:12px; display:flex; align-items:center; gap:6px; }
.light { width:10px; height:10px; border-radius:50%; display:inline-block; }
.light.red { background:#B42318; } .light.green { background:#2F6B3A; } .light.yellow { background:#E8C36A; }
.badge { font-size:10px; font-weight:800; padding:2px 6px; margin-left:auto; }
.badge.gold { background:#C9A227; color:#111; }
.badge.silver { background:#8A9096; color:#fff; }
.badge.bronze { background:#B8743A; color:#fff; }
.card h3 { font-size:14px; margin:8px 0; min-height:36px; }
.price { color:var(--red); font-size:22px; font-weight:800; }
.price small { display:block; color:#666; font-size:11px; font-weight:400; }
.addr { font-size:11px; color:#555; margin-top:6px; }
.pdp { display:grid; grid-template-columns:1.1fr .9fr; gap:28px; }
.gallery { background:#eee; min-height:380px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:22px; font-weight:800; }
.buy h1 { font-size:24px; }
.ids { font-size:12px; color:#555; margin:6px 0 10px; }
.ids code { background:#f3f3f3; padding:1px 4px; }
.facts { margin:12px 0; padding-left:18px; }
.fulfill { border:1px solid var(--line); padding:12px; margin:12px 0; font-size:14px; }
.cta { width:100%; height:48px; background:var(--red); color:#fff; border:0; font-size:16px; font-weight:800; cursor:pointer; }
.note { font-size:12px; color:#444; margin-top:8px; }
.whbar { background:#111; color:#fff; padding:10px 12px; font-size:13px; margin-top:14px; }
table.specs { width:100%; border-collapse:collapse; margin-top:24px; font-size:14px; }
table.specs th, table.specs td { border:1px solid var(--line); padding:8px; text-align:left; }
table.specs th { width:30%; background:#fafafa; }
.toast { display:none; margin-top:10px; background:#111; color:#fff; padding:8px 10px; font-size:13px; }
footer { border-top:1px solid var(--line); margin-top:40px; padding:20px; font-size:12px; color:#666; text-align:center; }
@media (max-width:800px){ .pdp { grid-template-columns:1fr; } }