/* Product dropdown uses the live category hierarchy, without fixed row heights. */
.nav_xiala.product-menu{max-height:75vh;overflow-y:auto}
.product-menu .product-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px;padding-bottom:20px}
.product-menu .wer,.product-menu .wer_h3,.product-menu .wer_ul{width:auto!important;min-width:0}
.product-menu .wer_h3>a{display:inline!important;width:auto!important;font-size:16px!important;line-height:40px!important;color:#000!important}
.product-menu .wer_h3>a:hover,.product-menu .wer_h3>a:focus-visible{color:#537ee5!important}
.product-menu .wer_ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.product-menu .wer_ul_p{float:none!important;width:auto!important;height:auto;min-width:0;margin:0;padding:0}
.product-menu .wer_ul_p li{display:block!important;float:none!important;width:auto!important;height:auto;min-width:0}
.product-menu .wer_ul_p h3,.product-menu .wer_ul_p h3.opkl a{height:auto!important;min-height:30px;white-space:normal;overflow:visible}
.product-menu .wer_ul_p li a{display:block;float:none!important;width:auto!important;height:auto;white-space:normal;overflow:visible}
.product-menu .product-menu-descendants{width:auto;margin:0;padding:0;list-style:none}
.product-menu .product-menu-descendants .product-menu-descendants{padding-left:10px}
/* A category now wraps its descendants. Override the legacy li:hover a rule,
   which otherwise highlights every link in that category together. */
.product-menu .wer_ul_p li:hover a{color:#000}
.product-menu .wer_ul_p li a:hover,.product-menu .wer_ul_p li a:focus-visible{color:#537ee5}