.seo-p2-page .hero--choose{
  background:
    linear-gradient(90deg,rgba(7,11,12,.99) 0%,rgba(7,11,12,.91) 44%,rgba(7,11,12,.28) 76%,rgba(7,11,12,.08)),
    linear-gradient(180deg,transparent 62%,#070b0c 100%),
    url("/assets/мужчина.webp") 84% top/auto 100% no-repeat;
}

.seo-p2-page .hero--gym{
  background:
    linear-gradient(90deg,rgba(7,11,12,.99) 0%,rgba(7,11,12,.91) 44%,rgba(7,11,12,.3) 76%,rgba(7,11,12,.08)),
    linear-gradient(180deg,transparent 62%,#070b0c 100%),
    url("/assets/мужчина-спортсмен.webp") 84% top/auto 100% no-repeat;
}

.seo-p2-page .hero__promise{max-width:720px}
.seo-p2-page .hero__lead{max-width:610px}

.checklist-grid,
.question-grid,
.signal-grid,
.approach-grid,
.goal-grid,
.related-grid{
  display:grid;
  gap:10px;
}

.checklist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.check-card{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:14px;
  min-height:150px;
  padding:20px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:11px;
  background:linear-gradient(145deg,rgba(25,30,31,.8),rgba(10,14,15,.96));
}
.check-card>span{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid rgba(240,191,98,.44);
  border-radius:50%;
  color:var(--gold-bright);
  font-size:12px;
  font-weight:900;
}
.check-card h3{margin:1px 0 0;font-size:19px;line-height:1.16}
.check-card p{margin:9px 0 0;color:rgba(243,241,236,.7);font-size:13.5px;line-height:1.55}

.question-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.question-card,
.signal-card,
.goal-card{
  padding:19px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:10px;
  background:rgba(255,255,255,.025);
}
.question-card h3,
.signal-card h3,
.goal-card h3{margin:0;color:var(--gold-bright);font-size:17px;line-height:1.2}
.question-card p,
.signal-card p,
.goal-card p{margin:10px 0 0;color:rgba(243,241,236,.7);font-size:13.5px;line-height:1.55}

.signal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.signal-card{min-height:165px}

.club-panel{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr);
  gap:28px;
  padding:30px;
  border-color:rgba(240,191,98,.38);
  background:
    radial-gradient(circle at 88% 10%,rgba(240,191,98,.12),transparent 33%),
    linear-gradient(145deg,rgba(21,27,28,.96),rgba(7,11,12,.98));
}
.club-panel__copy p:not(.eyebrow){margin:13px 0 0;color:rgba(243,241,236,.72);font-size:14px;line-height:1.62}
.club-panel__facts{display:grid;gap:8px;align-content:start}
.club-panel__fact{padding:13px 15px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.025)}
.club-panel__fact span{display:block;color:rgba(243,241,236,.48);font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
.club-panel__fact strong{display:block;margin-top:5px;font-size:14px;line-height:1.4}

.approach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.approach-card{
  padding:23px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(24,29,30,.9),rgba(10,14,15,.96));
}
.approach-card--boxing{border-color:rgba(240,191,98,.48);background:linear-gradient(145deg,rgba(216,166,74,.11),rgba(10,14,15,.96))}
.approach-card__tag{display:inline-flex;padding:6px 9px;border:1px solid rgba(240,191,98,.38);border-radius:999px;color:var(--gold-bright);font-size:10px;font-weight:900;letter-spacing:.5px;text-transform:uppercase}
.approach-card h3{margin:18px 0 0;font-size:25px}
.approach-card>p{margin:10px 0 0;color:rgba(243,241,236,.68);font-size:14px;line-height:1.55}
.approach-list{display:grid;gap:0;margin:20px 0 0}
.approach-row{display:grid;grid-template-columns:112px 1fr;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.09)}
.approach-row span{color:rgba(243,241,236,.5);font-size:10px;font-weight:900;text-transform:uppercase}
.approach-row p{margin:0;color:rgba(243,241,236,.84);font-size:13px;line-height:1.45}

.goal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.goal-card{min-height:145px}
.goal-card--wide{grid-column:span 2}

.balance-panel{
  display:grid;
  grid-template-columns:minmax(260px,.86fr) minmax(0,1.14fr);
  gap:0;
  padding:0;
  overflow:hidden;
}
.balance-panel__image{
  min-height:410px;
  background:linear-gradient(180deg,rgba(7,11,12,.02),rgba(7,11,12,.64)),url("/assets/девушка.webp") center top/cover no-repeat;
  filter:saturate(.78);
}
.balance-panel__copy{align-self:center;padding:30px}
.balance-panel__copy p:not(.eyebrow){margin:14px 0 0;color:rgba(243,241,236,.72);font-size:14px;line-height:1.62}
.balance-panel__copy strong{color:var(--text)}

.seo-p2-page .related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.seo-p2-page .related-card{display:flex;min-height:105px;flex-direction:column;justify-content:space-between;padding:17px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.025);transition:border-color .2s ease,transform .2s ease}
.seo-p2-page .related-card:hover{border-color:rgba(240,191,98,.55);transform:translateY(-2px)}
.seo-p2-page .related-card strong{font-size:16px;line-height:1.25}
.seo-p2-page .related-card span{color:var(--gold-bright);font-size:12px;font-weight:800}

@media(max-width:820px){
  .checklist-grid,
  .approach-grid,
  .club-panel,
  .balance-panel{grid-template-columns:1fr}
  .question-grid,
  .goal-grid,
  .signal-grid,
  .seo-p2-page .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .goal-card--wide{grid-column:span 1}
  .balance-panel__image{min-height:340px}
}

@media(max-width:620px){
  .seo-p2-page .hero--choose,
  .seo-p2-page .hero--gym{
    background-position:65% top;
    background-size:auto 70%;
  }
  .seo-p2-page .hero--choose::before,
  .seo-p2-page .hero--gym::before{background:linear-gradient(180deg,rgba(7,11,12,.16),#070b0c 55%)}
  .checklist-grid,
  .question-grid,
  .signal-grid,
  .goal-grid,
  .seo-p2-page .related-grid{grid-template-columns:1fr}
  .check-card{min-height:0;padding:16px}
  .club-panel{padding:20px}
  .approach-card{padding:18px}
  .approach-row{grid-template-columns:86px 1fr}
  .balance-panel__image{min-height:280px}
  .balance-panel__copy{padding:22px}
}
