:root {
  --qunol-bg: #f2f7f7;
  --qunol-surface: #ffffff;
  --qunol-tone: #0e8388;
  --qunol-tone-hover: #0a6569;
  --qunol-ink: #1f2937;
  --qunol-gradient: linear-gradient(135deg, #0e8388 0%, #2e8a60 100%);
  --font-display: 'Oswald', sans-serif;
  --font-body: 'Inter', sans-serif;
}

/* Header Accent Bar (Preset A) */
.qunol-head-banner {
  border-bottom: 4px solid var(--qunol-tone);
}

/* Gallery CSS Switching */
.qunol-slide-pane {
  display: none;
}

#gal-1:checked ~ .qunol-slide-viewport .qunol-pane-1,
#gal-2:checked ~ .qunol-slide-viewport .qunol-pane-2,
#gal-3:checked ~ .qunol-slide-viewport .qunol-pane-3,
#gal-4:checked ~ .qunol-slide-viewport .qunol-pane-4 {
  display: block;
}

/* Active Thumbnail border styling */
.qunol-thumb-item {
  border-color: transparent;
  opacity: 0.7;
}

#gal-1:checked ~ .qunol-thumb-row .qunol-thumb-1,
#gal-2:checked ~ .qunol-thumb-row .qunol-thumb-2,
#gal-3:checked ~ .qunol-thumb-row .qunol-thumb-3,
#gal-4:checked ~ .qunol-thumb-row .qunol-thumb-4 {
  border-color: var(--qunol-tone);
  opacity: 1;
}

/* CTA Pill button (Preset A) */
.qunol-buy-pill {
  border-radius: 999px;
  background: var(--qunol-gradient);
  box-shadow: 0 4px 14px rgba(14, 131, 136, 0.35);
}

.qunol-buy-pill:hover {
  box-shadow: 0 6px 20px rgba(14, 131, 136, 0.5);
  filter: brightness(1.05);
}

/* Reviews Left Colored Border 4px (Preset A) */
.qunol-feedback-item {
  border-left: 4px solid var(--qunol-tone);
  border-radius: 0.5rem;
}