/* Match the reference's single-column category menu using our own categories and images. */
@media (min-width:1025px) {
  .vdo-nav .vdo-dropdown-panel{left:-15px;width:238px;min-width:238px;padding:12px 10px;border-radius:22px;box-shadow:0 18px 35px rgba(10,7,27,.17)}
  .vdo-nav .vdo-dropdown-panel a{display:flex;width:100%;min-height:38px;align-items:center;gap:9px;padding:5px 8px;color:#777;font-size:13px;line-height:1.35;font-weight:500;white-space:nowrap}
  .vdo-nav .vdo-dropdown-panel a:hover,.vdo-nav .vdo-dropdown-panel a:focus-visible{color:#201c2b;background:#f6f5f8;border-radius:9px;opacity:1}
  .vdo-menu-thumb{display:flex;width:24px;height:24px;flex:none;align-items:center;justify-content:center}
  .vdo-menu-thumb img{display:block;width:24px;height:24px;object-fit:contain}
  body:has(.vdo-nav-dropdown:hover,.vdo-nav-dropdown:focus-within)::before{content:"";position:fixed;inset:188px 0 0;z-index:19;background:rgba(0,0,0,.62);pointer-events:none}
}
/* Center the product and archive container on screens wider than the design maximum. */
@media (min-width:1425px){.vdo-main>.vdo-container{margin-left:auto;margin-right:auto}}
@media (max-width:1024px){.vdo-main>.vdo-container{width:calc(100% - 30px);margin-left:auto;margin-right:auto}}

/* WooCommerce's clearfix pseudo-elements must not take grid cells. */
.vdo-product-after .related ul.products::before,
.vdo-product-after .related ul.products::after{content:none!important;display:none!important}
.vdo-product-after .related ul.products{grid-template-columns:repeat(4,minmax(0,1fr))}
.vdo-product-after .related ul.products>li.product{margin:0!important;clear:none!important;min-width:0}
@media (max-width:1024px){.vdo-product-after .related ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}