/* DEL MONACO LIVE V139 — definitive product hero single-fold repair.
   This layer intentionally outranks the older V133 equal-height / auto-margin rules. */
:root{
  --dm139-header-h:96px;
  --dm139-gold:#e7ba4d;
  --dm139-cream:#f6eed4;
}

@keyframes dm139-copy-in{
  from{opacity:0;transform:translate3d(0,14px,0)}
  to{opacity:1;transform:none}
}
@keyframes dm139-media-in{
  from{opacity:0;transform:scale(.988)}
  to{opacity:1;transform:none}
}

/* Desktop and laptop: the complete hero is exactly one visible viewport below the header. */
@media (min-width:981px){
  html{scroll-padding-top:var(--dm139-header-h)!important}

  html body.dm-live-v139-product-hero .dm125-hero{
    box-sizing:border-box!important;
    height:calc(100dvh - var(--dm139-header-h))!important;
    min-height:540px!important;
    max-height:calc(100dvh - var(--dm139-header-h))!important;
    padding:12px clamp(16px,2.1vw,36px) 14px!important;
    margin:0!important;
    overflow:hidden!important;
  }

  html body.dm-live-v139-product-hero .dm125-hero > .dm125-shell,
  html body.dm-live-v139-product-hero .dm125-hero-grid{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:1680px!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0 auto!important;
  }

  html body.dm-live-v139-product-hero .dm125-hero-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr)!important;
    align-items:stretch!important;
    gap:clamp(18px,2vw,30px)!important;
  }

  /* Critical correction: cancel V133's margin-top:auto and distribute nothing vertically. */
  html body.dm-live-v139-product-hero .dm125-hero-copy{
    box-sizing:border-box!important;
    align-self:stretch!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    padding:clamp(18px,2.25vw,34px) clamp(24px,2.8vw,44px)!important;
    display:grid!important;
    grid-auto-flow:row!important;
    grid-auto-rows:max-content!important;
    align-content:center!important;
    justify-content:stretch!important;
    row-gap:clamp(7px,.85vh,11px)!important;
    overflow:hidden!important;
  }

  html body.dm-live-v139-product-hero .dm125-hero-copy > *{
    box-sizing:border-box!important;
    min-width:0!important;
    min-height:0!important;
    margin-top:0!important;
    margin-bottom:0!important;
    padding-top:0;
  }

  html body.dm-live-v139-product-hero .dm125-kicker{
    margin:0!important;
    font-size:.7rem!important;
    line-height:1.1!important;
  }

  html body.dm-live-v139-product-hero .dm125-hero h1,
  html body.dm-live-v139-product-hero #dm125-title{
    max-width:13ch!important;
    margin:0!important;
    font-size:clamp(3.05rem,4.35vw,4.72rem)!important;
    line-height:.92!important;
    letter-spacing:-.045em!important;
  }

  html body.dm-live-v139-product-hero .dm125-hero h1::after,
  html body.dm-live-v139-product-hero #dm125-title::after{
    margin-top:10px!important;
    margin-bottom:0!important;
  }

  html body.dm-live-v139-product-hero .dm125-hero h2{
    margin:0!important;
    font-size:clamp(1rem,1.16vw,1.22rem)!important;
    line-height:1.22!important;
  }

  html body.dm-live-v139-product-hero .dm125-description{
    max-width:62ch!important;
    margin:0!important;
    font-size:clamp(.84rem,.95vw,1rem)!important;
    line-height:1.43!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }

  html body.dm-live-v139-product-hero .dm138-essentials{
    box-sizing:border-box!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:7px!important;
    display:grid!important;
    grid-template-columns:minmax(122px,.9fr) repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    border-radius:15px!important;
  }

  html body.dm-live-v139-product-hero .dm138-expression,
  html body.dm-live-v139-product-hero .dm138-note{
    box-sizing:border-box!important;
    min-height:42px!important;
    padding:7px 9px!important;
  }

  html body.dm-live-v139-product-hero .dm138-expression small,
  html body.dm-live-v139-product-hero .dm138-note small{
    margin:0 0 3px!important;
    font-size:.53rem!important;
  }

  html body.dm-live-v139-product-hero .dm138-expression strong,
  html body.dm-live-v139-product-hero .dm138-note strong{
    font-size:clamp(.72rem,.8vw,.86rem)!important;
    line-height:1.1!important;
  }

  html body.dm-live-v139-product-hero .dm125-badges{
    box-sizing:border-box!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
  }

  html body.dm-live-v139-product-hero .dm125-badges span,
  html body.dm-live-v139-product-hero .dm125-badge{
    box-sizing:border-box!important;
    min-height:38px!important;
    margin:0!important;
    padding:7px 10px!important;
    border-radius:12px!important;
    font-size:.68rem!important;
    line-height:1.18!important;
  }

  html body.dm-live-v139-product-hero .dm125-actions{
    box-sizing:border-box!important;
    width:100%!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
  }

  html body.dm-live-v139-product-hero .dm125-btn{
    box-sizing:border-box!important;
    min-height:46px!important;
    margin:0!important;
    padding:9px clamp(15px,1.45vw,22px)!important;
    font-size:.69rem!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }

  /* Critical correction: outrank old cover/min-height rules so the whole hero photograph is visible. */
  html body.dm-live-v139-product-hero .dm125-hero-media{
    --dm139-image:none;
    isolation:isolate!important;
    box-sizing:border-box!important;
    position:relative!important;
    align-self:stretch!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0!important;
    padding:10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    background:#07110d!important;
  }

  html body.dm-live-v139-product-hero .dm125-hero-media::before{
    content:""!important;
    position:absolute!important;
    inset:-28px!important;
    z-index:-2!important;
    background-image:linear-gradient(rgba(3,9,6,.30),rgba(3,9,6,.52)),var(--dm139-image,var(--dm138-image))!important;
    background-size:cover!important;
    background-position:center!important;
    filter:blur(20px) saturate(.92)!important;
    transform:scale(1.1)!important;
    opacity:.82!important;
  }

  html body.dm-live-v139-product-hero .dm125-hero-media picture,
  html body.dm-live-v139-product-hero .dm125-hero-media figure{
    box-sizing:border-box!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  html body.dm-live-v139-product-hero .dm125-hero-image,
  html body.dm-live-v139-product-hero .dm125-hero-media img{
    position:relative!important;
    z-index:1!important;
    flex:0 1 auto!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-width:100%!important;
    max-height:100%!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0!important;
    border-radius:20px!important;
    background:transparent!important;
  }

  html body.dm-live-v139-product-hero.dm139-ready .dm125-hero-copy{
    animation:dm139-copy-in .48s cubic-bezier(.2,.8,.2,1) both!important;
  }
  html body.dm-live-v139-product-hero.dm139-ready .dm125-hero-media{
    animation:dm139-media-in .62s cubic-bezier(.2,.8,.2,1) both!important;
  }
}

@media (min-width:981px) and (max-height:760px){
  html body.dm-live-v139-product-hero .dm125-hero{padding-top:8px!important;padding-bottom:8px!important;min-height:0!important}
  html body.dm-live-v139-product-hero .dm125-hero-copy{padding-top:14px!important;padding-bottom:14px!important;row-gap:6px!important}
  html body.dm-live-v139-product-hero .dm125-kicker{display:none!important}
  html body.dm-live-v139-product-hero .dm125-hero h1,
  html body.dm-live-v139-product-hero #dm125-title{font-size:clamp(2.7rem,3.9vw,4rem)!important}
  html body.dm-live-v139-product-hero .dm125-description{-webkit-line-clamp:1!important}
  html body.dm-live-v139-product-hero .dm138-expression{display:none!important}
  html body.dm-live-v139-product-hero .dm138-essentials{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html body.dm-live-v139-product-hero .dm125-badges span{min-height:34px!important;padding:6px 9px!important}
  html body.dm-live-v139-product-hero .dm125-btn{min-height:42px!important}
}

@media (min-width:981px) and (max-width:1220px){
  html body.dm-live-v139-product-hero .dm125-hero-grid{
    grid-template-columns:minmax(0,1.02fr) minmax(350px,.98fr)!important;
    gap:18px!important;
  }
  html body.dm-live-v139-product-hero .dm125-hero-copy{padding-left:22px!important;padding-right:22px!important}
  html body.dm-live-v139-product-hero .dm125-hero h1,
  html body.dm-live-v139-product-hero #dm125-title{font-size:clamp(2.85rem,4vw,4rem)!important}
}

/* Tablet/mobile remain naturally scrollable, but all inherited desktop spacers are removed. */
@media (max-width:980px){
  html body.dm-live-v139-product-hero .dm125-hero,
  html body.dm-live-v139-product-hero .dm125-hero-grid,
  html body.dm-live-v139-product-hero .dm125-hero-copy,
  html body.dm-live-v139-product-hero .dm125-hero-media{
    min-height:0!important;
    max-height:none!important;
  }
  html body.dm-live-v139-product-hero .dm125-hero-copy{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    gap:11px!important;
  }
  html body.dm-live-v139-product-hero .dm125-badges{
    margin:0!important;
    padding:0!important;
  }
  html body.dm-live-v139-product-hero .dm125-actions{
    margin:0!important;
    padding:0!important;
  }
  html body.dm-live-v139-product-hero .dm125-hero-image,
  html body.dm-live-v139-product-hero .dm125-hero-media img{
    min-height:0!important;
    object-fit:contain!important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body.dm-live-v139-product-hero .dm125-hero-copy,
  html body.dm-live-v139-product-hero .dm125-hero-media{animation:none!important}
}