*{box-sizing:border-box;margin:0;padding:0}
body{font:16px/1.5 -apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#1c2733;background:#f4f6f8}
a{color:#1a6fb5;text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
header{background:#0f2b46;color:#fff}
.top{display:flex;align-items:center;gap:20px;padding:14px 0;flex-wrap:wrap}
.logo{font-size:22px;font-weight:700;color:#fff}.logo span{color:#4fb0e8}
.top .contacts{margin-left:auto;text-align:right;font-size:14px;color:#c6d6e6}
.top .contacts b{color:#fff;font-size:17px}
nav{background:#15395c}nav .wrap{display:flex;gap:4px;flex-wrap:wrap}
nav a{color:#dce8f3;padding:11px 14px;font-size:14px;border-radius:4px}
nav a:hover{background:#1f4d77;text-decoration:none}
.hero{background:linear-gradient(120deg,#15395c,#1a6fb5);color:#fff;padding:38px 0}
.hero h1{font-size:30px;margin-bottom:10px}.hero p{color:#d5e6f3;max-width:720px}
.search{margin:16px 0 0}.search input{width:100%;max-width:520px;padding:12px 14px;border:0;border-radius:6px;font-size:15px}
.grid{display:grid;gap:16px;margin:24px 0}
.catgrid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.prodgrid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.card{background:#fff;border:1px solid #e3e9ef;border-radius:8px;padding:16px;transition:box-shadow .15s}
.card:hover{box-shadow:0 4px 18px rgba(20,57,92,.1)}
.catcard{display:block}.catcard .ic{width:46px;height:46px;border-radius:8px;background:#e8f3fb;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:10px}
.catcard h3{font-size:17px;color:#0f2b46}.catcard .n{color:#78889a;font-size:13px;margin-top:4px}
.prod{display:flex;flex-direction:column}
.prod h4{font-size:15px;min-height:42px;color:#17263a}
.prod .meta{font-size:13px;color:#6a7a8c;margin:8px 0}
.prod .art{font-family:monospace;color:#1a6fb5}
.prod .price{font-weight:700;font-size:19px;color:#0f2b46;margin-top:auto;padding-top:8px}
.prod .price .q{font-weight:400;font-size:13px;color:#78889a}
.stock{display:inline-block;font-size:12px;padding:2px 9px;border-radius:20px;margin:6px 0}
.stock.in{background:#e6f6ec;color:#107a3d}.stock.out{background:#f1f0ed;color:#8a7a52}
.prod .buy{display:inline-block;margin-top:10px;background:#1a6fb5;color:#fff;padding:9px 14px;border-radius:5px;font-size:14px;text-align:center;cursor:pointer;border:0;width:100%}
.prod .buy:hover{background:#15598f;text-decoration:none}
h2.sec{margin:28px 0 4px;font-size:22px;color:#0f2b46}
.sub{color:#78889a;margin-bottom:6px}
.badge{display:inline-block;background:#e8f3fb;color:#1a6fb5;font-size:12px;padding:2px 9px;border-radius:20px;margin:0 4px 6px 0}
footer{background:#0f2b46;color:#aec3d6;margin-top:40px;padding:28px 0;font-size:14px}
footer a{color:#cfe1f0}footer .cols{display:flex;gap:40px;flex-wrap:wrap}
.content{background:#fff;border:1px solid #e3e9ef;border-radius:8px;padding:24px;margin:24px 0}
.content h1{color:#0f2b46;margin-bottom:12px}.content p{margin:10px 0}
.crumbs{font-size:13px;color:#8a99a9;margin:16px 0}
.thumb{height:128px;margin:-16px -16px 12px;border-radius:8px 8px 0 0;background:linear-gradient(135deg,#f0f6fb,#e2eef8);display:flex;align-items:center;justify-content:center}
.thumb img{width:66%;height:66%;object-fit:contain}
.catcard .thumb{height:96px;margin:-16px -16px 10px}
.cat-banner{background:linear-gradient(120deg,#eaf3fb,#d9e9f6);border:1px solid #e3e9ef;border-radius:10px;display:flex;align-items:center;gap:18px;padding:14px 20px;margin:16px 0}
.cat-banner img{width:84px;height:64px;object-fit:contain}
.cta{background:linear-gradient(120deg,#107a3d,#19a155);color:#fff;border-radius:10px;padding:22px 24px;margin:24px 0;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.cta h3{font-size:21px;margin-bottom:4px}.cta p{color:#dff0e5;max-width:560px}
.cta a{margin-left:auto;background:#fff;color:#0f6b34;padding:12px 22px;border-radius:6px;font-weight:600;white-space:nowrap}
.geo{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.geo span{background:#e8f3fb;color:#15598f;padding:4px 12px;border-radius:20px;font-size:14px}
.vgrid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:20px 0}
.vid{background:#fff;border:1px solid #e3e9ef;border-radius:8px;overflow:hidden}
.vid .fr{position:relative;padding-top:56.25%}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vid .t{padding:12px 14px;font-size:14px;color:#17263a}
@media(max-width:600px){.top .contacts{margin-left:0;text-align:left}.cta a{margin-left:0}}