/* DEL MONACO LIVE V127 — product header dropdown + premium top-aligned hero */

/* --------------------------------------------------------------------------
   1) PRODUCT DROPDOWN — restore the same premium behaviour as the main page
   -------------------------------------------------------------------------- */
html body.dm-live-v127-product-pages .site-header,
html body.dm-live-v127-product-pages .site-header .header-inner,
html body.dm-live-v127-product-pages .site-header .nav{
  overflow:visible!important;
}
html body.dm-live-v127-product-pages .site-header{
  position:relative!important;
  z-index:1000!important;
}
html body.dm-live-v127-product-pages .site-header .nav{
  align-items:center!important;
  gap:clamp(13px,1.12vw,20px)!important;
}
html body.dm-live-v127-product-pages .site-header .nav-products{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  z-index:1100!important;
}
html body.dm-live-v127-product-pages .site-header .nav-products summary{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:48px!important;
  padding:14px 0!important;
  list-style:none!important;
  cursor:pointer!important;
  color:var(--dm-champagne,#eadcae)!important;
  font:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  letter-spacing:inherit!important;
  line-height:1!important;
  white-space:nowrap!important;
  transition:color .25s ease,text-shadow .25s ease!important;
}
html body.dm-live-v127-product-pages .site-header .nav-products summary::-webkit-details-marker{display:none!important}
html body.dm-live-v127-product-pages .site-header .nav-products summary::marker{display:none!important;content:""!important}
html body.dm-live-v127-product-pages .site-header .nav-products summary::before{
  content:""!important;
  width:0!important;height:0!important;
  border-left:4px solid transparent!important;
  border-right:4px solid transparent!important;
  border-top:5px solid currentColor!important;
  opacity:.8!important;
  transform:translateY(1px) rotate(0)!important;
  transition:transform .25s ease!important;
}
html body.dm-live-v127-product-pages .site-header .nav-products summary::after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:8px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,#d7aa3a,transparent)!important;
  transform:scaleX(0)!important;
  transform-origin:center!important;
  transition:transform .28s ease!important;
}
html body.dm-live-v127-product-pages .site-header .nav-products:hover summary,
html body.dm-live-v127-product-pages .site-header .nav-products:focus-within summary,
html body.dm-live-v127-product-pages .site-header .nav-products[open] summary{
  color:#f0d681!important;
  text-shadow:0 0 18px rgba(214,173,69,.26)!important;
}
html body.dm-live-v127-product-pages .site-header .nav-products:hover summary::after,
html body.dm-live-v127-product-pages .site-header .nav-products:focus-within summary::after,
html body.dm-live-v127-product-pages .site-header .nav-products[open] summary::after{
  transform:scaleX(1)!important;
}
html body.dm-live-v127-product-pages .site-header .nav-products[open] summary::before{
  transform:translateY(1px) rotate(180deg)!important;
}
html body.dm-live-v127-product-pages .site-header .nav-products-menu{
  position:absolute!important;
  top:calc(100% + 11px)!important;
  left:50%!important;
  right:auto!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:4px!important;
  width:max-content!important;
  min-width:250px!important;
  max-width:310px!important;
  margin:0!important;
  padding:12px!important;
  transform:translateX(-50%) translateY(9px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  border:1px solid rgba(218,174,62,.29)!important;
  border-radius:21px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(218,174,62,.14),transparent 58%),
    linear-gradient(180deg,rgba(15,30,23,.985),rgba(4,7,5,.985))!important;
  box-shadow:0 30px 72px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,245,205,.12)!important;
  backdrop-filter:blur(18px)!important;
  transition:opacity .25s ease,transform .25s ease,visibility .25s ease!important;
  z-index:1200!important;
}
html body.dm-live-v127-product-pages .site-header .nav-products:hover .nav-products-menu,
html body.dm-live-v127-product-pages .site-header .nav-products:focus-within .nav-products-menu,
html body.dm-live-v127-product-pages .site-header .nav-products[open] .nav-products-menu{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateX(-50%) translateY(0)!important;
}
html body.dm-live-v127-product-pages .site-header .nav-products-menu::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;top:-7px!important;
  width:14px!important;height:14px!important;
  transform:translateX(-50%) rotate(45deg)!important;
  border-left:1px solid rgba(218,174,62,.27)!important;
  border-top:1px solid rgba(218,174,62,.27)!important;
  background:rgba(15,30,23,.985)!important;
}
html body.dm-live-v127-product-pages .site-header .nav-products-menu a{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
  margin:0!important;
  padding:12px 14px!important;
  border:0!important;
  border-radius:14px!important;
  color:#eadcae!important;
  background:transparent!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.10em!important;
  line-height:1.25!important;
  text-align:left!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transform:none!important;
  transition:color .22s ease,background .22s ease,transform .22s ease!important;
}
html body.dm-live-v127-product-pages .site-header .nav-products-menu a::before{
  content:""!important;
  flex:0 0 7px!important;
  width:7px!important;height:7px!important;
  border:1px solid rgba(218,174,62,.62)!important;
  border-radius:50%!important;
  box-shadow:0 0 15px rgba(218,174,62,.22)!important;
}
html body.dm-live-v127-product-pages .site-header .nav-products-menu a::after{display:none!important}
html body.dm-live-v127-product-pages .site-header .nav-products-menu a:hover,
html body.dm-live-v127-product-pages .site-header .nav-products-menu a:focus-visible{
  color:#fff5d5!important;
  background:linear-gradient(90deg,rgba(218,174,62,.18),rgba(218,174,62,.045))!important;
  transform:translateX(3px)!important;
  outline:none!important;
}

/* --------------------------------------------------------------------------
   2) HERO — remove the large empty top space and create a richer composition
   -------------------------------------------------------------------------- */
html body.dm-live-v127-product-pages .dm125-hero{
  padding:clamp(18px,2.1vw,32px) 0 clamp(48px,5vw,78px)!important;
  background:
    radial-gradient(circle at 13% 8%,rgba(224,180,65,.17),transparent 29%),
    radial-gradient(circle at 82% 12%,rgba(255,255,255,.055),transparent 22%),
    linear-gradient(135deg,#151a14 0%,#0a100c 52%,#050806 100%)!important;
}
html body.dm-live-v127-product-pages .dm125-hero:after{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(215,170,58,.38),transparent)!important;
  pointer-events:none!important;
}
html body.dm-live-v127-product-pages .dm125-hero-grid{
  align-items:start!important;
  grid-template-columns:minmax(0,1.04fr) minmax(390px,.80fr)!important;
  gap:clamp(26px,4vw,62px)!important;
}
html body.dm-live-v127-product-pages .dm125-hero-copy{
  position:relative!important;
  align-self:start!important;
  margin:0!important;
  padding:clamp(30px,3vw,48px)!important;
  border-radius:30px!important;
  border-color:rgba(233,200,107,.16)!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(226,184,77,.14),transparent 38%),
    radial-gradient(circle at 92% 20%,rgba(255,255,255,.035),transparent 24%),
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.009)),
    rgba(5,11,8,.86)!important;
  box-shadow:0 34px 92px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07),inset 0 -55px 90px rgba(0,0,0,.12)!important;
  overflow:hidden!important;
}
html body.dm-live-v127-product-pages .dm125-hero-copy::before{
  content:"DEL MONACO · SIGNATURE COLLECTION"!important;
  position:absolute!important;
  top:20px!important;right:24px!important;
  color:rgba(243,214,128,.48)!important;
  font-size:.58rem!important;
  font-weight:900!important;
  letter-spacing:.15em!important;
  line-height:1!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}
html body.dm-live-v127-product-pages .dm125-hero-copy::after{
  content:""!important;
  position:absolute!important;
  right:-54px!important;bottom:-64px!important;
  width:190px!important;height:190px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(231,187,72,.14),transparent 68%)!important;
  filter:blur(2px)!important;
  pointer-events:none!important;
}
html body.dm-live-v127-product-pages .dm125-kicker{
  position:relative!important;
  z-index:1!important;
  margin-top:8px!important;
  font-size:.76rem!important;
  letter-spacing:.24em!important;
}
html body.dm-live-v127-product-pages .dm125-hero h1{
  position:relative!important;
  z-index:1!important;
  max-width:12ch!important;
  margin:15px 0 0!important;
  font-size:clamp(3.25rem,5vw,5.15rem)!important;
  line-height:.92!important;
  letter-spacing:-.048em!important;
  color:#fff3d5!important;
  background:linear-gradient(110deg,#fff8e5 0%,#f3dfae 58%,#c58d24 132%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
}
html body.dm-live-v127-product-pages .dm125-hero h1::after{
  content:""!important;
  display:block!important;
  width:min(180px,42%)!important;
  height:1px!important;
  margin-top:22px!important;
  background:linear-gradient(90deg,#d7aa3a,rgba(215,170,58,.18),transparent)!important;
}
html body.dm-live-v127-product-pages .dm125-hero h2{
  position:relative!important;
  z-index:1!important;
  margin-top:20px!important;
  color:#f0cf74!important;
  font-size:clamp(1.04rem,1.22vw,1.28rem)!important;
}
html body.dm-live-v127-product-pages .dm125-description{
  position:relative!important;
  z-index:1!important;
  margin-top:13px!important;
  max-width:62ch!important;
  color:rgba(255,244,216,.80)!important;
  line-height:1.8!important;
}
html body.dm-live-v127-product-pages .dm125-badges,
html body.dm-live-v127-product-pages .dm125-actions{position:relative!important;z-index:1!important}
html body.dm-live-v127-product-pages .dm125-badges{margin:24px 0 24px!important}
html body.dm-live-v127-product-pages .dm125-hero-media{
  align-self:start!important;
  margin:0!important;
  padding:13px!important;
  border-radius:30px!important;
  border-color:rgba(229,192,90,.25)!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(230,190,81,.15),transparent 46%),
    linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.008)),
    rgba(7,13,10,.88)!important;
  box-shadow:0 35px 96px rgba(0,0,0,.50),0 0 0 1px rgba(255,255,255,.02) inset!important;
}
html body.dm-live-v127-product-pages .dm125-hero-media::before{
  inset:18px!important;
  border-color:rgba(255,255,255,.095)!important;
}
html body.dm-live-v127-product-pages .dm125-hero-image{
  aspect-ratio:4/5!important;
  border-radius:20px!important;
}

/* Subtle product-specific accent light */
html body.dm-live-v127-product-pages.tone-shiraz .dm125-hero-copy{box-shadow:0 34px 92px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07),0 0 70px rgba(76,132,185,.045)!important}
html body.dm-live-v127-product-pages.tone-spicy .dm125-hero-copy{box-shadow:0 34px 92px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07),0 0 70px rgba(176,82,35,.055)!important}
html body.dm-live-v127-product-pages.tone-fayrouz .dm125-hero-copy{box-shadow:0 34px 92px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07),0 0 70px rgba(80,153,121,.05)!important}
html body.dm-live-v127-product-pages.tone-santorini .dm125-hero-copy{box-shadow:0 34px 92px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07),0 0 78px rgba(216,149,37,.06)!important}

@media(max-width:1150px){
  html body.dm-live-v127-product-pages .site-header .nav{gap:12px!important}
  html body.dm-live-v127-product-pages .dm125-hero-grid{grid-template-columns:minmax(0,1fr) minmax(350px,.76fr)!important;gap:28px!important}
  html body.dm-live-v127-product-pages .dm125-hero-copy::before{display:none!important}
}

@media(max-width:900px){
  html body.dm-live-v127-product-pages .site-header .nav-products{
    display:block!important;width:100%!important;
  }
  html body.dm-live-v127-product-pages .site-header .nav-products summary{
    display:flex!important;width:100%!important;justify-content:space-between!important;padding:13px 0!important;
  }
  html body.dm-live-v127-product-pages .site-header .nav-products summary::before{order:2!important}
  html body.dm-live-v127-product-pages .site-header .nav-products-menu{
    position:static!important;
    top:auto!important;left:auto!important;
    display:none!important;
    width:100%!important;min-width:0!important;max-width:none!important;
    margin:3px 0 10px!important;padding:8px!important;
    transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    border-radius:17px!important;background:rgba(0,0,0,.20)!important;box-shadow:none!important;
  }
  html body.dm-live-v127-product-pages .site-header .nav-products[open] .nav-products-menu{display:grid!important}
  html body.dm-live-v127-product-pages .site-header .nav-products-menu::before{display:none!important}
  html body.dm-live-v127-product-pages .site-header .nav-products-menu a{padding:11px 12px!important}
  html body.dm-live-v127-product-pages .dm125-hero-grid{grid-template-columns:1fr!important}
  html body.dm-live-v127-product-pages .dm125-hero-copy{order:1!important}
  html body.dm-live-v127-product-pages .dm125-hero-media{order:2!important;width:min(100%,580px)!important;justify-self:center!important}
}

@media(max-width:620px){
  html body.dm-live-v127-product-pages .dm125-hero{padding:14px 0 36px!important}
  html body.dm-live-v127-product-pages .dm125-hero-copy{padding:24px 18px 24px!important;border-radius:23px!important}
  html body.dm-live-v127-product-pages .dm125-kicker{margin-top:0!important}
  html body.dm-live-v127-product-pages .dm125-hero h1{font-size:clamp(2.8rem,14vw,4.05rem)!important}
  html body.dm-live-v127-product-pages .dm125-hero h1::after{margin-top:17px!important}
  html body.dm-live-v127-product-pages .dm125-hero-media{padding:8px!important;border-radius:23px!important}
  html body.dm-live-v127-product-pages .dm125-hero-image{border-radius:15px!important}
}

@media(prefers-reduced-motion:reduce){
  html body.dm-live-v127-product-pages *{transition:none!important;animation:none!important}
}
