/* Девятый экран: варианты участия и VIP. */
.club-participation {
  position: relative;
  isolation: isolate;
  margin-top: -48px;
  margin-bottom: 48px;
  padding: 68px 32px 64px;
  border-block: 1px solid #967c4b55;
  background: #111110;
  color: #f3eee5;
  scroll-margin-top: 20px;
}
.club-participation::before { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, #111110cc, #111110 650px), url('../images/bg2.jpg') center top / 1920px auto no-repeat; pointer-events: none; }
.club-participation .participation-inner { max-width: 1120px; margin: 0 auto; }
.club-participation .participation-title { max-width: 950px; margin: 0 auto; font-family: 'Bebas Neue', Arial, sans-serif; font-size: clamp(36px, 4.35vw, 52px); font-weight: 700; line-height: 1.17; letter-spacing: .8px; text-align: center; text-wrap: balance; }
.club-participation .participation-title::before { content: ''; display: block; width: 44px; height: 2px; margin: 0 auto 23px; background: #b5955a; }
.club-participation .participation-intro { max-width: 850px; margin: 24px auto 0; color: #c8c0b2; font-size: 18px; line-height: 1.8; text-align: center; text-wrap: pretty; }
.club-participation .participation-included { display: flex; align-items: center; gap: 20px; margin: 32px 0; padding: 21px 26px; border: 1px solid #8a755045; border-radius: 9px; background: #20201b9c; }
.club-participation .participation-included svg { flex: 0 0 30px; width: 30px; height: 30px; color: #c3a366; fill: none; stroke: currentColor; stroke-width: 1.4; }
.club-participation .participation-included p { margin: 0; color: #d6cfc2; font-size: 16px; line-height: 1.8; }
.club-participation .participation-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.club-participation .participation-card { display: flex; flex-direction: column; min-width: 0; padding: 28px 26px 25px; border: 1px solid #6a604d80; border-radius: 10px; background: linear-gradient(155deg, #25241f, #1a1a17 70%); box-shadow: 0 12px 32px #0002; }
.club-participation .participation-card-best { border-color: #b5955a; background: linear-gradient(150deg, #3a3121, #211e18 60%, #1c1c18); box-shadow: inset 0 3px #b5955a, 0 12px 32px #0002; }
.club-participation .participation-card h3 { min-height: 108px; margin: 0; font-family: 'Brutal Type', Arial, sans-serif; font-size: 29px; line-height: 1.3; font-weight: 400; }
.club-participation .participation-card h3 span { display: block; margin-top: 12px; color: #c4bbaa; font-size: 16px; line-height: 1.5; text-wrap: pretty; }
.club-participation .participation-card-best h3 { color: #e0c48f; }
.club-participation .participation-description { min-height: 116px; margin: 15px 0 22px; color: #bcb5a8; font-size: 15px; line-height: 1.8; }
.club-participation .participation-price { margin: 0; padding-top: 23px; border-top: 1px solid #8a755050; color: #f7f0e4; font-size: 39px; line-height: 1.15; letter-spacing: -1px; }
.club-participation .participation-price > span:not(.participation-amount) { display: block; margin-top: 10px; color: #bcb5a8; font-size: 14px; line-height: 1.6; letter-spacing: 0; }
.club-participation .participation-amount { white-space: nowrap; }
.club-participation .participation-monthly { min-height: 46px; margin: 13px 0 0; color: #d6c5a5; font-size: 15px; line-height: 1.6; }
.club-participation .participation-details { flex: 1; padding-top: 24px; }
.club-participation .participation-comparison { margin: 0; color: #aaa396; font-size: 13px; line-height: 1.8; }
.club-participation .participation-saving { margin: 6px 0 0; color: #dfc593; font-size: 15px; line-height: 1.6; }
.club-participation .participation-extra { margin: 22px 0 0; color: #c8c0b2; font-size: 14px; line-height: 1.8; }
.club-participation .participation-extra p { margin: 0 0 10px; font-size: inherit; }
.club-participation .participation-extra ul { margin: 0; padding-left: 18px; }
.club-participation .participation-extra li + li { margin-top: 9px; }
.club-participation .participation-extra li::marker { color: #b5955a; }
.club-participation .club-cta { margin-top: 27px; }
.club-participation .club-cta .club-cta-link { width: 100%; min-width: 0; padding: 14px 16px; gap: 12px; font-size: 15px; }
.club-participation .participation-vip { display: grid; grid-template-columns: 1.2fr 1fr; gap: 45px; margin-top: 26px; padding: 33px; border: 1px solid #9b804c99; border-radius: 10px; background: linear-gradient(115deg, #29251d, #1a1a17 75%); }
.club-participation .participation-vip h3 { display: flex; align-items: center; gap: 14px; margin: 0 0 18px; color: #e0c48f; font-family: 'Brutal Type', Arial, sans-serif; font-size: 29px; font-weight: 400; line-height: 1.3; }
.club-participation .participation-vip h3 svg { width: 28px; height: 28px; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 1.3; }
.club-participation .participation-vip-description { margin: 0; color: #c8c0b2; font-size: 16px; line-height: 1.8; }
.club-participation .participation-vip .participation-extra { margin-top: 21px; }
.club-participation .participation-vip-options { display: flex; flex-direction: column; justify-content: center; gap: 13px; min-width: 0; }
.club-participation .participation-vip-link { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 80px; padding: 19px 22px; border: 1px solid #9c824e99; border-radius: 6px; background: #b5955a09; color: #eee5d5; text-decoration: none; transition: background .2s, border-color .2s; }
.club-participation .participation-vip-link > span { max-width: 170px; font-size: 14px; line-height: 1.7; }
.club-participation .participation-vip-link strong { color: #e0c48f; font-size: 21px; font-weight: 400; line-height: 1.4; white-space: nowrap; }
.club-participation .participation-vip-link:hover { border-color: #d2b477; background: #b5955a18; color: #fff7e8; text-decoration: none; }
.club-participation .participation-vip-link:focus-visible { outline: 2px solid #d2b477; outline-offset: 4px; }
.club-participation .participation-note { max-width: 850px; margin: 31px auto 0; color: #bcb5a8; font-size: 16px; line-height: 1.8; text-align: center; text-wrap: pretty; }
@media (max-width: 1050px) {
  .club-participation { padding-inline: 26px; }
  .club-participation .participation-card { padding-inline: 21px; }
  .club-participation .participation-card h3 { min-height: 126px; }
  .club-participation .participation-description { min-height: 163px; }
  .club-participation .participation-vip { gap: 28px; padding: 28px; grid-template-columns: 1fr 1fr; }
  .club-participation .participation-vip-link { flex-direction: column; align-items: flex-start; gap: 5px; }
  .club-participation .participation-vip-link span { max-width: none; }
}
@media (max-width: 800px) {
  .club-participation .participation-grid { max-width: 540px; margin: 0 auto; grid-template-columns: 1fr; gap: 22px; }
  .club-participation .participation-card { padding: 29px; }
  .club-participation .participation-card h3, .club-participation .participation-description, .club-participation .participation-monthly { min-height: 0; }
  .club-participation .participation-card h3 span { margin-top: 9px; }
  .club-participation .participation-description { margin: 18px 0 23px; font-size: 16px; }
  .club-participation .participation-details:empty { display: none; }
  .club-participation .participation-extra { font-size: 15px; }
  .club-participation .participation-vip { max-width: 540px; margin: 23px auto 0; grid-template-columns: 1fr; gap: 27px; }
  .club-participation .participation-vip-link { flex-direction: row; align-items: center; gap: 18px; }
  .club-participation .participation-vip-link span { max-width: 170px; }
}
@media (max-width: 767px) {
  .club-participation { margin-top: -36px; margin-bottom: 36px; padding: 48px 22px 50px; }
  .club-participation .participation-title { max-width: 550px; font-size: 36px; letter-spacing: .4px; }
  .club-participation .participation-intro { max-width: 540px; font-size: 16px; text-align: left; }
  .club-participation .participation-included { max-width: 540px; margin: 25px auto; padding: 20px; align-items: flex-start; gap: 13px; }
  .club-participation .participation-included svg { flex-basis: 24px; width: 24px; height: 24px; margin-top: 3px; }
  .club-participation .participation-included p { font-size: 15px; }
  .club-participation .participation-note { max-width: 540px; font-size: 15px; text-align: left; }
}
@media (max-width: 430px) {
  .club-participation .participation-card, .club-participation .participation-vip { padding: 24px 21px; }
  .club-participation .participation-vip-link { flex-direction: column; align-items: flex-start; gap: 5px; padding: 16px 18px; }
  .club-participation .participation-vip-link span { max-width: none; }
}
@media (max-width: 374px) {
  .club-participation { padding-inline: 18px; }
  .club-participation .participation-title { font-size: 32px; }
  .club-participation .participation-card, .club-participation .participation-vip { padding-inline: 18px; }
  .club-participation .participation-included { display: block; padding: 18px; }
  .club-participation .participation-included svg { margin: 0 0 10px; }
  .club-participation .participation-price { font-size: 36px; }
}
@media (prefers-reduced-motion: reduce) { .club-participation .participation-vip-link { transition: none; } }