/* =====================================================
BEARD OIL COMPANY — PRODUCT GRID FIX
===================================================== */

/* Entire Product Card */
selector .theme-product-box{
background:#141414 !important;
border-radius:24px !important;
overflow:hidden;
border:1px solid rgba(200,155,83,.15) !important;
transition:all .3s ease;
}

/* Product Card Hover */
selector .theme-product-box:hover{
transform:translateY(-6px);
border-color:#C89B53 !important;
box-shadow:0 20px 40px rgba(0,0,0,.35);
}

/* Product Content Area */
selector .theme-product-details-area,
selector .theme-product-price-area,
selector .theme-product-name-rating-price{
background:#141414 !important;
}

/* Product Title */
selector .theme-product-name{
color:#C89B53 !important;
font-size:30px !important;
font-weight:700 !important;
letter-spacing:1px;
text-transform:uppercase;
}

/* Current Price */
selector .theme-product-total-price-label{
color:#F5F5F5 !important;
font-size:34px !important;
font-weight:700 !important;
}

/* Old Price */
selector .theme-product-total-old-price-label{
color:rgba(200,155,83,.65) !important;
font-size:22px !important;
}

/* Buttons */
selector .zpbutton,
selector .zpbutton-type-primary{
background:#C89B53 !important;
color:#000 !important;
border:none !important;
border-radius:14px !important;
font-weight:700 !important;
text-transform:uppercase;
letter-spacing:1px;
padding:14px 24px !important;
}

/* Button Hover */
selector .zpbutton:hover,
selector .zpbutton-type-primary:hover{
background:#fff !important;
color:#000 !important;
}

/* Section Background */
selector{
background:#0B0B0B !important;
}