/* Bathglen — spec sheet left, one capped gallery right. */
.bg-crumb{padding:12px 0 0;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.bg-pdp{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;padding:16px 0 20px;align-items:start}
.bg-spec{background:var(--card);padding:20px;border:1px solid var(--line)}
.bg-spec h1{font-size:clamp(22px,4vw,30px);margin:8px 0;font-weight:500}
.bg-spec .btn{margin:10px 0;display:inline-block}
.bg-media img[data-main]{width:100%;max-height:min(56vh,500px);object-fit:contain;background:#eee;display:block}
.bg-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}
.bg-thumbs img{aspect-ratio:1;object-fit:cover;cursor:pointer;opacity:.65;width:100%}
.bg-thumbs img.on{opacity:1;outline:2px solid var(--accent)}
.bg-story{padding:0 0 24px;max-width:42em;color:var(--muted);line-height:1.7}
.bg-related{padding:0 0 64px}
.bg-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bg-related-grid img{width:100%;aspect-ratio:1;object-fit:cover}
.bg-related-grid p{margin:8px 0 0}
@media (max-width:800px){
  .bg-pdp{grid-template-columns:1fr}
  .bg-media{order:-1}
  .bg-media img[data-main]{max-height:30vh}
  .bg-spec .btn{display:block;text-align:center}
  .bg-related-grid{grid-template-columns:1fr 1fr}
}

.bg-spec,.bg-media img[data-main],.bg-thumbs img,.bg-related-grid img{border-radius:12px}
.bg-spec .btn{border-radius:10px}