*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:#062b5d;background:#fff}header{height:64px;display:flex;align-items:center;padding:0 4%;position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 12px #001a3815}.logo{width:112px;height:112px;object-fit:contain;align-self:flex-start;background:#fff;border-radius:50%;z-index:2}header nav{margin-left:auto;display:flex;gap:28px}header nav a{text-decoration:none;color:#062b5d;font-size:13px;font-weight:800}.wa{margin-left:24px;background:#0756a7;color:#fff;text-decoration:none;font-weight:900;padding:11px 18px;border-radius:10px}#menu{display:none}.hero{width:100%;background:#00346c;overflow:hidden}.hero img{display:block;width:100%;height:auto}.buy{padding:20px 3%;display:grid;grid-template-columns:1fr 1.05fr .95fr .72fr;gap:14px;background:#f8fcff}.buy article,.buy aside{border:1px solid #d7e6f2;border-radius:12px;background:#fff;padding:15px;box-shadow:0 8px 22px #002c5c0c}.buy h2{font-size:19px;margin:0 0 12px}.product{display:flex;gap:15px;align-items:center}.product img{width:43%;background:#e9f8ff;border-radius:10px}.product h3{font-size:16px;margin:0 0 5px}.product p{font-size:12px}.product strong{font-size:31px}.qty{display:grid;grid-template-columns:40px 50px 40px;margin-top:12px}.qty>*{height:37px;display:grid;place-items:center;border:1px solid #d4e4f1;background:#fff}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.tabs button{padding:10px;border:1px solid #d4e4f1;border-radius:7px;background:#fff;font-weight:800;color:#063269}.tabs .active{background:#0878d5;color:#fff}.buy label{font-size:12px;font-weight:800}.buy select{width:100%;padding:10px;border:1px solid #d4e4f1;border-radius:7px;margin:5px 0 8px}.list{background:#eef8ff;border-radius:7px;overflow:hidden}.list div{display:flex;justify-content:space-between;font-size:11px;padding:5px 8px}.list div:nth-child(even){background:#fff9}.line,.total{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #dbe7f1;font-size:13px}.total{font-size:21px;color:#0872cb}.discount{color:#078c44}form{display:grid;gap:6px;margin-top:10px}input,textarea{padding:9px;border:1px solid #d4e4f1;border-radius:7px;font:inherit;font-size:12px}form button{padding:12px;border:0;border-radius:7px;background:#08a64d;color:#fff;font-weight:900}.buy aside{background:linear-gradient(155deg,#052c65,#0071c5);color:#fff;overflow:hidden}.buy aside span{font-size:11px;font-weight:900}.buy aside h2{font-size:25px}.buy aside strong{font-size:68px}.buy aside p{font-size:14px}.buy aside small{font-size:10px}.about{display:grid;grid-template-columns:1.5fr .5fr;align-items:center;gap:40px;padding:45px 8%}.about small{color:#0872cb;font-weight:900;letter-spacing:1px}.about h2{font-size:34px;margin:6px 0}.about p{line-height:1.7}.about img{width:180px}footer{background:linear-gradient(135deg,#03244f,#0065ad);color:#fff;display:grid;grid-template-columns:.8fr 1.3fr 1fr 1.3fr;gap:30px;padding:28px 6%}footer img{width:100px;background:#fff;border-radius:50%}footer p{font-size:12px;line-height:1.5}.mobile{display:none}
@media(max-width:900px){body{padding-bottom:62px}header{height:66px;padding:0 15px}.logo{width:90px;height:90px}.wa{display:none}#menu{display:block;margin-left:auto;border:0;background:none;font-size:26px}header nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;padding:15px}header nav.open{display:grid}.hero img{display:block;width:100%;height:auto;max-width:100%;position:static;left:auto;transform:none;object-fit:contain}.buy{grid-template-columns:1fr;padding:15px}.buy aside{min-height:210px}.about{grid-template-columns:1fr;padding:35px 20px}.about img{width:140px;margin:auto}footer{grid-template-columns:1fr 1fr;padding:25px 18px}.mobile{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #d4e4f1;z-index:60;padding:7px}.mobile a{text-decoration:none;color:#0764b8;display:grid;place-items:center}.mobile small{font-size:9px}}
/* Hero carousel */
.carousel{position:relative;background:#00346c;overflow:hidden}
.slides{position:relative;width:100%}
.slide{display:none;width:100%;text-decoration:none;background:#00346c}
.slide.active{display:block;animation:heroFade .55s ease}
.slide img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px;height:42px;border:0;border-radius:50%;background:rgba(0,31,70,.62);color:#fff;font-size:34px;line-height:38px;cursor:pointer}
.hero-arrow.prev{left:14px}.hero-arrow.next{right:14px}
.hero-dots{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:8px;z-index:6;padding:5px 8px;border-radius:20px;background:rgba(0,31,70,.35)}
.hero-dots button{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.55);cursor:pointer}
.hero-dots button.active{background:#fff;transform:scale(1.25)}
@keyframes heroFade{from{opacity:.35}to{opacity:1}}
@media(max-width:900px){.hero-arrow{width:30px;height:30px;font-size:24px;line-height:26px}.hero-arrow.prev{left:5px}.hero-arrow.next{right:5px}.hero-dots{bottom:4px;gap:6px;padding:4px 6px}.hero-dots button{width:7px;height:7px}}
@media(prefers-reduced-motion:reduce){.slide.active{animation:none}}

/* v4: consistent 4-slide hero dimensions */
.carousel,.slides,.slide{aspect-ratio:2145/733;}
.slide.active{display:block;}
.slide img{width:100%;height:100%;object-fit:contain;}
@media(max-width:900px){.carousel,.slides,.slide{aspect-ratio:2145/733}.slide img{width:100%;height:100%;object-fit:contain;background:#00346c}}