/* ===== GALERIE FOTO PRODUS + LIGHTBOX ===== */
.product-gallery { }
.main-image-wrap { cursor: zoom-in; position: relative; }
.main-image-wrap::after {
  content: "\f00e";
  font-family: "Font Awesome 6 Free"; font-weight: 900;
  position: absolute; bottom: 14px; right: 14px;
  background: rgba(0,0,0,.55); color:#fff; width:34px; height:34px;
  border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:14px; pointer-events:none;
}
.thumb-row { display:flex; gap:10px; margin-top:12px; flex-wrap:wrap; }
.thumb {
  width:72px; height:72px; object-fit:cover; border-radius:6px;
  border:3px solid transparent; cursor:pointer; opacity:.7;
  transition:opacity .2s, border-color .2s; box-shadow:0 2px 6px rgba(0,0,0,.12);
}
.thumb:hover { opacity:1; }
.thumb.active { border-color:#ffcc00; opacity:1; }

/* Lightbox overlay (shared by product galleries and Instalări page) */
.lightbox-overlay {
  position:fixed; inset:0; background:rgba(0,0,0,.92);
  display:none; align-items:center; justify-content:center; z-index:5000;
}
.lightbox-overlay.show { display:flex; }
.lightbox-img { max-width:90%; max-height:85vh; border-radius:6px; box-shadow:0 10px 40px rgba(0,0,0,.5); }
.lightbox-close, .lightbox-prev, .lightbox-next {
  position:absolute; color:#fff; cursor:pointer; user-select:none;
  background:rgba(0,0,0,.35); border-radius:50%; display:flex;
  align-items:center; justify-content:center; transition:.2s;
}
.lightbox-close { top:18px; right:22px; width:42px; height:42px; font-size:26px; }
.lightbox-prev, .lightbox-next { top:50%; transform:translateY(-50%); width:50px; height:50px; font-size:24px; }
.lightbox-prev { left:14px; }
.lightbox-next { right:14px; }
.lightbox-close:hover, .lightbox-prev:hover, .lightbox-next:hover { background:#ffcc00; color:#333; }
.lightbox-counter {
  position:absolute; bottom:18px; left:50%; transform:translateX(-50%);
  color:#fff; background:rgba(0,0,0,.35); padding:6px 14px; border-radius:999px; font-size:14px; font-weight:700;
}
@media (max-width:576px) {
  .lightbox-prev, .lightbox-next { width:40px; height:40px; font-size:18px; }
  .thumb { width:58px; height:58px; }
}