.cat-mod-affhosting-sort-btn:hover i { color:#EF4444; }
.cat-mod-affhosting-load-more:hover i { transform:translateY(3px); }
.cat-mod-affhosting-subtitle { font-size:1rem; line-height:1.6; max-width:800px; color:#475569; max-width:1400px; margin-bottom:0; }
.cat-mod-affhosting-seo-content { padding:2rem; background:#F8FAFC; color:#64748B; border-radius:16px; line-height:1.7; border:1px solid #F1F5F9; font-size:0.9rem; }
.cat-mod-affhosting-sort-btn i { transition:color 0.2s; color:#94A3B8; font-size:1.1rem; }
.cat-mod-affhosting-breadcrumb-nav .breadcrumb-item.active { font-weight:600; color:#0F172A; }
.cat-mod-affhosting-load-more { color:#0F172A; border-radius:14px; transition:all 0.3s ease; font-size:1rem; gap:6px; align-items:center; border:2px solid #E2E8F0; background-color:#FFFFFF; font-weight:700; display:inline-flex; padding:12px 36px; }
.cat-mod-affhosting-h1 { font-weight:800; letter-spacing:-0.5px; margin-bottom:10px; font-size:1.6rem; color:#0F172A; }
.cat-mod-affhosting-sidebar-content { font-size:0.95rem; }
.cat-mod-affhosting-hero { margin-bottom:3rem; border-bottom:1px solid #F1F5F9; padding:3.5rem 0 3rem 0; background-color:#F8FAFC; }
.cat-mod-affhosting-load-more i { font-size:1.3rem; transition:transform 0.3s; }
.cat-mod-affhosting-toolbar { display:flex; border-bottom:1px solid #F1F5F9; align-items:center; justify-content:space-between; padding-bottom:1rem; margin-bottom:1.5rem; }
.cat-mod-affhosting-breadcrumb-nav .breadcrumb-item,.cat-mod-affhosting-breadcrumb-nav .breadcrumb-item a { font-weight:500; text-decoration:none; transition:color 0.2s; font-size:0.85rem; color:#64748B; }
.cat-mod-affhosting-sidebar-title { color:#0F172A; border-bottom:2px solid #F8FAFC; margin-bottom:1.5rem; padding-bottom:12px; font-weight:800; font-size:1.1rem; }
.cat-mod-affhosting-sidebar-wrapper { border:1px solid #F1F5F9; top:30px; border-radius:16px; position:sticky; background:#FFFFFF; box-shadow:0 4px 6px -1px rgba(0,0,0,0.02); }
.cat-mod-affhosting-load-more:hover { box-shadow:0 6px 16px rgba(239,68,68,0.1); transform:translateY(-2px); border-color:#FCA5A5; background-color:#FEF2F2; color:#EF4444; }
.cat-mod-affhosting-h2-icon { justify-content:center; height:36px; border-radius:10px; background-color:#FEF2F2; font-size:1.1rem; display:inline-flex; align-items:center; width:36px; color:#EF4444; }
.cat-mod-affhosting-container { max-width:1600px; padding-right:20px; padding-left:20px; }
.cat-mod-affhosting-h2 { margin:0; display:flex; color:#0F172A; align-items:center; font-weight:700; gap:10px; font-size:1.25rem; }
.cat-mod-affhosting-breadcrumb-nav .breadcrumb-item a:hover { color:#EF4444; }
.cat-mod-affhosting-sort-btn:hover { transform:translateY(-1px); box-shadow:0 4px 12px rgba(239,68,68,0.08); border-color:#EF4444; color:#EF4444; }
.cat-mod-affhosting-sort-btn { gap:8px; background:#FFFFFF; font-size:0.9rem; transition:all 0.2s cubic-bezier(0.4,0,0.2,1); align-items:center; border:1px solid #E2E8F0; padding:8px 18px; border-radius:12px; color:#475569; font-weight:600; display:inline-flex; }
.cat-mod-affhosting-sort-group { display:flex; gap:12px; }
@media (max-width:768px) {
  .cat-mod-affhosting-mobile-trigger:active { transform:scale(0.92); }
  .cat-mod-affhosting-mobile-trigger { height:56px; border-radius:16px; color:#FFFFFF; align-items:center; box-shadow:0 8px 20px rgba(239,68,68,0.35); background-color:#EF4444; transition:transform 0.2s cubic-bezier(0.4,0,0.2,1); position:fixed; justify-content:center; display:flex; z-index:1050; font-size:1.4rem; right:20px; bottom:30px; width:56px; border:none; }
  .cat-mod-affhosting-sort-group::-webkit-scrollbar { display:none; }
  .cat-mod-affhosting-h1 { font-size:1.5rem; }
  .cat-mod-affhosting-toolbar { align-items:flex-start; flex-direction:column; gap:15px; }
  .cat-mod-affhosting-hero { padding:2rem 0; margin-bottom:2rem; }
  .cat-mod-affhosting-sort-group { -webkit-overflow-scrolling:touch; padding-bottom:5px; overflow-x:auto; width:100%; }
}