/* Tiến Mạnh WooCommerce AJAX Product Filter */
.tm-wpf{max-width:1400px;margin:0 auto;padding:15px;box-sizing:border-box}
.tm-wpf *{box-sizing:border-box}
.tm-wpf-mobile-bar{display:none;margin-bottom:15px}
.tm-wpf-mobile-btn{width:50%;padding:12px;border:1px solid #ddd;background:#fff;font-weight:600;cursor:pointer}
.tm-wpf-mobile-btn+button{border-left:0}
.tm-wpf-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start}
.tm-wpf-sidebar{border:1px solid #e5e5e5;background:#fff}
.tm-wpf-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e5e5e5}
.tm-wpf-sidebar-head strong{font-size:18px}
.tm-wpf-clear{border:0;background:none;color:#777;cursor:pointer;padding:0}
.tm-wpf-group{border-bottom:1px solid #e5e5e5}
.tm-wpf-group-title{width:100%;display:flex;justify-content:space-between;padding:16px 18px;border:0;background:#fff;font-weight:700;text-align:left;cursor:pointer}
.tm-wpf-group-body{padding:0 18px 17px}
.tm-wpf-check{display:flex;gap:9px;align-items:flex-start;margin:9px 0;font-size:14px;line-height:1.4;cursor:pointer}
.tm-wpf-check input{margin-top:3px;width:16px;height:16px}
.tm-wpf-check small{color:#888}
.tm-wpf-brand-search{width:100%;padding:10px;border:1px solid #ddd;margin-bottom:10px}
.tm-wpf-muted{font-size:13px;color:#777}
.tm-wpf-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}
.tm-wpf-count{font-size:14px;color:#666}
.tm-wpf-sort-wrap{display:flex;align-items:center;gap:8px;font-size:14px}
.tm-wpf-sort{min-width:180px;padding:9px 10px;border:1px solid #ddd;background:#fff}
.tm-wpf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.tm-wpf-card{border:1px solid #e5e5e5;background:#fff;overflow:hidden;transition:.2s}
.tm-wpf-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08)}
.tm-wpf-image{display:block;aspect-ratio:1/1;overflow:hidden}
.tm-wpf-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s}
.tm-wpf-card:hover .tm-wpf-image img{transform:scale(1.04)}
.tm-wpf-info{padding:12px}
.tm-wpf-info h2{font-size:14px;line-height:1.45;margin:0 0 8px;min-height:41px}
.tm-wpf-info h2 a{color:#222;text-decoration:none}
.tm-wpf-price{font-weight:700;font-size:15px;color:#d00}
.tm-wpf-price del{color:#999;font-size:12px;font-weight:400}
.tm-wpf-price ins{text-decoration:none}
.tm-wpf-stock{margin-top:7px;font-size:12px;color:#888}
.tm-wpf-in{color:#168a35}
.tm-wpf-empty{padding:45px 20px;border:1px solid #eee;text-align:center;color:#777}
.tm-wpf-products.is-loading{opacity:.55;pointer-events:none}
.tm-wpf-pagination{display:flex;justify-content:center;gap:6px;margin-top:28px;flex-wrap:wrap}
.tm-wpf-pagination button{min-width:38px;height:38px;border:1px solid #ddd;background:#fff;cursor:pointer}
.tm-wpf-pagination button.active,.tm-wpf-pagination button:hover{background:#222;color:#fff;border-color:#222}

@media(max-width:1100px){
 .tm-wpf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .tm-wpf-layout{grid-template-columns:240px minmax(0,1fr)}
}
@media(max-width:767px){
 .tm-wpf{padding:10px}
 .tm-wpf-mobile-bar{display:flex}
 .tm-wpf-layout{display:block}
 .tm-wpf-sidebar{display:none;margin-bottom:18px}
 .tm-wpf-sidebar.mobile-open{display:block}
 .tm-wpf-toolbar{margin-bottom:12px}
 .tm-wpf-sort-wrap span{display:none}
 .tm-wpf-sort{min-width:145px}
 .tm-wpf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .tm-wpf-info{padding:9px}
 .tm-wpf-info h2{font-size:13px;min-height:auto}
 .tm-wpf-price{font-size:14px}
}