.restaurant-gallery { border-top: 1px solid var(--line); }
.gallery-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 8px 0 0; }
.gallery-toolbar>p { font-size: 13px; color: var(--muted); }
.gallery-toolbar .text-link { min-height: 44px; white-space: nowrap; font-size: 12px; }
.gallery-toolbar .text-link:disabled { opacity: .7; cursor: default; }
.moment-grid { columns: 3; column-gap: 24px; }
.moment-card { display: inline-block; width: 100%; min-width: 0; break-inside: avoid; margin: 0 0 28px; vertical-align: top; perspective: 1400px; }
.moment-rotor { width: 100%; position: relative; transform-style: preserve-3d; transition: transform .95s cubic-bezier(.45,.05,.25,1); }
.moment-rotor::before { content: ''; display: block; aspect-ratio: var(--photo-ratio, 3 / 4); }
.moment-rotor::after { content: ''; display: block; height: 34px; }
.moment-face { position: absolute; inset: 0; display: flex; flex-direction: column; margin: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.moment-back { transform: rotateY(180deg); }
.moment-face a { display: block; flex: 1; min-height: 0; overflow: hidden; border-radius: 5px; }
.moment-face img { width: 100%; height: 100%; object-fit: cover; }
.moment-face figcaption { display: flex; align-items: center; gap: 8px; flex: 0 0 34px; padding-top: 10px; color: var(--gold); font: 600 13px/1.5 var(--sans); }
.moment-face figcaption .outline-icon { width: 16px; height: 16px; flex-basis: 16px; }
.gallery-pagination { display: flex; align-items: center; justify-content: center; gap: 28px; margin-top: 32px; }
.gallery-pagination .button { min-height: 46px; padding: 11px 18px; font-size: 13px; }
.gallery-pagination .button:disabled { opacity: .4; transform: none; }
.gallery-page-picker { display: flex; align-items: center; gap: 12px; }
.gallery-page-picker label { margin: 0; font-size: 12px; white-space: nowrap; }
.gallery-page-picker select { width: 100px; padding: 10px; min-height: 46px; font-size: 13px; }
.gallery-status { min-height: 22px; margin: 14px 0 0; text-align: center; color: var(--gold); font-size: 12px; }
.restaurant-gallery .community-source { text-align: center; }
@media(max-width:950px) { .moment-grid { columns: 2; column-gap: 21px; } }
@media(max-width:600px) { .moment-grid { columns: 1; } .moment-card { margin-bottom: 26px; } .gallery-toolbar { align-items: flex-start; flex-direction: column; gap: 4px; } .gallery-pagination { gap: 10px; } .gallery-pagination .button { padding: 10px; font-size: 12px; } .gallery-page-picker { flex-direction: column; gap: 5px; } .gallery-page-picker label { font-size: 11px; } .gallery-page-picker select { width: 91px; font-size: 16px; } }
@media(prefers-reduced-motion:reduce) { .moment-rotor { transition: none; } }