:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#17314d;background:#f6f8fc;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:#2455a4;text-underline-offset:4px}header,main,footer{max-width:1180px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;background:white}nav{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.brand{display:flex;align-items:center;font-size:25px;font-weight:850;text-decoration:none;color:#17314d;gap:8px}.brand span{color:#2455a4}.button{display:inline-block;background:#2455a4;color:white;border-radius:14px;padding:12px 20px;text-decoration:none;font-weight:650}.hero{padding:42px;border-radius:28px;background:linear-gradient(130deg,#edf2ff,#f1fbf9);margin-bottom:26px}h1{font-size:clamp(28px,5vw,52px);line-height:1.15;max-width:800px;letter-spacing:-.04em}.hero p{max-width:760px;font-size:19px}.eyebrow{font-size:12px;letter-spacing:.12em;color:#2455a4}.categories{margin-bottom:28px}.categories a{background:white;border:1px solid #dce4ef;padding:7px 13px;border-radius:20px;text-decoration:none;font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{border:1px solid #e0e6ef;border-radius:22px;overflow:hidden;background:white}.card a{text-decoration:none;color:inherit}.card img,.placeholder{width:100%;height:220px;object-fit:cover;background:#edf2fa}.placeholder{display:grid;place-items:center;font-size:28px;color:#2455a4}.card-body{padding:20px}.card h2{font-size:20px;line-height:1.35;overflow-wrap:anywhere}.card strong,.price{color:#2455a4}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gallery img{width:100%;max-height:520px;object-fit:contain;border-radius:18px;background:white}.description{white-space:pre-wrap;overflow-wrap:anywhere}section{margin-bottom:30px}.skip{position:absolute;left:-10000px}.skip:focus{left:10px;background:white;padding:10px;z-index:2}footer{margin-top:40px;border-top:1px solid #dce4ef}a:focus-visible{outline:3px solid #38a6cc;outline-offset:4px}@media(max-width:720px){header{flex-wrap:wrap;padding:16px}header nav{gap:14px;font-size:14px}main,footer{padding:18px}.hero{padding:25px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card img,.placeholder{height:160px}.card-body{padding:12px}.card h2{font-size:17px}.gallery{grid-template-columns:1fr}}@media(max-width:390px){.grid{grid-template-columns:1fr}}
