.card{display:block;overflow:hidden;text-decoration:none}.card-information>*+*{margin-top:.5rem}.card-information+.card{margin-bottom:.5rem}.card.card--soft{background-color:rgba(var(--color-foreground),.04);color:rgb(var(--color-foreground))}.card .icon-wrap{margin-left:.8rem;white-space:nowrap;transition:transform var(--duration-short) ease;overflow:hidden}.card--media{display:block;text-decoration:none}@media screen and (min-width: 768px){.card--media{padding-left:3rem;padding-right:3rem}}.card--media .card__text-spacing{padding:0;text-align:center;word-break:break-word}.card--product{position:relative}.card--stretch{height:100%}.card__text-spacing{padding:3rem}.card__text-spacing>*{margin:0}.card__text-spacing>*:not(.overlay-card)+*{margin-top:1.5rem}.card--text-only{display:flex;justify-content:center}.card--text-only:before{content:"";display:block;padding-bottom:100%}.card--text-only .card__inner{display:grid;grid-template-rows:1fr auto 1fr;width:100%}.card--text-only .card--product{position:static}.card--text-only .card__content{grid-row:2;justify-self:flex-start;margin-bottom:6rem;margin-top:5rem}@media screen and (min-width: 768px){.card--text-only .card__content{margin-top:7rem;margin-bottom:7rem}}.card__content{margin-left:2.5rem;margin-right:2.5rem}.card__content>*{margin:0}body.products-without-video .card__media-wrapper .product-media__video{display:none}body.products-without-video .card__media-wrapper img{display:block}.media .product-media__video{max-width:100%;height:auto}.media+.card__content{margin-top:2rem;margin-bottom:1.5rem}.card__text{margin:0;word-break:break-word}.card-information__text{display:block;margin:0 0 8px;padding-right:1.2rem;word-break:break-word;text-transform:capitalize;font-size:.875rem}[dir=rtl] .card-information__text{padding-left:1.2rem;padding-right:0rem}.card-information__link{font-size:.75rem}.card-information__wrapper{width:100%;margin-top:.5rem}.card-information__wrapper>*{line-height:calc(1 + .4 / var (--font-body-scale));color:rgb(var(--color-foreground))}.card-information__wrapper>.price{color:rgb(var(--color-foreground));font-size:1rem;margin-top:0}.card-information__wrapper>.rating{margin-top:.5rem}.card-information__wrapper .caption{letter-spacing:.5rem}.card__media-spacer{padding:2rem 2rem 0}@media screen and (min-width: 768px){.card__media-spacer{padding:3rem 3rem 0}}.card__media-wrapper{position:relative;overflow:hidden}.card__media-wrapper .display-aspect-ratio-1{padding-bottom:150%}.card__media-wrapper .display-aspect-ratio-1 img{object-fit:cover;width:100%;height:100%}.card__media-wrapper .display-aspect-ratio-2{padding-bottom:73.66%}.card__media-wrapper .desktop-image{display:block}.card__media-full-spacer{padding:2rem}.card-article-info{margin-top:1rem;display:flex;flex-wrap:wrap}.overlay-card{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;background:#0000;transition:background-color var(--duration-long) ease}.card:hover .card-colored .overlay-card{background-color:rgba(var(--color-card-hover),.06)}.card-wrapper{position:relative;flex:1;display:flex;flex-direction:column;text-decoration:none;color:inherit}.card-wrapper .item-flags{font-size:.625rem}@media screen and (min-width: 768px){.card-wrapper .item-flags{font-size:.75rem}}@media screen and (min-width: 992px){.card-wrapper:hover .media.media--hover-effect a.full-unstyled-link img:nth-child(2).hover-image{transform:scale(1.03);opacity:1}}@media screen and (min-width: 992px){.card-wrapper:hover .media.media--hover-effect a.full-unstyled-link img:nth-child(1).hover-image{transform:scale(1.03);opacity:1}}@media screen and (min-width: 992px){.card-wrapper:hover .card-information__text{text-decoration:underline;text-underline-offset:.3rem}}@media screen and (min-width: 992px){.card-wrapper:hover .card--search img{transform:scale(1.05)}}@media screen and (min-width: 992px){.card-wrapper:hover .card__text{text-decoration:underline;text-underline-offset:.3rem}}@media screen and (min-width: 992px){.card-wrapper:hover .card--soft{background-color:rgba(var(--color-card-hover),.06);transition:background-color var(--duration-long) ease}}.card-wrapper:focus-within .card{box-shadow:none}.card-wrapper .card-information{order:1}@media screen and (min-width: 992px){.card-wrapper .media.media--hover-effect .hover-image{position:absolute;top:0;transform:scale(1);opacity:0;transition:transform var(--duration-long) ease}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-card.css.map */