.home .site-main { overflow: clip; background: var(--neutral-0); }
.home .container { max-width: var(--container-width); }
.home .section-eyebrow { color: #356515; }
.home .btn { min-height: 48px; gap: .55rem; }
.home .btn svg { width: 1.05rem; height: 1.05rem; }
.home .featured-categories-footer,
.home .homepage-section-footer { display: flex; justify-content: center; margin-top: var(--section-spacing-heading); }
.home :is(.no-products,.no-brands,.no-guides,.no-certifications,.no-health-goals,.no-articles) { grid-column: 1 / -1; padding: clamp(1.5rem,4vw,2.5rem); border: 1px dashed #bdcbb7; border-radius: var(--radius-md); background: #fff; text-align: center; }
.home :is(.no-products,.no-brands,.no-guides,.no-certifications,.no-health-goals,.no-articles) h3 { margin-bottom: .5rem; font-size: 1.25rem; }
.homepage-editorial-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--section-spacing-gap); }
.homepage-editorial .editorial-card { height: 100%; box-shadow: var(--shadow-sm); }
.homepage-editorial .editorial-card a { display: flex; flex-direction: column; }
.homepage-editorial .editorial-card__body { flex: 1; }
.ingredient-discovery-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: var(--section-spacing-gap); }
.ingredient-card { overflow: hidden; height: 100%; border: 1px solid #dce5d7; border-radius: var(--radius-md); background: #fff; box-shadow: var(--shadow-sm); }
.ingredient-card__link { display: flex; height: 100%; flex-direction: column; }
.ingredient-card__image { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.ingredient-card__content { flex: 1; padding: 1.25rem; }
.ingredient-card__content h3 { font-size: 1.2rem; }
.ingredient-card__content p { margin-top: .4rem; color: var(--color-text-light); font-style: italic; }
.home :is(.editorial-card a,.ingredient-card__link,.btn):focus-visible { outline: 3px solid #356515; outline-offset: 3px; }
@media (max-width: 1023px) { .homepage-editorial-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .ingredient-discovery-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 767px) { .home .container { padding-inline: 20px; } .homepage-editorial-grid,.ingredient-discovery-grid { grid-template-columns: 1fr; } .home :is(.featured-products-footer,.featured-brands-footer,.health-goals-footer,.buying-guides-footer,.featured-categories-footer,.homepage-section-footer) .btn { width: 100%; } }
@media (max-width: 359px) { .home .container { padding-inline: 16px; } }
@media (prefers-reduced-motion: reduce) { .home * { scroll-behavior: auto !important; } .home :is(a,button,.card,.category-card,.brand-card,.product-card,.guide-card,.ingredient-card,.editorial-card) { transition-duration: .01ms !important; animation-duration: .01ms !important; } .home :is(.btn,.card,.category-card,.brand-card,.product-card,.guide-card):hover { transform: none; } }

/* Homepage consistency: stronger section rhythm and restrained editorial
   accents without changing section order or content architecture. */
.home .site-main{background:var(--neutral-0)}
.home .section{padding-block:clamp(3.25rem,6vw,5.5rem)}
.home .section-header{margin-bottom:clamp(1.5rem,3vw,2.4rem)}
.home .section-header h2{font-size:clamp(1.8rem,3.5vw,2.8rem);letter-spacing:-.035em}
/*
 * Calm rhythm, one deliberate trust pause: the previous version gave
 * nearly every homepage section its own distinct background (a blanket
 * even/odd stripe rule plus five separately-tuned gradients: yellow
 * certifications, green health-goals, grey featured-brands, beige
 * why-trust/editorial/faq, peach buying-guides) which produced a busy
 * banded look with almost no neutral space between color changes.
 * Certifications and Health Goals are adjacent in the template and both
 * concern organic/trust credibility, so they now share one continuous
 * soft-sage tint as the homepage's single colored "pause" -- every other
 * section sits on the same neutral canvas as the rest of the page, so
 * brand color reads as one intentional moment instead of six competing
 * ones.
 */
.home :is(.featured-products,.featured-brands,.buying-guides,.why-trust,.editorial-highlights,.ingredient-discovery,.faq){background:var(--surface-canvas)}
.home :is(.certifications,.health-goals){background:linear-gradient(135deg,#eef5e8,#f6f7f2)}
.home :is(.discovery-card,.certification-card){border-color:transparent;border-radius:var(--radius-card);box-shadow:var(--shadow-card)}
.home .discovery-section{padding-top:clamp(2.75rem,5vw,4.5rem)}
.home .discovery-section .section-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,.65fr);align-items:end;gap:1.5rem}
.home .discovery-section .section-header p{margin:0;text-align:right}

/* Preserve order while alternating editorial density and content width. */
.home .featured-products .container,.home .health-goals .container{max-width:1240px}
.home .featured-brands .container,.home .buying-guides .container{max-width:1160px}
.home .buying-guides{border-block:1px solid color-mix(in srgb,var(--color-palette-coral) 18%,white)}
.home .buying-guides .section-eyebrow::before{display:inline-block;width:.55rem;height:.55rem;margin-right:.5rem;border-radius:50%;background:var(--color-palette-coral);content:""}
@media(max-width:767px){.home .section{padding-block:3rem}.home .section-header{margin-bottom:1.25rem}.home .discovery-section .section-header{display:block}.home .discovery-section .section-header p{margin-top:.5rem;text-align:left}}

.section-platform-vision {
    background: linear-gradient(180deg, var(--surface-earth-soft) 0%, var(--surface-canvas) 100%);
    border-top: 1px solid color-mix(in srgb, var(--brown-500) 8%, transparent);
}

.platform-vision-grid {
    display: grid;
    gap: var(--stack-gap);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1023px) {
    .platform-vision-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 599px) {
    .platform-vision-grid {
        grid-template-columns: 1fr;
    }
}

/* Customer redesign: purposeful color rhythm without repetitive card bands. */
.home .why-trust{background:var(--surface-information-soft)}
.home .editorial-highlights{background:var(--surface-editorial-soft)}
.home .ingredient-discovery{background:linear-gradient(180deg,var(--aanya-white),var(--surface-discovery-soft))}
.home .featured-products{border-block:1px solid color-mix(in srgb,var(--aanya-orange) 12%,transparent)}
.home .featured-brands{border-block:1px solid color-mix(in srgb,var(--aanya-coral) 14%,transparent)}
.home :is(.featured-products,.featured-brands,.buying-guides) .section-header{display:flex;align-items:end;justify-content:space-between;gap:1.5rem}
.home :is(.featured-products,.featured-brands,.buying-guides) .section-header>div{max-width:42rem}
@media(max-width:767px){.home :is(.featured-products,.featured-brands,.buying-guides) .section-header{display:block}}

.home .discovery-section{background:color-mix(in srgb, var(--green-50, #eef5e8) 70%, #ffffff)}
.home .category-showcase{background:color-mix(in srgb, #f8f5e9 80%, #ffffff)}
.home .new-products{background:color-mix(in srgb, #f5efd9 55%, #ffffff)}
.home .why-trust{background:color-mix(in srgb, #edf5e7 75%, #ffffff)}
.home .certifications{background:linear-gradient(135deg,#eef5e8,#f6f7f2)}
.home .health-goals{background:linear-gradient(180deg,#f3f7ef,#eef5e8)}
.home .featured-brands{background:color-mix(in srgb, #f7f1ea 80%, #ffffff)}
.home .buying-guides{background:color-mix(in srgb, #f8eee8 70%, #ffffff)}
.home .editorial-highlights{background:color-mix(in srgb, #f4f0e4 65%, #ffffff)}
.home .ingredient-discovery{background:color-mix(in srgb, #eef5e8 55%, #ffffff)}
.home .faq{background:var(--neutral-0,#ffffff)}

.content-rail,
.ingredient-discovery-rail { overflow: hidden; }
.content-rail__viewport {
    overflow: hidden;
    container-type: inline-size;
    container-name: content-rail-viewport;
}
.content-rail__track,
.ingredient-discovery-rail__track {
    display: flex;
    gap: var(--rail-gap, 0.75rem);
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.ingredient-discovery-rail__track {
    --rail-visible-count: 1;
    --rail-gap: 0.75rem;
}
.content-rail__track::-webkit-scrollbar,
.ingredient-discovery-rail__track::-webkit-scrollbar { display: none; }
.content-rail__clone {
    display: flex;
    gap: inherit;
    flex: 0 0 auto;
}
.content-rail__track--autoscroll-active {
    scroll-snap-type: none !important;
}
.ingredient-discovery-rail__item {
    flex: 0 0 calc((100cqw - (var(--rail-visible-count) - 1) * var(--rail-gap)) / var(--rail-visible-count));
    min-width: 0;
    scroll-snap-align: start;
}

@media (min-width: 768px) {
    .ingredient-discovery-rail__track {
        --rail-visible-count: 4;
    }
}

@media (min-width: 1024px) {
    .ingredient-discovery-rail__track {
        --rail-visible-count: 5;
    }
}

@media (min-width: 1280px) {
    .ingredient-discovery-rail__track {
        --rail-visible-count: 6;
    }
}
.home .ingredient-discovery-rail .ingredient-card { min-height: 0; box-shadow: var(--shadow-sm, 0 6px 16px rgba(64,48,31,.08)); }
.home .ingredient-discovery-rail .ingredient-card__content { padding: 0.7rem 0.8rem; }
.home .ingredient-discovery-rail .ingredient-card__content h3 { font-size: 0.95rem; }
.home .ingredient-discovery-rail .ingredient-card__image { aspect-ratio: 5/4; }
@media (prefers-reduced-motion: reduce) {
    .content-rail__track { overflow-x: auto; }
}