:root{--tf3-border:#e5e7eb;--tf3-radius:12px;--tf3-gap:10px}
.tf3-panel{border:1px solid var(--tf3-border);border-radius:var(--tf3-radius);padding:12px;margin:12px 0}
.tf3-row{display:flex;flex-wrap:wrap;gap:var(--tf3-gap);align-items:flex-end}
.tf3-group{display:flex;flex-direction:column;gap:6px}
.tf3-label{font-weight:600}
.tf3-select{min-width:140px;padding:6px;border:1px solid var(--tf3-border);border-radius:8px}
.tf3-reset{padding:8px 12px;border-radius:10px;border:1px solid var(--tf3-border);background:#fff;cursor:pointer}
.tf3-results{margin-top:14px}
.tf3-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.tf3-card{display:block;border:1px solid var(--tf3-border);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;background:#fff}
.tf-thumb{width:100%;height:auto;display:block}
.tf3-card-body{padding:10px}
.tf3-title{font-size:14px;line-height:1.3;margin-bottom:6px}
.tf3-rating{font-size:13px;color:#111827;opacity:.85;margin-bottom:4px}
.tf3-price{font-weight:700}
@media (max-width:640px){.tf3-select{min-width:120px}}