/* Загальна сітка */ .custom-header { display: flex; justify-content: space-between; align-items: center; padding: 12px 20px; width: 100%; position: relative; } .custom-header .left-section, .custom-header .right-section { display: flex; align-items: center; gap: 8px; } .custom-header .logo { position: absolute; left: 50%; transform: translateX(-50%); } .icon-btn { background: none; border: none; padding: 0; cursor: pointer; display: flex; align-items: center; justify-content: center; } .icon-btn svg { width: 22px; height: 22px; stroke: #000; } /* Підписи */ .menu-label, .search-label { font-size: 12px; text-transform: lowercase; color: #000; } /* Тільки для desktop */ .desktop-only { display: inline-block; } /* Для mobile ховаємо Menu і Search */ @media (max-width: 991px) { .desktop-only { display: none; } .custom-header { justify-content: space-between; } .custom-header .logo { position: absolute; left: 50%; transform: translateX(-50%); } }