/* SPA page visibility */
    .page{display:none}.page.active{display:block}

    /* Product card */
    .product-card .img-zoom{overflow:hidden;border-bottom:1px solid rgba(0,0,0,.06)}
    .product-card img{transition:transform .3s ease}
    .product-card:hover img{transform:scale(1.04)}

    /* Hero carousel sizing */
  /* Hero carousel sizing (FIT image; no crop) */
  #heroCarousel{height:380px;border-radius:1rem;overflow:hidden}
  #heroCarousel .carousel-inner,
  #heroCarousel .carousel-item{height:100%}
  #heroCarousel .carousel-item img{
    width:100%;
    height:100%;
    object-fit:contain;         /* show full image */
    background:transparent; /* letterbox bars (use your brand color if you want) */
  }

  /* Caption styling */
  #heroCarousel .carousel-caption{
    background:rgba(0,0,0,.45);
    border-radius:.5rem;
    padding:.5rem .75rem;
    bottom:1rem
  }
  #heroCarousel .carousel-caption h5{font-size:1.1rem;font-weight:600}
  #heroCarousel .carousel-caption p{font-size:.85rem;margin:0}

  /* Mobile */
  @media (max-width:768px){
    #heroCarousel{height:220px}
    #heroCarousel .carousel-caption{font-size:.75rem;padding:.35rem .5rem;bottom:.5rem}
    #heroCarousel .carousel-caption h5{font-size:.9rem}
  }

  /* Second slideshow (bottom of page) */
#customCarousel {
  height: 400px;
  border-radius: 1rem;
  overflow: hidden;
  margin-top: 2rem;
}
#customCarousel .carousel-inner,
#customCarousel .carousel-item {
  height: 100%;
}
#customCarousel .carousel-item img {
  width: 100%;
  height: 90%;
  object-fit: contain;
  background: transparent;
}

/* Captions */
#customCarousel .carousel-caption {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.5rem;
  padding: 0.4rem 0.6rem;
  bottom: 0.75rem;
}
#customCarousel .carousel-caption p {
  font-size: 0.8rem;
  margin: 0;
}

/* Mobile view */
@media (max-width: 768px) {
  #customCarousel {
    height: 400px;
  }
  #customCarousel .carousel-caption {
    font-size: 0.7rem;
    padding: 0.3rem 0.5rem;
    bottom: 0.5rem;
  }
}


      /* Sticky cart actions */
      .sticky-actions{position:sticky;bottom:0;background:#fff;padding:12px;border:1px solid rgba(0,0,0,.08);border-radius:.75rem;box-shadow:0 6px 18px rgba(0,0,0,.08)}

      /* Floating cart (mobile) */
      .fab-cart{position:fixed;left:14px;bottom:14px;z-index:1060;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0d6efd;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.25);text-decoration:none}
      .fab-cart i{font-size:1.25rem}
      .fab-cart .badge{position:absolute;top:2px;right:2px;font-size:.7rem;background:#dc3545;color:#fff;border-radius:10px;padding:0 6px}
      @media (min-width: 992px){ .fab-cart{display:none} }

      /* Footer */
      .site-footer{background:#111;color:#bbb}
      .site-footer a{color:#ddd}.site-footer a:hover{color:#fff}