:root {
  --hydrolarm-bg: #f8fafc;
  --hydrolarm-surface: #f1f5f9;
  --hydrolarm-feedback-surface: #f1f5f9;
  --hydrolarm-tone: #0d9488;
  --hydrolarm-tone-hover: #0f766e;
  --hydrolarm-ink: #0f172a;
  --hydrolarm-tag-bg: #ccfbf1;
  --hydrolarm-tag-text: #0f766e;
  --hydrolarm-gradient: linear-gradient(135deg, #0d9488 0%, #0369a1 100%);
  --font-display: 'Montserrat', sans-serif;
  --font-body: 'Inter', sans-serif;
}

body {
  font-family: var(--font-body);
}

h1, h2, h3, .hydrolarm-site-heading, .hydrolarm-product-headline, .hydrolarm-cta-anchor, .hydrolarm-reviews-title {
  font-family: var(--font-display);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* Hide Radio Inputs */
.gallery-toggle {
  display: none;
}

/* Gallery Slides Layout */
.hydrolarm-slide-layer {
  display: none;
  width: 100%;
  height: 100%;
}

/* Radio Checked Visibility Logic */
#thumb-1:checked ~ .hydrolarm-gallery-structure .slide-view-1 {
  display: block;
}

#thumb-2:checked ~ .hydrolarm-gallery-structure .slide-view-2 {
  display: block;
}

#thumb-3:checked ~ .hydrolarm-gallery-structure .slide-view-3 {
  display: block;
}

#thumb-4:checked ~ .hydrolarm-gallery-structure .slide-view-4 {
  display: block;
}

/* Side Thumbnails Style (Preset B: side with border) */
.thumb-selector-card {
  display: block;
  cursor: pointer;
  background-color: #ffffff;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.thumb-selector-card:hover {
  border-color: var(--hydrolarm-tone);
}

#thumb-1:checked ~ .hydrolarm-gallery-structure .thumb-label-1,
#thumb-2:checked ~ .hydrolarm-gallery-structure .thumb-label-2,
#thumb-3:checked ~ .hydrolarm-gallery-structure .thumb-label-3,
#thumb-4:checked ~ .hydrolarm-gallery-structure .thumb-label-4 {
  border-color: var(--hydrolarm-tone);
  box-shadow: 0 0 0 2px rgba(13, 148, 136, 0.25);
}

/* CTA rectangular button hover */
.hydrolarm-cta-anchor:hover {
  background-color: var(--hydrolarm-tone-hover) !important;
  box-shadow: 0 8px 22px rgba(13, 148, 136, 0.45) !important;
  transform: translateY(-1px);
}