.card-product{align-items:center;display:flex;gap:1.5rem;position:relative}.card-product[data-state=in-stock] .card-product__availability.--in-stock,.card-product__availability.--primeurs,.card-product__availability.--preorder,.card-product[data-state=sold-out] .card-product__availability.--sold-out,:is(.card-product[data-state=sold-out]) .sold-out-message{display:block}.card-product[data-state=sold-out] .card-product__media .media{opacity:.5}:is(.card-product[data-state=sold-out]) .quick-add__submit{background-color:rgba(var(--color-foreground),.1);border-color:rgba(var(--color-foreground),.1);color:rgba(var(--color-foreground),.4)}:is(.card-product[data-state=sold-out]) .quick-add__submit-text>span:not(:only-child):first-child,.sold-out-message,.card-product__availability{display:none}.card-product__media{--media-width: 30%;flex:0 0 var(--media-width);max-width:28.5rem;min-width:12rem;padding-block:2rem;width:var(--media-width)}.card-product__media .media img{left:50%!important;transform:translate(-50%);width:auto!important;object-fit:cover}.card-product__rate{align-items:center;color:rgba(var(--color-foreground),.5);cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding-bottom:1rem;padding-top:1.8rem;position:relative;z-index:3}.card-product__rate svg{width:2rem}.card-product__content{--content-gap: 1.6rem;display:flex;flex:1;flex-direction:column;padding-block:2rem}.card-product__content>*+*{margin-top:var(--content-gap)}.product-badges__list{display:flex;flex-wrap:wrap;font-family:var(--font-heading-family);font-size:1.2rem;font-weight:300;gap:1rem;line-height:1.16;text-transform:uppercase}.product-badges__item{padding:.6rem .8rem}.product-badges__item.--bleu{background-color:rgb(var(--color-blue-light))}.product-badges__item.--rose{background-color:rgb(var(--color-red-light))}.product-badges__item.--gris{background-color:rgb(var(--color-gray))}.product-badges__item.--rouge{background-color:rgb(var(--color-red-base));color:#fff}.product-badges__item.--blanc{background-color:#fff;border:.1rem solid rgb(var(--color-foreground))}.product-badges__item.--jaune{background-color:rgb(var(--color-yellow-base))}.product-badges__item.--primeurs{background-color:rgb(var(--color-primeurs))}.product-badges__item.--preorder{background-color:rgb(var(--color-preorder))}.card-product product-form{margin-top:0;padding-block:var(--content-gap);position:relative;z-index:2}.card-product product-form+*{margin-top:0}.card-product__data{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:space-between}.card-product__link:after{content:" ";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.card-product__title{width:100%}.card-product__form{display:flex;gap:.8rem;position:relative;z-index:2}.card-product__variant{flex:1 0;width:auto}.card-product__variant .field__input{cursor:pointer}.quantity{border:.1rem solid rgba(var(--color-foreground),.3);display:flex;max-width:11.6rem}.quantity:focus-within{border-color:rgba(var(--color-foreground),1)}.quantity__input:focus-visible{box-shadow:none;outline:none}.quantity>*{flex:1}.quantity__button{align-items:center;-webkit-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:0;box-shadow:none;color:inherit;cursor:pointer;display:flex;justify-content:center;padding:.5rem;padding:0;transition:all .3s;-webkit-user-select:none;user-select:none}.quantity__button svg{width:1.5rem}.quantity__button.disabled{cursor:not-allowed;opacity:.3}.quantity__input{-webkit-appearance:none;appearance:none;background-color:transparent;border:0;border-radius:0;font-size:1.6rem;min-width:0;padding:0;text-align:center}.card-product__availability:before{--bullet-size: .8rem;border-radius:50%;content:" ";display:inline-block;height:var(--bullet-size);margin-right:.8rem;vertical-align:middle;width:var(--bullet-size)}.card-product__availability.--in-stock:before{background-color:rgb(var(--color-green-base))}.card-product__availability.--sold-out:before{background-color:rgb(var(--color-red-base))}.card-product__availability.--primeurs:before{background-color:rgb(var(--color-primeurs))}.card-product__availability.--preorder:before{background-color:rgb(var(--color-preorder))}.quick-add__submit svg{width:1.6rem}@media screen and (max-width: 749px){.quick-add__submit{min-width:auto;padding-inline:1.5rem}.card-product .quantity{display:none}.card-product__form .quick-add__submit-mobile+span{display:none}.card-product__data{flex-direction:column}}@media screen and (min-width: 750px){.card-product__content{--content-gap: 2.2rem}.card-product__availability:before{--bullet-size: 1rem}.card-product__form{gap:4rem}.card-product__form .quick-add__submit-mobile{display:none}.card-product .price .price-item{display:block}.card-product__name{align-items:flex-end}.quick-add__submit{min-width:24rem}.quantity{max-width:15rem}}@media screen and (min-width: 990px){.product-badges__list{font-size:1.4rem}}.card-product.--slider{height:100%;gap:0;outline:.1rem solid rgb(var(--color-background-contrast))}.card-product.--slider:before{content:"";position:absolute;left:0;top:0;width:calc(100% - 1px);height:100%;z-index:2;transition:all var(--duration-default) ease-in-out;pointer-events:none;outline:.1rem solid transparent}.card-product.--slider:hover:before{outline:.1rem solid #000}.card-product.--slider .card-product__media{min-width:11rem;padding:1.1rem 1.3rem}.card-product.--slider .card-product__content{padding:2rem 1.8rem 2rem 0}.card-product.--slider .quick-add__submit{min-width:0;padding-inline:1.5rem}.card-product.--slider .card-product__data{flex-direction:column}.card-product.--slider .card-product__form{gap:1.2rem}.card-product.--slider .price .price-item{display:inline}@media screen and (min-width: 990px){.card-product{gap:3rem}.card-product.--slider .card-product__content{padding:2.8rem 2.6rem 2.8rem 0}}.card-product__error-wrapper{position:absolute;top:calc(100% - 1em);display:flex;align-items:center;gap:.5rem;right:0;left:0}.card-product__error-wrapper[hidden]{display:none}.card-product__error-wrapper .svg-wrapper{width:1.5rem;height:1.5rem}.card-product__error-wrapper .product-form__error-message{font-size:1.2rem}@media screen and (max-width: 749px){.card-product__error-wrapper{bottom:.5rem;max-width:95%}.card-product__error-wrapper .product-form__error-message{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-card.css.map */