/* Noma Kids Mobile Menu — isolated, CSS-only navigation styles. */
#nkmm-root,
#nkmm-root * {box-sizing:border-box!important}
#nkmm-root {--nkmm-bg:#0FA58E;--nkmm-text:#fff;--nkmm-active:#fff;--nkmm-surface:#fff;--nkmm-border:#CCDED9;--nkmm-radius:18px;--nkmm-icon-size:23px;--nkmm-font-size:11px;--nkmm-height:68px;--nkmm-side:12px;--nkmm-bottom:0px;display:none;position:fixed!important;left:var(--nkmm-side)!important;right:var(--nkmm-side)!important;bottom:calc(var(--nkmm-bottom) + env(safe-area-inset-bottom,0px))!important;z-index:2147481000!important;pointer-events:none!important;font:inherit!important;direction:ltr!important;isolation:isolate}
#nkmm-spacer {display:none;pointer-events:none}
#nkmm-root .nkmm-bar {--nkmm-item-text:#fff;--nkmm-item-active:#fff;position:relative!important;display:grid!important;grid-template-columns:repeat(var(--nkmm-items),minmax(0,1fr))!important;align-items:center!important;gap:0!important;margin:0 auto!important;padding:7px 6px!important;width:100%!important;min-height:var(--nkmm-height)!important;max-width:100%!important;background:var(--nkmm-bg)!important;border:1px solid transparent!important;border-radius:var(--nkmm-radius)!important;box-shadow:0 8px 28px rgba(15,32,52,.13)!important;overflow:visible!important;pointer-events:auto!important;transition:transform .25s ease, opacity .25s ease,box-shadow .25s ease!important;animation:nkmm-appear .35s both ease-out!important}
#nkmm-root.nkmm-no-animation .nkmm-bar {animation:none!important;transition:none!important}
#nkmm-root.nkmm-no-shadow .nkmm-bar {box-shadow:none!important}
#nkmm-root .nkmm-item {all:unset;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;position:relative!important;isolation:isolate!important;min-width:0!important;height:calc(var(--nkmm-height) - 14px)!important;min-height:44px!important;gap:4px!important;padding:4px 2px!important;margin:0!important;border:0!important;background:transparent!important;color:var(--nkmm-item-text)!important;text-decoration:none!important;font-weight:500!important;font-size:var(--nkmm-font-size)!important;font-family:inherit!important;line-height:1.12!important;text-align:center!important;letter-spacing:0!important;box-shadow:none!important;outline:none!important;cursor:pointer!important;appearance:none!important;-webkit-tap-highlight-color:transparent!important;transition:color .2s ease,transform .2s ease!important}
#nkmm-root .nkmm-item:focus-visible {outline:2px solid currentColor!important;outline-offset:-2px!important;border-radius:12px!important}
#nkmm-root .nkmm-item::before,#nkmm-root .nkmm-item::after{box-sizing:border-box!important}
#nkmm-root .nkmm-item:hover {color:var(--nkmm-item-active)!important;transform:translateY(-2px)!important}
#nkmm-root .nkmm-item-active {color:var(--nkmm-item-active)!important;font-weight:700!important}
#nkmm-root .nkmm-icon-wrap {position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:calc(var(--nkmm-icon-size) + 10px)!important;height:calc(var(--nkmm-icon-size) + 9px)!important;flex:0 0 auto!important;color:inherit!important;border:0!important;background:transparent!important;box-shadow:none!important}
#nkmm-root .nkmm-svg {display:block!important;width:var(--nkmm-icon-size)!important;height:var(--nkmm-icon-size)!important;max-width:none!important;max-height:none!important;flex:none!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;overflow:visible!important;opacity:1!important;filter:none!important;transform:none!important}
#nkmm-root .nkmm-item-active .nkmm-svg {stroke-width:2.15!important}
#nkmm-root .nkmm-item-label {display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;line-height:1.22!important;color:inherit!important;font-family:inherit!important;font-size:var(--nkmm-font-size)!important;text-transform:none!important;letter-spacing:0!important}
#nkmm-root.nkmm-no-labels .nkmm-item-label {display:none!important}
#nkmm-root .nkmm-cart-count {position:absolute!important;right:max(3px,calc(50% - 23px))!important;top:1px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:16px!important;height:16px!important;padding:0 3px!important;border-radius:100px!important;background:#F04457!important;color:#fff!important;border:1.5px solid var(--nkmm-surface)!important;line-height:1!important;font-size:9px!important;font-weight:750!important;box-shadow:none!important}
#nkmm-root.nkmm-family-solid .nkmm-bar {--nkmm-item-text:var(--nkmm-text);--nkmm-item-active:var(--nkmm-active)}
#nkmm-root.nkmm-family-solid .nkmm-item-active::after {content:""!important;position:absolute!important;bottom:1px!important;width:26px!important;height:2.5px!important;border-radius:5px!important;background:var(--nkmm-active)!important;opacity:.9!important}
/* Floating capsule: white surface, brand-color selected item. */
#nkmm-root.nkmm-family-floating .nkmm-bar {--nkmm-item-text:#293C42;--nkmm-item-active:var(--nkmm-bg);background:var(--nkmm-surface)!important;border:1px solid var(--nkmm-border)!important;border-radius:calc(var(--nkmm-radius) + 30px)!important;box-shadow:0 9px 29px rgba(15,30,40,.14)!important}
#nkmm-root.nkmm-family-floating .nkmm-item-active .nkmm-icon-wrap {background:color-mix(in srgb,var(--nkmm-bg) 12%,transparent)!important;border-radius:100px!important}
/* Outline style: minimal and flat. */
#nkmm-root.nkmm-family-outline .nkmm-bar {--nkmm-item-text:#243E42;--nkmm-item-active:var(--nkmm-bg);background:var(--nkmm-surface)!important;border:1.5px solid var(--nkmm-bg)!important;box-shadow:none!important}
#nkmm-root.nkmm-family-outline .nkmm-item-active .nkmm-icon-wrap {background:color-mix(in srgb,var(--nkmm-bg) 10%,transparent)!important;border-radius:10px!important}
/* Center action: third item pops out with no 3D. */
#nkmm-root.nkmm-family-center .nkmm-bar {--nkmm-item-text:#243E42;--nkmm-item-active:var(--nkmm-bg);background:var(--nkmm-surface)!important;border:1px solid var(--nkmm-border)!important;border-radius:calc(var(--nkmm-radius) + 12px)!important}
#nkmm-root.nkmm-family-center .nkmm-item:nth-child(3) {transform:translateY(-11px)!important;color:#fff!important;gap:2px!important}
#nkmm-root.nkmm-family-center .nkmm-item:nth-child(3) .nkmm-icon-wrap {width:50px!important;height:50px!important;border-radius:100px!important;background:var(--nkmm-bg)!important;color:var(--nkmm-text)!important;border:4px solid var(--nkmm-surface)!important;box-shadow:0 3px 11px rgba(0,0,0,.10)!important}
#nkmm-root.nkmm-family-center .nkmm-item:nth-child(3) .nkmm-item-label {color:var(--nkmm-bg)!important;font-weight:700!important}
/* Soft-glass: light tinted translucent with graceful fallbacks. */
#nkmm-root.nkmm-family-glass .nkmm-bar {--nkmm-item-text:#1D4143;--nkmm-item-active:var(--nkmm-bg);background:color-mix(in srgb,var(--nkmm-bg) 13%,white)!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:calc(var(--nkmm-radius) + 8px)!important;box-shadow:0 8px 23px rgba(29,80,76,.11)!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important}
#nkmm-root.nkmm-family-glass .nkmm-item-active .nkmm-icon-wrap {background:rgba(255,255,255,.55)!important;border-radius:100px!important}
/* Active highlight: mint pill accent and underline. */
#nkmm-root.nkmm-family-active .nkmm-bar {--nkmm-item-text:#24363D;--nkmm-item-active:var(--nkmm-bg);background:var(--nkmm-surface)!important;border:1px solid var(--nkmm-border)!important;border-radius:calc(var(--nkmm-radius) + 12px)!important}
#nkmm-root.nkmm-family-active .nkmm-item-active {background:color-mix(in srgb,var(--nkmm-bg) 12%,white)!important;border-radius:calc(var(--nkmm-radius) * .72)!important;color:var(--nkmm-bg)!important}
#nkmm-root.nkmm-family-active .nkmm-item-active::after {content:""!important;position:absolute!important;width:22px!important;height:3px!important;bottom:0!important;background:var(--nkmm-bg)!important;border-radius:5px!important}
#nkmm-root.nkmm-scroll-away .nkmm-bar {transform:translateY(calc(100% + 42px))!important;opacity:0!important}
#nkmm-root.nkmm-no-shadow .nkmm-bar {box-shadow:none!important}
#nkmm-root.nkmm-no-labels .nkmm-bar{min-height:56px!important}
#nkmm-root.nkmm-no-labels .nkmm-item{height:46px!important}
#nkmm-root.nkmm-no-labels.nkmm-family-center .nkmm-item:nth-child(3){transform:translateY(-8px)!important}
@keyframes nkmm-appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#nkmm-root .nkmm-bar,#nkmm-root .nkmm-item{animation:none!important;transition:none!important}#nkmm-root .nkmm-item:hover{transform:none!important}}
/* Search overlay (also mobile-only via media appended by PHP). */
#nkmm-search-dialog[hidden]{display:none!important}
#nkmm-search-dialog {position:fixed!important;z-index:2147482000!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;box-sizing:border-box!important;font-family:inherit!important}
#nkmm-search-dialog *{box-sizing:border-box!important}
#nkmm-search-dialog .nkmm-search-backdrop {position:absolute!important;inset:0!important;background:rgba(15,23,42,.64)!important}
#nkmm-search-dialog .nkmm-search-box {position:relative!important;width:100%!important;max-width:450px!important;background:#fff!important;color:#17212F!important;padding:26px!important;border-radius:20px!important;box-shadow:0 16px 50px rgba(0,0,0,.18)!important}
#nkmm-search-dialog h2{margin:0 0 18px!important;color:#17212F!important;font-size:22px!important;font-weight:700!important}
#nkmm-search-dialog label{display:block!important;font-size:13px!important;color:#45576A!important;margin-bottom:8px!important}
#nkmm-search-dialog .nkmm-search-fields{display:flex!important;gap:8px!important}
#nkmm-search-dialog input{display:block!important;min-width:0!important;flex:1!important;padding:10px 12px!important;border:1px solid #CDD6E0!important;border-radius:10px!important;background:#fff!important;color:#17212F!important;font:inherit!important;font-size:14px!important;height:43px!important}
#nkmm-search-dialog button[type=submit]{flex:none!important;background:#0FA58E!important;border:0!important;border-radius:10px!important;color:#fff!important;padding:0 14px!important;font-weight:650!important;font-size:13px!important;cursor:pointer!important}
#nkmm-search-dialog .nkmm-search-close{position:absolute!important;right:13px!important;top:11px!important;border:0!important;background:transparent!important;color:#475569!important;box-shadow:none!important;font-size:26px!important;line-height:1!important;padding:4px!important;cursor:pointer!important}
body.nkmm-search-open{overflow:hidden!important}
@media(min-width:901px){#nkmm-root,#nkmm-spacer{display:none!important}}
