Экран без as-is — на реальном сайте отдельной карточки товара-услуги нет.
Собран как копия карточки товара (ook-836-product-card-tobe.html) с минимальными отличиями — не отдельный дизайн. Убрано только то, что физически неприменимо к услуге или прямо противоречит правилам: рассрочка/Сплит (услуги требуют 100% предоплаты), самовывоз/доставка (заменены на визит мастера), 360°-галерея и миниатюры (заменены на один блок), карусель рекомендаций (нет смысла для услуги). Всё остальное — та же вёрстка, что у товара.
Одна страница обслуживает обе услуги — в зависимости от того, с какого тумблера или ссылки пришёл переход, показывается нужная услуга. Карточка виджета на странице товара ссылается на нужный вариант через «Подробнее ›».
Кнопка «В корзину» добавляет услугу без привязки к товару — у этой карточки нет контекста, из какой карточки товара пришёл пользователь.
Начало демо-сценария «путь клиента»: эта страница — стартовая точка happy path для самостоятельного прохождения (см. Правило 11 в базе знаний). Клик мимо кликабельных зон на секунду подсвечивает элемент, который продолжает сценарий.
Два именованных пресета через ?scenario= в ссылке (только на этой стартовой странице, дальше по цепочке ничего указывать не нужно): ?scenario=simple — один товар без DBS; ?scenario=full — тот же товар плюс DBS-товар (демонстрирует дробление корзины). Оба пресета гарантированно стартуют без добавленных услуг, даже если в браузере осталось что-то от прошлого прохождения. Ссылка без параметра или с нераспознанным значением ведёт себя как обычно.
См. «Требования к задаче» OOK-836 на index.html.