/* Homepage scoped fixes (only applies on body.home) */

/* Base overrides */
body.home {
  color: #1f2937; /* slate-800 */
  background-color: #f8fafc; /* light */
  font-family: 'Quicksand', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Header tweaks (scoped) */
body.home .site-header { background: #2954B3; }
body.home .header-inner { max-width: 1200px; margin: 0 auto; padding: 10px 20px; }
body.home .header-buttons .login-btn {
  background: transparent; border: 1px solid rgba(255,255,255,.85); color: #fff;
  padding: 6px 14px; border-radius: 8px; font-weight: 700; font-size: 13px;
}
body.home .header-buttons .login-btn:hover { background: rgba(255,255,255,.1); }

/* Remove animated bg on homepage */
body.home .animated-bg { display: none; }

/* Headings to original scheme */
body.home h1,
body.home h2 { color: #333333; font-weight: 700; }
body.home h3,
body.home h4 { color: #0f172a; }

/* Containers */
body.home .container { max-width: 1200px; padding: 0 20px; margin: 0 auto; }

/* Hero */
body.home .hero { background: #dbeafe; padding: 64px 0; }
body.home .hero-content { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
body.home .hero-text h1 { font-size: clamp(30px, 4vw, 44px); line-height: 1.12; letter-spacing: .1px; }
body.home .hero-text .highlight { color: #2954B3; }
body.home .hero-text .highlight-bg { 
  background: #10b981; 
  color: white; 
  padding: 4px 12px; 
  border-radius: 8px; 
  display: inline-block;
}
body.home .hero-text p { font-size: 18px; color: #475569; margin-top: 12px; }
/* Award badge - mobile only */
@media (max-width: 768px) {
  body.home .certified-badge {
    display: inline-flex;
    align-items: center;
    background: #10b981;
    color: #fff;
    padding: 8px 14px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  }
}
/* Hero buttons container */
body.home .hero-buttons {
    display: flex;
    gap: 16px;
    justify-content: flex-start;
    margin-top: 20px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

body.home .cta-button { background: #10b981; color: #fff; border: 0; padding: 14px 22px; border-radius: 10px; font-weight: 700; cursor: pointer; margin: 0; box-shadow: 0 2px 4px rgba(0,0,0,0.3); }
body.home .cta-button:hover { background: #059669; }

/* Secondary CTA button - exact same as primary */
/* Secondary CTA button - outline style */
body.home .cta-button-secondary {
  background: transparent !important;
  color: #10b981 !important;
  border: 2px solid #10b981 !important;
  padding: 12px 22px !important; /* base; mobile/desktop overrides below normalize */
  border-radius: 10px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  margin: 0 !important;
  box-shadow: none !important;
}
body.home .cta-button-secondary:hover { background: #10b981 !important; color: #fff !important; }
body.home .login-link { margin-top: 8px; color: #64748b; font-size: 14px; }
body.home .login-link a { color: #3A9AEA; text-decoration: none; font-weight: 700; }
body.home .hero-image img { width: 100%; height: auto; border-radius: 14px; box-shadow: 0 18px 30px -12px rgba(2,6,23,.25); }

/* Statistics Section */
body.home .stats-section { 
  display: flex; 
  justify-content: flex-start; 
  margin-top: 24px; 
  gap: 32px; 
}
body.home .stat-item { 
  text-align: center; 
}
body.home .stat-number { 
  font-size: 20px; 
  font-weight: 700; 
  color: #2954B3; 
  margin-bottom: 2px; 
}
body.home .stat-label { 
  font-size: 11px; 
  color: #6b7280; 
  font-weight: 500; 
}

/* Toxins */
body.home .toxins { background: #EDF7FD; padding: 56px 0; }
body.home .toxins h2 { text-align: center; font-size: clamp(24px, 3vw, 38px); margin-bottom: 28px; }
body.home .toxins h2 .highlight { color: #1e40af; }
body.home .toxins-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
body.home .toxin-card {
  background: #2954B3;
  color: #fff; border-radius: 14px; padding: 22px 16px; text-align: center;
  box-shadow: 0 8px 16px rgba(41, 84, 179, 0.3);
}
body.home .toxin-icon { 
  width: 60px; height: 60px; margin: 0 auto 12px; 
  background: rgba(255,255,255,0.2); border-radius: 8px;
  display: grid; place-items: center;
  overflow: hidden;
  box-shadow: none; /* remove any unexpected outer glow */
}

body.home .toxin-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}
body.home .toxin-percentage { font-size: 28px; font-weight: 800; }
body.home .toxin-label { 
  margin: 8px auto 4px; font-size: 10px; letter-spacing: .08em; font-weight: 600;
  text-transform: uppercase; 
  color: white;
  background: rgba(255,255,255,0.2); 
  padding: 4px 8px; border-radius: 4px; 
  display: inline-block;
}
body.home .toxin-card h3 { margin-top: 6px; font-size: 16px; font-weight: 700; color: #ffffff; }
body.home .toxin-card p { font-size: 13px; opacity: .9; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-align: left; }

/* Why */
body.home .why { background: #EDF7FD; padding: 64px 0; }
body.home .why-content { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: center; }
body.home .why-image img { width: 100%; height: auto; border-radius: 16px; box-shadow: 0 18px 30px -12px rgba(2,6,23,.25); }
body.home .why-text { background: transparent; margin-top: 0; position: relative; padding: 30px 28px 24px; }
body.home .why-text h2 { text-align: center; margin-bottom: 18px; font-size: 36px; }
body.home .benefits-list { display: grid; gap: 16px; }
body.home .benefit-item { display: grid; grid-template-columns: 24px 1fr; gap: 16px; align-items: start; }
body.home .benefit-number { width: 24px; height: 24px; border-radius: 9999px; background: #2954B3; color: #fff; display: grid; place-items: center; font-weight: 700; font-size: 12px; flex-shrink: 0; margin-top: 2px; }
body.home .benefit-content h3 { font-size: 16px; font-weight: 700; color: #333; }
body.home .benefit-content p { font-size: 14px; color: #475569; }

/* How */
body.home .how { background: #EDF7FD; padding: 56px 0; }
body.home .how h2 { text-align: center; margin-bottom: 28px; font-size: clamp(24px, 3vw, 38px); }
body.home .process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
body.home .process-card { background: transparent; padding: 24px; text-align: center; }
body.home .process-icon { width: 48px; height: 48px; margin: 0 auto 10px; color: #3A9AEA; }
body.home .process-card h3 { color: #333; font-weight: 700; margin-bottom: 6px; }
body.home .process-card p { color: #475569; font-size: 14px; }

/* Results */
body.home .results { background: #EDF7FD; padding: 56px 0; }
body.home .results h2 { text-align: center; margin-bottom: 32px; font-size: clamp(24px,3vw,38px); }
body.home .results-intro { text-align: center; color: #475569; margin: 0 auto 28px; max-width: 620px; }
body.home .results-list { display: grid; gap: 16px; max-width: 800px; margin: 0 auto; }
body.home .result-item {
  display: grid; grid-template-columns: 32px 1fr auto 120px; align-items: center; gap: 16px;
  background: #2954B3;
  color: #fff; padding: 16px 20px; border-radius: 12px; box-shadow: 0 12px 20px -12px rgba(2,6,23,.25);
}
body.home .result-icon { width: 24px; height: 24px; color: #ffffff; }
body.home .result-content { }
body.home .result-content h3 { font-weight: 700; margin-bottom: 2px; color: #eaf2ff; font-size: 16px; }
body.home .result-content p { font-size: 13px; opacity: .95; }
body.home .result-percentage { font-weight: 800; color: #10b981; font-size: 18px; }
body.home .progress-bar { width: 100px; height: 4px; background: rgba(255,255,255,.25); border-radius: 9999px; overflow: hidden; }
body.home .progress-fill { height: 100%; background: #10b981; }

/* CTA - Hidden */
body.home .cta-section { display: none !important; }
body.home .cta-section h2 { font-size: clamp(28px,4vw,42px); font-weight: 700; margin-bottom: 20px; color: #eaf2ff; }
body.home .cta-section p { max-width: 720px; margin: 0 auto 32px; opacity: .9; font-size: 18px; line-height: 1.6; }
body.home .cta-button-large { background: #2954B3; color:#fff; border:0; padding: 16px 24px; border-radius: 12px; font-weight: 800; cursor: pointer; font-size: 16px; width: fit-content; max-width: 250px; margin: 0 auto 24px auto; display: block; }
body.home .cta-button-large:hover { background:#1e40af; }

/* Footer small tweaks */
body.home footer { background: #374151; color: #fff; }
body.home footer .footer-bottom { opacity: .85; }

/* Mobile responsive */
@media (max-width: 768px) {
  /* Reduce space above hero title */
  body.home .hero {
    padding: 32px 0 64px 0;
  }
  
  body.home .hero-text p {
    display: none;
  }
  
  body.home .hero-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  
  body.home .hero-text {
    display: contents;
  }
  
  body.home .hero-text h1 {
    order: 2;
    margin-bottom: 0;
    font-size: 30px !important;
  }
  
  /* Certified badge styling - alleen mobiel */
  body.home .certified-badge {
    display: inline-flex;
    align-items: center;
    background: #10b981;
    color: white;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: -24px;
    order: 0;
  }
  
  body.home .hero-image {
    order: 3;
    margin: -8px 0 20px 0;
  }
  
  body.home .hero-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 16px;
  }
  
  body.home .hero-buttons {
    order: 4;
    margin-top: -36px;
    margin-bottom: 16px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
  }
  
  body.home .hero-text .cta-button,
  body.home .hero-text .cta-button-secondary {
    margin: 0 !important;
    width: 280px !important; /* same visual width */
    max-width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 16px 24px !important; /* equal padding so heights match */
    font-size: 18px !important;
    line-height: 1.2 !important;
    display: block !important;
    text-align: center !important;
    font-weight: 800 !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
  }

  /* Secondary CTA smaller on mobile */
  body.home .hero-text .cta-button-secondary {
    width: 240px !important;
    padding: 14px 20px !important;
    font-size: 17px !important;
  }
  
  /* Stats section op mobiel */
  body.home .stats-section {
    order: 5;
    margin-top: -24px;
    gap: 20px;
  }
  body.home .stat-number {
    font-size: 18px;
  }
  body.home .stat-label {
    font-size: 11px;
  }
  
  /* Mobile toxins section - no space above title */
  body.home .toxins {
    padding: 0 0 56px 0;
  }
  
  /* Mobile toxins title - negative margin to pull up closer */
  body.home .toxins h2 {
    margin-top: -20px;
    font-size: 28px !important;
  }
  

  
  /* Mobile line break for toxins title */
  body.home .mobile-break {
    display: block;
  }
  
  /* Mobile toxin cards - smaller and more subtle */
  body.home .toxins-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
  
  body.home .toxin-card {
    padding: 16px 12px;
    border-radius: 12px;
  }
  
  body.home .toxin-icon {
    width: 44px;
    height: 44px;
    margin: 0 auto 8px;
  }
  
  body.home .toxin-icon img {
    width: 100%;
    height: 100%;
  }
  
  body.home .toxin-percentage {
    font-size: 24px;
  }
  
  body.home .toxin-label {
    font-size: 9px;
    padding: 3px 6px;
    margin: 6px auto 6px;
  }
  
  body.home .toxin-card h3 {
    font-size: 14px;
    margin-top: 4px;
  }
  
  body.home .toxin-card p {
    font-size: 11px;
    line-height: 1.2;
  }
  
  /* Mobile Why section */
  body.home .why {
    padding: 0;
  }
  
  body.home .why-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  
  body.home .why-image {
    display: none !important;
  }
  
  body.home .why-text {
    order: 1;
    padding: 0 16px 20px 16px;
  }
  
  body.home .why-text h2 {
    margin-top: 0 !important;
    margin-bottom: 18px;
  }
  
  /* Mobile benefit items - force smaller circles */
  body.home .benefit-item {
    grid-template-columns: 24px 1fr !important;
  }
  
  body.home .benefit-number {
    width: 24px !important;
    height: 24px !important;
    font-size: 11px !important;
  }
  
  body.home .benefit-content h3 {
    font-size: 14px;
  }
  
  body.home .benefit-content p {
    font-size: 12px;
  }
  
  /* Mobile How section */
  body.home .how-image {
    display: none !important;
  }
  
  body.home .process-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  body.home .process-card {
    padding: 20px 16px;
  }
  
  body.home .process-icon {
    width: 36px;
    height: 36px;
  }
  
  body.home .process-card h3 {
    font-size: 16px;
  }
  
  body.home .process-card p {
    font-size: 13px;
  }
  
  /* Mobile Results section - Optimized */
  body.home .results {
    padding: 48px 0;
  }
  
  body.home .results h2 {
    font-size: 26px;
    margin-bottom: 24px;
    line-height: 1.2;
    margin-top: -40px;
  }
  
  body.home .results-intro {
    display: none;
  }
  
  body.home .results-list {
    gap: 14px;
    max-width: 100%;
  }
  
  body.home .result-item {
    padding: 12px 14px;
    border-radius: 8px;
    background: #2954B3;
    box-shadow: 0 2px 8px -2px rgba(41, 84, 179, 0.2);
    display: grid;
    grid-template-columns: 28px 1fr auto;
    grid-template-rows: auto auto;
    gap: 8px 12px;
    align-items: center;
  }
  
  body.home .result-icon {
    grid-row: 1 / 3;
    width: 24px;
    height: 24px;
    background: transparent;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #ffffff;
  }
  
  /* Force result icons to be visible on mobile - explicit backgrounds */
  body.home .result-icon.icon-energy {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M7 2v11h3v9l7-12h-4l4-8z'/%3E%3C/svg%3E") !important;
    background-size: 16px 16px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }
  
  body.home .result-icon.icon-sleep {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-3.03 0-5.5-2.47-5.5-5.5 0-1.82.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1z'/%3E%3C/svg%3E") !important;
    background-size: 16px 16px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }
  
  body.home .result-icon.icon-brain {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") !important;
    background-size: 16px 16px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }
  
  body.home .result-icon.icon-shield {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z'/%3E%3C/svg%3E") !important;
    background-size: 16px 16px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }
  
  body.home .result-icon.icon-digestion {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") !important;
    background-size: 16px 16px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }
  
  body.home .result-icon.icon-beauty {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E") !important;
    background-size: 16px 16px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
  }
  
  body.home .result-content {
    grid-column: 2;
    grid-row: 1;
  }
  
  body.home .result-content h3 {
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 2px;
    line-height: 1.2;
  }
  
  body.home .result-content p {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.3;
    margin: 0;
  }
  
  /* Show mobile text, hide desktop text on mobile */
  body.home .result-content .desktop-text {
    display: none;
  }
  
  body.home .result-content .mobile-text {
    display: block;
  }
  
  body.home .result-percentage {
    grid-column: 3;
    grid-row: 1;
    font-size: 18px;
    font-weight: 800;
    color: #10b981;
    text-align: right;
  }
  
  body.home .progress-bar {
    grid-column: 2 / 4;
    grid-row: 2;
    width: 100%;
    height: 6px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
    overflow: hidden;
    margin-top: 4px;
  }
  
  body.home .progress-fill {
    height: 100%;
    background: linear-gradient(90deg, #10b981 0%, #059669 100%);
    border-radius: 3px;
    transition: width 0.8s ease-out;
  }
  
  /* Mobile CTA section - Hidden */
  body.home .cta-section {
    display: none !important;
  }
  
  body.home .cta-section h2 {
    font-size: 22px;
    margin-bottom: 12px;
    line-height: 1.2;
  }
  
  body.home .cta-section p {
    font-size: 14px;
    margin-bottom: 24px;
    line-height: 1.4;
    max-width: 320px;
  }
  
  body.home .cta-button-large {
    padding: 16px 32px;
    font-size: 17px;
    font-weight: 800;
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 12px;
  }
  
  /* Mobile Footer - Clean & Simple */
  body.home .site-footer {
    padding: 32px 0 24px;
  }
  
  body.home .site-footer .footer-legal {
    flex-direction: column;
    gap: 24px;
    text-align: left;
    align-items: flex-start;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
  }
  
  body.home .site-footer .brand {
    order: 1;
    font-size: 18px;
    margin-bottom: 12px;
    text-align: left !important;
  }
  
  body.home .site-footer p {
    order: 2;
    font-size: 14px;
    line-height: 1.5;
    max-width: 280px;
    margin: 0 auto 0;
    text-align: left !important;
  }
  
  body.home .site-footer .links {
    order: 3;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start !important;
    gap: 16px 20px;
    margin: 0;
    width: 100%;
    align-self: flex-start;
    text-align: left !important;
  }
  
  body.home .site-footer .links-left,
  body.home .site-footer .links-right {
    flex-direction: row;
    gap: 20px;
    text-align: left !important;
  }
  
  body.home .site-footer .links a {
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    text-align: left !important;
  }
  
  body.home .site-footer .copy {
    order: 5;
    margin-top: 20px;
    font-size: 12px;
    opacity: 0.7;
    text-align: left !important;
  }
  
  /* Ensure brand email sits at the very bottom on mobile */
  body.home .site-footer .brand-email {
    order: 6 !important;
    display: block !important;
    margin-top: 12px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    color: #ffffff !important;
  }
}

/* Footer (homepage) */
body.home .site-footer { background: #374151; color: #fff; padding: 36px 0; }
body.home .site-footer .footer-legal { 
  display: flex; 
  justify-content: space-between; 
  align-items: flex-start; 
  max-width: 1200px; 
  margin: 0 auto; 
  padding: 0 20px; 
}
body.home .site-footer .brand { font-weight: 800; letter-spacing: .2px; margin-bottom: 8px; flex: 1; }
body.home .site-footer p { opacity: .9; max-width: 500px; margin-bottom: 12px; flex: 1; }
body.home .site-footer .links { 
  display: flex; 
  gap: 40px; 
  margin-left: 40px;
}
body.home .site-footer .links-left,
body.home .site-footer .links-right {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
body.home .site-footer .links a { color: #eaf2ff; text-decoration: none; font-weight: 500; font-size: 14px; }
body.home .site-footer .links a:hover { color: #fff; }
body.home .site-footer .copy { font-size: 13px; opacity: .7; margin-top: 16px; flex: 1; }

/* Desktop overrides */
@media (min-width: 769px) {
  /* Hide certified badge on desktop */
  body.home .certified-badge {
    display: none !important;
  }
  
  /* Hide how-image on desktop */
  body.home .how-image {
    display: none !important;
  }
  
  /* Show desktop text, hide mobile text on desktop */
  body.home .result-content .desktop-text {
    display: block;
  }
  
  body.home .result-content .mobile-text {
    display: none;
  }
  
  /* Make Why section title consistent with other section titles */
  body.home .why-text h2 {
    font-size: 38px !important;
    font-weight: 700 !important;
  }
  
  /* Make CTA button optimal size on desktop */
  body.home .cta-button,
  body.home .cta-button-secondary {
    padding: 16px 28px !important; /* equal padding on desktop */
    font-size: 18px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
  }
  
  /* Ensure highlight words are blue on desktop */
  body.home .highlight {
    color: #2954B3 !important;
  }
}

/* Desktop Footer Override - Clean Layout */
@media (min-width: 769px) {
  body.home .site-footer {
    padding: 36px 0 !important;
    background: #374151 !important;
    color: #fff !important;
  }
  
  body.home .site-footer .footer-legal {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    text-align: left !important;
    gap: 40px !important;
  }
  
  /* Left side container - vertical layout */
  body.home .site-footer .footer-left {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    max-width: 400px !important;
  }
  
  /* Left side - Brand, description, copyright vertically stacked */
  body.home .site-footer .footer-left .brand {
    font-weight: 800 !important;
    font-size: 18px !important;
    letter-spacing: 0.2px !important;
    margin-bottom: 12px !important;
    color: #fff !important;
    text-align: left !important;
  }
  
  body.home .site-footer .footer-left p {
    opacity: 0.9 !important;
    margin: 0 0 16px 0 !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    text-align: left !important;
  }
  
  body.home .site-footer .footer-left .copy {
    font-size: 12px !important;
    opacity: 0.7 !important;
    margin: 0 !important;
    color: #fff !important;
    text-align: left !important;
    order: 3 !important;
  }
  
  /* Right side - Links */
  body.home .site-footer .links {
    display: flex !important;
    flex-direction: row !important;
    gap: 40px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    align-items: flex-start !important;
  }
  
  body.home .site-footer .links-left,
  body.home .site-footer .links-right {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    align-items: flex-start !important;
  }
  
  body.home .site-footer .links a {
    color: #eaf2ff !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    transition: color 0.3s ease !important;
    text-align: left !important;
  }
  
  body.home .site-footer .links a:hover {
    color: #fff !important;
  }
}

/* Responsive */
@media (max-width: 1024px) {
  body.home .toxins-grid { grid-template-columns: repeat(3, 1fr); }
  body.home .hero-content { grid-template-columns: 1fr; }
  body.home .why-content { grid-template-columns: 1fr; }
  body.home .why-text { margin-top: 16px; }
}
@media (max-width: 640px) {
  body.home .toxins-grid { grid-template-columns: repeat(2, 1fr); }
  body.home .process-grid { grid-template-columns: 1fr; }
  body.home .site-footer .footer-legal { text-align: center !important; }
  
  /* Keep description left-aligned */
  body.home .site-footer p {
    text-align: left !important;
  }
  
  /* Force left-align links on mobile */
  body.home .site-footer .links {
    justify-content: flex-start !important;
    text-align: left !important;
    align-self: flex-start !important;
  }
  
  body.home .site-footer .links-left,
  body.home .site-footer .links-right {
    text-align: left !important;
  }
  
  body.home .site-footer .links a {
    text-align: left !important;
  }
}

/* Extra mobile override for footer links */
@media (max-width: 768px) {
  /* Mobile: break footer-left structure and make everything individual */
  body.home .site-footer .footer-legal {
    flex-direction: column !important;
  }
  
  body.home .site-footer .footer-left {
    display: contents !important; /* This makes children act as direct children of footer-legal */
  }
  
  /* Keep description left-aligned */
  body.home .site-footer p {
    text-align: left !important;
    margin: 0 !important;
    order: 2 !important;
  }
  
  /* Brand */
  body.home .site-footer .brand {
    order: 1 !important;
  }
  
  /* Links */
  body.home .site-footer .links {
    justify-content: flex-start !important;
    text-align: left !important;
    align-self: flex-start !important;
    margin-left: 0 !important;
    order: 3 !important;
  }
  
  body.home .site-footer .links-left,
  body.home .site-footer .links-right {
    text-align: left !important;
    justify-content: flex-start !important;
  }
  
  body.home .site-footer .links a {
    text-align: left !important;
    display: inline-block !important;
  }
  
  /* Copyright at the bottom */
  body.home .site-footer .copy {
    order: 4 !important;
    margin-top: 20px !important;
  }
}

/* Background unification for homepage */
body.home,
body.home .hero,
body.home .toxins,
body.home .why,
body.home .how,
body.home .results {
  background-color: #EDF7FD !important;
}

/* Keep animated circles visible but subtle */
body.home .circle {
  z-index: 1 !important;
  opacity: 0.12 !important;
  pointer-events: none !important;
}

body.home .animated-bg {
  z-index: 0 !important;
}

/* Remove any custom cursors */
body.home * {
  cursor: default !important;
}

body.home a,
body.home button,
body.home .cta-button,
body.home .cta-button-large {
  cursor: pointer !important;
}

/* Remove any pseudo-elements that could create strange shapes */
body.home *::before,
body.home *::after {
  display: none !important;
  content: none !important;
}

/* Override for result icons - force them to be visible */
body.home .result-icon::before,
body.home .result-icon::after {
  display: block !important;
  content: "" !important;
}

/* Allow necessary pseudo-elements for icons and essential UI */
body.home .toxin-icon::before,
body.home .toxin-icon::after,
body.home .result-icon::before,
body.home .result-icon::after,
body.home .icon-energy::before,
body.home .icon-energy::after,
body.home .icon-sleep::before,
body.home .icon-sleep::after,
body.home .icon-brain::before,
body.home .icon-brain::after,
body.home .icon-shield::before,
body.home .icon-shield::after,
body.home .icon-digestion::before,
body.home .icon-digestion::after,
body.home .icon-beauty::before,
body.home .icon-beauty::after,
body.home .process-icon::before,
body.home .process-icon::after {
  display: initial !important;
  content: initial !important;
}