:root { --yellow:#fede00; --ink:#2e2e2e; --line:#e6e6e6; }
* { box-sizing:border-box; }
body { margin:0; background:#f5f5f5; color:var(--ink); font-family:Roboto,sans-serif; }
a { color:inherit; text-decoration:none; }
.wrap { width:min(1180px, calc(100% - 32px)); margin:0 auto; }
.topbar { background:#2d2d2d; color:#fff; font-size:13px; }
.topbar .wrap { display:flex; justify-content:space-between; gap:12px; padding:8px 0; }
.topbar b { color:var(--yellow); }
header { background:#fff; border-bottom:1px solid var(--line); }
.bar { display:flex; align-items:center; gap:18px; height:84px; }
.wordmark { font-family:Poppins,sans-serif; font-weight:700; font-size:28px; }
.wordmark span { color:#c8102e; }
nav { display:flex; gap:4px; }
.navlink { padding:10px 12px; font-family:Poppins,sans-serif; font-weight:600; font-size:14px; }
.spacer { flex:1; }
.cart-btn { background:var(--yellow); color:#2e2e2e; padding:12px 16px; font-weight:700; }
.page { padding:64px 0; }
.narrow { max-width:720px; }
.kicker { color:#c8102e; letter-spacing:.12em; text-transform:uppercase; font-size:12px; font-weight:700; }
h1 { font-family:Poppins,sans-serif; font-size:46px; margin:8px 0 16px; }
.phone { color:#c8102e; font-weight:700; font-size:22px; }
footer { background:#2d2d2d; color:#ddd; padding:36px 0; }
.foot { display:flex; justify-content:space-between; gap:24px; }
footer strong { display:block; color:#fff; margin-bottom:8px; }