/* RZNPAN PATCH 08: shared menu; normalize legacy article/blog mobile overrides. */
/* Scope to shared .rzp-header only. Do not touch article/production/catalog blocks. */
@media (max-width:980px) {
  #rzp-page .rzp-header .rzp-header-top.rzp-wrap {height:86px!important;gap:20px!important;}
  #rzp-page .rzp-header .rzp-nav-shell .rzp-nav.rzp-wrap {display:block!important;padding:10px 30px 22px!important;}
  #rzp-page .rzp-header .rzp-nav-shell .rzp-nav > a,
  #rzp-page .rzp-header .rzp-nav-shell .rzp-nav > details > summary {
     font-size:14px!important; padding:14px 0!important;line-height:1.4!important;
     justify-content:space-between!important;
  }
  #rzp-page .rzp-header .rzp-nav-shell .rzp-navdrop-panel,
  #rzp-page .rzp-header .rzp-nav-shell .rzp-navdrop-wide .rzp-navdrop-panel {
     position:static!important;min-width:0!important;max-width:100%!important;
     box-shadow:none!important;padding:5px 0 12px 12px!important;
  }
}
@media (max-width:720px) {
  #rzp-page .rzp-header .rzp-header-top.rzp-wrap {height:80px!important;padding:0 22px!important;gap:12px!important;}
  #rzp-page .rzp-header .rzp-nav-shell .rzp-nav.rzp-wrap {padding:8px 22px 24px!important;}
  #rzp-page .rzp-header .rzp-nav-shell .rzp-nav > a,
  #rzp-page .rzp-header .rzp-nav-shell .rzp-nav > details > summary {
    font-size:14px!important;padding:14px 0!important;
  }
}
/* Fallback for stale page-specific active styling, preserving hover and true active article links. */
#rzp-page .rzp-header .rzp-nav-shell .rzp-nav > details:not(.rzp-navdrop-current):not(:hover) > summary:not(:focus-visible),
#rzp-page .rzp-header .rzp-nav-shell .rzp-nav > a:not(:hover):not(:focus-visible) {
  background:#fff!important;color:#193B2B!important;border-color:#d3e1d8!important;
}
#rzp-page .rzp-header .rzp-nav-shell .rzp-nav > details.rzp-navdrop-current > summary {
  background:#193B2B!important;color:white!important;border-color:#193B2B!important;
}

/* PATCH 09 — identical main navigation across home, blog, added articles and HTML product pages. */
@media (min-width:981px){
  #rzp-page .rzp-header #rzp-navigation .rzp-nav{
    gap:13px!important; justify-content:space-between!important; align-items:stretch!important;
  }
  #rzp-page .rzp-header #rzp-navigation .rzp-nav > a,
  #rzp-page .rzp-header #rzp-navigation .rzp-nav > details{
    flex:1 1 auto!important; min-width:0!important;
  }
  #rzp-page .rzp-header #rzp-navigation .rzp-nav > a,
  #rzp-page .rzp-header #rzp-navigation .rzp-nav > details > summary{
    padding:8px 15px!important; height:60px!important; min-height:60px!important; max-height:60px!important; box-sizing:border-box!important;
  }
  #rzp-page .rzp-header #rzp-navigation .rzp-nav > details:not(.rzp-navdrop-current):not(:hover):not(:focus-within) > summary,
  #rzp-page .rzp-header #rzp-navigation .rzp-nav > a:not(:hover):not(:focus-visible){
    background:#fff!important; border-color:#d3e1d8!important; color:#193B2B!important;
    box-shadow:0 2px 0 rgba(25,59,43,.025)!important;
  }
  #rzp-page .rzp-header #rzp-navigation .rzp-nav > details.rzp-navdrop-current > summary{
    background:#193B2B!important; border-color:#193B2B!important;color:#fff!important;
  }
}

/* PATCH 10 (20.10.2026) - EXACT compact desktop menu geometry.
   PATCH 09 made the tiles tall on some pages. Keep 60px tiles in an 82px
   strip (including the 1px top/bottom borders). Mobile untouched. */
@media (min-width:981px) {
  #rzp-page .rzp-header #rzp-navigation > nav.rzp-nav {
    height:80px!important;
    min-height:80px!important;
    max-height:80px!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
    align-items:center!important;
    box-sizing:border-box!important;
  }
  #rzp-page .rzp-header #rzp-navigation > nav.rzp-nav > a,
  #rzp-page .rzp-header #rzp-navigation > nav.rzp-nav > details {
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    box-sizing:border-box!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }
  #rzp-page .rzp-header #rzp-navigation > nav.rzp-nav > a,
  #rzp-page .rzp-header #rzp-navigation > nav.rzp-nav > details > summary {
    height:60px!important;
    min-height:60px!important;
    max-height:60px!important;
    padding:8px 15px!important;
    box-sizing:border-box!important;
    align-items:center!important;
  }
  /* Desktop never has submenu chevrons. Mobile has separate arrows. */
  #rzp-page .rzp-header #rzp-navigation > nav.rzp-nav > details > summary > svg.rzp-icon {
    display:none!important;
  }
}