/* Вкладка «Отзывы на Яндекс Картах» (/yandex-reviews/), см. js/yandex-reviews.js.
   Переключатель городов .el_cities + панель города .el_panel с iframe виджета
   Яндекс Бизнеса и заглушкой .el_fallback на случай, если виджет не ответил. */

.b_ya_reviews{max-width:100%;}

/* --- переключатель городов --- */
.b_ya_reviews .el_cities{display:inline-flex;flex-wrap:wrap;max-width:100%;margin-bottom:24px;padding:4px;border:1px solid #E3E3E3;border-radius:99px;background:#fff;}
/* Переключатель — ссылки на /yandex-reviews/<город>/, поэтому гасим оформление
   ссылки и приводим её к виду кнопки. */
.b_ya_reviews .el_city{display:inline-block;padding:10px 28px;border:0;border-radius:99px;background:transparent;color:#282828;font:inherit;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:background .2s,color .2s;-webkit-tap-highlight-color:transparent;}
.b_ya_reviews .el_city:hover{background:#F9F3F3;color:#282828;text-decoration:none;}
.b_ya_reviews .el_city.st_active,
.b_ya_reviews .el_city.st_active:hover{background:#F45B50;color:#fff;}

/* --- панель города --- */
.b_ya_reviews .el_panel[hidden]{display:none;}
/* Высота 800 — из кода встраивания Яндекса, ширину не ограничиваем: виджет
   адаптивен и тянется за контейнером, а блок в 560px на десктопе смотрелся куцо. */
.b_ya_reviews .el_frame{position:relative;width:100%;height:800px;border:1px solid #E3E3E3;border-radius:14px;overflow:hidden;background:#F9F3F3;}
.b_ya_reviews .el_frame[hidden]{display:none;}
.b_ya_reviews .el_frame iframe{display:block;width:100%;height:100%;border:0;}

/* --- карта с маршрутом до шоу-рума (конструктор Яндекс Карт) --- */
/* Высота вровень с виджетом отзывов, чтобы колонки заканчивались на одном уровне. */
.b_ya_reviews .el_map{position:relative;width:100%;height:800px;border:1px solid #E3E3E3;border-radius:14px;overflow:hidden;background:#F9F3F3;}
.b_ya_reviews .el_map iframe{display:block;width:100%;height:100%;border:0;}
/* Карта не ответила — отзывы разворачиваются на всю ширину. */
.b_ya_reviews .el_panel.st_no_map .el_map_col{display:none;}
.b_ya_reviews .el_panel.st_no_map .el_reviews_col{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}

/* --- заглушка, если виджет не загрузился --- */
.b_ya_reviews .el_fallback{padding:32px 24px;border:1px solid #E3E3E3;border-radius:14px;background:#F9F3F3;}
.b_ya_reviews .el_fallback[hidden]{display:none;}

@media (max-width:767px){
    /* Штатные 50px у .b_tab_tab плюс собственные margin абзаца давали над текстом
       и под ним почти по 70px — на узком экране это выглядело провалом. */
    .b_tab_tab.m_ya_reviews{padding-top:25px;}
    .el_ya_reviews_intro{margin-bottom:20px;}
    .el_ya_reviews_intro p{margin:0;padding:0;}
    .el_ya_reviews_intro p + p{margin-top:10px;}

    .b_ya_reviews .el_cities{display:flex;width:100%;margin-bottom:15px;}
    .b_ya_reviews .el_city{flex:1 1 0;padding:10px 12px;}
    .b_ya_reviews .el_frame{height:640px;border-radius:10px;}
    .b_ya_reviews .el_fallback{padding:24px 15px;border-radius:10px;}
    .b_ya_reviews .el_map{height:300px;border-radius:10px;}
    .b_ya_reviews .el_map_col{margin-top:15px;}
}