:root {
    /* Nature Theme for a Health/Supplement Product */
    --p6-core-bg: #f5f8f5;        /* Light natural background */
    --p6-surface: #ffffff;        /* Pure white for content areas */
    --p6-ink-main: #3a4a3a;       /* Dark green-grey for standard text */
    --p6-ink-dark: #1b261b;       /* Deeper tone for headings */
    --p6-brand-tone: #388e3c;     /* Natural green accent */
    --p6-brand-tone-over: #2e7d32;/* Darker green for hover */
    --p6-line-color: #e5ebe5;     /* Subtle separator lines */
    
    /* Typography based on visual params */
    --p6-font-hd: 'Fjalla One', sans-serif;
    --p6-font-txt: 'Mulish', sans-serif;
    --p6-heading-case: uppercase;
    
    /* Shapes & Depth based on visual params */
    --p6-radii: 999px; /* Pill radius */
}

/* Reset basics not covered perfectly by CDN */
html, body {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Base link styles */
a {
    text-decoration: none;
    color: inherit;
}

/* Gallery Logic (No JS) */
.p6-pic {
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}

#p6-view-1:checked ~ .p6-primary-frame .p6-pic-1,
#p6-view-2:checked ~ .p6-primary-frame .p6-pic-2,
#p6-view-3:checked ~ .p6-primary-frame .p6-pic-3,
#p6-view-4:checked ~ .p6-primary-frame .p6-pic-4 {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

/* Thumbnail Selection State (Design Preset D) */
.p6-thumb-trigger {
    border: 2px solid transparent; 
    border-radius: var(--p6-radii); /* applying pill shape vaguely to thumbs, though usually standard, will let overflow handle it */
    overflow: hidden;
}

#p6-view-1:checked ~ .p6-thumb-strip label[for="p6-view-1"],
#p6-view-2:checked ~ .p6-thumb-strip label[for="p6-view-2"],
#p6-view-3:checked ~ .p6-thumb-strip label[for="p6-view-3"],
#p6-view-4:checked ~ .p6-thumb-strip label[for="p6-view-4"] {
    opacity: 1;
    border-color: var(--p6-brand-tone);
}

/* CTA Interaction (Design Preset D specific) */
.p6-action-go {
    text-decoration: none;
}
.p6-action-go:hover {
    background-color: var(--p6-brand-tone-over) !important;
    text-decoration: underline;
}

/* Scrape scrollbar for thumbnails on mobile */
.p6-thumb-strip::-webkit-scrollbar {
    height: 4px;
}
.p6-thumb-strip::-webkit-scrollbar-track {
    background: transparent;
}
.p6-thumb-strip::-webkit-scrollbar-thumb {
    background-color: var(--p6-line-color);
    border-radius: var(--p6-radii);
}