/* Страница поддержки. Общие стили — ../styles.css; здесь только своё. */
.support-page{padding-top:88px}
.support-intro{padding:110px 0 90px;border-bottom:1px solid var(--line)}
.support-intro .eyebrow{margin-bottom:24px}
.support-intro h1{font-size:clamp(3.4rem,6.4vw,6rem);letter-spacing:-.055em;line-height:1.04;max-width:900px}
.support-lead{font-size:1.125rem;line-height:1.7;max-width:620px;margin-top:24px;color:#c8c8c8}
.support-lead+.support-lead{margin-top:14px;color:var(--muted)}

.support-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:80px;padding:96px 0;border-bottom:1px solid var(--line)}
.support-block-intro .eyebrow{margin-bottom:21px}
.support-block-intro h2{font-size:2.7rem}
.support-block-intro>p:not(.eyebrow){margin-top:20px;max-width:360px;font-size:1rem}

/* Блок кошельков виден, только когда в нём есть адрес: пустой список не показываем. */
.wallets-block:not(:has(.wallet)){display:none}
.wallet-list{display:flex;flex-direction:column;gap:14px}
.wallet{border:1px solid #ffffff26;border-radius:10px;padding:22px 24px;background:#ffffff05;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px;align-items:center}
.wallet-head{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
/* Длинное имя сети («BNB SMART CHAIN · BEP-20») переносится, а не распирает карточку. */
.wallet-head .pill{white-space:normal}
.nowrap{white-space:nowrap}
.wallet-head h3{font-size:1.3rem}
.wallet-address{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;color:#e6e6e6;word-break:break-all;user-select:all;line-height:1.5}
.wallet-copy{border:1px solid #ffffff40;background:transparent;color:var(--ink);border-radius:7px;padding:9px 14px;font-size:.875rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s}
.wallet-copy:hover{border-color:var(--gold);background:#ffffff0a}
.wallet-copy.copied{background:#f5f5f5;color:#090909;border-color:#f5f5f5}
.wallet-note{grid-column:1/-1;font-size:.875rem;color:#9a9a9a}

.help-list{display:flex;flex-direction:column}
.help-item{display:grid;grid-template-columns:44px 1fr auto;gap:18px;align-items:flex-start;padding:24px 0;border-top:1px solid var(--line)}
.help-index{font-family:var(--serif);font-size:1.4rem;color:var(--gold);line-height:1.1}
.help-item h3{font-size:1.2rem;margin-bottom:8px}
.help-item p{font-size:1rem}
.help-arrow{color:#aaa;transition:transform .2s}
a.help-item:hover h3{color:var(--gold)}
a.help-item:hover .help-arrow{transform:translate(2px,-2px);color:var(--ink)}

@media(max-width:1100px){.support-block{gap:45px}}
@media(max-width:760px){
  .support-page{padding-top:74px}
  .support-intro{padding:64px 0 56px}
  .support-intro h1{font-size:clamp(3rem,12vw,4.4rem)}
  .support-lead{font-size:1rem}
  .support-block{grid-template-columns:minmax(0,1fr);gap:30px;padding:64px 0}
  .support-block-intro h2{font-size:2.3rem}
  .wallet{grid-template-columns:minmax(0,1fr);padding:18px}
  .wallet-copy{justify-self:start}
  .help-item{grid-template-columns:34px 1fr auto;gap:12px}
}
