/* Академия — хаб /academy/. Дизайн-система bendes.ru. */
.ah { color: #252525; font-family: Manrope, sans-serif; font-weight: 400; }
.ah a { color: #252525; text-decoration: none; transition: color .3s ease-in-out; }
.ah a:hover { color: #eacb7e; }
:where(.ah) :where(h2, h3, p) { margin: 0; }
.ah .ah-tile__title, .ah .ah-tile__text, .ah .ah-fact__t, .ah .ah-fact__d { margin: 0; }
.ah-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ah-lead { max-width: 720px; margin: 0 auto 80px; text-align: center; font-weight: 300; font-size: 18px; line-height: 1.5; }
.ah-sec { padding-bottom: 100px; }
.ah-h2 { margin-bottom: 40px; font-family: Bendes, serif; font-weight: 400; font-size: 40px; line-height: 1; text-transform: uppercase; }
.ah-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 60px 40px; }
.ah-tile { display: flex; flex-direction: column; gap: 20px; }
.ah-pic { display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 3; background: #f6f6f6; }
.ah-pic svg { width: 160px; height: 160px; max-width: 50%; }
.ah-tile__title { font-family: Bendes, serif; font-weight: 400; font-size: 18px; line-height: 1.1; letter-spacing: .1em; text-transform: uppercase; }
.ah-tile__text { font-size: 16px; line-height: 1.5; }
.ah-tile__links { display: flex; flex-wrap: wrap; gap: 10px 24px; font-size: 14px; letter-spacing: .1em; text-transform: uppercase; }
.ah-tile__links a { border-bottom: 1px solid currentColor; padding-bottom: 4px; }
.ah-soon { color: #7a7a7a; padding-bottom: 5px; cursor: default; }
.ah-starts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px 40px; }
.ah .ah-lead-link { display: inline-flex; justify-content: space-between; align-items: center; gap: 20px; padding-bottom: 17px; border-bottom: 1px solid currentColor; font-size: 14px; letter-spacing: .1em; text-transform: uppercase; }
.ah-starts .ah-lead-link { display: flex; }
.ah-dark { background: #252525; color: #f8f6f2; padding: 80px 0; }
.ah-label { margin-bottom: 40px; padding-bottom: 12px; border-bottom: 1px solid rgba(181,171,146,.28); font-family: Manrope, sans-serif; font-weight: 500; font-size: 13px; letter-spacing: .16em; text-transform: uppercase; color: #b5ab92; }
.ah-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px; }
.ah-fact { display: flex; flex-direction: column; gap: 12px; }
.ah-fact__t { font-family: Bendes, serif; font-size: 18px; line-height: 1.1; letter-spacing: .1em; text-transform: uppercase; color: #f8f6f2; }
.ah-fact__d { font-size: 16px; line-height: 1.6; color: rgba(248,246,242,.82); }
.ah-dark__more { margin-top: 40px !important; font-size: 14px; letter-spacing: .1em; text-transform: uppercase; }
.ah .ah-dark a { color: #d4c9ae; border-bottom: 1px solid rgba(212,201,174,.4); padding-bottom: 4px; }
.ah .ah-dark a:hover { color: #f8f6f2; }
.ah-cta { max-width: 1030px; margin: 0 auto; padding: 100px 15px; text-align: center; }
.ah-cta__title { margin-bottom: 20px !important; font-family: Bendes, serif; font-weight: 400; font-size: 30px; line-height: 1.1; text-transform: uppercase; }
.ah-cta__text { max-width: 640px; margin: 0 auto 40px !important; font-size: 16px; line-height: 1.5; }
.ah-cta__actions { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 30px 40px; }
.ah .ah-btn { display: inline-flex; align-items: center; justify-content: center; height: 50px; min-width: 260px; padding: 0 20px; box-sizing: border-box; border: 1px solid #252525; font-size: 14px; letter-spacing: .1em; text-transform: uppercase; }
.ah .ah-btn:hover { border-color: #eacb7e; }
@media (max-width: 1199px) {
  .ah-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ah-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ah-h2 { font-size: 30px; }
  .ah-cta__title { font-size: 26px; }
}
@media (max-width: 991px) { .ah-starts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
  .ah-tiles, .ah-starts, .ah-facts { grid-template-columns: 1fr; }
  .ah-lead { margin-bottom: 50px; font-size: 16px; }
  .ah-sec { padding-bottom: 60px; }
  .ah-h2 { font-size: 24px; margin-bottom: 30px; }
  .ah-cta { padding: 60px 15px; }
  .ah-cta__title { font-size: 20px; }
  .ah-dark { padding: 60px 0; }
}
/* v10: без вводного текста — плитки сразу под заголовком */
.ah .simple-page-head-center { margin-bottom: 50px; }
/* единый блок связи — как в статьях Академии */
.ah .aa-actions { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 16px 20px; }
.ah .aa-actions a { display: inline-flex; align-items: center; justify-content: center; height: 50px; min-width: 220px; padding: 0 24px; box-sizing: border-box; border: 1px solid #252525; font-size: 14px; letter-spacing: .1em; text-transform: uppercase; }
.ah .aa-actions a:hover { border-color: #eacb7e; color: #252525; }
.ah .aa-addr { margin-top: 22px; font-size: 14px; color: #7a7a7a; }
.ah .aa-addr a { border-bottom: 1px solid #eacb7e; }
@media (max-width: 767px) { .ah .aa-actions a { width: 100%; min-width: 0; } }

/* ── страница раздела: 3 в ряд, темы «готовится» ── */
.ah .ah-tiles--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ah--section .simple-page-head-center { margin-bottom: 50px; }
.ah .ah-tile--soon .ah-pic svg { opacity: .55; }
.ah .ah-tile--soon .ah-tile__title { color: #7a7a7a; }
.ah .ah-tile--soon .ah-soon { font-size: 13px; letter-spacing: .1em; text-transform: uppercase; }
@media (max-width: 1199px) { .ah .ah-tiles--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .ah .ah-tiles--3 { grid-template-columns: 1fr; } }

/* ── блок связи на изумрудной подложке (#397B6B), как на сайте ── */
.ah .ah-cta { max-width: none; margin: 0; padding: 90px 15px; background: #397b6b; color: #fff; }
.ah .ah-cta > * { max-width: 1000px; margin-left: auto; margin-right: auto; }
.ah .ah-cta .ah-cta__title { color: #fff; }
.ah .ah-cta .ah-cta__text { color: rgba(255,255,255,.85); }
.ah .ah-cta .aa-actions a { color: #fff; border-color: #fff; }
.ah .ah-cta .aa-actions a:hover { color: #fff; border-color: #d4c9ae; }
.ah .ah-cta .aa-addr { color: rgba(255,255,255,.75); }
.ah .ah-cta .aa-addr a { color: #fff; border-bottom-color: #d4c9ae; }

/* ── блок связи v3: формат каталога (.seo-cta) — тёмная плашка, зелёные кнопки ── */
.aa-cta-dark { background: #252525 !important; color: #fff; display: grid; grid-template-columns: 1fr auto; grid-template-areas: "t b" "d b" "a b"; column-gap: 48px; row-gap: 10px; align-items: center; text-align: left !important; }
.aa-cta-dark > h2, .aa-cta-dark > h3 { grid-area: t; margin: 0 !important; color: #fff !important; font-size: 26px !important; text-align: left; }
.aa-cta-dark > p:not(.aa-addr) { grid-area: d; margin: 0 !important; max-width: 620px !important; color: rgba(255,255,255,.75) !important; text-align: left; }
.aa-cta-dark > .aa-addr { grid-area: a; margin: 6px 0 0 !important; text-align: left !important; color: rgba(255,255,255,.6) !important; }
.aa-cta-dark > .aa-addr a { color: #fff !important; border-bottom: 1px solid rgba(255,255,255,.4) !important; }
.aa-cta-dark > .aa-actions { grid-area: b; margin: 0 !important; justify-content: flex-end; gap: 12px; }
.aa-cta-dark .aa-actions a { min-width: 0 !important; height: 50px; padding: 0 28px !important; font-size: 14px; font-weight: 500 !important; letter-spacing: .1em; transition: background .3s, color .3s, border-color .3s !important; }
.aa-cta-dark .aa-actions a.aa-btn-primary { background: #397b6b !important; border: 1px solid #397b6b !important; color: #fff !important; }
.aa-cta-dark .aa-actions a.aa-btn-primary:hover { background: #eacb7e !important; border-color: #eacb7e !important; color: #252525 !important; }
.aa-cta-dark .aa-actions a.aa-btn-secondary { background: transparent !important; border: 1px solid #fff !important; color: #fff !important; }
.aa-cta-dark .aa-actions a.aa-btn-secondary:hover { background: #fff !important; color: #252525 !important; }
.ah .ah-cta.aa-cta-dark { max-width: 1670px; margin: 0 auto 100px; padding: 48px 56px; }
.acad-body .cta.aa-cta-dark { padding: 44px 48px; }
@media (max-width: 991px) {
  .aa-cta-dark { grid-template-columns: 1fr; grid-template-areas: "t" "d" "b" "a"; row-gap: 16px; }
  .aa-cta-dark > .aa-actions { justify-content: flex-start; }
}
@media (max-width: 767px) {
  .ah .ah-cta.aa-cta-dark { margin: 0 15px 60px; padding: 32px 22px; }
  .acad-body .cta.aa-cta-dark { padding: 32px 22px; }
  .aa-cta-dark > h2, .aa-cta-dark > h3 { font-size: 20px !important; }
  .aa-cta-dark .aa-actions a { width: 100%; }
}

/* ── блок связи v4: заголовок во всю ширину, кнопки на линии адреса ── */
.aa-cta-dark { grid-template-columns: 1fr auto !important; grid-template-areas: "t t" "d d" "a b" !important; row-gap: 14px !important; column-gap: 40px !important; align-items: end !important; }
.aa-cta-dark > h2, .aa-cta-dark > h3 { font-size: 32px !important; line-height: 1.1 !important; }
.aa-cta-dark > p:not(.aa-addr) { max-width: 760px !important; }
.aa-cta-dark > .aa-addr { margin: 18px 0 0 !important; align-self: center; }
.aa-cta-dark > .aa-actions { margin: 18px 0 0 !important; align-self: center; }
@media (max-width: 1199px) { .aa-cta-dark > h2, .aa-cta-dark > h3 { font-size: 26px !important; } }
@media (max-width: 991px) {
  .aa-cta-dark { grid-template-columns: 1fr !important; grid-template-areas: "t" "d" "b" "a" !important; }
  .aa-cta-dark > .aa-actions { justify-content: flex-start; }
}
@media (max-width: 767px) { .aa-cta-dark > h2, .aa-cta-dark > h3 { font-size: 22px !important; } }
@media (min-width: 992px) { .aa-cta-dark > .aa-addr { white-space: nowrap; } }

/* v5: кнопки всегда в одну строку на десктопе */
@media (min-width: 992px) {
  .aa-cta-dark { grid-template-columns: minmax(0, 1fr) auto !important; }
  .aa-cta-dark > .aa-actions { flex-wrap: nowrap !important; gap: 10px !important; }
  .aa-cta-dark .aa-actions a { padding: 0 22px !important; white-space: nowrap; }
}
.ah .ah-dark + .ah-cta.aa-cta-dark { margin-top: 100px; }
@media (max-width: 767px) { .ah .ah-dark + .ah-cta.aa-cta-dark { margin-top: 60px; } }
.ah .ah-cta.aa-cta-dark { max-width: 1640px; }
.ah .ah-cta.aa-cta-dark { width: calc(100% - 60px); }
@media (max-width: 767px) { .ah .ah-cta.aa-cta-dark { width: auto; } }
.aa-cta-dark > .aa-addr, .acad-body .cta.aa-cta-dark .aa-addr, .aa > .cta.aa-cta-dark .aa-addr { justify-self: start !important; margin-left: 0 !important; margin-right: 0 !important; max-width: none !important; text-align: left !important; }

/* CTA: чат и Telegram одинаковой ширины */
@media (min-width: 768px) {
  .aa-cta-dark .aa-actions a.aa-btn-primary { width: 172px; padding: 0 !important; justify-content: center; }
}