/* Plum & Sugar — Gallery */

.filter-bar{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:clamp(24px,3vw,40px)}
.filter-bar button{padding:9px 20px;border-radius:100px;border:1.5px solid var(--line);background:#fff;font-size:13px;font-weight:600;color:var(--text-2);cursor:pointer;transition:all .2s;font-family:var(--sans)}
.filter-bar button:hover{border-color:var(--plum);color:var(--plum)}
.filter-bar button.active{background:var(--plum);color:#fff;border-color:var(--plum)}

.masonry{columns:4 220px;column-gap:16px}
.m-item{break-inside:avoid;margin-bottom:16px;border-radius:var(--radius-lg);overflow:hidden;position:relative;display:none}
.m-item.show{display:block}
.m-item img{width:100%;display:block}
.m-item .cap{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-radius:100px;padding:6px 14px;font-size:11px;font-weight:600;color:var(--plum)}

@media (max-width:768px){ .masonry{columns:2 160px} }