/* CarBase 31.10.2026: верхнее меню в шапке (блок 4425680401) — растёт вместе с окном, текст по центру, бирюзовое подчёркивание при наведении, мягкие разделители */
@media screen and (min-width:960px){
  #rec4425680401 .tn-elem[data-elem-id="1731585570598"],#rec4425680401 .tn-elem[data-elem-id="1731585605567"],#rec4425680401 .tn-elem[data-elem-id="1731585618504"],#rec4425680401 .tn-elem[data-elem-id="1790936070310000011"],#rec4425680401 .tn-elem[data-elem-id="1753256982568"],#rec4425680401 .tn-elem[data-elem-id="1751448836678"]{overflow:visible!important}
  #rec4425680401 .tn-elem[data-elem-id="1731585570598"] .tn-atom,#rec4425680401 .tn-elem[data-elem-id="1731585605567"] .tn-atom,#rec4425680401 .tn-elem[data-elem-id="1731585618504"] .tn-atom,#rec4425680401 .tn-elem[data-elem-id="1790936070310000011"] .tn-atom,#rec4425680401 .tn-elem[data-elem-id="1753256982568"] .tn-atom,#rec4425680401 .tn-elem[data-elem-id="1751448836678"] .tn-atom{display:flex!important;align-items:center!important;justify-content:center!important;height:100%!important;font-size:12.5px!important;text-transform:lowercase!important;font-weight:500!important;letter-spacing:.02em!important;white-space:nowrap!important;color:#ececec!important;transition:color .2s ease!important}
  #rec4425680401 .tn-elem[data-elem-id="1731585570598"] .tn-atom__button-content,#rec4425680401 .tn-elem[data-elem-id="1731585605567"] .tn-atom__button-content,#rec4425680401 .tn-elem[data-elem-id="1731585618504"] .tn-atom__button-content,#rec4425680401 .tn-elem[data-elem-id="1790936070310000011"] .tn-atom__button-content,#rec4425680401 .tn-elem[data-elem-id="1753256982568"] .tn-atom__button-content,#rec4425680401 .tn-elem[data-elem-id="1751448836678"] .tn-atom__button-content{position:relative;display:inline-block!important;padding:4px 0!important}
  #rec4425680401 .tn-elem[data-elem-id="1731585570598"] .tn-atom__button-content:after,#rec4425680401 .tn-elem[data-elem-id="1731585605567"] .tn-atom__button-content:after,#rec4425680401 .tn-elem[data-elem-id="1731585618504"] .tn-atom__button-content:after,#rec4425680401 .tn-elem[data-elem-id="1790936070310000011"] .tn-atom__button-content:after,#rec4425680401 .tn-elem[data-elem-id="1753256982568"] .tn-atom__button-content:after,#rec4425680401 .tn-elem[data-elem-id="1751448836678"] .tn-atom__button-content:after{content:"";position:absolute;left:50%;right:50%;bottom:-2px;height:2px;border-radius:2px;background:#59bacf;transition:left .25s ease,right .25s ease}
  #rec4425680401 .tn-elem[data-elem-id="1731585570598"] .tn-atom:hover .tn-atom__button-content:after,#rec4425680401 .tn-elem[data-elem-id="1731585605567"] .tn-atom:hover .tn-atom__button-content:after,#rec4425680401 .tn-elem[data-elem-id="1731585618504"] .tn-atom:hover .tn-atom__button-content:after,#rec4425680401 .tn-elem[data-elem-id="1790936070310000011"] .tn-atom:hover .tn-atom__button-content:after,#rec4425680401 .tn-elem[data-elem-id="1753256982568"] .tn-atom:hover .tn-atom__button-content:after,#rec4425680401 .tn-elem[data-elem-id="1751448836678"] .tn-atom:hover .tn-atom__button-content:after{left:0;right:0}
  #rec4425680401 .tn-elem[data-elem-id="1731585570598"] .tn-atom:hover,#rec4425680401 .tn-elem[data-elem-id="1731585605567"] .tn-atom:hover,#rec4425680401 .tn-elem[data-elem-id="1731585618504"] .tn-atom:hover,#rec4425680401 .tn-elem[data-elem-id="1790936070310000011"] .tn-atom:hover,#rec4425680401 .tn-elem[data-elem-id="1753256982568"] .tn-atom:hover,#rec4425680401 .tn-elem[data-elem-id="1751448836678"] .tn-atom:hover{color:#59bacf!important}
  #rec4425680401 .tn-elem[data-elem-id="1731585570598"] .tn-atom__button-text,#rec4425680401 .tn-elem[data-elem-id="1731585605567"] .tn-atom__button-text,#rec4425680401 .tn-elem[data-elem-id="1731585618504"] .tn-atom__button-text,#rec4425680401 .tn-elem[data-elem-id="1790936070310000011"] .tn-atom__button-text,#rec4425680401 .tn-elem[data-elem-id="1753256982568"] .tn-atom__button-text,#rec4425680401 .tn-elem[data-elem-id="1751448836678"] .tn-atom__button-text{display:inline-block!important}
  #rec4425680401 .tn-elem[data-elem-id="1731585570598"] .tn-atom__button-text::first-letter,#rec4425680401 .tn-elem[data-elem-id="1731585605567"] .tn-atom__button-text::first-letter,#rec4425680401 .tn-elem[data-elem-id="1731585618504"] .tn-atom__button-text::first-letter,#rec4425680401 .tn-elem[data-elem-id="1790936070310000011"] .tn-atom__button-text::first-letter,#rec4425680401 .tn-elem[data-elem-id="1753256982568"] .tn-atom__button-text::first-letter,#rec4425680401 .tn-elem[data-elem-id="1751448836678"] .tn-atom__button-text::first-letter{text-transform:uppercase!important}
  #rec4425680401 .tn-elem[data-elem-id="1790936015859000001"] .tn-atom,#rec4425680401 .tn-elem[data-elem-id="1790936036883000002"] .tn-atom,#rec4425680401 .tn-elem[data-elem-id="1790936038557000003"] .tn-atom,#rec4425680401 .tn-elem[data-elem-id="1792525445343000002"] .tn-atom,#rec4425680401 .tn-elem[data-elem-id="1790936040857000005"] .tn-atom{opacity:.35!important;transform:scaleY(.55)!important}
}
@media screen and (min-width:1200px) and (max-width:1919px){
  #rec4425680401 .tn-elem[data-elem-id="1731585570598"] .tn-atom,#rec4425680401 .tn-elem[data-elem-id="1731585605567"] .tn-atom,#rec4425680401 .tn-elem[data-elem-id="1731585618504"] .tn-atom,#rec4425680401 .tn-elem[data-elem-id="1790936070310000011"] .tn-atom,#rec4425680401 .tn-elem[data-elem-id="1753256982568"] .tn-atom,#rec4425680401 .tn-elem[data-elem-id="1751448836678"] .tn-atom{font-size:11.5px!important}
  #rec4425680401 .tn-elem[data-elem-id="1790936038557000003"] .tn-atom{transform:translateX(-5px) scaleY(.55)!important}
  #rec4425680401 .tn-elem[data-elem-id="1792525445343000002"] .tn-atom{transform:translateX(5px) scaleY(.55)!important}
}
@media screen and (min-width:1920px){
  #rec4425680401 .tn-elem[data-elem-id="1731585570598"] .tn-atom,#rec4425680401 .tn-elem[data-elem-id="1731585605567"] .tn-atom,#rec4425680401 .tn-elem[data-elem-id="1731585618504"] .tn-atom,#rec4425680401 .tn-elem[data-elem-id="1790936070310000011"] .tn-atom,#rec4425680401 .tn-elem[data-elem-id="1753256982568"] .tn-atom,#rec4425680401 .tn-elem[data-elem-id="1751448836678"] .tn-atom{font-size:17px!important}
}
/* CarBase 31.10.2026: на телефоне галереи скриншотов отзывов (блок T827, страница /reviews) — по одному в ряд на всю ширину, чтобы текст читался */
@media screen and (max-width:640px){
  .t827 .t827__grid{height:auto!important;width:auto!important}
  .t827 .t827__grid-item{position:static!important;width:100%!important;margin:0 0 14px!important}
  .t827 .t827__image{width:100%!important;height:auto!important;border-radius:12px}
}
/* CarBase 31.10.2026: виджеты Яндекс Карт в HTML-блоках не шире экрана (были фиксированные 1440px, метка уезжала за край) */
.t-rec iframe[src*="yandex.ru/map-widget"]{max-width:100%!important}
/* CarBase 31.10.2026: /okleyka и 6 городских копий (31.10.2026) — заголовок «Что такое оклейка автомобиля?» на телефоне в две строки, раньше обрезался справа */
@media screen and (max-width:479px){
  #rec3724271501 .tn-elem[data-elem-id="1711073256204"],
  #rec5311268301 .tn-elem[data-elem-id="1711073256204"],
  #rec5311326201 .tn-elem[data-elem-id="1711073256204"],
  #rec5345729901 .tn-elem[data-elem-id="1711073256204"],
  #rec5345756101 .tn-elem[data-elem-id="1711073256204"],
  #rec5345779701 .tn-elem[data-elem-id="1711073256204"],
  #rec5345834801 .tn-elem[data-elem-id="1711073256204"]{left:20px!important;width:280px!important}
  #rec3724271501 .tn-elem[data-elem-id="1711073256204"] .tn-atom,
  #rec5311268301 .tn-elem[data-elem-id="1711073256204"] .tn-atom,
  #rec5311326201 .tn-elem[data-elem-id="1711073256204"] .tn-atom,
  #rec5345729901 .tn-elem[data-elem-id="1711073256204"] .tn-atom,
  #rec5345756101 .tn-elem[data-elem-id="1711073256204"] .tn-atom,
  #rec5345779701 .tn-elem[data-elem-id="1711073256204"] .tn-atom,
  #rec5345834801 .tn-elem[data-elem-id="1711073256204"] .tn-atom{white-space:normal!important}
}


/* 01.11.2026: форма заявки (блок T700, общий для всех страниц) — карточка с заголовком, поля в две колонки, без фото. Сама форма и отправка не тронуты. */
/* заголовок над формой — свой на каждой странице (zero-блок перед формой); при прокрутке к форме он должен остаться виден под шапкой */
.r:has(.t700){scroll-margin-top:236px}
.t700 .t-container_flex{display:block!important;max-width:min(calc(100vw - 200px),1724px)!important;margin:0 auto!important;padding:44px 48px 36px!important;box-sizing:border-box;background:linear-gradient(160deg,#1c2731 0%,#121212 70%)!important;border:1px solid rgba(89,186,207,.35)!important;border-radius:28px!important;box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 6px rgba(89,186,207,.06)!important;position:relative;overflow:hidden}
.t700 .t-container_flex:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#59bacf,#2e7f91)}
.t700 .t-container_flex > .t-col:first-child{display:none!important}
.t700 .t-container_flex > .t-col:last-child{width:100%!important;max-width:100%!important;margin:0!important;float:none!important}
.t700 .t-col:last-child:before{content:"Заявка онлайн";display:block;text-align:center;font:600 13px/1 'GothamPro',Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#59bacf;margin-bottom:14px}
.t700 .t-form__inputsbox:before{content:"Менеджер перезвонит, подберёт услугу и ближайший центр, ответит на вопросы по цене и срокам";display:block;flex:0 0 100%;width:100%;max-width:100%;text-align:center;margin:0 auto 26px;padding:0 15%;box-sizing:border-box;font:400 16px/1.5 'GothamPro',Arial,sans-serif;color:rgba(255,255,255,.7)}
.t700 .t-form__inputsbox{display:flex!important;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.t700 .t-input-group{width:calc(50% - 12px)!important;height:auto!important;min-height:0!important;box-sizing:border-box;margin-bottom:18px!important}
.t700 .t-input-group_cb,.t700 .t-input-group_rd,.t700 .t-form__submit,.t700 .t-form__errorbox-middle,.t700 .t-form__errorbox-bottom,.t700 .t-form__successbox{width:100%!important}
.t700 .t-input-title{height:auto!important;padding-bottom:8px!important;font-size:13px!important;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.6)!important}
.t700 .t-input,.t700 .t-select,.t700 .t-input-phonemask__wrap{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;height:56px!important;color:#fff!important;padding-left:16px!important;transition:border-color .2s,background .2s}
.t700 .t-input:focus,.t700 .t-select:focus{border-color:#59bacf!important;background:rgba(89,186,207,.08)!important;outline:none}
.t700 .t-input::placeholder{color:rgba(255,255,255,.35)!important}
.t700 .t-input-phonemask__wrap{display:flex;align-items:center;padding-left:0!important}
.t700 .t-input-phonemask__wrap .t-input{border:0!important;background:transparent!important;height:54px!important}
.t700 .t-input-group_cb{margin-bottom:8px!important}
.t700 .t-checkbox__control{font-size:13px!important;color:rgba(255,255,255,.6)!important;line-height:1.4}
.t700 .t-checkbox__indicator{border-radius:6px!important;border-color:rgba(255,255,255,.35)!important;opacity:1!important}
.t700 .t-form__submit{margin-top:14px}
.t700 .t-form__submit .t-submit{width:100%!important;height:62px!important;border-radius:16px!important;background:linear-gradient(90deg,#6cc7da,#59bacf 60%,#3f9fb5)!important;color:#0b1116!important;font-weight:700!important;font-size:17px!important;letter-spacing:.02em;box-shadow:0 14px 34px rgba(89,186,207,.35)!important;transition:transform .2s,box-shadow .2s}
.t700 .t-form__submit .t-submit:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(89,186,207,.45)!important}
.t700 .t700__form-bottom-text{text-align:center;margin-top:16px;font-size:12px!important}
.t700 .t700__form-bottom-text a{color:rgba(89,186,207,.8)!important}
.t700 .t-form__successbox{border-radius:16px!important;padding:24px!important;text-align:center}
@media (max-width:959px){
 .t700 .t-container_flex{padding:30px 18px 24px!important;border-radius:22px!important;width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin:0 auto!important}
 .t700 .t-form:before{font-size:24px;margin-bottom:22px}
 .t700 .t-input-group{width:100%!important;margin-bottom:14px!important}
 .t700 .t-form__submit .t-submit{height:56px!important}
}

/* стрелки и флаг */
.t700 .t-select{padding-right:44px!important;background-position:right 16px center!important;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'><path d='M1 1l6 6 6-6' fill='none' stroke='%2359bacf' stroke-width='2'/></svg>")!important;background-repeat:no-repeat!important;background-size:14px 9px!important}
.t700 .t-input-group_sb .t-select__wrapper:after,.t700 .t-input-group_sb .t-select__wrapper svg{display:none!important}
.t700 .t-input-phonemask__wrap{padding-left:14px!important;gap:8px}
.t700 .t-input-phonemask__select{margin-right:6px}
.t700 .t-input-phonemask__wrap .t-input{padding-left:4px!important}

/* 01.11.2026: единая ширина контента — как у Zero-блоков и шапки (поля ~5,2vw, максимум 1724px). Вторая ширина сайта — полный экран (видео, галереи). */
@media screen and (min-width:980px){
  .r:has(.cbwhy) .t-container,.r:has(.cbproj) .t-container,.r:has(.cbfrom) .t-container,.r:has(.cbf__in) .t-container,.r:has(.cbsp) .t-container,.r:has(.cbcourse) .t-container,.r:has(.cbfaq) .t-container,.r:has(.cbblog) .t-container,.r:has(.cbwhy) .t-col,.r:has(.cbproj) .t-col,.r:has(.cbfrom) .t-col,.r:has(.cbf__in) .t-col,.r:has(.cbsp) .t-col,.r:has(.cbcourse) .t-col,.r:has(.cbfaq) .t-col,.r:has(.cbblog) .t-col{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
  .cbwhy,.cbproj,.cbfrom,.cbf__in,.cbsp,.cbcourse,.cbfaq,.cbblog{width:min(calc(100vw - 200px),1724px)!important;max-width:none!important;padding-left:0!important;padding-right:0!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
  .cbfaq details{max-width:1100px}
  /* стандартные блоки Tilda (лента блога, СМИ) — та же ширина */
  #rec5365403901 .t-container,#rec5365403901 .t-feed__container,#rec1134327871 .t-container{max-width:min(calc(100vw - 200px),1724px)!important;width:auto!important}
  #rec5365403901 .t2823__items{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #rec5365403901 .t-cms__card{width:auto!important;max-width:none!important}
  /* форма: одинокий телефон — по центру */
  .t700 .t-input-group_ph{margin-left:auto!important;margin-right:auto!important}
}

/* 01.11.2026: форма на ширину колонки — поля в три колонки на широких экранах */
@media screen and (min-width:1600px){
  .t700 .t-form__inputsbox{justify-content:flex-start!important;gap:0 24px}
  .t700 .t-input-group{width:calc(33.333% - 16px)!important}
  .t700 .t-input-group_cb,.t700 .t-input-group_rd,.t700 .t-form__submit,.t700 .t-form__errorbox-middle,.t700 .t-form__errorbox-bottom,.t700 .t-form__successbox{width:100%!important}
  .t700 .t-input-group_ph{margin-left:0!important;margin-right:0!important}
  .t700 .t-form__submit .t-submit{max-width:520px;margin:0 auto;display:block}
}

/* 01.11.2026: форма — справа панель с оффером и преимуществами (используется скрытая колонка блока T700, фото убрано) */
@media screen and (min-width:980px){
  .t700 .t-container_flex{display:grid!important;grid-template-columns:minmax(0,1fr) 340px;gap:0 40px;align-items:start}
  .t700 .t-container_flex > .t-col:first-child{display:block!important;grid-column:2;grid-row:1;width:auto!important;max-width:none!important;margin:0!important;float:none!important}
  .t700 .t-container_flex > .t-col:last-child{grid-column:1;grid-row:1}
  .t700 .t700__content{position:relative;height:100%;min-height:420px;border-radius:20px;background:linear-gradient(160deg,rgba(89,186,207,.16),rgba(89,186,207,.04) 60%,rgba(255,255,255,.02));border:1px solid rgba(89,186,207,.3);padding:28px 26px;box-sizing:border-box}
  .t700 .t700__img,.t700 .t700__content .t-descr,.t700 .t700__content .t-title{display:none!important}
  .t700 .t700__content{display:flex;flex-direction:column;gap:14px}
  .t700 .t700__content:before{content:"Скидка 5 % при заявке с сайта";display:block;font:700 28px/1.2 'GothamPro',Arial,sans-serif;color:#fff;padding-bottom:16px;border-bottom:1px solid rgba(89,186,207,.3)}
  .t700 .t700__content:after{content:"Скидка применяется к первому заказу по заявке с сайта. Действует во всех центрах CarBase.";display:block;order:9;margin-top:auto;padding-top:14px;border-top:1px solid rgba(89,186,207,.2);font:400 13px/1.5 'GothamPro',Arial,sans-serif;color:rgba(255,255,255,.55)}
  .t700 .t700__wrap-video{display:block!important;height:auto!important;padding:0!important;margin:0!important;background:none!important}
  .t700 .t700__wrap-video:before{content:"✓  Перезвоним в течение 15 минут в рабочее время и подберём центр и удобное время";display:block;font:400 15px/1.5 'GothamPro',Arial,sans-serif;color:rgba(255,255,255,.88);margin-bottom:12px}
  .t700 .t700__wrap-video:after{content:"✓  Назовём точную цену по категории авто до приезда. Фото до/после и гарантия на работы";display:block;font:400 15px/1.5 'GothamPro',Arial,sans-serif;color:rgba(255,255,255,.88)}
  .t700 .t700__content .t700__content-inner{display:none}
}
@media screen and (min-width:1280px){ .t700 .t-container_flex{grid-template-columns:minmax(0,1fr) 380px} }

/* телефон: флаг и код +7 всегда видны, маска (000) 000-00-00 */
.t700 .t-input-phonemask__wrap{display:flex!important;align-items:center;flex-wrap:nowrap;overflow:hidden}
.t700 .t-input-phonemask__select{display:flex!important;align-items:center;flex:none;min-width:64px;gap:4px}
.t700 .t-input-phonemask__select-flag{display:inline-block!important;flex:none;width:18px;height:13px}
.t700 .t-input-phonemask__select-code{display:inline-block!important;white-space:nowrap;color:#fff!important}
.t700 .t-input-phonemask__wrap .t-input{flex:1;min-width:0}

/* 01.11.2026: единый стиль заголовков всех блоков — подпись-категория бирюзой над заголовком, заголовок капителью одного размера, выравнивание по левому краю колонки */
.cbwhy__eyebrow,.cbproj__eyebrow,.cbfaq__eyebrow,.cbct__eyebrow,#rec5365403901 .js-block-header-title:before{font-size:17px!important;font-weight:600!important;letter-spacing:.2em!important;text-transform:uppercase;color:#59bacf!important;text-align:left!important;margin:0 0 12px!important}
.cbwhy h2,.cbproj h2,.cbfaq h2,.cbct h2,#rec5365403901 .js-block-header-title{font-size:clamp(26px,3.1vw,60px)!important;line-height:1.05!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.02em!important;text-align:left!important;color:#fff!important}
.cbproj__lead,#rec5365403901 .t-feed__container .t-descr,#rec5365403901 .js-block-header-descr{text-align:left!important;margin-left:0!important;margin-right:0!important;max-width:760px}
#rec5365403901 .t-section__topwrapper,#rec5365403901 .t-section__title,#rec5365403901 .t-section__descr{text-align:left!important;margin-left:0!important}
#rec5365403901 .js-block-header-title{display:block;width:100%}
#rec5365403901 .t2823__container,#rec5365403901 .t-feed__container,#rec5365403901 .t2823__items{width:min(calc(100vw - 200px),1724px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
@media (max-width:979px){#rec5365403901 .t2823__container,#rec5365403901 .t-feed__container,#rec5365403901 .t2823__items{width:calc(100% - 40px)!important}}
