.product-card{transition:transform .15s ease,box-shadow .15s ease;border-radius:.75rem}
.product-card:hover{transform:translateY(-2px);box-shadow:0 .5rem 1rem rgba(0,0,0,.08)}
.product-card .card-img-top{object-fit:cover;height:180px}

button[data-bs-slide-to].active img{outline:3px solid #0d6efd}

/* Corrige interferências do CSS do hero em outros carrosseis (ex.: produto.php) */
.carousel:not(#heroCarousel) .carousel-inner{height:auto !important}
.carousel:not(#heroCarousel) .carousel-item{height:auto !important;min-height:0 !important}
.carousel:not(#heroCarousel) .carousel-item img{max-height:520px;object-fit:cover;display:block}
.carousel:not(#heroCarousel){overflow:hidden}
.carousel:not(#heroCarousel) .carousel-control-prev,
.carousel:not(#heroCarousel) .carousel-control-next{width:auto}
.carousel:not(#heroCarousel) .carousel-control-prev-icon,
.carousel:not(#heroCarousel) .carousel-control-next-icon{background-color:rgba(0,0,0,.5);width:2.25rem;height:2.25rem;padding:.35rem;border-radius:50%}

/* Botão de maximizar na galeria de produto */
.btn-maximize{background-color:rgba(255,255,255,.95); border:1px solid rgba(0,0,0,.12); z-index:3; border-radius:50%; width:2.25rem; height:2.25rem; display:flex; align-items:center; justify-content:center}
.btn-maximize i{pointer-events:none}

/* Centralização segura no lightbox do produto */
#lightboxModal .carousel-inner{text-align:center}
#lightboxModal .carousel-item{display:flex;align-items:center;justify-content:center}
#lightboxModal .carousel-item img{max-height:85vh;object-fit:contain}
/* Garante centralização absoluta do modal de imagens */
#lightboxModal .modal-dialog{max-width:90vw;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center}
#lightboxModal .modal-content{background:transparent;box-shadow:none}
#lightboxModal .carousel-item img{max-width:90vw}


