.ProductCard{width:100%;display:flex;flex-direction:column;gap:1rem}.ProductCard .ProductThumbnail--title{font-family:var(--title-font);font-size:1.25rem;margin:0;flex-grow:1}.ProductCard .ProductThumbnail--price{font-size:1.25rem;text-align:right}.ProductCard .ProductThumbnail--infos .top{display:flex;gap:1rem;align-items:flex-end;justify-content:space-between;opacity:0;translate:0 .5rem;transition:all .5s var(--beie-curve) .1s}.ProductCard .ProductThumbnail--infos .bottom{opacity:0;translate:0 .5rem;transition:all .5s var(--beie-curve) .2s}.ProductCard .ProductThumbnail--infos.Shown .top,.ProductCard .ProductThumbnail--infos.Shown .bottom{translate:0 0;opacity:1}.ProductCard .ProductThumbnail--description{font-weight:200;padding-right:3.5rem}.ProductThumbnail{width:100%;aspect-ratio:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;position:relative;text-decoration:none;padding:1rem;overflow:hidden}.ProductThumbnail .ProductThumbnail--overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,#0f0f0f54,#0f0f0f00);z-index:1;transition:opacity .5s var(--beie-curve);opacity:.5;text-decoration:none}.ProductThumbnail .ProductThumbnail--image{position:absolute;top:0;left:0;width:100%;height:100%}.ProductThumbnail .ProductThumbnail--image .ProductThumbnail--second-image{position:absolute;top:0;left:0;opacity:0;z-index:0;width:100%;height:100%;transition:opacity .5s var(--beie-curve)}.ProductThumbnail .ProductThumbnail--collection{font-size:.75rem;margin:0}.ProductThumbnail .ProductThumbnail--button{position:absolute;bottom:1rem;left:1rem;z-index:2;width:calc(100% - 2rem);translate:0 calc(100% + 2rem);transition:translate .5s var(--beie-curve)}.ProductThumbnail .ProductThumbnail--button .Button{width:100%}.ProductThumbnail .Cover{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;background-color:var(--beige);pointer-events:none;transition:all .5s var(--opacity-curve)}.ProductThumbnail.Shown .Cover{opacity:0}.ProductThumbnail.Hidden .Cover,.ProductThumbnail:hover .ProductThumbnail--overlay{opacity:1}.ProductThumbnail:hover .ProductThumbnail--button{translate:0 0}.ProductThumbnail:hover .ProductThumbnail--infos{translate:0 -5rem}.ProductThumbnail:hover .ProductThumbnail--second-image{opacity:1}.Banner--product{flex-basis:30cqw;display:flex;gap:1rem;align-items:stretch;color:var(--white)}.Banner--product .Banner--product-image{flex-basis:20%;flex-grow:.5;aspect-ratio:1;overflow:hidden}.Banner--product .Banner--product-image img{scale:1.05;transition:scale .5s var(--beie-curve),filter .5s var(--beie-curve)}.Banner--product .Banner--product-info{flex-basis:20%;flex-grow:.5;display:flex;flex-direction:column;justify-content:space-between}.Banner--product .Banner-product-type{text-transform:uppercase;font-size:.8rem;font-weight:500;margin:0;margin-bottom:.5rem}.Banner--product .Banner--product-title{font-size:2rem;font-weight:500;line-height:1.2;margin:.5rem 0}.Banner--product .Banner--product-price{margin-top:3rem;font-size:1.3rem}.Banner--product .Banner--product-info-bottom{align-items:flex-end}.Banner--product .Banner--product-quick-add{position:relative;overflow:hidden;padding:.5rem;border-radius:100px;background-color:var(--white);display:flex;align-items:center;justify-content:center;width:2.5rem}.Banner--product .Banner--product-quick-add button{position:relative;z-index:2;font-size:1.25rem}.Banner--product .Banner--product-quick-add:after{content:"";display:block;width:100%;height:100%;border-radius:100px;background-color:var(--beige);position:absolute;top:0;left:0;scale:0;transition:scale .8s var(--beie-curve)}.Banner--product .Banner--product-quick-add:hover:after{scale:1}.Banner--product:hover .Banner--product-image img{scale:1}@media screen and (max-width:768px){.ProductThumbnail .ProductThumbnail--infos{flex-direction:column;align-items:flex-start;gap:.5rem}.ProductThumbnail .ProductThumbnail--title{font-size:1.15rem}.ProductThumbnail .ProductThumbnail--overlay{opacity:1}.ProductThumbnail:hover .ProductThumbnail--overlay{opacity:1}.ProductThumbnail:hover .ProductThumbnail--button{translate:0 calc(100% + 2rem)}.ProductThumbnail:hover .ProductThumbnail--infos{translate:0 0}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/thumbnails.css.map */