/* Shared "sub-page" hero header — used by gallery.html, addons.html, location.html */
.gallery-hero, .page-hero{
  background:var(--sand);padding:56px 0 40px;
}
.back-link{
  display:inline-block;margin-bottom:20px;color:var(--ocean-dark);font-weight:600;font-size:.9rem;
}
.back-link:hover{color:var(--coral);}
.gallery-hero h1, .page-hero h1{font-size:clamp(2.2rem,4vw,3rem);margin-bottom:.3em;}
.gallery-sub, .page-sub{max-width:640px;color:var(--ink-soft);margin:0;}

.gallery-main{padding:48px 24px 96px;}
.gallery-category{margin-bottom:56px;}
.gallery-category h2{
  font-size:1.4rem;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--sand-dark);
}
.thumb-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
}
.thumb{
  border:0;padding:0;cursor:pointer;overflow:hidden;border-radius:12px;background:var(--sand);
  aspect-ratio:4/3;
}
.thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.thumb:hover img{transform:scale(1.06);}

/* Lightbox nav additions (base .lightbox / .lightbox-close come from style.css) */
.lightbox-nav{
  position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.12);
  border:0;color:var(--white);font-size:2.4rem;width:56px;height:56px;border-radius:50%;
  cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;
  transition:background .2s;
}
.lightbox-nav:hover{background:rgba(255,255,255,.25);}
.lightbox-prev{left:16px;}
.lightbox-next{right:16px;}
.lightbox-counter{
  position:absolute;bottom:20px;left:50%;transform:translateX(-50%);
  color:var(--white);font-size:.85rem;background:rgba(0,0,0,.4);padding:6px 14px;border-radius:999px;
}
.active-link{color:var(--ocean-dark)!important;position:relative;}
.active-link::after{
  content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--coral);
}

@media (max-width:920px){
  .thumb-grid{grid-template-columns:repeat(3,1fr);}
  .lightbox-nav{width:44px;height:44px;font-size:1.8rem;}
}
@media (max-width:560px){
  .thumb-grid{grid-template-columns:repeat(2,1fr);}
  .lightbox-prev{left:6px;}
  .lightbox-next{right:6px;}
}