.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%}.up-card--standard .up-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))}.up-card--standard .up-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))}.up-card__inner.gradient{transform:perspective(0)}.up-card__inner.color-background-1{background:transparent}.card .up-card__inner .up-card__media{overflow:hidden;z-index:0;border-radius:calc(var(--border-radius) - var(--border-width) - var(--image-padding))}.up-card--standard.up-card--text{background-color:transparent}.up-card-information{text-align:var(--text-alignment)}.up-card__media,.card .media{bottom:0;position:absolute;top:0}.card .media{width:100%}.up-card__media{margin:var(--image-padding);width:calc(100% - 2 * var(--image-padding))}.up-card--standard .up-card__media{margin:var(--image-padding)}.up-card__inner{width:100%}.up-card__badge-wrapper{position:relative;display:flex;flex-direction:column;width:100%;flex-grow:1;padding:calc(var(--image-padding) + .8rem);justify-content:end}.up-card__badge{align-self:flex-start}.up-card__badge>span{background-color:rgba(var(--color-badge-background),.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media only screen and (min-width: 750px){.up-card__badge-wrapper{padding:calc(var(--image-padding) + 1.2rem);justify-content:start}}.up-card__media .media img{height:100%;object-fit:cover;object-position:center center;width:100%}.up-card__content{display:flex;flex-direction:row;width:100%;flex-grow:1;justify-content:space-between}.up-card__heading{font-weight:700}.up-card--standard.up-card--text 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)}.up-card__heading a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.up-card__heading a:after{outline-offset:.3rem}.up-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)}.up-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)}.up-card__heading a:focus:not(:focus-visible):after{box-shadow:none;outline:0}.up-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:hover .media.media--hover-effect>img:first-child:only-child,.card-wrapper:hover .media.media--hover-effect>img:first-child:only-child{transform:scale(1.03)}.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;transition:transform var(--duration-long) ease;transform:scale(1.03)}.underline-links-hover:hover a{text-decoration:underline;text-underline-offset:.3rem}}.up-card--extend-height{height:100%}.up-card--extend-height.up-card--standard.up-card--text,.up-card--extend-height.up-card--media{display:flex;flex-direction:column}.up-card--extend-height.up-card--standard.up-card--text .up-card__inner,.up-card--extend-height.up-card--media .up-card__inner{flex-grow:1}.card .icon-wrap{margin-left:.8rem;white-space:nowrap;transition:transform var(--duration-short) ease;overflow:hidden}.card.up-card--horizontal{--text-alignment: left;--image-padding: 0rem;flex-direction:row!important;align-items:normal;gap:1.6rem}.up-card--horizontal .up-card__inner{width:calc(35% - .8rem)}.up-card--horizontal .up-card__content{width:calc(65% - .8rem);flex-direction:column}.up-card--horizontal.ratio:before{padding-bottom:0}.card--horizontal__quick-add:before{box-shadow:none}.up-card--standard:not(.up-card--horizontal) .placeholder-svg{height:auto;width:100%}.up-card--horizontal .up-card__badge,.up-card--horizontal.up-card--text .up-card__inner,.up-card--horizontal .up-card__swatch-wrapper{display:none}@media only screen and (min-width: 750px){.up-card--horizontal .up-card__heading,.up-card--horizontal .price__container .price-item{font-size:calc(var(--font-heading-scale) * 1.3rem)}}@media only screen and (max-width: 749px){.card.up-card--horizontal{--border-radius: .8rem}}.up-card__swatch-wrapper{display:flex;flex-direction:row}.up-card__swatch{--swatch--size: 2rem;--swatch--border-radius: 50%;display:block;width:var(--swatch--size);max-width:100%;aspect-ratio:1 / 1;background:var(--swatch--background);background-size:cover;background-origin:border-box;border-radius:var(--swatch--border-radius);z-index:2;position:relative;margin-right:.8rem}.up-card__swatch-wrapper .up-card__swatch:last-child{margin-right:0}.up-card__swatch--current:after,.up-card__swatch:hover:after{content:"";display:block;position:absolute;left:50%;top:50%;width:100%;height:100%;border:.2rem solid rgba(var(--color-foreground),1);border-radius:var(--swatch--border-radius);box-sizing:content-box;transform:translate(-50%,-50%) scale(.98)}.up-card__swatch-wrapper:hover .up-card__swatch--current:not(:hover):after{display:none}.up-card--horizontal .up-card__heading a:after{content:none}.up-card--featured-prod .product-form,.up-card--featured-prod .product-form__input{margin:0}.up-card--featured-prod .product-form__input{padding:0;min-width:fit-content;border:none}.up-card--featured-prod .product-form__input--pill input[type=radio]+label{--color-foreground: var(--color-link)}.up-card--featured-prod .product-form__input--pill input[type=radio]:not(:checked)+label{color:#000}.up-card--featured-prod .product-form__submit{margin-bottom:0}@media only screen and (max-width: 749px){.up-card--featured-prod .product-form__submit{padding:.8rem 0;min-height:unset}}.up-card--featured-prod .up-card__inner.ratio:has(img[alt="Casquette unisexe"]){--ratio-percent: 100% !important;align-self:center}
/*# sourceMappingURL=/cdn/shop/t/85/assets/up-merch-component-card.css.map */
