:root {
    /* NATURE Theme variables */
    --herb-blend-bg: #f5f2eb;
    --herb-blend-surface: #ffffff;
    --herb-blend-tone: #3e6b45;
    --herb-blend-tone-hover: #294a2e;
    --herb-blend-ink: #2b261e;
    --herb-blend-gradient: linear-gradient(135deg, #eaddc4 0%, #d8ccb3 100%);
    
    /* Randomly selected parameters */
    --font-display: 'Playfair Display', serif;
    --font-body: 'Lato', sans-serif;
    --radius-soft: 16px;
}

/* Base resets & styles */
html, body {
    margin: 0;
    padding: 0;
    width: 100%;
}

.botanical-body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Custom scrollbar for thumbnails */
.hide-scroll::-webkit-scrollbar {
    height: 6px;
    width: 6px;
}
.hide-scroll::-webkit-scrollbar-track {
    background: transparent;
}
.hide-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(62, 107, 69, 0.3);
    border-radius: 10px;
}

/* CTA Button Interaction */
.purchase-path-btn:hover {
    background-color: var(--herb-blend-tone-hover) !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* 
 * Pure CSS Gallery Logic 
 * Preset B: Thumbnails on the side with borders
 */
.trigger-shot {
    display: none;
}

.big-shot {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}

/* Default state for thumbnails */
.thumb-pin {
    border: 2px solid transparent;
    opacity: 0.6;
    border-radius: var(--radius-soft);
}

.thumb-pin:hover {
    opacity: 1;
}

/* Active states based on checked radio */
#shot1:checked ~ .gallery-frame .hero-view-pane .view-1 {
    opacity: 1;
    visibility: visible;
}
#shot1:checked ~ .gallery-frame .thumb-rail-side .pin-1 {
    border-color: var(--herb-blend-tone);
    opacity: 1;
}

#shot2:checked ~ .gallery-frame .hero-view-pane .view-2 {
    opacity: 1;
    visibility: visible;
}
#shot2:checked ~ .gallery-frame .thumb-rail-side .pin-2 {
    border-color: var(--herb-blend-tone);
    opacity: 1;
}

#shot3:checked ~ .gallery-frame .hero-view-pane .view-3 {
    opacity: 1;
    visibility: visible;
}
#shot3:checked ~ .gallery-frame .thumb-rail-side .pin-3 {
    border-color: var(--herb-blend-tone);
    opacity: 1;
}

#shot4:checked ~ .gallery-frame .hero-view-pane .view-4 {
    opacity: 1;
    visibility: visible;
}
#shot4:checked ~ .gallery-frame .thumb-rail-side .pin-4 {
    border-color: var(--herb-blend-tone);
    opacity: 1;
}

/* Typography refinements */
.main-flora-heading {
    letter-spacing: 0.5px;
}

.feature-bloom {
    margin-bottom: 1.25rem;
}

/* Review styling - Preset B */
.feedback-unit {
    border: 1px solid rgba(0,0,0,0.03);
}