/* Carousel arrows, phone form (below 768px): one control row under every overlay carousel.
   The blades never sit on photos, cards, captions or dots. This file reserves the band under
   the track; the shared engine (positionArrows in js/site.js) seats the pair side by side in it,
   centred, 16px apart. Review carousels already use this row (arrows beside the dots).
   Nothing here applies from 768px up, so desktop is untouched. */
@media (max-width: 767.98px) {
  /* Service cards: 12px gap + one 40px blade. */
  .service-photos__carousel { padding-bottom: 52px; }
  /* Photo slider: the caption pill hangs up to 31px below the photo (two lines), then 12px, then the 40px blade row. */
  .photo-slider-shell { padding-bottom: 83px; }
}