/* ОБЕРТКА ДЛЯ ВСЕГО КОНТЕНТА */ .p-body-inner { max-width: 1200px !important; margin: 0 auto !important; } /* ЗАГОЛОВКИ (Делаем как на логотипе) */ h1, h2, h3, .block-header { font-family: 'Manrope', sans-serif !important; color: #00ff66 !important; text-transform: uppercase !important; font-weight: 900 !important; font-style: italic !important; letter-spacing: 1px !important; border-bottom: 2px solid #00ff66 !important; background: none !important; padding-bottom: 10px !important; } /* СЕТКА ПЛИТОК (ТВОЕ МЕНЮ) */ ul, .block-body { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important; gap: 15px !important; list-style: none !important; padding: 20px 0 !important; } /* САМИ КАРТОЧКИ (Теперь они видимы всегда) */ li a, .menu-link { display: block !important; background: rgba(255, 255, 255, 0.03) !important; border: 1px solid rgba(0, 255, 102, 0.15) !important; /* Слабое очертание сразу */ padding: 20px !important; border-radius: 12px !important; color: #ffffff !important; text-align: center !important; font-weight: 800 !important; text-transform: uppercase !important; font-size: 11px !important; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; } /* ЭФФЕКТ ПРИ НАВЕДЕНИИ (ТОТ САМЫЙ ПРЯМОУГОЛЬНИК) */ li a:hover { background: rgba(0, 255, 102, 0.08) !important; border-color: #00ff66 !important; transform: translateY(-5px) !important; box-shadow: 0 0 20px rgba(0, 255, 102, 0.3) !important; color: #00ff66 !important; }