:root {
  --berryflex-bg: #f4f8f6;
  --berryflex-surface: #ffffff;
  --berryflex-tone: #059669;
  --berryflex-tone-hover: #047857;
  --berryflex-ink: #0f172a;
  --berryflex-gradient: linear-gradient(135deg, #059669 0%, #10b981 100%);
  --font-display: 'Montserrat', sans-serif;
  --font-body: 'Roboto', sans-serif;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--berryflex-bg);
  color: var(--berryflex-ink);
  font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
}

/* Custom Gallery CSS (Radio toggle logic without JS) */
.berryflex-slide {
  display: none;
}

#slide-1:checked ~ .flex .berryflex-showcase-box .berryflex-main-view .berryflex-slide-1,
#slide-2:checked ~ .flex .berryflex-showcase-box .berryflex-main-view .berryflex-slide-2,
#slide-3:checked ~ .flex .berryflex-showcase-box .berryflex-main-view .berryflex-slide-3,
#slide-4:checked ~ .flex .berryflex-showcase-box .berryflex-main-view .berryflex-slide-4 {
  display: block;
}

/* Preset C Thumbnail Styling: Opacity 0.5 when inactive */
.berryflex-thumb-item {
  opacity: 0.5;
  transition: opacity 0.2s ease, border-color 0.2s ease;
  border-color: #e2e8f0;
}

.berryflex-thumb-item:hover {
  opacity: 0.8;
}

#slide-1:checked ~ .flex .berryflex-showcase-box .berryflex-thumb-bar label[for="slide-1"],
#slide-2:checked ~ .flex .berryflex-showcase-box .berryflex-thumb-bar label[for="slide-2"],
#slide-3:checked ~ .flex .berryflex-showcase-box .berryflex-thumb-bar label[for="slide-3"],
#slide-4:checked ~ .flex .berryflex-showcase-box .berryflex-thumb-bar label[for="slide-4"] {
  opacity: 1;
  border-color: var(--berryflex-tone);
}

/* Preset C CTA styling & Hover Effect */
.berryflex-amazon-btn {
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.berryflex-amazon-btn:hover {
  transform: translateY(-2px);
  filter: brightness(1.05);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Reviews - Preset C: rounded-2xl without borders */
.berryflex-review-card {
  border: none;
}