.occasion-tiles__header{margin-bottom:3.6rem}.occasion-tiles__heading{margin:0}.occasion-tiles__subheading{margin-top:1rem;color:rgba(var(--color-foreground),.7)}.occasion-tiles__grid{display:grid;grid-template-columns:1fr;gap:1.6rem;margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.occasion-tiles__grid{gap:2.4rem}.occasion-tiles__grid--2-col{grid-template-columns:repeat(2,minmax(0,1fr))}.occasion-tiles__grid--3-col{grid-template-columns:repeat(3,minmax(0,1fr))}.occasion-tiles__grid--4-col{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width:749px){.occasion-tiles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.occasion-tile{position:relative;display:block;overflow:hidden;border-radius:var(--popup-corner-radius, 1rem);text-decoration:none;color:rgb(var(--color-background));background-color:rgba(var(--color-foreground),.06)}.occasion-tile--portrait{aspect-ratio:3 / 4}.occasion-tile--square{aspect-ratio:1 / 1}.occasion-tile--landscape{aspect-ratio:4 / 3}.occasion-tile__media{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.occasion-tile__image{width:100%;height:100%;object-fit:cover;display:block}.occasion-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0009,#00000040 40%,#0000 70%);transition:background-color var(--duration-default) ease}.occasion-tile__overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000;transition:background-color var(--duration-default) ease}.occasion-tile:hover .occasion-tile__overlay:after{background-color:#0000001f}.occasion-tile--no-image{color:rgb(var(--color-foreground))}.occasion-tile--no-image .occasion-tile__media{background-color:rgba(var(--color-foreground),.05)}.occasion-tile--no-image .occasion-tile__overlay{background:none}.occasion-tile--no-image:hover .occasion-tile__media{background-color:rgba(var(--color-foreground),.09)}.occasion-tile__content{position:absolute;inset:auto 0 0 0;display:flex;flex-direction:column;gap:.4rem;padding:1.8rem;z-index:1}.occasion-tile__title{font-size:1.9rem;font-weight:500;line-height:1.2}.occasion-tile__subtitle{font-size:1.4rem;line-height:1.35;opacity:.85}.occasion-tile__cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:.6rem;font-size:1.4rem;font-weight:500}.occasion-tile__cta .icon{width:1.4rem}@media screen and (max-width:749px){.occasion-tile__content{padding:1.4rem}.occasion-tile__title{font-size:1.6rem}}@media(prefers-reduced-motion:reduce){.occasion-tile__overlay,.occasion-tile__overlay:after,.occasion-tile--no-image .occasion-tile__media{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-occasion-tiles.css.map */