*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1d1d1b;background:#fff}
.wrap{max-width:1080px;margin:0 auto;padding:0 18px}a{color:#0b5c8a}header{background:#1d1d1b;color:#fff;border-bottom:4px solid #f5c400}
.hd{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:12px}.logo{color:#f5c400;font-weight:800;font-size:24px;text-decoration:none;letter-spacing:1px;line-height:1.1}
.logo small{display:block;color:#ddd;font-size:12px;font-weight:400;letter-spacing:0}.dnav a,.mnav a{color:#fff;text-decoration:none;margin-left:18px;font-size:15px}
.dnav a:hover{color:#f5c400}.mnav{display:none}h1{font-size:34px;line-height:1.2;margin:22px 0 14px}h2{font-size:24px;margin:30px 0 10px}h3{font-size:19px;margin:18px 0 6px}
.lead{font-size:19px;color:#333}.crumbs{font-size:14px;margin-top:16px;color:#666}.crumbs a{color:#666}
.pg{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:30px;align-items:start}.pg>div:empty{display:none}.hero{width:100%;height:auto;border-radius:10px;background:#f6f6f6;position:sticky;top:12px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin:14px 0}.card{display:block;border:1px solid #e6e6e6;border-radius:10px;padding:12px;text-decoration:none;color:inherit;background:#fff}
.card:hover{border-color:#f5c400;box-shadow:0 2px 10px rgba(0,0,0,.06)}.card img{width:100%;height:auto;aspect-ratio:5/4;object-fit:contain;background:#f8f8f8;border-radius:6px}.card h3{margin:10px 0 4px}.card p{margin:0;font-size:15px;color:#444}
.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;margin:10px 0 16px;font-size:16px}th,td{border:1px solid #e3e3e3;padding:8px 10px;text-align:left;vertical-align:top}th{background:#faf6e0}
.buy{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.btn{background:#f5c400;color:#1d1d1b;font-weight:700;text-decoration:none;padding:12px 18px;border-radius:8px}.btn:hover{background:#ffd633}
.ph{background:#ffe3e3;color:#a00;padding:0 4px;border-radius:3px;font-weight:600}.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
footer{background:#f4f4f2;margin-top:50px;padding:26px 0 10px;font-size:15px}.ft{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.copy{color:#777;font-size:13px}
@media(max-width:760px){.dnav{display:none}.mnav{display:block;position:relative}.mnav summary{list-style:none;font-size:28px;cursor:pointer;color:#fff}.mnav nav{position:absolute;right:0;top:40px;background:#1d1d1b;padding:10px 16px;z-index:5;width:230px;border:1px solid #444}
.mnav a{display:block;margin:8px 0}h1{font-size:27px}.pg{grid-template-columns:1fr}.hero{position:static;max-width:320px;margin:0 auto}}