.krv-mega-menu-horizontal{--krv-mm-ink: var(--color-text-brand, var(--krv-slate-deep-500));--krv-mm-muted: var(--color-text-secondary, var(--krv-slate-500));--krv-mm-border: var(--color-border, var(--krv-bg-light));--krv-mm-accent: var(--color-accent, var(--krv-copper-500));display:block;width:100%;min-width:0;color:var(--krv-mm-ink);background:var(--color-surface, #fff);padding:0 max(var(--container-gutter),50% - var(--container-max-width) / 2)}.krv-mega-menu-horizontal__layout{width:100%;display:grid;grid-template-columns:minmax(220px,24%) minmax(0,1fr);gap:clamp(36px,4.2vw,84px);min-width:0;align-items:stretch}.krv-mega-menu-horizontal__nav{display:flex;flex-direction:column;min-width:0;padding-block:var(--spacing-4)}.krv-mega-menu-horizontal__list{list-style:none;margin:0;padding:0}.krv-mega-menu-horizontal__item{position:relative;border-bottom:1px solid var(--krv-mm-border)}.krv-mega-menu-horizontal__category{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);min-height:64px;padding:var(--spacing-3) 0 var(--spacing-3) var(--spacing-6);text-decoration:none;color:var(--krv-mm-ink);font-family:var(--font-heading);font-size:clamp(17px,1.2vw,21px);font-weight:500;line-height:1.3;transition:color var(--transition-fast) var(--transition-easing),padding-left var(--transition-fast) var(--transition-easing)}.krv-mega-menu-horizontal__category:before{content:"";position:absolute;left:0;top:50%;width:2px;height:34px;background:var(--krv-mm-accent);transform:translateY(-50%) scaleY(.72);transform-origin:center;opacity:0;transition:opacity var(--transition-fast) var(--transition-easing),transform var(--transition-fast) var(--transition-easing)}.krv-mega-menu-horizontal__item.is-active .krv-mega-menu-horizontal__category{font-weight:700;color:var(--krv-mm-ink)}.krv-mega-menu-horizontal__item.is-active .krv-mega-menu-horizontal__category:before{opacity:1;transform:translateY(-50%) scaleY(1)}.krv-mega-menu-horizontal__item.is-active{border-bottom-color:var(--krv-mm-accent)}.krv-mega-menu-horizontal__category:hover,.krv-mega-menu-horizontal__category:focus-visible{color:var(--krv-mm-accent)}.krv-mega-menu-horizontal__arrow{opacity:0;font-size:18px;line-height:1;transition:opacity var(--transition-fast),transform var(--transition-fast);transform:translate(-2px)}.krv-mega-menu-horizontal__item.is-active .krv-mega-menu-horizontal__arrow,.krv-mega-menu-horizontal__category:hover .krv-mega-menu-horizontal__arrow,.krv-mega-menu-horizontal__category:focus-visible .krv-mega-menu-horizontal__arrow{opacity:1;transform:translate(0)}.krv-mega-menu-horizontal__all{display:inline-flex;align-items:center;gap:var(--spacing-3);align-self:flex-start;margin-top:auto;padding-top:var(--spacing-8);color:var(--krv-mm-ink);font-size:var(--font-size-small);font-weight:600;text-decoration:none}.krv-mega-menu-horizontal__all:hover{color:var(--krv-mm-accent)}.krv-mega-menu-horizontal__visual{min-width:0}.krv-mega-menu-horizontal__panel{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);min-height:390px;align-items:center;gap:clamp(18px,2vw,44px)}.krv-mega-menu-horizontal__panel[hidden]{display:none!important}.krv-mega-menu-horizontal__copy{min-width:0;max-width:430px;padding-block:var(--spacing-5)}.krv-mega-menu-horizontal__eyebrow{color:var(--krv-mm-accent);font-size:var(--font-size-caption);font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--spacing-4)}.krv-mega-menu-horizontal__heading{font-family:var(--font-heading);font-size:clamp(30px,2.55vw,46px);line-height:1.08;letter-spacing:-.025em;font-weight:700;color:var(--krv-mm-ink);margin:0}.krv-mega-menu-horizontal__description{color:var(--krv-mm-muted);line-height:1.55;font-size:var(--font-size-small);margin-top:var(--spacing-4);max-width:38ch}.krv-mega-menu-horizontal__cta{display:inline-flex;align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-7);color:var(--krv-mm-ink);padding-bottom:var(--spacing-2);border-bottom:1px solid currentColor;font-size:var(--font-size-small);font-weight:600;text-decoration:none}.krv-mega-menu-horizontal__cta:hover{color:var(--krv-mm-accent)}.krv-mega-menu-horizontal__media{--krv-mm-media-height: 390px;min-width:0;height:var(--krv-mm-media-height);display:flex;align-items:center;justify-content:flex-end;overflow:visible}.krv-mega-menu-horizontal__image-canvas{position:relative;flex:none;width:min(100%,calc(var(--krv-mm-media-height) * var(--krv-mm-image-ratio)));max-width:100%;max-height:100%;aspect-ratio:var(--krv-mm-image-ratio);min-width:0}.krv-mega-menu-horizontal__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.krv-mega-menu-horizontal--cover .krv-mega-menu-horizontal__image{object-fit:cover}.krv-mega-menu-horizontal__hotspots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.krv-mega-menu-horizontal__hotspot{position:absolute;left:calc(var(--krv-hotspot-x) * 1%);top:calc(var(--krv-hotspot-y) * 1%);z-index:1;pointer-events:auto}.krv-mega-menu-horizontal__hotspot:has(.krv-mega-menu-horizontal__hotspot-trigger[aria-expanded=true]){z-index:4}.krv-mega-menu-horizontal__hotspot-trigger{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--krv-mm-ink);background:var(--color-surface, #fff);color:var(--krv-mm-ink);font-size:19px;font-weight:500;line-height:1;cursor:pointer;box-shadow:0 1px 6px #0000001f;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.krv-mega-menu-horizontal__hotspot-trigger:hover,.krv-mega-menu-horizontal__hotspot-trigger[aria-expanded=true]{background:var(--krv-mm-ink);color:#fff;border-color:var(--krv-mm-ink)}.krv-mega-menu-horizontal__hotspot-trigger:focus-visible{outline:2px solid var(--krv-mm-accent);outline-offset:3px}.krv-mega-menu-horizontal__hotspot-popover{position:absolute;top:22px;left:22px;width:220px;max-width:min(220px,40vw);padding:var(--spacing-3) var(--spacing-4);background:var(--color-surface, #fff);color:var(--krv-mm-ink);border:1px solid var(--krv-mm-border);box-shadow:0 8px 22px #0000001a}.krv-mega-menu-horizontal__hotspot-popover[hidden]{display:none!important}.krv-mega-menu-horizontal__hotspot[data-krv-hotspot-side=left] .krv-mega-menu-horizontal__hotspot-popover{left:auto;right:22px}.krv-mega-menu-horizontal__hotspot[data-krv-hotspot-vertical=up] .krv-mega-menu-horizontal__hotspot-popover{top:auto;bottom:22px}.krv-mega-menu-horizontal__hotspot-title{font-weight:600;font-size:var(--font-size-small);line-height:1.35;overflow-wrap:anywhere}.krv-mega-menu-horizontal__hotspot-link{display:inline-flex;gap:var(--spacing-2);align-items:center;margin-top:var(--spacing-2);color:var(--krv-mm-ink);font-size:var(--font-size-caption);border-bottom:1px solid currentColor;text-decoration:none}.krv-mega-menu-horizontal__hotspot-link:hover{color:var(--krv-mm-accent)}.krv-mega-menu-horizontal__media--empty{display:none}.krv-mega-menu-horizontal__panel:has(.krv-mega-menu-horizontal__media--empty){grid-template-columns:minmax(0,1fr)}@media(min-width:1150px)and (max-width:1399px){.krv-mega-menu-horizontal__layout{grid-template-columns:minmax(200px,25%) minmax(0,1fr);gap:clamp(28px,3vw,56px)}.krv-mega-menu-horizontal__panel{grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);min-height:350px}.krv-mega-menu-horizontal__media{--krv-mm-media-height: 350px}.krv-mega-menu-horizontal__heading{font-size:clamp(28px,2.25vw,40px)}}@media(min-width:1400px){.krv-mega-menu-horizontal__layout{grid-template-columns:minmax(220px,23.5%) minmax(0,1fr)}.krv-mega-menu-horizontal__panel{grid-template-columns:minmax(0,.58fr) minmax(0,1.42fr);min-height:410px}.krv-mega-menu-horizontal__media{--krv-mm-media-height: 410px}}@media(max-width:1149px){.krv-mega-menu-horizontal{display:none}}@media(prefers-reduced-motion:reduce){.krv-mega-menu-horizontal__category,.krv-mega-menu-horizontal__arrow,.krv-mega-menu-horizontal__hotspot-trigger{transition:none}}@media screen and (min-width:1150px){.krv-mega-menu-horizontal__layout{height:510px;align-items:stretch}.krv-mega-menu-horizontal__nav{min-height:0;padding-block:var(--spacing-4)}.krv-mega-menu-horizontal__visual{min-height:0;height:100%}.krv-mega-menu-horizontal__panel{height:100%;min-height:0}.krv-mega-menu-horizontal__category{height:76px;min-height:0;box-sizing:border-box;padding-block:var(--spacing-2)}.krv-mega-menu-horizontal__category:before{width:4px;height:32px}.krv-mega-menu-horizontal__media{--krv-mm-media-height: 390px;max-height:100%}}@media screen and (min-width:1150px)and (max-width:1399px){.krv-mega-menu-horizontal__layout{height:470px}.krv-mega-menu-horizontal__category{height:70px}.krv-mega-menu-horizontal__media{--krv-mm-media-height: 350px}}@media screen and (min-width:1150px){.krv-mega-menu-horizontal__layout{column-gap:clamp(20px,2vw,36px)}.krv-mega-menu-horizontal__panel{column-gap:clamp(12px,1.2vw,24px)}}@media screen and (min-width:1150px)and (max-width:1399px){.krv-mega-menu-horizontal__layout{column-gap:var(--spacing-5)}.krv-mega-menu-horizontal__panel{column-gap:var(--spacing-3)}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/krv-mega-menu-horizontal.css.map */