:root {
  --tealife-bg: #F5F9F6;
  --tealife-surface: #FFFFFF;
  --tealife-soft-bg: #EEF6F2;
  --tealife-tone: #2E7D32;
  --tealife-tone-hover: #1B5E20;
  --tealife-brand: #1E3A2F;
  --tealife-ink: #2C3E35;
  --tealife-star: #FFA41C;
  --tealife-gradient: linear-gradient(135deg, #2E7D32 0%, #1565C0 100%);
  --font-display: 'Montserrat', sans-serif;
  --font-body: 'Inter', sans-serif;
}

body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Переключение слайдов через radio-селекторы */
.slide {
  display: none;
}

.tea-radio-1:checked ~ .slide-wrap .slide-1 {
  display: block;
}

.tea-radio-2:checked ~ .slide-wrap .slide-2 {
  display: block;
}

.tea-radio-3:checked ~ .slide-wrap .slide-3 {
  display: block;
}

.tea-radio-4:checked ~ .slide-wrap .slide-4 {
  display: block;
}

/* Пресет C: полупрозрачность неактивных миниатюр и выделение активной */
.thumb-lbl {
  opacity: 0.5;
  border-color: #E2E8F0;
  background-color: #FFFFFF;
}

.tea-radio-1:checked ~ .berrytea-thumbs .thumb-1,
.tea-radio-2:checked ~ .berrytea-thumbs .thumb-2,
.tea-radio-3:checked ~ .berrytea-thumbs .thumb-3,
.tea-radio-4:checked ~ .berrytea-thumbs .thumb-4 {
  opacity: 1;
  border-color: var(--tealife-tone);
  box-shadow: 0 4px 6px -1px rgba(46, 125, 50, 0.2);
}

.thumb-lbl:hover {
  opacity: 0.85;
}

/* Стилизация CTA */
.tea-action-link:hover {
  background-color: var(--tealife-tone-hover) !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}