.cpc{--cpc-inset: 1.2rem;position:relative;display:flex;flex-direction:column;height:100%}.cpc__media{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden}.cpc__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .35s ease}.cpc__img--2{opacity:0}@media(hover:hover){.cpc--hover:hover .cpc__img--2{opacity:1}.cpc--hover:hover .cpc__img--1{opacity:0}}.cpc__badges{position:absolute;z-index:1;display:flex;flex-wrap:wrap;gap:.6rem;max-width:calc(100% - 2.4rem)}.cpc__badges .badge{margin:0}.cpc__badges--top{top:1.2rem}.cpc__badges--bottom{bottom:1.2rem}.cpc__badges--left{left:1.2rem}.cpc__badges--right{right:1.2rem;justify-content:flex-end}.cpc__info{display:flex;flex-direction:column;margin-top:1.4rem;padding:0 var(--cpc-inset)}.cpc__name{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:none;margin:0 0 .4rem;font-family:var(--font-body-family);font-size:1.6rem;font-weight:500;line-height:1.3;letter-spacing:.02rem}.cpc__type{display:flex;min-width:0;max-width:none;margin:0;white-space:nowrap;font-size:1.25rem;line-height:1.4;letter-spacing:.02rem;color:rgba(var(--color-foreground),.6)}.cpc__cat{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.cpc__fmt{flex:none;white-space:nowrap}.cpc__link{color:rgb(var(--color-foreground));text-decoration:none}.cpc__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.cpc__link:hover{text-decoration:underline;text-underline-offset:.3rem}.cpc__row{margin-top:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.cpc__price{margin:0;max-width:none;font-size:1.5rem;line-height:1.3;letter-spacing:.03rem;color:rgba(var(--color-foreground),.85)}.cpc__compare{margin-left:.6rem;font-size:1.3rem;color:rgba(var(--color-foreground),.5)}.cpc__form,.cpc__form form{display:flex;flex:0 0 auto;margin:0;line-height:0}.cpc__form{position:relative;z-index:2}.cpc__cart{position:relative;z-index:2;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:3.8rem;height:3.8rem;padding:0;border:0;border-radius:50%;overflow:visible;line-height:0;background:var(--eh-vert-pale);color:rgb(var(--color-button));cursor:pointer;transition:background-color .2s ease,color .2s ease}.cpc__cart:hover{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.cpc__cart:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.cpc__cart--off,.cpc__cart--off:hover{background:rgba(var(--color-foreground),.06);color:rgba(var(--color-foreground),.35)}.cpc__icon{display:flex;flex:none;width:3.6rem;height:3.6rem;pointer-events:none}.cpc__icon svg{width:100%;height:100%}.cpc__cart.loading .cpc__icon{opacity:0}.cpc__cart .loading__spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.cpc__cart .loading__spinner.hidden{display:none}.cpc__spinner{width:1.6rem;height:1.6rem;border:.2rem solid currentColor;border-right-color:transparent;border-radius:50%;animation:cpc-rotation .8s linear infinite}@keyframes cpc-rotation{to{transform:rotate(360deg)}}@media screen and (max-width:749px){.cpc{--cpc-inset: .8rem}.cpc__name{font-size:1.5rem}.cpc__price{font-size:1.4rem}.cpc__cart{width:3.4rem;height:3.4rem}.cpc__icon{width:3.2rem;height:3.2rem}.cpc__badges{gap:.4rem;max-width:calc(100% - 1.6rem)}.cpc__badges--top{top:.8rem}.cpc__badges--bottom{bottom:.8rem}.cpc__badges--left{left:.8rem}.cpc__badges--right{right:.8rem}}@media screen and (min-width:990px){collection-tabs .slider--desktop.grid--6-col-desktop .grid__item{width:calc((100% - 5 * var(--grid-desktop-horizontal-spacing)) / 6)}collection-tabs .slider--desktop.grid--5-col-desktop .grid__item{width:calc((100% - 4 * var(--grid-desktop-horizontal-spacing)) / 5)}collection-tabs .slider--desktop.grid--4-col-desktop .grid__item{width:calc((100% - 3 * var(--grid-desktop-horizontal-spacing)) / 4)}collection-tabs .slider--desktop.grid--3-col-desktop .grid__item{width:calc((100% - 2 * var(--grid-desktop-horizontal-spacing)) / 3)}}collection-tabs slider-component .slider-buttons{margin-top:3.2rem}
/*# sourceMappingURL=/cdn/shop/t/8/assets/carte-produit-compacte.css.map */