.genai-loop-product {
--gen-bg-opacity: 1;
position: relative;
padding: 1rem;
background-color: rgba(var(--gen-white-rgb),var(--gen-bg-opacity));
border: var(--gen-border-width) var(--gen-border-style) var(--gen-border-color);
border-radius: var(--gen-border-radius);
display: flex;
flex-direction: column;
gap: 1rem;
}
[data-bs-theme=dark] .genai-loop-product {
background-color: rgba(var(--gen-dark-blue-4-rgb),var(--gen-bg-opacity));
}
.genai-loop-product:hover {
border-color: #6a4dff;
}
[data-bs-theme=dark] .genai-loop-product:hover {
border-color: #e6f85e;
}
.genai-loop-product .product-thumb {
min-height: 175px;
text-align: center;
}
.genai-loop-product .details-wrapper {
position: relative;
display: flex;
flex-direction: column;
gap: 1rem;
text-align: center;
}
.genai-loop-product .onsale {
--gen-bg-opacity: 0.2;
display: inline-block;
font-size: 10px;
color: var(--gen-success);
padding: 3px 6px;
background-color: rgba(var(--gen-success-rgb),var(--gen-bg-opacity));
border: var(--gen-border-width) var(--gen-border-style) var(--gen-success);
line-height: 1;
letter-spacing: 0.5px;
text-align: center;
text-transform: uppercase;
border-radius: 3px;
font-weight: 600;
position: absolute;
top: 25px;
left: 25px;
gap: 5px;
}
.genai-loop-product .price {
font-size: 14px;
line-height: 1;
font-weight: 500;
display: flex;
justify-content: center;
gap: 10px;
}
.genai-loop-product .price ins {
text-decoration: none;
}