.led-rolls-page{min-height:100vh;background:#fff}.led-hero{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:8rem 2rem 6rem;text-align:center;color:#fff}.led-hero-content{max-width:900px;margin:0 auto}.led-hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:300;margin-bottom:1.5rem;letter-spacing:-.02em}.led-hero-subtitle{font-size:1.125rem;line-height:1.8;color:hsla(0,0%,100%,.85);max-width:700px;margin:0 auto}.led-filters-section{background:#fafafa;border-bottom:1px solid #e5e5e5;padding:2rem;position:sticky;top:0;z-index:100}.led-filters-container{max-width:1400px;margin:0 auto;display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:200px;flex:1}.filter-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#666}.filter-input,.filter-select{padding:.75rem 1rem;border:1px solid #e5e5e5;background:#fff;font-size:.95rem;transition:all .3s ease;font-family:inherit}.filter-input:focus,.filter-select:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px rgba(0,0,0,.05)}.empty-state-button,.filter-reset{padding:.75rem 1.5rem;background:#1a1a1a;color:#fff;border:none;cursor:pointer;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;white-space:nowrap}.empty-state-button:hover,.filter-reset:hover{background:#000;transform:translateY(-1px)}.led-results-info{max-width:1400px;margin:0 auto;padding:2rem 2rem 1rem}.results-count{font-size:.9rem;color:#666;font-weight:500}.led-families-grid{max-width:1400px;margin:0 auto;padding:1rem 2rem 4rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.family-card{background:#fff;border:1px solid #e5e5e5;transition:all .3s ease;display:flex;flex-direction:column;overflow:hidden}.family-card:hover{border-color:#1a1a1a;box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px)}.family-image{position:relative;aspect-ratio:4/3;background:#fafafa;overflow:hidden}.family-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.family-card:hover .family-image img{transform:scale(1.05)}.family-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:.9rem}.family-badge{position:absolute;top:1rem;right:1rem;background:#1a1a1a;color:#fff;padding:.4rem .8rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.family-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;flex:1}.family-header{display:flex;justify-content:space-between;align-items:start;gap:1rem}.family-name{font-size:1.25rem;font-weight:500;color:#1a1a1a;line-height:1.3;flex:1}.family-led-type{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#666;background:#f5f5f5;padding:.4rem .8rem;border-radius:2px;white-space:nowrap}.family-description{font-size:.9rem;line-height:1.6;color:#666}.family-specs{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.spec-item{display:flex;gap:.5rem;font-size:.85rem}.spec-label{color:#999}.spec-value{color:#1a1a1a;font-weight:500}.spec-badge{background:#1a1a1a;color:#fff;padding:.25rem .75rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.family-variants-summary{display:flex;flex-direction:column;gap:.5rem}.variants-count{font-size:.85rem;color:#666;font-weight:500}.variants-tags{display:flex;flex-wrap:wrap;gap:.5rem}.variant-tag{font-size:.75rem;padding:.25rem .75rem;background:#f5f5f5;color:#666;border:1px solid #e5e5e5;font-family:Courier New,monospace}.family-price{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-top:auto}.family-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 0;color:#1a1a1a;font-weight:500;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;border-top:2px solid #1a1a1a;transition:all .3s ease}.family-cta:hover{gap:.75rem;color:#000}.family-cta svg{transition:transform .3s ease}.family-cta:hover svg{transform:translateX(3px)}.led-empty-state{max-width:600px;margin:4rem auto;padding:3rem 2rem;text-align:center;background:#fafafa;border:1px solid #e5e5e5}.led-empty-state p{font-size:1.125rem;color:#666;margin-bottom:2rem}@media (max-width:768px){.led-hero{padding:6rem 1.5rem 4rem}.led-hero-title{font-size:2rem}.led-hero-subtitle{font-size:1rem}.led-filters-container{flex-direction:column}.filter-group{width:100%;min-width:0}.led-families-grid{grid-template-columns:1fr;gap:1.5rem;padding:1rem 1rem 3rem}.family-header{flex-direction:column;align-items:start}}