#cf-catalog-section {
  --cf-red: #cf202f;
  --cf-red-dark: #a91220;
  --cf-orange: #ff7a00;
  --cf-orange-light: #fff5eb;
  --cf-text-main: #1e293b;
  --cf-text-muted: #64748b;
  --cf-border: #e2e8f0;
  background-color: #f8fafc;
  padding: 30px 0 60px 0;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  width: 100%;
}
#cf-catalog-section * { box-sizing: border-box; }
#cf-catalog-section .cf-container { width: min(1200px, calc(100% - 40px)); margin: 0 auto; }
.cf-cat-block { margin-bottom: 40px; }
.cf-cat-header { margin-bottom: 12px; display: flex; align-items: center; gap: 10px; }
.cf-cat-tag { font-size: 11px; font-weight: 700; text-transform: uppercase; background: var(--cf-orange-light); color: var(--cf-orange); padding: 3px 10px; border-radius: 50px; border: 1px solid rgba(255, 122, 0, 0.2); }
.cf-cat-header h2 { font-size: 22px; font-weight: 800; color: var(--cf-text-main); margin: 0; }
.cf-table-card { background: #ffffff; border: 1px solid var(--cf-border); border-radius: 14px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04); overflow: hidden; }
.cf-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.cf-spec-table { width: 100%; min-width: 720px; border-collapse: collapse; text-align: left; font-size: 13.5px; }
.cf-spec-table th { background: #f1f5f9; color: var(--cf-text-main); font-weight: 700; padding: 12px 18px; border-bottom: 1px solid var(--cf-border); font-size: 12px; text-transform: uppercase; }
.cf-spec-table td { padding: 12px 18px; border-bottom: 1px solid var(--cf-border); color: var(--cf-text-muted); vertical-align: middle; }
.cf-spec-table tbody tr:last-child td { border-bottom: 0; }
.cf-spec-table tr:hover td { background: #f8fafc; }
.cf-spec-table .product-title { font-weight: 700; color: var(--cf-text-main); }
.cf-spec-table .product-title a { color: var(--cf-text-main); text-decoration: none; }
.cf-spec-table .product-title a:hover { color: var(--cf-red); }
.code-badge { background: #f1f5f9; color: var(--cf-text-main); font-weight: 700; padding: 3px 8px; border-radius: 6px; border: 1px solid #cbd5e1; font-size: 12px; display: inline-block; }
.cf-table-btn { display: inline-block; background: #ffffff; color: var(--cf-red) !important; border: 1px solid var(--cf-border); padding: 5px 12px; border-radius: 6px; font-size: 12px; font-weight: 700; text-decoration: none; transition: all 0.2s ease; white-space: nowrap; }
.cf-table-btn:hover { background: var(--cf-red); color: #ffffff !important; border-color: var(--cf-red); }
.cf-catalog-empty { padding: 20px; border: 1px solid #e2e8f0; background: #fff; }
@media (max-width: 600px) {
  #cf-catalog-section .cf-container { width: min(100% - 24px, 1200px); }
  .cf-cat-header h2 { font-size: 18px; }
}