/* Loaded after all desktop styles. Keep navigation in flow and touch-accessible. */
.primary-navigation{min-width:0;flex:1}
.primary-navigation>.menu{height:100%}
.mobile-nav-toggle{display:none}
.main-nav a:focus-visible,.main-nav button:focus-visible{outline:2px solid #206b4e;outline-offset:-3px}
@media(min-width:901px){
  .mega-nav.is-home-static .mega-menu{display:none}
  .mega-nav.is-home-static .catalog-trigger i{visibility:hidden}
  .primary-navigation>.menu>li{flex:1;justify-content:center}
  .primary-navigation>.menu>li>a{padding:0 clamp(8px,1.2vw,20px);white-space:nowrap}
}
@media(max-width:900px){
  .site-header.container{height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:18px 0}
  .site-header .brand-lockup{min-width:0}
  .site-header .brand-lockup>span{display:block;font-size:11px;letter-spacing:1px;margin-top:6px}
  .site-header .jumu-logo img,.site-header .custom-logo{width:158px;max-height:58px}
  .site-header .product-search{width:100%;min-width:0;margin:0;grid-template-columns:minmax(0,1fr) 68px;order:0}
  .product-search input{min-width:0;width:100%;font-size:16px}
  .product-search small{font-size:11px;white-space:normal;line-height:1.6}
  .utility-inner{justify-content:space-between;gap:8px;font-size:11px}
  .utility-inner>div{display:flex;align-items:center;flex-wrap:wrap}
  .main-nav .nav-inner{height:auto;min-height:48px;width:calc(100% - 20px);padding:0;display:flex;flex-wrap:wrap;overflow:visible;align-items:stretch}
  .main-nav .mega-nav{flex:1;min-width:0;position:static}
  .catalog-trigger{height:48px;font-size:14px;padding:0 16px;cursor:pointer!important}
  .mobile-nav-toggle{display:flex;align-items:center;justify-content:center;gap:14px;min-height:48px;border:0;padding:0 18px;background:#fff;color:#243e34;font-weight:700;cursor:pointer}
  .main-nav .primary-navigation{flex:0 0 100%;width:100%;min-width:0}
  .main-nav.nav-ready:not(.nav-open) .primary-navigation{display:none}
  .main-nav .primary-navigation .menu{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;overflow:visible;padding:8px 0;gap:4px}
  .main-nav .menu li{min-width:0;display:block}
  .main-nav .menu a{min-height:46px;height:auto;padding:10px 14px;white-space:normal;line-height:1.5;font-size:14px}
  .main-nav .sub-menu{position:static;list-style:none;padding-left:12px}
  .main-nav .sub-menu a{font-size:12px}
  .main-nav .mega-menu{top:48px;left:0;width:100%;min-height:0;max-height:70vh;max-height:70dvh;overflow:auto;grid-template-columns:1fr;display:none;opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:none}
  .main-nav .mega-nav.is-open .mega-menu{display:grid}
  .mega-primary{display:flex;overflow-x:auto;padding:0;border-right:0;border-bottom:1px solid var(--line)}
  .mega-primary-link{flex:0 0 auto;min-height:48px;padding:12px;border-left:0;border-bottom:3px solid transparent}
  .mega-primary-link span{display:none}
  .mega-primary-link.is-active{border-bottom-color:var(--green)}
  .mega-panels{max-height:none;overflow:visible}
  .mega-panel{padding:16px}
  .mega-panel-title{gap:12px}
  .mega-panel-title a{font-size:17px}
  .mega-panel-title span{flex-shrink:0}
  .mega-category-row{grid-template-columns:minmax(0,1fr);gap:8px;padding:12px 0}
  .mega-secondary{text-align:left;border:0;padding:6px 0;line-height:1.6}
  .mega-tertiary{gap:6px}
  .mega-tertiary a{border:0;background:#f3f8f5;border-radius:3px;padding:10px 12px;line-height:1.5;font-size:13px}
  .portal-home .home-category-menu{display:none!important}
  .portal-home .portal-hero{display:block;height:auto}
  .portal-home .portal-banner{height:360px}
  .portal-banner-copy{width:65%;left:24px;top:34px}
  .catalog-layout>*,.product-detail>*,.news-layout>*{min-width:0}
}
@media(max-width:600px){
  .utility-inner>span{display:none}
  .utility-inner{justify-content:flex-end}
  .portal-banner-copy{width:78%}
  .portal-banner-copy h1{font-size:26px}
  .shop-toolbar{flex-wrap:wrap;gap:12px}
  .woocommerce-ordering,.woocommerce-ordering select{max-width:100%}
  .catalog-banner-copy h1,.detail-copy h1{overflow-wrap:anywhere}
  .entry-content,.product-section-content{overflow-wrap:anywhere;overflow-x:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mega-menu{transition:none}}