/* Вкладка «Отзывы на Яндекс Картах» (/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;}
.b_ya_reviews .el_city{padding:10px 28px;border:0;border-radius:99px;background:transparent;color:#282828;font:inherit;line-height:1.2;cursor:pointer;transition:background .2s,color .2s;-webkit-tap-highlight-color:transparent;}
.b_ya_reviews .el_city:hover{background:#F9F3F3;}
.b_ya_reviews .el_city.st_active{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_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){
    .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;}
}