.yv-style5-megamenu{width:100%;max-width:var(--s5-max-width, 1000px);margin:0 auto;padding:0}.yv-style5-container{display:flex;gap:0;min-height:380px;max-height:var(--s5-menu-height, 75vh)}.yv-style5-sidebar{flex:0 0 var(--s5-sidebar-width, 220px);background:var(--s5-sidebar-bg, #f8f8f8);border-right:1px solid var(--primaryBorderColor, #eee);display:flex;flex-direction:column;padding:12px 0;overflow-y:auto}.yv-style5-sidebar-item{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border:none;background:transparent;cursor:pointer;font-size:var(--s5-sidebar-font-size, 13px);font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--s5-sidebar-text, #333);text-align:left;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yv-style5-sidebar-item:hover{background:var(--s5-sidebar-hover-bg, rgba(0, 0, 0, .04))}.yv-style5-sidebar-item.active{background:var(--s5-sidebar-highlight, #2a5c3f);color:var(--s5-sidebar-highlight-text, #fff);font-weight:600}.yv-style5-sidebar-item svg{flex-shrink:0;opacity:0;transform:translate(-4px);transition:all .2s ease}.yv-style5-sidebar-item.active svg,.yv-style5-sidebar-item:hover svg{opacity:1;transform:translate(0)}.yv-style5-sidebar-viewall{display:block;padding:12px 20px;margin-top:auto;font-size:12px;font-weight:600;color:var(--s5-sidebar-highlight, #2a5c3f);text-decoration:none;text-transform:uppercase;letter-spacing:.5px;border-top:1px solid var(--primaryBorderColor, #eee)}.yv-style5-sidebar-viewall:hover{text-decoration:underline}.yv-style5-grid-wrapper{flex:1;overflow-y:auto;padding:20px 24px;position:relative;background:var(--s5-grid-bg, #fff)}.yv-style5-grid-panel{display:none;animation:style5FadeIn .25s ease}.yv-style5-grid-panel.active{display:block}@keyframes style5FadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.yv-style5-grid{display:grid;grid-template-columns:repeat(var(--s5-grid-columns, 3),1fr);gap:var(--s5-grid-gap, 20px)}.yv-style5-grid-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--s5-grid-title-color, #333);transition:transform .2s ease}.yv-style5-grid-item:hover{transform:translateY(-2px)}.yv-style5-image-wrapper{width:100%;padding-bottom:var(--s5-image-padding, 100%);position:relative;overflow:hidden;border-radius:var(--megamenu-inner-radius, 8px);background:#f5f5f5}.yv-style5-collection-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.yv-style5-megamenu:not(.no-zoom) .yv-style5-grid-item:hover .yv-style5-collection-image{transform:scale(1.04)}.yv-style5-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f0f0f0}.yv-style5-placeholder .placeholder-svg{width:60%;height:60%;opacity:.4}.yv-style5-grid-title{margin-top:10px;font-size:var(--s5-title-font-size, 11px);font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-align:center;line-height:1.3;color:var(--s5-grid-title-color, #333)}.yv-style5-grid-item:hover .yv-style5-grid-title{color:var(--s5-grid-title-hover, #2a5c3f)}.yv-style5-panel-footer{margin-top:16px;padding-top:12px;border-top:1px solid var(--primaryBorderColor, #eee);text-align:right}.yv-style5-viewall-link{font-size:12px;font-weight:600;color:var(--s5-sidebar-highlight, #2a5c3f);text-decoration:none;text-transform:uppercase;letter-spacing:.3px}.yv-style5-viewall-link:hover{text-decoration:underline}@media(max-width:991px){.yv-style5-container{flex-direction:column;min-height:auto;max-height:none}.yv-style5-sidebar{flex:none;flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:none;border-bottom:1px solid var(--primaryBorderColor, #eee);padding:0;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;gap:0}.yv-style5-sidebar-item{flex-shrink:0;padding:10px 16px;font-size:11px;scroll-snap-align:start;white-space:nowrap}.yv-style5-sidebar-item svg{display:none}.yv-style5-sidebar-viewall{display:none}.yv-style5-grid-wrapper{padding:16px}.yv-style5-grid{grid-template-columns:repeat(2,1fr);gap:12px}.yv-style5-grid-title{font-size:10px}}@media(max-width:575px){.yv-style5-grid{grid-template-columns:repeat(2,1fr);gap:10px}}
/*# sourceMappingURL=/cdn/shop/t/104/assets/header-megamenu-style5.css.map */