/* Patch F: keep the active mobile submenu exactly as wide as its parent panel.
   The legacy 300px width exposed the root menu's chevron column on wider phones. */
@media (max-width: 1024px) {
  #mobile-menu .navigation .menu-item.active > .submenu {
    width: min(86vw, 340px) !important;
    max-width: 340px !important;
    background: #fff;
    z-index: 2;
  }
}

.hy-mobile-child-toggle { display: none; }
@media (max-width: 1024px) {
  #mobile-menu { touch-action: pan-y; }
  #mobile-menu .hy-mobile-child-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    float: right;
    padding: 10px;
    background: transparent;
    border: 0;
  }
  #mobile-menu .hy-mobile-child-links { display: none; padding-left: 12px; }
  #mobile-menu .hy-mobile-child-branch.is-open > .hy-mobile-child-links { display: block; }
  #mobile-menu .navigation .submenu { overflow-y: auto; max-height: 100dvh; }
}
/* Keep collection gutters local to product cards; preserve pagination and descriptions. */
.category-products .content-col > .product-col { margin-bottom: 20px; }
@media (max-width: 767px) {
  .category-products .content-col { margin-left: -6px; margin-right: -6px; }
  .category-products .content-col > .product-col { padding-left: 6px; padding-right: 6px; margin-bottom: 16px; }
}