section.produits3{width:100vw;padding:0 var(--paddingside);margin-bottom:var(--marginbottom)}section.produits3 .produits3__title{margin:75px 0}section.produits3 .produits3__items{width:100%;display:grid;grid-template-columns:repeat(3,1fr);column-gap:20px}section.produits3 .produits3__items .produits3__item{grid-column:span 1;height:min-content}section.produits3 .produits3__items .produits3__item .produits3__item__bg{display:flex;position:relative;width:100%;aspect-ratio:.58}section.produits3 .produits3__items .produits3__item .produits3__item__bg img{width:100%;height:100%;object-fit:cover}section.produits3 .produits3__items .produits3__item .produits3__item__bg .img-hover{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:opacity .4s ease}section.produits3 .produits3__items .produits3__item:hover .img-hover{opacity:1}section.produits3 .produits3__items .produits3__item:hover .produits3__item__text,section.produits3 .produits3__items .produits3__item:hover .produits3__item__new{opacity:0}section.produits3 .produits3__items .produits3__item .produits3__item__text{width:100%;text-align:center;position:absolute;bottom:40px;left:0}section.produits3 .produits3__items .produits3__item .produits3__item__text p{text-transform:uppercase;color:#281605}@media screen and (max-width: 767px){section.produits3{width:100vw;padding:0 var(--paddingside);margin-bottom:var(--marginbottom)}section.produits3 .produits3__title{margin:20px 0}section.produits3 .produits3__title h2{font-style:normal;font-weight:700;font-size:20px;line-height:25px}section.produits3 .produits3__items{width:100%;display:grid;grid-template-columns:repeat(4,1fr);column-gap:9px;row-gap:9px}section.produits3 .produits3__items .produits3__item{grid-column:span 2}section.produits3 .produits3__items .produits3__item .produits3__item__text{width:100%;text-align:center;position:absolute;bottom:10px;left:0}section.produits3 .produits3__items .produits3__item .produits3__item__text p{text-transform:uppercase;font-style:normal;font-weight:400;font-size:9px;line-height:14px}section.produits3 .produits3__items .produits3__item:nth-child(3){grid-column:2/4}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-3produits.css.map */