@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--navy:#0f2147;--blue:#1d6bb8;--green:#3d9a2b;--ink:#1b2740;--mute:#5a6780;--line:#dfe6f0;--bg:#f2f4f9}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:150px}
body{font-family:'Plus Jakarta Sans',system-ui,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.topbar{background:var(--navy);color:#d5dfef;font-size:.8rem}.topbar .wrap{display:flex;justify-content:space-between;gap:.4rem 1.5rem;flex-wrap:wrap;padding-top:.45rem;padding-bottom:.45rem}.topbar a:hover{color:#fff}
.site-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 10px rgba(15,33,71,.08)}
.bar{display:flex;align-items:center;gap:1.4rem;padding-top:.7rem;padding-bottom:.7rem}
.brand{display:flex;align-items:center;gap:.7rem;flex:none}.brand img{height:46px;width:auto}
.brand b{display:block;font-size:1.25rem;letter-spacing:.14em;color:var(--navy);line-height:1.1}.brand small{display:block;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.search{flex:1;display:flex;min-width:0}.search input{flex:1;min-width:0;padding:.7rem 1rem;border:1px solid var(--line);border-right:0;border-radius:8px 0 0 8px;font:inherit;font-size:.92rem}
.search button{background:var(--blue);color:#fff;border:0;padding:0 1.3rem;border-radius:0 8px 8px 0;font-weight:700}.search button:hover{background:var(--navy)}
.cartbtn{flex:none;background:var(--navy);color:#fff;border:0;padding:.65rem 1.1rem;border-radius:8px;font-weight:700}.cartbtn b{background:var(--green);border-radius:999px;padding:.05rem .55rem;margin-left:.3rem}
.catnav{border-top:1px solid var(--line);background:#fafbfe}.catnav .wrap{display:flex;overflow-x:auto;scrollbar-width:thin}
.catnav a{padding:.65rem .9rem;font-size:.88rem;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent}.catnav a:hover,.catnav a.on{color:var(--blue);border-color:var(--blue)}
.banners{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:12px;margin-top:22px}
.banner{border-radius:12px;padding:1.6rem;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:.5rem;min-height:140px}
.banner.big{grid-row:span 2;min-height:300px;padding:2.4rem;background:linear-gradient(120deg,#0b1a3a,#143a73 65%,#1d6bb8)}
.banner small{color:#a9d98f;font-weight:700;letter-spacing:.06em;font-size:.78rem}.banner h2{font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.15;max-width:16ch}.banner p{color:#cfdcf1;max-width:30rem}
.banner h3{font-size:1.15rem;line-height:1.3}.b2{background:linear-gradient(120deg,#1d6bb8,#2f86d6)}.b3{background:linear-gradient(120deg,#2d7f20,#4aa83a)}
.lnk{background:none;border:0;color:#fff;font-weight:700;font-size:.9rem;text-decoration:underline;text-align:left;padding:0}
.btn{display:inline-block;align-self:flex-start;background:var(--green);color:#fff;border:2px solid var(--green);padding:.75rem 1.4rem;border-radius:8px;font-weight:700;margin-top:.6rem}.btn:hover{background:#2f8420;border-color:#2f8420}
.btn.sm{padding:.55rem 1rem;font-size:.85rem;margin-top:auto;width:100%;text-align:center}.btn.full{width:100%;text-align:center;margin:0}
.btn.outline,.alt2{background:#fff;color:var(--navy);border-color:var(--navy)}.btn.outline:hover,.alt2:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.pill{display:table;margin:2.8rem auto 1.6rem;background:linear-gradient(90deg,#1d6bb8,#0f2147);color:#fff;padding:.6rem 1.8rem;border-radius:999px;font-size:1.05rem}
.sec{color:var(--navy);font-size:1.6rem;margin:3rem 0 1.2rem}
.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.cat{background:#fff;border-radius:12px;padding:1rem .7rem;text-align:center;font-weight:600;box-shadow:0 2px 8px rgba(15,33,71,.08);transition:transform .15s,box-shadow .15s}
.cat:hover,.cat.on{transform:translateY(-3px);box-shadow:0 10px 22px rgba(15,33,71,.14);color:var(--blue)}
.cat span,.ph{display:block;background:#eaf0f8;border-radius:10px}.cat span{margin-bottom:.6rem;padding:.4rem}.cat svg,.ph svg{width:100%;height:auto;display:block}
.shop-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:3rem 0 1rem}.shop-head h2{color:var(--navy);font-size:1.6rem}.shop-head span{color:var(--mute);font-size:.9rem}
.grid,.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sgrid{grid-template-columns:repeat(3,1fr)}
.item,.svc{background:#fff;border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.3rem;box-shadow:0 2px 8px rgba(15,33,71,.08)}
.ph{margin-bottom:.5rem;padding:.6rem 1.2rem}.item small{color:var(--blue);font-weight:700;font-size:.75rem}.item h3,.svc h3{font-size:1rem;color:var(--navy);line-height:1.3}.pr{color:var(--mute);font-size:.85rem;margin-bottom:.6rem}.svc p{color:var(--mute);font-size:.9rem;margin-bottom:.6rem}
.none{padding:2rem;text-align:center;color:var(--mute)}
.amc{background:var(--navy);color:#fff;margin-top:3.5rem;padding:3.5rem 0}.amcgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center}
.amc h2{font-size:1.8rem;line-height:1.2;margin-bottom:.6rem}.amc p{color:#cbd8ee;margin-bottom:1rem}.amc ul{list-style:none;display:grid;gap:.8rem}.amc li{background:rgba(255,255,255,.08);padding:1rem 1.2rem;border-radius:10px;font-weight:600;border-left:4px solid #8fd673}
.contact{padding-bottom:3rem}.cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cgrid>*{background:#fff;border-radius:12px;padding:1.3rem;min-width:0;box-shadow:0 2px 8px rgba(15,33,71,.08)}
.cgrid a:hover{outline:2px solid var(--blue)}.cgrid small{display:block;color:var(--blue);font-weight:700;font-size:.8rem}.cgrid b{display:block;color:var(--navy);overflow-wrap:anywhere}.cgrid .sm{font-size:.9rem}
.alt{margin-top:1.2rem;color:var(--mute)}.alt a{color:var(--blue);font-weight:700}
.footer{background:#0a1633;color:#b9c6dd;font-size:.9rem;padding:1.8rem 0}.footer .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.footer b{color:#fff}
.fab{position:fixed;left:1.1rem;bottom:1.1rem;z-index:40;background:var(--green);color:#fff;padding:.75rem 1.3rem;border-radius:999px;font-weight:700;box-shadow:0 8px 22px rgba(0,0,0,.25)}
.shade{position:fixed;inset:0;background:rgba(10,22,51,.5);z-index:80}
.drawer{position:fixed;top:0;right:0;height:100%;width:min(420px,100%);background:#fff;z-index:90;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .25s;box-shadow:-10px 0 30px rgba(0,0,0,.2)}.drawer.open{transform:none}
.dh{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.dh h2{color:var(--navy);font-size:1.2rem}.dh button{background:none;border:0;font-size:1.2rem;color:var(--mute)}
.ditems{flex:1;overflow:auto;padding:.6rem 1.2rem}.empty{color:var(--mute);padding:2rem 0;text-align:center}
.row{display:grid;grid-template-columns:56px 1fr auto auto;gap:.7rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--line)}
.th{background:#eaf0f8;border-radius:8px;padding:.2rem}.nm b{display:block;font-size:.9rem;color:var(--navy);line-height:1.3}.nm small{color:var(--mute)}
.qty{display:flex;align-items:center;gap:.4rem}.qty button{width:26px;height:26px;border:1px solid var(--line);background:#fff;border-radius:6px}.rm{background:none;border:0;color:var(--mute)}
.dform,#enqForm{display:grid;gap:.6rem;padding:1rem 1.2rem;border-top:1px solid var(--line)}
input,textarea{padding:.7rem .9rem;border:1px solid var(--line);border-radius:8px;font:inherit;width:100%}.dform small{color:var(--mute);font-size:.78rem}
dialog{margin:auto;border:0;border-radius:14px;width:min(440px,92vw);padding:0}dialog::backdrop{background:rgba(10,22,51,.55)}#enqForm{border:0;padding:0 0 1.2rem}#enqForm>:not(.dh){margin:0 1.2rem}
@media(max-width:960px){.cats{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(3,1fr)}.sgrid{grid-template-columns:repeat(2,1fr)}.cgrid{grid-template-columns:repeat(2,1fr)}.banners,.amcgrid{grid-template-columns:1fr}.banners{grid-template-rows:auto}.banner.big{grid-row:auto;min-height:240px}}
@media(max-width:720px){.bar{flex-wrap:wrap;gap:.7rem}.search{order:3;flex-basis:100%}.cartbtn{margin-left:auto}.brand b{font-size:1.05rem}.cats,.grid{grid-template-columns:repeat(2,1fr)}.sgrid,.cgrid{grid-template-columns:1fr}html{scroll-padding-top:170px}.topbar .wrap{justify-content:center;text-align:center}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}