.vh-menu{display:flex;justify-content:center;align-items:flex-start;gap:22px;flex-wrap:wrap;position:relative;z-index:20}.vh-menu-link{display:inline-block;text-decoration:none;background:#4cc8f2;color:#fff;font-size:13px;font-weight:800;text-transform:uppercase;padding:10px 18px;border-radius:999px;transition:background .22s ease,transform .25s ease,box-shadow .25s ease}.vh-menu-link:hover{background:#ff4fa3}.vh-menu a{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.vh-menu a:hover{transform:scale(1.06);box-shadow:0 10px 18px #0000002e,0 0 12px #39bceb73}.vh-menu-item{position:relative;padding-bottom:18px}.vh-menu-item:after{content:"";position:absolute;top:100%;left:0;width:100%;height:24px;background:transparent}.vh-menu-item:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#ffffff0f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .25s ease;pointer-events:none;z-index:50}.vh-mega-menu{position:absolute;top:100%;left:50%;transform:translate(-18%);width:1000px;max-width:calc(100vw - 120px);background:#f3f3f3;border-radius:28px;padding:18px 20px 16px;box-shadow:0 30px 70px #0000002e,0 0 0 1px #ffffff59;display:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease,transform .22s ease;z-index:300}@media(max-width:1200px){.vh-mega-menu{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:989px){.vh-mega-menu{display:none!important}}.vh-menu-item:hover .vh-mega-menu{display:grid;opacity:1;visibility:visible;pointer-events:auto;transform:translate(-18%) translateY(0)}.vh-mega-menu:hover{opacity:1;visibility:visible;pointer-events:auto}.vh-mega-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-decoration:none;background:transparent;border-radius:0;padding:6px 8px 4px;box-shadow:none;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease,filter .25s ease}.vh-mega-card:hover{transform:translateY(-10px) scale(1.04);box-shadow:0 18px 40px #0000002e,0 0 12px #39bceb59}.vh-mega-card-image{width:100%!important;height:148px!important;aspect-ratio:auto!important;background:#fafafa;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4px;margin-bottom:8px;box-sizing:border-box}.vh-mega-card-image img{width:100%!important;height:100%!important;object-fit:contain!important;display:block}.vh-mega-title{font-size:18px;line-height:1.08;font-weight:900;color:#39bceb;text-align:center;margin-bottom:3px;transition:all .22s ease;letter-spacing:.02em}.vh-mega-sub{font-size:13px;line-height:1.1;font-weight:700;color:#666;text-align:center;transition:color .22s ease}.vh-mega-card:hover .vh-mega-title{background:#39bceb;color:#fff;padding:7px 14px;border-radius:999px}.vh-mega-card:hover .vh-mega-sub{color:#ff4fa3}.vh-wrap:has(.vh-menu-item:hover) .vh-cart{filter:blur(6px);opacity:.45;transition:filter .25s ease,opacity .25s ease}.vh-wrap:has(.vh-menu-item:hover) .vap-cart-badge{filter:blur(4px);opacity:.45}.vap-cart-hover-wrap:hover .vh-cart,.vap-cart-hover-wrap:hover .vap-cart-badge{filter:none!important;opacity:1!important}@media(max-width:989px){.vh-mega-menu{display:none!important}.vh-menu-item:before,.vap-cart-hover-wrap:before{display:none!important;opacity:0!important;visibility:hidden!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.vh-wrap:has(.vh-menu-item:hover) .vh-cart,.vh-wrap:has(.vh-menu-item:hover) .vap-cart-badge,.vh-wrap:has(.vh-menu-item:hover) .vh-cart-circle img{filter:none!important;opacity:1!important}}.vh-menu-item:hover~.vh-menu-item .vh-mega-menu{opacity:0;visibility:hidden}.vh-mega-menu,.vh-mega-menu-liquids,.vh-mega-menu-accessories,.vh-mega-menu-informer{transform-origin:top center;will-change:opacity,transform;transition:opacity .22s ease,visibility .22s ease,transform .28s cubic-bezier(.22,1,.36,1)}.vh-mega-menu{transform:translate(-18%) translateY(8px)}.vh-menu-item:hover .vh-mega-menu{transform:translate(-18%) translateY(0)}.vh-mega-menu-liquids{transform:translate(-28%) translateY(8px)}.vh-menu-item-liquids:hover .vh-mega-menu-liquids{transform:translate(-28%) translateY(0)}.vh-mega-menu-accessories{transform:translateY(8px)}.vh-menu-item-accessories:hover .vh-mega-menu-accessories{transform:translateY(0)}.vh-mega-menu-informer{transform:translate(-38%) translateY(8px)}.vh-menu-item-informer:hover .vh-mega-menu-informer{transform:translate(-38%) translateY(0)}
/*# sourceMappingURL=/cdn/shop/t/36/assets/vh-mega-menu.css.map */