.card-promo{position:relative;display:flex;flex-direction:column;gap:1.6rem}.card-promo__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--media-radius);background-color:rgb(var(--color-media-ground))}.card-promo__image,.card-promo__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--motion-duration) ease}.card-promo__pictogram{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground))}.card-promo__pictogram svg{width:9.6rem;height:9.6rem}.card-promo__badge{position:absolute;top:1.2rem;left:1.2rem}.card-promo__info{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem}.card-promo__overline,.card-promo__text{margin:0;font-size:var(--type-text-s-size);line-height:var(--type-text-s-line-height);letter-spacing:var(--type-text-s-letter-spacing);color:rgb(var(--color-text-subtle))}.card-promo__title{margin:0;font-size:var(--type-label-l-size);line-height:var(--type-label-l-line-height);letter-spacing:var(--type-label-l-letter-spacing);font-weight:var(--font-weight-medium);color:rgb(var(--color-foreground))}.card-promo__title-link{color:inherit;text-decoration:none}.card-promo__title-link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:var(--media-radius)}.card-promo__title-link:focus-visible{outline:none;box-shadow:none}.card-promo__title-link:focus-visible:after{outline:var(--focused-base-outline);outline-offset:.4rem}.card-promo__link{margin-top:.8rem}.card-promo .media-video__controls{z-index:2}@media(hover:hover){.card-promo--linked:hover .card-promo__image,.card-promo--linked:hover .card-promo__video .media-video__video{transform:scale(1.03)}.card-promo--linked:hover .card-promo__link{text-decoration:underline}.card-promo--linked:hover .card-promo__link .icon{transform:translate(.4rem)}}.collection-grid__item--promo-tile{grid-row:3;grid-column:1}@media screen and (min-width:990px){.collection-grid__item--promo-double{grid-column:1 / span 2}.card-promo--double{container-type:inline-size}.card-promo--double .card-promo__media{aspect-ratio:auto;height:calc((100cqi - 1.6rem)/1.6)}}@media(prefers-reduced-motion:reduce){.card-promo__image,.card-promo__video{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/component-card-promo.css.map */
