/* SweetVee gallery page (Masonry). Loads after catalogue.css, so the Blush Swing Tag look (colours, fonts, header, buttons, photo viewer) is shared.
   Mobile first: base styles are the phone, min-width queries go up. */
.foot-btns{display:flex;flex-wrap:wrap;gap:10px}
.foot-btns .btn-line{background:rgba(255,255,255,.5)}
#view{padding-top:20px}
.lightbox img{max-height:calc(100svh - 236px)}
.lightbox figcaption{justify-items:center}
.lb-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:6px;padding:0 20px;border-radius:999px;background:#fff7f7;color:#3b2329;font-weight:600;font-size:15px;text-decoration:none}
.lb-link:hover{background:#fff}
.lb-link:focus-visible,.lb-x:focus-visible,.lb-nav:focus-visible{outline:2px solid #fff7f7;outline-offset:3px}
.g-count{margin:0 0 14px;font-size:15px;color:var(--ink-soft)}
.g-ph{border:0;padding:0;cursor:zoom-in;position:relative;display:block;width:100%;overflow:hidden;background:var(--blush);border-radius:16px}
.g-ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.g-ph:hover img{transform:scale(1.03)}

/* filter pills */
.g-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.g-chips button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink);font:600 15px/1 var(--f-body);cursor:pointer}
.g-chips button small{font-size:13px;font-weight:500;color:var(--ink-soft)}
.g-chips button:hover{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent)}
.g-chips button[aria-pressed="true"]{background:var(--ink);color:var(--paper);box-shadow:none}
.g-chips button[aria-pressed="true"] small{color:rgba(255,247,247,.85)}

/* Masonry */
.ms{columns:2;column-gap:10px;padding-bottom:24px}
.ms .g-ph{margin:0 0 10px;break-inside:avoid;height:auto;border-radius:14px}
.g-tag{position:absolute;left:8px;bottom:8px;padding:3px 10px;border-radius:999px;background:rgba(59,35,41,.82);color:#fff7f7;font:600 13px/1.4 var(--f-body);pointer-events:none}
@media (min-width:700px){.ms{columns:3;column-gap:14px}.ms .g-ph{margin-bottom:14px;border-radius:18px}}
@media (min-width:1100px){.ms{columns:4}}