/* SEOIDEA 29.09.2026 (live v1) — шаблон 30 (страницы услуг) и портфолио CarCreater, для всех (согласовано в тесте sg-usl-test.css v6).
   Только два блока: «С какими марками мы работаем» (новый вид на прежнем месте) и отзывы Яндекс Карт под текущими отзывами.
   Токены сайта: жёлтый #ffd600 / рамка #ffc82f, тёмный #282b30, Open Sans, скругление 4px, кнопка 48px 15/600. */

:root { --sg-y: #ffd600; --sg-y2: #ffc82f; --sg-d: #282b30; }

/* ---------- заголовки двух блоков ---------- */
.sg-t h2.about_work_title,
.sg-t .sg-otz .sg-h2 {
  font-family: "Open Sans", sans-serif; font-size: 34px; line-height: 1.2; font-weight: 400;
  text-transform: none; letter-spacing: 0; color: var(--sg-d); text-align: left;
  margin: 56px 0 28px; padding: 0;
}

/* ---------- марки: две строки, остальное по кнопке ---------- */
.sg-t .brandus2.sg-fold { max-height: 132px; overflow: hidden; transition: max-height .3s ease; }
.sg-t .brandus2.sg-fold.sg-open { max-height: 4000px; }
.sg-t .sg-more {
  display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 28px;
  border: 2px solid var(--sg-y2); border-radius: 4px; background: #fff; color: var(--sg-d);
  font-family: "Open Sans", sans-serif; font-size: 15px; font-weight: 600; line-height: 1.2; cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease;
}
.sg-t .sg-more:hover { background: var(--sg-y); border-color: var(--sg-y); }
.sg-t .sg-more:focus-visible { outline: 3px solid var(--sg-d); outline-offset: 2px; }
.sg-t .sg-brand-more { margin-top: 16px; }

/* ---------- отзывы Яндекс Карт: по центру, на одной оси с каруселью отзывов над ним ---------- */
.sg-t .sg-otz { clear: both; padding: 0 0 8px; }
/* у карусели над блоком свой нижний отступ ~110 px — сверху не добавляем, иначе дыра */
.sg-t .sg-otz .sg-h2 { margin-top: 8px; text-align: center; }
.sg-t .sg-otz__box { max-width: 760px; height: 640px; margin: 0 auto; overflow: hidden; position: relative; border-radius: 8px; background: #fff; }
.sg-t .sg-otz__box iframe { display: block; width: 100%; height: 100%; border: 1px solid #e6e6e6; border-radius: 8px; box-sizing: border-box; }

/* ---------- карусель «Отзывы наших клиентов» (услуги и портфолио): высоту на телефоне подгоняет скрипт ---------- */
.sg-t .sl-otzyvi .owl-wrapper-outer.sg-autoh { transition: height .3s ease; }

@media (prefers-reduced-motion: reduce) {
  .sg-t .brandus2.sg-fold, .sg-t .sg-more, .sg-t .sl-otzyvi .owl-wrapper-outer.sg-autoh { transition: none; }
}
@media (max-width: 767px) {
  .sg-t h2.about_work_title, .sg-t .sg-otz .sg-h2 { font-size: 26px; margin: 40px 0 20px; }
  .sg-t .sg-otz .sg-h2 { margin-top: 16px; }
  /* карточка → стрелки → следующий блок: плотной связкой вместо ~80 + 100 px пустоты */
  .sg-t .sl-otzyvi { margin-bottom: 8px; }
  .sg-t .sl-otzyvi .owl-controls { margin-top: 16px; }
  .sg-t .sg-7prich .five-prich { margin-top: 16px; }
  .sg-t .sg-7prich .five-prich > h2:first-child { margin-top: 0; }
  .sg-t .sg-more { width: 100%; }
  .sg-t .sg-otz__box { height: 560px; }
}