.mp-pattern-menu{display:grid;gap:1.8rem}.mp-pattern-menu__header{display:flex;align-items:flex-end;justify-content:space-between;gap:2.5rem}.mp-pattern-menu__intro{max-width:58rem}.mp-pattern-menu__heading{margin:0;color:rgb(var(--color-heading))}.mp-pattern-menu__text{margin-top:.55rem;color:rgba(var(--color-foreground),.72);font-size:1.35rem;line-height:1.45}.mp-pattern-menu__text>*{margin:0}.mp-pattern-menu__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1rem}.mp-pattern-menu__actions .button{min-height:4.2rem;padding:.9rem 1.7rem;font-size:1.3rem}.mp-pattern-menu__grid{display:grid;grid-template-columns:repeat(var(--mp-pattern-columns, 7),minmax(0,1fr));column-gap:1.25rem;row-gap:1.25rem;align-items:start}.mp-pattern-card{display:block;min-width:0;height:100%;color:#fff;text-decoration:none;line-height:0}.mp-pattern-card__media{position:relative;overflow:hidden;border-radius:var(--media-radius, 1rem);background:rgba(var(--color-foreground),.04);isolation:isolate}.mp-pattern-card__media--landscape{aspect-ratio:4 / 3}.mp-pattern-card__media--square{aspect-ratio:1 / 1}.mp-pattern-card__media--portrait{aspect-ratio:4 / 5}.mp-pattern-card__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--duration-default) ease}.mp-pattern-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgba(0,0,0,calc(.42 + var(--mp-pattern-overlay, .1))) 0%,rgba(0,0,0,calc(.04 + var(--mp-pattern-overlay, .1))) 58%,transparent 100%);pointer-events:none}.mp-pattern-card__label{position:absolute;inset-inline:.8rem;bottom:.75rem;z-index:2;color:#fff;font-size:1.25rem;line-height:1.2;text-align:center;text-shadow:0 .1rem .4rem rgba(0,0,0,.35)}.mp-pattern-card__label>*{margin:0}.mp-pattern-card:hover .mp-pattern-card__image{transform:scale(1.045)}.mp-pattern-card:focus-visible{outline:.2rem solid currentColor;outline-offset:.3rem;border-radius:var(--media-radius, 1rem)}.mp-pattern-menu--drawer{padding:1.5rem 2rem 3rem;gap:1.6rem}.mp-pattern-menu--drawer .mp-pattern-menu__header{display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,1fr);gap:1.3rem}.mp-pattern-menu--drawer .mp-pattern-menu__intro{width:100%;max-width:none;min-width:0}.mp-pattern-menu--drawer .mp-pattern-menu__heading{font-size:1.9rem}.mp-pattern-menu--drawer .mp-pattern-menu__text{font-size:1.35rem}.mp-pattern-menu--drawer .mp-pattern-menu__actions{display:grid;width:100%;min-width:0;grid-template-columns:1fr;justify-content:stretch}.mp-pattern-menu--drawer .mp-pattern-menu__actions .button{box-sizing:border-box;width:100%;max-width:none;justify-self:stretch}.mp-pattern-menu--drawer .mp-pattern-menu__grid{width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.1rem;row-gap:1.1rem}.mp-pattern-menu--drawer .mp-pattern-card__media{aspect-ratio:1 / 1}.mp-pattern-menu--drawer .mp-pattern-card__label{inset-inline:.65rem;bottom:.65rem;font-size:1.25rem}@media screen and (max-width:1240px)and (min-width:990px){.mp-pattern-menu__grid{grid-template-columns:repeat(6,minmax(0,1fr))}.mp-pattern-card__label{font-size:1.15rem}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-pattern-mega-menu.css.map */