/* =============================================================================
   DESKTOP RESTORED TO 23:45 — all rules below are MOBILE ONLY (max-width:980px).
   Desktop (≥981px) uses site.css + pre-midnight layout again.
   Was: home hero single-column + carousel override on desktop.
   ============================================================================= */

@media (max-width:980px){
/* =============================================================================
   HOME RESTORE — centred hero + professional carousel
   FULL FILE FORCE v=force6
   Desktop = source of truth. Mobile mirrors it tightly.
   Caption has NO container background. Carousel resized so bottom dots
   never cover caption text (previous clear pointer clearance restored).
   Loads LAST on home.
   ============================================================================= */

/* --------------------------------------------------------------------------
   1) HOME HERO — centred (desktop + mobile)
   -------------------------------------------------------------------------- */
html body.home-page #top.hero.hero-editorial,
html body #top.hero.hero-editorial,
html body.home-page section#top.hero.hero-editorial{
  min-height:0!important;
  height:auto!important;
  padding-top:clamp(28px,3.2vw,48px)!important;
  padding-bottom:clamp(28px,3.6vw,56px)!important;
}

html body.home-page #top.hero.hero-editorial .hero-editorial-grid,
html body #top .hero-editorial-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  gap:0!important;
  width:100%!important;
  max-width:1200px!important;
  margin:0 auto!important;
  padding-left:clamp(16px,3vw,34px)!important;
  padding-right:clamp(16px,3vw,34px)!important;
  box-sizing:border-box!important;
}

html body.home-page #top.hero.hero-editorial .hero-editorial-copy,
html body.home-page #top .hero-copy.hero-editorial-copy,
html body #top.hero.hero-editorial .hero-editorial-copy,
html body #top .hero-editorial-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  justify-items:center!important;
  text-align:center!important;
  width:100%!important;
  max-width:860px!important;
  margin:0 auto!important;
  padding:clamp(12px,1.6vw,20px) 0!important;
  border-radius:0!important;
  box-sizing:border-box!important;
  gap:0!important;
}

html body.home-page #top .hero-eyebrow,
html body.home-page #top .hero-editorial-copy > .eyebrow,
html body.home-page #top .hero-editorial-copy > .hero-eyebrow,
html body #top .hero-eyebrow{
  margin:0 auto 12px!important;
  margin-inline:auto!important;
  align-self:center!important;
  justify-self:center!important;
  text-align:center!important;
}

html body.home-page #top #hero-title,
html body.home-page #top.hero.hero-editorial #hero-title,
html body #top #hero-title,
html body #top .hero-editorial-copy h1{
  display:block!important;
  width:100%!important;
  max-width:min(100%,18em)!important;
  margin:0 auto 14px!important;
  text-align:center!important;
  align-self:center!important;
}

html body.home-page #top .hero-lede,
html body.home-page #top.hero.hero-editorial .hero-lede,
html body #top .hero-lede,
html body #top .hero-editorial-copy > p.hero-lede{
  display:block!important;
  width:100%!important;
  max-width:46ch!important;
  margin:0 auto 18px!important;
  text-align:center!important;
  align-self:center!important;
}

/* Trust strip sits tight under lede when present */
html body.home-page #top .hero-trust-strip,
html body #top .hero-trust-strip{
  width:100%!important;
  max-width:920px!important;
  margin:0 auto 18px!important;
  justify-self:center!important;
}

html body.home-page #top .hero-actions,
html body #top .hero-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  align-self:center!important;
  gap:12px!important;
  margin:0 auto!important;
  text-align:center!important;
  width:auto!important;
  max-width:100%!important;
}

html body.home-page #top .hero-actions .btn,
html body #top .hero-actions .btn{
  text-align:center!important;
  justify-content:center!important;
}

html body.home-page #top .hero-microcopy,
html body #top .hero-microcopy{
  margin:14px auto 0!important;
  text-align:center!important;
  max-width:46ch!important;
}

html body.home-page #top .hero-proof-row,
html body #top .hero-proof-row{
  margin-top:18px!important;
  margin-bottom:0!important;
  width:100%!important;
}

/* --------------------------------------------------------------------------
   2) HOME CAROUSEL — professional, compact, no empty bands
   -------------------------------------------------------------------------- */
html body.home-page #home-carousel.home-carousel-section,
html body #home-carousel.home-carousel-section{
  width:100%!important;
  position:relative!important;
  margin:0!important;
  padding:clamp(16px,2.4vw,28px) clamp(16px,3.2vw,34px)!important;
  background:linear-gradient(180deg,#eef0f4 0%,#f6f7f9 62%,#ffffff 100%)!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
}

/* Kill decorative spacer lines that create empty gaps */
html body.home-page #home-carousel.home-carousel-section::before,
html body.home-page #home-carousel.home-carousel-section::after,
html body #home-carousel.home-carousel-section::before,
html body #home-carousel.home-carousel-section::after{
  content:none!important;
  display:none!important;
  height:0!important;
  margin:0!important;
  width:0!important;
  opacity:0!important;
  visibility:hidden!important;
}

html body.home-page #home-carousel .home-hero-photo-carousel.zatra-staff-frame,
html body #home-carousel .home-hero-photo-carousel.zatra-staff-frame,
html body.home-page .home-hero-photo-carousel.zatra-staff-frame{
  --carousel-h:clamp(460px,48vw,660px);
  --dots-safe:52px;
  --caption-clear:calc(var(--dots-safe) + 12px);
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:1200px!important;
  height:var(--carousel-h)!important;
  min-height:var(--carousel-h)!important;
  max-height:var(--carousel-h)!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:30px!important;
  background:#0b1220!important;
  box-shadow:0 28px 80px rgba(7,17,31,.22)!important;
  isolation:isolate!important;
  line-height:0!important;
}

html body.home-page #home-carousel .zatra-staff-track,
html body.home-page #home-carousel .zatra-staff-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}

html body.home-page #home-carousel .zatra-staff-track{
  display:block!important;
}

html body.home-page #home-carousel .zatra-staff-slide{
  display:none!important;
  opacity:0!important;
  transform:scale(1.02)!important;
  transition:opacity .45s ease,transform .45s ease!important;
}

html body.home-page #home-carousel .zatra-staff-slide.is-active{
  display:block!important;
  opacity:1!important;
  transform:scale(1)!important;
  z-index:1!important;
}

html body.home-page #home-carousel .zatra-staff-slide img,
html body.home-page .home-hero-photo-carousel img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:saturate(1.02) contrast(1.04)!important;
  margin:0!important;
  padding:0!important;
  vertical-align:top!important;
}

html body.home-page #home-carousel .zatra-staff-slide::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(7,17,31,.55) 0%,rgba(7,17,31,.18) 46%,rgba(7,17,31,.42) 100%),
    linear-gradient(0deg,rgba(7,17,31,.78) 0%,rgba(7,17,31,.12) 46%,rgba(7,17,31,0) 70%)!important;
  opacity:1!important;
}

html body.home-page #home-carousel .home-carousel-caption,
html body.home-page #home-carousel .zatra-staff-slide figcaption.home-carousel-caption,
html body.home-page #home-carousel .zatra-staff-slide figcaption,
html body.home-page #home-carousel .zatra-staff-slide .home-carousel-caption,
html body #home-carousel .home-carousel-caption{
  position:absolute!important;
  left:clamp(18px,2.6vw,34px)!important;
  right:auto!important;
  bottom:var(--caption-clear,64px)!important;
  z-index:9!important;
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  width:min(480px,calc(100% - 140px))!important;
  max-width:calc(100% - 140px)!important;
  gap:8px!important;
  padding:0!important;
  border-radius:0!important;
  border:0!important;
  border-color:transparent!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  text-align:left!important;
  pointer-events:none!important;
  margin:0!important;
  line-height:1.2!important;
}

html body.home-page #home-carousel .home-carousel-caption span{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  margin:0!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:var(--red,#ed0000)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  line-height:1!important;
  align-self:flex-start!important;
}

html body.home-page #home-carousel .home-carousel-caption strong{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-family:var(--title)!important;
  font-size:clamp(20px,2.2vw,32px)!important;
  font-weight:780!important;
  line-height:1.08!important;
  letter-spacing:-.034em!important;
  text-align:left!important;
  text-wrap:balance!important;
  text-shadow:0 2px 18px rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.45)!important;
  background:none!important;
  box-shadow:none!important;
}

html body.home-page #home-carousel .zatra-staff-arrow{
  position:absolute!important;
  top:50%!important;
  z-index:12!important;
  width:50px!important;
  height:50px!important;
  display:inline-grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.55)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.94)!important;
  color:var(--red,#ed0000)!important;
  font-size:34px!important;
  line-height:1!important;
  font-weight:400!important;
  cursor:pointer!important;
  box-shadow:0 16px 40px rgba(7,17,31,.24)!important;
  transform:translateY(-50%)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

html body.home-page #home-carousel .zatra-staff-arrow:hover,
html body.home-page #home-carousel .zatra-staff-arrow:focus-visible{
  background:var(--red,#ed0000)!important;
  color:#fff!important;
  outline:none!important;
  transform:translateY(-50%) scale(1.04)!important;
}

html body.home-page #home-carousel .zatra-staff-arrow-prev{ left:18px!important; }
html body.home-page #home-carousel .zatra-staff-arrow-next{ right:18px!important; }

html body.home-page #home-carousel .zatra-staff-dots{
  position:absolute!important;
  right:clamp(18px,2.6vw,34px)!important;
  left:auto!important;
  bottom:18px!important;
  z-index:12!important;
  display:flex!important;
  gap:8px!important;
  padding:9px 11px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 14px 34px rgba(7,17,31,.22)!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  line-height:1!important;
  pointer-events:auto!important;
}

html body.home-page #home-carousel .zatra-staff-dot{
  width:9px!important;
  height:9px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(16,24,40,.28)!important;
  cursor:pointer!important;
  transition:width .25s ease,background .25s ease!important;
}

html body.home-page #home-carousel .zatra-staff-dot.is-active{
  width:28px!important;
  background:var(--red,#ed0000)!important;
}

/* --------------------------------------------------------------------------
   3) MOBILE — same professional system, zero empty space / loose insets
   -------------------------------------------------------------------------- */
@media (max-width:980px){
  html body.home-page #top.hero.hero-editorial,
  html body #top.hero.hero-editorial,
  html body.home-page section#top.hero.hero-editorial{
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    padding-top:clamp(28px,6.5vw,40px)!important;
    padding-bottom:22px!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  html body.home-page #top .hero-editorial-grid,
  html body #top .hero-editorial-grid{
    padding-left:16px!important;
    padding-right:16px!important;
    gap:0!important;
  }

  html body.home-page #top .hero-editorial-copy,
  html body #top .hero-editorial-copy{
    align-items:center!important;
    text-align:center!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    padding:10px 0 0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body.home-page #top #hero-title,
  html body.home-page #top .hero-lede,
  html body.home-page #top .hero-eyebrow,
  html body.home-page #top .hero-microcopy{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
    align-self:center!important;
  }

  html body.home-page #top #hero-title{
    margin-bottom:12px!important;
    max-width:100%!important;
    font-size:clamp(1.7rem,7.2vw,2.35rem)!important;
    line-height:1.08!important;
  }

  html body.home-page #top .hero-lede{
    margin-bottom:16px!important;
    max-width:36ch!important;
    font-size:15.5px!important;
    line-height:1.5!important;
  }

  html body.home-page #top .hero-trust-strip{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin:0 auto 16px!important;
    max-width:100%!important;
  }

  html body.home-page #top .hero-trust-card{
    min-height:0!important;
    padding:14px!important;
  }

  html body.home-page #top .hero-actions{
    width:100%!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:10px!important;
    margin:0 auto!important;
  }

  html body.home-page #top .hero-actions .btn{
    width:100%!important;
    min-height:48px!important;
    text-align:center!important;
  }

  html body.home-page #top .hero-proof-row{
    margin-top:14px!important;
    gap:10px!important;
  }

  /* Carousel: edge-to-edge — kill section padding + frame margin */
  html body.home-page #home-carousel.home-carousel-section,
  html body #home-carousel.home-carousel-section{
    padding:0!important;
    margin:0!important;
    width:100%!important;
    max-width:100%!important;
  }

  html body.home-page #home-carousel .home-hero-photo-carousel.zatra-staff-frame,
  html body #home-carousel .home-hero-photo-carousel.zatra-staff-frame{
    --carousel-h:clamp(380px,96vw,520px);
    --dots-safe:52px;
    --caption-clear:64px;
    width:100%!important;
    max-width:100%!important;
    height:var(--carousel-h)!important;
    min-height:var(--carousel-h)!important;
    max-height:var(--carousel-h)!important;
    aspect-ratio:auto!important;
    margin:0!important;
    margin-inline:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  html body.home-page #home-carousel .zatra-staff-track,
  html body.home-page #home-carousel .zatra-staff-slide{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
  }

  html body.home-page #home-carousel .zatra-staff-slide img,
  html body.home-page #home-carousel .home-hero-photo-carousel img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 28%!important;
    background:#0b1220!important;
  }

  /* Caption sits ABOVE dots strip — never covered (previous clear layout) */
  html body.home-page #home-carousel .home-carousel-caption,
  html body.home-page #home-carousel .zatra-staff-slide figcaption.home-carousel-caption,
  html body.home-page #home-carousel .zatra-staff-slide figcaption{
    left:16px!important;
    right:16px!important;
    bottom:var(--caption-clear,64px)!important;
    width:auto!important;
    max-width:none!important;
    padding:0!important;
    border-radius:0!important;
    border:0!important;
    background:none!important;
    background-color:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    gap:6px!important;
    z-index:9!important;
  }

  html body.home-page #home-carousel .home-carousel-caption strong{
    font-size:clamp(17px,4.8vw,22px)!important;
    line-height:1.14!important;
  }

  html body.home-page #home-carousel .home-carousel-caption span{
    min-height:26px!important;
    padding:6px 9px!important;
    font-size:10px!important;
  }

  /* Arrows at top corners — never cover red badge / caption at bottom */
  html body.home-page #home-carousel .zatra-staff-arrow{
    top:14px!important;
    bottom:auto!important;
    width:42px!important;
    height:42px!important;
    font-size:26px!important;
    transform:none!important;
    z-index:14!important;
  }
  html body.home-page #home-carousel .zatra-staff-arrow-prev{ left:12px!important; }
  html body.home-page #home-carousel .zatra-staff-arrow-next{ right:12px!important; }

  html body.home-page #home-carousel .zatra-staff-dots{
    left:50%!important;
    right:auto!important;
    bottom:14px!important;
    transform:translateX(-50%)!important;
    padding:7px 10px!important;
    gap:7px!important;
  }
}

@media (max-width:760px){
  html body.home-page #home-carousel .home-hero-photo-carousel.zatra-staff-frame{
    --carousel-h:clamp(360px,94vw,500px);
    --caption-clear:58px;
    height:var(--carousel-h)!important;
    min-height:var(--carousel-h)!important;
    max-height:var(--carousel-h)!important;
    aspect-ratio:auto!important;
  }

  html body.home-page #top.hero.hero-editorial{
    padding-top:clamp(24px,7vw,36px)!important;
    padding-bottom:18px!important;
  }

  html body.home-page #home-carousel.home-carousel-section{
    padding:0!important;
  }

  html body.home-page #home-carousel .home-carousel-caption,
  html body.home-page #home-carousel .zatra-staff-slide figcaption{
    bottom:58px!important;
  }

  html body.home-page #home-carousel .zatra-staff-dots{
    bottom:14px!important;
  }
}

@media (max-width:420px){
  html body.home-page #home-carousel .home-hero-photo-carousel.zatra-staff-frame{
    --carousel-h:clamp(340px,92vw,460px);
    --caption-clear:56px;
    height:var(--carousel-h)!important;
    min-height:var(--carousel-h)!important;
    max-height:var(--carousel-h)!important;
    border-radius:0!important;
  }

  html body.home-page #home-carousel .zatra-staff-slide img,
  html body.home-page #home-carousel .home-hero-photo-carousel img{
    object-position:center 22%!important;
  }

  html body.home-page #home-carousel .home-carousel-caption,
  html body.home-page #home-carousel .zatra-staff-slide figcaption{
    bottom:56px!important;
    padding:0!important;
  }

  html body.home-page #home-carousel .zatra-staff-dots{
    bottom:12px!important;
  }
}


/* CAPTION CONTAINER KILL + POINTER CLEARANCE — force6 */
html body.home-page #home-carousel .zatra-staff-slide figcaption,
html body.home-page #home-carousel .zatra-staff-slide figcaption.home-carousel-caption,
html body.home-page #home-carousel .home-carousel-caption,
html body #home-carousel .home-carousel-caption,
html body.home-page .home-hero-photo-carousel .home-carousel-caption,
html body.home-page .home-hero-photo-carousel .zatra-staff-slide figcaption{
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:0!important;
}

html body.home-page #home-carousel .home-hero-photo-carousel.zatra-staff-frame{
  --carousel-h:clamp(460px,48vw,660px)!important;
  --dots-safe:52px!important;
  --caption-clear:calc(var(--dots-safe) + 12px)!important;
}

html body.home-page #home-carousel .home-carousel-caption,
html body.home-page #home-carousel .zatra-staff-slide figcaption{
  bottom:var(--caption-clear,64px)!important;
  max-width:calc(100% - 140px)!important;
}

html body.home-page #home-carousel .zatra-staff-dots{
  bottom:18px!important;
  z-index:12!important;
}

@media (max-width:980px){
  html body.home-page #home-carousel .home-carousel-caption,
  html body.home-page #home-carousel .zatra-staff-slide figcaption,
  html body.home-page .home-hero-photo-carousel .home-carousel-caption{
    background:none!important;
    background-color:transparent!important;
    background-image:none!important;
    border:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    padding:0!important;
    bottom:58px!important;
    max-width:none!important;
    width:auto!important;
    left:14px!important;
    right:14px!important;
  }

  html body.home-page #home-carousel .home-hero-photo-carousel.zatra-staff-frame{
    --carousel-h:clamp(380px,96vw,520px)!important;
    --caption-clear:64px!important;
    height:var(--carousel-h)!important;
    min-height:var(--carousel-h)!important;
    max-height:var(--carousel-h)!important;
    aspect-ratio:auto!important;
  }

  html body.home-page #home-carousel .zatra-staff-arrow{
    top:14px!important;
    bottom:auto!important;
    transform:none!important;
  }

  html body.home-page #home-carousel .zatra-staff-slide img,
  html body.home-page #home-carousel .home-hero-photo-carousel img{
    object-fit:cover!important;
    object-position:center 28%!important;
  }

  html body.home-page #home-carousel .zatra-staff-dots{
    bottom:14px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
}

/* CAROUSEL POINTERS FORCE — force6 */
/* Kill stacked-dot bug: [class*="dot"] was absolute-centering EVERY pill */
html body.home-page #home-carousel .zatra-staff-dots,
html body.home-page .home-hero-photo-carousel .zatra-staff-dots,
html body.home-page [data-staff-carousel] .zatra-staff-dots,
html body #home-carousel .zatra-staff-dots{
  position:absolute!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:auto!important;
  max-width:calc(100% - 28px)!important;
  height:auto!important;
  min-height:28px!important;
  margin:0!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 14px 34px rgba(7,17,31,.22)!important;
  left:auto!important;
  right:clamp(18px,2.6vw,34px)!important;
  bottom:18px!important;
  transform:none!important;
  z-index:20!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  overflow:visible!important;
  line-height:1!important;
}

html body.home-page #home-carousel .zatra-staff-dot,
html body.home-page .home-hero-photo-carousel .zatra-staff-dot,
html body.home-page [data-staff-carousel] .zatra-staff-dot,
html body.home-page [data-staff-carousel] button.zatra-staff-dot,
html body #home-carousel button.zatra-staff-dot{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  display:inline-block!important;
  flex:0 0 auto!important;
  width:10px!important;
  min-width:10px!important;
  max-width:10px!important;
  height:10px!important;
  min-height:10px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#98a2b3!important;
  opacity:1!important;
  visibility:visible!important;
  cursor:pointer!important;
  box-shadow:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  transition:width .25s ease,background .25s ease,min-width .25s ease,max-width .25s ease!important;
}

html body.home-page #home-carousel .zatra-staff-dot.is-active,
html body.home-page .home-hero-photo-carousel .zatra-staff-dot.is-active,
html body.home-page [data-staff-carousel] .zatra-staff-dot.is-active,
html body #home-carousel button.zatra-staff-dot.is-active{
  width:28px!important;
  min-width:28px!important;
  max-width:28px!important;
  height:10px!important;
  background:var(--red,#ed0000)!important;
  opacity:1!important;
  visibility:visible!important;
}

@media (max-width:980px){
  html body.home-page #home-carousel .zatra-staff-dots,
  html body.home-page .home-hero-photo-carousel .zatra-staff-dots,
  html body.home-page [data-staff-carousel] .zatra-staff-dots{
    left:50%!important;
    right:auto!important;
    bottom:14px!important;
    transform:translateX(-50%)!important;
    gap:7px!important;
    padding:7px 11px!important;
  }

  html body.home-page #home-carousel .zatra-staff-dot,
  html body.home-page .home-hero-photo-carousel .zatra-staff-dot{
    position:relative!important;
    left:auto!important;
    transform:none!important;
    width:9px!important;
    min-width:9px!important;
    max-width:9px!important;
    height:9px!important;
    background:#98a2b3!important;
  }

  html body.home-page #home-carousel .zatra-staff-dot.is-active,
  html body.home-page .home-hero-photo-carousel .zatra-staff-dot.is-active{
    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;
    background:var(--red,#ed0000)!important;
  }
}

/* MOBILE CAROUSEL + FOOTER FLUSH — force16
   Edge-to-edge carousel (no section padding / gutter margin).
   Tall cover frame. Footer WA clearance stays dark. */
@media (max-width:980px){
  html body.home-page #home-carousel.home-carousel-section,
  html body #home-carousel.home-carousel-section,
  html body.home-page section#home-carousel{
    padding:0!important;
    margin:0!important;
    width:100%!important;
    max-width:none!important;
    left:0!important;
    right:0!important;
  }

  html body.home-page #home-carousel .home-hero-photo-carousel.zatra-staff-frame,
  html body #home-carousel .home-hero-photo-carousel.zatra-staff-frame,
  html body.home-page .home-hero-photo-carousel.zatra-staff-frame,
  html body.home-page #home-carousel .home-hero-photo-carousel,
  html body #home-carousel .zatra-staff-frame.home-hero-photo-carousel{
    --carousel-h:clamp(380px,96vw,520px)!important;
    --dots-safe:52px!important;
    --caption-clear:64px!important;
    height:var(--carousel-h)!important;
    min-height:var(--carousel-h)!important;
    max-height:var(--carousel-h)!important;
    aspect-ratio:auto!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    margin-inline:0!important;
    margin-left:0!important;
    margin-right:0!important;
    padding:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    left:0!important;
    right:0!important;
  }

  html body.home-page #home-carousel .zatra-staff-arrow,
  html body #home-carousel .zatra-staff-arrow{
    top:14px!important;
    bottom:auto!important;
    width:42px!important;
    height:42px!important;
    transform:none!important;
    z-index:14!important;
  }
  html body.home-page #home-carousel .zatra-staff-arrow-prev,
  html body #home-carousel .zatra-staff-arrow-prev{ left:12px!important; }
  html body.home-page #home-carousel .zatra-staff-arrow-next,
  html body #home-carousel .zatra-staff-arrow-next{ right:12px!important; }

  html body.home-page #home-carousel .home-carousel-caption,
  html body.home-page #home-carousel .zatra-staff-slide figcaption{
    left:16px!important;
    right:16px!important;
    bottom:64px!important;
    z-index:9!important;
  }

  html body.home-page #home-carousel .zatra-staff-slide img,
  html body.home-page #home-carousel .home-hero-photo-carousel img,
  html body.home-page .home-hero-photo-carousel .zatra-staff-slide img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 28%!important;
    background:#0b1220!important;
  }

  html body.home-page #home-carousel .zatra-staff-slide::after{
    background:
      linear-gradient(90deg,rgba(7,17,31,.42) 0%,rgba(7,17,31,.12) 48%,rgba(7,17,31,.3) 100%),
      linear-gradient(0deg,rgba(7,17,31,.78) 0%,rgba(7,17,31,.14) 44%,rgba(7,17,31,0) 70%)!important;
  }

  html body{
    padding-bottom:0!important;
  }

  html body .zatra-premium-footer{
    padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;
    background:#07080b!important;
    margin-bottom:0!important;
  }

  html.in-wix-frame body,
  html body.in-wix-frame,
  html.in-wix-frame body.home-page{
    padding-bottom:0!important;
  }

  html.in-wix-frame body .zatra-premium-footer,
  html body.in-wix-frame .zatra-premium-footer{
    padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;
  }
}
}