/* Матч&мяч v64 — управляемый контент разделов и сценариев главной */

/* Админ может заменить фотографию, не ломая существующую маску/композицию hero. */
.players-page-head.ace-content-managed::before,
.visual-page-hero.ace-content-managed::before {
  background-image: var(--ace-managed-bg) !important;
  background-position: var(--ace-managed-bg-position, right center) !important;
}
.page-clubs .clubs-promo-card.ace-content-managed .ph-clubs-promo {
  background-image: var(--ace-managed-bg) !important;
  background-position: var(--ace-managed-bg-position, right center) !important;
}
.visual-page-hero.ace-content-managed.ace-content-bg-root {
  background-image: var(--ace-managed-bg) !important;
  background-position: var(--ace-managed-bg-position, right center) !important;
  background-size: cover !important;
}
.visual-page-hero.ace-content-managed.ace-content-bg-root::before {
  background: linear-gradient(90deg, rgba(242,240,232,.97) 0%, rgba(242,240,232,.78) 55%, rgba(242,240,232,.18) 100%) !important;
}
.visual-page-hero-my-trainings.ace-content-managed { background-color:#f3f1e9 !important; color:#171a16 !important; }
.visual-page-hero-my-trainings.ace-content-managed h1 { color:#171a16 !important; }
.visual-page-hero-my-trainings.ace-content-managed p,
.visual-page-hero-my-trainings.ace-content-managed .visual-page-eyebrow { color:#687064 !important; }

/* Главный динамический hero использует прежний photo-layer release-court-lines. */
.page-home .release-feature.has-managed-bg .release-court-lines {
  background-image: var(--release-managed-bg) !important;
  background-position: var(--release-managed-bg-position, right center) !important;
  background-size: cover !important;
}
.page-home .release-feature-media { display:none !important; }

/* ---------------- Platform Admin / Content control ---------------- */
.page-admin .adm-content-shell{display:grid;gap:16px}
.page-admin .adm-content-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:22px 24px;border:1px solid var(--border);border-radius:26px;background:var(--card)}
.page-admin .adm-content-kicker{display:block;margin-bottom:7px;color:var(--accent);font-family:var(--font-mono);font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.page-admin .adm-content-intro h2{margin:0;font-size:24px;letter-spacing:-.045em}
.page-admin .adm-content-intro p{max-width:680px;margin:8px 0 0;color:var(--text-dim);font-size:11.5px;line-height:1.55}
.page-admin .adm-content-intro-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.page-admin .adm-content-mode{display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:16px;background:var(--bg)}
.page-admin .adm-content-mode button{min-height:34px;padding:0 13px;border:0;border-radius:12px;background:transparent;color:var(--text-dim);font:700 10.5px var(--font-body);cursor:pointer}
.page-admin .adm-content-mode button.is-active{background:var(--accent);color:var(--accent-ink)}
.page-admin .adm-content-workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:14px;align-items:start}
.page-admin .adm-content-list{display:grid;gap:6px;position:sticky;top:86px}
.page-admin .adm-content-list>button{display:grid;grid-template-columns:58px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:66px;padding:7px;border:1px solid var(--border);border-radius:17px;background:var(--card);color:var(--text);text-align:left;cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}
.page-admin .adm-content-list>button:hover{transform:translateX(2px);border-color:var(--border-strong)}
.page-admin .adm-content-list>button.is-active{border-color:rgba(200,255,61,.38);background:rgba(200,255,61,.055)}
.page-admin .adm-content-list b{display:block;font-size:11px}
.page-admin .adm-content-list small{display:block;margin-top:4px;color:var(--text-faint);font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-admin .adm-content-thumb{width:58px;height:48px;border-radius:12px;background:#eceadf;position:relative;overflow:hidden}
.page-admin .adm-content-thumb::after{content:"";position:absolute;inset:0;background-image:var(--adm-content-bg);background-position:var(--adm-content-pos,right center);background-size:cover}
.page-admin .adm-content-editor{padding:20px;border-radius:26px}
.page-admin .adm-content-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}
.page-admin .adm-content-editor-head span{display:block;color:var(--text-faint);font-size:9px;text-transform:uppercase;letter-spacing:.11em}
.page-admin .adm-content-editor-head h3{margin:4px 0 0;font-size:20px;letter-spacing:-.04em}
.page-admin .adm-content-preview{min-height:245px;border-radius:24px;background:#f3f1e8;position:relative;overflow:hidden;isolation:isolate;color:#151812;display:flex;align-items:flex-end;padding:26px;margin-bottom:17px}
.page-admin .adm-content-preview::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--adm-content-bg);background-position:var(--adm-content-pos,right center);background-size:cover;background-repeat:no-repeat}
.page-admin .adm-content-preview::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f3f1e8 0%,rgba(243,241,232,.96) 28%,rgba(243,241,232,.68) 55%,rgba(243,241,232,.08) 100%)}
.page-admin .adm-content-preview-copy{max-width:70%}
.page-admin .adm-content-preview-copy>span{font:800 9px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:#66705f}
.page-admin .adm-content-preview-copy strong{display:block;margin-top:12px;font-size:clamp(28px,3vw,46px);line-height:.93;letter-spacing:-.065em}
.page-admin .adm-content-preview-copy p{max-width:560px;margin:10px 0 0;color:#687064;font-size:11px;line-height:1.55}
.page-admin .adm-content-preview-copy i{display:inline-flex;margin-top:16px;padding:9px 13px;border-radius:999px;background:#c8ff3d;color:#11150d;font-size:9px;font-weight:850;font-style:normal}
.page-admin .adm-content-preview.is-home-hero{min-height:300px}
.page-admin .adm-content-preview.is-home-hero .adm-content-preview-copy strong{font-size:clamp(34px,4vw,58px)}
.page-admin .adm-content-preview.is-media-only{min-height:320px;color:#fff;align-items:flex-end}
.page-admin .adm-content-preview.is-media-only::after{background:linear-gradient(180deg,rgba(7,10,8,.04),rgba(7,10,8,.72) 88%)}
.page-admin .adm-content-preview.is-media-only .adm-content-preview-copy>span{color:#c8ff3d}
.page-admin .adm-content-preview.is-media-only .adm-content-preview-copy p{color:rgba(255,255,255,.72)}
.page-admin .adm-content-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.page-admin .adm-content-form label{display:grid;gap:6px}
.page-admin .adm-content-form label.is-wide{grid-column:1/-1}
.page-admin .adm-content-form label>span{color:var(--text-dim);font-size:9.5px;font-weight:750}
.page-admin .adm-content-form input,.page-admin .adm-content-form textarea,.page-admin .adm-content-form select{width:100%;border:1px solid var(--border);border-radius:14px;background:var(--bg);color:var(--text);padding:11px 12px;font:600 11px var(--font-body);outline:none;resize:vertical}
.page-admin .adm-content-form input:focus,.page-admin .adm-content-form textarea:focus,.page-admin .adm-content-form select:focus{border-color:rgba(200,255,61,.45)}
.page-admin .adm-content-form small{color:var(--text-faint);font-size:8.5px;line-height:1.45}
.page-admin .adm-content-media-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;margin-top:14px;padding:12px;border:1px solid var(--border);border-radius:17px;background:var(--bg)}
.page-admin .adm-content-media-info{min-width:0}
.page-admin .adm-content-media-info b{display:block;font-size:10.5px}
.page-admin .adm-content-media-info small{display:block;margin-top:4px;color:var(--text-faint);font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-admin .adm-content-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px;padding-top:15px;border-top:1px solid var(--border)}
.page-admin .adm-content-actions>span{color:var(--text-faint);font-size:9px}

@media(max-width:1000px){
  .page-admin .adm-content-workspace{grid-template-columns:1fr}
  .page-admin .adm-content-list{position:static;display:flex;overflow-x:auto;padding-bottom:4px}
  .page-admin .adm-content-list>button{min-width:210px}
}
@media(max-width:680px){
  .page-admin .adm-content-intro{align-items:stretch;flex-direction:column;padding:18px}
  .page-admin .adm-content-mode{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .page-admin .adm-content-editor{padding:14px}
  .page-admin .adm-content-preview{min-height:260px;padding:20px}
  .page-admin .adm-content-preview-copy{max-width:100%}
  .page-admin .adm-content-preview::after{background:linear-gradient(90deg,rgba(243,241,232,.98),rgba(243,241,232,.78) 72%,rgba(243,241,232,.35))}
  .page-admin .adm-content-form{grid-template-columns:1fr}
  .page-admin .adm-content-form label.is-wide{grid-column:auto}
  .page-admin .adm-content-media-row{grid-template-columns:1fr 1fr}
  .page-admin .adm-content-media-info{grid-column:1/-1}
  .page-admin .adm-content-actions{align-items:stretch;flex-direction:column}
  .page-admin .adm-content-actions .btn{width:100%}
}