*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#13202b;background:#f6f9fb}
a{color:#0b6a86;text-decoration:none}main{max-width:1080px;margin:0 auto;padding:22px}
header.site{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:#0a2540;color:#fff;position:sticky;top:0;z-index:10}
header.site .brand{color:#fff;font-weight:700;letter-spacing:.5px;font-size:18px}header.site nav a{color:#bfe3ef;margin-left:16px}
h1{font-size:28px;margin:.2em 0}.lead{color:#5a6b78;margin-top:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:18px}
.card{display:flex;flex-direction:column;background:#fff;border:1px solid #e3eaf0;border-radius:14px;overflow:hidden;transition:.16s;color:#13202b}
.card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(10,37,64,.12);border-color:#9fd3e2}
.card img{width:100%;aspect-ratio:1;object-fit:cover;background:#eef3f6}
.card .nm{padding:12px 14px 2px;font-weight:600}.card .pr{padding:0 14px 14px;color:#0b6a86;font-weight:700}
.card .oos{padding:0 14px 12px;color:#b23;font-size:13px}
.crumb{color:#5a6b78;font-size:14px;margin:6px 0 16px}
.product{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.product .hero{width:100%;border-radius:16px;background:#eef3f6}
.product .price{font-size:24px;color:#0b6a86;font-weight:800;margin:.3em 0}.product .price .cur{font-size:13px;color:#8aa0ad}
.stock.in{color:#1a7f4b}.stock.out{color:#b23}.desc{margin:14px 0;color:#33424d}
.buy{display:inline-block;background:#0b6a86;color:#fff;padding:13px 22px;border-radius:10px;font-weight:700;margin-top:8px}
.buy:hover{background:#0a5c75}.note{color:#8aa0ad;font-size:13px;margin-top:10px}
footer{max-width:1080px;margin:30px auto;padding:18px 22px;color:#8aa0ad;font-size:13px;border-top:1px solid #e3eaf0}
@media(max-width:680px){.product{grid-template-columns:1fr}}