@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//toms-auto.ru/wp-content/themes/Toms/fonts/woodmart-font-1-400.woff2?v=8.0.6") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//toms-auto.ru/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//toms-auto.ru/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//toms-auto.ru/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//toms-auto.ru/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//toms-auto.ru/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//toms-auto.ru/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//toms-auto.ru/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//toms-auto.ru/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Toms", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 900;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: #E20613;
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(232,58,58);
	--btn-accented-bgcolor-hover: rgb(210,51,57);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: url(https://toms-auto.ru/wp-content/uploads/2025/01/popup-toms-oil-is-the-top-oil.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
}
.header-banner {
	background-color: rgb(232,58,58);
	background-image: none;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: url(https://toms-auto.ru/wp-content/uploads/2021/09/bikes-page-title.jpg);
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgba(32,32,32,0);
	background-image: url(https://toms-auto.ru/wp-content/uploads/2021/09/bikes-footer-bg.jpg);
	background-size: cover;
	background-position: center center;
}
.page .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1239px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1222px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


@font-face {
	font-family: "Toms";
	src: url("//toms-auto.ru/wp-content/uploads/2025/09/rf-dewi-expanded-bold.woff2") format("woff2"), 
url("//toms-auto.ru/wp-content/uploads/2025/09/rf-dewi-expanded-bold.woff") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Toms";
	src: url("//toms-auto.ru/wp-content/uploads/2025/09/rf-dewi-black.woff2") format("woff2"), 
url("//toms-auto.ru/wp-content/uploads/2025/09/rf-dewi-black.woff") format("woff");
	font-weight: 900;
	font-style: normal;
}

/*******************************
  GLOBAL RESETS (kept, deduped)
*******************************/
a, div { margin:0; padding:0; border:0; font:inherit; vertical-align:baseline; }
img { margin:0; padding:0; font:inherit; border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; }
/* NOTE: you had width:100%; height:100% globally on img. That can distort icons/logos.
   Keep it for content images only (scoped below). */
a { -webkit-tap-highlight-color:transparent; text-decoration:none; color:currentColor; }
:focus, a:active, a:focus, a:hover { outline:0; }
* { -webkit-box-sizing:border-box; box-sizing:border-box; }
::selection { text-shadow:none; }

[data-lazy] { opacity:0; transition:opacity .125s; }
[data-lazy].loaded { opacity:1; }

a { transition: color .2s, background .2s; }

/***********************************
  CONTENT IMG SIZING (scoped safely)
***********************************/
.entry-content img,
.woocommerce-product-gallery__image img,
.wp-block-image img,
.custom-page img {
  width:100%;
  height:auto;
  object-fit:contain;
}

/*****************************************
  BUTTONS & "BUY" SECTIONS (kept as-is)
******************************************/
.btn{
  display:flex; align-items:center; justify-content:center;
  padding:1rem 2rem; border-radius:0;
  font-family:"RFDewi",sans-serif; font-weight:600; font-size:1.125em; line-height:1.4444444444em;
  transition:all .25s;
}
@media (max-width:1440px){
  .btn{ font-size:.875em; line-height:1.25rem; padding:.75rem 1.5rem; }
  .btn + .btn{ margin-top:.75rem; margin-left:0; }
}
.btn + .btn{ margin-left:1.25rem; }

.buy_section__btn{ height:3.2222222222em; }
@media (max-width:1440px){ .buy_section__btn{ height:3.1428571429em; } }

.buy_section__btn--ozon{
  background:linear-gradient(90deg,#0069ff 0%,#04b8f0 100%);
}
.buy_section__btn--ozon img{ width:4.625em; height:1em; }

.buy_section__btn--wb{
  background:linear-gradient(90deg,#cb10ab 0%,#4a1174 100%);
}
.buy_section__btn--wb img{ width:8.375em; height:1em; }

.buy_section__btn--market{ position:relative; }
.buy_section__btn--market::before{
  content:""; display:block; width:calc(100% - 1px); height:calc(100% - 1px);
  background:#000; border:1px solid #575757; position:absolute; top:0; left:0; z-index:1; transition:opacity .2s;
}
.buy_section__btn--market:hover::before{ opacity:0; }
.buy_section__btn--market img{ position:relative; z-index:2; }

@media (max-width:1440px){
  .buy_section__btn + .buy_section__btn{ margin-top:0; margin-left:1.25rem; }
}
@media (max-width:500px){
  .buy_section__btn + .buy_section__btn{ margin-left:0; margin-top:.75rem; }
}

.purchase__buttons{ display:grid; grid-template-columns:100%; }
@media (max-width:500px){ .purchase__buttons--desk{ display:none; } }
.purchase__btn + .purchase__btn{ margin-left:0; margin-top:1rem; }
@media (max-width:1440px){ .purchase__btn + .purchase__btn{ margin-top:.75rem; } }

/***************************
  FONTS (kept)
****************************/
@font-face{
  font-family:"RFDewi";
  src:url(https://toms-auto.ru/wp-content/fonts/RFDewi-700.woff2) format("woff2"),
      url(https://toms-auto.ru/wp-content/fonts/RFDewi-700.woff) format("woff");
  font-weight:700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"RFDewi";
  src:url(https://toms-auto.ru/wp-content/fonts/RFDewi-600.woff2) format("woff2"),
      url(https://toms-auto.ru/wp-content/fonts/RFDewi-600.woff) format("woff");
  font-weight:600; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"RFDewi";
  src:url(https://toms-auto.ru/wp-content/fonts/RFDewi-400.woff2) format("woff2"),
      url(https://toms-auto.ru/wp-content/fonts/RFDewi-400.woff) format("woff");
  font-weight:400; font-style:normal; font-display:swap;
}

/********************************************
  PRODUCT TABS tweak (kept)
*********************************************/
.tabs-layout-tabs .tabs li.additional_information_tab { display:none; }

/* ===========================
   MOBILE MENU / HEADER FIXES
   =========================== */

/* 1) Keep the header above EVERYTHING (menu stays tappable) */
.whb-general-header,
.whb-general-header .wd-header-mobile-nav,
.whb-general-header .wd-tools-element {
  position:relative; z-index:9999 !important;
}

/* 2) Do NOT disable pointer events on header siblings (removed old risky rule) */
/* (Intentionally empty: previously you had `.wd-header-mobile-nav ~ * { pointer-events:none; }` ) */

/* 3) Let taps pass through loader/video layers during early seconds */
.wd-preloader, .page-preloader, .site-preloader { pointer-events:none !important; }  /* Preloader tap-through */
.elementor-background-video-container,
.elementor-background-overlay { pointer-events:none; }  /* Video/overlay tap-through */

/* 4) Make the burger hit-area comfy and visible on mobile */
@media (max-width:1024px){
  .whb-column.whb-mobile-left .wd-header-mobile-nav a {
    display:flex; align-items:center; justify-content:center;
    min-width:44px; min-height:44px; padding:8px 10px; touch-action:manipulation;
  }
  /* If your column had a negative margin on mobile, neutralize it */
  .whb-mobile-left { margin-left:0; }

  /* Inherit a contrasting color for icon/text over video */
  .whb-column.whb-mobile-left .wd-header-mobile-nav,
  .whb-column.whb-mobile-left .wd-tools-element { color:#fff; }

  .wd-tools-element .wd-tools-text { margin-left:8px; }
}

/* 5) Stop your global IMG rule from stretching header icons/logos */
.whb-general-header .wd-tools-element img,
.whb-general-header .wd-tools-element svg,
.whb-general-header .wd-tools-icon img,
.whb-general-header .wd-tools-icon svg {
  width:auto; height:auto; object-fit:contain;
}

/* 6) Ensure the off-canvas mobile nav stacks above the page when opened */
.wd-mobile-nav, .wd-offcanvas, .woodmart-mobile-menu, .mobile-nav, .wd-popup, .wd-header-nav {
  z-index:10000;
}

html {
  scroll-behavior: smooth;
}


/* ===== HOMEPAGE ICONS ===== */
img[src*="engine"], img[src*="rubel"], img[src*="piston"], img[src*="quality"] {
    max-width: 90px !important;
    width: 90px !important;
    height: auto !important;
}




/* ===== HOMEPAGE ICONS ===== */
img[src*="engine"], img[src*="rubel"], img[src*="piston"], img[src*="quality"] {
    max-width: 90px !important;
    width: 90px !important;
    height: auto !important;
}




/* ===== PODBOR HEADERS - WHITE BACKGROUND ===== */
.toms-podbor-header, .toms-model-header {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 12px !important;
}
.toms-podbor-header h1, .toms-model-header h1 {
    color: #222222 !important;
}
.toms-podbor-header p, .toms-model-header p {
    color: #666666 !important;
}
.toms-podbor-header .toms-stat-num {
    color: #c41230 !important;
}
.toms-podbor-header .toms-stat-label {
    color: #888888 !important;
}
.wd-footer,
.wd-footer.footer-container,
.wd-footer.color-scheme-light {
    background: rgba(32,32,32,0) url("https://toms-auto.ru/wp-content/uploads/2021/09/bikes-footer-bg.jpg") center center/cover no-repeat !important;
    border-top: none !important;
}

/* === Тома чат на мобильных: плавающая тёмная стеклянная карточка, без синей шапки === */
@media (max-width:820px){
  /* подложка прозрачная — виден сайт вокруг карточки */
  html body .mwai-window.mwai-bottom-right{ background:rgba(12,12,14,0.93) !important; background-color:rgba(12,12,14,0.93) !important; }
  /* сама карточка чата: тёмное стекло ~80% */
  html body .mwai-window .mwai-window-box{
    background:rgba(12,12,14,0.9) !important; background-color:rgba(12,12,14,0.9) !important;
    backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
    border:1.5px solid rgba(227,6,19,.5) !important; border-radius:18px !important; overflow:hidden !important;
    box-shadow:0 18px 50px rgba(0,0,0,.5) !important;
  }
  /* убрать синюю мобильную шапку -> тёмный карбон + красная линия */
  html body .mwai-mobile-header{ background:#0c0c0e !important; background-color:#0c0c0e !important; background-image:none !important; border-bottom:2px solid #e30613 !important; }
  html body .mwai-mobile-header-title{ color:#fff !important; }
  /* контент прозрачный — видно тёмную карточку */
  html body .mwai-chat .mwai-content, html body .mwai-chat .mwai-conversation, html body .mwai-chat .mwai-body{ background:transparent !important; }
  /* фигура и аватар не перекрывают чат, пока он открыт */
  html body #toma-figure.toma-chat-open{ display:none !important; }
  html body #toma-clipavatar{ display:none !important; }
  html body #toma-mini-ava{ width:34px; height:34px; border-radius:50%; overflow:hidden; flex:0 0 auto; margin-right:10px; border:1.5px solid #e30613; box-shadow:0 2px 8px rgba(0,0,0,.55); background:#0b0b0c; }
  html body #toma-mini-ava img{ width:100%; height:100%; object-fit:cover; object-position:center top; display:block; }
  html body .mwai-window .mwai-input button:not(.mwai-input-submit):not(#toma-send){ display:none !important; }
  html body .mwai-window .mwai-input-submit{ display:none !important; }
  html body .mwai-window button[class*="reset"], html body .mwai-window button[class*="fresh"], html body .mwai-window button[class*="clear-"]{ display:none !important; }
  html body .mwai-window .mwai-conversation{ overscroll-behavior:contain !important; }
}
/* === Toma chat: lock background scroll (no pull-to-refresh) === */
html.toma-chat-locked, html.toma-chat-locked body{ overscroll-behavior:none !important; }
@media (max-width:820px){ html.toma-chat-locked body{ overflow:hidden !important; } }

/* === Мобильное нижнее меню (toolbar): тёмный премиум, без серой линии === */
.wd-toolbar{ background:#0b0b0d !important; background-image:none !important; border:0 !important; box-shadow:none !important; padding-bottom:env(safe-area-inset-bottom) !important; }
.wd-toolbar::before, .wd-toolbar::after{ display:none !important; }
.wd-toolbar *{ border-color:transparent !important; }
.wd-toolbar .wd-toolbar-item, .wd-toolbar .wd-toolbar-link, .wd-toolbar .wd-toolbar-link>a, .wd-toolbar .wd-toolbar-icon{ border:0 !important; box-shadow:none !important; background:transparent !important; }
.wd-toolbar .wd-toolbar-label, .wd-toolbar .wd-tools-text{ color:#e9e9ec !important; font-weight:600 !important; font-size:11px !important; letter-spacing:.2px !important; margin-top:3px !important; }
.wd-toolbar .wd-toolbar-icon, .wd-toolbar .wd-custom-icon{ display:inline-flex !important; align-items:center !important; justify-content:center !important; }
.wd-toolbar .wd-toolbar-icon img, .wd-toolbar .wd-custom-icon img{ width:25px !important; height:25px !important; object-fit:contain !important; }
.wd-toolbar .wd-toolbar-link>a:active .wd-toolbar-label, .wd-toolbar .wd-toolbar-link>a:active .wd-tools-text{ color:#fff !important; }

@keyframes tomaMiniSpin{ to{ transform:rotate(360deg); } }
@media (max-width:820px){
  html body #toma-mini-ava{ width:44px !important; height:44px !important; border:0 !important; box-shadow:0 3px 10px rgba(0,0,0,.5) !important; position:relative !important; margin-right:14px !important; overflow:visible !important; flex:0 0 auto !important; }
  html body #toma-mini-ava img{ width:100% !important; height:100% !important; border-radius:50% !important; object-fit:cover !important; object-position:center top !important; position:relative !important; z-index:0 !important; }
  html body #toma-mini-ava::before{ content:"" !important; position:absolute !important; inset:-3px !important; border-radius:50% !important; padding:3px !important; background:conic-gradient(#e30613,#ff5a64,#ffffff,#ff8088,#e30613,#7a020a,#e30613) !important; -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important; -webkit-mask-composite:xor !important; mask-composite:exclude !important; animation:tomaMiniSpin 3.6s linear infinite !important; z-index:2 !important; pointer-events:none !important; }
  html body .mwai-mobile-header-close{ width:46px !important; height:46px !important; display:flex !important; align-items:center !important; justify-content:center !important; margin-right:4px !important; border-radius:50% !important; font-size:28px !important; opacity:1 !important; }
  html body .mwai-mobile-header-close:active{ background:rgba(255,255,255,.10) !important; }
  html body .mwai-mobile-header-close svg, html body .mwai-mobile-header-close i, html body .mwai-mobile-header-close span{ width:28px !important; height:28px !important; font-size:28px !important; }
  html body .mwai-mobile-header{ padding-left:16px !important; padding-right:8px !important; min-height:58px !important; display:flex !important; align-items:center !important; }
  html body .mwai-window .mwai-window-box{ height:100% !important; max-height:100% !important; }
}

/* === Тома: свои кнопки Отправить + Очистить === */
@media (max-width:820px){
  html body .mwai-window-box{ position:relative !important; }
  html body .mwai-window .mwai-input{ position:relative !important; }
  html body #toma-send{ flex:0 0 auto !important; width:42px !important; height:42px !important; border:0 !important; border-radius:50% !important; background:#e30613 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; align-self:center !important; margin-left:8px !important; box-shadow:0 4px 12px rgba(227,6,19,.45) !important; cursor:pointer !important; }
  html body #toma-send:active{ background:#c20510 !important; }
  html body #toma-send svg{ width:22px !important; height:22px !important; display:block !important; }
  html body #toma-clear{ position:absolute !important; top:66px !important; right:12px !important; z-index:7 !important; display:inline-flex !important; align-items:center !important; gap:6px !important; background:#0a0a0a !important; color:#f1f1f3 !important; border:1px solid rgba(255,255,255,.20) !important; border-radius:9px !important; padding:6px 12px !important; font-size:12px !important; font-weight:600 !important; line-height:1 !important; letter-spacing:.2px !important; cursor:pointer !important; box-shadow:0 4px 12px rgba(0,0,0,.5) !important; }
  html body #toma-clear:active{ background:#1c1c1c !important; }
  html body #toma-clear svg{ width:14px !important; height:14px !important; }
}

/* toma-send-bg */
html body #toma-send{ background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNMy43MTQgMy4wNDhhLjQ5OC40OTggMCAwIDAtLjY4My42MjdsMi44NDMgNy42MjdhMiAyIDAgMCAxIDAgMS4zOTZsLTIuODQyIDcuNjI3YS40OTguNDk4IDAgMCAwIC42ODIuNjI3bDE4LTguNWEuNS41IDAgMCAwIDAtLjkwNHoiLz48cGF0aCBkPSJNNiAxMmgxNiIvPjwvc3ZnPg==") !important; background-repeat:no-repeat !important; background-position:center !important; background-size:22px 22px !important; }

/* === Тома: мобильный плавающий пузырь-тизер (как на десктопе) === */
@keyframes tomaTeaserFloat{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-4px);} }
@media (max-width:820px){
  #toma-teaser{ position:fixed !important; right:10px; bottom:64px; z-index:2147482000; display:flex; align-items:center; gap:10px; padding:9px 14px 9px 9px; background:linear-gradient(160deg,rgba(25,26,28,.94),rgba(11,11,13,.94)); border:1.5px solid rgba(227,6,19,.55); border-radius:30px; box-shadow:0 12px 30px rgba(0,0,0,.5),0 0 20px rgba(227,6,19,.22); cursor:pointer; -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); transition:opacity .5s ease, transform .5s ease; animation:tomaTeaserFloat 5.5s ease-in-out infinite; }
  #toma-teaser.toma-hidden{ opacity:0 !important; transform:translateY(14px) scale(.96) !important; pointer-events:none !important; }
  #toma-teaser .tt-ava{ width:40px; height:40px; border-radius:50%; flex:0 0 auto; position:relative; box-shadow:0 2px 8px rgba(0,0,0,.5); }
  #toma-teaser .tt-ava img{ width:100%; height:100%; border-radius:50%; object-fit:cover; object-position:center top; position:relative; z-index:0; }
  #toma-teaser .tt-ava::before{ content:''; position:absolute; inset:-2px; border-radius:50%; padding:2px; background:conic-gradient(#e30613,#ff5a64,#ffffff,#ff8088,#e30613,#7a020a,#e30613); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation:tomaMiniSpin 3.6s linear infinite; z-index:2; }
  #toma-teaser .tt-txt{ color:#fff; font-weight:700; font-size:14px; line-height:1.15; white-space:nowrap; transition:opacity .35s ease; }
  #toma-teaser .tt-close{ position:absolute; top:-9px; right:-7px; width:23px; height:23px; border-radius:50%; background:#0a0a0a; border:1px solid rgba(255,255,255,.25); color:#cfcfcf; font-size:15px; line-height:21px; text-align:center; z-index:3; }
  #toma-teaser::after{ content:''; position:absolute; right:30px; bottom:-9px; width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent; border-top:9px solid rgba(11,11,13,.94); }
}

/* поднять фигуру Тома, чтобы стояла на пузыре */
@media (max-width:820px){ html body #toma-figure{ bottom:118px !important; } }

/* === mwai-chat-fontfix: единый шрифт + красный скролл === */
@media (max-width:820px){
  html body .mwai-window .mwai-reply, html body .mwai-window .mwai-reply p, html body .mwai-window .mwai-reply li, html body .mwai-window .mwai-reply span, html body .mwai-window .mwai-reply a, html body .mwai-window .mwai-reply strong, html body .mwai-window .mwai-reply em, html body .mwai-window .mwai-reply div{ font-size:15px !important; line-height:1.55 !important; }
  html body .mwai-window .mwai-conversation, html body .mwai-window .mwai-content{ scrollbar-width:thin !important; scrollbar-color:#e30613 rgba(255,255,255,.07) !important; }
  html body .mwai-window .mwai-conversation::-webkit-scrollbar, html body .mwai-window .mwai-content::-webkit-scrollbar{ width:7px !important; }
  html body .mwai-window .mwai-conversation::-webkit-scrollbar-track, html body .mwai-window .mwai-content::-webkit-scrollbar-track{ background:rgba(255,255,255,.05) !important; border-radius:6px !important; }
  html body .mwai-window .mwai-conversation::-webkit-scrollbar-thumb, html body .mwai-window .mwai-content::-webkit-scrollbar-thumb{ background:linear-gradient(180deg,#ff3b46,#e30613) !important; border-radius:6px !important; }
}

/* === Подбор: убрать поле Год + лоадер загрузки моделей === */
.toms-cs:has(#toms-compact-year){ display:none !important; }
@keyframes tomsSpin360{ to{ transform:rotate(360deg); } }
.toms-compact-selector .toms-cs{ position:relative; }
.toms-cs.toms-loading{ pointer-events:none !important; }
.toms-cs.toms-loading::after{ content:''; position:absolute; right:14px; top:50%; width:17px; height:17px; margin-top:-8px; border:2px solid rgba(255,255,255,.22); border-top-color:#e30613; border-radius:50%; animation:tomsSpin360 .7s linear infinite; z-index:6; pointer-events:none; }

/* === toma-speech pointer right (как будто реплика от Тома справа) === */
#toma-speech::before{ left:auto !important; right:-18px !important; bottom:auto !important; top:50% !important; margin-top:-18px !important; border-top:18px solid transparent !important; border-bottom:18px solid transparent !important; border-left:18px solid rgba(227,6,19,.6) !important; border-right:0 !important; }
#toma-speech::after{ left:auto !important; right:-14px !important; bottom:auto !important; top:50% !important; margin-top:-15px !important; border-top:15px solid transparent !important; border-bottom:15px solid transparent !important; border-left:15px solid rgba(13,11,12,.72) !important; border-right:0 !important; }

/* toma-figure img contrast (чуть больше контраста, как у остальных, но мягче) */
#toma-figure img{ filter:contrast(1.08) saturate(1.18) brightness(1.02) !important; }
