<html lang="ru">
<head>
<meta charset="UTF-8">
<style>
/* Изолированные стили с повышенным приоритетом */
#custom-corp-banner {
display: none; /* Скрыт по умолчанию для мобильных и JS */
position: fixed !important;
bottom: 30px !important;
left: 50% !important;
transform: translateX(-50%) translateY(150%);
width: 90% !important;
max-width: 1000px !important;
/* ГАРАНТИРОВАННЫЙ ТЕМНЫЙ ФОН */
background: #1a2224 !important;
border-radius: 16px !important;
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5) !important;
z-index: 2147483647 !important; /* Максимальный слой поверх всего */
padding: 24px 40px !important;
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
box-sizing: border-box !important;
}
/* Показ только на десктопе (от 1025px) */
@media (min-width: 1025px) {
#custom-corp-banner.is-active {
display: block;
transform: translateX(-50%) translateY(0);
}
}
.ccb-container {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 40px !important;
background: transparent !important;
}
.ccb-info {
background: transparent !important;
}
.ccb-info h3 {
margin: 0 0 6px 0 !important;
font-size: 22px !important;
color: #ffffff !important; /* Белый текст заголовка */
font-weight: 700 !important;
line-height: 1.2 !important;
}
.ccb-info p {
margin: 0 !important;
font-size: 15px !important;
color: #a0aab0 !important; /* Серый текст описания */
line-height: 1.5 !important;
}
.ccb-actions {
display: flex !important;
align-items: center !important;
gap: 20px !important;
background: transparent !important;
}
/* КНОПКА С ФИРМЕННЫМ ЦВЕТОМ 00A7CD */
.ccb-btn {
background-color: #00A7CD !important;
color: #ffffff !important;
text-decoration: none !important;
padding: 14px 32px !important;
border-radius: 10px !important;
font-weight: 700 !important;
font-size: 16px !important;
transition: all 0.3s ease !important;
white-space: nowrap !important;
border: none !important;
cursor: pointer !important;
box-shadow: 0 6px 20px rgba(0, 167, 205, 0.3) !important;
}
/* Кнопка при наведении: становится ярче синим, никакого красного */
.ccb-btn:hover {
background-color: #00c2ed !important;
transform: translateY(-2px) !important;
box-shadow: 0 8px 25px rgba(0, 167, 205, 0.5) !important;
}
/* Кнопка закрытия */
.ccb-close {
background: rgba(255, 255, 255, 0.08) !important;
border: none !important;
width: 36px !important;
height: 36px !important;
border-radius: 50% !important;
color: #ffffff !important;
font-size: 22px !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: 0.3s !important;
line-height: 1 !important;
}
.ccb-close:hover {
background: rgba(255, 255, 255, 0.2) !important;
transform: rotate(90deg) !important;
}
</style>
</head>
<body>
<div id="custom-corp-banner">
<div class="ccb-container">
<div class="ccb-info">
<h3>А скидка будет? Будет!</h3>
<p>Для юридических лиц у нас действует корпоративная программа. Оформите заказ по договору и получите индивидуальную скидку.</p>
</div>
<div class="ccb-actions">
<a href="https://b24-qzyf5w.bitrix24.site/crm_form_gosey/" class="ccb-btn">Хочу дешевле</a>
<button class="ccb-close" onclick="closeMyBanner()">×</button>
</div>
</div>
</div>
<script>
// Появление баннера через 2 секунды
window.addEventListener('load', function() {
if (!localStorage.getItem('my_corp_banner_closed')) {
const banner = document.getElementById('custom-corp-banner');
banner.style.display = 'block';
setTimeout(() => {
banner.classList.add('is-active');
}, 100);
}
});
function closeMyBanner() {
const banner = document.getElementById('custom-corp-banner');
banner.classList.remove('is-active');
localStorage.setItem('my_corp_banner_closed', 'true');
// Убираем из DOM после завершения анимации
setTimeout(() => { banner.style.display = 'none'; }, 800);
}
</script>
</body>
</html>
Экспресс-уборка
Продукты, предназначенные для быстрой уборки, пользуются значительным спросом среди потребителей. Они широко применяются для уборки различных объектов, таких как офисы, бизнес-центры, кафе, бары, рестораны, гостиницы, торговые центры и даже домашние помещения.
Химитек Интерьер-Офис и Химитек Интерьер-Офис-Спрей - это универсальные средства для уборки помещений, которые обеспечивают быстрое и качественное очищение любых поверхностей, включая пластик, дерево, натуральную и искусственную кожу. Они эффективно удаляют бытовые загрязнения и могут быть использованы для аудио-, видео-, оргтехники, зеркал, бесцветного и тонированного стекла, мебели и других предметов интерьера. Благодаря своей универсальности, эти средства могут заменить несколько разных средств и значительно упростить процесс уборки помещений.
