Макет страницы товара «Механическая клавиатура»

Создайте чистую современную страницу с деталями товара для интернет-магазина премиального бренда механических клавиатур под названием {argument name="brand name" default="KeyForge"}, представленную в виде высокоточного макета десктопного сайта на белом фоне с тонкими светло-серыми разделителями и просторными отступаCSS отступами. Макет представляет собой единую сцену витрины с верхней панелью навигации, левой панелью с миниатюрами товара, большимS большим центральным главным изображением продуктаL товара и правой панелью с информацией о покупке. В шапке слева разместите жиC жирный логотип, затем 7 пунктов навигации: «Клавиатуры», «ПереS Переключатели», «Кейкапы», «Аксессуары», «Распродажа», «Блог» и «Поддержка», а справа 3 иконки поискаCSSS поиска, аккаунта и корзины, с маленьким черным уведомлением «1» на корзиC зине. Основной товар в центре — компактная механическая клавиатура 75%, сфотографированная под небольшим углом сверху на светло-сеC сером подиуме, с алюминиевым корпусом серебристого цвета, белыми и серыми кейкапами, несколькими акцентными клавишами лавандового цвета и серебристойCS ручкой регулировки громкости в правом верхнем углу. Левая вертикальная галереяSS содержит ровно 5 миниатюр: 1 выбранный фронтальный ракурс, 1 вид клавиатуры под углом, 1 макроснимок переключателя, 1 макроснимок текстуры кейкапа и 1 темная миниатюра видео с иSSS same same-icon play. Правая панель товара включает небольшой бейдж «NEW», крупное жирное название товара {argument name="product name" default="KeyForge K75 Pro"}, подзаголовок « same-text «Механическая клавиатура 75%», строку с 5-звездочным рейтингом 4.8 и «(126 отзы same-text отзывов)», крупную жирную цену {argument name="price" default="$1 la same same-text 129.99»} и зеленый статус «В наличии», а также краткое описание из двух предложений о премиальной производительности, конструкции с гаскет-маунтом, поддержке QMK/VIA и RGB-подсветке. Ниже добавьте селектор «Тип переключателей» с 4 кнопками: «Cherry MX Red», «Gateron Brown», «Gateron Blue» и «TTC Gold Pink» (первая выбрана); се same same same idea-text «Цвет» с 3 кнопками: «Белый / Фиолетовый», «Черный / Серый» и «Темно-синий / Голубой» (первая выбрана); выпадающий список «Количество» со same idea same same same same same same same same까 same-text «1»; одну большую черную основную кнопку «Добавить в корзину» с иконкой корзины и одну контурную второстепенную кнопку «Добавить в список желаемого» с иконкой сердца. Под кнопками разместите 3 горизонтальных блока преимуществ с иконками: «Бесплатная доставка» с подписью «При заказе от $99», «Возврат в течение 30 дней» с подписью «Без лишних хлопот» и «Гарантия 2 года» с подписью «Спокойствие и уверенность». В нижней части создайте двухколоночный раздел, разделенный тонкими линиями. Слева — вертикальный список вкладок из 5 пунктов: выбранная «Обзор», затем «Характеристики», «Комплектация», «Доставка и возврат» и «Отзывы (126)». Справа от вкладок — сетка из 6 скругленных белых карточек особенностей в 2 ряда по 3 штуки, каждая с простой линейной иконкой, жирным заголовком и кратким описанием: «Раскладка 75%», «Gasket Mount», «Поддержка QMK/VIA», «Hot-Swap», «RGB-подсветка» и «Премиум-сборка». В крайней правой части этой области добавьте список характеристик из 7 пунктов: «Раскладка: 75% (82 клавиши)», «Тип переключателей: Cherry MX Red», «Крепление: Gasket-Mounted», «Подключение: USB-C (проводное)», «Подсветка: RGB, South-facing», «Материал: Алюминиевый корпус» и «Размеры: 322 x 135 x 42 мм», а также финальный пункт «Вес: 1.25 кг». Используйте утонченную минималистичную эстетику продуктового дизайна, реалистичные отступы UI, чистую типографику без засечек (похожую на Inter или SF Pro), мягкие тени, слегка скругленные углы, монохромные иконки и отполированную подачу в стиле современных технологических стартапов.