/* ALTERRA VR — MOBILE/TABLET MOTION BLOCK 06 V1
   Scope: <=1100px only. Geometry stays untouched. */
@media (max-width:1100px){
  .m6-prices{--m6m-ease:cubic-bezier(.22,.61,.36,1)}

  /* Entrance: copy first, then three price cards in sequence. */
  html.m6m-ready .m6-prices:not(.m6m-in) .m6-kicker,
  html.m6m-ready .m6-prices:not(.m6m-in) .m6-title,
  html.m6m-ready .m6-prices:not(.m6m-in) .m6-lead,
  html.m6m-ready .m6-prices:not(.m6m-in) .m6-note,
  html.m6m-ready .m6-prices:not(.m6m-in) .m6-card,
  html.m6m-ready .m6-prices:not(.m6m-in) .m6-bottom{
    opacity:0;
    transform:translateY(16px);
    filter:blur(3px);
  }

  html.m6m-ready .m6-prices .m6-kicker,
  html.m6m-ready .m6-prices .m6-title,
  html.m6m-ready .m6-prices .m6-lead,
  html.m6m-ready .m6-prices .m6-note,
  html.m6m-ready .m6-prices .m6-card,
  html.m6m-ready .m6-prices .m6-bottom{
    transition:
      opacity .62s var(--m6m-ease),
      transform .72s var(--m6m-ease),
      filter .72s var(--m6m-ease),
      border-color .22s ease,
      box-shadow .22s ease;
  }

  html.m6m-ready .m6-prices.m6m-in .m6-kicker{transition-delay:.02s}
  html.m6m-ready .m6-prices.m6m-in .m6-title{transition-delay:.10s}
  html.m6m-ready .m6-prices.m6m-in .m6-lead{transition-delay:.20s}
  html.m6m-ready .m6-prices.m6m-in .m6-note{transition-delay:.27s}
  html.m6m-ready .m6-prices.m6m-in .m6-card:nth-child(1){transition-delay:.34s}
  html.m6m-ready .m6-prices.m6m-in .m6-card:nth-child(2){transition-delay:.45s}
  html.m6m-ready .m6-prices.m6m-in .m6-card:nth-child(3){transition-delay:.56s}
  html.m6m-ready .m6-prices.m6m-in .m6-bottom{transition-delay:.67s}

  html.m6m-ready .m6-prices.m6m-in .m6-kicker,
  html.m6m-ready .m6-prices.m6m-in .m6-title,
  html.m6m-ready .m6-prices.m6m-in .m6-lead,
  html.m6m-ready .m6-prices.m6m-in .m6-note,
  html.m6m-ready .m6-prices.m6m-in .m6-card,
  html.m6m-ready .m6-prices.m6m-in .m6-bottom{
    opacity:1;
    transform:none;
    filter:none;
  }

  /* Maxi is the recommended format, keep a calm long-period halo. */
  .m6-card--featured{
    animation:m6mFeaturedBreath 5s ease-in-out 1.6s infinite;
  }
  @keyframes m6mFeaturedBreath{
    0%,100%{
      border-color:rgba(93,239,255,.76);
      box-shadow:0 0 18px rgba(40,218,244,.08),0 22px 54px rgba(0,0,0,.28);
    }
    50%{
      border-color:rgba(119,246,255,.98);
      box-shadow:0 0 30px rgba(40,218,244,.17),0 22px 54px rgba(0,0,0,.28);
    }
  }

  /* Conversion motion: restrained light sweep on actions, with long pauses. */
  .m6-action{
    position:relative;
    overflow:hidden;
    transition:transform .16s ease,filter .18s ease,box-shadow .18s ease;
  }
  .m6-action::before{
    content:"";
    position:absolute;
    top:-90%;
    left:-42%;
    width:18%;
    height:280%;
    transform:rotate(18deg);
    opacity:0;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);
    pointer-events:none;
  }
  html.m6m-ready .m6-prices.m6m-in .m6-action::before{
    animation:m6mActionSweep 5.8s var(--m6m-ease) infinite;
  }
  html.m6m-ready .m6-prices.m6m-in .m6-card:nth-child(1) .m6-action::before{animation-delay:1.3s}
  html.m6m-ready .m6-prices.m6m-in .m6-card:nth-child(2) .m6-action::before{animation-delay:2.0s}
  html.m6m-ready .m6-prices.m6m-in .m6-card:nth-child(3) .m6-action::before{animation-delay:2.7s}

  @keyframes m6mActionSweep{
    0%,72%{left:-42%;opacity:0}
    76%{opacity:.78}
    86%{left:122%;opacity:.18}
    88%,100%{left:122%;opacity:0}
  }

  /* Touch feedback replaces hover. */
  .m6-action:active{
    transform:scale(.985);
    filter:brightness(1.08);
    box-shadow:0 0 20px rgba(55,225,248,.18),inset 0 0 18px rgba(88,235,255,.08);
  }
  .m6-card--featured .m6-action:active{
    box-shadow:0 0 24px rgba(55,225,248,.28),inset 0 0 18px rgba(255,255,255,.12);
  }
}

@media (prefers-reduced-motion:reduce){
  .m6-prices *,
  .m6-prices *::before,
  .m6-prices *::after{
    animation:none !important;
    transition:none !important;
  }
  html.m6m-ready .m6-prices .m6-kicker,
  html.m6m-ready .m6-prices .m6-title,
  html.m6m-ready .m6-prices .m6-lead,
  html.m6m-ready .m6-prices .m6-note,
  html.m6m-ready .m6-prices .m6-card,
  html.m6m-ready .m6-prices .m6-bottom{
    opacity:1 !important;
    transform:none !important;
    filter:none !important;
  }
}