:root {
  --p6gh-bg: #f5f6f8;
  --p6gh-surface: #ffffff;
  --p6gh-surface-darker: #ebeef2;
  --p6gh-tone: #f59e0b;
  --p6gh-tone-hover: #d97706;
  --p6gh-ink: #111827;
  --p6gh-subtle: #374151;
  --p6gh-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);
  --font-display: 'Montserrat', sans-serif;
  --font-body: 'Inter', sans-serif;
}

body {
  font-family: var(--font-body);
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, .p6-brand-heading {
  font-family: var(--font-display);
  text-transform: uppercase;
}

/* Preset B Header Gradient Styling */
.p6-top-masthead {
  border-bottom: 3px solid var(--p6gh-tone);
}

/* Radio Gallery Styling - Pure CSS */
.p6-hidden-radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.p6-thumb-btn {
  border-radius: 4px;
  border-color: #d1d5db;
  transition: border-color 0.2s ease, transform 0.2s ease;
}

.p6-thumb-btn:hover {
  border-color: var(--p6gh-tone);
}

.p6-stage-box {
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
}

.p6-slide-unit {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease-in-out, visibility 0.25s ease-in-out;
}

/* Slide switching based on active radio */
#gallery-shot-1:checked ~ .flex .p6-thumb-btn[for="gallery-shot-1"] {
  border-color: var(--p6gh-tone);
  box-shadow: 0 0 0 1px var(--p6gh-tone);
}
#gallery-shot-2:checked ~ .flex .p6-thumb-btn[for="gallery-shot-2"] {
  border-color: var(--p6gh-tone);
  box-shadow: 0 0 0 1px var(--p6gh-tone);
}
#gallery-shot-3:checked ~ .flex .p6-thumb-btn[for="gallery-shot-3"] {
  border-color: var(--p6gh-tone);
  box-shadow: 0 0 0 1px var(--p6gh-tone);
}
#gallery-shot-4:checked ~ .flex .p6-thumb-btn[for="gallery-shot-4"] {
  border-color: var(--p6gh-tone);
  box-shadow: 0 0 0 1px var(--p6gh-tone);
}

#gallery-shot-1:checked ~ .flex .p6-stage-box .p6-view-1,
#gallery-shot-2:checked ~ .flex .p6-stage-box .p6-view-2,
#gallery-shot-3:checked ~ .flex .p6-stage-box .p6-view-3,
#gallery-shot-4:checked ~ .flex .p6-stage-box .p6-view-4 {
  opacity: 1;
  visibility: visible;
}

/* Preset B CTA Button: Rectangular with distinct box-shadow */
.p6-action-anchor {
  display: inline-block;
  border-radius: 4px;
  box-shadow: 0 4px 14px 0 rgba(245, 158, 11, 0.45), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  letter-spacing: 0.05em;
  transition: transform 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease;
  text-decoration: none;
}

.p6-action-anchor:hover {
  background-color: var(--p6gh-tone-hover) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px 0 rgba(217, 119, 6, 0.5), 0 3px 6px 0 rgba(0, 0, 0, 0.15);
}

.p6-action-anchor:active {
  transform: translateY(0);
}

/* Preset B Customer Reviews: Slightly darker background + rounded-xl */
.p6-customer-feedback {
  border: 1px solid #e2e8f0;
}