/* Native menu gestures: preserve the approved drawer while giving it an exit. */
@media(max-width:1080px){
  /* Installed only while the drawer is open, including exposed page/header. */
  html[data-isp-menu-open],html[data-isp-menu-open] body,html[data-isp-menu-open] body *{touch-action:pan-y pinch-zoom!important}
  .mobile-menu-panel.isp-menu-panel{
    animation:none!important;
    transform:translate3d(var(--isp-menu-drag,0px),0,0);
    transition:transform .28s cubic-bezier(.2,.7,.2,1)!important;
    touch-action:pan-y pinch-zoom;
    overscroll-behavior:contain;
    will-change:transform;
  }
  .mobile-menu-panel.isp-menu-panel.is-entering{animation:ispMenuEnter .28s cubic-bezier(.2,.7,.2,1) both!important}
  .mobile-menu-panel.isp-menu-panel.is-dragging{animation:none!important;transition:none!important;user-select:none}
  .mobile-menu-panel.isp-menu-panel.is-closing{animation:none!important;transform:translate3d(105%,0,0)!important;pointer-events:none}
  .mobile-menu-backdrop.isp-menu-backdrop{opacity:var(--isp-menu-shade,1);animation:none!important;transition:opacity .28s ease!important}
  .mobile-menu-backdrop.isp-menu-backdrop.is-dragging{transition:none!important}
  .mobile-menu-backdrop.isp-menu-backdrop.is-closing{opacity:0!important;pointer-events:none}
}
@keyframes ispMenuEnter{from{transform:translate3d(105%,0,0)}to{transform:translate3d(0,0,0)}}

/* Inquiry first, then the existing video and ordering stages. */
body #root main[data-screen-label="Order"]>.cta-section:first-child{
  padding:132px 36px 64px!important;
}
body #root main[data-screen-label="Order"]>.cta-section:first-child .cta-grid{
  gap:48px!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:start;
}
body #root main[data-screen-label="Order"]>.cta-section:first-child h2{
  font-size:clamp(38px,4.3vw,68px)!important;
  line-height:1.05!important;
  margin:18px 0 22px!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
body #root main[data-screen-label="Order"]>.cta-section:first-child .cta-grid p{margin-bottom:24px!important}
body #root main[data-screen-label="Order"]>.cta-section:first-child .cta-grid> .reveal{padding-top:12px}
body #root main[data-screen-label="Order"]>.cta-section:first-child .cta-grid form{max-width:640px;width:100%;margin:0 auto}
body #root main[data-screen-label="Order"]>.cta-section:first-child .cta-grid form button{width:100%;justify-content:center}
body #root main[data-screen-label="Order"]>.page-hero{height:clamp(340px,42vw,560px)!important}
@media(max-width:1000px){
  body #root main[data-screen-label="Order"]>.cta-section:first-child{padding:116px 28px 44px!important}
  body #root main[data-screen-label="Order"]>.cta-section:first-child .cta-grid{
    display:flex!important;
    flex-direction:column;
    gap:0!important;
    align-items:stretch;
    text-align:center;
  }
  body #root main[data-screen-label="Order"]>.cta-section:first-child .cta-grid>div:first-child{display:contents}
  body #root main[data-screen-label="Order"]>.cta-section:first-child .cta-grid>div:first-child>.reveal:nth-child(1){order:0}
  body #root main[data-screen-label="Order"]>.cta-section:first-child .cta-grid>div:first-child>.reveal:nth-child(2){order:1}
  body #root main[data-screen-label="Order"]>.cta-section:first-child .cta-grid>div:first-child>.reveal:nth-child(3){order:2}
  body #root main[data-screen-label="Order"]>.cta-section:first-child .cta-grid>div:first-child>.reveal:nth-child(4){order:4;margin-top:32px}
  body #root main[data-screen-label="Order"]>.cta-section:first-child .cta-grid>.reveal{order:3;padding-top:0}
  body #root main[data-screen-label="Order"]>.cta-section:first-child .cta-grid p{margin-left:auto!important;margin-right:auto!important}
  body #root main[data-screen-label="Order"]>.cta-section:first-child .cta-grid .mono{align-items:center}
}
@media(max-width:680px){
  body #root main[data-screen-label="Order"]>.cta-section:first-child{padding:112px 20px 36px!important}
  body #root main[data-screen-label="Order"]>.cta-section:first-child h2{font-size:clamp(29px,7.8vw,42px)!important;margin:14px 0 18px!important}
  body #root main[data-screen-label="Order"]>.cta-section:first-child .cta-grid p{font-size:14px!important;line-height:1.5!important;margin-bottom:14px!important}
  body #root main[data-screen-label="Order"]>.cta-section:first-child form textarea{min-height:72px!important}
  body #root main[data-screen-label="Order"]>.cta-section:first-child .cta-grid>div:first-child>.reveal:nth-child(4){margin-top:26px}
}
@media(prefers-reduced-motion:reduce){
  .mobile-menu-panel.isp-menu-panel,.mobile-menu-panel.isp-menu-panel.is-entering,.mobile-menu-backdrop.isp-menu-backdrop{animation:none!important;transition:none!important}
}
