.cat-hero-wrap{margin:0 auto;max-width:1400px;padding:32px 48px 0}.cat-hero{align-items:center;background:linear-gradient(135deg,var(--coral-light) 0,#d0ede8 100%);border-radius:var(--r-lg);display:flex;gap:32px;justify-content:space-between;margin-bottom:32px;padding:48px}.cat-hero-text h1{color:var(--text);font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2;margin-bottom:10px}.cat-hero-text p{color:var(--text-mid);font-size:15px;line-height:1.6;max-width:440px}.cat-hero-count{color:var(--text-light);font-size:13px;font-weight:500;margin-top:10px}.cat-hero-img{aspect-ratio:4/5;background:var(--sand);border-radius:var(--r-lg);flex-shrink:0;overflow:hidden;width:200px}.cat-hero-img img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.cat-toolbar-wrap{border-top:1px solid var(--border);margin:0 auto;max-width:1400px;padding:0 48px}.cat-toolbar{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:14px 0}.result-count{color:var(--text-light);font-size:13.5px}.result-count strong{color:var(--text)}.toolbar-right{align-items:center;display:flex;gap:12px}.sort-select{background:#fff;border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);cursor:pointer;font-family:var(--font-body);font-size:13.5px;height:36px;outline:none;padding:0 12px}.sort-select:focus{border-color:var(--coral);box-shadow:0 0 0 2px #1c9c851a}.sort-select:disabled{cursor:not-allowed;opacity:.6}.view-toggle{border:1px solid var(--border);border-radius:var(--r-sm);display:flex;overflow:hidden}.view-btn{align-items:center;background:#fff;border:none;color:var(--text-light);cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .15s,color .15s;width:36px}.view-btn+.view-btn{border-left:1px solid var(--border)}.view-btn:hover{background:var(--sand);color:var(--text)}.view-btn.active{background:var(--coral);color:#fff}.cat-grid-wrap{margin:0 auto;max-width:1400px;padding:24px 48px 64px}.cat-products-grid{display:grid;gap:20px;transition:opacity .2s}.cat-products-grid.cols-3{grid-template-columns:repeat(3,1fr)}.cat-products-grid.cols-4{grid-template-columns:repeat(4,1fr)}.cat-products-grid.is-loading{opacity:.5;pointer-events:none}.product-skeleton{animation:skeleton-pulse 1.4s ease-in-out infinite;aspect-ratio:1;background:var(--sand);border-radius:var(--r-md)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.cat-empty{color:var(--text-light);font-size:15px;padding:64px 0;text-align:center}.pagination{align-items:center;display:flex;gap:6px;justify-content:center;margin-top:40px}.page-btn{background:#fff;border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);cursor:pointer;font-family:var(--font-body);font-size:14px;height:36px;min-width:36px;padding:0 10px;transition:background .15s,border-color .15s}.page-btn:hover:not(:disabled){background:var(--sand);border-color:var(--coral);color:var(--coral)}.page-btn.active{background:var(--coral);border-color:var(--coral);color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.35}@media(max-width:1100px){.cat-products-grid.cols-4{grid-template-columns:repeat(3,1fr)}.cat-grid-wrap,.cat-hero-wrap,.cat-toolbar-wrap{padding-left:32px;padding-right:32px}}@media(max-width:900px){.cat-hero{border-radius:var(--r-md);flex-direction:column;gap:16px;padding:28px 20px}.cat-hero-img{aspect-ratio:unset;height:80px;width:100%}.cat-grid-wrap,.cat-hero-wrap,.cat-toolbar-wrap{padding-left:20px;padding-right:20px}}@media(max-width:768px){.cat-products-grid.cols-3,.cat-products-grid.cols-4{gap:12px;grid-template-columns:repeat(2,1fr)}.view-toggle{display:none}}@media(max-width:600px){.cat-hero{margin:0;padding:20px 16px}.cat-hero-text h1{font-size:26px}.cat-grid-wrap,.cat-hero-wrap,.cat-toolbar-wrap{padding-left:16px;padding-right:16px}.toolbar-right{justify-content:space-between;width:100%}.sort-select{flex:1}.pagination{flex-wrap:wrap}}