.havnby-visual-mega-menu{--havnby-visual-rail-width: clamp(220px, 22vw, 330px);--havnby-visual-card-gap: var(--spacing-6);--havnby-visual-card-radius: var(--rounded-sm);display:block;padding-block:var(--spacing-8)}.havnby-visual-menu{display:grid;grid-template-columns:clamp(230px,15vw,280px) minmax(0,1fr) clamp(280px,18vw,340px);column-gap:var(--spacing-8);width:100%;min-height:620px}.havnby-visual-menu__rail{display:flex;flex-direction:column;padding-inline-end:var(--spacing-10);border-inline-end:1px solid rgb(var(--header-text) / .12)}.havnby-visual-menu__heading{margin-block-end:var(--spacing-6)}.havnby-visual-menu__tabs{display:grid;gap:var(--spacing-1)}.havnby-visual-menu__tab{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);width:100%;min-height:48px;padding:var(--spacing-3) var(--spacing-5);border-radius:var(--rounded-full);color:rgb(var(--header-text));font-weight:600;transition:color .2s ease,background-color .2s ease}.havnby-visual-menu__tab svg{width:14px;opacity:0;transform:translate(-4px);transition:opacity .2s ease,transform .2s ease}.havnby-visual-menu__tab:hover,.havnby-visual-menu__tab:focus-visible,.havnby-visual-menu__tab.is-active{background:rgb(var(--header-text) / .08)}.havnby-visual-menu__tab.is-active svg{opacity:1;transform:translate(0)}.havnby-visual-menu__all-link,.havnby-visual-menu__panel-link{display:inline-flex;align-items:center;gap:var(--spacing-2);width:fit-content;font-size:var(--text-sm)}.havnby-visual-menu__all-link{margin-block-start:auto;padding-block-start:var(--spacing-6)}.havnby-visual-menu__all-link svg,.havnby-visual-menu__panel-link svg{width:12px}.havnby-visual-menu__content{min-width:0;padding-inline-start:var(--spacing-10)}.havnby-visual-menu__panel[hidden]{display:none}.havnby-visual-menu__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-8) var(--spacing-6)}.havnby-visual-card{display:block;min-width:0}.havnby-visual-card__media{position:relative;overflow:hidden;border-radius:var(--havnby-visual-card-radius);background:rgb(var(--header-text) / .06)}.havnby-visual-card__media--landscape{aspect-ratio:4 / 3}.havnby-visual-card__media--square{aspect-ratio:1}.havnby-visual-card__image{width:100%;height:100%;object-fit:cover}.havnby-visual-card__placeholder{width:100%;height:100%;background:linear-gradient(135deg,rgb(var(--header-text) / .03),rgb(var(--header-text) / .1))}.havnby-visual-card__copy{display:grid;gap:var(--spacing-1);padding-block-start:var(--spacing-3)}.havnby-visual-card__title-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2)}.havnby-visual-card__badge{display:inline-flex;align-items:center;min-height:22px;padding-inline:var(--spacing-2);border-radius:var(--rounded-full);background:rgb(var(--header-text));color:rgb(var(--header-background));font-size:10px;font-weight:700;line-height:1;text-transform:uppercase}.havnby-visual-card__subtitle{line-height:1.45}.havnby-visual-card--finder .havnby-visual-card__media{color:#fff;background:#273340}.havnby-visual-card__finder-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 72% 22%,rgb(255 255 255 / .2),transparent 32%),linear-gradient(145deg,#53697c,#1d2935 70%)}.havnby-visual-card--finder .havnby-visual-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 12%,rgb(8 16 24 / .8) 100%)}.havnby-visual-card__finder-overlay{position:absolute;z-index:1;inset:auto var(--spacing-5) var(--spacing-5);display:grid;justify-items:start;gap:var(--spacing-2)}.havnby-visual-card__finder-overlay .button{margin-block-start:var(--spacing-2)}.havnby-visual-menu__panel-link{margin-block-start:var(--spacing-6)}@media screen and (max-width:1399px){.havnby-visual-mega-menu{--havnby-visual-rail-width: 220px;--havnby-visual-card-gap: var(--spacing-4)}.havnby-visual-menu__rail{padding-inline-end:var(--spacing-7)}.havnby-visual-menu__content{padding-inline-start:var(--spacing-7)}.havnby-visual-menu__grid{gap:var(--spacing-6) var(--havnby-visual-card-gap)}.havnby-visual-card__title-row .h5{font-size:var(--text-h6)}.havnby-visual-card__finder-overlay{inset:auto var(--spacing-4) var(--spacing-4)}}@media screen and (max-width:1149px){.havnby-visual-mega-menu{display:none}}@media(prefers-reduced-motion:reduce){.havnby-visual-menu__tab,.havnby-visual-menu__tab svg{transition:none}}.havnby-visual-menu{grid-template-columns:var(--havnby-visual-rail-width) minmax(0,1fr) clamp(320px,28vw,520px)}.havnby-visual-menu__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.havnby-visual-menu__promos{display:grid;grid-template-rows:auto auto;align-content:start;gap:var(--spacing-4);min-width:0}.havnby-visual-menu__promo{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:1 / 1;border-radius:var(--rounded-sm);background:rgb(var(--header-text) / .06)}.havnby-visual-menu__promo-image{display:block;width:100%;height:100%;object-fit:cover}.havnby-visual-menu__promo-overlay{position:absolute;inset:auto 0 0;z-index:1;padding:var(--spacing-4);color:#fff;background:linear-gradient(180deg,transparent,rgb(0 0 0 / .72))}@media screen and (min-width:1600px){.havnby-visual-menu{grid-template-columns:280px minmax(720px,1fr) 260px;column-gap:var(--spacing-8)}}@media screen and (min-width:1400px)and (max-width:1599px){.havnby-visual-menu{grid-template-columns:240px minmax(620px,1fr) 220px;column-gap:var(--spacing-6)}}@media screen and (min-width:1150px)and (max-width:1399px){.havnby-visual-menu{grid-template-columns:220px minmax(0,1fr)}.havnby-visual-menu__promos{display:none}.havnby-visual-menu__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/havnby-visual-mega-menu.css.map */