:root {
  --green-main: #1F4A36;
  --wood-brown: #9B6A42;
  --cta-orange: #D9683A;
  --cta-orange-dark: #B9512D;
  --positive: #31885A;
  --page-bg: #F5EFE5;
  --card-bg: #FFFDF8;
  --text-main: #253129;
  --text-secondary: #657168;
  --line: #E4D7C7;

  /* remap base theme variables */
  --brown: #1F4A36;
  --brown-soft: #9B6A42;
  --orange: #D9683A;
  --orange-dark: #B9512D;
  --cream: #F5EFE5;
  --cream-deep: #EDE3D2;
  --ink: #253129;
  --red: #B9512D;
  --shadow-card: 0 16px 34px rgba(37, 49, 41, 0.10);
  --shadow-premium: 0 22px 48px rgba(217, 104, 58, 0.18), 0 10px 28px rgba(37, 49, 41, 0.12);
}

html,
body,
.bg-page {
  background: var(--page-bg);
}

.bg-page {
  background:
    linear-gradient(180deg, #F5EFE5 0%, #FBF7EF 34%, #FFFDF8 68%, #F5EFE5 100%);
}

.hero-section {
  background:
    radial-gradient(circle at 50% 0%, #FFFDF8 0%, #E9F1E9 46%, #F5EFE5 100%);
  margin-inline: calc(50% - 50vw);
  padding-inline: max(1.25rem, calc(50vw - 36rem));
}

.section-block {
  margin-inline: calc(50% - 50vw);
  padding-inline: max(1.25rem, calc(50vw - 36rem));
}

.section-block:nth-of-type(odd) {
  background: linear-gradient(180deg, #EAF2EA 0%, #F0E9DA 100%);
}

.section-block:nth-of-type(even) {
  background: linear-gradient(180deg, var(--card-bg), var(--page-bg));
}

.site-footer {
  margin-inline: calc(50% - 50vw);
  background: var(--page-bg);
  color: var(--text-secondary);
}

.hero-image-shell {
  max-width: min(78vw, 420px);
  margin-left: auto;
  margin-right: auto;
}

@media (width >= 1024px) {
  .hero-image-shell {
    max-width: 460px;
  }
}

.cta-primary {
  background: linear-gradient(135deg, #E8763F, var(--cta-orange) 55%, var(--cta-orange-dark));
  color: #fff;
  box-shadow: 0 14px 28px rgba(217, 104, 58, 0.38);
}

.cta-primary:hover {
  background: linear-gradient(135deg, var(--cta-orange), var(--cta-orange-dark) 55%, #A2451F);
  box-shadow: 0 18px 36px rgba(185, 81, 45, 0.44);
}

.cta-secondary {
  border-color: var(--line);
}

.cta-secondary:hover {
  border-color: var(--cta-orange);
  color: var(--cta-orange-dark);
}

.info-card,
.type-card,
.bonus-card,
.review-card,
.plan-card,
.guarantee-card,
.faq-item,
.sample-slide {
  background: var(--card-bg);
  border-color: var(--line);
}

.info-card:hover,
.type-card:hover,
.bonus-card:hover,
.review-card:hover {
  border-color: rgba(217, 104, 58, 0.55);
  box-shadow: 0 20px 40px rgba(37, 49, 41, 0.14);
}

.icon-wrap {
  color: var(--positive);
  background: #E3F0E7;
  border-color: rgba(49, 136, 90, 0.3);
}

.info-card p,
.bonus-card p,
.review-card p,
.guarantee-card p,
.faq-panel p,
.hero-copy {
  color: var(--text-secondary);
}

.muted-item {
  color: var(--text-secondary) !important;
}

.dot {
  background: rgba(155, 106, 66, 0.35);
}

.dot-active {
  background: var(--cta-orange);
}

.bonus-label,
.stars,
.faq-plus {
  color: var(--cta-orange-dark);
}

.check-icon {
  color: var(--positive);
}

.bonus-price strong,
.total-bonus strong,
.plan-price-complete strong,
.discount-price strong {
  color: var(--positive);
}

.plan-price strong {
  color: var(--green-main);
}

.choice-badge {
  background: linear-gradient(135deg, #E8763F, var(--cta-orange-dark));
  color: #fff;
  box-shadow: 0 8px 18px rgba(185, 81, 45, 0.35);
}

.featured-plan,
.discount-popup {
  border-color: var(--cta-orange);
}

.discount-popup {
  background: var(--card-bg);
  box-shadow: 0 22px 60px rgba(37, 49, 41, 0.3);
}

.discount-badge {
  color: var(--cta-orange-dark);
  background: #F9E7DC;
  border-color: rgba(217, 104, 58, 0.4);
}

.shield-icon {
  background: linear-gradient(135deg, #3DA06C, var(--positive));
  box-shadow: 0 10px 22px rgba(49, 136, 90, 0.35);
}

.total-bonus {
  background: linear-gradient(135deg, var(--wood-brown), var(--green-main) 130%);
  border: 1px solid rgba(155, 106, 66, 0.4);
  box-shadow:
    0 24px 48px rgba(37, 49, 41, 0.22),
    0 8px 18px rgba(37, 49, 41, 0.14);
}

.total-bonus p {
  color: rgba(255, 253, 248, 0.72);
}

.total-bonus strong {
  color: #fff;
}