/* THE RECOVERY GUIDE — MODERN & PREMIUM, NOVEMBER 2026
   Applies ONLY to first carousel slide. Buttons and words remain HTML.
   Loaded after the existing CSS files; !important protects against the
   original inline #hero height rules which appear later in index.html.
*/
#hero {height:min(80vh,760px)!important;min-height:530px!important;padding:0!important;}
#hero .carousel-inner {height:100%;}
#hero .recovery-premium-slide {height:100%!important;overflow:hidden;background:#f7f1e9;}
#hero .recovery-premium-backdrop {
 position:absolute;inset:0;width:100%;height:100%!important;
 display:block;object-fit:cover;object-position:center;
}
#hero .recovery-premium-layout {position:absolute;inset:0;z-index:3;}
#hero .recovery-premium-main {
 position:absolute;top:48%;left:24%;width:49%;
 transform:translateY(-50%);text-align:center;
}
#hero .recovery-premium-brandline {
 display:flex;align-items:center;justify-content:center;gap:22px;
 max-width:900px;margin:0 auto 14px;
}
#hero .recovery-premium-logo {
 width:clamp(125px,13vw,210px);height:auto;display:block;
 mix-blend-mode:multiply;object-fit:contain;flex-shrink:0;
}
#hero .recovery-premium-heading {border-left:3px solid #b51d35;padding-left:24px;text-align:left;}
#hero .recovery-premium-heading h2 {
 font-family:Georgia,'Times New Roman',serif;
 font-weight:700;font-size:clamp(32px,3.35vw,64px);
 line-height:1.04;letter-spacing:-.03em;margin:0;color:#123457;text-shadow:none;
}
#hero .recovery-premium-heading h2 span {display:block;color:#b41932;margin-top:7px;}
#hero .recovery-premium-description {
 color:#234461;font-family:'Poppins',sans-serif;font-size:clamp(14px,1.21vw,21px);
 font-weight:600;line-height:1.5;margin:12px auto 26px;text-shadow:none;
}
#hero .recovery-premium-actions {display:flex;justify-content:center;flex-wrap:wrap;gap:18px;}
#hero .recovery-premium-btn {
 display:inline-flex;align-items:center;justify-content:center;gap:12px;
 padding:15px 23px;min-height:50px;min-width:175px;
 border-radius:999px;font-family:'Poppins',sans-serif;font-size:clamp(12px,1vw,16px);
 font-weight:700;text-decoration:none!important;line-height:1.2;
 transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
}
#hero .recovery-premium-btn:hover {transform:translateY(-2px);}
#hero .recovery-premium-primary {background:linear-gradient(120deg,#c31d36,#9c1029);border:2px solid #b71931;color:#fff;box-shadow:0 7px 22px rgba(160,15,39,.22);}
#hero .recovery-premium-primary:hover {background:#941127;color:#fff;}
#hero .recovery-premium-secondary {border:2px solid #173755;color:#173755;background:rgba(255,255,255,.84);}
#hero .recovery-premium-secondary:hover {background:#fff;color:#173755;}
#hero .recovery-premium-edition {display:inline-block;margin-top:18px;color:#5a3341;text-decoration:underline;font-size:13px;font-weight:700;text-underline-offset:4px;}
#hero .recovery-premium-edition:hover {color:#b51d35;}
#hero .recovery-premium-covers {
 position:absolute;right:1.2%;top:15%;width:25%;height:70%;
 display:flex;justify-content:center;align-items:center;
}
#hero .recovery-premium-cover {
 display:block;position:relative;flex:none;width:54%;height:auto;max-height:96%;object-fit:contain;
 border:5px solid #f3f3f3;border-radius:6px;
 box-shadow:0 23px 42px rgba(0,0,0,.40);
}
#hero .recovery-premium-cover-en {transform:rotate(-7deg) translateX(5%);z-index:2;}
#hero .recovery-premium-cover-es {transform:rotate(6deg) translateX(-5%);z-index:1;margin-left:-9%;}
#hero .carousel-control-prev,#hero .carousel-control-next {z-index:8;width:4%;}
#hero .carousel-indicators {z-index:8;bottom:8px;}
#hero .carousel-indicators button {background-color:#fff;}
@media (max-width:1200px) {
 #hero .recovery-premium-main {left:22%;width:52%;}
 #hero .recovery-premium-logo {width:clamp(110px,13vw,170px);}
 #hero .recovery-premium-heading {padding-left:18px;}
 #hero .recovery-premium-btn {padding:12px 16px;min-width:145px;}
 #hero .recovery-premium-covers {right:1.5%;width:27%;}
}
@media (max-width:991px) {
 #hero {height:68vh!important;min-height:540px!important;}
 #hero .recovery-premium-main {left:19%;width:54%;}
 #hero .recovery-premium-brandline {gap:12px;}
 #hero .recovery-premium-logo {width:100px;}
 #hero .recovery-premium-heading h2 {font-size:clamp(26px,3.4vw,41px);}
 #hero .recovery-premium-description {font-size:13px;margin-bottom:17px;}
 #hero .recovery-premium-actions {gap:8px;}
 #hero .recovery-premium-btn {min-width:135px;min-height:41px;font-size:11px;}
 #hero .recovery-premium-covers {right:1%;width:29%;}
}
@media(max-width:700px) {
 #hero {height:76svh!important;min-height:650px!important;max-height:790px!important;}
 #hero .recovery-premium-backdrop {object-position:28% center;}
 #hero .recovery-premium-layout:before {content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,249,240,.92) 0%,rgba(255,249,240,.90) 48%,rgba(255,249,240,.25) 85%);pointer-events:none;}
 #hero .recovery-premium-main {top:12%;left:8%;width:84%;transform:none;}
 #hero .recovery-premium-brandline {display:flex;flex-direction:column;gap:7px;margin-bottom:10px;}
 #hero .recovery-premium-logo {width:95px;max-height:104px;}
 #hero .recovery-premium-heading {padding-left:0;border-left:none;border-top:3px solid #b51d35;padding-top:9px;text-align:center;}
 #hero .recovery-premium-heading h2 {font-size:clamp(26px,7.5vw,39px);line-height:1.02;}
 #hero .recovery-premium-heading h2 span {margin-top:0;}
 #hero .recovery-premium-description {font-size:12px;margin:8px auto 14px;max-width:320px;}
 #hero .recovery-premium-actions {gap:8px;}
 #hero .recovery-premium-btn {font-size:11px;min-width:128px;padding:10px 11px;min-height:39px;}
 #hero .recovery-premium-edition {font-size:11px;margin-top:11px;}
 #hero .recovery-premium-covers {top:auto;bottom:7%;height:32%;width:69%;left:15.5%;right:auto;}
 #hero .recovery-premium-cover {width:45%;max-height:100%;border-width:3px;}
 #hero .carousel-control-prev,#hero .carousel-control-next {width:8%;}
}
@media(max-width:380px) {
 #hero .recovery-premium-main {top:9%;}
 #hero .recovery-premium-brandline {gap:3px;}
 #hero .recovery-premium-logo {width:79px;}
 #hero .recovery-premium-heading h2 {font-size:26px;}
 #hero .recovery-premium-description {margin:6px auto 10px;}
 #hero .recovery-premium-actions {gap:6px;}
 #hero .recovery-premium-btn {font-size:10px;min-width:124px;padding:9px;}
}
@media(prefers-reduced-motion:reduce) {#hero .recovery-premium-btn {transition:none;}}


/* --- 2026 ALL-THREE-SLIDES PREMIUM UPDATE --- */
#hero {
  height: calc(100vh - 72px) !important;
  min-height: 650px !important;
  max-height: 900px !important;
  overflow: hidden !important;
  background: #f7f1e9;
}
#hero .carousel-item,
#hero .carousel-inner,
#hero .carousel-item img.hero-img {
  height: 100%;
}
#hero .carousel-item {
  position: relative;
  overflow: hidden;
}
#hero .secondary-hero-img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center center;
  display: block;
}
#hero .recovery-secondary-slide::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(7,18,33,.03) 0%, rgba(7,18,33,.08) 100%);
  pointer-events: none;
}
#hero .recovery-secondary-slide .carousel-caption {
  z-index: 6;
  bottom: 8%;
}
#hero .secondary-hero-btn,
#hero .secondary-hero-btn:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50px;
  min-width: 190px;
  padding: 14px 24px;
  border-radius: 999px;
  background: linear-gradient(120deg,#c31d36,#9c1029);
  border: 2px solid #b71931;
  color: #fff;
  text-decoration: none !important;
  font-family: 'Poppins',sans-serif;
  font-size: 16px;
  font-weight: 700;
  box-shadow: 0 10px 24px rgba(160,15,39,.22);
}
#hero .secondary-hero-btn:hover {
  color: #fff;
  background: #941127;
  transform: translateY(-2px);
}
#hero .carousel-control-prev,
#hero .carousel-control-next {
  z-index: 8;
}
#hero .carousel-indicators {
  z-index: 8;
}
/* keep next section from visually colliding with the hero on large monitors */
#main { position: relative; z-index: 1; }
#recovery-hero { margin-top: 0; }

@media (max-width: 991px) {
  #hero {
    height: 72vh !important;
    min-height: 560px !important;
    max-height: 760px !important;
  }
  #hero .secondary-hero-btn,
  #hero .secondary-hero-btn:visited {
    min-width: 165px;
    min-height: 44px;
    padding: 12px 18px;
    font-size: 14px;
  }
}
@media (max-width: 700px) {
  #hero {
    height: 78svh !important;
    min-height: 680px !important;
    max-height: 860px !important;
  }
  #hero .secondary-hero-img {
    object-fit: contain;
    background: #f7f1e9;
  }
  #hero .recovery-secondary-slide .carousel-caption {
    bottom: 6%;
  }
  #hero .secondary-hero-btn,
  #hero .secondary-hero-btn:visited {
    min-width: 152px;
    min-height: 40px;
    padding: 10px 14px;
    font-size: 12px;
  }
}
@media (max-width: 420px) {
  #hero { min-height: 650px !important; }
  #hero .secondary-hero-btn,
  #hero .secondary-hero-btn:visited {
    min-width: 146px;
    font-size: 11px;
    padding: 9px 12px;
  }
}