.landing-left .carousel{
overflow: hidden;
}
/* Ensure consistent slide height */
.landing-left .carousel-inner,
.landing-left .carousel-item{ height: 60vh; }
/* Make images fill the slide */
.landing-left .carousel-item img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* Responsive adjustments */
@media (max-width: 992px){
.landing-left .carousel-inner,
.landing-left .carousel-item{ height: 50vh; }
}
@media (max-width: 576px){
.landing-left .carousel-inner,
.landing-left .carousel-item{ height: 40vh; }
}


/* Landing background */
.landing {
background: radial-gradient(1200px 600px at -10% -10%, rgba(13,110,253,.15), transparent 60%),
            radial-gradient(1000px 500px at 110% 110%, rgba(255,193,7,.15), transparent 60%),
            linear-gradient(180deg, #ffffff 0%, #f8f9fa 100%);
}
.landing .overlay { padding: 3rem 1rem; }

/* Features */
.features .feature { background: #fff; border: 1px solid #eee; border-radius: 16px; padding: 24px; transition: transform .2s ease, box-shadow .2s ease; }
.features .feature:hover { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(0,0,0,.06); }

/* Categories */
.categories .card { border: none; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 20px rgba(0,0,0,.05); transition: transform .25s ease; }
.categories .card:hover { transform: translateY(-6px); }
.categories .card img { height: 180px; object-fit: cover; }

/* Promo */
.promo { background: linear-gradient(135deg, #0d6efd, #6610f2); border-radius: 20px; color: #fff; overflow: hidden; position: relative; }
.promo .glow { position: absolute; width: 220px; height: 220px; border-radius: 50%; background: rgba(255,255,255,.15); filter: blur(40px); right: -60px; top: -60px; }

/* Testimonials */
.testimonials .t-card { background: #fff; border: 1px solid #eee; border-radius: 16px; padding: 20px; height: 100%; box-shadow: 0 8px 20px rgba(0,0,0,.04); }
.t-avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }

/* Newsletter */
.newsletter { background: #f8f9fa; border-radius: 16px; }

/* Brands */
.brands .brand { filter: grayscale(100%); opacity: .7; transition: all .2s ease; }
.brands .brand:hover { filter: grayscale(0%); opacity: 1; }

/* Stats */
.stats { background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%); border-radius: 16px; }
.stats .stat { text-align: center; padding: 24px; }
.stats .number { font-size: 2rem; font-weight: 800; }