:root{
  --wc-forest:#143a32;
  --wc-forest-2:#0f2d27;
  --wc-sage:#dfe9df;
  --wc-sage-2:#edf3ea;
  --wc-cream:#f7f2e8;
  --wc-paper:#fffdf8;
  --wc-gold:#c58a4a;
  --wc-gold-2:#e8cda7;
  --wc-ink:#1f2b27;
  --wc-muted:#68756f;
  --wc-line:#dfe5df;
  --wc-white:#ffffff;
  --wc-shadow:0 24px 70px rgba(20,58,50,.12);
  --wc-shadow-soft:0 10px 30px rgba(20,58,50,.08);
}

/* Global */
html{scroll-behavior:smooth}
body{
  background:var(--wc-paper);
  color:var(--wc-ink);
  font-family:'Manrope',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  line-height:1.65;
}
main.module--main{gap:0}
h1,h2,h3,h4,h5,h6{
  font-family:'Cormorant Garamond',Georgia,serif;
  color:var(--wc-forest);
  letter-spacing:-.025em;
}
h1{font-size:clamp(3rem,5.6vw,5.75rem);line-height:.95;font-weight:700}
h2{font-size:clamp(2.35rem,4vw,3.9rem);line-height:1.02;margin-bottom:.7em}
h3{font-size:1.55rem;line-height:1.12}
p{color:var(--wc-muted)}
a{color:var(--wc-forest)}
.container{max-width:1180px;padding-left:1.25rem;padding-right:1.25rem}
.module--section>.module__inner{padding:6.5rem 1rem}

/* Header */
.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,253,248,.92);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(20,58,50,.08);
  box-shadow:none;
}
.site-header__inner{
  max-width:1180px;
  margin:0 auto;
  padding:1rem 1.25rem;
}
.site-header__logo{height:2.25rem}
.site-header__link{
  color:var(--wc-forest);
  font-family:'Manrope',sans-serif;
  font-size:.88rem;
  font-weight:700;
  letter-spacing:0;
  padding:.7rem .95rem!important;
  border-radius:999px;
  transition:.2s ease;
}
.site-header__link:hover{background:var(--wc-sage-2);color:var(--wc-forest)}
[data-mm-toggle] span{background:var(--wc-forest)!important}
[data-mm-menu]{
  background:var(--wc-paper)!important;
}
[data-mm-menu] ul li a{color:var(--wc-forest)!important}
[data-mm-menu] ul li a:hover{color:var(--wc-gold)!important}
[data-mm-overlay]{background:rgba(15,45,39,.58)!important}
.site-header__close{color:var(--wc-forest)}

/* Hero – two-column editorial layout */
.offer-introduction{
  position:relative;
  overflow:hidden;
  text-align:left;
  background:
    radial-gradient(circle at 90% 14%, rgba(197,138,74,.17), transparent 22%),
    radial-gradient(circle at 4% 85%, rgba(20,58,50,.08), transparent 22%),
    linear-gradient(135deg,#f9f3e8 0%,#f5f7ef 100%);
}
.offer-introduction .module__inner{padding:5.5rem 1rem 6.5rem}
.offer-introduction .container{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);
  grid-template-areas:
    "eyebrow media"
    "title media"
    "subtitle media"
    "price media"
    "badges media"
    "form media"
    "steps media";
  column-gap:5rem;
  align-items:center;
}
.offer-introduction__eyebrow{
  grid-area:eyebrow;
  justify-self:start;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(20,58,50,.12);
  color:var(--wc-forest);
  border-radius:999px;
  padding:.58rem 1rem;
  font-size:.72rem;
  letter-spacing:.12em;
  font-weight:800;
  margin:0 0 1.25rem;
  box-shadow:0 8px 30px rgba(20,58,50,.05);
}
.offer-introduction__title{
  grid-area:title;
  max-width:11ch;
  margin:0 0 1.4rem;
  color:var(--wc-forest);
}
.offer-introduction__subtitle{
  grid-area:subtitle;
  max-width:620px;
  margin:0 0 1.5rem;
  color:#53645e;
  font-size:1.05rem;
}
.offer-introduction__price-row{
  grid-area:price;
  justify-content:flex-start;
  margin:0 0 1.35rem;
  gap:.8rem;
}
.offer-introduction__price-old{color:#8e9893;font-size:1.02rem}
.offer-introduction__price-new{
  color:var(--wc-forest);
  font-family:'Manrope',sans-serif;
  font-size:2rem;
  font-weight:800;
}
.offer-introduction__price-unit{color:var(--wc-muted);font-size:.83rem}
.offer-introduction__badges{
  grid-area:badges;
  justify-content:flex-start;
  gap:.55rem;
  margin:0 0 1.4rem;
}
.offer-introduction__badge{
  background:transparent;
  border:1px solid rgba(20,58,50,.15);
  color:#466057;
  border-radius:999px;
  padding:.48rem .78rem;
  font-size:.74rem;
  font-weight:650;
}
.offer-introduction__media{
  grid-area:media;
  padding:0;
  position:relative;
}
.offer-introduction__media:before{
  content:"";
  position:absolute;
  left:-1.6rem;
  bottom:-1.6rem;
  width:55%;
  height:42%;
  background:var(--wc-forest);
  border-radius:2rem;
  opacity:.95;
}
.offer-introduction__shot{
  position:relative;
  z-index:1;
  width:100%;
  max-width:none;
  height:620px;
  object-fit:cover;
  margin:0;
  border-radius:2rem 2rem 6rem 2rem;
  box-shadow:0 35px 90px rgba(20,58,50,.20);
}
.offer-introduction__decoration{
  width:17rem;height:17rem;
  right:-5rem;top:-6rem;
  background:radial-gradient(circle,rgba(197,138,74,.22) 0%,transparent 70%);
}

/* Hero form */
.order-form{
  grid-area:form;
  width:100%;
  max-width:560px;
  margin:0 0 1rem;
  padding:1.3rem;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.8rem;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(20,58,50,.12);
  border-radius:1.35rem;
  box-shadow:0 18px 55px rgba(20,58,50,.09);
  backdrop-filter:blur(8px);
}
.order-form__row{margin:0}
.order-form__label{
  color:var(--wc-forest);
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.02em;
}
.order-form__input{
  background:#fff;
  border:1px solid #d9e1dc;
  border-radius:.85rem;
  color:var(--wc-ink);
  min-height:50px;
}
.order-form__input:focus{
  outline:none;
  border-color:var(--wc-gold);
  box-shadow:0 0 0 3px rgba(197,138,74,.14);
}
.order-form__consent,
.order-form__submit,
.order-form__error{grid-column:1/-1}
.order-form__consent{color:var(--wc-muted);margin:.1rem 0 .2rem}
.order-form__consent a{color:var(--wc-forest);font-weight:700}
.order-form__error{color:#a44b42}
.order-form__steps{
  grid-area:steps;
  justify-content:flex-start;
  gap:1.6rem;
  max-width:none;
  margin:.35rem 0 0;
}
.order-form__step{color:var(--wc-muted);font-size:.72rem}
.order-form__step strong{
  color:var(--wc-gold);
  font-family:'Manrope',sans-serif;
  font-size:.8rem;
  display:inline-grid;
  place-items:center;
  width:1.6rem;height:1.6rem;
  margin-right:.4rem;
  border-radius:50%;
  background:#fff;
  border:1px solid var(--wc-gold-2);
}

/* Buttons */
.btn-primary{
  background:var(--wc-forest);
  color:#fff;
  border:2px solid var(--wc-forest);
  border-radius:.9rem;
  padding:.92rem 1.5rem;
  font-family:'Manrope',sans-serif;
  font-weight:800;
  box-shadow:0 10px 24px rgba(20,58,50,.15);
  transition:.2s ease;
}
.btn-primary:hover{
  background:var(--wc-gold);
  border-color:var(--wc-gold);
  color:#fff;
  transform:translateY(-1px);
}
.btn-secondary{
  background:transparent;
  color:var(--wc-forest);
  border:1px solid rgba(20,58,50,.35);
  border-radius:.9rem;
  font-weight:800;
}
.btn-secondary:hover{background:var(--wc-forest);color:#fff;border-color:var(--wc-forest)}

/* Context */
.comfort-context{background:var(--wc-paper)}
.comfort-context__title{max-width:18ch}
.comfort-context__list{
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
  margin-top:2.8rem;
}
.comfort-context__item{
  text-align:left;
  padding:1.6rem;
  border:1px solid var(--wc-line);
  border-radius:1.35rem;
  background:#fff;
  box-shadow:0 10px 28px rgba(20,58,50,.04);
}
.comfort-context__icon{
  width:3rem;height:3rem;
  display:grid;place-items:center;
  background:var(--wc-sage-2);
  border-radius:1rem;
  font-size:1.4rem;
  margin-bottom:1.2rem;
}
.comfort-context__item p{margin:0;color:#5c6b65}

/* Advantages */
.client-advantages{
  margin:0;
  border-radius:0;
  background:var(--wc-forest);
  color:#fff;
}
.client-advantages .module__inner{padding-top:7rem;padding-bottom:7rem}
.client-advantages__eyebrow{color:var(--wc-gold-2);letter-spacing:.14em}
.client-advantages__title{color:#fff;max-width:16ch}
.client-advantages__grid{
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
  margin-top:3rem;
}
.client-advantages__card{
  position:relative;
  overflow:hidden;
  min-height:220px;
  padding:1.8rem;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
  border-radius:1.3rem;
  color:#fff;
  box-shadow:none;
}
.client-advantages__card:after{
  content:"";
  position:absolute;
  width:6rem;height:6rem;
  right:-2rem;bottom:-2rem;
  border:1px solid rgba(232,205,167,.18);
  border-radius:50%;
}
.client-advantages__card h3{color:#fff;font-size:1.55rem}
.client-advantages__card p{color:#c9d6d0}

/* Formula / composition */
.formula-profile{
  background:linear-gradient(180deg,#fbfaf5 0%,#f3f0e7 100%);
}
.formula-profile .container>h2{max-width:13ch}
.formula-profile .secondary-content{max-width:650px}
.formula-profile__grid{grid-template-columns:1.05fr .95fr;gap:4rem}
.formula-profile__row{
  padding:1.15rem 0;
  border-bottom:1px solid #d9e1dc;
}
.formula-profile__row::before{
  width:2rem;height:2rem;
  background:var(--wc-sage);
  color:var(--wc-forest);
  font-family:'Manrope',sans-serif;
}
.formula-profile__effect{
  color:var(--wc-forest);
  font-size:1.35rem;
}
.formula-profile__ingredient{color:var(--wc-muted)}
.formula-profile__shot{
  width:100%;
  min-height:570px;
  object-fit:cover;
  border-radius:5rem 1.5rem 1.5rem 1.5rem;
  box-shadow:var(--wc-shadow);
}
.formula-profile__meta{justify-content:flex-start;gap:.65rem}
.formula-profile__meta li{
  flex:1 1 150px;
  background:#fff;
  border:1px solid var(--wc-line);
  border-radius:1rem;
  color:var(--wc-muted);
}
.formula-profile__meta strong{
  color:var(--wc-gold);
  font-family:'Manrope',sans-serif;
}
.formula-profile__note{color:var(--wc-muted);text-align:left}

/* Guarantees */
.service-assurances{background:var(--wc-paper)}
.service-assurances h2{max-width:12ch}
.service-assurances__grid{
  grid-template-columns:repeat(5,1fr);
  gap:.8rem;
  margin-top:2.5rem;
}
.service-assurances__item{
  min-height:210px;
  padding:1.5rem;
  background:#fff;
  border:1px solid var(--wc-line);
  border-left:1px solid var(--wc-line);
  border-radius:1.2rem;
  position:relative;
}
.service-assurances__item:before{
  content:"✓";
  display:grid;place-items:center;
  width:2.1rem;height:2.1rem;
  margin-bottom:1.4rem;
  border-radius:50%;
  background:var(--wc-sage);
  color:var(--wc-forest);
  font-weight:900;
}
.service-assurances__item h3{font-size:1.3rem}
.service-assurances__item p{color:var(--wc-muted);font-size:.88rem}

/* Usage */
.application-guide{
  background:var(--wc-sage-2);
  position:relative;
}
.application-guide h2{max-width:12ch}
.application-guide__grid{
  grid-template-columns:1fr;
  max-width:900px;
  margin-top:2.6rem;
}
.application-guide__steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.application-guide__step{
  display:block;
  padding:1.8rem;
  background:#fff;
  border:1px solid rgba(20,58,50,.09);
  border-radius:1.35rem;
}
.application-guide__step::before{
  width:2.4rem;height:2.4rem;
  margin-bottom:1.6rem;
  background:var(--wc-gold);
  color:#fff;
  font-family:'Manrope',sans-serif;
}
.application-guide__step p{color:var(--wc-muted)}
.application-guide__step strong{color:var(--wc-forest)}

/* Big CTA */
.order-consultation{
  background:
    radial-gradient(circle at 82% 20%,rgba(232,205,167,.18),transparent 25%),
    linear-gradient(135deg,var(--wc-forest) 0%,var(--wc-forest-2) 100%);
  text-align:left;
}
.order-consultation .module__inner{padding:6rem 1rem}
.order-consultation .container{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:2rem;
}
.order-consultation__title{
  color:#fff;
  max-width:12ch;
  margin:0 0 .5rem;
}
.order-consultation__subtitle{
  grid-column:1;
  color:#cbd9d3;
  max-width:620px;
  margin:0;
}
.order-consultation .cta-button{
  grid-column:2;
  grid-row:1/3;
  align-self:center;
  font-size:1rem;
  padding:1rem 1.6rem;
  background:var(--wc-gold);
  border-color:var(--wc-gold);
  color:#fff;
  white-space:nowrap;
}
.order-consultation .cta-button:hover{background:#fff;border-color:#fff;color:var(--wc-forest)}

/* FAQ as premium cards */
.client-inquiries{background:#fbfaf6}
.client-inquiries__title{text-align:left;max-width:none}
.client-inquiries__thread{
  max-width:900px;
  margin:2.5rem 0 0;
  gap:.85rem;
}
.client-inquiries__q{
  align-self:stretch;
  max-width:none;
  margin:0;
  padding:1rem 1.25rem;
  background:var(--wc-forest);
  color:#fff;
  border-radius:1rem 1rem .35rem .35rem;
  font-weight:800;
}
.client-inquiries__a{
  align-self:stretch;
  max-width:none;
  margin:-.85rem 0 0;
  padding:1.2rem 1.25rem;
  background:#fff;
  color:var(--wc-ink);
  border:1px solid var(--wc-line);
  border-top:0;
  border-radius:0 0 1rem 1rem;
}
.client-inquiries__a p{color:var(--wc-muted)}

/* Footer */
.site-footer__grid{grid-template-columns:.85fr 1.15fr}
.site-footer__brand-half{
  background:var(--wc-cream);
  color:var(--wc-forest);
  padding:4rem max(3rem,calc((100vw - 1180px)/2 + 1.25rem));
  padding-right:3rem;
}
.site-footer__links-half{
  background:var(--wc-forest-2);
  color:#c9d6d0;
  padding:4rem max(3rem,calc((100vw - 1180px)/2 + 1.25rem));
  padding-left:3rem;
}
.site-footer__brand{
  height:2.4rem;
  filter:none;
}
.site-footer__tagline{color:#5d6b65}
.site-footer__contact-label{color:var(--wc-gold);font-weight:800}
.site-footer__contact a{color:var(--wc-forest);font-weight:800}
.site-footer__col-title{color:var(--wc-gold-2)}
.site-footer__col-list a{color:#c7d5cf}
.site-footer__disclaimer{color:#93a8a0;border-color:rgba(255,255,255,.12)}
.site-footer__bottom{color:#82988f}

/* Cookie UI recolor */
:root{
  --cc-bg:var(--wc-paper);
  --cc-text:var(--wc-forest);
  --cc-text-secondary:var(--wc-muted);
  --cc-border:rgba(20,58,50,.12);
  --cc-primary:var(--wc-forest);
  --cc-primary-hover:var(--wc-gold);
  --cc-secondary:#fff;
  --cc-toggle-active:var(--wc-forest);
}
.cc-banner,.cc-settings-container{background:var(--wc-paper)!important;color:var(--wc-forest)!important}
.cc-title,.cc-settings-title,.cc-category-title{color:var(--wc-forest)!important}
.cc-description,.cc-settings-description,.cc-category-description{color:var(--wc-muted)!important}
.cc-link,.cc-btn-link{color:var(--wc-forest)!important}
.cc-btn-primary{background:var(--wc-forest)!important;border-color:var(--wc-forest)!important}
.cc-btn-primary:hover{background:var(--wc-gold)!important;border-color:var(--wc-gold)!important}

/* Legal / utility pages */
.legal-content,.content-page,.page-content{color:var(--wc-ink)}
.module--section p{color:var(--wc-muted)}

/* Responsive */
@media(max-width:1050px){
  .offer-introduction .container{
    grid-template-columns:1fr .8fr;
    column-gap:2.5rem;
  }
  .offer-introduction__shot{height:540px}
  .service-assurances__grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .module--section>.module__inner{padding:5rem 1rem}
  .offer-introduction .container{
    display:block;
  }
  .offer-introduction__title{max-width:12ch}
  .offer-introduction__media{margin-top:2.5rem}
  .offer-introduction__shot{height:auto;max-height:620px}
  .offer-introduction__media:before{left:-.7rem;bottom:-.7rem}
  .order-form{max-width:620px}
  .comfort-context__list{grid-template-columns:repeat(2,1fr)}
  .client-advantages__grid{grid-template-columns:repeat(2,1fr)}
  .formula-profile__grid{grid-template-columns:1fr;gap:2.5rem}
  .formula-profile__media{order:-1}
  .formula-profile__shot{min-height:420px;max-height:560px}
  .application-guide__steps{grid-template-columns:1fr}
  .order-consultation .container{display:block}
  .order-consultation .cta-button{display:inline-block;margin-top:1.6rem}
}
@media(max-width:650px){
  .module--section>.module__inner{padding:4rem .25rem}
  h1{font-size:3.3rem}
  h2{font-size:2.65rem}
  .site-header__logo{height:2rem}
  .offer-introduction .module__inner{padding-top:3.8rem}
  .offer-introduction__price-row{flex-wrap:wrap}
  .offer-introduction__badges{gap:.4rem}
  .order-form{grid-template-columns:1fr;padding:1rem}
  .order-form__consent,.order-form__submit,.order-form__error{grid-column:1}
  .order-form__steps{gap:.75rem;display:grid;grid-template-columns:1fr}
  .offer-introduction__shot{border-radius:1.4rem 1.4rem 3rem 1.4rem}
  .comfort-context__list,
  .client-advantages__grid,
  .service-assurances__grid{grid-template-columns:1fr}
  .comfort-context__item,
  .client-advantages__card,
  .service-assurances__item{min-height:auto}
  .formula-profile__shot{min-height:300px;border-radius:2.5rem 1rem 1rem 1rem}
  .site-footer__grid{grid-template-columns:1fr}
  .site-footer__brand-half,.site-footer__links-half{padding:3rem 1.25rem}
  .client-inquiries__thread{gap:.7rem}
}
