/* v180 — mobile hero layout built on the stable v174 hero player.
   Goal: keep the centre of the moving image clear, move the sales copy
   directly above the CTA, and preserve the original title animation. */

.v180-hero-lead-mobile{
  display:none;
}

@media (max-width:700px){
  .v44-hero{
    min-height:92vh;
    min-height:92svh;
    align-items:stretch;
  }

  .v44-hero .v44-hero-copy{
    min-height:92vh;
    min-height:92svh;
    display:flex;
    flex-direction:column;
    padding-top:clamp(38px,5svh,54px);
    padding-bottom:clamp(28px,3.8svh,40px);
  }

  /* Keep the full SEO/sales paragraph on desktop only. */
  .v180-hero-lead-desktop{
    display:none;
  }

  /* Push the compact mobile sales copy to the lower part of the hero.
     This deliberately leaves the middle of the frame for the video. */
  .v44-hero .v180-hero-lead-mobile{
    display:block;
    margin-top:auto;
    margin-bottom:0;
    max-width:34ch !important;
    font-size:1rem !important;
    line-height:1.45 !important;
  }

  .v44-hero .v44-actions{
    margin-top:14px;
    width:auto;
    max-width:100%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:7px;
  }

  .v44-hero .v50-cta-primary{
    width:auto;
    min-width:230px;
    max-width:100%;
    min-height:44px;
    padding:0 18px;
    border-radius:9px !important;
    font-size:.94rem;
    line-height:1.15;
  }

  .v44-hero .v50-cta-secondary{
    width:auto;
    min-height:0;
    padding:7px 2px;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    color:rgba(255,255,255,.84) !important;
    font-size:.9rem;
    line-height:1.25;
    font-weight:600;
  }

  .v44-hero .v50-cta-secondary::after{
    content:" →";
  }

  .v44-hero .v50-cta-secondary:hover,
  .v44-hero .v50-cta-secondary:active{
    transform:none;
    background:transparent !important;
    border-color:transparent !important;
    color:#fff !important;
  }

  .v44-hero .v50-cta-secondary:focus-visible{
    outline:2px solid #fff;
    outline-offset:4px;
  }
}

@media (max-width:350px){
  .v44-hero .v44-hero-copy{
    padding-top:30px;
    padding-bottom:24px;
  }

  .v44-hero .v180-hero-lead-mobile{
    font-size:.94rem !important;
    line-height:1.4 !important;
  }

  .v44-hero .v50-cta-primary{
    min-width:0;
    font-size:.9rem;
  }
}