/* Ecosystem navigation: direct category links and a featured-products sidebar. */
.nav .mega-trigger{appearance:none;display:inline-flex;align-items:center;position:relative;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--ink);font-family:Geist,Arial,sans-serif;font-size:12px;line-height:20px;letter-spacing:0;font-weight:600;text-align:left;cursor:pointer}
.nav .mega-trigger::after{content:'';position:absolute;bottom:-6px;left:0;width:100%;height:1px;background:var(--p);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.nav .mega-trigger:hover,.nav .mega-trigger[aria-expanded=true]{color:var(--p)}
.nav .mega-trigger:hover::after,.nav .mega-trigger[aria-expanded=true]::after{transform:scaleX(1)}
.mega-menu{position:absolute;top:100%;left:5.6vw;right:5.6vw;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);max-height:calc(100dvh - 104px);overflow:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--line);border-radius:0 0 16px 16px;box-shadow:0 24px 60px #10121120;animation:ecosystem-in .25s var(--ease);z-index:120}
.mega-menu .mega-main{padding:32px 36px;min-width:0}.mega-menu .eyebrow{font-size:12px;line-height:20px;letter-spacing:.08em;color:var(--muted);font-weight:400;margin:0 0 20px}
.mega-menu .mega-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;row-gap:4px;margin-bottom:24px}
.mega-menu .mega-category{display:grid;grid-template-columns:24px minmax(0,1fr) 16px;align-items:center;gap:12px;min-height:60px;width:auto;padding:12px;border:0;border-radius:8px;color:var(--ink);background:transparent;font-size:16px;line-height:24px;letter-spacing:0;font-weight:400;text-decoration:none;text-align:left;transition:background .2s,color .2s}
.mega-menu .mega-category svg{width:24px;height:24px;display:block;color:var(--p);transition:transform .25s}.mega-menu .mega-category span{display:block}.mega-menu .mega-category .arrow{font-size:16px;line-height:24px;color:var(--muted);transition:transform .25s,color .25s}
.mega-menu .mega-category:hover,.mega-menu .mega-category:focus-visible{background:var(--mint);color:var(--p)}.mega-menu .mega-category:hover .arrow{transform:translate(2px,-2px);color:var(--p)}.mega-menu .mega-category:hover svg{transform:translateY(-2px)}
.mega-menu .text-link{display:inline-flex;align-items:center;gap:24px;padding:8px 0;font-size:16px;line-height:24px;letter-spacing:0;color:var(--p);border-bottom:1px solid var(--line);transition:gap .25s}.mega-menu .text-link:hover{gap:32px}
.mega-menu .mega-aside{padding:32px;background:var(--soft);border-left:1px solid var(--line);min-width:0}.mega-menu .mega-feature{display:flex;flex-direction:column;gap:8px;padding:16px 12px;margin:0 -12px;border-radius:8px;color:var(--ink);transition:background .2s,transform .25s}.mega-menu .mega-feature+.mega-feature{border-top:1px solid var(--line)}.mega-menu .mega-feature strong{font-size:16px;line-height:24px;letter-spacing:0;font-weight:600}.mega-menu .mega-feature span{font-size:12px;line-height:20px;letter-spacing:0;color:var(--text);font-weight:400}.mega-menu .mega-feature:hover{background:var(--mint);transform:translateX(4px)}
@keyframes ecosystem-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1200px){.mega-menu{left:4.5vw;right:4.5vw}.mega-menu .mega-main{padding:28px}.mega-menu .mega-aside{padding:28px}.mega-menu .mega-categories{column-gap:12px}}
@media(max-width:900px){.nav .mega-trigger{display:block;padding:16px 0;font-size:16px;line-height:24px;width:100%}.nav .mega-trigger::after{bottom:9px;width:48px}.mega-menu{position:fixed;top:76px;left:0;right:0;max-height:calc(100dvh - 76px);grid-template-columns:minmax(0,1.3fr) minmax(240px,1fr);border-radius:0 0 12px 12px}.mega-menu .mega-categories{grid-template-columns:1fr;gap:0}.mega-menu .mega-category{min-height:52px}.mega-menu .mega-main,.mega-menu .mega-aside{padding:24px}}
@media(max-width:600px){.mega-menu{grid-template-columns:1fr;border-left:0;border-right:0}.mega-menu .mega-main{padding:24px 20px}.mega-menu .mega-categories{grid-template-columns:1fr;row-gap:0;margin-bottom:16px}.mega-menu .mega-category{padding:12px 12px;min-height:48px}.mega-menu .mega-aside{padding:24px 32px;border-left:0;border-top:1px solid var(--line)}.mega-menu .mega-feature{padding-block:16px}.mega-menu .eyebrow{margin-bottom:16px}.mega-menu .text-link{font-size:16px;line-height:24px}}
@media(prefers-reduced-motion:reduce){.mega-menu,.mega-menu *,.nav .mega-trigger::after{animation:none!important;transition:none!important}}