.gallery { position: relative; margin: 1.25rem 0; }
.gallery-track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(220px, 30%); gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; }
.gallery-track::-webkit-scrollbar { height: 6px; }
.gallery-track::-webkit-scrollbar-thumb { background:#cbd5e1; border-radius: 9999px; }
.gallery-item { scroll-snap-align: start; border-radius: 14px; overflow: hidden; border: 1px solid #e5e7eb; box-shadow: 0 1px 2px rgba(0,0,0,0.06); height: clamp(120px, 18vw, 160px); }
.gallery-item img { width: 100%; height: 100%; object-fit: cover; }
.gallery-nav { position: absolute; inset: 0; display: flex; justify-content: space-between; align-items: center; pointer-events: none; }
.gallery-btn { pointer-events: auto; background: rgba(255,255,255,0.85); border: 1px solid #e5e7eb; border-radius: 9999px; width: 36px; height: 36px; display: grid; place-items: center; margin: 0 4px; }
.gallery-btn:hover { background: rgba(255,255,255,0.95); }
.gallery-caption { font-size: 0.9rem; color:#475569; margin-top:4px; }