{"id":473,"date":"2026-02-25T05:46:48","date_gmt":"2026-02-25T05:46:48","guid":{"rendered":"https:\/\/hithotprodcut.com\/?page_id=473"},"modified":"2026-02-25T08:41:14","modified_gmt":"2026-02-25T08:41:14","slug":"elementor-473","status":"publish","type":"page","link":"https:\/\/hithotprodcut.com\/index.php\/elementor-473\/","title":{"rendered":"Elementor #473"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n FlyForce 1 '09 \u00b7 advanced immersive landing<\/title>\r\n <!-- Font Awesome 6 (icons) -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n <!-- Google Fonts: Inter + Playfair Display for elegant contrast -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700;14..32,800&family=Playfair+Display:wght@700;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* ---------- GLOBAL RESET & DESIGN TOKENS ---------- *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n background: #e7dbd2; \/* warm backdrop *\/\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n padding: 20px;\r\n }\r\n\r\n \/* main canvas \u2013 elevated luxury card with depth *\/\r\n .landing-advanced {\r\n max-width: 1400px;\r\n width: 100%;\r\n background: #fffcf9; \/* soft white with warmth *\/\r\n border-radius: 56px;\r\n box-shadow: 0 40px 80px -20px rgba(26, 20, 16, 0.35), 0 0 0 1px rgba(220, 190, 170, 0.3) inset;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n \/* subtle art texture overlay *\/\r\n .landing-advanced::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: url('data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBkPSJNMjAgMjBhMjAgMjAgMCAwIDEgMjAgMjAgMjAgMjAgMCAwIDEtNDAgMCAyMCAyMCAwIDAgMSAyMC0yMHoiIGZpbGw9IiNmZmZmZjAiIG9wYWNpdHk9IjAuMDIiLz48L3N2Zz4=');\r\n pointer-events: none;\r\n opacity: 0.4;\r\n }\r\n\r\n \/* ----- TOP BAR (elevated) ----- *\/\r\n .top-bar {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 28px 48px 16px 48px;\r\n font-weight: 600;\r\n font-size: 15px;\r\n letter-spacing: 1px;\r\n border-bottom: 1px solid rgba(180, 150, 130, 0.25);\r\n background: rgba(255, 252, 245, 0.7);\r\n backdrop-filter: blur(8px);\r\n position: relative;\r\n z-index: 5;\r\n }\r\n\r\n .menu-left {\r\n display: flex;\r\n gap: 52px;\r\n color: #2e241e;\r\n }\r\n\r\n .menu-left span {\r\n cursor: default;\r\n transition: 0.2s;\r\n }\r\n\r\n .menu-left span i {\r\n margin-right: 6px;\r\n font-size: 14px;\r\n color: #9b7b64;\r\n }\r\n\r\n .cart-right {\r\n display: flex;\r\n gap: 42px;\r\n align-items: center;\r\n }\r\n\r\n .cart-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: rgba(0,0,0,0.02);\r\n padding: 6px 16px;\r\n border-radius: 60px;\r\n backdrop-filter: blur(2px);\r\n }\r\n\r\n .cart-count {\r\n background: #1e2c3a;\r\n color: white;\r\n border-radius: 30px;\r\n padding: 3px 10px;\r\n font-size: 12px;\r\n margin-left: 6px;\r\n }\r\n\r\n \/* ----- MAIN GRID: 2 columns (left hero \/ right config) ----- *\/\r\n .main-grid {\r\n display: grid;\r\n grid-template-columns: 1.1fr 0.9fr;\r\n gap: 0;\r\n background: rgba(250, 240, 234, 0.4);\r\n }\r\n\r\n \/* LEFT SIDE \u2014 visual playground *\/\r\n .visual-panel {\r\n padding: 48px 40px 48px 48px;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .image-zone {\r\n flex: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 380px;\r\n position: relative;\r\n margin: 20px 0 30px;\r\n }\r\n\r\n .shoe-stage {\r\n position: relative;\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n filter: drop-shadow(0 30px 30px rgba(60, 40, 25, 0.2));\r\n }\r\n\r\n .main-shoe {\r\n width: 100%;\r\n max-width: 500px;\r\n transform: rotate(-9deg) scale(1.05);\r\n transition: transform 0.4s cubic-bezier(0.2, 0.9, 0.3, 1.1), filter 0.3s;\r\n z-index: 3;\r\n object-fit: contain;\r\n filter: saturate(1.05) brightness(1.02);\r\n }\r\n\r\n .main-shoe:hover {\r\n transform: rotate(-6deg) scale(1.1);\r\n }\r\n\r\n \/* floating gradient orbs (atmosphere) *\/\r\n .orb {\r\n position: absolute;\r\n width: 300px;\r\n height: 300px;\r\n background: radial-gradient(circle at 30% 30%, rgba(230, 200, 180, 0.5), transparent 70%);\r\n border-radius: 50%;\r\n top: 0;\r\n left: -30px;\r\n z-index: 1;\r\n }\r\n\r\n .orb-2 {\r\n bottom: 0;\r\n right: 0;\r\n width: 250px;\r\n height: 250px;\r\n background: radial-gradient(circle at 70% 70%, rgba(190, 165, 145, 0.4), transparent);\r\n }\r\n\r\n \/* badge line (like \"FLYFORCE 11\" large behind) *\/\r\n .ghost-brand {\r\n font-family: 'Playfair Display', serif;\r\n font-size: 6rem;\r\n font-weight: 900;\r\n color: rgba(0,0,0,0.03);\r\n line-height: 0.8;\r\n position: absolute;\r\n top: 20px;\r\n right: 10px;\r\n pointer-events: none;\r\n text-transform: uppercase;\r\n letter-spacing: 8px;\r\n }\r\n\r\n .tagline {\r\n margin-top: 20px;\r\n display: flex;\r\n gap: 30px;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: #5f4e42;\r\n border-top: 1px dashed #d9c6b8;\r\n padding-top: 24px;\r\n }\r\n\r\n \/* RIGHT PANEL \u2014 detailed controls *\/\r\n .config-panel {\r\n padding: 48px 48px 48px 32px;\r\n background: rgba(255, 250, 245, 0.7);\r\n backdrop-filter: blur(12px);\r\n border-left: 1px solid rgba(180, 150, 130, 0.25);\r\n }\r\n\r\n .product-header {\r\n margin-bottom: 32px;\r\n }\r\n\r\n .product-collection {\r\n font-size: 13px;\r\n letter-spacing: 2.5px;\r\n color: #987a64;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n }\r\n\r\n h1 {\r\n font-size: 44px;\r\n font-weight: 800;\r\n letter-spacing: -1px;\r\n margin: 12px 0 6px;\r\n color: #1f2a36;\r\n line-height: 1;\r\n }\r\n\r\n .sub-title {\r\n font-size: 22px;\r\n font-weight: 400;\r\n color: #5a4a3e;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .fit-row {\r\n display: flex;\r\n gap: 40px;\r\n border-bottom: 1px solid #e3d6cd;\r\n padding-bottom: 24px;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .fit-opt {\r\n font-size: 17px;\r\n font-weight: 600;\r\n color: #aa9b90;\r\n cursor: pointer;\r\n transition: 0.15s;\r\n }\r\n\r\n .fit-opt.active {\r\n color: #1e2c3a;\r\n text-decoration: underline;\r\n text-underline-offset: 12px;\r\n text-decoration-thickness: 3px;\r\n text-decoration-color: #1e2c3a;\r\n }\r\n\r\n \/* size selector \u2014 advanced grid *\/\r\n .size-section {\r\n margin-bottom: 36px;\r\n }\r\n\r\n .size-header {\r\n display: flex;\r\n justify-content: space-between;\r\n margin-bottom: 16px;\r\n font-weight: 600;\r\n font-size: 16px;\r\n }\r\n\r\n .size-grid-adv {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 10px;\r\n }\r\n\r\n .size-tile {\r\n background: rgba(255,255,255,0.7);\r\n border: 1.5px solid #dccfc6;\r\n border-radius: 60px;\r\n padding: 16px 0;\r\n font-weight: 600;\r\n text-align: center;\r\n font-size: 16px;\r\n cursor: pointer;\r\n transition: 0.15s;\r\n backdrop-filter: blur(4px);\r\n }\r\n\r\n .size-tile.selected {\r\n background: #1e2c3a;\r\n border-color: #1e2c3a;\r\n color: white;\r\n box-shadow: 0 10px 20px -8px rgba(0,0,0,0.3);\r\n }\r\n\r\n .size-tile:hover:not(.selected) {\r\n background: #ede3dc;\r\n border-color: #b7a392;\r\n }\r\n\r\n .price-cart-block {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin: 40px 0 32px;\r\n background: rgba(255,255,255,0.5);\r\n padding: 18px 24px;\r\n border-radius: 100px;\r\n border: 1px solid #edd9cd;\r\n }\r\n\r\n .price-big {\r\n font-size: 46px;\r\n font-weight: 800;\r\n letter-spacing: -1.5px;\r\n color: #1d2b37;\r\n }\r\n\r\n .add-advanced {\r\n background: #1e2c3a;\r\n border: none;\r\n color: white;\r\n font-weight: 700;\r\n font-size: 18px;\r\n padding: 18px 42px;\r\n border-radius: 60px;\r\n cursor: pointer;\r\n transition: 0.25s;\r\n box-shadow: 0 12px 24px -14px #0b1a28;\r\n letter-spacing: 1px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .add-advanced i { font-size: 20px; }\r\n .add-advanced:hover { background: #2c4052; transform: scale(1.02); }\r\n\r\n \/* color selector premium *\/\r\n .color-palette {\r\n margin-top: 18px;\r\n }\r\n\r\n .color-title {\r\n font-weight: 600;\r\n font-size: 17px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .swatches-adv {\r\n display: flex;\r\n gap: 24px;\r\n }\r\n\r\n .swatch-adv {\r\n width: 56px;\r\n height: 56px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n border: 3px solid white;\r\n box-shadow: 0 0 0 2px #e1cfc2, 0 10px 18px -8px #3b2e26;\r\n transition: 0.18s;\r\n }\r\n\r\n .swatch-adv.active-swatch {\r\n box-shadow: 0 0 0 4px #1e2c3a, 0 10px 18px -8px black;\r\n transform: scale(1.05);\r\n }\r\n\r\n .swatch-adv.coral { background: #e8b4a2; }\r\n .swatch-adv.navy { background: #2a3b5a; }\r\n .swatch-adv.green { background: #6b8e23; }\r\n .swatch-adv.yellow { background: #f0e68c; }\r\n\r\n .material-badge {\r\n margin-top: 32px;\r\n font-size: 13px;\r\n color: #826e5f;\r\n display: flex;\r\n gap: 30px;\r\n }\r\n\r\n \/* ---------- EXTRA SECTIONS (full landing) ---------- *\/\r\n .story-section {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 30px;\r\n padding: 70px 48px;\r\n background: #fcf6f0;\r\n border-top: 1px solid #e1cfc2;\r\n }\r\n\r\n .story-card-adv {\r\n text-align: center;\r\n }\r\n .story-card-adv i { font-size: 38px; color: #2e424f; margin-bottom: 18px; }\r\n .story-card-adv h3 { font-weight: 700; margin-bottom: 10px; }\r\n .story-card-adv p { color: #5f4e42; font-size: 15px; }\r\n\r\n .gallery-row {\r\n display: flex;\r\n padding: 40px 48px;\r\n gap: 40px;\r\n background: #fffcf9;\r\n border-top: 1px solid #edd9cd;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n }\r\n .gallery-item {\r\n width: 160px;\r\n height: 120px;\r\n background: #e3d6cd;\r\n border-radius: 32px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-weight: 600;\r\n color: #3b2e26;\r\n box-shadow: 0 6px 16px rgba(0,0,0,0.03);\r\n background-image: linear-gradient(145deg, #f2e3da, #e0d0c4);\r\n }\r\n\r\n .footer-adv {\r\n background: #1e2c3a;\r\n color: #dfd3ca;\r\n padding: 36px 48px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 60px;\r\n font-size: 14px;\r\n }\r\n .footer-adv span { cursor: default; }\r\n .footer-adv i { margin-right: 6px; color: #b9a690; }\r\n\r\n \/* responsive *\/\r\n @media (max-width: 1100px) {\r\n .main-grid { grid-template-columns: 1fr; }\r\n .config-panel { border-left: 0; border-top: 1px solid #e1cfc2; }\r\n .top-bar { padding: 20px 30px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"landing-advanced\">\r\n <!-- header with menu & cart -->\r\n <div class=\"top-bar\">\r\n <div class=\"menu-left\">\r\n <span><i class=\"fas fa-bars\"><\/i> MENU<\/span>\r\n <span><i class=\"fas fa-search\"><\/i> SEARCH<\/span>\r\n <\/div>\r\n <div class=\"cart-right\">\r\n <span class=\"cart-item\"><i class=\"far fa-heart\"><\/i> 0<\/span>\r\n <span class=\"cart-item\"><i class=\"fas fa-shopping-bag\"><\/i> CART <span class=\"cart-count\" id=\"cartDisplay\">2<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- main grid: left (visual) + right (config) -->\r\n <div class=\"main-grid\">\r\n <!-- left visual column -->\r\n <div class=\"visual-panel\">\r\n <div class=\"ghost-brand\">FLYFORCE 11<\/div>\r\n <div class=\"image-zone\">\r\n <div class=\"orb\"><\/div>\r\n <div class=\"orb-2\"><\/div>\r\n <div class=\"shoe-stage\">\r\n <!-- image placeholder: visitor replaces with actual URL; we keep as SVG\/icon-like to be robust -->\r\n <img decoding=\"async\" class=\"main-shoe\" src=\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 400 300'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23d9c2b2'\/%3E%3Cstop offset='100%25' stop-color='%23b3967e'\/%3E%3C\/linearGradient%3E%3C\/defs%3E%3Crect width='400' height='300' fill='url(%23g)' rx='40'\/%3E%3Ctext x='80' y='160' font-family='Inter' font-size='24' fill='%2355453b' font-weight='600'%3EAIR FORCE%3C\/text%3E%3Ctext x='140' y='200' font-family='Inter' font-size='28' fill='%232e241e' font-weight='800'%3E'09 LOW%3C\/text%3E%3C\/svg%3E\"\r\n alt=\"FlyForce 1 '09\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"tagline\">\r\n <span><i class=\"fas fa-leaf\"><\/i> ICONIC '09<\/span>\r\n <span><i class=\"fas fa-certificate\"><\/i> PREMIUM LEATHER<\/span>\r\n <span><i class=\"fas fa-arrows-spin\"><\/i> 2-YEAR WARRANTY<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- right config column -->\r\n <div class=\"config-panel\">\r\n <div class=\"product-header\">\r\n <div class=\"product-collection\">FLYFORCE 1 '09 LOW PREMIUM<\/div>\r\n <h1>FLYFORCE 11<\/h1>\r\n <div class=\"sub-title\">'09 LOW PREMIUM<\/div>\r\n <\/div>\r\n\r\n <!-- fit tabs (regular\/wide\/narrow) -->\r\n <div class=\"fit-row\">\r\n <span class=\"fit-opt active\">REGULAR FIT<\/span>\r\n <span class=\"fit-opt\">WIDE FIT<\/span>\r\n <span class=\"fit-opt\">NARROW FIT<\/span>\r\n <\/div>\r\n\r\n <!-- size selector -->\r\n <div class=\"size-section\">\r\n <div class=\"size-header\">\r\n <span>SELECT A SIZE<\/span>\r\n <span style=\"text-decoration: underline; cursor: default;\">Size guide<\/span>\r\n <\/div>\r\n <div class=\"size-grid-adv\" id=\"advSizeGrid\">\r\n <div class=\"size-tile\">5<\/div>\r\n <div class=\"size-tile selected\">5.5<\/div>\r\n <div class=\"size-tile\">6<\/div>\r\n <div class=\"size-tile\">6.5<\/div>\r\n <div class=\"size-tile\">7<\/div>\r\n <div class=\"size-tile\">7.5<\/div>\r\n <div class=\"size-tile\">8<\/div>\r\n <div class=\"size-tile\">8.5<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- price and add to cart -->\r\n <div class=\"price-cart-block\">\r\n <span class=\"price-big\">$120.00<\/span>\r\n <button class=\"add-advanced\" id=\"advAddBtn\"><i class=\"fas fa-bag-shopping\"><\/i> ADD TO CART<\/button>\r\n <\/div>\r\n\r\n <!-- color selector advanced -->\r\n <div class=\"color-palette\">\r\n <div class=\"color-title\"><i class=\"fas fa-palette\"><\/i> SELECT A COLOR<\/div>\r\n <div class=\"swatches-adv\" id=\"colorSwatchesAdv\">\r\n <div class=\"swatch-adv coral active-swatch\" data-color=\"coral\" title=\"coral\"><\/div>\r\n <div class=\"swatch-adv navy\" data-color=\"navy\" title=\"navy\"><\/div>\r\n <div class=\"swatch-adv green\" data-color=\"green\" title=\"green\"><\/div>\r\n <div class=\"swatch-adv yellow\" data-color=\"yellow\" title=\"yellow\"><\/div>\r\n <\/div>\r\n <div class=\"material-badge\">\r\n <span><i class=\"far fa-clock\"><\/i> limited edition<\/span>\r\n <span><i class=\"fas fa-chevron-circle-right\"><\/i> matching set available<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- additional landing sections: story & features -->\r\n <div class=\"story-section\">\r\n <div class=\"story-card-adv\"><i class=\"fas fa-feather\"><\/i><h3>Legacy of '09<\/h3><p>First released as a hoops icon, now reimagined.<\/p><\/div>\r\n <div class=\"story-card-adv\"><i class=\"fas fa-cloud-sun\"><\/i><h3>Air cushioning<\/h3><p>Full-length Air unit for all-day comfort.<\/p><\/div>\r\n <div class=\"story-card-adv\"><i class=\"fas fa-recycle\"><\/i><h3>Sustainable build<\/h3><p>Made with 20% recycled materials.<\/p><\/div>\r\n <\/div>\r\n\r\n <div class=\"gallery-row\">\r\n <div class=\"gallery-item\"><i class=\"fas fa-shoe-prints fa-2x\"><\/i> side profile<\/div>\r\n <div class=\"gallery-item\"><i class=\"fas fa-eye fa-2x\"><\/i> back detail<\/div>\r\n <div class=\"gallery-item\"><i class=\"fas fa-heart fa-2x\"><\/i> sole unit<\/div>\r\n <\/div>\r\n\r\n <footer class=\"footer-adv\">\r\n <span><i class=\"far fa-copyright\"><\/i> 2025 FLYFORCE<\/span>\r\n <span>Privacy<\/span>\r\n <span><i class=\"fas fa-users\"><\/i> Community<\/span>\r\n <span>Cookie Preferences<\/span>\r\n <span>Do not sell my info<\/span>\r\n <span><i class=\"fas fa-globe\"><\/i> United States<\/span>\r\n <\/footer>\r\n<\/div>\r\n\r\n<!-- advanced interactions -->\r\n<script>\r\n (function() {\r\n \/\/ ----- cart increment\r\n const cartSpan = document.getElementById('cartDisplay');\r\n const addBtn = document.getElementById('advAddBtn');\r\n let cartQty = 2; \/\/ matches initial cart(2)\r\n addBtn.addEventListener('click', (e) => {\r\n e.preventDefault();\r\n cartQty += 1;\r\n cartSpan.textContent = cartQty;\r\n alert(`\u2728 Added to cart! (total ${cartQty} items)`);\r\n \/\/ micro feedback\r\n addBtn.style.transform = 'scale(0.97)';\r\n setTimeout(() => addBtn.style.transform = '', 120);\r\n });\r\n\r\n \/\/ ----- size selection\r\n const tiles = document.querySelectorAll('.size-tile');\r\n tiles.forEach(t => {\r\n t.addEventListener('click', function() {\r\n tiles.forEach(tile => tile.classList.remove('selected'));\r\n this.classList.add('selected');\r\n });\r\n });\r\n\r\n \/\/ ----- fit tabs (regular,wide,narrow)\r\n const fitOpts = document.querySelectorAll('.fit-opt');\r\n fitOpts.forEach(opt => {\r\n opt.addEventListener('click', function() {\r\n fitOpts.forEach(o => o.classList.remove('active'));\r\n this.classList.add('active');\r\n });\r\n });\r\n\r\n \/\/ ----- color swatches (with active class)\r\n const swatches = document.querySelectorAll('.swatch-adv');\r\n swatches.forEach(s => {\r\n s.addEventListener('click', function() {\r\n swatches.forEach(sw => sw.classList.remove('active-swatch'));\r\n this.classList.add('active-swatch');\r\n \/\/ optional: here you could replace main-shoe src based on color\r\n const color = this.classList[1]; \/\/ coral, navy, green, yellow\r\n console.log('color selected:', color);\r\n \/\/ we could dynamically change the shoe image \u2013 but demo placeholder remains.\r\n const shoeImg = document.querySelector('.main-shoe');\r\n if (color === 'navy') {\r\n shoeImg.style.filter = 'hue-rotate(200deg) saturate(1.3)';\r\n } else if (color === 'green') {\r\n shoeImg.style.filter = 'hue-rotate(80deg) saturate(1.2)';\r\n } else if (color === 'yellow') {\r\n shoeImg.style.filter = 'hue-rotate(20deg) brightness(1.05)';\r\n } else {\r\n shoeImg.style.filter = ''; \/\/ coral default\r\n }\r\n });\r\n });\r\n\r\n \/\/ ----- size guide dummy\r\n document.querySelector('.size-header span:last-child').addEventListener('click', () => alert('\ud83d\udccf size chart would open (demo)'));\r\n })();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>FlyForce 1 ’09 \u00b7 advanced immersive landing MENU SEARCH 0 CART 2 FLYFORCE 11 ICONIC ’09 PREMIUM LEATHER 2-YEAR WARRANTY […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-473","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/pages\/473","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/comments?post=473"}],"version-history":[{"count":35,"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/pages\/473\/revisions"}],"predecessor-version":[{"id":512,"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/pages\/473\/revisions\/512"}],"wp:attachment":[{"href":"https:\/\/hithotprodcut.com\/index.php\/wp-json\/wp\/v2\/media?parent=473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}