:root {
    /* HEALTH theme colors */
    --man-wellness-bg: #F2F9F9;
    --man-wellness-surface: #FFFFFF;
    --man-wellness-tone: #2B7A78;
    --man-wellness-tone-hover: #1E5C5A;
    --man-wellness-ink: #17252A;
    --man-wellness-gradient: linear-gradient(135deg, #2B7A78, #3AAFA9);
    
    /* Typography */
    --font-display: 'Merriweather', serif;
    --font-body: 'Inter', sans-serif;
    
    /* Visual parameters */
    --mw-radius: 999px; /* pill */
    --mw-shadow: none; /* flat */
}

/* Base resets & fonts */
body.mw-body-canvas {
    background-color: var(--man-wellness-bg);
    color: var(--man-wellness-ink);
    font-family: var(--font-body);
}
.mw-heading-font {
    font-family: var(--font-display);
    text-transform: none; /* normal case rule */
}
.mw-text-ink {
    color: var(--man-wellness-ink);
}
.mw-surface-bg {
    background-color: var(--man-wellness-surface);
}

/* Preset C: Header logo letter */
.mw-top-masthead {
    background-color: var(--man-wellness-surface);
}
.mw-logo-glyph {
    background: var(--man-wellness-gradient);
    border-radius: 12px; /* Slightly softer for the logo block to contrast with general pills */
}

/* Global shapes */
.mw-pill-shape {
    border-radius: var(--mw-radius);
}

.mw-main-view {
    padding-bottom: 100%;
}

/* Gallery CSS Logic */
.mw-main-view .mw-pic-item {
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

#mw-pic-1:checked ~ .mw-main-view .mw-pic-item-1,
#mw-pic-2:checked ~ .mw-main-view .mw-pic-item-2,
#mw-pic-3:checked ~ .mw-main-view .mw-pic-item-3,
#mw-pic-4:checked ~ .mw-main-view .mw-pic-item-4 {
    opacity: 1;
    z-index: 2;
}

/* Preset C: Thumbnails bottom, opacity 0.5 on inactive */
.mw-thumb-label {
    opacity: 0.5;
    transition: opacity 0.2s ease, border-color 0.2s ease;
    border-radius: var(--mw-radius);
}
.mw-thumb-label:hover {
    opacity: 0.8;
}

#mw-pic-1:checked ~ .mw-thumb-rail label[for="mw-pic-1"],
#mw-pic-2:checked ~ .mw-thumb-rail label[for="mw-pic-2"],
#mw-pic-3:checked ~ .mw-thumb-rail label[for="mw-pic-3"],
#mw-pic-4:checked ~ .mw-thumb-rail label[for="mw-pic-4"] {
    opacity: 1;
    border-color: var(--man-wellness-tone);
}

/* Preset C: CTA border-left accent 6px + pill shape */
.mw-purchase-action {
    background-color: var(--man-wellness-tone);
    border-radius: var(--mw-radius);
    border-left: 6px solid #1E5C5A; /* Darker accent on the left */
    box-shadow: var(--mw-shadow);
    text-decoration: none;
}
.mw-purchase-action:hover {
    background-color: var(--man-wellness-tone-hover);
    border-left-color: #123e3c;
}

/* Preset C: Reviews rounded-2xl (approx 1rem) instead of full pill for large blocks, 
   but adhering to no-border rule. No shadow (flat param). */
.mw-user-comment {
    border-radius: 1rem; 
    box-shadow: var(--mw-shadow);
}

/* Info cluster list style */
.mw-feature-point {
    position: relative;
    padding-left: 1.25rem;
}
.mw-feature-point::before {
    content: "•";
    color: var(--man-wellness-tone);
    font-size: 1.5rem;
    line-height: 1;
    position: absolute;
    left: 0;
    top: -2px;
}