.vanyo-header__nav{display:inline-block}.vanyo-header__menu-list{display:flex;align-items:center;gap:2rem;list-style:none;margin:0;padding:0}.vanyo-header__menu-item-wrapper{position:relative}.vanyo-header__menu-link{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--v-font-body, "Instrument Sans", sans-serif);font-weight:500;font-size:1rem;color:var(--v-ink, #171A1C);text-decoration:none;padding:.75rem 0;background:none;border:none;cursor:pointer;transition:color .15s ease-out}.vanyo-header__menu-link:hover,.vanyo-mega-menu-disclosure[open]>.vanyo-header__menu-link{color:var(--v-marker-ink, #B34715)}.vanyo-header__menu-link--active{position:relative;color:var(--v-ink, #171A1C)}.vanyo-header__menu-link--active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--v-marker, #D95B1E)}.vanyo-icon-caret{transition:transform .2s ease-out}.vanyo-mega-menu-disclosure[open] .vanyo-icon-caret{transform:rotate(180deg)}.vanyo-mega-menu-disclosure{position:static}.vanyo-mega-menu__container{position:absolute;top:100%;left:0;right:0;width:100vw;margin-left:calc(-50vw + 50%);background-color:var(--v-white, #FFFFFF);border-top:1px solid var(--v-line, #D8DDDF);border-bottom:1px solid var(--v-line, #D8DDDF);box-shadow:0 12px 32px #171a1c0f;z-index:100;padding:2rem 0}.vanyo-mega-menu__inner{display:grid;grid-template-columns:280px 1fr;gap:2.5rem;min-height:440px}.vanyo-mega-menu__sidebar{display:flex;flex-direction:column;justify-content:space-between;background-color:var(--v-paper, #F6F7F6);border:1px solid var(--v-line, #D8DDDF);border-radius:4px;padding:1.25rem}.vanyo-mega-menu__sidebar-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--v-line, #D8DDDF)}.vanyo-mega-menu__tabs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.vanyo-mega-menu__tab-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem .875rem;font-family:var(--v-font-body, "Instrument Sans", sans-serif);font-size:.9375rem;font-weight:500;color:var(--v-steel, #59636B);background:transparent;border:1px solid transparent;border-radius:4px;text-align:left;cursor:pointer;transition:all .15s ease-out}.vanyo-mega-menu__tab-btn:hover{color:var(--v-ink, #171A1C);background-color:#171a1c0a}.vanyo-mega-menu__tab-btn.is-active{color:var(--v-ink, #171A1C);font-weight:600;background-color:var(--v-white, #FFFFFF);border-color:var(--v-line, #D8DDDF)}.vanyo-mega-menu__tab-arrow{opacity:0;transform:translate(-4px);transition:all .15s ease-out;color:var(--v-marker-ink, #B34715)}.vanyo-mega-menu__tab-btn.is-active .vanyo-mega-menu__tab-arrow,.vanyo-mega-menu__tab-btn:hover .vanyo-mega-menu__tab-arrow{opacity:1;transform:translate(0)}.vanyo-mega-menu__sidebar-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--v-line, #D8DDDF)}.vanyo-mega-menu__content-area{display:flex;flex-direction:column;justify-content:space-between}.vanyo-mega-menu__panel{display:none}.vanyo-mega-menu__panel.is-active{display:block;animation:vanyoFadeIn .2s ease-out}@keyframes vanyoFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.vanyo-mega-menu__panel-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--v-line, #D8DDDF)}.vanyo-mega-menu__panel-title{font-family:var(--v-font-heading, "Archivo", sans-serif);font-weight:600;font-size:1.5rem;color:var(--v-ink, #171A1C);margin:0 0 .25rem;letter-spacing:-.01em}.vanyo-mega-menu__panel-desc{font-family:var(--v-font-body, "Instrument Sans", sans-serif);font-size:.9375rem;color:var(--v-steel, #59636B);margin:0}.vanyo-mega-menu__see-all{font-family:var(--v-font-data, "IBM Plex Mono", monospace);font-size:.875rem;font-weight:500;color:var(--v-teal, #0B7A6E);text-decoration:none;white-space:nowrap;transition:color .15s ease-out}.vanyo-mega-menu__see-all:hover{color:var(--v-marker-ink, #B34715);text-decoration:underline}.vanyo-mega-menu__spool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.vanyo-spool-card{display:flex;flex-direction:column;background-color:var(--v-white, #FFFFFF);border:1px solid var(--v-line, #D8DDDF);border-radius:4px;overflow:hidden;text-decoration:none;transition:border-color .15s ease-out}.vanyo-spool-card:hover{border-color:var(--v-steel, #59636B)}.vanyo-spool-card__image-wrapper{position:relative;aspect-ratio:1 / 1;background-color:var(--v-paper, #F6F7F6);display:flex;align-items:center;justify-content:center;padding:1rem}.vanyo-spool-card__img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .2s ease-out}.vanyo-spool-card:hover .vanyo-spool-card__img{transform:scale(1.04)}.vanyo-spool-card__image-wrapper .v-chip{position:absolute;top:.5rem;left:.5rem}.vanyo-spool-card__body{padding:.875rem 1rem;display:flex;flex-direction:column;gap:.25rem}.vanyo-spool-card__title{font-family:var(--v-font-heading, "Archivo", sans-serif);font-weight:600;font-size:1rem;color:var(--v-ink, #171A1C);margin:0;line-height:1.3}.vanyo-spool-card__spec{font-family:var(--v-font-data, "IBM Plex Mono", monospace);font-size:.8125rem;color:var(--v-steel, #59636B);margin:0}.vanyo-mega-menu__banner{margin-top:1.5rem;padding:.875rem 1.25rem;background-color:var(--v-paper, #F6F7F6);border:1px solid var(--v-line, #D8DDDF);border-radius:4px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.vanyo-mega-menu__banner-info{display:flex;align-items:center;gap:.75rem}.vanyo-mega-menu__banner-text{font-family:var(--v-font-body, "Instrument Sans", sans-serif);font-size:.875rem;color:var(--v-ink, #171A1C)}.vanyo-mega-menu__banner-link{font-family:var(--v-font-data, "IBM Plex Mono", monospace);font-size:.8125rem;font-weight:500;color:var(--v-marker-ink, #B34715);text-decoration:none;white-space:nowrap}.vanyo-mega-menu__banner-link:hover{text-decoration:underline}@media screen and (max-width:1199px){.vanyo-mega-menu__spool-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:989px){.vanyo-mega-menu__inner{grid-template-columns:1fr}.vanyo-mega-menu__sidebar{display:none}.vanyo-mega-menu__spool-grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/vanyo-mega-menu.css.map */