.card-wrapper{--border-radius: var(--br);color:inherit;height:100%;position:relative;text-decoration:none}.card{text-decoration:none;text-align:center;display:flex;flex-direction:column;height:100%}.card-inner{position:relative;box-sizing:border-box;border-radius:var(--border-radius);width:100%}.card-media{overflow:hidden;z-index:0;border-radius:var(--border-radius);transition:border-radius .5s}.card-media,.card .media{position:absolute;top:0;bottom:0;width:100%}.card-content{display:grid;grid-template-rows:max-content minmax(0,1fr) max-content auto;padding:1.5rem;width:100%;flex-grow:1}.card-information{grid-row-start:2}.card-badge{position:relative;align-self:flex-end;grid-row-start:3;justify-self:center}.card>.card-content>.card-badge{margin:1rem}.card-media .media img{height:100%;object-fit:cover;object-position:center center;width:100%}.card-inner:not(.ratio)>.card-content{height:100%}.card-heading{margin-top:0;margin-bottom:0}.card-heading:last-child{margin-bottom:0}.card-heading a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1;outline-offset:.3rem}.card-heading a:focus:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);outline:.2rem solid rgba(var(--color-foreground),.5)}.card-heading a:focus-visible:after{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 .5rem .4rem rgba(var(--color-foreground),.3);outline:.2rem solid rgba(var(--color-foreground),.5)}.card-heading a:focus:not(:focus-visible):after{box-shadow:none;outline:0}.card-heading a:focus{box-shadow:none;outline:0}.card-product-price{margin-top:.2rem}.card-product-rating{line-height:1.2}@media screen and (min-width: 990px){.card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child){opacity:0}.card-wrapper:hover .media.media--hover-effect>img+img{opacity:1}.card-wrapper:hover .card-media{border-radius:100rem}}.card .placeholder-svg{width:100%}.card-inner-heading{position:absolute;top:0;right:0;bottom:0;left:0}.card-inner-heading text{font-size:75%}@media (hover: hover){.card-inner-heading{opacity:0;transition:opacity .35s}.card-wrapper:hover .card-inner-heading{opacity:1}}@media (hover: none){.card-wrapper .card:not(.card-with-info) .card-media{border-radius:100%}}.card-inner-heading svg{width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-card.css.map */