.products-hero{background-color:var(--primary-dark);color:#fff;text-align:center;padding:8rem 0 4rem}.products-hero h1{color:#fff;margin-bottom:1rem;font-size:3rem}.products-hero .subtitle{color:#e2e8f0;max-width:600px;margin:0 auto;font-size:1.25rem}.carousel-section{background-color:var(--background-white)}.carousel-header{text-align:center;margin-bottom:4rem}.max-w-2xl{max-width:800px}.mx-auto{margin-left:auto;margin-right:auto}.text-muted{color:var(--text-muted);font-size:1.125rem;line-height:1.8}.categories-section{background-color:var(--background-light)}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.cat-icon{margin-bottom:1.5rem;font-size:3rem}.category-card h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem}.category-card p{color:var(--text-muted);line-height:1.7}
.carousel{border-radius:var(--radius-lg);width:100%;max-width:1000px;box-shadow:var(--shadow-lg);background-color:var(--primary-dark);margin:0 auto;position:relative;overflow:hidden}.carousel-inner{height:600px;transition:transform .6s cubic-bezier(.25,.8,.25,1);display:flex}.carousel-item{flex:0 0 100%;width:100%;position:relative}.carousel-img-wrapper{width:100%;height:100%}.carousel-img-wrapper img{object-fit:cover;opacity:.8;width:100%;height:100%}.carousel-caption{color:#fff;text-align:center;background:linear-gradient(#0000,#0f172ae6);padding:3rem 2rem 2rem;position:absolute;bottom:0;left:0;right:0}.carousel-caption h3{color:#fff;margin-bottom:.5rem;font-size:2rem}.carousel-caption p{color:#e2e8f0;font-size:1.125rem}.carousel-control{color:#fff;cursor:pointer;width:50px;height:50px;transition:background var(--transition-fast);z-index:10;background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-control:hover{background:var(--primary-color)}.carousel-control.prev{left:1rem}.carousel-control.next{right:1rem}.carousel-indicators{z-index:10;gap:.5rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.indicator{cursor:pointer;width:12px;height:12px;transition:all var(--transition-fast);background-color:#ffffff80;border:none;border-radius:50%;padding:0}.indicator.active{background-color:var(--secondary-color);transform:scale(1.2)}@media (max-width:768px){.carousel-inner{height:400px}.carousel-caption h3{font-size:1.5rem}}