МЗБ
Сила в ПРАВДЕ

Так было…Не пустила в дом собаку,
Что шла со мною рядом всю дорогу.
И хоть мне было жаль её, однако,
Я с нею распрощалась у порога.

«Себе хозяев ищешь? – Понимаю!
Прости, но не ходи за мною дальше…»
Собака встала, лапу поджимая
И честно глядя мне в лицо, без фальши.

А я…А я была насквозь фальшива –
От ласкового голоса до взгляда.
Я ей сказала: «Мне и так паршиво.
Не до тебя, хоть взять была бы рада…»

И с тем исчезла в сером полумраке,
Закрыв перед беднягой дверь несмело,
Мне было стыдно, что для той собаки
Могла я другом стать… Да не сумела.

/* 1. ФОН И ОБЩИЙ КОНТЕЙНЕР */ header.header { background-image: url('/images/headers/cadbf02093dd8e7b4c9e74107ba7b27a.jpg') !important; background-size: cover !important; background-position: center !important; padding: 20px 0 !important; min-height: 220px !important; } header.header .container-header { display: flex !important; flex-direction: row !important; align-items: center !important; /* Выравнивание всех по вертикальному центру */ justify-content: flex-start !important; gap: 30px !important; max-width: 1400px !important; margin: 0 auto !important; } /* Снимаем обертки Joomla */ header.header .grid-child { flex: none !important; width: auto !important; margin: 0 !important; } /* 2. БЛОК 1: ЛОГОТИП */ .mzb-logo-block { flex: 0 0 auto !important; } /* 3. БЛОК 2: КРУГЛОЕ МЕНЮ */ /* Это наш "якорь" по высоте */ .mzb-menu-block { flex: 0 0 auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; min-height: 120px !important; /* Примерная высота твоей кнопки с годом */ } /* 4. БЛОК 3: ИНФО-ПАНЕЛЬ (Меню + Цитата) */ /* Этот блок встает справа и делится на 2 строки */ .mzb-quote-block { flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 10px !important; border-left: 1px solid rgba(0, 123, 255, 0.2) !important; /* Тонкая разделительная линия */ padding-left: 20px !important; height: 120px !important; /* Равняем по высоте круглого меню */ } /* Верхняя строка: Горизонтальное меню */ .mzb-main-nav ul { display: flex !important; list-style: none !important; gap: 20px !important; margin: 0 !important; padding: 0 !important; } .mzb-main-nav a { font-weight: bold !important; text-decoration: none !important; color: #007bff !important; font-size: 14px !important; text-transform: uppercase; } /* Нижняя строка: Цитата */ .mzb-quote-block p { margin: 0 !important; font-family: "Times New Roman", serif !important; font-style: italic !important; font-size: 15px !important; color: #444 !important; line-height: 1.3 !important; } /* АДАПТИВ ДЛЯ МОБИЛОК */ @media (max-width: 991px) { header.header .container-header { flex-direction: column !important; text-align: center !important; } .mzb-quote-block { border-left: none !important; padding-left: 0 !important; height: auto !important; } }