/* catalog/brands — extracted page styles */
.tk-cbrand-hero{background:linear-gradient(135deg,var(--tk-green),#0a7d3f);color:#fff;border-radius:18px;padding:1.8rem;margin-bottom:1.6rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.tk-cbrand-hero h1{font-size:1.6rem;margin:0 0 .3rem;color:#fff}
.tk-cbrand-hero p{margin:0;opacity:.9;font-size:.92rem}
.tk-cbrand-hero .tk-cbrand-count{background:rgba(255,255,255,.18);padding:.5rem 1rem;border-radius:12px;font-weight:700;font-size:1.05rem;white-space:nowrap}
.tk-cbrand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}
.tk-cbrand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:1.2rem .8rem;
  background:#fff;border:1px solid var(--tk-line);border-radius:14px;text-decoration:none;transition:.18s ease}
.tk-cbrand:hover{border-color:var(--tk-green);box-shadow:0 10px 24px rgba(20,40,25,.09);transform:translateY(-4px)}
.tk-cbrand__logo{display:flex;align-items:center;justify-content:center;width:100%;height:76px;background:var(--tk-green-l);border-radius:10px}
.tk-cbrand__logo img{max-height:56px;max-width:82%;object-fit:contain}
.tk-cbrand__logo .fa{font-size:2rem;color:var(--tk-green)}
.tk-cbrand__name{font-weight:700;font-size:.95rem;color:var(--tk-dark);line-height:1.25}
.tk-cbrand__count{font-size:.78rem;color:var(--tk-muted)}
.tk-cbrand__cta{margin-top:.15rem;font-size:.75rem;font-weight:600;color:var(--tk-green);opacity:0;transition:.18s}
.tk-cbrand:hover .tk-cbrand__cta{opacity:1}
.tk-cbrand-bar{background:#fff;border:1px solid var(--tk-line);border-radius:14px;padding:.7rem .9rem;margin-bottom:1.1rem;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.tk-cbrand-search{flex:1;min-width:200px;position:relative}
.tk-cbrand-search input{width:100%;border:1px solid var(--tk-line);border-radius:999px;padding:.55rem 1rem .55rem 2.2rem;font-size:.9rem}
.tk-cbrand-search i{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--tk-muted)}
.tk-cbrand-sort{display:flex;gap:.4rem}
.tk-cbrand-sort button{font-size:.82rem;font-weight:600;color:#475569;background:#fff;border:1px solid var(--tk-line);border-radius:999px;padding:.45rem .9rem;cursor:pointer;transition:.15s}
.tk-cbrand-sort button.active,.tk-cbrand-sort button:hover{background:var(--tk-green);color:#fff;border-color:transparent}
.tk-cbrand-none{display:none;text-align:center;color:var(--tk-muted);padding:2rem}
@media(max-width:520px){.tk-cbrand-grid{grid-template-columns:repeat(2,1fr)}}