Проблема:
На мобильных устройствах в попапе копирования промокода остаются избыточные боковые отступы. Из‑за этого на узких экранах (320–375 px) полезная ширина контента сильно сокращается — попап выглядит «подвешенным» в центре, а интерфейс кажется неаккуратным.
Ключевые болевые точки:

• Потеря полезной ширины: текущие отступы съедают до 30% ширины экрана на мобильных, из‑за чего текст и кнопка становятся визуально меньше, а строка промокода хуже читается.
• Слабая визуальная изоляция: из‑за больших полей попап не воспринимается как самостоятельный элемент — он будто «плавает» на фоне страницы, снижая доверие к действию.
• Неудобство взаимодействия: на узких экранах пользователю приходится тянуться к кнопке, а при случайном касании по пустому полю попап может закрываться — это повышает процент отказов.
• Несогласованность с дизайн‑системой Zakeratin: в остальных мобильных блоках магазина используются компактные отступы (16–20 px), а попап выбивается из общего ритма.

Решение:
Адаптировать попап вручную в Zero Block (без кода) — настроить ширину контейнера и боковые отступы на мобильных брейкпоинтах. Цель — сделать попап компактным, но не тесным: он должен занимать большую часть ширины экрана, сохраняя читаемость и удобство нажатия.
Что конкретно планируется сделать:

• На экранах ≤ 480 px: уменьшить боковые отступы до 16–20 px (вместо текущих больших значений).
• Скорректировать ширину контейнера попапа: на мобильных сделать его почти во всю ширину экрана (с учётом новых отступов), но оставить небольшой «воздух» до краёв, чтобы не было ощущения прилипания.
• Проверить выравнивание внутренних элементов: убедиться, что при уменьшении отступов текст, кнопка и иконка остаются по центру и не наезжают друг на друга.
• Протестировать на популярных разрешениях: 320 px, 360 px, 375 px, 414 px — попап должен выглядеть аккуратно на всех основных устройствах.
• Синхронизировать стили с остальными попапами Zakeratin: радиусы скругления, тени и отступы должны соответствовать общей дизайн‑системе магазина.

В результате попап будет восприниматься как нативная часть мобильного интерфейса: компактный, удобный, с понятным призывом к действию и хорошей читаемостью промокода.
Комментарий разработчика:
Задача решается средствами Zero Block — через ручную настройку ширины и отступов на разных брейкпоинтах. Это сохраняет гибкость, не добавляет скриптов и гарантирует стабильную работу при любых обновлениях Tilda.