/* V14 corrections:
   1) mobile Home text sits on the video, not on the white clipped area
   2) desktop stock cards stay fully inside the hero/video area
   3) Product/Service tabs are restored to normal non-sticky flow
*/

/* -------- Home mobile only -------- */
@media (max-width:600px){
  .home-page .reference-home-hero{
    min-height:430px!important;
  }

  /* Do not use a separate technical/white text panel on small screens. */
  .home-page .reference-home-hero .blueprint{
    display:none!important;
  }
  .home-page .reference-home-hero .hero-copy:before{
    display:none!important;
  }

  /* Keep the video crop better framed for the small-screen curve. */
  .home-page .reference-home-hero .hero-video-clip video{
    left:7%!important;
    width:93%!important;
    object-position:61% center!important;
    transform:scale(1.03)!important;
    filter:brightness(.78) contrast(1.04)!important;
  }

  /* A darkening veil is applied only over the media; it is not a separate background panel. */
  .home-page .reference-home-hero .hero-video-clip:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    pointer-events:none!important;
    background:
      linear-gradient(90deg,
        rgba(1,22,50,0) 0%,
        rgba(1,22,50,.10) 25%,
        rgba(1,22,50,.48) 45%,
        rgba(1,22,50,.54) 67%,
        rgba(1,22,50,.18) 100%)!important;
  }

  /* Put the rotating copy over the dark part of the video. */
  .home-page .reference-home-hero .hero-copy{
    position:absolute!important;
    left:38%!important;
    top:105px!important;
    width:55%!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
    z-index:10!important;
    color:#fff!important;
    text-align:left!important;
    text-shadow:0 2px 5px rgba(0,0,0,.55)!important;
  }
  .home-page .reference-home-hero .hero-copy .eyebrow{
    color:#f6d79b!important;
    font-size:8px!important;
    line-height:1.1!important;
    margin:0 0 6px!important;
  }
  .home-page .reference-home-hero .hero-copy h1{
    color:#fff!important;
    font-size:clamp(17px,5.1vw,21px)!important;
    line-height:1.05!important;
    letter-spacing:-.02em!important;
    margin:4px 0 8px!important;
    min-height:0!important;
    max-width:100%!important;
  }
  .home-page .reference-home-hero .hero-copy>p:not(.eyebrow){
    color:rgba(255,255,255,.94)!important;
    font-size:8.5px!important;
    line-height:1.35!important;
    max-width:94%!important;
    margin:0!important;
  }
  .home-page .reference-home-hero .actions{
    display:none!important;
  }

  /* Keep the stock cards clear of the quick-link section. */
  .home-page .reference-home-hero .stock-cards{
    left:4%!important;
    right:5%!important;
    bottom:15px!important;
    z-index:11!important;
  }
}

/* -------- Home desktop: keep both golden cards entirely inside hero -------- */
@media (min-width:981px){
  .home-page .reference-home-hero .stock-cards{
    left:43%!important;
    right:auto!important;
    bottom:64px!important;
    gap:18px!important;
    z-index:12!important;
  }
  .home-page .reference-home-hero .stock-cards>div{
    width:205px!important;
    min-width:205px!important;
    height:72px!important;
  }
  .home-page .reference-home-hero .video-toggle{
    bottom:150px!important;
  }
}

/* -------- Product / Service tabs: normal flow, NOT sticky/fixed -------- */
.detail-page .detail-tabs,
.detail-content-shell .detail-tabs{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  z-index:20!important;
  margin:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Keep the original visual tab treatment and active underline. */
.detail-page .detail-tabs{
  display:flex!important;
  justify-content:center!important;
  gap:70px!important;
  padding:13px!important;
  background:#fffffff5!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:1px solid var(--line)!important;
  -webkit-backdrop-filter:blur(15px)!important;
  backdrop-filter:blur(15px)!important;
  overflow:visible!important;
  white-space:normal!important;
}
.detail-page .detail-tabs a{
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:5px 10px!important;
  font-size:12px!important;
}
.detail-page .detail-tabs a.active{
  color:inherit!important;
  font-weight:700!important;
  border-bottom:2px solid var(--blue)!important;
}

@media (max-width:980px){
  .detail-page .detail-tabs{
    gap:clamp(14px,5vw,34px)!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
    justify-content:flex-start!important;
    scrollbar-width:none!important;
  }
  .detail-page .detail-tabs::-webkit-scrollbar{display:none!important}
}