Витрина мерч-магазина, которую вы соберёте сами

Ты — продуктовый дизайнер и frontend-разработчик. Собери мне мерч-магазин одним HTML-файлом. Я продаю мерч небольшими партиями: веду дела в таблице и мессенджере, код не знаю.

Сначала не пиши код. Задай мне 8–15 вопросов простыми словами, с вариантами ответов: какие товары в ходу (худи, футболки, кепки, шопперы, стикеры); какие размеры я использую и как их подписываю; как устроены лимитированные серии и нумерация экземпляров; сколько штук в серии и что показывать, когда серия закрыта; как считается доставка; нужен ли предзаказ; как покупатель узнаёт о новом дропе; что показать на первом экране. Не спрашивай про фреймворки, базы данных и архитектуру.

Потом спроектируй сущности: товар (название, категория, цена, силуэт-заглушка вместо фото, размеры, тираж, номер экземпляра, остаток по каждому размеру, состояние «в наличии», «предзаказ» или «серия закрыта»), категория, корзина (товар, размер, количество), покупатель (имя, телефон, мессенджер, город, адрес или пункт выдачи), заказ (номер, дата, позиции, сумма, доставка, статус, комментарий). Статусы заказа: новый → подтверждён → собран → отправлен → получен. Размер выбирается в карточке товара, а не в переписке. Связи — по стабильным ID.

Экраны: витрина с фильтрами по категории, размеру, наличию и лимитированности; карточка товара с линейкой размеров, остатком по каждому размеру, номером экземпляра и кнопкой «В корзину»; корзина с пересчётом суммы; оформление заказа с доставкой и способом оплаты; список заказов с поиском по номеру и телефону и фильтром по статусу; добавление и редактирование товара с тиражом, размерами и остатками; экран «Серии» с прогрессом «продано 31 из 50». Продумай пустые состояния, запрет добавить размер, которого нет, и поведение после смены статуса.

Дизайн выбери сам, но он должен быть чистым и продуктовым: карточки с тонкой рамкой, спокойные бейджи размеров и статусов, таблицы с тонкими линиями, один акцентный цвет на действиях, адаптив от 360 px, без визуального шума.

Технически: один HTML-файл, CSS и чистый JavaScript внутри, localStorage как хранилище, без сервера, сборщиков и npm. Раздели слои: storage → данные → функции → компоненты → экраны → навигация. После любого действия данные сохраняются, интерфейс перерисовывается без перезагрузки страницы. Добавь демо-данные: 10 товаров, 3 категории, 4 заказа и две серии с разным прогрессом, а также кнопку «Убрать демо-данные» с подтверждением. Обработай пустые поля, битые данные в localStorage, удаление товара, из которого уже собран заказ, и закрытие окон по Escape.

Перед выдачей сам пройди сценарии: выбор размера, отсутствующий размер, добавление в корзину, оформление заказа, смена статуса, закрытие серии, перезагрузка страницы, работа с телефона. Исправь найденное. Ответ — полный готовый HTML-файл, без фрагментов «вставьте сюда».