/* Homepage presentation layer — Carlos ivory/aqua tokens.
   Does not change cart, API catalog, reviews, education JS, or checkout. */

:root {
  --c2-ivory: #FAF8F3;
  --c2-white: #FFFFFF;
  --c2-aqua-bg: #F2F7F7;
  --c2-navy: #06284A;
  --c2-text: #24384B;
  --c2-aqua: #29A9B7;
  --c2-aqua-soft: #76C9CF;
  --c2-orange: #F47721;
  --c2-border: #D9E8E9;
  --c2-muted: #647789;
}

body {
  background: var(--c2-ivory) !important;
  color: var(--c2-text) !important;
}

/* Hide the full featured-purchase module; catalog already sits under the hero. */
#reta[data-featured-section] {
  display: none !important;
}

/* ===========================
   HERO
   =========================== */

.c2-hero {
  min-height: auto;
  color: var(--c2-text);
  background:
    radial-gradient(circle at 78% 40%, rgba(118, 201, 207, 0.24), transparent 32%),
    var(--c2-ivory);
}

.c2-hero::before {
  opacity: 0.07;
  background-image:
    linear-gradient(rgba(41, 169, 183, 0.16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(41, 169, 183, 0.16) 1px, transparent 1px);
}

.c2-brand-name,
.c2-copy h1 {
  color: var(--c2-navy);
}

.c2-brand-name span,
.c2-copy h1 .c2-dot {
  color: var(--c2-orange);
}

.c2-copy h1 span {
  color: inherit;
  text-shadow: none;
  animation: none;
}

.c2-copy h1 {
  text-shadow: none;
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 0.98;
}

.c2-logo-waves i {
  background: var(--c2-aqua);
}

.c2-brand-subtitle,
.c2-eyebrow {
  color: var(--c2-aqua);
}

.c2-nav-links a {
  color: var(--c2-navy);
  font-weight: 700;
}

.c2-nav-links a::after {
  background: var(--c2-aqua);
}

.c2-icon-button {
  color: var(--c2-navy);
}

.c2-cart > span {
  background: var(--c2-orange);
  color: #fff;
}

.c2-accent-line span,
.c2-accent-line i {
  background: var(--c2-aqua);
}

.c2-accent-line b {
  background: var(--c2-orange);
}

.c2-description {
  color: var(--c2-text);
}

.c2-btn-primary {
  background: var(--c2-navy);
  color: #fff;
  border: 1px solid var(--c2-navy);
  border-radius: 999px;
}

.c2-btn-primary:hover {
  background: #0a3a63;
  box-shadow: 0 10px 24px rgba(6, 40, 74, 0.18);
}

.c2-btn-secondary {
  background: transparent;
  color: var(--c2-navy);
  border: 1px solid var(--c2-aqua);
  border-radius: 999px;
}

.c2-btn-secondary:hover {
  background: var(--c2-white);
  border-color: var(--c2-aqua);
}

.c2-product-visual::before,
.c2-product-visual::after {
  background: radial-gradient(circle, rgba(41, 169, 183, 0.22), transparent 68%);
  filter: blur(40px);
}

.c2-trust-panel {
  background: #F4FBFB;
  border: 1px solid var(--c2-border);
  box-shadow: 0 12px 35px rgba(6, 40, 74, 0.06);
}

.c2-trust-card + .c2-trust-card {
  border-left: 1px solid var(--c2-border);
}

.c2-trust-icon {
  color: var(--c2-aqua);
}

.c2-trust-card h3 {
  color: var(--c2-navy);
}

.c2-trust-card p {
  color: var(--c2-muted);
}

/* ===========================
   CATALOG
   =========================== */

.c2-catalog {
  color: var(--c2-text);
  background: var(--c2-white);
}

.c2-catalog::before,
.c2-catalog::after {
  opacity: 0.08;
  background: radial-gradient(circle at center, transparent 0 45%, var(--c2-aqua) 46% 47%, transparent 48% 100%);
}

.c2-catalog-header h2 {
  color: var(--c2-navy);
}

.c2-catalog-header h2 span {
  color: var(--c2-aqua);
}

.c2-mini-wave {
  border-top-color: var(--c2-aqua);
}

.c2-catalog-header p,
.c2-catalog-empty,
.c2-catalog .c2-disclaimer {
  color: var(--c2-muted);
}

/* Keep original catalog.css product-card chrome (dark vials, price, Add). */

.c2-shop-all {
  background: var(--c2-navy);
  color: #fff;
  border: 1px solid var(--c2-navy);
}

.c2-coa-button {
  background: transparent;
  color: var(--c2-navy);
  border: 1px solid var(--c2-aqua);
}

.c2-quality-bar {
  border-top-color: var(--c2-border);
}

.c2-quality-bar > div + div {
  border-left-color: var(--c2-border);
}

.c2-quality-icon {
  color: var(--c2-aqua);
  border-color: var(--c2-aqua-soft);
}

.c2-quality-bar strong {
  color: var(--c2-navy);
}

/* ===========================
   ABOUT / GOALS
   =========================== */

.c2-section-light {
  background: var(--c2-ivory) !important;
  color: var(--c2-text) !important;
}

.c2-section-light h2,
.c2-section-light .font-display {
  color: var(--c2-navy) !important;
}

.c2-section-light .c2-muted-copy {
  color: var(--c2-muted) !important;
}

.c2-section-light .glass {
  background: var(--c2-white);
  border: 1px solid var(--c2-border);
  border-radius: 18px;
}

/* ===========================
   EDUCATION
   =========================== */

.c2-education {
  background: var(--c2-aqua-bg);
  color: var(--c2-text);
}

.c2-education-hero h2 {
  color: var(--c2-navy);
}

.c2-education-hero h2 span {
  color: var(--c2-aqua);
}

.c2-title-line {
  background: var(--c2-aqua);
}

.c2-education-hero p {
  color: var(--c2-text);
}

.c2-filters {
  border-top-color: var(--c2-border);
  border-bottom-color: var(--c2-border);
}

.c2-filter {
  color: var(--c2-navy);
  border-right-color: var(--c2-border);
}

.c2-filter:hover,
.c2-filter.active {
  color: var(--c2-aqua);
  background: rgba(41, 169, 183, 0.08);
}

.c2-filter.active {
  box-shadow: inset 0 -2px 0 var(--c2-aqua);
}

.c2-article-card {
  background: var(--c2-white);
  border: 1px solid var(--c2-border);
  border-radius: 18px;
}

.c2-article-card:hover {
  background: var(--c2-white);
  border-color: rgba(41, 169, 183, 0.45);
}

.c2-card-body h3 {
  color: var(--c2-navy);
}

.c2-card-body p,
.c2-article-meta {
  color: var(--c2-muted);
}

.c2-category {
  background: rgba(244, 119, 33, 0.1);
  border-color: rgba(244, 119, 33, 0.35);
  color: var(--c2-orange);
}

.c2-read-more {
  color: var(--c2-aqua);
}

.c2-newsletter {
  background: var(--c2-white);
  border: 1px solid var(--c2-border);
}

.c2-newsletter h3,
.c2-newsletter-copy h3 {
  color: var(--c2-navy);
}

.c2-newsletter p,
.c2-newsletter-copy p,
.c2-privacy {
  color: var(--c2-muted) !important;
}

.c2-subscribe-form input {
  background: var(--c2-ivory);
  color: var(--c2-navy);
  border: 1px solid var(--c2-border);
}

.c2-subscribe-form input::placeholder {
  color: var(--c2-muted);
}

.c2-subscribe-form button {
  background: var(--c2-navy);
  color: #fff;
}

/* ===========================
   NEWSLETTER / CTA / CONTACT / FOOTER
   =========================== */

#newsletter {
  background: var(--c2-navy) !important;
}

.c2-final-cta {
  background: var(--c2-ivory);
  color: var(--c2-navy);
  padding: 72px 16px;
}

.c2-final-cta h2 {
  color: var(--c2-navy);
}

.c2-final-cta p {
  color: var(--c2-text);
}

.c2-final-cta .c2-cta-primary {
  display: inline-flex;
  align-items: center;
  min-height: 50px;
  padding: 0 28px;
  border-radius: 999px;
  background: var(--c2-navy);
  color: #fff;
  font-weight: 800;
  text-decoration: none;
}

.c2-final-cta .c2-cta-secondary {
  display: inline-flex;
  align-items: center;
  min-height: 50px;
  padding: 0 28px;
  border-radius: 999px;
  background: transparent;
  color: var(--c2-navy);
  border: 1px solid var(--c2-aqua);
  font-weight: 800;
  text-decoration: none;
}

.c2-section-soft {
  background: var(--c2-aqua-bg) !important;
  color: var(--c2-text) !important;
}

.c2-section-soft h2 {
  color: var(--c2-navy) !important;
}

.c2-section-soft p,
.c2-section-soft a {
  color: var(--c2-text);
}

.c2-section-soft input,
.c2-section-soft textarea {
  background: var(--c2-white) !important;
  color: var(--c2-navy) !important;
  border: 1px solid var(--c2-border) !important;
}

.c2-section-soft button[type="submit"] {
  background: var(--c2-navy) !important;
}

footer {
  background: var(--c2-navy) !important;
  color: #fff;
}

@media (max-width: 1100px) {
  .c2-trust-card + .c2-trust-card {
    border-left: 0;
    border-top: 1px solid var(--c2-border);
  }
}