.category-landing-wrapper{display:flex;flex-direction:column;gap:0;padding-bottom:5rem}.category-hero{background:linear-gradient(135deg,var(--cat-color,#6d28d9) 0,color-mix(in srgb,var(--cat-color,#6d28d9) 60%,#000) 100%);color:white;padding:3.5rem 0 4rem;position:relative;overflow:hidden}.category-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top right,rgba(255,255,255,.15) 0,transparent 60%);pointer-events:none}.category-hero-content{position:relative;z-index:2}.back-link{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.75);font-size:.85rem;font-weight:600;margin-bottom:1.5rem;text-decoration:none;transition:color .15s}.back-link:hover{color:white}.category-hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;letter-spacing:-.04em;line-height:1.08;margin-bottom:.75rem;color:white}.category-hero p{font-size:1rem;color:rgba(255,255,255,.85);max-width:480px}.subcategory-pills{display:flex;gap:.625rem;overflow-x:auto;padding:1.25rem 0;scrollbar-width:none;-ms-overflow-style:none;border-bottom:1px solid #e5e7eb;margin-bottom:2rem}.subcategory-pills::-webkit-scrollbar{display:none}.pill{display:inline-flex;align-items:center;padding:.45rem 1rem;background:white;border:1.5px solid #e5e7eb;border-radius:9999px;font-weight:600;font-size:.82rem;white-space:nowrap;cursor:pointer;text-decoration:none;color:#374151;transition:all .15s ease}.pill:hover{border-color:#6d28d9;color:#6d28d9;background:#f5f3ff}.pill.active{background:#1a1523;color:white;border-color:#1a1523}.category-products-section{padding:0 0 2rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;color:#1a1523}.section-header span{font-size:.82rem;color:#9ca3af;font-weight:500}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}@media (max-width:640px){.products-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:5rem 2rem;gap:1rem}.empty-icon{font-size:3.5rem;opacity:.5}.empty-state h3{font-size:1.3rem;font-weight:700;color:#1a1523}.empty-state p{color:#9ca3af;max-width:380px;font-size:.9rem}