База — полная копия as-is reference-homepage-mobile.html (снят по скриншоту реального сайта 2026-08-19). Локальная копия, не общий компонент: если референс обновится по новому скриншоту, сюда правки не подтянутся автоматически. Все ограничения оригинала актуальны и здесь: часть блоков (персонализация Mindbox) не восстановлена, вкладка «Поиск» в таб-баре активна как на скриншоте, часть каруселей и футер-аккордеонов не продублирована — подробности в требованиях самого референса.
Добавлено: виджет «Вопрос дня» сразу под рядом промо-плашек, перед первой каруселью товаров — ведёт на страницу опроса.
Убрано: состояние «вопроса нет» (приглушённый вариант виджета, звавший в общий хаб «Заработать бонусы», был доступен через ?state=none) — удалено из задачи по прямому запросу вместе с переименованием OOK-891 в OOK-903; экран теперь показывает только состояние «есть активный вопрос».
Открытые вопросы: место виджета (сразу под промо-плашками) — решение уровня прототипа, с продуктом не сверено.
По фидбэку: акцент на бонусе усилен — вместо мелкого полупрозрачного бейджа «+50 Б» внутри общей строки с кнопкой теперь отдельный крупный золотой блок (30px, контрастный жёлто-золотой градиент вместо белого-полупрозрачного на синем) на всю ширину карточки. В приглушённом состоянии (нет активного вопроса) золотой бейдж не показывается — там нет бонуса, который можно было бы обещать прямо сейчас, только предложение посмотреть другие способы.
Ещё по фидбэку: предыдущая правка сделала текст вопроса вторичным, чтобы не спорил с бонусом визуально — оказалось, перегнули: пользователь должен одинаково ясно видеть и вопрос (что от него хотят), и бонус (что за это будет), а не только последнее. Текст вопроса возвращён к заголовочному начертанию (крупный, жирный, наравне с бонусным блоком по значимости) и переставлен выше бонуса — порядок чтения теперь «Вопрос дня → сам вопрос → +50 Б → Ответить», то есть сначала понятно, что нужно сделать, потом — что за это будет.
Виджет стал каруселью из трёх активных опросов — по прямому запросу. Раньше показывался только один текстовый вопрос дня (единственный тип, доступный на реальном сайте); теперь, когда в прототипе появились Голосование (OOK-917) и «Клад» (OOK-918), виджет показывает все три активных типа сразу, в том же порядке, что и в общем списке опросов: Голосование → Клад → Опрос. Каждая карточка ведёт на свой реальный экран (ook-917-pair-choice-kettles-mobile-tobe.html, ook-918-treasure-cards-mobile-tobe.html, ook-834-survey-mobile.html). Горизонтальная прокрутка со scroll-snap (одна карточка почти на всю ширину экрана, край следующей чуть виден — подсказка, что можно свайпнуть) и точки-индикаторы под каруселью, синхронизированные со скроллом через JS, — по образцу уже существующего на этой же странице баннера промо (.m-hero-dots), но с реальной синхронизацией, а не статичной первой точкой.
Три разных цвета — по прямому запросу «сделать повеселее». Опрос — синий (as-is цвет виджета, не менялся); Голосование — оранжево-золотой градиент с чайником 🫖 (перекликается с золotой пилюлей типа «Голосование» в общем списке); Клад — фиолетовый градиент с подарком 🎁 (перекликается с сиреневой пилюлей типа «Клад» там же). У каждой карточки также крупный полупрозрачный эмодзи-«водяной знак» в углу — чисто декоративный акцент, не несёт информации. Сумма бонуса за «Клад» (+100 Б, «если угадаете») показана в открытую, как и в общем списке опросов, — по образцу того же места, а не по мотивам логики «никакой суммы бонуса, ради интриги» с самого экрана игры (там уже зафиксирована как открытый вопрос несогласованность списка и экрана игры, см. историю OOK-918 — сюда её распространять не стали, чтобы не плодить ещё одно место с той же нерешённой развилкой).
Уменьшен размер — по прямому запросу («доминирует на главной, так быть не должно, должен быть заметно меньше главного баннера»). Ширина карточки в карусели уменьшена с 86% до 62% ширины экрана, паддинги/шрифты/бейдж бонуса/кнопка — все уменьшены пропорционально (вопрос — 13px вместо 18px, бейдж бонуса — 16px вместо 30px и т.д.). Итоговая высота виджета заметно ниже, чем у hero-баннера промо-акции выше на этой же странице (min-height 160px) — карусель теперь явно второстепенный, а не главный элемент экрана.
Четвёртая плитка — «Все способы заработать бонусы», ведёт в общий хаб — по прямому запросу, замыкающая карусель (после Опроса). Ведёт на ook-903-bonus-hub-tiles-mobile-tobe.html (единственный оставшийся вариант хаба — вариант-список удалён ранее, см. историю). В отличие от трёх игровых карточек, у неё нейтральный тёмно-сине-серый цвет (не золотой/фиолетовый/синий, как у активностей) и нет бонус-бейджа с суммой — это не конкретная активность с конкретной наградой, а точка входа «посмотреть остальное», поэтому визуально выделена как отдельная, четвёртая по счёту категория, а не ещё один вид опроса.
Отступы по краям карусели — пойманный и исправленный баг вёрстки. Изначально отступы задавались через padding: 0 var(--space-4) на самом скроллящемся контейнере (.qday-carousel) — в Chromium/WebKit это известная особенность: padding в начале (inline-start) скроллящегося flex-контейнера не рендерится как видимый отступ, видна только конечная сторона. Из-за этого первая карточка «прилипала» к левому краю экрана при загрузке страницы, хотя в коде отступ был явно прописан. Исправлено: вместо padding на контейнере добавлены два невидимых flex-элемента-спейсера (.qday-carousel-spacer, по 16px) в начале и в конце списка карточек — этот приём даёт одинаковый, реально видимый отступ с обеих сторон независимо от скролла.
Холодильник.ру — доставка крупной и мелкой бытовой техники по Москве и всей России, официальная гарантия, бонусная программа и допскидки на популярные бренды.