/* ───────────────────────────────────────────────────────────── Techwish — rich mega menu panel (matches Wellness mockup). Layout (desktop): ┌─────────────────────────────────────────────────────────┐ │ HERO (left) │ CATEGORIES grid 3×2 │ BESTSELLERS (right) │ ├─────────────────────────────────────────────────────────┤ │ GUIDES (left ~60%) │ USP icons (right ~40%) │ └─────────────────────────────────────────────────────────┘ ───────────────────────────────────────────────────────────── */ /* ── Salient parent overrides — without these the panel scrolls and list items inherit nav styling. Different Salient versions wrap mega content in different DOM layers, so we cast a wide net: anything in #header-outer that contains a .tw-mm has its max-height + overflow killed. */ /* Specific known wrappers (all Salient versions seen in the wild). */ #header-outer .sf-menu .sf-mega, #header-outer .sf-menu .sf-mega-section-wrap, #header-outer .sf-menu .sf-mega-section, #header-outer .sf-menu .menu-item-mega-block, #header-outer .sf-menu ul.sub-menu, #header-outer .sf-menu li.megamenu > ul, #header-outer .sf-menu li.megamenu .sf-mega, #header-outer #top nav ul.sub-menu { max-height: none !important; height: auto !important; overflow: visible !important; } /* Catch-all: max-height kill on Salient wrappers ONLY (not deep into our .tw-mm subtree). We use :not(.tw-mm):not(.tw-mm *) effectively by listing the known wrapper selectors explicitly so that overflow: hidden inside .tw-mm (hero image, guide thumbs) is preserved. */ #header-outer .sf-menu li.megamenu, #header-outer .sf-menu li.megamenu > ul, #header-outer .sf-menu li.megamenu > div, #header-outer .sf-menu li.megamenu > div > div, #header-outer li.megamenu .nectar-global-section, #header-outer li.megamenu .nectar-global-section > .inner { max-height: none !important; overflow: visible !important; } /* Bullet-proof reset for anything inside our panel — Salient's nav CSS styles ,
  • ,