/* TLDs Page Styles */
.filter-section { padding: 2rem; background: var(--white); border-bottom: 1px solid var(--gray-200); }
.filter-container { max-width: 1200px; margin: 0 auto; display: flex; gap: 2rem; align-items: center; flex-wrap: wrap; }
.filter-search input { padding: 0.75rem 1rem; border: 2px solid var(--gray-200); border-radius: 8px; font-size: 1rem; width: 250px; }
.filter-search input:focus { border-color: var(--primary); outline: none; }
.filter-tabs { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.filter-tab { padding: 0.5rem 1rem; border: none; background: var(--gray-100); border-radius: 50px; font-size: 0.9rem; cursor: pointer; transition: all 0.2s; }
.filter-tab:hover { background: var(--gray-200); }
.filter-tab.active { background: var(--primary); color: var(--white); }

.tld-table-section { padding: 2rem; background: var(--gray-50); min-height: 60vh; }
.tld-table-container { max-width: 1200px; margin: 0 auto; background: var(--white); border-radius: 16px; overflow: hidden; border: 1px solid var(--gray-200); }
.tld-table { width: 100%; border-collapse: collapse; }
.tld-table th { background: var(--gray-50); padding: 1rem 1.5rem; text-align: left; font-weight: 600; font-size: 0.85rem; color: var(--gray-500); text-transform: uppercase; border-bottom: 1px solid var(--gray-200); }
.tld-table td { padding: 1rem 1.5rem; border-bottom: 1px solid var(--gray-100); }
.tld-table tr:hover { background: var(--gray-50); }
.tld-table .tld { font-family: 'Sora', sans-serif; font-weight: 700; color: var(--primary); font-size: 1.1rem; }
.tld-table .price { font-weight: 600; }
.price-old { text-decoration: line-through; color: var(--gray-400); font-size: 0.85rem; margin-right: 0.5rem; }
.sale-badge { background: var(--accent); color: var(--dark); padding: 0.15rem 0.5rem; border-radius: 4px; font-size: 0.7rem; font-weight: 700; margin-left: 0.5rem; }

@media (max-width: 768px) {
    .filter-container { flex-direction: column; align-items: stretch; }
    .filter-search input { width: 100%; }
    .tld-table { font-size: 0.9rem; }
    .tld-table th, .tld-table td { padding: 0.75rem; }
    .tld-table th:nth-child(4), .tld-table th:nth-child(5), .tld-table td:nth-child(4), .tld-table td:nth-child(5) { display: none; }
}