/* ─── PRODUCT GRID ─── */
ul.products {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 2px !important;
background: rgba(17,16,16,0.1) !important;
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
/* ─── PRODUCT CARD ─── */
ul.products li.product {
background: #FDFAF8 !important;
display: flex !important;
flex-direction: column !important;
padding: 0 !important;
margin: 0 !important;
position: relative !important;
overflow: hidden !important;
text-align: left !important;
float: none !important;
}
/* Product image link — must be full width block */
ul.products li.product a.woocommerce-loop-product__link {
display: block !important;
width: 100% !important;
float: none !important;
overflow: hidden !important;
}
ul.products li.product a.woocommerce-loop-product__link img {
display: block !important;
width: 100% !important;
height: auto !important;
aspect-ratio: 4 / 3 !important;
object-fit: cover !important;
margin: 0 !important;
transition: transform 0.5s ease !important;
}
ul.products li.product:hover a.woocommerce-loop-product__link img {
transform: scale(1.04) !important;
}
/* Gold top line on hover */
ul.products li.product::before {
content: “” !important;
position: absolute !important;
top: 0; left: 0; right: 0 !important;
height: 2px !important;
background: transparent !important;
transition: background 0.3s !important;
z-index: 2 !important;
}
ul.products li.product:hover::before {
background: #C9922A !important;
}
ul.products li.product:hover {
background: #FBF3F3 !important;
}
/* ─── PRODUCT TITLE ─── */
ul.products li.product .woocommerce-loop-product__title {
font-family: “Playfair Display”, serif !important;
font-size: 20px !important;
font-weight: 400 !important;
color: #111010 !important;
line-height: 1.3 !important;
padding: 20px 24px 8px !important;
margin: 0 !important;
float: none !important;
width: auto !important;
display: block !important;
}
/* ─── PRODUCT PRICE ─── */
ul.products li.product .price {
font-family: “Playfair Display”, serif !important;
font-size: 18px !important;
color: #C9922A !important;
font-weight: 400 !important;
padding: 0 24px 16px !important;
margin: 0 !important;
display: block !important;
float: none !important;
width: auto !important;
}
/* ─── ADD TO CART BUTTON ─── */
ul.products li.product .button,
ul.products li.product a.button {
font-family: “DM Sans”, sans-serif !important;
font-size: 11px !important;
letter-spacing: 0.2em !important;
text-transform: uppercase !important;
padding: 12px 24px !important;
background: #111010 !important;
color: #FDFAF8 !important;
border: none !important;
border-radius: 1px !important;
font-weight: 400 !important;
display: block !important;
width: calc(100% – 48px) !important;
margin: 0 24px 24px !important;
text-align: center !important;
text-decoration: none !important;
float: none !important;
transition: background 0.2s, color 0.2s !important;
cursor: pointer !important;
box-sizing: border-box !important;
margin-top: auto !important;
}
ul.products li.product .button:hover,
ul.products li.product a.button:hover {
background: #C9922A !important;
color: #111010 !important;
}
/* ─── RESPONSIVE ─── */
@media (max-width: 900px) {
ul.products { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 600px) {
ul.products { grid-template-columns: 1fr !important; }
}