/*
Theme Name: MIDAO OEM Manufacturer
Theme URI: https://midao.example.com
Author: MIDAO
Author URI: https://midao.example.com
Description: A lightweight, modular B2B OEM manufacturer theme for MIDAO. Built for Gutenberg, Kadence Blocks, WooCommerce and Fluent Forms.
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: midao-oem
License: GPL-2.0-or-later
*/
.oem-product-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;

}


.product-card{

list-style:none;

}


.product-card__image{

aspect-ratio:1/1;

overflow:hidden;

background:#f5f2ed;

}


.product-card__image img{

width:100%;
height:100%;
object-fit:cover;

transition:.4s;

}


.product-card:hover img{

transform:scale(1.05);

}



.product-card__body{

padding-top:20px;

}



.woocommerce-loop-product__title{

font-size:18px;
font-weight:500;

margin-bottom:15px;

}



.product-card__desc{

font-size:14px;
line-height:1.6;
color:#777;

}



.product-card__features{

margin-top:15px;
font-size:13px;
color:#666;

}



.product-card__features p{

margin-bottom:10px;

}



.product-card__quote{

display:inline-flex;

margin-top:15px;

padding:12px 22px;

background:#8b6f57;

color:#fff;

font-size:14px;

border-radius:4px;

}
/* OEM Product Grid */

.oem-product-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:32px;

}



.product-card{

list-style:none;

}



.product-card__image{

width:100%;
aspect-ratio:1 / 1;

background:#f6f3ee;

overflow:hidden;

}



.product-card__image img{

width:100%;
height:100%;

object-fit:cover;

}



.product-card__body{

padding-top:18px;

}



.product-card__title{

font-size:20px;
line-height:1.3;
margin-bottom:12px;

}



.product-card__desc{

font-size:14px;
color:#777;
line-height:1.6;

}



.product-card__features{

margin-top:18px;

font-size:13px;

color:#666;

}



.product-card__features div{

margin-bottom:12px;

}



.product-card__features strong{

display:block;

color:#222;

}



.product-card__quote{

margin-top:20px;

display:inline-flex;

padding:12px 22px;

background:#8b6f57;

color:white;

font-size:14px;

}



@media(max-width:1024px){

.oem-product-grid{

grid-template-columns:repeat(2,1fr);

}

}



@media(max-width:600px){

.oem-product-grid{

grid-template-columns:1fr;

}

}