/* ============================================================
   TTSConf — О компании — Адаптив (2026-06-26)
   Префикс: .ab_
   Figma mobile: 737:2525 (375px)
   ============================================================ */

/* === 1300px — планшет / узкий десктоп === */

@media (max-width:1300px) {

  .ab_block {width:auto;margin:0 16px;}

  .ab_hero_title {font-size:32px;max-width:100%;}
  .ab_hero_subtitle {font-size:15px;}

  .ab_growth_block {padding:32px 24px;}
  .ab_growth_title {font-size:30px;margin-bottom:32px;}

  .ab_map_body {height:auto;min-height:460px;}

}

/* === 1100px === */

@media (max-width:1100px) {

  .ab_values_cards {flex-wrap:wrap;}
  .ab_values_card {flex:1 1 300px;min-width:0;}

  .ab_growth_body {flex-direction:column;}
  .ab_growth_table_wrap {width:100%;display:block;min-height:0;}
  .ab_growth_table {flex:none;height:auto;justify-content:flex-start;}
  .ab_growth_detail__image {flex:none;min-height:0;height:auto;aspect-ratio:563 / 255;}

  .ab_map_body {min-height:400px;}

}

/* === 750px — мобильная версия (≤ tablet) === */

@media (max-width:750px) {

  .ab_container br {display:none;}

  .ab_section {padding:24px 0 0 0;}

  .ab_breadcrumbs {font-size:14px;margin-bottom:24px;}

  .ab_hero_section {margin-bottom:24px;}
  .ab_hero_body {min-height:auto;gap:24px;}
  .ab_hero_title {font-size:26px;line-height:normal;}
  .ab_hero_subtitle {font-size:16px;line-height:1.3;}

  .ab_values_section {margin-bottom:0;}
  .ab_values_cards {flex-direction:column;gap:8px;}
  .ab_values_card {flex:0 0 auto;padding:16px;border:1px solid #ccdcf5;border-radius:16px;gap:16px;}

  .ab_growth_container {margin-bottom:24px;}
  .ab_growth_block {padding:24px 8px;border-radius:30px;}
  .ab_growth_title {font-size:26px;margin-bottom:24px;padding:0 10px;}
  .ab_growth_body {gap:0;}

  .ab_growth_table_wrap {width:100%;}
  .ab_growth_table {padding:8px;border-radius:16px;}
  .ab_growth_row {padding:8px 16px 8px 16px;gap:8px;border-radius:16px;}
  .ab_growth_row__left {gap:8px;}
  .ab_growth_row__yearnum {font-size:14px;}
  .ab_growth_row__plan {font-size:14px;}
  .ab_growth_row__city {font-size:12px;}
  .ab_growth_row__attendees {font-size:14px;}
  .ab_growth_row__arrow {width:30px;height:30px;}
  .ab_growth_row__arrow svg {width:30px;height:30px;}
  .ab_growth_row:not(:last-child)::after {left:16px;right:16px;}

  /* Скрываем карточку-детализацию десктопную и контейнер details */
  .ab_growth_details {display:none;}

  /* Модалка — показываем и стилизуем (Figma 737:5261) */
  .ab_growth_modal {display:block;position:fixed;inset:0;z-index:998;pointer-events:none;}
  .ab_growth_modal.is-open {pointer-events:auto;}

  .ab_growth_modal__panel {position:fixed;top:0;right:-100%;width:100%;height:100vh;height:100dvh;background:#fff;display:flex;flex-direction:column;transition:right 0.3s ease;z-index:999;overflow:hidden;}
  .ab_growth_modal.is-open .ab_growth_modal__panel {right:0;}

  .ab_growth_modal__header {display:flex;align-items:center;padding:16px;flex-shrink:0;}
  .ab_growth_modal__back {display:flex;align-items:center;gap:8px;background:none;border:0;padding:0;cursor:pointer;font-family:'Montserrat',sans-serif;font-weight:600;font-size:14px;line-height:1.3;color:#3a3a3a;}
  .ab_growth_modal__back svg {width:32px;height:32px;flex-shrink:0;}

  .ab_growth_modal__body {flex:1;overflow-y:auto;padding:0 14px 24px;}

  .ab_growth_detail--modal .ab_growth_detail__year {font-size:26px;}

  .ab_growth_modal__footer {display:flex;flex-shrink:0;padding:16px;justify-content:space-between;}
  .ab_growth_modal__prev,
  .ab_growth_modal__next {display:flex;align-items:center;gap:4px;background:none;border:0;padding:0;cursor:pointer;font-family:'Montserrat',sans-serif;font-weight:600;font-size:12px;line-height:20px;color:#272827;}
  .ab_growth_modal__prev svg,
  .ab_growth_modal__next svg {width:32px;height:32px;background:#fff;border-radius:8px;padding:6px;box-sizing:border-box;flex-shrink:0;}
  .ab_growth_modal__prev.is-hidden,
  .ab_growth_modal__next.is-hidden {visibility:hidden;pointer-events:none;}

  body.ab_growth_modal_open {overflow:hidden;}

  /* Карта — две части (Figma 737:2525) */
  .ab_map_container {margin-bottom:0;}
  .ab_map_title {font-size:26px;margin-bottom:0;}
  .ab_map_body {position:relative;top:-10px;min-height:auto;height:460px;margin:0 -16px;width:calc(100% + 16px * 2);overflow:hidden;border-radius:0;background:transparent;}
  .ab_map_slide_track {position:relative;width:200%;height:100%;transition:transform 0.3s ease;will-change:transform;}
  .ab_map_image {position:absolute;top:32px;right:0;bottom:32px;left:48px;display:block;overflow:hidden;}
  .ab_map_image img {display:block;height:100%;width:auto;max-width:none;max-height:none;margin:0;}

  .ab_map_marker {width:auto;min-width:0;gap:4px;}
  .ab_map_marker__pin {width:16px;height:16px;}
  .ab_map_marker__pin svg {width:10px;height:10px;}
  .ab_map_marker__tooltip {padding:4px;gap:4px;border-radius:4px;min-width:auto;box-shadow:0 2px 8px rgba(0,0,0,0.1);flex-direction:column;align-items:center;text-align:center;}
  .ab_map_marker__tooltip_left {flex:none;width:100%;align-items:center;gap:2px;}
  .ab_map_marker__tooltip_year {font-size:10px;}
  .ab_map_marker__tooltip_city {font-size:10px;white-space:normal;}
  .ab_map_marker__tooltip_count {width:28px;height:28px;min-width:28px;border-radius:12px;font-size:11px;margin-top:2px;}

  /* Стрелки навигации — зелёные, как custom_arrow на главной */
  .ab_map_nav__prev,
  .ab_map_nav__next {display:flex;align-items:center;justify-content:center;position:absolute;top:50%;z-index:3;width:36px;height:36px;margin-top:-18px;border:0;border-radius:50%;background:#d0f862;padding:0;cursor:pointer;transition:opacity 0.2s;}
  .ab_map_nav__prev {left:16px;}
  .ab_map_nav__next {right:16px;}
  .ab_map_nav__prev.is-hidden,
  .ab_map_nav__next.is-hidden {display:none;}
  .ab_map_nav__prev svg,
  .ab_map_nav__next svg {width:20px;height:20px;display:block;pointer-events:none;}

  /* Индикатор прогресса */
  .ab_map_progress {display:flex;gap:0;height:4px;margin-top:16px;margin-right:0;border-radius:2px;overflow:hidden;}
  .ab_map_progress__bar {flex:1;height:100%;background:#e8eef4;border-radius:0;}
  .ab_map_progress__bar:first-child {border-radius:2px 0 0 2px;}
  .ab_map_progress__bar:last-child {border-radius:0 2px 2px 0;}
  .ab_map_progress__bar.is-active {background:#014fcd;}

  /* Рассылка */
  .ab_newspaper_container {margin-bottom:24px;}
  .ab_newspaper_block {padding:24px 16px;min-height:auto;border-radius:30px;align-items:stretch;}
  .ab_newspaper_body {align-items:stretch;}
  .ab_newspaper_head {align-items:flex-start;}
  .ab_newspaper_title {font-size:26px;max-width:100%;}
  .ab_newspaper_subtitle {font-size:18px;max-width:100%;}
  .ab_newspaper_btn {width:100%;justify-content:center;padding:0 24px;height:48px;border-radius:50px;}
  .ab_newspaper_decor {display:none;}
}

/* === 500px — Figma 375px reference === */

@media (max-width:500px) {

  .ab_block {margin:0 16px;}

  .ab_hero_subtitle {font-size:14px;}
  .ab_hero_body {gap:24px;}
}