/* align & keep toolbar on one line */
.prod .prod-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap}
.prod .prod-tabs{display:flex;gap:8px;white-space:nowrap}
.prod #prodSearch{padding:8px 10px;border:1px solid #ddd;border-radius:6px}

/* responsive fallbacks */
@media (max-width:700px){
  .prod .prod-toolbar{flex-wrap:wrap}
  .prod #prodSearch{width:100%}
}

/* simple grid & card using minimal rules */
.prod .prod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.prod .prod-card{border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:14px;background:#fff}
.prod .prod-media{aspect-ratio:16/10;background:#f6f6f6;overflow:hidden;border-radius:8px;margin-bottom:10px}
.prod .prod-media img{width:100%;height:100%;object-fit:cover;display:block}

/* active tab state (uses your tm-btn) */
.prod .prod-tab.is-active{background:#906E09}

/* Make TEXT sizes consistent and slightly tighter */
.prod .prod-card p,
.prod .prod-card ul {
  font-size: 0.95rem;   /* same look throughout */
  line-height: 1.6;
}

/* Make the Request Quote button smaller & more compact */
.prod .prod-card .tm-btn {
  padding: 6px 18px;      /* smaller height + width */
  font-size: 0.9rem;      /* slightly smaller text */
  border-radius: 6px;     /* clean rounded feel */
}

/* Keep TDS link visually balanced */
.prod .prod-card a.tm-text-link {
  font-size: 0.9rem;
  margin-left: 8px;
}
.prod .prod-grid{ justify-items:start; }     /* don't stretch items */
.prod .prod-card{ width:100%; max-width:360px; }  /* cap size like multi-column */