:is(.single-product section.up-sells, .single-product section.related, .woocommerce-cart .cross-sells) ul.products {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(190px, 260px));
justify-content: center;
gap: 22px;
margin: 0 0 40px;
padding: 0;
}
:is(.single-product section.up-sells, .single-product section.related, .woocommerce-cart .cross-sells) ul.products::before,
:is(.single-product section.up-sells, .single-product section.related, .woocommerce-cart .cross-sells) ul.products::after { display: none !important; }
:is(.single-product section.up-sells, .single-product section.related, .woocommerce-cart .cross-sells) ul.products li.product {
position: relative;
display: flex !important;
flex-direction: column;
float: none !important;
width: auto !important;
margin: 0 !important;
padding: 12px 12px 18px !important;
border: 1px solid #f3e6df;
border-radius: 18px;
background: #fff;
box-shadow: 0 4px 14px rgba(222, 139, 106, .08);
text-align: center;
transition: box-shadow .2s, transform .2s;
}
:is(.single-product section.up-sells, .single-product section.related, .woocommerce-cart .cross-sells) ul.products li.product:hover {
box-shadow: 0 12px 26px rgba(222, 139, 106, .18);
transform: translateY(-2px);
}
:is(.single-product section.up-sells, .single-product section.related, .woocommerce-cart .cross-sells) li.product .woocommerce-LoopProduct-link {
display: flex;
flex: 1 1 auto;
flex-direction: column;
align-items: center;
text-decoration: none;
} :is(.single-product section.up-sells, .single-product section.related, .woocommerce-cart .cross-sells) li.product img {
display: block;
width: 100% !important;
height: auto;
aspect-ratio: 1 / 1;
margin: 0 0 12px !important;
border-radius: 12px;
background: #fff;
object-fit: contain;
} :is(.single-product section.up-sells, .single-product section.related, .woocommerce-cart .cross-sells) li.product .woosw-btn {
position: absolute;
top: 20px;
right: 20px;
z-index: 2;
width: 38px;
height: 38px;
margin: 0 !important;
padding: 0 !important;
border-radius: 50% !important;
background: rgba(255, 255, 255, .92) !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, .1) !important;
opacity: 1;
}
:is(.single-product section.up-sells, .single-product section.related, .woocommerce-cart .cross-sells) li.product .woosw-btn .woosw-btn-icon { font-size: 20px !important; }
:is(.single-product section.up-sells, .single-product section.related, .woocommerce-cart .cross-sells) li.product .woosw-btn[disabled] .woosw-btn-icon { opacity: .6; } :is(.single-product section.up-sells, .single-product section.related, .woocommerce-cart .cross-sells) li.product .onsale {
top: 20px !important;
right: auto !important;
left: 20px !important;
z-index: 2;
margin: 0 !important;
}
:is(.single-product section.up-sells, .single-product section.related, .woocommerce-cart .cross-sells) li.product .woocommerce-loop-product__title {
margin: 0 0 6px !important;
padding: 0 4px !important;
color: #555;
font-size: 15px !important;
font-weight: 600;
line-height: 1.35;
}
:is(.single-product section.up-sells, .single-product section.related, .woocommerce-cart .cross-sells) li.product .star-rating {
margin: 0 auto 6px !important;
font-size: 11px;
}
:is(.single-product section.up-sells, .single-product section.related, .woocommerce-cart .cross-sells) li.product .price {
margin: 0 0 14px !important;
color: #de8b6a !important;
font-size: 14px !important;
font-weight: 700;
}
:is(.single-product section.up-sells, .single-product section.related, .woocommerce-cart .cross-sells) li.product .price del { color: #999; font-weight: 400; } :is(.single-product section.up-sells, .single-product section.related, .woocommerce-cart .cross-sells) li.product > .button { display: none !important; } :is(.single-product section.up-sells, .single-product section.related, .woocommerce-cart .cross-sells) li.product .woocommerce-LoopProduct-link::after {
content: "Découvrir";
display: inline-block;
margin-top: auto;
padding: 8px 20px;
border-radius: 999px;
background: #edf2ea;
color: #5b7150;
font-size: 11px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
transition: background .2s, color .2s;
}
:is(.single-product section.up-sells, .single-product section.related, .woocommerce-cart .cross-sells) li.product:hover .woocommerce-LoopProduct-link::after {
background: #6f8763;
color: #fff;
} .woocommerce-cart .cart-collaterals .cross-sells {
float: none !important;
width: 100% !important;
margin-bottom: 30px;
}
.woocommerce-cart .cart-collaterals .cross-sells > h2 { text-align: center; }
@media (max-width: 600px) {
:is(.single-product section.up-sells, .single-product section.related, .woocommerce-cart .cross-sells) ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
:is(.single-product section.up-sells, .single-product section.related, .woocommerce-cart .cross-sells) ul.products li.product { padding: 8px 8px 14px !important; }
:is(.single-product section.up-sells, .single-product section.related, .woocommerce-cart .cross-sells) li.product .woosw-btn { top: 14px; right: 14px; width: 32px; height: 32px; }
:is(.single-product section.up-sells, .single-product section.related, .woocommerce-cart .cross-sells) li.product .woosw-btn .woosw-btn-icon { font-size: 17px !important; }
:is(.single-product section.up-sells, .single-product section.related, .woocommerce-cart .cross-sells) li.product .onsale { top: 14px !important; left: 14px !important; }
:is(.single-product section.up-sells, .single-product section.related, .woocommerce-cart .cross-sells) li.product .woocommerce-loop-product__title { font-size: 13px !important; }
}