.categorybar{position:relative;overflow:visible}.category-menu{position:relative}.category-menu>a{display:block}.category-menu>a span{font-size:10px;margin-left:3px}.subcategory-menu{display:none;position:absolute;z-index:100;top:100%;left:50%;transform:translateX(-50%);width:min(720px,90vw);max-height:430px;overflow:auto;padding:16px;background:#fff;border:1px solid #e7e3dc;box-shadow:0 18px 45px rgba(0,0,0,.16);grid-template-columns:repeat(3,minmax(150px,1fr));gap:2px 15px}.subcategory-menu a{display:block;padding:8px 10px;font-weight:500;white-space:normal;border-radius:3px}.subcategory-menu a:hover,.subcategory-menu a:focus{background:#f5f1e8;color:#8a5b00}.category-menu:hover .subcategory-menu,.category-menu:focus-within .subcategory-menu{display:grid}@media(max-width:800px){.categorybar{overflow-x:auto;overflow-y:visible;justify-content:flex-start}.subcategory-menu{position:fixed;top:150px;left:5vw;transform:none;width:90vw;grid-template-columns:repeat(2,minmax(120px,1fr));max-height:60vh}.category-menu:hover .subcategory-menu{display:none}.category-menu:focus-within .subcategory-menu{display:grid}}