:root{
  --ink:#252c25;
  --paper:#f3f0e7;
  --muted:#687067;
  --green:#37684a;
  --line:rgba(37,44,37,.16);
}
body{background:var(--paper);color:var(--ink)}
.site-header{color:#28312a;border-bottom-color:rgba(37,44,37,.16)}
.site-header nav{color:#505a50}
.wordmark span{color:#687067}
.header-cta span{color:var(--green)}
.hero{height:min(920px,100svh);min-height:760px;max-height:980px;padding:112px clamp(26px,8vw,128px);align-items:center;background:#f3f0e7;color:var(--ink)}
.hero__art{position:absolute;z-index:1;top:2%;right:1%;width:min(52%,800px);height:96%;overflow:hidden;background:transparent;-webkit-mask-image:none;mask-image:none}
.hero__art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.hero__art::after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(90deg,#f3f0e7 0%,rgba(243,240,231,.95) 5%,rgba(243,240,231,.62) 14%,rgba(243,240,231,.18) 27%,transparent 36%),linear-gradient(0deg,#f3f0e7 0%,transparent 12%,transparent 88%,#f3f0e7 100%),linear-gradient(270deg,#f3f0e7 0%,transparent 5%)}
.hero__content{z-index:2;width:min(700px,51%);padding:0}
.hero .eyebrow{color:var(--green);margin:0 0 22px;letter-spacing:.2em}
.hero h1{font-size:clamp(70px,8vw,118px);line-height:.9;letter-spacing:-.08em;font-weight:650;color:#202820;margin:0 0 15px}
.hero__subhead{margin:0 0 8px;color:#3b6347;font-size:clamp(20px,2.1vw,27px);font-weight:600;letter-spacing:-.035em}
.hero__copy{max-width:440px;margin:0;color:#596359;font-size:16px;line-height:1.6}
.hero__fit{margin-top:19px;padding-left:12px;border-left:1px solid var(--green);font-size:11px;color:#596359}
.hero__offer{margin:24px 0 15px;gap:13px;align-items:baseline}
.price{color:#202820;font-size:30px}
.compare-price{color:#72776e}
.hero__form{display:inline-block;vertical-align:top;margin:0 9px 0 0}
.button{min-height:50px;padding-inline:23px;font-size:11px;letter-spacing:.07em;text-transform:uppercase}
.button--primary{background:#315d42;color:#fff}
.button--primary:hover{background:#234b33}
.button--whatsapp{margin:0;color:#315d42;border-color:rgba(49,93,66,.48)}
.button--whatsapp:hover{border-color:#315d42;color:#234b33}
.hero__index{color:#485348}
.scroll-cue{color:#687067}
.scroll-cue span{background:var(--green)}
.benefits{background:#eeeae0;color:var(--ink)}
.benefit-list{border-color:var(--line)}
.benefit-item{border-color:var(--line)}
.benefit-item h3{color:#263128}
.benefit-item p{color:#60695f}
.benefit-number,.benefit-mark{color:var(--green)}
.section-intro>p:last-child{color:#5c665c}
.details{background:#e4e9df;color:#263128}
.details .eyebrow{color:var(--green)}
.details__copy>p:not(.eyebrow),.usage-list p{color:#566257}
.usage-list{border-color:var(--line)}
.usage-list li{border-color:var(--line)}
.usage-list span{color:var(--green)}
.details .small-note{color:#656d63}
.faq{background:#f5f2e9;color:var(--ink)}
.faq__list,.faq-item{border-color:var(--line)}
.faq-item summary{color:#293229}
.faq-item summary span{color:var(--green)}
.faq-answer{color:#596359}
.closing{background:#eeeae0;color:var(--ink)}
.closing__panel{min-height:390px;background:#e1e8dc;color:#273228}
.closing__panel .eyebrow{color:var(--green)}
.closing__panel>p:not(.eyebrow){color:#5c665c}
.closing__panel .text-link{color:var(--green)}
.site-footer{color:#566056}
.site-footer small{color:#747b72}
.product-section{background:#f5f2e9;color:var(--ink)}
.product-section__body>p{color:#5c665c}
.product-price strong{color:#263128}
.product-price s{color:#72776e}
.product-form select{background:#fff;border-color:#c7ccc2;color:#263128}
.small-note{color:#626a61}
.cart-page{background:#f5f2e9;color:var(--ink)}
.cart-item__info p,.cart-item label{color:#626a61}
.cart-item input{background:white;border-color:#c5cbc1;color:#263128}
.cart-update{color:#315d42}
@media(max-width:800px){
  .hero{height:auto;min-height:0;max-height:none;display:flex;flex-direction:column;align-items:stretch;padding:0 20px 42px}
  .hero__art{position:relative;top:auto;right:auto;width:calc(100% + 40px);height:min(53svh,490px);min-height:350px;margin:0 -20px;flex:none}
  .hero__art img{object-position:center 47%}
  .hero__content{width:100%;margin:0;padding:15px 0 0}
  .hero .eyebrow{margin-bottom:14px}
  .hero h1{font-size:clamp(61px,15vw,86px);margin-bottom:9px}
  .hero__subhead{font-size:20px}
  .hero__copy{font-size:14px;max-width:440px}
  .hero__fit{font-size:10px;margin-top:13px}
  .hero__offer{margin:16px 0 12px}
  .hero__form{display:block;margin:0 0 9px}
  .button--whatsapp{margin-top:0}
  .site-header{padding-inline:20px}
}
@media(max-width:390px){
  .hero{padding-inline:18px}
  .hero__art{width:calc(100% + 36px);margin-inline:-18px}
  .hero h1{font-size:58px}
}

/* Full-viewport campaign hero with live, editable copy and checkout controls. */
.site-header{height:92px;background:linear-gradient(180deg,rgba(7,10,9,.88),rgba(7,10,9,.52));border-bottom:1px solid rgba(255,255,255,.13);backdrop-filter:blur(8px)}
.hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:100svh;height:auto;max-height:none;overflow:hidden;padding:132px clamp(28px,5.1vw,86px) 72px;background:#090d0b;color:#f3f2ed}
.hero::before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,#090d0b 0%,rgba(9,13,11,.97) 28%,rgba(9,13,11,.78) 43%,rgba(9,13,11,.14) 68%,rgba(9,13,11,.05) 100%),linear-gradient(0deg,rgba(5,8,6,.48),transparent 38%)}
.hero__art{position:absolute;z-index:-2;inset:0 0 0 auto;width:68%;height:100%;border-radius:0;background:transparent;box-shadow:none}
.hero__art img{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.hero__art::before{display:none}
.hero__content{width:min(700px,55%);max-width:700px;margin:0;padding:0 0 10px;z-index:1}
.hero .eyebrow{margin:0 0 24px;color:#75c755;font-size:11px;letter-spacing:.19em}
.hero h1{font-size:clamp(60px,7.3vw,112px);line-height:.91;letter-spacing:-.07em;font-weight:800;margin:0 0 13px;color:#f8faf6}
.hero__subhead{font-size:clamp(21px,2.45vw,34px);line-height:1.2;font-weight:650;letter-spacing:-.035em;margin:0 0 17px;color:#f4f6f0}
.hero__copy{max-width:480px;font-size:clamp(15px,1.15vw,17px);line-height:1.6;color:#c9d0c7;margin:0}
.hero__proof{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:24px;max-width:620px}
.hero__proof-item{max-width:190px;font-size:12px}
.proof-icon{border-color:#78bf4e;color:#8bd85c}
.hero__fit{margin:20px 0 0;padding:0;border:0;font-size:11px;line-height:1.5;color:#aeb9ad}
.hero__offer{margin:22px 0 14px;gap:16px}
.price{font-size:clamp(30px,3vw,42px);color:#fff}
.hero .button{min-height:56px;border-radius:12px;font-size:13px;text-transform:none;letter-spacing:0}
.hero .button--primary{background:linear-gradient(110deg,#1eae3e,#45c54d);color:#fff}
.hero .button--whatsapp{border-color:#73bd53;color:#fff}
.hero__trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:20px;color:#aeb8ae;font-size:11px}
.hero .scroll-cue{left:clamp(28px,5.1vw,86px);bottom:24px;color:#c8cec4}
.hero__index{right:clamp(28px,5.1vw,86px);bottom:20px}
@media(max-width:800px){
 .site-header{height:76px}.site-header nav{top:82px;left:20px;right:20px}
 .hero{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;min-height:100svh;padding:190px 20px 48px;gap:0}
 .hero::before{z-index:0;background:linear-gradient(0deg,#090d0b 0%,rgba(9,13,11,.97) 34%,rgba(9,13,11,.3) 75%,rgba(9,13,11,.12) 100%)}
 .hero__art{z-index:-1;inset:0 0 auto;width:100%;height:60%;min-height:360px}
 .hero__art img{object-position:center 38%}
 .hero__content{width:100%;max-width:600px;padding:0;margin:0;z-index:1}
 .hero .eyebrow{margin-bottom:13px}.hero h1{font-size:clamp(55px,13vw,82px);margin-bottom:10px}.hero__subhead{font-size:22px;margin-bottom:10px}.hero__copy{font-size:15px}
 .hero__proof{gap:12px;margin-top:17px}.hero__proof-item{font-size:11px;max-width:calc(50% - 8px)}.hero__fit{margin-top:14px}.hero__offer{margin:17px 0 12px}
 .hero__form{display:block;margin:0 0 9px}.hero .button{width:100%;justify-content:center;min-height:52px}.hero .button--whatsapp{margin:0}.hero__trust{margin-top:14px}.hero .scroll-cue,.hero .hero__index{display:none}
}
@media(max-width:390px){.hero{padding-inline:16px}.hero__proof-item{max-width:100%}.site-header{padding-inline:16px}.header-cta{padding:11px 14px}}

/* The uploaded hero is a complete campaign artwork with its own headline and CTAs. */
.hero--artwork-only{display:block;height:100svh;min-height:100svh;max-height:none;padding:0;overflow:hidden;background:#080c0a}
.hero--artwork-only::before,.hero--artwork-only .hero__content,.hero--artwork-only .hero__image-caption{display:none}
.hero--artwork-only .hero__art{position:absolute;inset:0;width:100%;height:100%;z-index:0;border:0;border-radius:0;box-shadow:none}
.hero--artwork-only .hero__art img{display:block;width:100%;height:100%;object-fit:fill;object-position:center}
.hero--artwork-only .hero__art::before,.hero--artwork-only .hero__art::after{display:none!important;content:none!important;background:none!important}
.hero__art-link{position:absolute;z-index:2;top:80%;height:8%;display:block}
.hero__art-link--buy{left:6%;width:19%;cursor:pointer}
.hero__art-link--buy[aria-disabled="true"]{pointer-events:none;cursor:not-allowed}
.hero__art-link--whatsapp{left:26%;width:18%}
@media(max-width:800px){
 .site-header nav{display:none}
 .hero--artwork-only{height:auto;min-height:0;padding:76px 0 0;overflow:visible}
 .hero--artwork-only .hero__art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1713/900}
 .hero--artwork-only .hero__art img{height:100%;object-fit:fill}
 .hero__art-link{top:80%;height:8%}
}