/* Сброс и база */ .hp-ticker-wrapper, .hp-ticker-wrapper * { box-sizing: border-box; } /* Главный wrapper - виден всегда */ #hp-ticker-wrapper { position: fixed !important; bottom: 0; left: 0; width: 100% !important; height: 100px; overflow: hidden; background: #ffffff; border-top: 2px solid #000000; box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.3); z-index: 10000 !important; display: flex; align-items: center; } .hp-ticker { position: relative; width: 100%; height: 100%; overflow: visible !important; cursor: pointer; } .hp-ticker__content { position: absolute; top: 50%; transform: translateY(-50%); left: 0; white-space: nowrap; animation: hp-ticker-scroll 15s linear infinite; } .hp-ticker__content--paused { animation-play-state: paused !important; } .hp-ticker:hover .hp-ticker__content { animation-play-state: paused; } .hp-ticker__item { display: inline-block; } .hp-ticker__img { height: 70px; width: auto; object-fit contain; background: transparent; padding: 0; border: none; border-radius: 0; box-shadow: none; display: block; filter: none; } @keyframes hp-ticker-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-100vw); } } /* Адаптивность */ @media (max-width: 480px) { #hp-ticker-wrapper { height: 80px; } .hp-ticker__img { height: 50px; } } @media (max-width: 960px) { #hp-ticker-wrapper { height: 90px; } .hp-ticker__img { height: 60px; } } @media (min-width: 1201px) { #hp-ticker-wrapper { height: 100px; } .hp-ticker__img { height: 70px; } }