:root{--blue:#173b7a;--cyan:#43a0cf;--ink:#13213a;--bg:#f5f8fc;--white:#fff;--green:#25D366;--line:#dbe4ef}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
.topbar{background:var(--blue);color:white;text-align:center;padding:8px 15px;font-size:14px}
header{position:sticky;top:0;z-index:20;background:#ffffffee;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px}.brand img{height:60px;width:60px;object-fit:contain}.brand b{color:var(--blue);font-size:20px}.navlinks{display:flex;gap:22px;font-weight:700;color:#334a6d}.cartBtn{border:0;background:var(--blue);color:white;border-radius:14px;padding:12px 16px;font-weight:800;cursor:pointer}
.hero{padding:72px 0;background:linear-gradient(135deg,#112e66 0%,#1a498d 50%,#43a0cf 100%);color:white}.heroGrid{display:grid;grid-template-columns:1.25fr .75fr;gap:35px;align-items:center}.hero h1{font-size:clamp(38px,5vw,68px);line-height:1.02;margin:0 0 18px}.hero p{font-size:20px;max-width:650px;opacity:.92}.heroCard{background:#ffffff16;border:1px solid #ffffff38;border-radius:26px;padding:28px;backdrop-filter:blur(8px)}.heroCard img{width:100%;max-width:310px;display:block;margin:auto;border-radius:50%;background:white}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.badge{padding:9px 13px;border-radius:999px;background:#ffffff18;border:1px solid #ffffff38;font-weight:700}
.section{padding:64px 0}.section h2{font-size:36px;color:var(--blue);margin:0 0 10px}.sectionLead{color:#66758f;margin:0 0 28px}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 28px}.filter{border:1px solid var(--line);background:white;padding:10px 14px;border-radius:999px;cursor:pointer;font-weight:700}.filter.active{background:var(--blue);color:white;border-color:var(--blue)}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{background:white;border-radius:20px;border:1px solid var(--line);padding:22px;box-shadow:0 8px 25px #1237640b;display:flex;flex-direction:column}.product .icon{height:75px;width:75px;border-radius:18px;background:linear-gradient(135deg,#e8f4fb,#eef3ff);display:grid;place-items:center;font-size:34px;margin-bottom:14px}.product h3{margin:0;color:var(--blue);font-size:21px}.product p{color:#6a778c;min-height:44px}.variants{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.variant{border:1px solid var(--line);background:white;border-radius:10px;padding:8px 10px;cursor:pointer}.variant.selected{border-color:var(--cyan);background:#edf8ff;color:#13527a}.price{font-size:26px;font-weight:900;color:var(--blue);margin:10px 0}.add{margin-top:auto;border:0;background:var(--blue);color:white;border-radius:12px;padding:12px;font-weight:800;cursor:pointer}
.infoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.infoCard{background:white;border:1px solid var(--line);border-radius:18px;padding:24px}.infoCard b{display:block;color:var(--blue);font-size:20px;margin-bottom:6px}
footer{background:#0e2347;color:#dce8f8;padding:35px 0}.footerRow{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.footerRow a{text-decoration:underline}
.overlay{position:fixed;inset:0;background:#0008;z-index:50;display:none}.overlay.open{display:block}.drawer{position:absolute;right:0;top:0;height:100%;width:min(460px,95vw);background:white;padding:24px;overflow:auto}.drawerHead{display:flex;justify-content:space-between;align-items:center}.close{border:0;background:#eef2f7;border-radius:10px;padding:9px 12px;cursor:pointer}.cartItem{border-bottom:1px solid var(--line);padding:14px 0;display:grid;grid-template-columns:1fr auto;gap:10px}.qty{display:flex;align-items:center;gap:8px}.qty button{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:white}.total{display:flex;justify-content:space-between;font-size:24px;font-weight:900;padding:20px 0}.checkoutFields input,.checkoutFields textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;margin:6px 0}.whatsapp{width:100%;border:0;background:var(--green);color:white;border-radius:13px;padding:14px;font-size:17px;font-weight:900;cursor:pointer}
.empty{color:#708199;text-align:center;padding:35px 0}
@media(max-width:900px){.heroGrid{grid-template-columns:1fr}.heroCard{display:none}.products{grid-template-columns:repeat(2,1fr)}.infoGrid{grid-template-columns:1fr}.navlinks{display:none}}
@media(max-width:600px){.products{grid-template-columns:1fr}.hero{padding:48px 0}.section{padding:45px 0}.brand b{font-size:17px}.brand img{height:48px;width:48px}.nav{height:66px}}

.contactSection{background:#edf4fb}.contactGrid{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;align-items:start}.eyebrow{display:inline-block;color:var(--cyan);font-weight:900;letter-spacing:.12em;font-size:13px;margin-bottom:10px}.contactDetails{display:grid;gap:12px;margin-top:25px}.contactDetails div{background:white;border:1px solid var(--line);padding:16px;border-radius:14px}.contactDetails b,.contactDetails span{display:block}.contactDetails b{color:var(--blue);margin-bottom:4px}.contactCard{background:white;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 15px 40px #1237640c}.contactFields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contactCard label{display:block;font-weight:750;color:#34445f;margin:4px 0 6px}.contactCard input,.contactCard textarea{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:11px;font:inherit;outline:none}.contactCard input:focus,.contactCard textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #43a0cf18}.sendContact{margin-top:12px;border:0;background:var(--blue);color:#fff;border-radius:12px;padding:13px 18px;font-weight:900;font-size:16px;cursor:pointer}.formSuccess,.formNotice,.formError{padding:12px 14px;border-radius:10px;margin-bottom:14px}.formSuccess{background:#e9fff2;color:#176936}.formNotice{background:#fff8e8;color:#805b09}.formError{background:#fff0f0;color:#991f1f}.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:800px){.contactGrid{grid-template-columns:1fr}.contactFields{grid-template-columns:1fr}}