/* TSA commercial pages: mobile width guard, 2026-10-16 */
.tsa-commercial-page{width:100%;max-width:100vw;overflow-x:hidden}
@media (max-width:600px){
  .tsa-commercial-page,.tsa-commercial-page main,.tsa-commercial-page section{width:100%!important;max-width:100vw!important}
  .tsa-commercial-page .container{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;margin-left:16px!important;margin-right:16px!important}
  .tsa-commercial-page h1,.tsa-commercial-page .hero-lead{max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere}
}

/* TSA UI/UX 2026-10-24: commercial pages follow rules/design/brand.md (fonts, accent, min 12px), CTA on the first screen */
.tsa-commercial-page{--red:#C41D1D;--red-dark:#C41D1D;font-family:var(--t-text-font,Arial)}
#allrecords .tsa-commercial-page h1,#allrecords .tsa-commercial-page h2,#allrecords .tsa-commercial-page h3{font-family:var(--t-headline-font,Arial);letter-spacing:0}
#allrecords .tsa-commercial-page h1{font-size:clamp(36px,4.2vw,58px);line-height:1.1;text-wrap:balance}
#allrecords .tsa-commercial-page h2{font-size:42px;font-weight:500;line-height:1.15}
#allrecords .tsa-commercial-page .article-shell h2{font-size:32px;font-weight:700}
#allrecords .tsa-commercial-page .article-shell h3{font-size:24px}
#allrecords .tsa-commercial-page .hero{min-height:600px}
#allrecords .tsa-commercial-page .article-hero{min-height:480px}
#allrecords .tsa-commercial-page .hero-content{padding:80px 0 64px}
@media (min-width:601px){#allrecords .tsa-commercial-page .hero::before{background:linear-gradient(90deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.72) 50%,rgba(0,0,0,.3) 78%,rgba(0,0,0,.2) 100%)}}
#allrecords .tsa-commercial-page .button:hover{box-shadow:inset 0 0 0 100vmax rgba(0,0,0,.2)}
#allrecords .tsa-commercial-page .button.ghost:hover{box-shadow:none}
#allrecords .tsa-commercial-page .timeline-item small,#allrecords .tsa-commercial-page .route-card .tag,#allrecords .tsa-commercial-page .form-note{font-size:12px}
#allrecords .tsa-commercial-page .dark .form-note{color:rgba(255,255,255,.6)!important}
#allrecords .tsa-commercial-page .hero-note,#allrecords .tsa-commercial-page .faq details p,#allrecords .tsa-commercial-page .article-shell p,#allrecords .tsa-commercial-page .article-shell li{max-width:70ch}
#allrecords .tsa-commercial-page .article-shell a{color:var(--red)}
#allrecords .tsa-commercial-page .tsa-header-icon,#allrecords .tsa-commercial-page .tsa-header-phone,#allrecords .tsa-commercial-page .tsa-header-cta,#allrecords .tsa-commercial-page .tsa-header-lang{border-color:rgba(196,29,29,.3)}
#allrecords .tsa-commercial-page .tsa-header-icon:hover,#allrecords .tsa-commercial-page .tsa-header-phone:hover,#allrecords .tsa-commercial-page .tsa-header-cta:hover,#allrecords .tsa-commercial-page .tsa-header-lang:hover{border-color:var(--red);background:rgba(196,29,29,.08)}
@media (max-width:600px){
  #allrecords .tsa-commercial-page h1{font-size:30px;line-height:1.15}
  #allrecords .tsa-commercial-page h2{font-size:30px}
  #allrecords .tsa-commercial-page .article-shell h2{font-size:26px}
  #allrecords .tsa-commercial-page .hero{min-height:0}
  #allrecords .tsa-commercial-page .hero-content{padding:40px 0}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tsa-commercial-page *{transition:none!important}}

/* TSA UI/UX 2026-10-25 (В1, решение Софьи): светлые разделы коммерческих страниц в чёрный по бренду: фон #000, карточки #111, рамки #252525, подписи белый 60%; тело статей (.article-shell) не трогаем */
#allrecords .tsa-commercial-page .section{background:#000;color:#fff}
#allrecords .tsa-commercial-page .section.soft{background:#111}
#allrecords .tsa-commercial-page .section-intro,#allrecords .tsa-commercial-page .step p,#allrecords .tsa-commercial-page .timeline-item p,#allrecords .tsa-commercial-page .audience-card p,#allrecords .tsa-commercial-page .faq details p,#allrecords .tsa-commercial-page .step-number,#allrecords .tsa-commercial-page .timeline-item small{color:rgba(255,255,255,.6)}
#allrecords .tsa-commercial-page .kicker{display:flex;align-items:center;gap:12px;color:#fff}
#allrecords .tsa-commercial-page .kicker::before{content:"";flex:none;width:45px;height:3px;background:var(--red)}
#allrecords .tsa-commercial-page .steps{background:#252525;border-color:#252525}
#allrecords .tsa-commercial-page .step{background:#111}
#allrecords .tsa-commercial-page .soft .step{background:#000}
#allrecords .tsa-commercial-page .audience-card,#allrecords .tsa-commercial-page .faq,#allrecords .tsa-commercial-page .faq details,#allrecords .tsa-commercial-page .program-panel{border-color:#252525}
#allrecords .tsa-commercial-page .program-panel{border:1px solid #252525}
#allrecords .tsa-commercial-page .timeline-item::before{box-shadow:0 0 0 5px #000}
#allrecords .tsa-commercial-page .soft .timeline-item::before{box-shadow:0 0 0 5px #111}

/* TSA UI/UX 2026-10-24: Дневник TSA (Поток) - ссылки и подзаголовки статей в цвете и шрифте бренда, место под ленту без сдвига */
#allrecords .t-cms__page .t-redactor__tte-view a:not([class*="btn"]){color:#C41D1D;text-decoration:underline;text-underline-offset:3px}
#allrecords .t-cms__page figcaption,#allrecords .tsa-links__count{color:#6c6c6c;opacity:1}
#allrecords .t-cms__page .t-redactor__h2,#allrecords .t-cms__page .t-redactor__h3{font-family:var(--t-headline-font,Arial)}
#rec4673088001 .t2823__items{min-height:1900px}
#rec4673088001 .t2823 .t2823__container_parts{display:block}
#rec4673088001 .t-col:has(>.t2823__parts){min-height:76px}
@media (max-width:1199px){#rec4673088001 .t2823__items{min-height:1100px}}
@media (max-width:480px){#rec4673088001 .t-col:has(>.t2823__parts){min-height:111px}}
/* 2026-10-25 (В4, решение Софьи): на телефоне рубрики одной строкой с прокруткой вбок, резерв высоты под одну строку */
@media (max-width:480px){
  #rec4673088001 .t2823__parts{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  #rec4673088001 .t2823__parts::-webkit-scrollbar{display:none}
  #rec4673088001 .t2823__parts .t-cms__parts__link{flex:0 0 auto;white-space:nowrap}
  #rec4673088001 .t-col:has(>.t2823__parts){min-height:30px}
}

/* TSA UI/UX 2026-10-25 (замечание 3): плашка cookie компактная, шрифт сайта, две кнопки в ряд */
#rec2225158061 .t972 .t972__banner,#rec2226078681 .t972 .t972__banner{padding:12px 16px 14px}
#rec2225158061 .t972 .t972__title,#rec2226078681 .t972 .t972__title,#rec2225158061 .t972 .t972__settings-btn,#rec2226078681 .t972 .t972__settings-btn{display:none}
#rec2225158061 .t972 .t972__text,#rec2226078681 .t972 .t972__text{font-family:var(--t-text-font,Arial);font-size:12px;line-height:1.5}
#rec2225158061 .t972 .t972__buttons,#rec2226078681 .t972 .t972__buttons{margin-top:10px}
#rec2225158061 .t972 .t972__buttons-wrap,#rec2226078681 .t972 .t972__buttons-wrap{display:flex;gap:8px}
#rec2225158061 .t972 .t972__buttons-wrap .t-btn,#rec2226078681 .t972 .t972__buttons-wrap .t-btn{flex:1 1 0;width:auto;min-height:44px}
/* TSA UI/UX 2026-10-25 (замечание 5): зона нажатия кнопки меню .ru на телефоне 48×44 без изменения значка */
#rec622946845 .t-menuburger{position:relative}
#rec622946845 .t-menuburger::before{content:"";position:absolute;left:-13px;right:-13px;top:-15px;bottom:-15px}
/* TSA UI/UX 2026-10-25 (замечание 8, тот же случай): ярлык «Russia visitor guide» на главной .com белый вместо красного 12px на чёрном */
#rec4764874301 .tsa-home-guide__label{color:#fff}