/* Светлая фотолента: крупный кадр, соседние ракурсы и нативный свайп. */
.camry-photo-gallery { max-width: 1680px; margin-inline: auto; padding: 40px 0 48px; background: #fff; color: #111; overflow: hidden; }
.camry-photo-gallery h3 { margin: 0 auto 32px; padding: 0 5.3%; font: 400 clamp(44px, 5.4vw, 96px)/1.12 "Anton Camry", sans-serif; font-style: italic; text-transform: uppercase; }
.camry-photo-gallery h3::before { content: ""; display: block; width: 80px; height: 2px; margin-bottom: 20px; background: #df0710; }
.camry-photo-gallery__track { --slide-width: 68%; display: flex; gap: 12px; padding-inline: calc((100% - var(--slide-width)) / 2); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; }
.camry-photo-gallery__track::-webkit-scrollbar { display: none; }
.camry-photo-gallery__slide { flex: 0 0 100%; min-width: 0; margin: 0; scroll-snap-align: center; scroll-snap-stop: always; }
.camry-photo-gallery__slide img { display: block; width: 100%; aspect-ratio: 3/2; height: auto; object-fit: contain; border-radius: 4px; }
.camry-photo-gallery__footer { max-width: 1440px; margin: 24px auto 0; padding: 0 5.3%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; }
.camry-photo-gallery__footer[hidden] { display: none; }
.camry-photo-gallery__status { font: italic 400 28px/1.2 "Anton Camry", sans-serif; font-variant-numeric: tabular-nums; }
.camry-photo-gallery__selectors { display: flex; gap: 24px; }
.camry-photo-gallery__selectors button { padding: 12px 0; background: none; border: 0; border-bottom: 3px solid transparent; color: #666; font: 600 18px/1.3 "Camry UI", sans-serif; text-transform: uppercase; cursor: pointer; }
.camry-photo-gallery__selectors button[aria-pressed="true"] { border-bottom-color: #df0710; color: #111; }
.camry-photo-gallery__arrows { display: flex; justify-self: end; gap: 16px; }
.camry-photo-gallery__arrows button { display: grid; place-items: center; width: 56px; height: 56px; border: 1px solid #111; color: #111; background: #fff; cursor: pointer; }
.camry-photo-gallery__arrows button[data-car-next] { background: #df0710; border-color: #df0710; color: #fff; }
.camry-photo-gallery__arrows svg { width: 28px; height: 28px; }
.camry-photo-gallery__arrows [data-car-prev] svg { transform: rotate(180deg); }
.camry-photo-gallery__arrows button:hover { background: #111; color: #fff; border-color: #111; }
.camry-photo-gallery :focus-visible { outline: 3px solid #df0710; outline-offset: 3px; }
@media (max-width: 760px) {
  .camry-photo-gallery { padding: 32px 0 40px; }
  .camry-photo-gallery h3 { padding: 0 24px; max-width: 500px; font-size: clamp(48px, 13.3vw, 72px); margin-bottom: 24px; }
  .camry-photo-gallery__track { --slide-width: 86%; gap: 8px; }
  .camry-photo-gallery__footer { display: flex; flex-direction: column; gap: 20px; margin-top: 20px; padding: 0 20px; }
  .camry-photo-gallery__selectors { gap: 24px; }
  .camry-photo-gallery__selectors button { font-size: 16px; }
  .camry-photo-gallery__arrows { gap: 40px; }
}
