.banner-carousel {
  min-height: 280px;
  max-height: 500px;
  overflow: hidden;
}

html, body {
  width: 100%;
  overflow-x: hidden;
  touch-action: manipulation;
}


@media (max-width: 768px) {
  .banner-carousel {
    min-height: 220px;
    max-height: 300px;
  }
}

.banner-carousel .carousel,
.banner-carousel .carousel-inner,
.banner-carousel .carousel-item {
  height: 100%;
}


.banner-carousel img {
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: cover;
}

.map-responsive {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
}

.map-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


/* Cards */
.card-img-top {
  height: 260px;
  object-fit: cover;
}

@media (max-width: 576px) {
  .card-img-top {
    height: 220px;
  }
}

.card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

@media (hover: hover) {
  .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  }
}

/* Zoom */
.product-card {
  overflow: hidden;
}

.zoom-img {
  cursor: pointer;
  transition: transform 0.4s ease;
}

@media (hover: none) {
  .zoom-img.active {
    transform: scale(1.15);
  }
}