:root {
  --pomtea-bg: #fbf9f6;
  --pomtea-surface: #ffffff;
  --pomtea-tone: #b83444;
  --pomtea-tone-hover: #9c2736;
  --pomtea-ink: #2b303a;
  --pomtea-leaf: #3d6e4b;
  --pomtea-gradient: linear-gradient(135deg, #b83444 0%, #da4f61 100%);
  --pomtea-shadow: 0 4px 16px rgba(0, 0, 0, 0.07);
  --pomtea-shadow-hover: 0 8px 24px rgba(184, 52, 68, 0.35);
  --font-display: 'Raleway', sans-serif;
  --font-body: 'Lato', sans-serif;
}

body {
  font-family: var(--font-body);
  background-color: var(--pomtea-bg);
  color: var(--pomtea-ink);
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

/* Radio Switcher Gallery (No JavaScript) */
.pomtea-switch-ctrl {
  display: none;
}

.pomtea-slide-element {
  display: none;
  width: 100%;
  height: 100%;
}

#pt-shot-1:checked ~ .pomtea-stage-wrap .pomtea-slide-1 {
  display: block;
}

#pt-shot-2:checked ~ .pomtea-stage-wrap .pomtea-slide-2 {
  display: block;
}

#pt-shot-3:checked ~ .pomtea-stage-wrap .pomtea-slide-3 {
  display: block;
}

#pt-shot-4:checked ~ .pomtea-stage-wrap .pomtea-slide-4 {
  display: block;
}

/* Thumbnail Borders */
.pomtea-thumb-target {
  border-color: #e5e7eb;
  transition: all 0.2s ease-in-out;
}

.pomtea-thumb-target:hover {
  border-color: #d1d5db;
}

#pt-shot-1:checked ~ * label[for="pt-shot-1"],
#pt-shot-2:checked ~ * label[for="pt-shot-2"],
#pt-shot-3:checked ~ * label[for="pt-shot-3"],
#pt-shot-4:checked ~ * label[for="pt-shot-4"] {
  border-color: var(--pomtea-tone);
  box-shadow: 0 0 0 1px var(--pomtea-tone);
}

/* Preset A - CTA: pill shape (999px) with hover-shadow */
.pomtea-action-trigger {
  border-radius: 999px;
  box-shadow: 0 4px 12px rgba(184, 52, 68, 0.25);
  text-decoration: none;
}

.pomtea-action-trigger:hover {
  background: linear-gradient(135deg, var(--pomtea-tone-hover) 0%, #b83444 100%);
  box-shadow: var(--pomtea-shadow-hover);
  transform: translateY(-2px);
}

.pomtea-action-trigger:active {
  transform: translateY(0);
}

/* Smooth layout transitions */
.pomtea-showcase-shell,
.pomtea-opinion-item {
  transition: box-shadow 0.2s ease;
}

.pomtea-opinion-item:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.09) !important;
}