:root {
  --refresh-base: #f4f9f9;
  --refresh-card: #ffffff;
  --refresh-water: #0077b6;
  --refresh-water-hover: #005f8f;
  --refresh-font-main: #333333;
  --refresh-radius: 16px;
  --refresh-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --font-display: 'Oswald', sans-serif;
  --font-body: 'Lato', sans-serif;
}

html, body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

/* Preset A specifics */
.refresh-top-bar {
  border-bottom: 4px solid var(--refresh-water);
}

.drop-bottle-headline {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Gallery CSS mechanics - No JS */
.drop-trigger {
  display: none;
}

.lens-frame {
  display: none;
  animation: fadeLens 0.4s ease-in-out;
}

@keyframes fadeLens {
  from { opacity: 0; transform: scale(0.98); }
  to { opacity: 1; transform: scale(1); }
}

#shot1:checked ~ .main-lens-view .photo-1,
#shot2:checked ~ .main-lens-view .photo-2,
#shot3:checked ~ .main-lens-view .photo-3,
#shot4:checked ~ .main-lens-view .photo-4 {
  display: block;
}

#shot1:checked ~ .thumb-row-select label[for="shot1"],
#shot2:checked ~ .thumb-row-select label[for="shot2"],
#shot3:checked ~ .thumb-row-select label[for="shot3"],
#shot4:checked ~ .thumb-row-select label[for="shot4"] {
  border-color: var(--refresh-water);
  opacity: 1;
}

.thumb-row-select label {
  opacity: 0.6;
  transition: all 0.3s ease;
}

.thumb-row-select label:hover {
  opacity: 1;
}

/* CTA Interactions */
.purchase-trigger-pill:hover {
  background-color: var(--refresh-water-hover) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.15), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
}

/* Base link behavior */
.legal-nav-links a:hover {
  text-decoration: underline !important;
}