/* TOUR SCOPE V8.3.2 R5 — mobile performance + deterministic motion closeout.
   No approved layout, content, pricing, SEO, admin or Cloudinary structure changes. */
@media(max-width:900px){
  /* Kill legacy viewport-focus transforms that were recalculated every scroll frame. */
  .trip-card.ts-touch-active,.experience-card.ts-touch-active,
  .trip-card.ts-mobile-focus,.experience-card.ts-mobile-focus,
  .trip-card.ts-touch-active .trip-card-media,.experience-card.ts-touch-active .card-image,
  .trip-card.ts-mobile-focus .trip-card-media,.experience-card.ts-mobile-focus .card-image{
    transform:none !important;filter:none !important;will-change:auto !important;
  }
  /* One-shot entry motion: compositor-friendly and finished once visible. */
  html.ts-motion-v832 .ts-v832-reveal{
    transition:opacity .34s ease,transform .36s cubic-bezier(.2,.72,.2,1) !important;
    transition-delay:var(--ts-motion-delay,0ms) !important;
    will-change:auto !important;
  }
  html.ts-motion-v832 .ts-v832-reveal.ts-motion-pending{
    opacity:0 !important;transform:translate3d(0,12px,0) !important;
  }
  html.ts-motion-v832 .ts-v832-reveal.ts-v832-shown{
    opacity:1 !important;transform:none !important;
  }
  .trip-card,.experience-card{backface-visibility:hidden;}
  .trip-card-media,.experience-card .card-image{will-change:auto !important;}
  /* Booking controls never move geometrically on touch. */
  :where(.header-cta,.signature-header-cta,.xp-header-cta,.detail-plan-button,.detail-view-button,.booking-panel button,.xp-btn.primary,.signature-button.primary):active{
    transform:none !important;
  }
}
@media(prefers-reduced-motion:reduce){
  html.ts-motion-v832 .ts-v832-reveal,html.ts-motion-v832 .ts-v832-reveal.ts-motion-pending{opacity:1!important;transform:none!important;transition:none!important}
}
/* Premium no-image fallback for promotional campaigns until Cloudinary media is supplied. */
.ts-offer-media.is-fallback{position:relative;background:radial-gradient(circle at 72% 28%,rgba(34,220,226,.34),transparent 28%),linear-gradient(135deg,#062958 0%,#063b5f 48%,#10a9b9 100%)}
.ts-offer-media.is-fallback::before{content:"TOUR SCOPE";position:absolute;left:18px;bottom:17px;color:#fff;font-weight:950;letter-spacing:.18em;font-size:12px;text-shadow:0 2px 12px rgba(0,0,0,.28)}
.ts-offer-media.is-fallback::after{content:"RED SEA EXPERIENCES";position:absolute;left:18px;bottom:7px;color:rgba(255,255,255,.7);font-weight:800;letter-spacing:.16em;font-size:6px}