:root{--brand:#0d6efd}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial}
.logo {
  max-width: 100%;   /* Prevents overflow */
  height: auto;      /* Keeps aspect ratio */
  display: block;    /* Avoids extra space */
}

.logo-img{
   width:200px; 
   margin-top: 40px; 
}

.hero-banner{background:linear-gradient(180deg,#f8fbff,#ffffff);padding:5rem 0 2rem}
.carousel-inner img{height:420px;object-fit:cover;width:100%}
.product-img{height:200px;object-fit:cover;width:100%}
.img-thumb{cursor:pointer}
.navbar-white .navbar-brand{color:var(--brand)}
.footer-note{font-size:0.9rem;color:#6c757d}


/* For tablets */
@media (max-width: 768px) {
  .box {
    max-width: 300px;
  }
}

/* For mobiles */
@media (max-width: 480px) {
  .box {
    max-width: 100%;
  }
}

/* Responsive slider images */
.carousel-item img {
  width: 100%;
  height: auto;
  object-fit: cover;   /* Ensures image fills while keeping aspect ratio */
  max-height: 500px;   /* Adjust height limit as needed */
}

@media (max-width: 768px) {
  .carousel-item img {
    max-height: 300px; /* Shorter height on mobiles */
  }
}