2cha.headz

function arrayCountValues (arr) {
    var v, freqs = {};

    for (var i = arr.length; i--; ) { 
        v = arr[i];
        if (freqs[v]) freqs[v] += 1;
        else freqs[v] = 1;
    }
    return freqs;
}

window.addEventListener('storage', function(e) {  
     console.log('Данные localStorage были изменены из другого окна или вкладки!');
});

вот такой переменной нет #ELEMENT_CODE.html#

нужно было описать так #SITE_DIR#/#ELEMENT_CODE#.html/

например так:

$(document).ready(function(){
    $('.item').each(function(e,i){
        var idItem = $(i).data("item");
        $(i).find("input[type='text']").attr('name', 'item-' + idItem);
    })
});

если по наименованию, то типо такого

$name = 'название';
$arSelect = Array("*");
$arFilter = Array("IBLOCK_ID"=>IntVal($yvalue), "NAME"=>$name);
$res = CIBlockElement::GetList(Array(), $arFilter, false, Array(), $arSelect);
while($ob = $res->GetNextElement()){ 
    $arFields = $ob->GetFields();  
    print_r($arFields);
    $arProps = $ob->GetProperties();
    print_r($arProps);
}

здесь CIBlockElement::GetByID ни где не задается инфоблок, указывается только ID элемента

попробуйте вот так:

.card:hover {
  transform: scale(1.2) perspective(1px);
  transition: 500ms all;
}

скачков как таковых нет, только при увеличении текст чуть жирным стает =)

добавьте

.main-ul li {
    position: relative;
}

.main-ul li:nth-child(n) a::before {
    top: 50%;
    left: -40px;
    margin-top: -2.5px;
}

строку left: -40px; поправьте на необходимую

$( ".menu-btn, .menu-box-btn" ).click(function() {
    var thiss = this;
    if(!$(thiss).hasClass('wait')) {
        $( ".menu" ).toggleClass("menu-visible");    
        $(thiss).addClass('wait');
        var animationDuration = 2000;
        setTimeout(function(){$(thiss).removeClass('wait')}, animationDuration);
    }
});

$('.element').on('selectstart',function(e){
	$(document).one('mouseup', function() {
		if(window.getSelection().toString().length) {
			console.log('select');
                        //тут ваш обработчик
		}
	});
})

А вообще легче использовать что-то типо этого: https://ckeditor.com/ckeditor-5/demo/#balloon

$longString = "Давно выяснено, что при оценке дизайна и композиции читаемый текст мешает сосредоточиться. Lorem Ipsum используют потому, что тот обеспечивает более или менее стандартное заполнение шаблона.";
$truncated = substr($longString,0,strpos($longString,' ',30));

выводит текст обрезая до первого пробела после нужного кол-ва символов

у вас сначала срабатывает условие
if ($(window).width() > 969 && $(window).load()){
если оно ложно, то внутри вообще ничего не будет отрабатывать и следить за ресайзом

лучше поместить условие внутрь
$(window).on('load resize', function() {

типо такого можно:

if($user['id'] == 683) {
   $avatar = 'https://aquaworldonline.ru/img/avatars/full/adm.png';
} else if($users['sex'] == 'm') {
   $avatar = 'https://test.aquaworldonline.ru/img/avatars/full/m.png';
} else {
   $avatar = 'https://aquaworldonline.ru/img/avatars/full/f.png';
}

...
'bigAva' => $avatar
....

потому, что когда js применяет стили, они записываются инлайном (т.е.) внутри тега, эти стили являются более приоритетными
Можете в :hover цвету прописать !important, тогда он будет приоритетнее инлайнового стиля
хотя !important это плохая практика