/* Base Theme Variables - NATURE (Inspired by organic tea) */
:root {
  --pukka-base-bg: #f9f6f0; /* Natural unbleached paper hue */
  --pukka-leaf-surface: #ffffff; /* Clean white for contrast areas */
  --pukka-earth-tone: #4a633a; /* Deep natural green */
  --pukka-earth-tone-hover: #384c2b;
  --pukka-soil-ink: #2b3324; /* Very dark green/brown for readable text */
  --pukka-herbal-gradient: linear-gradient(135deg, #7c9e5e 0%, #4a633a 100%);
  --font-display: 'Playfair Display', serif;
  --font-body: 'Lato', sans-serif;
}

/* Global Resets over Tailwind to enforce vars where needed */
body {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Gallery Logic (No JS) */
.tea-pic { display: none; }

/* Display corresponding image based on checked radio */
#pg-1:checked ~ .gallery-layout-side .main-slide-container .slide-1 { display: block; }
#pg-2:checked ~ .gallery-layout-side .main-slide-container .slide-2 { display: block; }
#pg-3:checked ~ .gallery-layout-side .main-slide-container .slide-3 { display: block; }
#pg-4:checked ~ .gallery-layout-side .main-slide-container .slide-4 { display: block; }

/* Thumbnail Styling (Preset B: Borders on active) */
.tea-thumb-strip label img {
    border: 3px solid transparent;
    border-radius: 12px;
    box-sizing: border-box;
}

#pg-1:checked ~ .gallery-layout-side .tea-thumb-strip .lbl-1 img,
#pg-2:checked ~ .gallery-layout-side .tea-thumb-strip .lbl-2 img,
#pg-3:checked ~ .gallery-layout-side .tea-thumb-strip .lbl-3 img,
#pg-4:checked ~ .gallery-layout-side .tea-thumb-strip .lbl-4 img {
    border-color: var(--pukka-earth-tone);
    opacity: 1;
}

/* Hide scrollbar for thumbnail strip on mobile but allow scroll */
.tea-thumb-strip::-webkit-scrollbar {
    display: none;
}
.tea-thumb-strip {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* CTA Hover Effect */
.purchase-trigger:hover {
    background-color: var(--pukka-earth-tone-hover) !important; /* Override inline for hover */
    box-shadow: 0 8px 16px rgba(74, 99, 58, 0.4) !important;
}

/* Review layout tweaks */
.individual-sip-review {
    transition: transform 0.2s ease;
}
.individual-sip-review:hover {
    transform: translateY(-2px);
}