/* Focus is a separate state from the green active-category marker. */
html:root body :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible,
html:root body #herb-mega-menu :focus-visible,
html:root body .herb-mobile-offcanvas__panel .herb-mega-menu-toggle:focus-visible {
  outline: 2px solid #1761a0 !important;
  outline: auto 2px -webkit-focus-ring-color !important;
  outline-offset: 3px !important;
}
html body #herb-mega-menu .herb-mega-menu__cat-link { display:flex; box-sizing:border-box; min-height:44px; padding:0 4px !important; gap:4px !important; }
html body #herb-mega-menu .herb-mega-menu__cat-label { display:flex; box-sizing:border-box; align-items:center; min-height:44px; min-width:0; padding:4px 10px !important; white-space:normal !important; color:inherit; text-decoration:none; }
html body #herb-mega-menu .herb-mega-menu__cat-toggle { width:36px !important; height:36px !important; min-width:36px; padding:0 !important; margin:4px; color:#0b3d01 !important; }
html body #herb-mega-menu .herb-mega-menu__cat-label:focus-visible { outline-offset:-3px !important; }
html body #herb-mega-menu .herb-mega-menu__panel[aria-hidden="true"] { display:none !important; }
html body #herb-mega-menu .herb-mega-menu__panel-mobile.is-active { display:block !important; }
/* Keep focusable actions inside the card: offscreen right:-150% caused
   automatic horizontal scrolling of the overflow:hidden card on focus. */
html body .product-card .hidden-buttons { right:20px !important; left:auto !important; opacity:0; pointer-events:none; transition:opacity .15s; }
html body .product-card:hover .hidden-buttons,
html body .product-card:focus-within .hidden-buttons { opacity:1; pointer-events:auto; transition:none; }
@media (hover:none) { html body .product-card .hidden-buttons { opacity:1; pointer-events:auto; } }
@supports (overflow:clip) { html body .product-card { overflow:clip !important; } }
@media (prefers-reduced-motion:reduce) { html body .product-card .hidden-buttons { transition:none; } }