:root {
    --teablend-bg: #F7F7F7;
    --teablend-surface: #FFFFFF;
    --teablend-tone: #8CA18D;
    --teablend-tone-hover: #778C78;
    --teablend-ink: #2C3E2D;
    --teablend-ink-light: #5A6D5B;
    --teablend-shadow: rgba(140, 161, 141, 0.12);
    --teablend-radius: 16px;
    --font-display: 'Playfair Display', serif;
    --font-body: 'Lato', sans-serif;
}

body {
    font-family: var(--font-body);
}

h1, h2, h3, .product-headline {
    font-family: var(--font-display);
    font-weight: 700;
}

/* Header Preset C: Large letter logo */
.herb-blend-logo {
    width: 64px;
    height: 64px;
    font-size: 32px;
    font-weight: bold;
    font-family: var(--font-display);
    border-radius: var(--teablend-radius);
    box-shadow: 0 4px 15px var(--teablend-shadow);
}

.big-pic-window {
    padding-bottom: 100%;
}

/* Radio Button Gallery CSS Logic */
.pic-slide {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease-in-out, visibility 0.4s;
    z-index: 1;
}

/* Display correct slide based on checked radio */
#pic1:checked ~ .vital-tea-showcase .s1,
#pic2:checked ~ .vital-tea-showcase .s2,
#pic3:checked ~ .vital-tea-showcase .s3,
#pic4:checked ~ .vital-tea-showcase .s4 {
    opacity: 1;
    visibility: visible;
    z-index: 5;
}

/* Preset C: Thumbnails opacity logic */
.thumb-label {
    opacity: 0.4;
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

.thumb-label:hover {
    opacity: 0.8;
}

#pic1:checked ~ .vital-tea-showcase .l1,
#pic2:checked ~ .vital-tea-showcase .l2,
#pic3:checked ~ .vital-tea-showcase .l3,
#pic4:checked ~ .vital-tea-showcase .l4 {
    opacity: 1;
    box-shadow: 0 4px 10px var(--teablend-shadow);
}

/* CTA Hover effects */
.amazon-buy-trigger:hover {
    background-color: var(--teablend-bg) !important;
    transform: translateY(-2px);
    box-shadow: 0 12px 25px var(--teablend-shadow) !important;
}

/* Base resets & adjustments */
.feature-item {
    transition: transform 0.3s ease;
}
.feature-item:hover {
    transform: translateX(4px);
}