/* Ommpo Care mega nav — loaded by nav.js */
.mnav{--mn-ink:#1a1816;--mn-ink3:#6a6056;--mn-bg:#f4efe6;--mn-bg2:#ebe3d3;--mn-line:#c4b8a2;--mn-brand:#1F3A2E;font-family:"Geist",ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.mnav *{box-sizing:border-box}
.nav.has-mnav{position:sticky;top:0;z-index:50}
.nav.has-mnav{padding:14px 24px;height:104px}
.mnav{position:absolute;top:14px;left:24px;right:24px;max-width:1240px;margin:0 auto;background:#fff;border-radius:40px;box-shadow:0 22px 44px -30px rgba(31,58,46,.35);transition:border-radius .3s ease,box-shadow .3s ease}
.mnav.open{border-radius:32px;box-shadow:0 40px 80px -40px rgba(31,58,46,.4)}
.mnav-bar{display:flex;align-items:center;gap:22px;padding:12px 12px 12px 32px}
.mnav-links{margin:0 auto;display:flex;align-items:center;gap:6px;font-size:16px;color:var(--mn-ink)}
.mnav-links a,.mnav-trig{text-decoration:none;color:inherit;padding:10px 14px;border-radius:999px;white-space:nowrap;font:inherit;background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .2s ease}
.mnav-links a:hover,.mnav-trig:hover{background:var(--mn-bg);color:var(--mn-ink)}
.mnav.open .mnav-trig{background:var(--mn-bg2)}
.mnav-trig .chev{transition:transform .25s ease}.mnav.open .mnav-trig .chev{transform:rotate(180deg)}
.mnav-cta{display:flex;align-items:center;gap:8px}
.mnav-logo{height:26px;width:auto;display:block}.mnav-brand{display:inline-flex;align-items:center}
.mnav-btn{display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 26px;border-radius:999px;background:var(--mn-ink);color:#F6F2EA;font:600 15px "Geist",ui-sans-serif,system-ui,sans-serif;text-decoration:none;white-space:nowrap;transition:background .2s ease,transform .2s ease}.mnav-btn:hover{background:var(--mn-brand);color:#F6F2EA;transform:translateY(-1px)}
.mnav-burger{display:none;width:48px;height:48px;border-radius:50%;border:1px solid var(--mn-line);background:transparent;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.mnav-burger span{width:16px;height:1.6px;background:var(--mn-ink);border-radius:2px;transition:transform .25s ease}
.mnav.open .mnav-burger span:first-child{transform:translateY(3.3px) rotate(45deg)}.mnav.open .mnav-burger span:last-child{transform:translateY(-3.3px) rotate(-45deg)}
.mnav-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}
.mnav.open .mnav-panel{grid-template-rows:1fr}
.mnav-in{overflow:hidden;min-height:0}.mnav.open .mnav-in{max-height:calc(100dvh - 120px);overflow-y:auto;overscroll-behavior:contain}
.mnav-body{padding:28px 32px 32px;opacity:0;transform:translateY(-6px);transition:opacity .25s ease,transform .3s ease}
.mnav.open .mnav-body{opacity:1;transform:none;transition-delay:.08s}
.mnav-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.mnav-col{display:flex;flex-direction:column;gap:18px;padding:4px 28px;border-left:2px solid var(--mn-bg2)}
.mnav-col:first-child{border-left:0;padding-left:0}
.mnav-h{display:flex;align-items:center;gap:10px;font-family:"Geist Mono",ui-monospace,monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mn-ink3);margin-bottom:6px}
.mnav-h i{width:7px;height:7px;border-radius:50%;background:#C1613C}.mnav-h i.tan{background:#CDBEA4}
.mnav-col a{text-decoration:none;color:var(--mn-ink);display:flex;flex-direction:column;gap:2px}
.mnav-col a b{font-weight:400;font-size:17px;line-height:1.2}
.mnav-col a span{font-size:14.5px;color:var(--mn-ink3);line-height:1.3}
.mnav-col a:hover b{color:var(--mn-brand);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.mnav-over{margin-top:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--mn-bg2);border-radius:22px;padding:24px 22px 24px 26px;text-decoration:none;color:var(--mn-ink);transition:background .2s ease}
.mnav-over:hover{background:#E2D7C3;color:var(--mn-ink)}
.mnav-over .k{font-family:"Geist Mono",ui-monospace,monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mn-ink3)}
.mnav-over .t{margin-top:6px;font-family:"Instrument Serif","Times New Roman",serif;font-size:clamp(28px,3vw,40px);line-height:1}
.mnav-over .go{width:60px;height:60px;border-radius:50%;background:var(--mn-ink);color:#F6F2EA;display:grid;place-items:center;flex:none;transition:transform .2s ease}
.mnav-over:hover .go{transform:rotate(45deg)}
.mnav-over .go svg{width:18px;height:18px}
@media (max-width:1080px){.mnav-links{display:none}.mnav-bar{justify-content:space-between;padding-left:24px}.mnav-burger{display:flex}.mnav-cols{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}.mnav-col:nth-child(3){border-left:0;padding-left:0}.mnav-body{padding:20px 24px 24px}}
@media (max-width:560px){.nav.has-mnav{height:96px;padding:12px 12px}.mnav{left:12px;right:12px;top:12px}.mnav-btn{height:44px;padding:0 16px;font-size:13.5px}.mnav-cols{grid-template-columns:1fr}.mnav-col{border-left:0;padding-left:0}.mnav{border-radius:28px}}

.nav:not(.has-mnav){display:block;height:104px;position:sticky;top:0;z-index:50}
.nav:not(.has-mnav)>*{display:none}
@media (max-width:560px){.nav:not(.has-mnav){height:96px}}
