Сайт магазина одежды, который вы собираете сами

Ты — senior product designer, UX-архитектор и frontend-разработчик. Помоги мне собрать витрину магазина одежды: я продаю одежду сам, без веб-студии и без технических знаний.

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

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

Экраны: витрина с фильтрами по категории, размеру, цвету и цене; карточка товара с галереей-заглушкой, размерами, остатками, составом и кнопкой «В корзину»; корзина с количеством и суммой; оформление заказа с доставкой и способом оплаты; список заказов со статусами и поиском по номеру или телефону; добавление и редактирование товара с загрузкой фото, ценой и остатками. Предусмотри пустые состояния, подтверждение удаления и понятное поведение после каждого действия.

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

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

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