*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#222;background:#fff;font-size:16px;line-height:1.5}
img{max-width:100%;height:auto;display:block}
a{color:#0b4ea2}
.wrap{max-width:980px;margin:0 auto;padding:0 16px}
h1{font-size:28px;line-height:1.2;margin:0 0 8px}
h2{font-size:21px;margin:0 0 10px}
p{margin:0 0 12px}

.strip{background:#12305c;color:#fff;font-size:14px;padding:7px 0}
.strip .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.strip a{color:#fff}
header.top{border-bottom:1px solid #d6d6d6}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:14px;padding-bottom:14px}
.brand{font-size:24px;font-weight:bold;color:#12305c;text-decoration:none}
.brand small{display:block;font-size:13px;font-weight:normal;color:#555}
nav a{margin-left:18px;font-size:15px}

.product{display:grid;grid-template-columns:420px 1fr;gap:32px;padding-top:28px;padding-bottom:28px}
.product .photo{border:1px solid #d6d6d6}
.sub{color:#555;margin-bottom:16px}
.instock{color:#1a7a2e;font-weight:bold;font-size:15px;margin-bottom:14px}

.packs{border:1px solid #bbb;margin:0 0 14px;padding:0}
.packs label{display:flex;align-items:center;gap:12px;padding:11px 12px;border-bottom:1px solid #ddd;cursor:pointer}
.packs label:last-child{border-bottom:0}
.packs label:hover{background:#f5f7fa}
.packs input{width:18px;height:18px;margin:0}
.packs .qty{flex:1;font-weight:bold}
.packs .each{color:#555;font-size:14px;width:110px;text-align:right}
.packs .price{font-weight:bold;width:90px;text-align:right}
.packs label:has(input:checked){background:#eaf1fb}

.btn{display:inline-block;background:#e0a100;color:#111;border:1px solid #b88400;border-radius:3px;padding:13px 26px;font:bold 17px Arial,Helvetica,sans-serif;text-decoration:none;cursor:pointer}
.btn:hover{background:#cc9300}
.btn[disabled]{opacity:.6;cursor:wait}
.buy .btn{width:100%}
.small{font-size:14px;color:#555;margin-top:10px}
.err{color:#b00000;font-weight:bold;margin-top:10px}
.err:empty{display:none}
ul.points{margin:16px 0 0;padding-left:20px}
ul.points li{margin-bottom:4px}

.info{border-top:1px solid #d6d6d6;padding-top:24px;padding-bottom:8px}
.info .block{margin-bottom:26px;max-width:720px}
table.spec{border-collapse:collapse;width:100%;max-width:520px;margin-bottom:6px}
table.spec td{border:1px solid #d6d6d6;padding:7px 10px;font-size:15px}
table.spec td:first-child{background:#f5f5f5;width:40%}
.qa p{margin-bottom:4px}
.qa p.q{font-weight:bold;margin-top:14px}

footer{background:#f2f2f2;border-top:1px solid #d6d6d6;padding:20px 0 28px;font-size:14px;color:#444;margin-top:16px}
footer a{margin-right:16px}
.page{max-width:720px;padding-top:28px;padding-bottom:36px}
.page h1{margin-bottom:16px}
.page h2{margin-top:22px}

@media (max-width:800px){
  .product{grid-template-columns:1fr;gap:18px;padding-top:18px}
  nav{display:none}
  .packs .each{display:none}
}