/* /course mobile: горизонтальный скролл документа.
   В 11_responsive.css overflow-x:hidden висит на .course-landing-tilda и на .course-landing-tilda #wrap —
   реальный корневой #wrap страницы туда не попадает (герой #course-landing-hero выше .course-landing-tilda).
   Узкий scope: только страница с героем курса. */

@media (max-width: 768px) {
  body:has(#course-landing-hero) #wrap {
    overflow-x: clip;
    max-width: 100%;
    box-sizing: border-box;
  }

  /* Резерв: T396-носители не шире viewport (inline Tilda может задавать фикс. ширину артборда). */
  body:has(#course-landing-hero) .course-landing-tilda .t396__carrier,
  body:has(#course-landing-hero) .course-landing-tilda .t396__filter,
  body:has(#course-landing-hero) .course-landing-tilda .t396__artboard {
    max-width: 100% !important;
  }
}