/*
 * Shopify redesign service page (/services/shopify-redesign).
 * Loaded via the per-page asset convention on top of the global app.css.
 *
 * The approved design's helmet adds nothing beyond the global sheet
 * (tokens, reset, [data-sticky], nav switch and reduced-motion all live
 * in assets/css/input.css); this file carries only page-scoped
 * affordances for the hero comparison slider.
 */

/* Dragging the slider must never start a native image drag
   (Safari/Firefox ghost-drag would fight the pointer capture). */
.page-service-shopify-redesign [data-compare] img {
  -webkit-user-drag: none;
}

/* Without JS the slider cannot move, so don't advertise a drag cursor. */
@media (scripting: none) {
  .page-service-shopify-redesign [data-compare] {
    cursor: default;
  }
}