*{box‑sizing:border‑box;margin:0;padding:0;}
body{font‑family:"Segoe UI",Arial,Helvetica,sans-serif;background:#f7f8fa;color:#222;line‑height:1.55;}

.site‑header{background:#162544;color:#fff;}
.header‑inner{max‑width:1400px;margin:0 auto;padding:16px 24px;display:flex;justify‑content:space‑between;align‑items:center;}
.brand{font‑size:20px;font‑weight:bold;}
.main‑nav a{color:#cbd5e1;text‑decoration:none;margin‑left:24px;}
.main‑nav a:hover{color:#fff;}
.main‑nav a.active{color:#60a5fa;font‑weight:bold;}

.container{max‑width:1400px;margin:0 auto;display:flex;min‑height:calc(100vh ‑ 180px);}
.download‑container,.support‑container{min‑height:calc(100vh ‑ 180px);}

.sidebar{width:270px;background:#fff;border‑right:1px solid #e2e8f0;padding:28px 20px;flex‑shrink:0;}
.sidebar h2{font‑size:18px;margin‑bottom:18px;color:#162544;}
#searchInput{width:100%;padding:11px 14px;border:1px solid #cbd5e1;border‑radius:8px;margin‑bottom:22px;font‑size:14px;}
#categoryList{list‑style:none;}
.cat‑item{padding:11px 14px;border‑radius:8px;cursor:pointer;margin‑bottom:5px;font‑size:14.5px;}
.cat‑item:hover{background:#edf2fb;}
.cat‑item.active{background:#254b9c;color:#fff;}

.main‑content{flex:1;padding:30px 32px;}
.main‑content.full‑width{width:100%;}
.page‑intro{margin‑bottom:28px;}
.page‑intro h1{font‑size:26px;color:#162544;margin‑bottom:8px;}
.page‑intro p{color:#475569;}

.product‑card{background:#fff;padding:24px;border‑radius:12px;margin‑bottom:20px;border:1px solid #e2e8f0;box‑shadow:0 1px 3px rgba(0,0,0,0.04);}
.card‑row{display:flex;gap:22px;flex‑wrap:wrap;}
.card‑img{width:220px;flex‑shrink:0;}
.prod‑img{width:100%;border‑radius:8px;object‑fit:contain;border:1px solid #e2e8f0;}
.prod‑img‑placeholder{width:100%;height:160px;background:#e5e7eb;border‑radius:8px;display:flex;align‑items:center;justify‑content:center;color:#666;}
.card‑body{flex:1;min‑width:280px;}
.cat‑label{display:inline‑block;background:#254b9c;color:#fff;font‑size:12px;padding:4px 10px;border‑radius:5px;margin‑bottom:12px;}
.product‑card h3{font‑size:20px;margin‑bottom:10px;color:#162544;}
.desc{color:#475569;margin‑bottom:16px;}
.spec‑table{border‑collapse:collapse;width:100%;max‑width:550px;font‑size:14px;}
.spec‑table th,.spec‑table td{border:1px solid #e2e8f0;padding:8px 10px;text‑align:left;}
.spec‑table th{background:#f1f5f9;width:160px;}
.card‑links{margin‑top:18px;}

.link‑group{margin‑bottom:14px;}
.group‑title{font‑size:14px;font‑weight:bold;margin‑bottom:7px;color:#334155;}
.link‑row{display:flex;gap:11px;flex‑wrap:wrap;}
.link‑btn{padding:9px 15px;background:#edf2fb;color:#254b9c;text‑decoration:none;border‑radius:7px;font‑size:14px;}
.link‑btn:hover{background:#254b9c;color:#fff;}
.no‑result{padding:40px 0;color:#64748b;}

.download‑block{background:#fff;padding:22px;border‑radius:12px;border:1px solid #e2e8f0;margin‑bottom:20px;}
.block‑title{font‑size:18px;color:#162544;margin‑bottom:14px;}
.download‑link‑btn{padding:9px 14px;background:#edf2fb;color:#254b9c;text‑decoration:none;border‑radius:7px;font‑size:14px;display:inline‑block;}
.download‑link‑btn:hover{background:#254b9c;color:#fff;}
.src‑tag{font‑size:12px;opacity:0.75;margin‑left:6px;}

.support‑box{background:#fff;padding:30px;border‑radius:12px;border:1px solid #e2e8f0;max‑width:700px;}
.contact‑item{margin‑bottom:24px;}
.contact‑item h3{margin‑bottom:10px;color:#162544;}
.whatsapp‑btn{background:#25D366;color:#fff;text‑decoration:none;padding:10px 18px;border‑radius:7px;font‑weight:bold;display:inline‑block;}
.whatsapp‑btn:hover{background:#128c7e;}
.email‑btn{color:#254b9c;text‑decoration:underline;font‑size:16px;}
.note‑text{margin‑top:26px;color:#475569;}

.site‑footer{background:#162544;color:#a0aec0;padding:20px 24px;}
.footer‑inner{max‑width:1400px;margin:0 auto;}

@media(max‑width:768px){
  .header‑inner{flex‑direction:column;gap:12px;align‑items:flex‑start;}
  .main‑nav a{margin‑left:0;margin‑right:16px;}
  .container{flex‑direction:column;}
  .sidebar{width:100%;border‑right:none;border‑bottom:1px solid #e2e8f0;}
  .main‑content{padding:18px 16px;}
  .card‑row{flex‑direction:column;}
  .card‑img{width:100%;}
}