/* DEL MONACO LIVE V117 — MOBILE HERO RESPONSIVE + PREMIUM MOTION
   Scope: home hero only. Desktop hero, header, footer, product pages,
   inquiry, admin, dashboard and SEO remain untouched. */

@media (max-width: 760px) {
  .section-hero {
    min-height: calc(100svh - 76px) !important;
    display: grid !important;
    align-items: center !important;
    overflow: hidden !important;
  }

  .section-hero .hero-visual,
  .section-hero .hero-visual picture,
  .section-hero .hero-visual img {
    width: 100% !important;
    height: 100% !important;
  }

  .section-hero .hero-visual img {
    object-fit: cover !important;
    object-position: center center !important;
    transform: scale(1.015);
    animation: dmV117HeroImageIn 1.45s cubic-bezier(.22,.75,.2,1) both;
    will-change: transform, opacity;
  }

  .section-hero .hero-overlay {
    background:
      linear-gradient(90deg, rgba(0,0,0,.90) 0%, rgba(0,0,0,.66) 48%, rgba(0,0,0,.20) 100%),
      linear-gradient(180deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,.18) 45%, rgba(0,0,0,.82) 100%) !important;
  }

  .section-hero .hero-content {
    padding: clamp(72px, 11svh, 116px) 0 clamp(58px, 8svh, 86px) !important;
  }

  .section-hero .hero-copy {
    max-width: min(92vw, 560px) !important;
    padding: 0 !important;
  }

  .section-hero .eyebrow,
  .section-hero .hero-title-line,
  .section-hero .hero-text,
  .section-hero .button-row .btn {
    opacity: 0;
    transform: translate3d(0, 22px, 0);
    filter: blur(7px);
    will-change: transform, opacity, filter;
  }

  .section-hero.dm-v117-ready .eyebrow {
    animation: dmV117TextReveal .72s .12s cubic-bezier(.22,.75,.2,1) forwards;
  }

  .section-hero.dm-v117-ready .hero-title-line {
    display: block;
    overflow: hidden;
    animation: dmV117TextReveal .78s cubic-bezier(.22,.75,.2,1) forwards;
  }

  .section-hero.dm-v117-ready .hero-title-line:nth-child(1) { animation-delay: .25s; }
  .section-hero.dm-v117-ready .hero-title-line:nth-child(2) { animation-delay: .37s; }
  .section-hero.dm-v117-ready .hero-title-line:nth-child(3) { animation-delay: .49s; }

  .section-hero.dm-v117-ready .hero-text {
    animation: dmV117TextReveal .75s .64s cubic-bezier(.22,.75,.2,1) forwards;
  }

  .section-hero.dm-v117-ready .button-row .btn:nth-child(1) {
    animation: dmV117TextReveal .72s .78s cubic-bezier(.22,.75,.2,1) forwards;
  }

  .section-hero.dm-v117-ready .button-row .btn:nth-child(2) {
    animation: dmV117TextReveal .72s .90s cubic-bezier(.22,.75,.2,1) forwards;
  }

  .section-hero h1 {
    font-size: clamp(48px, 13.4vw, 72px) !important;
    line-height: .97 !important;
    max-width: 8.5ch !important;
    margin-bottom: 20px !important;
  }

  .section-hero .hero-text {
    max-width: 35ch !important;
    font-size: clamp(15px, 4.3vw, 18px) !important;
    line-height: 1.72 !important;
    text-align: left !important;
    text-wrap: pretty;
  }

  .section-hero .button-row {
    gap: 14px !important;
  }

  .section-hero .btn {
    min-height: 58px !important;
    border-radius: 18px !important;
  }

  .section-hero .btn:hover span,
  .section-hero .btn:active span {
    transform: translateX(6px);
  }
}

@keyframes dmV117TextReveal {
  from {
    opacity: 0;
    transform: translate3d(0, 22px, 0);
    filter: blur(7px);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0);
  }
}

@keyframes dmV117HeroImageIn {
  from {
    opacity: .55;
    transform: scale(1.075);
  }
  to {
    opacity: 1;
    transform: scale(1.015);
  }
}

@media (prefers-reduced-motion: reduce) {
  .section-hero .hero-visual img,
  .section-hero .eyebrow,
  .section-hero .hero-title-line,
  .section-hero .hero-text,
  .section-hero .button-row .btn {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}