/* ══════════════════════════════════════════
   PRODUCTS PAGE
   ══════════════════════════════════════════ */

/* — Hero intro paragraph, shifted right of center (margin-based, not a
   fixed-offset transform, so it stays flush against the container's
   right edge instead of overflowing on narrow viewports) — */
.page-hero .hero-shift-right{margin-left:auto;margin-right:320px}
@media(max-width:640px){.page-hero .hero-shift-right{margin-right:0}}

.product-card{display:flex;flex-direction:column;padding:0;overflow:hidden}
.product-card img{width:100%;height:200px;object-fit:cover;display:block}
.product-card-body{padding:var(--space-6) var(--space-6) var(--space-8)}
.product-card-body h3{margin-bottom:var(--space-2)}
.product-card-body p{color:var(--gray-600);font-size:.9rem;line-height:1.65;margin-bottom:var(--space-4)}
.product-tag{
  display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--gold-d);background:var(--navy-50);padding:4px 12px;border-radius:var(--radius-pill);
  margin-bottom:var(--space-3);
}
.product-card-body .btn{margin-top:var(--space-2)}

/* — Category item cards (Browse Section pages) — */
.item-card{display:flex;flex-direction:column;padding:0;overflow:hidden}
.item-card img{width:100%;height:220px;object-fit:cover;display:block}
.item-card-body{padding:var(--space-6)}
.item-card-body h3{font-size:1rem;margin-bottom:var(--space-2)}
.item-price{
  font-family:var(--font-display);font-weight:700;font-size:1.3rem;
  color:var(--gold-d);margin-bottom:var(--space-4);
}
.item-card-body .btn{width:100%}
.gallery-empty{color:var(--gray-600);text-align:center;padding:var(--space-16) 0}

/* — Lightbox (see js/gallery.js) — */
#lightbox-overlay{
  position:fixed;inset:0;background:rgba(7,20,41,.92);
  display:none;align-items:center;justify-content:center;z-index:10000;padding:var(--space-8);
}
#lightbox-overlay.open{display:flex}
#lightbox-overlay img{max-width:min(90vw,900px);max-height:85vh;border-radius:var(--radius-md);display:block}
#lightbox-close{
  position:absolute;top:24px;right:32px;color:#fff;font-size:32px;
  background:none;border:none;cursor:pointer;line-height:1;
}