html,
body {
    overflow-x: hidden;
}

/* 1. Все записи (блоки) во всю ширину окна */
.t-records,
.t-record {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* 2. Основной контейнер Тильды — резиновый, с отступами */
.t-container,
.t-container_100 {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box;
}

/* На больших экранах даём больше воздуха по краям */
@media (min-width: 1200px) {
    .t-container,
    .t-container_100 {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

/* 3. Колонки внутри блоков — без лишних внутренних отступов */
.t-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 4. Ряды внутри контейнера — убираем внешние отступы */
.t-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 5. Обложки (cover-блоки) — на всю ширину */
.t-cover,
.t-cover__carrier,
.t-cover__wrapper {
    max-width: 100% !important;
    width: 100% !important;
}

/* 6. Картинки / видео / iframe внутри контейнеров — адаптивные */
.t-container img,
.t-container video,
.t-container iframe {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    display: block;
    box-sizing: border-box;
}

/* 7. Галереи и слайдеры — на всю ширину контейнера */
.t-slds,
.t-slds__container,
.t-slds__item,
.t-slds__wrapper {
    max-width: 100% !important;
    width: 100% !important;
}

/* 8. Формы — растягиваем по ширине */
.t-form__inputsbox {
    max-width: 100% !important;
    width: 100% !important;
}

/* На больших экранах поля форм не слишком широкие */
@media (min-width: 1200px) {
    .t-form__inputsbox {
        max-width: 700px !important;
        margin-left: 0 !important;
    }
}

/* 9. Стандартные меню — во всю ширину */
.t228,
.t199,
.t280,
.t282 {
    max-width: 100% !important;
    width: 100% !important;
}

/* Логотипы в меню — аккуратно масштабируем */
.t228__logo img,
.t199__logo img {
    max-width: 100% !important;
    height: auto !important;
}

/* 10. Текст — чтобы не размазывался во всю ширину на десктопе */
@media (min-width: 1200px) {
    .t-text,
    .t-descr {
        max-width: 900px;
    }
}

/* 11. Контейнеры t-width (как в блоке "Наши педагоги") — на всю ширину */
.t-width,
[class*="t-width_"] {
    max-width: 100% !important;
    width: 100% !important;
}

/* Убираем автоцентрирование у таких контейнеров */
.t-width.t-margin_auto,
[class*="t-width_"].t-margin_auto {
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* ===== Inner scroll (widgets, горизонтальные ленты, overflow-блоки) ===== */
:root{
  --sb-track: #00204C;
  --sb-thumb: #FF6B00;
  --sb-thumb-hover: #ff7a1a;
}

/* Для любых элементов со скроллом (горизонт/вертикаль) */
*[style*="overflow"],
*[class*="scroll"],
.t396__carrier, /* иногда у тильды внутренний скролл тут всплывает */
.t-rec{
  scrollbar-width: thin;
  scrollbar-color: var(--sb-thumb) var(--sb-track);
}

/* Chromium/Safari: общий стиль скролла внутри блоков */
*[style*="overflow"]::-webkit-scrollbar,
*[class*="scroll"]::-webkit-scrollbar,
.t-rec::-webkit-scrollbar{
  width: 10px;
  height: 10px;
}

*[style*="overflow"]::-webkit-scrollbar-track,
*[class*="scroll"]::-webkit-scrollbar-track,
.t-rec::-webkit-scrollbar-track{
  background: rgba(0,32,76,.75); /* #00204C с прозрачностью */
  border-radius: 999px;
}

*[style*="overflow"]::-webkit-scrollbar-thumb,
*[class*="scroll"]::-webkit-scrollbar-thumb,
.t-rec::-webkit-scrollbar-thumb{
  background: var(--sb-thumb);
  border-radius: 999px;
  border: 2px solid rgba(0,32,76,.85);
}

*[style*="overflow"]::-webkit-scrollbar-thumb:hover,
*[class*="scroll"]::-webkit-scrollbar-thumb:hover,
.t-rec::-webkit-scrollbar-thumb:hover{
  background: var(--sb-thumb-hover);
}

/* ===== УБИРАЕМ “серый фон” у горизонтальных лент: делаем тонкую аккуратную полосу ===== */
#mchsDarkWidget .dw-forecast,
#mchsDarkWidget .dw-hourly{
  scrollbar-width: thin;
  scrollbar-color: var(--sb-thumb) rgba(0,32,76,.55);
}

/* только для лент виджета (самое заметное место) */
#mchsDarkWidget .dw-forecast::-webkit-scrollbar,
#mchsDarkWidget .dw-hourly::-webkit-scrollbar{
  height: 8px;   /* тоньше */
}

#mchsDarkWidget .dw-forecast::-webkit-scrollbar-track,
#mchsDarkWidget .dw-hourly::-webkit-scrollbar-track{
  background: rgba(0,32,76,.55);
  border-radius: 999px;
}

#mchsDarkWidget .dw-forecast::-webkit-scrollbar-thumb,
#mchsDarkWidget .dw-hourly::-webkit-scrollbar-thumb{
  background: var(--sb-thumb);
  border-radius: 999px;
  border: 2px solid rgba(0,32,76,.75);
}

#mchsDarkWidget .dw-forecast::-webkit-scrollbar-thumb:hover,
#mchsDarkWidget .dw-hourly::-webkit-scrollbar-thumb:hover{
  background: var(--sb-thumb-hover);
}


/* ===== Custom Scrollbar (site-wide) ===== */
:root{
  --sb-track: #00204C;
  --sb-thumb: #FF6B00;
  --sb-thumb-hover: #ff7a1a; /* чуть ярче при наведении */
}

/* Firefox */
html{
  scrollbar-width: thin;
  scrollbar-color: var(--sb-thumb) var(--sb-track);
}

/* Chromium / Safari / Edge */
*::-webkit-scrollbar{
  width: 12px;     /* вертикальный */
  height: 12px;    /* горизонтальный */
}

*::-webkit-scrollbar-track{
  background: var(--sb-track);
}

*::-webkit-scrollbar-thumb{
  background: var(--sb-thumb);
  border-radius: 999px;
  border: 3px solid var(--sb-track); /* делает “капсулу” аккуратной */
}

*::-webkit-scrollbar-thumb:hover{
  background: var(--sb-thumb-hover);
}

*::-webkit-scrollbar-corner{
  background: var(--sb-track);
}