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