/* Visual Parameters Setup */
:root {
  /* Theme: HEALTH */
  --kirkland-bg: #f2fafa; /* Very light fresh mint/blue for background */
  --kirkland-surface: #ffffff;
  --kirkland-tone: #38bdf8; /* Fresh light blue accent */
  --kirkland-tone-hover: #0284c7; /* Deeper blue for hovers/text accents */
  --kirkland-ink: #0f172a; /* Slate dark text */
  --kirkland-gradient: linear-gradient(135deg, #38bdf8, #0ea5e9);
  
  /* Fonts */
  --font-display: 'Oswald', sans-serif;
  --font-body: 'Mulish', sans-serif;
}

/* Base Font Assignments */
.font-display { font-family: var(--font-display); }
.font-body { font-family: var(--font-body); }

/* Gallery Logic (No JS) */
.gluco-slide {
  display: none;
}

#gluco-img-1:checked ~ .gluco-main-view .slide-1,
#gluco-img-3:checked ~ .gluco-main-view .slide-3,
#gluco-img-4:checked ~ .gluco-main-view .slide-4,
#gluco-img-5:checked ~ .gluco-main-view .slide-5 {
  display: block;
  animation: fade-in 0.4s ease-in-out;
}

/* Thumbnail Active State Logic */
#gluco-img-1:checked ~ .gluco-thumb-strip label[for="gluco-img-1"],
#gluco-img-3:checked ~ .gluco-thumb-strip label[for="gluco-img-3"],
#gluco-img-4:checked ~ .gluco-thumb-strip label[for="gluco-img-4"],
#gluco-img-5:checked ~ .gluco-thumb-strip label[for="gluco-img-5"] {
  border-color: var(--kirkland-tone);
  opacity: 1;
}

.gluco-thumb-trigger {
  opacity: 0.6;
}
.gluco-thumb-trigger:hover {
  opacity: 0.9;
}

/* CTA Interactions */
.purchase-action-node {
  box-shadow: 0 4px 14px 0 rgba(56, 189, 248, 0.39);
  border: 2px solid transparent;
}
.purchase-action-node:hover {
  box-shadow: 0 6px 20px rgba(56, 189, 248, 0.5);
  transform: translateY(-2px);
  text-decoration: none;
}
.purchase-action-node:active {
  transform: translateY(1px);
}

/* Animations */
@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Global resets for generated classes */
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-x: hidden;
}