:root {
    /* Nature Theme Variables */
    --gurmar-base-bg: #f4f6f4;
    --gurmar-surface: #ffffff;
    --gurmar-ink: #2c3a2c;
    --gurmar-ink-muted: #4a5c4a;
    --gurmar-leaf-dark: #1b261b;
    --gurmar-border-soft: #ddeadc;
    
    --gurmar-accent: #6b8e23;
    
    /* Typography */
    --font-display: 'Playfair Display', serif;
    --font-body: 'Lato', sans-serif;
    
    /* Layout */
    --gurmar-radius-soft: 16px;
}

/* Base resets & hidden elements */
.hidden-trigger {
    display: none;
}

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

#pic1:checked ~ .slide-wrap .img-node-1,
#pic2:checked ~ .slide-wrap .img-node-2,
#pic3:checked ~ .slide-wrap .img-node-3,
#pic4:checked ~ .slide-wrap .img-node-4,
#pic5:checked ~ .slide-wrap .img-node-5 {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

/* Thumbnail Selection State */
.thumb-node img {
    opacity: 0.6;
    transition: opacity 0.2s ease, transform 0.2s ease;
    border: 2px solid transparent;
}

.thumb-node:hover img {
    opacity: 0.9;
}

#pic1:checked ~ .thumb-sidebar-strip label[for="pic1"] img,
#pic2:checked ~ .thumb-sidebar-strip label[for="pic2"] img,
#pic3:checked ~ .thumb-sidebar-strip label[for="pic3"] img,
#pic4:checked ~ .thumb-sidebar-strip label[for="pic4"] img,
#pic5:checked ~ .thumb-sidebar-strip label[for="pic5"] img {
    opacity: 1;
    /* Preset D: Thumbnails on the side without border. Applying a subtle scale instead to indicate active state */
    transform: scale(1.02);
}

/* Preset D CTA specifics */
.purchase-amazon-link {
    text-decoration: none;
}

.purchase-amazon-link:hover {
    text-decoration: underline;
    text-underline-offset: 4px;
    background-color: var(--gurmar-leaf-dark) !important;
}

/* Ensure images have no harsh shadows (flat) */
img {
    box-shadow: none !important;
}

/* Except the required photos in review 1 which have specific classes requested by prompt, 
   but overall theme is flat */
.feedback-entry-node img {
    border-radius: var(--gurmar-radius-soft);
}

.feedback-entry-node img.rounded-full {
    border-radius: 9999px; /* keep avatar circular */
}

/* Exception for the specific requested HTML block to look okay if it has square borders */
.feedback-entry-node .border-2 {
    border-radius: 4px;
}