/* ===================================================
   Claritox Pro — claritoxofficial.com
   Stylesheet — prefix: ctx-
   =================================================== */

:root{
  --ctx-primary:#3f7d2c;
  --ctx-primary-dark:#234d19;
  --ctx-primary-light:#eaf6e3;
  --ctx-primary-mid:#5f9541;
  --ctx-accent:#f3a712;
  --ctx-accent-dark:#d98c00;
  --ctx-purple:#8a4aa0;
  --ctx-bg:#fdfdf9;
  --ctx-surface:#ffffff;
  --ctx-text:#1c241c;
  --ctx-muted:#53604f;
  --ctx-border:#e4ead e0;
  --ctx-border:#e1e9dc;
  --ctx-radius:18px;
  --ctx-shadow:0 10px 30px rgba(36,77,25,.10);
  --ctx-max:1180px;
  color-scheme: light;
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;
  font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
  background:var(--ctx-bg);
  color:var(--ctx-text);
  line-height:1.65;
  font-size:18px;
  overflow-x:hidden;
  width:100%;
}
html,body{max-width:100%;overflow-x:hidden;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--ctx-primary-dark);text-decoration:none;}
a:hover{text-decoration:underline;}
ul{padding-left:1.2em;}
.ctx-container{max-width:var(--ctx-max);margin:0 auto;padding:0 20px;width:100%;}
section{position:relative;}

h1,h2,h3,h4{
  font-family:inherit;
  color:var(--ctx-primary-dark);
  line-height:1.25;
  margin:0 0 .5em;
  font-weight:800;
}
h1{font-size:30px;}
@media(min-width:600px){h1{font-size:32px;}}
h2{font-size:27px;}
h3{font-size:21px;}
p{margin:0 0 1em;color:var(--ctx-text);}
.ctx-eyebrow{
  display:inline-block;color:var(--ctx-primary);
  font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  font-size:14px;margin-bottom:10px;
}
.ctx-lead{font-size:19px;color:var(--ctx-muted);}

/* Buttons */
.ctx-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:linear-gradient(135deg,#ffc247,var(--ctx-accent) 60%,var(--ctx-accent-dark));
  color:#2b1600;font-weight:800;font-size:18px;
  padding:16px 34px;border-radius:50px;border:none;cursor:pointer;
  box-shadow:0 10px 24px rgba(217,140,0,.35);
  transition:transform .15s ease, box-shadow .15s ease;
  text-decoration:none;
}
.ctx-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(217,140,0,.45);text-decoration:none;}
.ctx-btn-lg{padding:19px 44px;font-size:20px;}
.ctx-btn-outline{
  background:transparent;color:var(--ctx-primary-dark);
  border:2px solid var(--ctx-primary);box-shadow:none;
}
.ctx-secure{
  display:flex;align-items:center;gap:6px;justify-content:center;
  font-size:13.5px;color:var(--ctx-muted);margin-top:10px;font-weight:600;
}
.ctx-secure svg{width:16px;height:16px;fill:var(--ctx-primary);}

/* Header */
.ctx-header{
  position:sticky;top:0;z-index:999;background:rgba(253,253,249,.96);
  backdrop-filter:blur(6px);border-bottom:1px solid var(--ctx-border);
}
.ctx-header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:14px;}
.ctx-logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px;color:var(--ctx-primary-dark);}
.ctx-logo span{color:var(--ctx-accent-dark);}
.ctx-nav{display:none;gap:26px;align-items:center;}
.ctx-nav a{color:var(--ctx-text);font-weight:600;font-size:15.5px;margin-right:26px;}
.ctx-nav a:last-child{margin-right:0;}
.ctx-nav a:hover{color:var(--ctx-primary);text-decoration:none;}
.ctx-header-cta{display:none;}
.ctx-burger{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;}
.ctx-burger span{width:24px;height:3px;background:var(--ctx-primary-dark);border-radius:3px;}
.ctx-mobile-nav{display:none;flex-direction:column;background:var(--ctx-surface);border-top:1px solid var(--ctx-border);padding:10px 20px 18px;}
.ctx-mobile-nav.ctx-open{display:flex;}
.ctx-mobile-nav a{padding:10px 0;color:var(--ctx-text);font-weight:700;border-bottom:1px solid var(--ctx-border);}
@media(min-width:960px){
  .ctx-nav{display:flex;}
  .ctx-header-cta{display:inline-flex;}
  .ctx-burger{display:none;}
}

/* Hero */
.ctx-hero{
  padding:52px 0 60px;
  background:
    radial-gradient(600px 300px at 85% -10%, #fff3d6 0%, transparent 60%),
    radial-gradient(500px 260px at -10% 110%, var(--ctx-primary-light) 0%, transparent 60%),
    var(--ctx-bg);
  overflow:hidden;
}
.ctx-hero-grid{display:grid;grid-template-columns:1fr;gap:38px;align-items:center;}
@media(min-width:960px){.ctx-hero-grid{grid-template-columns:1.05fr .95fr;gap:50px;}}
.ctx-hero-badge{
  display:inline-flex;align-items:center;gap:8px;background:var(--ctx-primary-light);
  color:var(--ctx-primary-dark);font-weight:700;font-size:13.5px;padding:7px 14px;
  border-radius:50px;margin-bottom:14px;
}
.ctx-hero h1{margin-bottom:14px;}
.ctx-hero-bullets{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px;}
.ctx-hero-bullets li{
  display:flex;gap:10px;align-items:flex-start;font-weight:600;font-size:16.5px;
}
.ctx-hero-bullets li::before{
  content:"";flex:0 0 20px;width:20px;height:20px;margin-top:2px;margin-right:10px;border-radius:50%;
  background:var(--ctx-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9.6 16.2 4.8 11.4 3.4 12.8l6.2 6.2L21 7.6 19.6 6.2z'/%3E%3C/svg%3E") center/13px no-repeat;
}
.ctx-hero-table{
  width:100%;border-collapse:collapse;margin:18px 0;background:var(--ctx-surface);
  border-radius:12px;overflow:hidden;box-shadow:var(--ctx-shadow);font-size:15px;
}
.ctx-hero-table th,.ctx-hero-table td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--ctx-border);}
.ctx-hero-table th{background:var(--ctx-primary-light);color:var(--ctx-primary-dark);font-size:13.5px;text-transform:uppercase;letter-spacing:.03em;}
.ctx-hero-table tr:last-child td{border-bottom:none;}
.ctx-numbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0;}
.ctx-numbox{
  background:var(--ctx-surface);border:1px solid var(--ctx-border);border-radius:14px;
  padding:14px 14px 14px 46px;position:relative;box-shadow:var(--ctx-shadow);font-size:14.5px;font-weight:600;
}
.ctx-numbox::before{
  counter-increment:ctxnum;content:counter(ctxnum);position:absolute;left:12px;top:12px;
  width:24px;height:24px;border-radius:50%;background:var(--ctx-primary);color:#fff;
  font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;
}
.ctx-numbox-grid{counter-reset:ctxnum;}
.ctx-hero-cta{margin-top:10px;}
.ctx-hero-media{position:relative;text-align:center;}
.ctx-hero-media img{margin:0 auto;max-width:360px;}
.ctx-hero-viz{margin-top:18px;background:var(--ctx-surface);border-radius:16px;box-shadow:var(--ctx-shadow);padding:14px;}
.ctx-hero-viz svg{width:100%;height:auto;}

/* Feature / why-choose cards */
.ctx-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;}
@media(min-width:760px){.ctx-feature-grid{grid-template-columns:repeat(4,1fr);}}
.ctx-feature-card{
  background:var(--ctx-surface);border-radius:16px;padding:22px 16px;text-align:center;
  box-shadow:var(--ctx-shadow);border:1px solid var(--ctx-border);
}
.ctx-feature-card img{max-width:92px;margin:0 auto 12px;}
.ctx-feature-card h3{font-size:16.5px;margin-bottom:6px;}
.ctx-feature-card p{font-size:14px;color:var(--ctx-muted);margin:0;}

.ctx-section{padding:62px 0;}
.ctx-section-alt{background:var(--ctx-primary-light);}
.ctx-center{text-align:center;}
.ctx-section-head{max-width:720px;margin:0 auto 36px;text-align:center;}

/* Wave CTA banner */
.ctx-wave{
  position:relative;background:linear-gradient(120deg,var(--ctx-primary),var(--ctx-primary-mid));
  padding:56px 0;color:#fff;overflow:hidden;
}
.ctx-wave::before,.ctx-wave::after{
  content:"";position:absolute;left:0;right:0;height:60px;background:var(--ctx-bg);
}
.ctx-wave::before{top:-1px;border-radius:0 0 50% 50%/0 0 100% 100%;}
.ctx-wave::after{bottom:-1px;border-radius:50% 50% 0 0/100% 100% 0 0;}
.ctx-wave h2{color:#fff;}
.ctx-wave p{color:#eafbe2;}
.ctx-wave .ctx-btn{box-shadow:0 10px 26px rgba(0,0,0,.25);}
.ctx-wave-inner{text-align:center;position:relative;z-index:2;}

/* Two column content */
.ctx-split{display:grid;grid-template-columns:1fr;gap:34px;align-items:center;}
@media(min-width:900px){.ctx-split{grid-template-columns:1fr 1fr;gap:46px;}}
.ctx-split.ctx-rev .ctx-split-media{order:-1;}
@media(min-width:900px){.ctx-split.ctx-rev .ctx-split-media{order:2;}}
.ctx-split-media img{border-radius:18px;}
.ctx-split-media.ctx-float{position:relative;}
.ctx-chip{
  display:inline-block;background:var(--ctx-surface);border:1px solid var(--ctx-border);
  border-radius:50px;padding:6px 14px;font-size:13px;font-weight:700;color:var(--ctx-primary-dark);
  box-shadow:var(--ctx-shadow);margin:4px 6px 4px 0;
}

/* Pricing */
.ctx-stock-note{
  text-align:center;background:#fff3d6;color:#7a4b00;font-weight:700;font-size:14.5px;
  padding:10px 16px;border-radius:50px;display:inline-block;margin:0 auto 28px;
}
.ctx-stock-wrap{text-align:center;}
.ctx-pricing-grid{display:grid;grid-template-columns:1fr;gap:22px;}
@media(min-width:860px){.ctx-pricing-grid{grid-template-columns:repeat(3,1fr);}}
.ctx-price-card{
  background:var(--ctx-surface);border-radius:20px;border:1px solid var(--ctx-border);
  box-shadow:var(--ctx-shadow);overflow:hidden;display:flex;flex-direction:column;text-align:center;
  position:relative;
}
.ctx-price-card.ctx-popular{border:2px solid var(--ctx-accent);transform:translateY(-6px);}
.ctx-price-ribbon{
  position:absolute;top:14px;right:-36px;background:#e0372c;color:#fff;font-size:12px;font-weight:800;
  padding:5px 42px;transform:rotate(38deg);letter-spacing:.03em;
}
.ctx-price-head{background:linear-gradient(120deg,var(--ctx-primary),var(--ctx-primary-mid));color:#fff;padding:16px;}
.ctx-price-head span{display:block;font-size:13px;font-weight:600;opacity:.9;}
.ctx-price-head strong{font-size:19px;}
.ctx-price-body{padding:20px;flex:1;display:flex;flex-direction:column;}
.ctx-price-body img{max-width:160px;margin:0 auto 14px;}
.ctx-price-supply{color:var(--ctx-muted);font-weight:700;font-size:14px;margin-bottom:6px;}
.ctx-price-per{font-size:40px;font-weight:900;color:var(--ctx-primary-dark);margin:4px 0;}
.ctx-price-per small{font-size:15px;font-weight:700;color:var(--ctx-muted);}
.ctx-price-total{font-size:15px;color:var(--ctx-muted);margin-bottom:14px;}
.ctx-price-total s{color:#b3312b;margin-right:6px;}
.ctx-price-ship{font-size:13.5px;color:var(--ctx-primary-dark);font-weight:700;margin-bottom:14px;}
.ctx-price-body .ctx-btn{margin-top:auto;}
.ctx-pay-badges{display:flex;justify-content:center;gap:8px;margin-top:14px;flex-wrap:wrap;}
.ctx-pay-badges span{font-size:11px;font-weight:700;color:var(--ctx-muted);border:1px solid var(--ctx-border);border-radius:5px;padding:3px 7px;}

/* Guarantee */
.ctx-guarantee{display:grid;grid-template-columns:1fr;gap:30px;align-items:center;}
@media(min-width:860px){.ctx-guarantee{grid-template-columns:240px 1fr;}}
.ctx-guarantee img{max-width:220px;margin:0 auto;}

/* Shipping banner */
.ctx-shipband{
  background:var(--ctx-primary-dark);color:#fff;padding:18px 0;text-align:center;font-weight:700;
}
.ctx-shipband .ctx-container{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:15px;}

/* Ingredients */
.ctx-ing-grid{display:grid;grid-template-columns:1fr;gap:18px;}
@media(min-width:720px){.ctx-ing-grid{grid-template-columns:1fr 1fr;}}
.ctx-ing-card{
  background:var(--ctx-surface);border:1px solid var(--ctx-border);border-radius:16px;padding:22px;
  box-shadow:var(--ctx-shadow);
}
.ctx-ing-num{
  display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;
  background:var(--ctx-primary-light);color:var(--ctx-primary-dark);font-weight:900;margin-bottom:10px;
}
.ctx-ing-card h3{margin-bottom:6px;}
.ctx-ing-card p{font-size:15.5px;color:var(--ctx-text);margin-bottom:8px;}
.ctx-ing-check{font-size:13.5px;color:var(--ctx-muted);font-weight:600;}
.ctx-ing-link{font-size:14px;font-weight:700;}

/* Benefits */
.ctx-benefit{
  display:grid;grid-template-columns:1fr;gap:24px;align-items:center;padding:30px 0;
  border-bottom:1px solid var(--ctx-border);
}
@media(min-width:860px){.ctx-benefit{grid-template-columns:120px 1fr;}}
.ctx-benefit:last-child{border-bottom:none;}
.ctx-benefit-icon{
  width:84px;height:84px;border-radius:22px;background:var(--ctx-primary-light);
  display:flex;align-items:center;justify-content:center;margin:0 auto;
}
.ctx-benefit-icon svg{width:42px;height:42px;fill:var(--ctx-primary-dark);}
.ctx-benefit h3{margin-bottom:6px;}
.ctx-benefit-ingredients{font-size:14px;font-weight:700;color:var(--ctx-primary);margin-bottom:8px;}

/* Testimonials / reviews */
.ctx-review-grid{display:grid;grid-template-columns:1fr;gap:20px;}
@media(min-width:760px){.ctx-review-grid{grid-template-columns:repeat(3,1fr);}}
.ctx-review-card{
  background:var(--ctx-surface);border-radius:16px;padding:22px;box-shadow:var(--ctx-shadow);
  border:1px solid var(--ctx-border);
}
.ctx-review-stars{color:var(--ctx-accent);font-size:16px;margin-bottom:10px;letter-spacing:2px;}
.ctx-review-person{display:flex;align-items:center;gap:12px;margin-top:14px;}
.ctx-review-person img{width:46px;height:46px;border-radius:50%;object-fit:cover;}
.ctx-review-person strong{display:block;font-size:14.5px;}
.ctx-review-person span{font-size:12.5px;color:var(--ctx-muted);}

/* FAQ */
.ctx-faq{max-width:820px;margin:0 auto;}
.ctx-faq-item{border-bottom:1px solid var(--ctx-border);padding:18px 0;}
.ctx-faq-item summary{
  cursor:pointer;font-weight:800;font-size:17px;color:var(--ctx-primary-dark);list-style:none;
  display:flex;justify-content:space-between;gap:14px;align-items:center;
}
.ctx-faq-item summary::-webkit-details-marker{display:none;}
.ctx-faq-item summary::after{content:"+";font-size:22px;color:var(--ctx-primary);flex:0 0 auto;}
.ctx-faq-item[open] summary::after{content:"\2212";}
.ctx-faq-item p{margin-top:12px;color:var(--ctx-muted);}

/* Label / supplement facts */
.ctx-label-wrap{display:grid;grid-template-columns:1fr;gap:30px;align-items:start;}
@media(min-width:860px){.ctx-label-wrap{grid-template-columns:260px 1fr;}}
.ctx-label-table{width:100%;border-collapse:collapse;background:var(--ctx-surface);border-radius:14px;overflow:hidden;box-shadow:var(--ctx-shadow);}
.ctx-label-table th,.ctx-label-table td{padding:11px 16px;border-bottom:1px solid var(--ctx-border);text-align:left;font-size:15px;}
.ctx-label-table th{background:var(--ctx-primary-light);color:var(--ctx-primary-dark);width:55%;}
.ctx-label-table tr:last-child td,.ctx-label-table tr:last-child th{border-bottom:none;}

/* References */
.ctx-ref-list{list-style:none;padding:0;display:grid;gap:10px;max-width:760px;margin:0 auto;}
.ctx-ref-list li{background:var(--ctx-surface);border:1px solid var(--ctx-border);border-radius:10px;padding:12px 16px;font-size:14.5px;}

/* Final CTA */
.ctx-finalcta{
  background:linear-gradient(135deg,var(--ctx-primary-dark),var(--ctx-primary));
  color:#fff;text-align:center;padding:64px 0;
}
.ctx-finalcta h2{color:#fff;}
.ctx-finalcta p{color:#e7f6df;}

/* Footer */
.ctx-footer{background:#163011;color:#cfe3c7;padding:48px 0 24px;font-size:14.5px;}
.ctx-footer-grid{display:grid;grid-template-columns:1fr;gap:28px;}
@media(min-width:760px){.ctx-footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;}}
.ctx-footer h4{color:#fff;font-size:15px;margin-bottom:12px;}
.ctx-footer ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;}
.ctx-footer a{color:#cfe3c7;}
.ctx-footer a:hover{color:#fff;}
.ctx-footer-logo{font-weight:900;font-size:19px;color:#fff;margin-bottom:10px;}
.ctx-footer-bottom{border-top:1px solid #294a21;margin-top:32px;padding-top:18px;text-align:center;font-size:13px;color:#9bb391;}
.ctx-disclaimer{font-size:12.5px;color:#9bb391;max-width:900px;margin:16px auto 0;line-height:1.6;}

/* Sticky order bar (mobile) */
.ctx-sticky-cta{
  position:fixed;left:0;right:0;bottom:0;z-index:998;background:var(--ctx-surface);
  border-top:1px solid var(--ctx-border);padding:10px 16px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  box-shadow:0 -6px 18px rgba(0,0,0,.08);
}
.ctx-sticky-cta strong{font-size:14.5px;color:var(--ctx-primary-dark);}
.ctx-sticky-cta .ctx-btn{padding:12px 22px;font-size:15px;}
@media(min-width:960px){.ctx-sticky-cta{display:none;}}
body{padding-bottom:70px;}
@media(min-width:960px){body{padding-bottom:0;}}

/* Breadcrumb */
.ctx-crumb{font-size:13.5px;color:var(--ctx-muted);padding:16px 0 0;}
.ctx-crumb a{color:var(--ctx-muted);}

/* Inner page hero banner */
.ctx-pagehero{padding:40px 0 10px;}
.ctx-pagehero img{border-radius:18px;box-shadow:var(--ctx-shadow);}

/* Blog grid */
.ctx-blog-grid{display:grid;grid-template-columns:1fr;gap:22px;}
@media(min-width:720px){.ctx-blog-grid{grid-template-columns:1fr 1fr;}}
@media(min-width:1024px){.ctx-blog-grid{grid-template-columns:repeat(3,1fr);}}
.ctx-blog-card{
  background:var(--ctx-surface);border-radius:16px;overflow:hidden;box-shadow:var(--ctx-shadow);
  border:1px solid var(--ctx-border);display:flex;flex-direction:column;
}
.ctx-blog-card img{width:100%;}
.ctx-blog-card-body{padding:18px 20px 22px;flex:1;display:flex;flex-direction:column;}
.ctx-blog-tag{color:var(--ctx-primary);font-weight:800;font-size:12.5px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;}
.ctx-blog-card h3{font-size:18.5px;margin-bottom:8px;}
.ctx-blog-card p{font-size:14.5px;color:var(--ctx-muted);flex:1;}
.ctx-blog-card a.ctx-readmore{font-weight:800;font-size:14.5px;}

/* Blog post article */
.ctx-article{max-width:800px;margin:0 auto;}
.ctx-article h2{margin-top:1.4em;}
.ctx-article p{font-size:17.5px;}
.ctx-article .ctx-article-cta{
  background:var(--ctx-primary-light);border-radius:16px;padding:24px;text-align:center;margin:30px 0;
}
.ctx-related{display:grid;grid-template-columns:1fr;gap:14px;list-style:none;padding:0;}
@media(min-width:640px){.ctx-related{grid-template-columns:1fr 1fr;}}
.ctx-related a{
  display:block;background:var(--ctx-surface);border:1px solid var(--ctx-border);border-radius:12px;
  padding:14px 16px;font-weight:700;box-shadow:var(--ctx-shadow);
}

/* Contact / legal */
.ctx-contact-grid{display:grid;grid-template-columns:1fr;gap:30px;}
@media(min-width:860px){.ctx-contact-grid{grid-template-columns:1fr 1fr;}}
.ctx-form input,.ctx-form textarea{
  width:100%;padding:13px 14px;border:1px solid var(--ctx-border);border-radius:10px;
  font-family:inherit;font-size:15.5px;margin-bottom:14px;background:#fff;color:var(--ctx-text);
}
.ctx-form label{font-weight:700;font-size:14.5px;display:block;margin-bottom:6px;}
.ctx-legal h2{margin-top:1.6em;}
.ctx-legal p,.ctx-legal li{font-size:16px;color:var(--ctx-muted);}
.ctx-updated{color:var(--ctx-muted);font-size:14px;margin-bottom:30px;}

/* Table overflow safety */
.ctx-table-scroll{width:100%;overflow-x:auto;}

/* Misc */
.ctx-tag-row{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0;}
.ctx-mt0{margin-top:0;}
.ctx-mb0{margin-bottom:0;}