calls24-landing/prompts/mobile-adapter.md

Адаптация секции под мобильный (≤768px)

Конвенции

• Брейкпоинт: @media (max-width: 768px)
• Grid → grid-template-columns: 1fr (одна колонка)
• Flex → flex-direction: column (вертикальный стек)
• Padding → уменьшить с 3rem до 1.5rem
• Шрифты — не мельче 14px для текста, 18px для заголовков
• Кнопки на всю ширину: width: 100%
• Не трогать scroll-behavior, animation, GSAP-триггеры

Порядок

1. Найти секцию в index-v4.html по CSS-классу или тексту
2. Добавить/обновить правило в @media (max-width: 768px)
3. Если секция табличная — заменить на карточный вид (.employee-card-view)
4. Проверить, что нет overflow-x: hidden на контенте