.tm-home-products{--tm-product-height:400px}
.tm-home-products>.product_center.show{display:block}
.tm-home-products .tm-mes-feature{display:grid;grid-template-columns:40% 60%;height:var(--tm-product-height);background:#fff}
.tm-home-products .tm-mes-image{min-width:0;min-height:0;background:#2e8ab9}
.tm-home-products .tm-mes-image img{display:block;width:100%;height:100%;object-fit:contain}
.tm-home-products .tm-mes-summary{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:32px 36px}
.tm-home-products .tm-mes-summary h3{font-size:24px;line-height:1.4;margin:0 0 20px;color:#222}
.tm-home-products .tm-mes-summary p{font-size:18px;line-height:1.8;color:#444;margin:0 0 16px}
.tm-home-products .tm-mes-summary p:last-child{margin-bottom:0}
.tm-home-products .produnt_auto{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:var(--tm-product-height);gap:0}
.tm-home-products .produnt_auto>.item{display:flex;flex-direction:column;min-width:0;min-height:0;width:auto}
.tm-home-products .produnt_auto .pic{flex:1 1 0;min-height:0;padding:12px}
.tm-home-products .produnt_auto .pic img{display:block;width:100%;height:100%;object-fit:contain}
.tm-home-products .produnt_auto .text{flex:0 0 auto;padding:12px 10px 24px}
.tm-home-products .produnt_auto .text p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%;height:3em;line-height:1.5;font-size:17px;text-align:center}
.tm-home-products .produnt_auto .text a{margin-top:16px;line-height:1.4}
@media(max-width:900px){
 .tm-home-products{--tm-product-height:620px}
 .tm-home-products .produnt_auto{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
 .tm-home-products .tm-mes-feature{grid-template-columns:1fr;grid-template-rows:240px minmax(0,1fr)}
 .tm-home-products .tm-mes-summary{padding:24px}
 .tm-home-products .tm-mes-summary h3{font-size:22px;margin-bottom:14px}
 .tm-home-products .tm-mes-summary p{font-size:16px;line-height:1.7;margin-bottom:12px}
 .tm-home-products .produnt_auto .text{padding:10px 8px 16px}
 .tm-home-products .produnt_auto .text p{font-size:16px}
 .tm-home-products .produnt_auto .text a{margin-top:10px;font-size:14px;padding:8px 14px}
}
@media(max-width:360px){.tm-home-products{--tm-product-height:680px}.tm-home-products .tm-mes-summary{padding:20px}}
