Danil Isaev

А если в OnEpilog событии проставить? Он вызывается в конце визуальной части к тому моменту класс должен быть уже отработан.
В init.php следующий код:

\Bitrix\Main\EventManager::getInstance()->addEventHandler('main','OnEpilog','OnEpilogMeta'); 
function OnEpilog(){
    $APPLICATION->SetPageProperty("title", "some one else");
}

marketplace.1c-bitrix.ru/solutions/isaev.seotemplate - если для SEO

init.php
urlrewrite.php
смотреть скорее всего тут
UP:

array(
    "CONDITION" => "#^/#",
    "RULE" => "",
    "ID" => "bitrix:catalog",
    "PATH" => "/catalog/index.php",
  ),
  array(
    "CONDITION" => "#^/#",
    "RULE" => "",
    "ID" => "bitrix:catalog",
    "PATH" => "/catalog_test1/index.php",
  ),

Скорее всего на главной идут 2 компонента с чпу, в котором не требуются. Что создает правило которое возможно и вызывает ту страницу вместо 404

avocode - платный, но очень удобный (есть тест на 14 дней)
Ну или zeplin

Анимацию на css написать. И добавлять/убирать класс при скролле

Ну так турбо страница это rss. В чем проблема при передаче в rss, менять текст как вам угодно?

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

.top-search-form__search-query {
    height: 26px !important;
    border-radius: 0px !important;
    width: 150px !important;
    padding-left: 11px;
    line-height: 32px;
    font-size: 14px;
    background: #fff !important;
    color: #000 !important;
    border-bottom: 0px solid grey;
    transition-property: border-bottom;
    transition-delay: 5s;
}
.top-search-form__search-query:hover {
    border-bottom: 1px solid;
    transition-property: border-bottom;
    transition-delay: 0s;
}

max-width: 690px у многих элементов

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)

Ну вот прям если развернуто

$res = '%25D0%25B8%25D1%258F-%25D0%25B4%25D0%25B8%25D0%25B7%25D0%25B5%25D0%25BB%25D1%258C%25D0%25BD%25D0%25B0%25D1';
$res = urldecode($res);
echo $res;