/* Карточка офиса Токс (страницы контактов) */
.office { margin: 30px 0; }
.office__card { padding: 26px 24px; background: #fff; border: 1px solid #e3e8ef; border-radius: 12px; box-shadow: 0 4px 18px rgba(0,79,163,.06); margin-bottom: 20px; }
.office__title { font-size: 20px; font-weight: 600; color: #004fa3; margin-bottom: 16px; }
.office__line { display: flex; gap: 12px; align-items: baseline; font-size: 16px; margin-bottom: 10px; }
.office__line .fa { color: #1565c0; width: 18px; text-align: center; }
.office .bx-yandex-view-layout, .office [id^="BX_YMAP_"] { border-radius: 12px; overflow: hidden; }

/* Главная Токс: личный кабинет и важная информация */
.toks-home { margin: 50px 0 30px; }
.toks-home__title { margin-top: 0; }
.toks-home__cabinet { position: relative; display: block; border-radius: 14px; overflow: hidden; background: #4f93cf; box-shadow: 0 10px 30px rgba(0,79,163,.15); margin-bottom: 30px; }
.toks-home__cabinet img { display: block; width: 100%; height: auto; transition: transform .3s; }
.toks-home__cabinet:hover img { transform: scale(1.03); }
.toks-home__cabinet-text { position: absolute; left: 0; right: 0; bottom: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; padding: 18px 22px; justify-content: flex-end; color: #fff; }
.toks-home__cabinet-title { font-size: 22px; font-weight: 700; width: 100%; }
.toks-home__cabinet-hint { opacity: .9; margin-right: auto; }
.toks-home__all { display: inline-block; margin-top: 4px; font-weight: 500; }

/* Баннер города на витрине */
.city-banner { margin: 0 0 40px; border-radius: 14px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,.08); }
.city-banner img { display: block; width: 100%; height: auto; }

/* Слайдер городов: пропорции. Слайд 1920x450, рисунок с названием города — центральные 1400x420.\n   Уже 1400px — высота от ширины экрана, картинка масштабируется так, чтобы рисунок помещался целиком (иначе обрезалось название). */
@media (max-width: 1400px) {
  .slider .slider--item { height: 32.15vw !important; min-height: 0 !important; background-size: 137.15% auto !important; background-position: center center !important; }
  .slider .owl-stage-outer, .slider .owl-item { height: auto !important; }
}
/* У слайдов текст нарисован на картинке — подложка Биткорпа под текст (rgba(0,0,0,.6) на узких экранах) не нужна */
.slider .slider--item::before { display: none !important; }
/* Главная, «Личный кабинет»: на телефоне кнопка под картинкой (иначе закрывает надпись «кабинет» на картинке) */
@media (max-width: 767px) {
  .toks-home__cabinet .toks-home__cabinet-text { position: static; padding: 14px 16px; background: #4f93cf; justify-content: center; }
  .toks-home__cabinet .toks-home__cabinet-text .btn { width: 100%; }
}

/* H1 главной (SEO, 16.10) */
.toks-home__h1{font-size:28px;line-height:1.25;font-weight:700;margin:0 0 24px;color:#1d2733}
@media (max-width:767px){.toks-home__h1{font-size:21px;margin-bottom:16px}}

/* Слайдер на широких экранах (>1400px): у Биткорпа cover при высоте 450px — шире 1920px картинку растягивало и срезало сверху/снизу.
   Показываем слайд в родном размере (высота 450px), поля по бокам — цветом края картинки (края слайдов однотонные). */
@media (min-width:1401px){
	.slider .slider--item{background-size:auto 100%!important;background-position:center center!important;background-repeat:no-repeat!important}
	.slider .slider--item[style*="slide-tver"]{background-color:#ce0000}
	.slider .slider--item[style*="slide-bologoe"]{background-color:#3366ff}
	.slider .slider--item[style*="slide-kashin"]{background-color:#66cbff}
	.slider .slider--item[style*="slide-kalyazin"]{background-color:#019934}
}
/* H1 главной — по краю содержимого колонок (у контейнера шаблона на мобильных нет отступов) */
.toks-home-wrap .toks-home__h1{padding:0 15px}

/* Коротко о городе и таблица городов на главной (AEO/GEO, 17.10) */
.city-facts{margin:24px 0 8px;padding:20px 24px;background:#f2f6fb;border-radius:12px}
.city-facts__title{font-size:22px;margin:0 0 12px}
.city-facts__list{margin:0;padding-left:20px}
.city-facts__list li{margin:6px 0;line-height:1.5}
.toks-facts{margin:0 15px 28px}
.toks-facts__lead{font-size:16px;line-height:1.55;margin:0 0 16px}
.toks-facts__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.toks-facts__table{width:100%;min-width:640px;border-collapse:collapse;font-size:15px}
.toks-facts__table th,.toks-facts__table td{padding:10px 12px;border-bottom:1px solid #dfe6ee;text-align:left;vertical-align:top}
.toks-facts__table thead th{background:#004fa3;color:#fff;font-weight:600}
.toks-facts__table tbody th{white-space:nowrap}
@media (max-width:767px){.city-facts{padding:16px}.city-facts__title{font-size:19px}}
/* Таблица городов на телефоне — карточки; телефоны без переноса (17.10) */
.toks-facts a[href^="tel:"],.city-facts a[href^="tel:"]{white-space:nowrap}
@media (max-width:767px){
	.toks-facts__table{min-width:0}
	.toks-facts__table thead{display:none}
	.toks-facts__table,.toks-facts__table tbody,.toks-facts__table tr,.toks-facts__table th,.toks-facts__table td{display:block;width:100%}
	.toks-facts__table tr{margin:0 0 12px;border:1px solid #dfe6ee;border-radius:10px;overflow:hidden}
	.toks-facts__table tbody th{background:#004fa3;font-size:17px}
	.toks-facts__table tbody th a{color:#fff}
	.toks-facts__table td{border-bottom:1px solid #eef2f6;padding:8px 12px}
	.toks-facts__table td:last-child{border-bottom:0}
	.toks-facts__table td::before{content:attr(data-label);display:block;font-size:12px;color:#6b7785;margin-bottom:2px}
}