Skip to the beginning of the images gallery

RETROL HM-01 Hit and Miss Stationary Engine Full Set with Transport Cart Frame

As low as $649.99

In stock

SKU

KINMOT-CFG-326

<a class="data switch" tabindex="-1" data-toggle="trigger" href="#additional" id="tab-label-additional-title">More Information</a></div><div class="data item content" aria-labelledby="tab-label-additional-title" id="additional" data-role="content"> <div class="additional-attributes-wrapper table-wrapper"><table class="data table additional-attributes" id="product-attribute-specs-table"><caption class="table-caption">More Information</caption><tbody> <tr><th class="col label" scope="row">Brand</th><td class="col data" data-th="Brand">enginediy</td></tr></tbody></table></div></div><script type="text/javascript"> var elemXU6GJNrvArray = document.querySelectorAll('#additional'); if(elemXU6GJNrvArray.length !== 'undefined'){ elemXU6GJNrvArray.forEach(function(element) { if (element) { element.style.display = 'none'; } }); }</script> <div class="data item title " data-role="collapsible" id="tab-label-reviews"><a class="data switch" tabindex="-1" data-toggle="trigger" href="#reviews" id="tab-label-reviews-title">Reviews</a></div><div class="data item content" aria-labelledby="tab-label-reviews-title" id="reviews" data-role="content"> <div id="product-review-container" data-role="product-review"></div> <div class="block review-add"><div class="block-title"><strong>Write Your Own Review</strong></div><div class="block-content"> <form action="https://kinmot.com/review/product/post/id/789/" class="review-form" method="post" id="review-form" data-role="product-review-form" data-bind="scope: 'review-form'"><input name="form_key" type="hidden" value="KbUnDQSndDZIp2kx" /> <fieldset class="fieldset review-fieldset" data-hasrequired="* Required Fields"><legend class="legend review-legend"><span>You're reviewing:</span><strong>RETROL HM-01 Hit and Miss Stationary Engine Full Set with Transport Cart Frame</strong></legend><br /> <div class="field review-field-nickname required"><label for="nickname_field" class="label"><span>Nickname</span></label> <div class="control"><input type="text" name="nickname" id="nickname_field" class="input-text" data-validate="{required:true}" data-bind="value: nickname()" /></div></div><div class="field review-field-summary required"><label for="summary_field" class="label"><span>Summary</span></label> <div class="control"><input type="text" name="title" id="summary_field" class="input-text" data-validate="{required:true}" data-bind="value: review().title" /></div></div><div class="field review-field-text required"><label for="review_field" class="label"><span>Review</span></label> <div class="control"><textarea name="detail" id="review_field" cols="5" rows="3" data-validate="{required:true}" data-bind="value: review().detail"></textarea></div></div></fieldset><fieldset class="fieldset additional_info"></fieldset><div class="actions-toolbar review-form-actions"><div class="primary actions-primary"><button type="submit" class="action submit primary" ><span>Submit Review</span></button></div></div></form><script type="text/x-magento-init"> { "[data-role=product-review-form]": { "Magento_Ui/js/core/app": {"components":{"review-form":{"component":"Magento_Review\/js\/view\/review"}}} }, "#review-form": { "Magento_Review/js/error-placement": {}, "Magento_Review/js/validate-review": {}, "Magento_Review/js/submit-review": {} } }</script></div></div> <script type="text/x-magento-init"> { "*": { "Magento_Review/js/process-reviews": { "productReviewUrl": "https\u003A\u002F\u002Fkinmot.com\u002Freview\u002Fproduct\u002FlistAjax\u002Fid\u002F789\u002F", "reviewsTabSelector": "#tab-label-reviews" } } }</script></div><script type="text/javascript"> var elemiRUHmPS5Array = document.querySelectorAll('#reviews'); if(elemiRUHmPS5Array.length !== 'undefined'){ elemiRUHmPS5Array.forEach(function(element) { if (element) { element.style.display = 'none'; } }); }</script> </div></div> <div class="kinmot-specs"><h3 class="kinmot-specs__title">Specifications</h3><table class="kinmot-specs__table"><tbody> <tr><th>SKU</th><td>KINMOT-CFG-326</td></tr> <tr><th>Brand</th><td>enginediy</td></tr> <tr><th>Weight</th><td>0.500000</td></tr> <tr><th>Availability</th><td class="kinmot-specs__stock kinmot-specs__stock--in">In Stock</td></tr></tbody></table></div> <script type="text/x-magento-init"> { "body": { "requireCookie": {"noCookieUrl":"https:\/\/kinmot.com\/cookie\/index\/noCookies\/","triggers":[".action.towishlist"],"isRedirectCmsPage":true} } }</script> <script type="text/x-magento-init"> { "*": { "Magento_Catalog/js/product/view/provider": { "data": {"items":{"789":{"add_to_cart_button":{"post_data":"{\"action\":\"https:\\\/\\\/kinmot.com\\\/checkout\\\/cart\\\/add\\\/uenc\\\/%25uenc%25\\\/product\\\/789\\\/\",\"data\":{\"product\":\"789\",\"uenc\":\"%uenc%\"}}","url":"https:\/\/kinmot.com\/checkout\/cart\/add\/uenc\/%25uenc%25\/product\/789\/","required_options":false},"add_to_compare_button":{"post_data":null,"url":"{\"action\":\"https:\\\/\\\/kinmot.com\\\/catalog\\\/product_compare\\\/add\\\/\",\"data\":{\"product\":\"789\",\"uenc\":\"aHR0cHM6Ly9raW5tb3QuY29tL3JldHJvbC1obS0wMS1oaXQtYW5kLW1pc3Mtc3RhdGlvbmFyeS1lbmdpbmUtZnVsbC1zZXQtd2l0aC10cmFuc3BvcnQtY2FydC5odG1s\"}}","required_options":null},"price_info":{"final_price":649.99,"max_price":649.99,"max_regular_price":649.99,"minimal_regular_price":649.99,"special_price":null,"minimal_price":649.99,"regular_price":649.99,"formatted_prices":{"final_price":"<span class=\"price\">$649.99<\/span>","max_price":"<span class=\"price\">$649.99<\/span>","minimal_price":"<span class=\"price\">$649.99<\/span>","max_regular_price":"<span class=\"price\">$649.99<\/span>","minimal_regular_price":null,"special_price":null,"regular_price":"<span class=\"price\">$649.99<\/span>"},"extension_attributes":{"msrp":{"msrp_price":"<span class=\"price\">$0.00<\/span>","is_applicable":"","is_shown_price_on_gesture":"","msrp_message":"","explanation_message":"Our price is lower than the manufacturer's "minimum advertised price." As a result, we cannot show you the price in catalog or the product page. <br><br> You have no obligation to purchase the product once you know the price. You can simply remove the item from your cart."},"tax_adjustments":{"final_price":649.99,"max_price":649.99,"max_regular_price":649.99,"minimal_regular_price":649.99,"special_price":649.99,"minimal_price":649.99,"regular_price":649.99,"formatted_prices":{"final_price":"<span class=\"price\">$649.99<\/span>","max_price":"<span class=\"price\">$649.99<\/span>","minimal_price":"<span class=\"price\">$649.99<\/span>","max_regular_price":"<span class=\"price\">$649.99<\/span>","minimal_regular_price":null,"special_price":"<span class=\"price\">$649.99<\/span>","regular_price":"<span class=\"price\">$649.99<\/span>"}},"weee_attributes":[],"weee_adjustment":"<span class=\"price\">$649.99<\/span>"}},"images":[{"url":"https:\/\/kinmot.com\/media\/catalog\/product\/cache\/ecc9ea32a0cdd5f74965315c985a410d\/3\/2\/326_1_1.jpg","code":"recently_viewed_products_grid_content_widget","height":300,"width":240,"label":"RETROL HM-01 Hit and Miss Stationary Engine Full Set with Transport Cart Frame","resized_width":240,"resized_height":300},{"url":"https:\/\/kinmot.com\/media\/catalog\/product\/cache\/bc5b4b4f422ac6648df3dc792a6b2c23\/3\/2\/326_1_1.jpg","code":"recently_viewed_products_list_content_widget","height":340,"width":270,"label":"RETROL HM-01 Hit and Miss Stationary Engine Full Set with Transport Cart Frame","resized_width":270,"resized_height":340},{"url":"https:\/\/kinmot.com\/media\/catalog\/product\/cache\/21a8d14a8e65e7782f1a3000a07bd36f\/3\/2\/326_1_1.jpg","code":"recently_viewed_products_images_names_widget","height":90,"width":75,"label":"RETROL HM-01 Hit and Miss Stationary Engine Full Set with Transport Cart Frame","resized_width":75,"resized_height":90},{"url":"https:\/\/kinmot.com\/media\/catalog\/product\/cache\/ecc9ea32a0cdd5f74965315c985a410d\/3\/2\/326_1_1.jpg","code":"recently_compared_products_grid_content_widget","height":300,"width":240,"label":"RETROL HM-01 Hit and Miss Stationary Engine Full Set with Transport Cart Frame","resized_width":240,"resized_height":300},{"url":"https:\/\/kinmot.com\/media\/catalog\/product\/cache\/bc5b4b4f422ac6648df3dc792a6b2c23\/3\/2\/326_1_1.jpg","code":"recently_compared_products_list_content_widget","height":340,"width":270,"label":"RETROL HM-01 Hit and Miss Stationary Engine Full Set with Transport Cart Frame","resized_width":270,"resized_height":340},{"url":"https:\/\/kinmot.com\/media\/catalog\/product\/cache\/21a8d14a8e65e7782f1a3000a07bd36f\/3\/2\/326_1_1.jpg","code":"recently_compared_products_images_names_widget","height":90,"width":75,"label":"RETROL HM-01 Hit and Miss Stationary Engine Full Set with Transport Cart Frame","resized_width":75,"resized_height":90}],"url":"https:\/\/kinmot.com\/retrol-hm-01-hit-and-miss-stationary-engine-full-set-with-transport-cart.html","id":789,"name":"RETROL HM-01 Hit and Miss Stationary Engine Full Set with Transport Cart Frame","type":"configurable","is_salable":"1","store_id":1,"currency_code":"USD","extension_attributes":{"review_html":" <div class=\"product-reviews-summary short empty\"><div class=\"reviews-actions\"><a class=\"action add\" href=\"https:\/\/kinmot.com\/retrol-hm-01-hit-and-miss-stationary-engine-full-set-with-transport-cart.html#review-form\">Be the first to review this product<\/a><\/div><\/div>","wishlist_button":{"post_data":null,"url":"{\"action\":\"https:\\\/\\\/kinmot.com\\\/wishlist\\\/index\\\/add\\\/\",\"data\":{\"product\":789,\"uenc\":\"aHR0cHM6Ly9raW5tb3QuY29tL3JldHJvbC1obS0wMS1oaXQtYW5kLW1pc3Mtc3RhdGlvbmFyeS1lbmdpbmUtZnVsbC1zZXQtd2l0aC10cmFuc3BvcnQtY2FydC5odG1s\"}}","required_options":null}},"is_available":true}},"store":"1","currency":"USD","productCurrentScope":"website"} } } }</script> </div></div></main><div class="kinmot-footer-root"> <section class="section" style="padding-top:0;"><div class="container"><div class="newsletter reveal"><div class="newsletter-content"><h2>Join the KinMot Community</h2><p>Get exclusive deals, new product alerts, and build tutorials. Plus 10% off your first order.</p><form class="newsletter-form" action="https://kinmot.com/newsletter/subscriber/new/" method="post"><input type="email" name="email" class="newsletter-input" placeholder="Enter your email address" required><button type="submit" class="btn btn-lg magnetic" style="background:#fff;color:var(--brand-dark);">Subscribe</button></form><p style="font-size:12px;margin-top:16px;opacity:0.7;">No spam. Unsubscribe anytime. We respect your privacy.</p></div></div></div></section><footer class="footer"><div class="container"><div class="footer-grid"><div class="footer-brand"><a href="https://kinmot.com/" class="logo"><div class="logo-icon">⚙</div><span>Kin<span class="gradient-text">Mot</span></span></a> <p class="footer-desc">Premium DIY engine models, gasoline engines, and mechanical marvels for enthusiasts worldwide. Build, learn, and marvel at the art of engineering.</p><div class="footer-social"><a href="#" class="social-btn" aria-label="Facebook"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"/></svg></a> <a href="#" class="social-btn" aria-label="Instagram"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.2c3.2 0 3.6 0 4.9.1 1.2.1 1.8.3 2.2.4.6.2 1 .5 1.4.9.4.4.7.8.9 1.4.2.4.4 1 .4 2.2.1 1.3.1 1.7.1 4.9s0 3.6-.1 4.9c-.1 1.2-.3 1.8-.4 2.2-.2.6-.5 1-.9 1.4-.4.4-.8.7-1.4.9-.4.2-1 .4-2.2.4-1.3.1-1.7.1-4.9.1s-3.6 0-4.9-.1c-1.2-.1-1.8-.3-2.2-.4-.6-.2-1-.5-1.4-.9-.4-.4-.7-.8-.9-1.4-.2-.4-.4-1-.4-2.2-.1-1.3-.1-1.7-.1-4.9s0-3.6.1-4.9c.1-1.2.3-1.8.4-2.2.2-.6.5-1 .9-1.4.4-.4.8-.7 1.4-.9.4-.2 1-.4 2.2-.4 1.3-.1 1.7-.1 4.9-.1M12 0C8.7 0 8.3 0 7 .1c-1.3.1-2.2.3-3 .6-.8.3-1.5.7-2.1 1.4C1.2 2.7.8 3.4.5 4.2c-.3.8-.5 1.7-.6 3C0 8.3 0 8.7 0 12s0 3.7.1 5c.1 1.3.3 2.2.6 3 .3.8.7 1.5 1.4 2.1.6.6 1.3 1 2.1 1.4.8.3 1.7.5 3 .6 1.3.1 1.7.1 5 .1s3.7 0 5-.1c1.3-.1 2.2-.3 3-.6.8-.3 1.5-.7 2.1-1.4.6-.6 1-1.3 1.4-2.1.3-.8.5-1.7.6-3 .1-1.3.1-1.7.1-5s0-3.7-.1-5c-.1-1.3-.3-2.2-.6-3-.3-.8-.7-1.5-1.4-2.1-.6-.6-1.3-1-2.1-1.4-.8-.3-1.7-.5-3-.6C15.7 0 15.3 0 12 0z"/><path d="M12 5.8c-3.4 0-6.2 2.8-6.2 6.2s2.8 6.2 6.2 6.2 6.2-2.8 6.2-6.2-2.8-6.2-6.2-6.2zm0 10.3c-2.3 0-4.1-1.8-4.1-4.1s1.8-4.1 4.1-4.1 4.1 1.8 4.1 4.1-1.8 4.1-4.1 4.1z"/><circle cx="18.4" cy="5.6" r="1.4"/></svg></a> <a href="#" class="social-btn" aria-label="YouTube"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M23.5 6.2c-.3-1-1.1-1.8-2.1-2.1C19.6 3.6 12 3.6 12 3.6s-7.6 0-9.4.5C1.6 4.4.8 5.2.5 6.2 0 8 0 12 0 12s0 4 .5 5.8c.3 1 1.1 1.8 2.1 2.1 1.8.5 9.4.5 9.4.5s7.6 0 9.4-.5c1-.3 1.8-1.1 2.1-2.1.5-1.8.5-5.8.5-5.8s0-4-.5-5.8zM9.6 15.6V8.4l6.3 3.6-6.3 3.6z"/></svg></a> <a href="#" class="social-btn" aria-label="TikTok"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M19.6 6.3c-1.5-.3-2.8-1.2-3.6-2.5-.2-.4-.4-.8-.5-1.3h-3.4v13.6c0 1.4-1.2 2.6-2.6 2.6s-2.6-1.2-2.6-2.6 1.2-2.6 2.6-2.6c.3 0 .5 0 .8.1V9.9c-.3 0-.5-.1-.8-.1-3.2 0-5.8 2.6-5.8 5.8s2.6 5.8 5.8 5.8 5.8-2.6 5.8-5.8V9.5c1.3.9 2.9 1.5 4.6 1.5V7.6c-.1 0-.2 0-.3-.1-.1.1-.2.1-.3 0z"/></svg></a></div></div><div class="footer-col"><h4>Shop</h4><ul> <li><a href="">Engines</a></li> <li><a href="">Remote Control</a></li> <li><a href="">Models & Kits</a></li> <li><a href="">Accessories</a></li> <li><a href="">Desk Decor</a></li> <li><a href="">Education & STEM</a></li> </ul></div><div class="footer-col"><h4>Brands</h4><ul><li><a href="https://kinmot.com/catalogsearch/result/?q=TECHING">TECHING</a></li> <li><a href="https://kinmot.com/catalogsearch/result/?q=RETROL">RETROL</a></li> <li><a href="https://kinmot.com/catalogsearch/result/?q=CISON">CISON</a></li> <li><a href="https://kinmot.com/catalogsearch/result/?q=ENJOMOR">ENJOMOR</a></li> <li><a href="https://kinmot.com/catalogsearch/result/?q=TOYAN">TOYAN</a></li> <li><a href="https://kinmot.com/catalogsearch/result/?q=SEMTO">SEMTO</a></li></ul></div><div class="footer-col"><h4>Support</h4><ul><li><a href="https://kinmot.com/contact/">Contact Us</a></li> <li><a href="https://kinmot.com/shipping-information/">Shipping Info</a></li> <li><a href="https://kinmot.com/returns/">Returns & Refunds</a></li> <li><a href="https://kinmot.com/faq/">FAQ</a></li> <li><a href="https://kinmot.com/track-order/">Track Your Order</a></li></ul></div><div class="footer-col"><h4>Company</h4><ul><li><a href="https://kinmot.com/about-us/">About Us</a></li> <li><a href="https://kinmot.com/blog/">Blog</a></li> <li><a href="https://kinmot.com/wholesale/">Wholesale</a></li> <li><a href="https://kinmot.com/privacy-policy/">Privacy Policy</a></li> <li><a href="https://kinmot.com/terms/">Terms of Service</a></li></ul></div></div><div class="footer-bottom"><div class="footer-copyright">© 2026 KinMot.com — All rights reserved. Engineered for enthusiasts.</div><div class="footer-payments"><div class="payment-icon">VISA</div><div class="payment-icon">MC</div><div class="payment-icon">AMEX</div><div class="payment-icon">PayPal</div><div class="payment-icon">Apple Pay</div><div class="payment-icon">Shop Pay</div></div></div></div></footer></div> <script type="text/x-magento-init"> { "*": { "Magento_Ui/js/core/app": { "components": { "storage-manager": { "component": "Magento_Catalog/js/storage-manager", "appendTo": "", "storagesConfiguration" : {"recently_viewed_product":{"requestConfig":{"syncUrl":"https:\/\/kinmot.com\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"1000","allowToSendRequest":null},"recently_compared_product":{"requestConfig":{"syncUrl":"https:\/\/kinmot.com\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"1000","allowToSendRequest":null},"product_data_storage":{"updateRequestConfig":{"url":"https:\/\/kinmot.com\/rest\/default\/V1\/products-render-info"},"requestConfig":{"syncUrl":"https:\/\/kinmot.com\/catalog\/product\/frontend_action_synchronize\/"},"allowToSendRequest":null}} } } } } }</script> <script> (function() { 'use strict'; document.addEventListener('DOMContentLoaded', function() { var gallery = document.querySelector('.kinmot-gallery'); if (!gallery) return; var mainImg = gallery.querySelector('.kinmot-gallery__main img'); var thumbs = gallery.querySelectorAll('.kinmot-gallery__thumb'); var lightbox = document.querySelector('.kinmot-lightbox'); var lightboxImg = lightbox ? lightbox.querySelector('img') : null; var currentIndex = 0; thumbs.forEach(function(thumb, index) { thumb.addEventListener('click', function() { setActive(index); }); }); function setActive(index) { currentIndex = index; var src = thumbs[index].dataset.full; var alt = thumbs[index].dataset.alt || ''; if (mainImg) { mainImg.src = src; mainImg.alt = alt; } thumbs.forEach(function(t, i) { t.classList.toggle('active', i === index); }); } if (mainImg && lightbox && lightboxImg) { mainImg.addEventListener('click', function() { lightboxImg.src = thumbs[currentIndex].dataset.full; lightbox.classList.add('open'); document.body.style.overflow = 'hidden'; }); var closeBtn = lightbox.querySelector('.kinmot-lightbox__close'); if (closeBtn) { closeBtn.addEventListener('click', function() { lightbox.classList.remove('open'); document.body.style.overflow = ''; }); } lightbox.addEventListener('click', function(e) { if (e.target === lightbox) { lightbox.classList.remove('open'); document.body.style.overflow = ''; } }); document.addEventListener('keydown', function(e) { if (!lightbox.classList.contains('open')) return; if (e.key === 'Escape') { lightbox.classList.remove('open'); document.body.style.overflow = ''; } if (e.key === 'ArrowRight' && currentIndex < thumbs.length - 1) { setActive(currentIndex + 1); lightboxImg.src = thumbs[currentIndex].dataset.full; } if (e.key === 'ArrowLeft' && currentIndex > 0) { setActive(currentIndex - 1); lightboxImg.src = thumbs[currentIndex].dataset.full; } }); } var touchStartX = 0; var touchEndX = 0; var galleryMain = gallery.querySelector('.kinmot-gallery__main'); if (galleryMain) { galleryMain.addEventListener('touchstart', function(e) { touchStartX = e.changedTouches[0].screenX; }); galleryMain.addEventListener('touchend', function(e) { touchEndX = e.changedTouches[0].screenX; handleSwipe(); }); } function handleSwipe() { var diff = touchStartX - touchEndX; if (Math.abs(diff) > 50) { if (diff > 0 && currentIndex < thumbs.length - 1) { setActive(currentIndex + 1); } else if (diff < 0 && currentIndex > 0) { setActive(currentIndex - 1); } } } }); })();</script><script> (function() { 'use strict'; document.addEventListener('DOMContentLoaded', function() { var toggles = document.querySelectorAll('.kinmot-faq__question'); toggles.forEach(function(toggle) { toggle.addEventListener('click', function() { var item = this.closest('.kinmot-faq__item'); var wasOpen = item.classList.contains('open'); document.querySelectorAll('.kinmot-faq__item.open').forEach(function(i) { i.classList.remove('open'); }); if (!wasOpen) { item.classList.add('open'); } }); }); }); })();</script> <script> (function() { 'use strict'; document.addEventListener('DOMContentLoaded', function() { initSwatches(); if (window.jQuery) { jQuery(document).on('configurable:update', initSwatches); } }); function initSwatches() { var selects = document.querySelectorAll('.super-attribute-select'); selects.forEach(function(select) { if (select.dataset.swatchInit === 'true') return; if (select.options.length <= 1) return; var field = select.closest('.field') || select.parentElement; if (!field) return; var labelEl = field.querySelector('.label, [data-label], .swatch-attribute-label'); var labelText = ''; if (labelEl) { labelText = labelEl.textContent.toLowerCase().trim(); } var attrType = detectAttributeType(labelText, select); if (attrType === 'color') { renderColorSwatches(select, field); } else if (attrType === 'visual') { renderVisualSwatches(select, field, labelText); } }); } function detectAttributeType(labelText, select) { var colorLabels = ['color', 'colour', 'colors', 'colours']; if (colorLabels.indexOf(labelText) !== -1) return 'color'; var isColorLike = true; var knownColors = getKnownColorMap(); for (var i = 0; i < select.options.length; i++) { var val = select.options[i].text.toLowerCase().trim(); if (val === '' || val === 'choose an option...') continue; if (!knownColors[val] && !isCssColorName(val)) { isColorLike = false; break; } } if (isColorLike && select.options.length > 2) return 'color'; if (select.options.length <= 10 && select.options.length >= 2) return 'visual'; return 'default'; } function renderColorSwatches(select, field) { select.dataset.swatchInit = 'true'; var wrapper = document.createElement('div'); wrapper.className = 'kinmot-swatch kinmot-swatch--color'; var swatchList = document.createElement('div'); swatchList.className = 'kinmot-swatch__list'; var knownColors = getKnownColorMap(); for (var i = 0; i < select.options.length; i++) { var opt = select.options[i]; var val = opt.text.trim(); if (!val || val === 'Choose an Option...') continue; var lowerVal = val.toLowerCase(); var colorValue = knownColors[lowerVal] || guessColor(lowerVal); var isSelected = select.value === opt.value; var swatch = document.createElement('button'); swatch.type = 'button'; swatch.className = 'kinmot-swatch__item' + (isSelected ? ' selected' : ''); swatch.dataset.value = opt.value; swatch.dataset.label = val; swatch.setAttribute('aria-label', val); swatch.setAttribute('title', val); swatch.style.backgroundColor = colorValue; swatch.style.color = isLightColor(colorValue) ? '#333' : '#fff'; var tooltip = document.createElement('span'); tooltip.className = 'kinmot-swatch__tooltip'; tooltip.textContent = val; swatch.appendChild(tooltip); swatch.addEventListener('click', function() { select.value = this.dataset.value; triggerChangeEvent(select); updateSwatchState(swatchList, this); }); swatchList.appendChild(swatch); } select.style.position = 'absolute'; select.style.opacity = '0'; select.style.pointerEvents = 'none'; select.style.width = '1px'; select.style.height = '1px'; select.tabIndex = -1; select.setAttribute('aria-hidden', 'true'); select.classList.add('kinmot-swatch__select'); wrapper.appendChild(swatchList); select.parentNode.insertBefore(wrapper, select.nextSibling); } function renderVisualSwatches(select, field, labelText) { select.dataset.swatchInit = 'true'; var wrapper = document.createElement('div'); wrapper.className = 'kinmot-swatch kinmot-swatch--visual'; var swatchList = document.createElement('div'); swatchList.className = 'kinmot-swatch__list'; for (var i = 0; i < select.options.length; i++) { var opt = select.options[i]; var val = opt.text.trim(); if (!val || val === 'Choose an Option...') continue; var isSelected = select.value === opt.value; var swatch = document.createElement('button'); swatch.type = 'button'; swatch.className = 'kinmot-swatch__item' + (isSelected ? ' selected' : ''); swatch.dataset.value = opt.value; swatch.dataset.label = val; swatch.setAttribute('aria-label', val); swatch.innerHTML = '<span class="kinmot-swatch__text">' + escapeHtml(val) + '</span>'; swatch.addEventListener('click', function() { select.value = this.dataset.value; triggerChangeEvent(select); updateSwatchState(swatchList, this); }); swatchList.appendChild(swatch); } select.style.position = 'absolute'; select.style.opacity = '0'; select.style.pointerEvents = 'none'; select.style.width = '1px'; select.style.height = '1px'; select.tabIndex = -1; select.setAttribute('aria-hidden', 'true'); select.classList.add('kinmot-swatch__select'); wrapper.appendChild(swatchList); select.parentNode.insertBefore(wrapper, select.nextSibling); } function updateSwatchState(list, activeItem) { list.querySelectorAll('.kinmot-swatch__item').forEach(function(item) { item.classList.remove('selected'); }); activeItem.classList.add('selected'); } function triggerChangeEvent(element) { var event = new Event('change', { bubbles: true, cancelable: true }); element.dispatchEvent(event); if (window.jQuery) { jQuery(element).trigger('change'); } } function escapeHtml(text) { var div = document.createElement('div'); div.appendChild(document.createTextNode(text)); return div.innerHTML; } /* ---- Color Mapping ---- */ function getKnownColorMap() { return { 'red': '#DC2626', 'crimson': '#DC143C', 'scarlet': '#FF2400', 'green': '#16A34A', 'dark green': '#15803D', 'forest': '#228B22', 'blue': '#2563EB', 'navy': '#1E3A5A', 'royal blue': '#4169E1', 'yellow': '#EAB308', 'gold': '#D4A853', 'golden': '#DAA520', 'orange': '#EA580C', 'amber': '#F59E0B', 'purple': '#9333EA', 'violet': '#7F00FF', 'pink': '#EC4899', 'rose': '#FB7185', 'black': '#1A1A1A', 'jet black': '#0A0A0A', 'white': '#FFFFFF', 'ivory': '#FFFFF0', 'cream': '#FFFDD0', 'gray': '#6B7280', 'grey': '#6B7280', 'silver': '#C0C0C0', 'brown': '#8B4513', 'copper': '#B87333', 'bronze': '#CD7F32', 'beige': '#F5F5DC', 'tan': '#D2B48C', 'cyan': '#06B6D4', 'teal': '#14B8A6', 'turquoise': '#40E0D0', 'lime': '#84CC16', 'olive': '#808000', 'indigo': '#4F46E5', 'magenta': '#DB2777', 'coral': '#FF7F50', 'salmon': '#FA8072', 'khaki': '#F0E68C', 'maroon': '#800000', 'steel': '#71717E', 'metallic': '#9CA3AF', 'clear': '#E5E7EB', 'transparent': 'transparent' }; } function guessColor(name) { var hash = 0; for (var i = 0; i < name.length; i++) { hash = name.charCodeAt(i) + ((hash << 5) - hash); } var h = Math.abs(hash) % 360; return 'hsl(' + h + ', 55%, 50%)'; } function isLightColor(hexOrHsl) { if (hexOrHsl === 'transparent' || hexOrHsl === '') return false; if (hexOrHsl.indexOf('hsl') === 0) { var match = hexOrHsl.match(/hsl$\s*(\d+)\s*,\s*\d+%\s*,\s*(\d+)%\s*$/); if (match) return parseInt(match[2]) > 60; } if (hexOrHsl.charAt(0) === '#') { var hex = hexOrHsl.replace('#', ''); if (hex.length === 3) hex = hex[0]+hex[0]+hex[1]+hex[1]+hex[2]+hex[2]; var r = parseInt(hex.substr(0,2), 16); var g = parseInt(hex.substr(2,2), 16); var b = parseInt(hex.substr(4,2), 16); var lum = (0.299 * r + 0.587 * g + 0.114 * b) / 255; return lum > 0.6; } return false; } function isCssColorName(name) { var cssColors = [ 'red','green','blue','yellow','orange','purple','pink','black','white', 'gray','grey','brown','cyan','gold','silver','violet','indigo','magenta', 'lime','olive','navy','teal','maroon','coral','salmon','tan','beige', 'khaki','turquoise','azure','ivory','cream','crimson','scarlet' ]; return cssColors.indexOf(name) !== -1; } })();</script> <script> (function() { var saved = localStorage.getItem('kinmot-theme'); if (!saved || saved === 'dark') { saved = 'light'; localStorage.setItem('kinmot-theme', 'light'); } document.body.setAttribute('data-theme', saved); document.documentElement.setAttribute('data-theme', saved); })(); window.getFormKey = function() { var cookies = document.cookie.split(';'); for (var i = 0; i < cookies.length; i++) { var cookie = cookies[i].trim(); if (cookie.indexOf('form_key=') === 0) { return cookie.substring('form_key='.length); } } return ''; }; require(['jquery', 'Magento_Customer/js/customer-data'], function($, customerData) { var cart = customerData.get('cart'); cart.subscribe(function(data) { if (data && data.summary_qty !== undefined) { var count = data.summary_qty; $('.cart-count').text(count); if (count > 0) { $('.cart-count').show(); } else { $('.cart-count').hide(); } window.kinmotCartCount = count; } }); customerData.reload(['cart'], false); }); document.addEventListener('DOMContentLoaded', function() { if ('IntersectionObserver' in window) { var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.classList.add('revealed'); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); document.querySelectorAll('.reveal').forEach(function(el) { observer.observe(el); }); } else { document.querySelectorAll('.reveal').forEach(function(el) { el.classList.add('revealed'); }); } });</script><style> /* Reveal animation */ .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); } .reveal.revealed { opacity: 1; transform: translateY(0); } .reveal-delay-1 { transition-delay: 0.1s; } .reveal-delay-2 { transition-delay: 0.2s; } .reveal-delay-3 { transition-delay: 0.3s; } .reveal-delay-4 { transition-delay: 0.4s; } /* Back to top button */ .kinmot-back-top { position: fixed; bottom: 32px; right: 32px; width: 48px; height: 48px; border-radius: 50%; background: var(--brand); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 0; pointer-events: none; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); z-index: 999; box-shadow: 0 4px 20px rgba(13, 148, 136, 0.3); } .kinmot-back-top.visible { opacity: 1; pointer-events: auto; } .kinmot-back-top:hover { transform: translateY(-4px); background: var(--brand-dark); }</style><div class="kinmot-back-top" onclick="window.scrollTo({top:0,behavior:'smooth'})"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M12 19V5M5 12l7-7 7 7"/></svg></div><script> window.addEventListener('scroll', function() { var btn = document.querySelector('.kinmot-back-top'); if (btn) { if (window.pageYOffset > 400) { btn.classList.add('visible'); } else { btn.classList.remove('visible'); } } }, { passive: true });</script></div></body></html>