/* GH Carousel Gallery */
.ghcg-carousel{position:relative; width:100%; --ghcg-height:320px; --ghcg-gap:12px; }
.ghcg-viewport{overflow:hidden; width:100%}
.ghcg-track{display:flex; gap:var(--ghcg-gap); transition:transform .4s ease}
.ghcg-slide{flex:0 0 auto; width:100%;}
.ghcg-media{height:var(--ghcg-height); width:100%; overflow:hidden; border-radius:12px; background:#f6f7f8}
.ghcg-media img{height:100%; width:100%; object-fit:cover; display:block}
.ghcg-caption{font-size:14px; color:#222; text-align:center; margin-top:6px}
.ghcg-nav{position:absolute; top:calc(var(--ghcg-height) / 2 - 16px); transform:translateY(-50%); border:none; background:rgba(0,0,0,.5); color:#fff; width:32px; height:32px; border-radius:999px; cursor:pointer; display:flex; align-items:center; justify-content:center; z-index:2}
.ghcg-prev{left:8px}
.ghcg-next{right:8px}
.ghcg-nav:hover{background:rgba(0,0,0,.7)}
.ghcg-dots{display:flex; justify-content:center; gap:6px; margin-top:8px}
.ghcg-dots button{width:8px; height:8px; border-radius:999px; background:#cfcfcf; border:none; cursor:pointer}
.ghcg-dots button[aria-selected="true"]{background:#333}

/* Lightbox */
.ghcg-lightbox{position:fixed; inset:0; background:rgba(0,0,0,.85); display:none; align-items:center; justify-content:center; z-index:99999; padding:24px}
.ghcg-lightbox.open{display:flex}
.ghcg-lightbox-inner{max-width:96vw; max-height:90vh; text-align:center}
.ghcg-lightbox-inner img{max-width:96vw; max-height:70vh; width:auto; height:auto; object-fit:contain; border-radius:10px}
.ghcg-lightbox-caption{color:#fff; margin-top:12px; font-size:15px}

/* Close button centered */
.ghcg-lightbox-close{position:absolute; top:16px; right:16px; background:rgba(255,255,255,.15); color:#fff; border:none; width:36px; height:36px; border-radius:999px; cursor:pointer; font-size:22px; display:flex; align-items:center; justify-content:center; padding:0; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
.ghcg-lightbox-close:hover{background:rgba(255,255,255,.25)}

@media (max-width: 1024px){ .ghcg-carousel{ --ghcg-gap:10px } }
@media (max-width: 768px){ .ghcg-carousel{ --ghcg-gap:8px } }