/* V502 Featured Experiences: cards are in a horizontal grid.
   The generic V481 900px content-visibility placeholder made the whole mobile
   slider ~900px tall and moved its booking/view CTA below the screen.
   The ten tiny thumbnails are now light enough to render normally. */
@supports (content-visibility: auto) {
  #tourSlider > .tour-card {
    content-visibility: visible;
    contain: none;
    contain-intrinsic-size: auto;
  }
}

/* V511: accessible manual carousel controls alongside four-second autoplay. */
#tours .featured-scroll-controls{display:flex;align-items:center;justify-content:flex-end;gap:11px;margin:-18px 0 16px}
#tours .featured-scroll-controls button{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;border:1px solid #c8d7e3;background:#fff;color:#062a47;font-size:28px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}
#tours .featured-scroll-controls button:not(:disabled):hover{background:#fff0e7;border-color:#f56b16}
#tours .featured-scroll-controls button:focus-visible{outline:3px solid #f56b16;outline-offset:3px}
#tours .featured-scroll-controls button:disabled{opacity:.38;cursor:default}
#tours .featured-scroll-counter{min-width:47px;text-align:center;font-size:13px;font-weight:700;color:#38506a}
@media(max-width:800px){#tours .featured-scroll-controls{margin:-14px 0 12px}}