:root{--red:#c71920;--navy:#151d2d;--muted:#697181;--paper:#f4f5f7}*{box-sizing:border-box}body{margin:0;background:var(--paper);font:15px Arial,Helvetica,sans-serif;color:var(--navy)}header{height:74px;background:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(4vw,24px);border-bottom:3px solid var(--red);position:sticky;top:0;z-index:3}.brand{display:flex;gap:12px;align-items:center}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:2px}.mark{background:var(--red);color:white;padding:12px 8px;font-weight:bold;transform:skew(-8deg)}button{border:0;background:var(--navy);color:white;padding:11px 16px;border-radius:3px;cursor:pointer}button:disabled{opacity:.35}.hero{background:linear-gradient(115deg,#111827,#293346);color:white;padding:55px max(5vw,24px)}.hero p{color:#ffb1b4;letter-spacing:3px;font-size:11px}.hero h1{font-size:clamp(28px,4vw,50px);margin:8px 0 25px}.search{display:flex;max-width:700px}.search input{flex:1;padding:15px;border:0;font-size:16px}.search button{background:var(--red);border-radius:0}aside,.summary,nav{display:flex;gap:12px;align-items:center;padding:18px max(5vw,24px)}select{padding:11px;background:white;border:1px solid #d8dce3}.summary{justify-content:space-between;padding-bottom:0}.summary button{background:none;color:var(--red)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;padding:18px max(5vw,24px)}article{background:white;border-radius:5px;overflow:hidden;box-shadow:0 2px 12px #17203314;position:relative}.pick{position:absolute;z-index:2;background:#ffffffed;padding:7px;font-size:12px}.photo{height:210px;background:#e8eaee;display:grid;place-items:center}.photo img{width:100%;height:100%;object-fit:contain}.body{padding:16px}.category{color:var(--red);text-transform:uppercase;letter-spacing:1px}.body h2{font-size:17px;height:42px;margin:8px 0}.body code{color:var(--muted)}.foot{display:flex;justify-content:space-between;align-items:end;margin-top:18px}.price{font-size:20px}.stock{font-size:11px;padding:5px;background:#e4f4e9;color:#17672e}.stock.out{background:#fde5e5;color:#a51616}nav{justify-content:center}@media(max-width:600px){header{height:62px}.brand small{display:none}header button{font-size:11px}.hero{padding-top:32px;padding-bottom:32px}.search input{min-width:0}aside{overflow:auto}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px}.photo{height:145px}.body{padding:11px}.body h2{font-size:14px}.price{font-size:16px}}
@media print{header,.hero,aside,.summary,nav,.pick{display:none!important}body{background:white}.grid{grid-template-columns:repeat(3,1fr)}article:not(.chosen){display:none}.photo{height:180px}}