.card-wrapper{color:inherit;height:100%;position:relative;text-decoration:none}.card{text-decoration:none;text-align:var(--text-alignment)}.card:not(.ratio){display:flex;flex-direction:column;height:100%}.card--card{height:100%}.card--card,.card--standard .card__inner{position:relative;box-sizing:border-box;border-radius:var(--border-radius);border:var(--border-width) solid rgba(var(--color-foreground),var(--border-opacity))}.card--card:after,.card--standard .card__inner:after{content:"";position:absolute;z-index:-1;width:calc(var(--border-width) * 2 + 100%);height:calc(var(--border-width) * 2 + 100%);top:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);border-radius:var(--border-radius);box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}.card .card__inner .card__media{overflow:hidden;border-radius:calc(var(--border-radius) - var(--border-width) - var(--image-padding))}.card--card .card__inner .card__media{border-bottom-right-radius:0;border-bottom-left-radius:0}.card--standard.card--text{background-color:transparent}.card-information{text-align:var(--text-alignment)}.card__media,.card__media .media{bottom:0;position:absolute;top:0}.card__media .media{width:100%}.card__media{margin:var(--image-padding);width:calc(100% - 2 * var(--image-padding))}.card--standard .card__media{margin:var(--image-padding)}.card__inner{width:100%}.card--media .card__inner .card__content{position:relative;padding:calc(var(--image-padding) + 1.5rem)}.card__content{display:flex;flex-direction:column;padding:1rem;width:100%;flex-grow:1}.card__information{flex:1;padding:1rem 1rem 1.5rem}.collection-card-wrapper .card__inner .card__information{--color-foreground: 255, 255, 255;display:flex;justify-content:center;align-items:center;padding-left:2.5rem;padding-right:2.5rem}@media screen and (min-width: 750px){.card__information{padding-bottom:2rem;padding-top:1.7rem}}.card__badge{display:flex;align-self:flex-end;grid-row-start:3;justify-self:flex-start;font-size:1.1rem}@media screen and (min-width: 750px){.card__badge{font-size:1.3rem}}@media screen and (min-width: 1500px){.card__badge{font-size:1.4rem}}.card__badge.top{align-self:flex-start;grid-row-start:1}.card__badge.right{justify-self:flex-end}.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:.9rem}.card__heading--product{line-height:1.3}.card__subtitle{display:block;line-height:1.28;text-transform:none;letter-spacing:.02em;margin:1rem 0 0;font-weight:400}.card__heading:last-child{margin-bottom:0}.card__footer{align-items:center;border-top:.1rem solid currentColor;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:space-between;padding-top:1.5rem;text-transform:none;font-weight:inherit}@media screen and (max-width: 749px){.card__footer .price--on-sale+.cross-color{position:absolute;top:calc(100% + .5rem);left:0}.card__footer .price .price-item{margin-right:.5rem}.card__footer .price-decrease-percentage{padding-left:.5rem}}.cross-color{display:flex;align-items:center;text-align:right}.cross-color__pattern{display:inline-flex;width:1.5rem;height:1.5rem;border-radius:50%}.cross-color__count{margin-left:.5rem;white-space:nowrap}@media screen and (min-width: 750px){.card__footer{padding-top:2rem}.cross-color__pattern{width:1.8rem;height:1.8rem}.cross-color__count{margin-left:1rem}}.card--card.card--media>.card__content{margin-top:calc(0rem - var(--image-padding))}.card--standard.card--text a:after,.card--card .card__heading a:after{bottom:calc(var(--border-width) * -1);left:calc(var(--border-width) * -1);right:calc(var(--border-width) * -1);top:calc(var(--border-width) * -1)}.card__heading a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.card__heading a:after{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}@media screen and (min-width: 990px){.card .media.media--hover-effect>img:only-child,.card-wrapper .media.media--hover-effect>img:only-child{transition:transform var(--duration-long) ease}.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}.underline-links-hover:hover a{text-decoration:underline;text-underline-offset:.3rem}}.card--standard>.card__content{padding:0}.card--standard>.card__content .card__information{padding-left:0;padding-right:0}.card-video{background-color:transparent;z-index:1}.oos-layer{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;background-color:rgba(var(--color-foreground),.4);z-index:3;pointer-events:none}.card-wrapper:hover .oos-layer .button--transparent{--color-button-text: var(--color-background);--alpha-button-background: 1}.oos-layer .button{font-size:.8rem;padding-inline:.5rem}@media screen and (min-width: 750px){.oos-layer .button{padding-inline:1rem;font-size:clamp(1.2rem,1.08vw,1.5rem)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-card.css.map */
