@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@500;700;800&family=Golos+Text:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600;700&display=swap&subset=cyrillic,latin');

:root {
  --navy: #1f395f;
  --ink: #17233a;
  --blue: #1d70c1;
  --blue-deep: #16579a;
  --red: #e91f28;
  --paper: #f2f5f9;
  --line: #d9e1ec;
  --mute: #55657d;
  --ok: #1f8a4c;
  --f-display: 'Bitter', Georgia, serif;
  --f-body: 'Golos Text', system-ui, sans-serif;
  --f-mono: 'JetBrains Mono', ui-monospace, monospace;
}

html { scroll-behavior: smooth; scroll-padding-top: 84px; }
body { -webkit-font-smoothing: antialiased; font-family: var(--f-body); color: var(--ink); }
h1, h2, h3, h4 { letter-spacing: -0.01em; }

/* шеврон из логотипа на стыке секций: два shape-элемента с этими классами */
.boss-v-red, .boss-v-white { clip-path: polygon(0 0, 100% 0, 50% 100%); }

/* меню: компактнее на средних экранах, без переноса пунктов */
.t-menu-base .t-menu-base__list { gap: 10px 22px !important; }
.t-menu-base__list-item { white-space: nowrap !important; }
@media (min-width: 961px) and (max-width: 1180px) { .t-menu-base__right_descr { display: none; } }

/* логотип в шапке: крупнее, подпись «Автосервис · Волгодонск» выровнена влево */
.t-menu-base__imglogo { max-width: 60px !important; width: 60px !important; }
.t-menu-base__textlogo { text-align: left !important; }
.t-menu-base .t-menu-base__maincontainer { min-height: 80px !important; }
@media (max-width: 960px) {
  .t-menu-base__imglogo { max-width: 50px !important; width: 50px !important; margin: 0 !important; }
  .t-menu-base__textlogo { text-align: left !important; white-space: nowrap !important; }
  .t-menu-base__logo a { justify-content: flex-start; }
}

/* блоки на HTML (подбор услуги, марки, отзывы) выровнены по сетке Zero Block */
.boss-pick-wrap { padding: 0 0 24px !important; }
.boss-pick { max-width: none !important; box-sizing: border-box; width: min(1160px, calc(100vw - 40px)); }
.boss-brands__in, .boss-revs__in { box-sizing: border-box; max-width: 1160px !important; }
@media (max-width: 1199px) { .boss-pick { width: min(920px, calc(100vw - 40px)); } .boss-brands__in, .boss-revs__in { max-width: 920px !important; } }
@media (max-width: 959px) { .boss-pick { width: min(600px, calc(100vw - 40px)); } .boss-brands__in, .boss-revs__in { max-width: 600px !important; } }
@media (max-width: 639px) { .boss-pick { width: min(440px, calc(100vw - 40px)); } .boss-brands__in, .boss-revs__in { max-width: 440px !important; } }
@media (max-width: 479px) { .boss-pick { width: min(320px, calc(100vw - 40px)); } .boss-brands__in, .boss-revs__in { max-width: 320px !important; } }

/* отступ снизу под фиксированную мобильную панель */
@media (max-width: 760px) { body { padding-bottom: 72px; } }

/* статьи: дата публикации скрыта в карточках списка и на странице статьи */
.t-cms__card__atom[data-style="text_typo"],
.t-cms__page__atom[data-style="post_text_typo"] { display: none !important; }

/* подвал: адрес и контакты не переносятся (номер дома оставался на второй строке) */
.t396 .tn-atom:has(a[href^="mailto:bosch.volgodonsk"]) { white-space: nowrap !important; }

/* карточки-ссылки (главная «Услуги», «Что ещё делаем» на страницах услуг): одна высота в ряду и на всей странице, «Подробнее» внизу */
.t396 .tn-molecule:has(> a.t396__group) { align-items: stretch !important; }
.t396 a.t396__group > .tn-molecule > .tn-elem:last-child { margin-top: auto; }
#rec4661139701 a.t396__group > .tn-molecule > .t396__group { flex: 1 1 auto; }
#rec4661139701 a.t396__group > .tn-molecule > .t396__group > .tn-molecule { height: 100%; justify-content: space-between; }
/* высота по ширине экрана: «Что ещё делаем» */
.t396 a.t396__group[href^="/uslugi/"] { min-height: 203px; }
@media (min-width: 960px) and (max-width: 1199px) { .t396 a.t396__group[href^="/uslugi/"] { min-height: 180px; } }
@media (min-width: 480px) and (max-width: 639px) { .t396 a.t396__group[href^="/uslugi/"] { min-height: 180px; } }
/* высота по ширине экрана: карточки главной */
@media (min-width: 1200px) { #rec4661139701 a.t396__group { min-height: 453px; } }
@media (min-width: 960px) and (max-width: 1199px) { #rec4661139701 a.t396__group { min-height: 477px; } }
@media (min-width: 640px) and (max-width: 959px) { #rec4661139701 a.t396__group { min-height: 394px; } }
@media (min-width: 480px) and (max-width: 639px) { #rec4661139701 a.t396__group { min-height: 469px; } }
@media (max-width: 479px) { #rec4661139701 a.t396__group { min-height: 412px; } }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; animation: none !important; }
}