/* =======================================================================
   HEADER WRAPPER
======================================================================= */

.lolli-header {
    background: #151521;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    padding: 16px 0 22px;
    position: relative;
    z-index: 1000;
}

.lolli-header-inner {
    width: min(1200px, 92%);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

/* =======================================================================
   LOGO (CENTER)
======================================================================= */

.lolli-header-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -6px;
}

.lolli-logo-img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    border-radius: 50%;
    filter: drop-shadow(0 0 12px #ff7cd8)
            drop-shadow(0 0 20px rgba(255,120,220,0.5));
    animation: logoPulse 3s infinite ease-in-out;
}

@keyframes logoPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.07); }
    100% { transform: scale(1); }
}

/* Mobile logo smaller (если вдруг пригодится) */
@media (max-width: 768px) {
    .lolli-logo-img {
        width: 75px;
        height: 75px;
    }
}

/* =======================================================================
   HEADER ICONS
======================================================================= */

.lolli-header-left,
.lolli-header-right {
    display: flex;
    align-items: center;
    gap: 20px;
}

.lolli-icon {
    font-size: 22px;
    color: #f5d9ff;
    text-decoration: none;
    transition: .25s;
}

.lolli-icon:hover {
    color: #ff7cd8;
    filter: drop-shadow(0 0 6px rgba(255,120,220,0.6));
}

/* =======================================================================
   MOBILE HEADER — COMPLETELY DISABLED
   (на мобильных вместо шапки работает нижняя панель, см. mobile-nav.css)
======================================================================= */

@media (max-width: 767px) {
    .lolli-header {
        display: none !important;
    }
}

/* Мини-корзина (кнопка и выпадающая панель) → assets/css/mini-cart.css */