.menu__banner > div {display:flex;flex-direction:column;justify-content:center;padding:20px 15px;text-align:center;background:rgba(0,0,0, .03);border-radius:var(--border-radius-1)}
.menu__banner div img {margin:20px auto;padding:10px;max-width:170px}
.menu__banner span {color:var(--menu-main-level-2-c);font-size:1.5em;font-weight:500}
.menu__banner span:last-of-type{font-size:1.3em}

.news-page__description h3.heading{font-weight:700}
.news-page__description .heading:before{padding:0 5px 0 0;content:'#';color:#f00}
.news-page__image-39, .news-page__image-40, .news-page__image-41, .news-page__image-41{display:none}

.hpm-block-cat h4{display:none;}

/* Стилі для плаваючого відео-плеєра */
#floating-video-player {
    position: fixed;        /* Фіксована позиція на екрані */
    bottom: 20px;           /* 20px від нижнього краю */
    right: 20px;            /* 20px від правого краю */
    width: 320px;           /* Ширина плеєра (можна налаштувати) */
    background-color: #fff; /* Білий фон */
    border: 1px solid #ccc; /* Тонка сіра рамка */
    box-shadow: 0 4px 8px rgba(0,0,0,0.2); /* Тінь для ефекту плавання */
    z-index: 1050;          /* Поверх більшості елементів */
    border-radius: 8px;     /* Трохи заокруглені кути */
    overflow: hidden;       /* Приховуємо все, що виходить за межі */
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; /* Анімація для появи/зникнення */
}

/* Прихований стан плеєра */
.floating-video-hidden {
    transform: translateY(100%); /* Зсуває плеєр за нижній край екрана */
    opacity: 0;                  /* Робить його невидимим */
    pointer-events: none;        /* Не взаємодіє з курсором */
}

/* Видимий стан плеєра */
.floating-video-visible {
    transform: translateY(0);    /* Повертає плеєр на місце */
    opacity: 1;                  /* Робить його видимим */
    pointer-events: auto;        /* Дозволяє взаємодіяти з курсором */
}

#floating-video-player .video-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee;
}

#floating-video-player .video-header .video-title {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Обрізає довгий текст назви */
    flex-grow: 1; /* Дозволяє займати доступний простір */
    margin-right: 10px;
}

#floating-video-player .video-header .close-video-player {
    background: none;
    border: none;
    font-size: 20px;
    line-height: 1;
    color: #888;
    cursor: pointer;
    padding: 0;
    margin: 0;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

#floating-video-player .video-header .close-video-player:hover {
    opacity: 1;
    color: #333;
}

*************************
/* Оновлені стилі для кнопки "Купити в 1 клік" */
.product-page__quick-order.quick-order, /* Для сторінки продукту */
.product-thumb__quick-order.quick-order.btn /* Для карток товарів в категоріях */
 {
    /* Основний колір кнопки - більш насичений помаранчевий */
    background-color: #FF6F00; /* Темніший, але яскравий помаранчевий */
    border-color: #FF6F00;
    color: #FFFFFF; /* Чистий білий текст для максимального контрасту */
    font-weight: 700; /* Зробимо шрифт ще більш жирним (700 або bold) */
    text-transform: uppercase;
    letter-spacing: 0.5px; /* Невеликий інтервал між літерами для кращої читабельності */
    padding: 12px 25px; /* Збільшимо внутрішні відступи для більшого розміру кнопки */
    border-radius: 8px; /* Трохи більш округлі кути */
    box-shadow: 0 6px 15px rgba(255, 111, 0, 0.4); /* Більш виражена тінь */
    transition: all 0.3s ease-in-out; /* Плавніший перехід */
    cursor: pointer; /* Забезпечуємо візуальний відгук курсору */
    font-size: 16px; /* Трохи збільшимо розмір шрифту */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); /* Легка тінь для тексту, щоб він виділявся */
}

/* Ефект при наведенні курсору */
.product-page__quick-order.quick-order:hover, /* Для сторінки продукту */
.product-thumb__quick-order.quick-order.btn /* Для карток товарів в категоріях */
 {
    background-color: #FF8C00; /* Світліший помаранчевий при наведенні */
    border-color: #FF8C00;
    box-shadow: 0 8px 20px rgba(255, 140, 0, 0.6); /* Більш динамічна тінь */
    transform: translateY(-3px) scale(1.01); /* Легкий підйом і збільшення */
}

/* Анімація пульсації */
@keyframes pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 6px 15px rgba(255, 111, 0, 0.4);
    }
    50% {
        transform: scale(1.02); /* Максимальне збільшення трохи менше */
        box-shadow: 0 0 0 15px rgba(255, 111, 0, 0); /* Більший радіус пульсації */
    }
    100% {
        transform: scale(1);
        box-shadow: 0 6px 15px rgba(255, 111, 0, 0.4);
    }
}

.product-page__quick-order.quick-order, /* Для сторінки продукту */
.product-thumb__quick-order.quick-order.btn /* Для карток товарів в категоріях */
 {
    animation: pulse 2.5s infinite ease-in-out; /* Збільшимо час анімації для м'якшого ефекту */
}
/* CSS для приховання кнопки "Компактний" */
#compact-view {
    display: none !important; /* Приховати елемент і не займати місце */
}