.cat-page{max-width:1280px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.cat-hero{background:linear-gradient(135deg,#1c1d1f 0%,#2d3142 100%);border-radius:16px;margin-bottom:1.5rem;padding:2rem 2rem 1.75rem;position:relative;overflow:hidden}.cat-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#2dc5a21f 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-60px;left:-60px}.cat-hero h1{color:#fff;margin:0 0 .4rem;font-size:1.5rem;font-weight:900}.cat-hero p{color:#ffffff8c;margin:0 0 1.25rem;font-size:.82rem;font-weight:500}.cat-hero-search{gap:.625rem;max-width:560px;display:flex}.cat-hero-search input{color:#fff;background:#ffffff14;border:1.5px solid #ffffff26;border-radius:9px;outline:none;flex:1;padding:.7rem 1rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:border-color .15s,background .15s}.cat-hero-search input::placeholder{color:#fff6}.cat-hero-search input:focus{background:#ffffff1f;border-color:#2dc5a2}.cat-hero-search button{color:#fff;cursor:pointer;white-space:nowrap;background:#2dc5a2;border:none;border-radius:9px;align-items:center;gap:.4rem;padding:.7rem 1.25rem;font-family:inherit;font-size:.82rem;font-weight:800;transition:background .15s;display:flex}.cat-hero-search button:hover{background:#25a98b}.cat-toolbar{background:#fff;border:1px solid #e4e4e7;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.625rem;margin-bottom:1.125rem;padding:.75rem 1rem;display:flex}.cat-filter-wrap{flex-shrink:0;position:relative}.cat-filter-select{appearance:none;color:#18181b;cursor:pointer;background:#fff;border:1.5px solid #e4e4e7;border-radius:8px;outline:none;min-width:130px;padding:.45rem 2rem .45rem .875rem;font-family:inherit;font-size:.75rem;font-weight:700;transition:border-color .15s,box-shadow .15s}.cat-filter-select:focus,.cat-filter-select:hover{border-color:#2dc5a2;box-shadow:0 0 0 3px #2dc5a214}.cat-filter-select.is-active{color:#0f766e;background:#f0fdf9;border-color:#2dc5a2}.cat-filter-wrap:after{content:"▾";color:#a1a1aa;pointer-events:none;font-size:.65rem;position:absolute;top:50%;left:.625rem;transform:translateY(-50%)}.cat-toolbar-divider{background:#e4e4e7;flex-shrink:0;width:1px;height:24px}.cat-price-wrap{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.cat-price-label{color:#52525b;white-space:nowrap;font-size:.72rem;font-weight:700}.cat-price-input{color:#18181b;border:1.5px solid #e4e4e7;border-radius:8px;outline:none;width:100px;padding:.45rem .75rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:border-color .15s}.cat-price-input:focus{border-color:#2dc5a2}.cat-toolbar-spacer{flex:1}.cat-sort-wrap{flex-shrink:0}.cat-sort-select{appearance:none;color:#18181b;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23A1A1AA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") .75rem no-repeat;border:1.5px solid #e4e4e7;border-radius:8px;outline:none;padding:.45rem 2rem .45rem .875rem;font-family:inherit;font-size:.75rem;font-weight:700;transition:border-color .15s}.cat-sort-select:focus{border-color:#2dc5a2;outline:none}.cat-apply-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#18181b;border:none;border-radius:8px;padding:.45rem 1rem;font-family:inherit;font-size:.73rem;font-weight:800;transition:background .15s}.cat-apply-btn:hover{background:#2d2d2d}.cat-clear-btn{color:#dc2626;cursor:pointer;white-space:nowrap;background:#fef2f2;border:1.5px solid #fecaca;border-radius:8px;align-items:center;gap:.3rem;padding:.45rem .875rem;font-family:inherit;font-size:.73rem;font-weight:800;text-decoration:none;transition:background .15s;display:flex}.cat-clear-btn:hover{background:#fee2e2}.cat-chips{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.cat-chip{color:#0f766e;background:#f0fdf9;border:1px solid #ccfbf1;border-radius:20px;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.68rem;font-weight:800;display:inline-flex}.cat-chip a{color:#0f766e;opacity:.7;font-size:.7rem;line-height:1;text-decoration:none}.cat-chip a:hover{opacity:1}.cat-meta{text-align:center;justify-content:center;align-items:center;width:100%;margin-bottom:1rem;display:flex}.cat-meta-count{color:#71717a;font-size:.78rem;font-weight:600}.cat-meta-count strong{color:#18181b;font-weight:900}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.125rem;margin-bottom:2rem;display:grid}.sum-card{color:inherit;cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:12px;flex-direction:column;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden}.sum-card:hover{border-color:#d4d4d8;transform:translateY(-3px);box-shadow:0 8px 24px #0000001a}.sum-card-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#1a1a2e 0%,#2d3142 100%);flex-shrink:0;position:relative;overflow:hidden}.sum-card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.sum-card:hover .sum-card-thumb img{transform:scale(1.04)}.sum-card-thumb.cv-1{background:linear-gradient(135deg,#1a1a2e,#2d3142)}.sum-card-thumb.cv-2{background:linear-gradient(135deg,#0f2027,#203a43)}.sum-card-thumb.cv-3{background:linear-gradient(135deg,#16213e,#0f3460)}.sum-card-thumb.cv-4{background:linear-gradient(135deg,#1e3a5f,#0d2137)}.sum-card-thumb.cv-5{background:linear-gradient(135deg,#2d1b69,#11998e)}.sum-card-thumb.cv-6{background:linear-gradient(135deg,#0d0d12,#2dc5a2)}.sum-card-thumb.cv-7{background:linear-gradient(135deg,#1a1a2e,#e94560)}.sum-card-thumb.cv-8{background:linear-gradient(135deg,#2d3142,#8b5cf6)}.sum-cover-title{text-align:center;color:#ffffffd9;justify-content:center;align-items:center;padding:1rem;font-size:.78rem;font-weight:900;line-height:1.4;display:flex;position:absolute;inset:0}.sum-type-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:2;background:#00000080;border-radius:5px;padding:.18rem .5rem;font-size:.58rem;font-weight:700;position:absolute;top:.5rem;right:.5rem}.sum-best-badge{color:#fff;z-index:2;text-transform:uppercase;letter-spacing:.04em;background:#f59e0b;border-radius:5px;padding:.18rem .5rem;font-size:.55rem;font-weight:900;position:absolute;top:.5rem;left:.5rem}.sum-card-body{flex-direction:column;flex:1;gap:.3rem;padding:.875rem;display:flex}.sum-card-title{color:#18181b;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8rem;font-weight:800;line-height:1.4;display:-webkit-box;overflow:hidden}.sum-card-seller{color:#71717a;margin:0;font-size:.65rem;font-weight:600}.sum-rating{align-items:center;gap:.3rem;margin:.1rem 0;display:flex}.sum-rating-num{color:#b45309;font-size:.72rem;font-weight:800}.sum-stars{color:#f59e0b;letter-spacing:.03em;font-size:.62rem}.sum-reviews{color:#a1a1aa;font-size:.6rem;font-weight:600}.sum-price-row{justify-content:space-between;align-items:center;margin-top:auto;padding-top:.5rem;display:flex}.sum-price{color:#18181b;font-family:Inter,monospace;font-size:.95rem;font-weight:900}.sum-price-cur{color:#71717a;margin-right:.15rem;font-size:.62rem;font-weight:700}.sum-price-free{color:#2dc5a2;font-size:.82rem;font-weight:900}.sum-pages{color:#a1a1aa;font-size:.6rem;font-weight:600}.cat-empty{text-align:center;color:#71717a;padding:4rem 1rem}.cat-empty-icon{margin-bottom:1rem;font-size:3rem}.cat-empty h3{color:#18181b;margin:0 0 .5rem;font-size:1rem;font-weight:900}.cat-empty p{margin:0 0 1.25rem;font-size:.78rem;font-weight:500}@media (width<=720px){.cat-toolbar{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.cat-toolbar-divider,.cat-toolbar-spacer{display:none}.cat-filter-select,.cat-price-input{width:100%;min-width:0}.cat-price-wrap,.cat-sort-wrap{grid-column:1/-1}.cat-apply-btn{grid-column:1/-1;width:100%;padding:.6rem}.cat-clear-btn{grid-column:1/-1;justify-content:center}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}.cat-hero{padding:1.5rem 1rem}.cat-hero h1{font-size:1.15rem}.cat-hero-search{flex-direction:column}.cat-hero-search button{justify-content:center;width:100%}.cat-page{padding:1rem .875rem 3rem}}
