/*
 * Abelle light-surface pilot
 * Scope: homepage and /skin/booster only.
 * Remove the stylesheet links/classes that load this file to restore the
 * previous presentation without reverting any page data or component CSS.
 */
html.ab-light-pilot{
  --ab-light-canvas:#fafbf9;
  --ab-light-surface:rgba(255,255,255,.92);
  --ab-light-soft:rgba(231,239,237,.72);
  --ab-light-soft-strong:rgba(218,231,228,.88);
  --ab-light-line:rgba(38,58,60,.14);
  --ab-light-ink:#202b2d;
  --ab-light-muted:#647174;
  --ab-light-accent:#557f79;
  --ab-light-shadow:0 18px 46px rgba(34,52,53,.07);
  color-scheme:light;
}

/* Never fade a whole content container: transparent surfaces preserve type contrast. */
html.ab-light-pilot body,
html.ab-light-pilot #wrap,
html.ab-light-pilot .ab-home main,
html.ab-light-pilot.ab-sbv2-active #ctt,
html.ab-light-pilot .ab-sbv2{
  background:var(--ab-light-canvas)!important;
}

/* Homepage: retain the photography, but remove the muddy black cast. */
html.ab-light-pilot .ab-hero{
  background:#e8efed!important;
}
html.ab-light-pilot .ab-hero__media{
  filter:none;
}
html.ab-light-pilot .ab-hero__shade{
  background:
    linear-gradient(rgba(219,232,239,.055),rgba(219,232,239,.055)),
    linear-gradient(90deg,rgba(23,31,40,.30) 0%,rgba(23,31,40,.08) 62%,rgba(23,31,40,.14) 100%)!important;
}
/*
 * Homepage Swiper tone sequence.
 * Keep the four approved source images untouched and create a restrained
 * visual rhythm with transparent, slide-specific overlays only.
 */
html.ab-light-pilot .ab-hero-swiper .swiper-slide:nth-child(1) .ab-hero__shade{
  background:
    linear-gradient(rgba(218,229,235,.035),rgba(218,229,235,.035)),
    linear-gradient(90deg,rgba(24,38,48,.30) 0%,rgba(35,52,61,.10) 60%,rgba(35,52,61,.05) 100%)!important;
}
html.ab-light-pilot .ab-hero-swiper .swiper-slide:nth-child(2) .ab-hero__shade{
  background:
    linear-gradient(rgba(217,237,234,.045),rgba(217,237,234,.045)),
    linear-gradient(90deg,rgba(20,44,48,.27) 0%,rgba(36,70,70,.08) 60%,rgba(36,70,70,.035) 100%)!important;
}
html.ab-light-pilot .ab-hero-swiper .swiper-slide:nth-child(3) .ab-hero__shade{
  background:
    linear-gradient(rgba(226,226,239,.04),rgba(226,226,239,.04)),
    linear-gradient(90deg,rgba(39,40,59,.29) 0%,rgba(58,59,79,.09) 60%,rgba(58,59,79,.04) 100%)!important;
}
html.ab-light-pilot .ab-hero-swiper .swiper-slide:nth-child(4) .ab-hero__shade{
  background:
    linear-gradient(rgba(232,229,229,.025),rgba(232,229,229,.025)),
    linear-gradient(90deg,rgba(40,37,40,.29) 0%,rgba(54,49,53,.09) 60%,rgba(54,49,53,.04) 100%)!important;
}
html.ab-light-pilot .ab-hero-swiper .swiper-slide:nth-child(1) .ab-hero__media{object-position:52% 50%}
html.ab-light-pilot .ab-hero-swiper .swiper-slide:nth-child(2) .ab-hero__media{object-position:54% 50%}
html.ab-light-pilot .ab-hero-swiper .swiper-slide:nth-child(3) .ab-hero__media{object-position:56% 50%}
html.ab-light-pilot .ab-hero-swiper .swiper-slide:nth-child(4) .ab-hero__media{object-position:58% 50%}
/* Keep the hero typography neutral-white and crisp on every Swiper slide. */
html[data-abelle-site=true].ab-light-pilot .ab-hero .ab-eyebrow,
html[data-abelle-site=true].ab-light-pilot .ab-hero h1,
html[data-abelle-site=true].ab-light-pilot .ab-hero__ko,
html[data-abelle-site=true].ab-light-pilot .ab-hero__subcopy,
html[data-abelle-site=true].ab-light-pilot .ab-hero .ab-line-link,
html[data-abelle-site=true].ab-light-pilot .ab-hero .ab-scroll{
  color:#fff!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
html[data-abelle-site=true].ab-light-pilot .ab-hero .ab-eyebrow,
html[data-abelle-site=true].ab-light-pilot .ab-hero h1,
html[data-abelle-site=true].ab-light-pilot .ab-hero__subcopy,
html[data-abelle-site=true].ab-light-pilot .ab-hero .ab-line-link{
  text-shadow:0 1px 4px rgba(16,29,32,.5)!important;
}
html[data-abelle-site=true].ab-light-pilot .ab-hero__ko{
  text-shadow:0 1px 3px rgba(16,29,32,.62),0 3px 12px rgba(16,29,32,.2)!important;
}
html[data-abelle-site=true].ab-light-pilot .ab-hero .ab-eyebrow:after,
html[data-abelle-site=true].ab-light-pilot .ab-hero .ab-line-link i{
  background:rgba(255,255,255,.9)!important;
}
html[data-abelle-site=true].ab-light-pilot .ab-hero__subcopy{
  display:block;
  width:fit-content;
  max-width:min(520px,100%);
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html.ab-light-pilot .ab-about{
  background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(239,245,243,.72))!important;
}
html.ab-light-pilot .ab-about__word{
  color:rgba(85,127,121,.07)!important;
}
html.ab-light-pilot .ab-signature{
  background:rgba(246,249,248,.88)!important;
}
html.ab-light-pilot .ab-principles{
  background:linear-gradient(135deg,rgba(231,239,237,.82),rgba(250,251,249,.96))!important;
}
html.ab-light-pilot .ab-principles__bgtit{
  color:rgba(61,101,97,.065)!important;
}
html.ab-light-pilot .ab-clinic{
  background:var(--ab-light-canvas)!important;
}
html.ab-light-pilot .ab-contact{
  background:rgba(231,239,237,.7)!important;
}

/* Skin booster: alternating translucent cool-neutral surfaces, not brown slabs. */
html.ab-light-pilot .ab-sbv2{
  --sb-ink:var(--ab-light-ink);
  --sb-muted:var(--ab-light-muted);
  --sb-line:var(--ab-light-line);
  --sb-paper:rgba(238,244,242,.7);
  --sb-warm:var(--ab-light-accent);
  --sb-dark:#dce9e6;
}
html.ab-light-pilot .ab-sbv2-intro{
  background:linear-gradient(135deg,rgba(244,248,247,.96),rgba(227,237,234,.72))!important;
}
html.ab-light-pilot .ab-sbv2-intro__media,
html.ab-light-pilot .ab-sbv2-product__media{
  background:rgba(226,236,233,.76)!important;
}
html.ab-light-pilot .ab-sbv2-product{
  background:var(--ab-light-surface)!important;
  border:1px solid var(--ab-light-line);
  box-shadow:var(--ab-light-shadow);
}
html.ab-light-pilot .ab-sbv2-fit{
  background:linear-gradient(135deg,rgba(219,232,229,.94),rgba(240,246,244,.88))!important;
  color:var(--ab-light-ink)!important;
}
html.ab-light-pilot .ab-sbv2-heading--light h2,
html.ab-light-pilot .ab-sbv2-fit li{
  color:var(--ab-light-ink)!important;
  -webkit-text-fill-color:var(--ab-light-ink)!important;
}
html.ab-light-pilot .ab-sbv2-heading--light .ab-sbv2-section-label,
html.ab-light-pilot .ab-sbv2-fit li::after{
  color:var(--ab-light-accent)!important;
  -webkit-text-fill-color:var(--ab-light-accent)!important;
}
html.ab-light-pilot .ab-sbv2-fit ul,
html.ab-light-pilot .ab-sbv2-fit li{
  border-color:rgba(38,58,60,.2)!important;
}
/* Approved-copy recommendation table inherits --sb-dark. Once that token is
 * lightened, its legacy white !important copy must be switched as a unit. */
html.ab-light-pilot .ab-sbv2 .ab-acv2{
  --ac-fit-bg:#dce9e6;
  --ac-fit-label:#557f79;
  --ac-fit-text:#26383a;
  --ac-fit-line:rgba(38,58,60,.2);
}
html.ab-light-pilot .ab-sbv2 .ab-acv2__section--fit{
  background:linear-gradient(135deg,#dce9e6,#edf4f2)!important;
  color:var(--ab-light-ink)!important;
}
html.ab-light-pilot .ab-sbv2 .ab-acv2__section--fit h2{
  color:var(--ab-light-ink)!important;
  -webkit-text-fill-color:var(--ab-light-ink)!important;
}
html.ab-light-pilot .ab-sbv2 .ab-acv2__section--fit header>p{
  color:var(--ab-light-accent)!important;
  -webkit-text-fill-color:var(--ab-light-accent)!important;
}
html.ab-light-pilot .ab-sbv2 .ab-acv2__section--fit ul{
  background:rgba(255,255,255,.3)!important;
  border-color:var(--ac-fit-line)!important;
}
html.ab-light-pilot .ab-sbv2 .ab-acv2__section--fit li{
  color:var(--ac-fit-text)!important;
  -webkit-text-fill-color:var(--ac-fit-text)!important;
  background:rgba(255,255,255,.34)!important;
  border-color:var(--ac-fit-line)!important;
}
html.ab-light-pilot .ab-sbv2 .ab-acv2__section--fit li:nth-child(2){
  background:rgba(213,228,224,.62)!important;
}
html.ab-light-pilot .ab-sbv2 .ab-acv2__section--fit li:nth-child(3){
  background:rgba(197,216,212,.72)!important;
}
html.ab-light-pilot .ab-sbv2-process{
  background:rgba(236,243,241,.74)!important;
}
html.ab-light-pilot .ab-sbv2-process .ab-sbv2-process__timeline>li{
  background:rgba(255,255,255,.9)!important;
  border-color:var(--ab-light-line)!important;
  box-shadow:0 12px 30px rgba(34,52,53,.055);
  backdrop-filter:blur(10px);
}
html.ab-light-pilot .ab-sbv2-process .ab-sbv2-process__timeline small{
  border-left-color:var(--ab-light-accent)!important;
  background:rgba(219,232,229,.82)!important;
  color:#355b57!important;
}
html.ab-light-pilot .ab-sbv2-aftercare,
html.ab-light-pilot .ab-sbv2-aftercare__list,
html.ab-light-pilot .ab-sbv2-aftercare article{
  background:rgba(255,255,255,.9)!important;
}
html.ab-light-pilot .ab-sbv2-aftercare__title{
  background:rgba(219,232,229,.86)!important;
}
html.ab-light-pilot .ab-sbv2-note{
  background:rgba(238,244,242,.76)!important;
}
html.ab-light-pilot .ab-sbv2-related{
  background:rgba(255,255,255,.9);
}
html.ab-light-pilot .ab-sbv2-related a{
  background:rgba(255,255,255,.78);
}
html.ab-light-pilot .ab-sbv2-cta{
  background:linear-gradient(135deg,rgba(213,229,226,.94),rgba(237,244,242,.96))!important;
  color:var(--ab-light-ink)!important;
}

/* The detail hero keeps enough shade for white copy while avoiding mobile blackening. */
html.ab-light-pilot.ab-sbv2-active #subtitle{
  background:#e7efed!important;
}
html.ab-light-pilot.ab-sbv2-active #subtitle:after{
  background:linear-gradient(90deg,rgba(28,42,44,.3),rgba(28,42,44,.14) 56%,rgba(28,42,44,.06))!important;
}

@media(max-width:900px){
  html[data-abelle-site=true].ab-light-pilot .ab-hero--swiper .swiper-slide{
    background-color:#dce2e3;
  }
  html.ab-light-pilot .ab-hero__media{
    filter:none;
  }
  html.ab-light-pilot .ab-hero__shade{
    background:
      linear-gradient(rgba(219,232,239,.06),rgba(219,232,239,.06)),
      linear-gradient(180deg,rgba(23,31,40,.16) 0%,rgba(23,31,40,.05) 48%,rgba(23,31,40,.22) 100%)!important;
  }
  html.ab-light-pilot .ab-hero-swiper .swiper-slide:nth-child(1) .ab-hero__shade{
    background:
      linear-gradient(rgba(218,229,235,.04),rgba(218,229,235,.04)),
      linear-gradient(180deg,rgba(24,38,48,.21) 0%,rgba(35,52,61,.08) 46%,rgba(24,38,48,.25) 100%)!important;
  }
  html.ab-light-pilot .ab-hero-swiper .swiper-slide:nth-child(2) .ab-hero__shade{
    background:
      linear-gradient(rgba(217,237,234,.05),rgba(217,237,234,.05)),
      linear-gradient(180deg,rgba(20,44,48,.19) 0%,rgba(36,70,70,.065) 46%,rgba(20,44,48,.23) 100%)!important;
  }
  html.ab-light-pilot .ab-hero-swiper .swiper-slide:nth-child(3) .ab-hero__shade{
    background:
      linear-gradient(rgba(226,226,239,.045),rgba(226,226,239,.045)),
      linear-gradient(180deg,rgba(39,40,59,.21) 0%,rgba(58,59,79,.07) 46%,rgba(39,40,59,.25) 100%)!important;
  }
  html.ab-light-pilot .ab-hero-swiper .swiper-slide:nth-child(4) .ab-hero__shade{
    background:
      linear-gradient(rgba(232,229,229,.03),rgba(232,229,229,.03)),
      linear-gradient(180deg,rgba(40,37,40,.21) 0%,rgba(54,49,53,.07) 46%,rgba(40,37,40,.25) 100%)!important;
  }
  html.ab-light-pilot .ab-hero-swiper .swiper-slide:nth-child(1) .ab-hero__media{object-position:61% 50%}
  html.ab-light-pilot .ab-hero-swiper .swiper-slide:nth-child(2) .ab-hero__media{object-position:62% 50%}
  html.ab-light-pilot .ab-hero-swiper .swiper-slide:nth-child(3) .ab-hero__media{object-position:64% 50%}
  html.ab-light-pilot .ab-hero-swiper .swiper-slide:nth-child(4) .ab-hero__media{object-position:63% 50%}
  html[data-abelle-site=true].ab-light-pilot .ab-hero__subcopy{
    width:auto;
    max-width:330px;
    text-wrap:balance;
  }
  html.ab-light-pilot.ab-sbv2-active #subtitle:after{
    background:linear-gradient(180deg,rgba(28,42,44,.2),rgba(28,42,44,.1) 58%,rgba(28,42,44,.16))!important;
  }
  html.ab-light-pilot .ab-sbv2-product{
    box-shadow:0 10px 28px rgba(34,52,53,.055);
  }
}

@media(prefers-reduced-transparency:reduce){
  html.ab-light-pilot{
    --ab-light-surface:#fff;
    --ab-light-soft:#edf3f1;
  }
}
