/* Shared polish for legacy programme, hub, and movement pages. */
body[data-set="seated"],
body[data-set="active"] {
  background: #f8f6f0;
}

body[data-set="seated"] .product-image-badges,
body[data-set="active"] .product-image-badges {
  display: none !important;
}

.tc-hero-choice {
  margin-top: 28px;
}

.tc-choice-note {
  margin: 0 0 12px !important;
  color: #617067;
  font-size: .84rem !important;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.tc-choice-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.tc-choice-actions .tc-choice-paid {
  min-height: 54px;
  padding: 0 24px;
  background: #2d4f3c !important;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(31, 58, 43, .16);
}

.tc-choice-actions .tc-choice-free {
  min-height: 54px;
  padding: 0 22px;
  border: 1px solid rgba(45, 79, 60, .24);
  background: rgba(255, 255, 255, .78);
  color: #2d4f3c;
}

.tc-choice-actions a:hover {
  transform: translateY(-1px);
}

.tc-choice-actions a:active {
  transform: translateY(1px);
}

body[data-set="seated"] > .container + section.section,
body[data-set="active"] > .container + section.section {
  position: relative;
  overflow: hidden;
  padding-top: clamp(54px, 7vw, 88px) !important;
  padding-bottom: clamp(42px, 6vw, 72px) !important;
  background:
    radial-gradient(circle at 85% 12%, rgba(216, 176, 140, .19), transparent 28rem),
    #f8f6f0;
}

body[data-set="seated"] > .container + section.section h1,
body[data-set="active"] > .container + section.section h1 {
  max-width: 920px;
  margin-right: auto !important;
  margin-left: auto !important;
  font-size: clamp(2.7rem, 5.2vw, 5rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em;
  text-wrap: balance;
}

body[data-set="seated"] > .container + section.section p,
body[data-set="active"] > .container + section.section p {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  text-wrap: pretty;
}

body[data-set="seated"] .detail-image-gallery__item,
body[data-set="active"] .detail-image-gallery__item {
  border: 1px solid rgba(45, 79, 60, .11);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 16px 34px rgba(31, 58, 43, .08);
}

body[data-set="seated"] .tc-lead,
body[data-set="active"] .tc-lead,
body[data-set="seated"] .tc-buy,
body[data-set="active"] .tc-buy,
body[data-set="seated"] .tc-bonus,
body[data-set="active"] .tc-bonus,
body[data-set="seated"] .tc-after,
body[data-set="active"] .tc-after {
  border-color: rgba(45, 79, 60, .15) !important;
  background: #f5f1e7 !important;
}

body[data-set="seated"] .tc-lead h3,
body[data-set="active"] .tc-lead h3,
body[data-set="seated"] .tc-buy h3,
body[data-set="active"] .tc-buy h3,
body[data-set="seated"] .tc-bonus h4,
body[data-set="active"] .tc-bonus h4 {
  color: #1f3a2b !important;
}

body[data-set="seated"] .tc-buy .k,
body[data-set="active"] .tc-buy .k,
body[data-set="seated"] .tc-bonus .bk,
body[data-set="active"] .tc-bonus .bk,
body[data-set="seated"] .tc-after .k,
body[data-set="active"] .tc-after .k {
  color: #9a6738 !important;
}

body[data-set="seated"] .tc-buy a,
body[data-set="active"] .tc-buy a,
body[data-set="seated"] .tc-after a,
body[data-set="active"] .tc-after a {
  background: #2d4f3c !important;
}

body[data-set="seated"] .tc-programs-link,
body[data-set="active"] .tc-programs-link {
  background: #2d4f3c !important;
  color: #fff !important;
  border: 0 !important;
  margin-right: 10px;
}

body[data-set="seated"] .tc-programs-link:hover,
body[data-set="active"] .tc-programs-link:hover {
  background: #1f3a2b !important;
}

@media (max-width: 820px) {
  .tc-choice-actions {
    display: grid;
  }

  .tc-choice-actions .btn {
    box-sizing: border-box;
    width: 100%;
  }

  body[data-set="seated"] > header .container,
  body[data-set="active"] > header .container {
    box-sizing: border-box;
    width: 100% !important;
    height: 64px !important;
    padding: 0 16px !important;
  }

  body[data-set="seated"] > header nav,
  body[data-set="active"] > header nav {
    display: none !important;
  }

  body[data-set="seated"] > header img,
  body[data-set="active"] > header img {
    width: auto !important;
    height: 44px !important;
  }

  body[data-set="seated"] > .container + section.section,
  body[data-set="active"] > .container + section.section {
    padding-top: 42px !important;
    padding-bottom: 38px !important;
  }

  body[data-set="seated"] > .container + section.section h1,
  body[data-set="active"] > .container + section.section h1 {
    font-size: clamp(2.35rem, 11vw, 3.45rem) !important;
  }
}