/* Category introductions sit close to their product count and sorting row. */
.legacy-richtext.category-intro{margin-block:0;padding-block:0}
.category-intro>:last-child{margin-bottom:0}
.category-intro+.section.category-section{padding-top:16px}

/* Mobile category drawer: half the width, full available height. */
@media(max-width:800px){
 #site-nav.site-nav,
 body.nav-open #site-nav.site-nav{
  width:50vw!important;
  max-width:50vw!important;
  left:0!important;
  right:auto!important;
  top:0!important;
  bottom:var(--mobile-bottom-nav-height,64px)!important;
  height:calc(100vh - var(--mobile-bottom-nav-height,64px))!important;
  height:calc(100dvh - var(--mobile-bottom-nav-height,64px))!important;
  max-height:calc(100dvh - var(--mobile-bottom-nav-height,64px))!important;
  min-height:0!important;
  box-sizing:border-box;
  padding:12px 0 calc(16px + env(safe-area-inset-bottom,0px));
  overflow-x:hidden;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  border-radius:0 12px 12px 0;
 }
 #site-nav.site-nav .nav-inner{width:100%;max-width:100%;padding-inline:8px}
 #site-nav.site-nav .nav-quick-links{position:relative;flex-wrap:wrap;gap:4px;min-width:0;padding-top:44px}
 #site-nav.site-nav .nav-all-categories{min-width:0;flex:1 1 auto}
 #site-nav.site-nav .nav-all-categories>summary{white-space:normal;overflow-wrap:anywhere;padding-inline:6px}
 #site-nav.site-nav .nav-mobile-close{position:absolute;top:0;right:0;padding-inline:9px;margin:0}
 #site-nav.site-nav .ohya-menu-sections,
 #site-nav.site-nav .ohya-menu-links,
 #site-nav.site-nav .ohya-menu-links>details,
 #site-nav.site-nav .primary-navigation{min-width:0;max-width:100%}
 #site-nav.site-nav :is(.ohya-menu-links,.primary-navigation-links) a{white-space:normal;overflow-wrap:anywhere}
 #site-nav.site-nav .ohya-menu-links details>div{grid-template-columns:minmax(0,1fr)}
}