:root {
  --lipton-bg: #fbfbf9;
  --lipton-surface: #f1f2ec;
  --lipton-tone: #c8410b;
  --lipton-tone-hover: #a83506;
  --lipton-ink: #2b2b2b;
  --lipton-gradient: linear-gradient(135deg, #b93807 0%, #e06d12 100%);
  --font-display: 'Montserrat', sans-serif;
  --font-body: 'Poppins', sans-serif;
}

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

/* Galéria CSS kapcsolók */
.lipton-frame-item {
  display: none;
}

#lipton-slide-1:checked ~ div .lipton-frame-1,
#lipton-slide-2:checked ~ div .lipton-frame-2,
#lipton-slide-3:checked ~ div .lipton-frame-3,
#lipton-slide-4:checked ~ div .lipton-frame-4 {
  display: block;
}

/* Aktív előnézeti gomb stílusa */
.lipton-thumb-btn {
  border-radius: 4px;
  transition: border-color 0.2s ease, opacity 0.2s ease;
}

.lipton-thumb-btn:hover {
  opacity: 0.85;
}

/* Gomb (Preset B: Négyszögletes, dobozárnyékkal) */
.lipton-action-button {
  border-radius: 4px;
  box-shadow: 0 6px 16px rgba(200, 65, 11, 0.35);
  transition: transform 0.15s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  text-decoration: none;
}

.lipton-action-button:hover {
  background-color: var(--lipton-tone-hover) !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(200, 65, 11, 0.45);
}

.lipton-action-button:active {
  transform: translateY(0);
}

/* Értékelés konténer */
.lipton-feedback-item {
  transition: transform 0.2s ease;
}

.lipton-feedback-item:hover {
  transform: translateY(-1px);
}