:root{--navy:#10243a;--navy2:#17324d;--blue:#2d6f9f;--purple:#7b2cff;--bg:#f3f4f6;--card:#fff;--text:#263545;--muted:#6d7782;--line:#e3e7ec;--radius:18px;--shadow:0 12px 35px rgba(16,36,58,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1240px,92%);margin:auto}
.topbar{background:#0b1b2c;color:#dce7f1;font-size:12px}.topbar .container{height:34px;display:flex;align-items:center;justify-content:flex-end;gap:22px}.header{position:sticky;top:0;z-index:100;background:rgba(16,36,58,.98);box-shadow:0 5px 18px rgba(0,0,0,.12)}.nav{min-height:78px;display:flex;align-items:center;gap:18px}.brand{width:135px;color:#fff;font-family:Georgia,serif;font-size:39px;line-height:1;font-weight:700;letter-spacing:-2px}.brand small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:2.3px;font-weight:700;margin-top:4px;color:#dbe9f5}
.menu{display:flex;align-items:center;gap:5px;list-style:none;margin:0;padding:0;flex:1}.menu>li{position:relative}.menu>li>a{display:block;color:#fff;font-size:12px;font-weight:700;padding:12px 13px;border-radius:11px;background:linear-gradient(#3a5269,#263c52);box-shadow:0 4px 9px rgba(0,0,0,.22)}.menu>li>a:hover,.menu>li.active>a{background:linear-gradient(135deg,#8d35ff,#6b21e8)}.drop{position:absolute;top:50px;left:0;min-width:235px;background:#172d43;border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.3);padding:8px;opacity:0;visibility:hidden;transform:translateY(7px);transition:.18s}.menu li:hover>.drop{opacity:1;visibility:visible;transform:none}.drop a{display:block;color:#fff;padding:9px 10px;border-radius:7px;font-size:12px;font-weight:600}.drop a:hover{background:#2c4861}.header-tools{display:flex;align-items:center;gap:12px}.search{width:145px;height:40px;background:#d9d9d9;border-radius:22px;display:flex;align-items:center;padding:0 14px}.search input{border:0;outline:0;background:transparent;width:100%;font-size:13px}.mobile{display:none;color:#fff;border:0;background:none;font-size:28px}
.hero{background:linear-gradient(120deg,#10243a 0%,#244f73 65%,#397da8 100%);color:#fff;padding:88px 0}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.hero h1{font-size:52px;line-height:1.05;margin:0 0 20px}.hero p{font-size:18px;color:#d9e5ee;max-width:650px}.hero-image{border-radius:28px;overflow:hidden;background:#dfe8ef;min-height:390px}.hero-image img{width:100%;height:390px;object-fit:cover}.btn{display:inline-flex;padding:13px 22px;border-radius:10px;font-weight:800;font-size:14px;transition:.2s}.btn-primary{background:#fff;color:var(--navy)}.btn-dark{background:var(--navy);color:#fff}.btn-outline{border:1px solid #fff;color:#fff;margin-left:8px}.btn:hover{transform:translateY(-2px)}
.section{padding:72px 0}.section.alt{background:var(--bg)}.head{text-align:center;max-width:760px;margin:0 auto 38px}.head h2{color:var(--navy);font-size:34px;margin:0 0 8px}.head p{color:var(--muted);margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:#fff;border-radius:20px;overflow:hidden}.stat{padding:28px;text-align:center;border-right:1px solid rgba(255,255,255,.12)}.stat:last-child{border:0}.stat b{display:block;font-size:32px}.stat span{font-size:13px;color:#b9c8d6}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.category-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 4px 18px rgba(16,36,58,.05);transition:.22s}.category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.category-card .visual{height:210px;background:#eef3f7;overflow:hidden}.category-card .visual img{width:100%;height:100%;object-fit:cover}.category-card .body{padding:20px}.category-card h3{margin:0;color:var(--navy);font-size:20px}.category-card p{margin:7px 0 15px;color:var(--muted);font-size:14px}
.page-head{padding:55px 0;background:linear-gradient(120deg,var(--navy),var(--navy2));color:#fff}.page-head h1{font-size:42px;margin:0}.page-head p{margin:5px 0 0;color:#c7d5e2}.crumb{font-size:12px;color:#c7d5e2;margin-bottom:8px}.subnav{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}.subnav a{border:1px solid var(--line);padding:8px 14px;border-radius:25px;font-size:13px;background:#fff}.subnav a:hover,.subnav a.current{background:var(--navy);color:#fff}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:.22s}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-card .pic{height:235px;background:#f5f6f7}.product-card .pic img{width:100%;height:100%;object-fit:contain}.product-card .body{padding:16px}.product-card h3{font-size:15px;line-height:1.35;color:var(--navy);margin:0 0 9px}.product-card .cat{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.more{color:var(--blue);font-size:13px;font-weight:800}
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.gallery{display:grid;grid-template-columns:100px 1fr;gap:14px}.thumbs{display:flex;flex-direction:column;gap:10px}.thumb{border:1px solid var(--line);border-radius:10px;padding:5px;background:#fff;cursor:pointer}.thumb.active{border:2px solid var(--blue)}.thumb img{width:82px;height:82px;object-fit:contain}.main-photo{border-radius:18px;background:#f6f7f8;min-height:560px;display:flex;align-items:center;justify-content:center;padding:25px}.main-photo img{max-height:520px;width:100%;object-fit:contain}.detail h1{font-size:38px;line-height:1.15;color:var(--navy);margin:0 0 15px}.detail .label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.detail-box{margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.detail-box h2{font-size:20px;color:var(--navy)}
.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about-photo{min-height:390px;background:#eef3f7;border-radius:22px;overflow:hidden}.about-photo img{width:100%;height:390px;object-fit:cover}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.contact-card{border:1px solid var(--line);border-radius:18px;padding:25px}.contact-card h3{color:var(--navy);margin-top:0}.contact-card a{color:var(--blue);font-weight:700}.form{max-width:720px;margin:auto}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:9px;padding:13px;font:inherit}.field textarea{min-height:140px}
.footer{background:#0d1e30;color:#c4d1dd;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.footer h3{color:#fff}.footer a{display:block;margin:7px 0;font-size:13px}.copyright{border-top:1px solid rgba(255,255,255,.12);padding-top:17px;margin-top:35px;font-size:12px;color:#8293a4}
@media(max-width:1050px){.menu>li:nth-child(n+5){display:none}.hero-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.nav{min-height:65px}.brand{font-size:31px}.menu.show{display:flex!important;position:absolute;top:65px;left:0;right:0;flex-direction:column;align-items:stretch;background:var(--navy);padding:12px}.menu.show>li{display:block!important}.menu.show .drop{position:static;opacity:1;visibility:visible;transform:none;display:none}.menu.show>li:hover .drop{display:block}.menu{display:none}.mobile{display:block;margin-left:auto}.header-tools{display:none}.hero{padding:60px 0}.hero h1{font-size:38px}.product-grid,.category-grid,.contact-grid,.about,.footer-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.page-head h1{font-size:34px}.product-detail{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.thumbs{flex-direction:row;overflow:auto}.thumb img{width:65px;height:65px}}