:root {
    /* NATURE THEME */
    --herbal-leaf-bg: #F4F1EA;
    --herbal-leaf-surface: #FFFFFF;
    --herbal-leaf-accent: #3A5A40;
    --herbal-leaf-hover: #588157;
    --herbal-leaf-ink: #3E362E;
    --herbal-leaf-shadow: rgba(62, 54, 46, 0.12);
    
    --font-display: 'Playfair Display', serif;
    --font-body: 'Lato', sans-serif;
}

body {
    background-color: var(--herbal-leaf-bg);
    color: var(--herbal-leaf-ink);
    font-family: var(--font-body);
}

.heading-font {
    font-family: var(--font-display);
}

/* Preset A: Header accent strip bottom */
.mint-infusion-topbar {
    background-color: var(--herbal-leaf-surface);
    border-bottom: 4px solid var(--herbal-leaf-accent);
    box-shadow: 0 2px 10px var(--herbal-leaf-shadow);
}

/* Gallery Layout - No JS */
.mint-photo-input {
    display: none;
}

.mint-showcase {
    position: relative;
    width: 100%;
    padding-top: 100%; /* 1:1 Aspect Ratio */
    border-radius: 12px;
    overflow: hidden;
    background-color: var(--herbal-leaf-surface);
    box-shadow: 0 4px 15px var(--herbal-leaf-shadow);
}

.mint-slide-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}

/* Logic for showing main image */
#mph-1:checked ~ .mint-showcase .msi-1,
#mph-2:checked ~ .mint-showcase .msi-2,
#mph-3:checked ~ .mint-showcase .msi-3,
#mph-4:checked ~ .mint-showcase .msi-4 {
    opacity: 1;
    z-index: 2;
}

/* Thumbnails */
.mint-thumb-wrap {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}

.mint-thumb-label {
    flex: 1;
    aspect-ratio: 1;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    border: 3px solid transparent;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px var(--herbal-leaf-shadow);
    background-color: var(--herbal-leaf-surface);
}

.mint-thumb-label img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.8;
}

.mint-thumb-label:hover {
    transform: translateY(-2px);
}

/* Logic for active thumbnail */
#mph-1:checked ~ .mint-thumb-wrap [for="mph-1"],
#mph-2:checked ~ .mint-thumb-wrap [for="mph-2"],
#mph-3:checked ~ .mint-thumb-wrap [for="mph-3"],
#mph-4:checked ~ .mint-thumb-wrap [for="mph-4"] {
    border-color: var(--herbal-leaf-accent);
}

#mph-1:checked ~ .mint-thumb-wrap [for="mph-1"] img,
#mph-2:checked ~ .mint-thumb-wrap [for="mph-2"] img,
#mph-3:checked ~ .mint-thumb-wrap [for="mph-3"] img,
#mph-4:checked ~ .mint-thumb-wrap [for="mph-4"] img {
    opacity: 1;
}

/* Preset A: CTA Pill */
.tea-purchase-link {
    background-color: var(--herbal-leaf-accent);
    color: var(--herbal-leaf-surface);
    padding: 1.25rem 3.5rem;
    border-radius: 999px;
    box-shadow: 0 4px 10px var(--herbal-leaf-shadow);
}

.tea-purchase-link:hover {
    background-color: var(--herbal-leaf-hover);
    box-shadow: 0 8px 20px var(--herbal-leaf-shadow);
    transform: translateY(-2px);
}

/* Details Section Typography */
.tea-feature-heading {
    color: var(--herbal-leaf-accent);
}

/* Preset A: Reviews */
.buyer-note-row {
    background-color: var(--herbal-leaf-surface);
    border-left: 4px solid var(--herbal-leaf-accent);
    border-radius: 0 12px 12px 0;
    box-shadow: 0 2px 8px var(--herbal-leaf-shadow);
    transition: background-color 0.2s ease;
}

.buyer-note-row:hover {
    background-color: #FAFAFA;
}

/* Images inside reviews */
.tea-review-pic {
    border-radius: 8px;
    border: 2px solid var(--herbal-leaf-bg);
}

/* Footer styling */
.tea-base-footer {
    background-color: var(--herbal-leaf-surface);
    border-top: 1px solid var(--herbal-leaf-shadow);
}