EZ-BOOT™ MAX V2
.ezb-hero { --ezb-bg: #f5f5f5; --ezb-white: #ffffff; --ezb-off: #f5f5f5; --ezb-sand: #e7decf; --ezb-ink: #26241f; --ezb-black: #16140f; --ezb-muted: #948c7d; --ezb-accent: #1972bc; --ezb-accent-d:#155a96; --ezb-accent-tint: #e9f1f8; --ezb-save: #c0392b; --fo: "Oswald", Impact, sans-serif; --fd: "Bebas Neue", Impact, sans-serif; --fb: "Barlow", system-ui, sans-serif; --fc: "Barlow Condensed", system-ui, sans-serif; background: radial-gradient(120% 80% at 100% 0%, #f8f4ec 0%, var(--ezb-bg) 55%); color: var(--ezb-ink); padding: 28px 16px 40px; box-sizing: border-box; } .ezb-hero *, .ezb-hero *::before, .ezb-hero *::after { box-sizing: border-box; } .ezb-hero__grid { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 24px; } @media (min-width: 880px) { .ezb-hero { padding: 48px 28px 56px; } .ezb-hero__grid { grid-template-columns: 1.08fr 1fr; gap: 52px; align-items: start; } } /* Stock toggle */ .ezb-hero .ezb-block--in, .ezb-hero .ezb-block--out { display: none; } .ezb-hero[data-stock="in"] .ezb-block--in { display: flex; flex-direction: column; gap: 10px; } .ezb-hero[data-stock="in"] .ezb-stock--in { display: flex; } .ezb-hero[data-stock="out"] .ezb-block--out { display: flex; flex-direction: column; gap: 10px; } .ezb-hero[data-stock="out"] .ezb-stock--out { display: flex; } .ezb-stock--in, .ezb-stock--out { display: none; } /* ============ GALLERY ============ */ .ezb-gallery { display: flex; flex-direction: column; gap: 10px; position: sticky; top: 16px; } @media (max-width: 879px){ .ezb-gallery { position: static; } } .ezb-gallery__stage { position: relative; background: var(--ezb-white); border: 1px solid var(--ezb-sand); border-radius: 6px; overflow: hidden; aspect-ratio: 1 / 1; box-shadow: 0 24px 48px -28px rgba(22,20,15,.30); } .ezb-gallery__track { display: flex; width: 100%; height: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; } .ezb-gallery__track::-webkit-scrollbar { display: none; } .ezb-gallery__slide { flex: 0 0 100%; width: 100%; height: 100%; scroll-snap-align: start; scroll-snap-stop: always; position: relative; } .ezb-gallery__slide img { width: 100%; height: 100%; object-fit: cover; display: block; } .ezb-gallery__slide--motion::after { content: "▶ MOTION"; position: absolute; top: 14px; left: 14px; background: var(--ezb-black); color: var(--ezb-white); font-family: var(--fc); font-size: 10px; letter-spacing: .12em; padding: 4px 9px; border-radius: 5px; pointer-events: none; z-index: 3; } .ezb-gallery__badge { position: absolute; top: 14px; right: 14px; background: var(--ezb-black); color: var(--ezb-white); font-family: var(--fc); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; font-weight: 600; padding: 6px 11px; border-radius: 5px; z-index: 3; pointer-events: none; } .ezb-gallery__arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; background: rgba(255,255,255,.92); backdrop-filter: blur(4px); border: 1px solid var(--ezb-sand); border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 3; transition: background .12s ease, transform .12s ease, opacity .12s ease; color: var(--ezb-black); box-shadow: 0 4px 16px -6px rgba(0,0,0,.2); } .ezb-gallery__arrow:hover { background: var(--ezb-white); transform: translateY(-50%) scale(1.07); } .ezb-gallery__arrow:active { transform: translateY(-50%) scale(.95); } .ezb-gallery__arrow:disabled { opacity: 0; pointer-events: none; } .ezb-gallery__arrow svg { width: 19px; height: 19px; } .ezb-gallery__arrow--prev { left: 14px; } .ezb-gallery__arrow--next { right: 14px; } .ezb-gallery__counter { position: absolute; bottom: 14px; right: 14px; background: rgba(22,20,15,.72); color: var(--ezb-white); font-family: var(--fc); font-size: 11px; letter-spacing: .1em; font-weight: 500; padding: 4px 11px; border-radius: 999px; z-index: 3; pointer-events: none; } /* Thumbnails */ .ezb-gallery__thumbs { display: flex; gap: 7px; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; padding: 3px 0; } .ezb-gallery__thumbs::-webkit-scrollbar { display: none; } .ezb-gallery__thumb { position: relative; flex: 0 0 calc((100% - 56px) / 8.5); aspect-ratio: 1 / 1; background: var(--ezb-white); border: 1.5px solid var(--ezb-sand); border-radius: 5px; overflow: hidden; cursor: pointer; padding: 0; opacity: .62; transition: border-color .15s ease, transform .15s ease, opacity .15s ease; } .ezb-gallery__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } .ezb-gallery__thumb[aria-current="true"] { border-color: var(--ezb-accent); opacity: 1; } .ezb-gallery__thumb:hover { transform: translateY(-2px); opacity: 1; } .ezb-gallery__thumb--motion::after { content: "▶"; position: absolute; top: 2px; right: 2px; color: var(--ezb-white); background: rgba(0,0,0,.6); font-size: 8px; padding: 1px 4px; border-radius: 2px; pointer-events: none; } /* ============ BUY BOX ============ */ .ezb-info { display: flex; flex-direction: column; gap: 18px; } .ezb-info__eyebrow { display: flex; align-items: center; gap: 12px; font-family: var(--fc); font-size: 13px; letter-spacing: .22em; text-transform: uppercase; color: var(--ezb-accent); font-weight: 600; } .ezb-info__eyebrow::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, var(--ezb-sand), transparent); } .ezb-info__title { font-family: var(--fo); font-weight: 600; font-size: clamp(36px, 5.4vw, 58px); line-height: .94; letter-spacing: -.01em; text-transform: uppercase; margin: -4px 0 0; color: var(--ezb-black); } .ezb-info__subtitle { font-family: var(--fb); font-size: 16px; line-height: 1.55; color: var(--ezb-ink); margin: -2px 0 0; max-width: 50ch; opacity: .9; } .ezb-info__subtitle b { color: var(--ezb-black); font-weight: 600; } #judgeme_badge_placeholder { margin: -4px 0 -25px; min-height: 18px; } /* Variant selector */ .ezb-options { display: flex; flex-direction: column; gap: 10px; } .ezb-options__head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; } .ezb-options__label { font-family: var(--fc); font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: var(--ezb-ink); font-weight: 600; } .ezb-options__hint { font-family: var(--fb); font-size: 12px; color: var(--ezb-muted); } .ezb-options__hint b { color: var(--ezb-save); font-weight: 600; } .ezb-tier-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .ezb-tier { position: relative; display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; background: var(--ezb-white); border: 1.5px solid var(--ezb-sand); border-radius: 6px; cursor: pointer; text-align: left; font-family: var(--fb); transition: border-color .12s ease, box-shadow .12s ease, transform .12s ease; } .ezb-tier:hover { border-color: var(--ezb-accent); transform: translateY(-1px); } .ezb-tier[aria-pressed="true"] { border-color: var(--ezb-accent); box-shadow: 0 0 0 3px var(--ezb-accent-tint); } .ezb-tier[aria-pressed="true"]::before { content: ""; position: absolute; top: -1px; right: -1px; width: 22px; height: 22px; background: var(--ezb-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center/14px no-repeat; border-radius: 0 6px 0 6px; } .ezb-tier--save[aria-pressed="true"] { border-color: var(--ezb-save); box-shadow: 0 0 0 3px rgba(192,57,43,.12); } .ezb-tier--save[aria-pressed="true"]::before { background-color: var(--ezb-save); } .ezb-tier__name { font-family: var(--fd); font-size: 20px; letter-spacing: .04em; color: var(--ezb-black); line-height: 1; } .ezb-tier__price { font-family: var(--fo); font-size: 16px; font-weight: 600; color: var(--ezb-black); line-height: 1; margin-top: 3px; } .ezb-tier__sub { font-family: var(--fc); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: var(--ezb-muted); line-height: 1.2; margin-top: 3px; } .ezb-resolved { font-family: var(--fb); font-size: 13px; color: var(--ezb-ink); line-height: 1.4; margin: 0; } .ezb-resolved b { color: var(--ezb-black); font-weight: 600; } /* Price */ .ezb-price-row { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; padding-top: 2px; } .ezb-price { font-family: var(--fo); font-size: 34px; font-weight: 600; color: var(--ezb-black); line-height: 1; letter-spacing: -.01em; } .ezb-compare { font-family: var(--fo); font-size: 22px; font-weight: 600; color: var(--ezb-muted); text-decoration: line-through; display: none; } .ezb-compare[data-active="true"] { display: inline; } .ezb-save { font-family: var(--fc); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--ezb-white); background: var(--ezb-save); padding: 4px 8px; border-radius: 4px; font-weight: 700; display: none; } .ezb-save[data-active="true"] { display: inline-block; } .ezb-installments { font-family: var(--fb); font-size: 13px; color: var(--ezb-muted); /*flex-basis: 100%;*/ } .ezb-installments b { color: var(--ezb-ink); font-weight: 600; } /* Stock */ .ezb-stock { font-family: var(--fb); font-size: 13.5px; color: var(--ezb-ink); align-items: center; gap: 9px; line-height: 1.4; } .ezb-stock b { color: var(--ezb-black); font-weight: 600; } .ezb-stock__dot { width: 9px; height: 9px; border-radius: 50%; flex: 0 0 9px; } .ezb-stock--in .ezb-stock__dot { background: #34c373; box-shadow: 0 0 0 3px rgba(52,195,115,.2); animation: ezbPulse 2.4s ease-in-out infinite; } .ezb-stock--out .ezb-stock__dot { background: #e25c3b; box-shadow: 0 0 0 3px rgba(226,92,59,.2); } @keyframes ezbPulse { 0%,100%{ box-shadow:0 0 0 3px rgba(52,195,115,.2); } 50%{ box-shadow:0 0 0 6px rgba(52,195,115,.08); } } /* CTA */ .ezb-cta__btn { display: flex; align-items: center; justify-content: center; gap: 11px; width: 100%; background: var(--ezb-accent); color: var(--ezb-white); font-family: var(--fo); font-size: 18px; letter-spacing: .05em; text-transform: uppercase; border: 0; border-radius: 6px; padding: 17px 20px; cursor: pointer; box-shadow: 0 14px 28px -12px rgba(25,114,188,.6); transition: transform .12s ease, background .12s ease, box-shadow .12s ease; } .ezb-cta__btn:hover { background: var(--ezb-accent-d); transform: translateY(-1px); box-shadow: 0 18px 32px -12px rgba(25,114,188,.7); } .ezb-cta__btn:active { transform: translateY(0) scale(.99); } .ezb-cta__btn svg { width: 20px; height: 20px; } /* Notify */ .ezb-notify__label { font-family: var(--fc); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--ezb-ink); margin: 0; font-weight: 600; } .ezb-notify__row { display: flex; gap: 8px; } .ezb-notify__input { flex: 1; font-family: var(--fb); font-size: 15px; padding: 14px 16px; border: 1px solid var(--ezb-sand); border-radius: 6px; background: var(--ezb-white); color: var(--ezb-ink); outline: none; transition: border-color .12s ease, box-shadow .12s ease; min-width: 0; } .ezb-notify__input:focus { border-color: var(--ezb-accent); box-shadow: 0 0 0 3px var(--ezb-accent-tint); } .ezb-notify__btn { display: flex; align-items: center; justify-content: center; gap: 9px; background: var(--ezb-black); color: var(--ezb-white); font-family: var(--fo); font-size: 15px; letter-spacing: .05em; text-transform: uppercase; border: 0; border-radius: 6px; padding: 0 22px; cursor: pointer; transition: transform .12s ease, background .12s ease; white-space: nowrap; } .ezb-notify__btn:hover { background: var(--ezb-accent); } .ezb-notify__btn:active { transform: scale(.98); } .ezb-notify__btn:disabled { opacity: .6; cursor: not-allowed; } .ezb-notify__btn svg { width: 17px; height: 17px; } .ezb-notify__hint { font-family: var(--fb); font-size: 12px; color: var(--ezb-muted); margin: 0; } .ezb-notify__status { display: none; font-family: var(--fb); font-size: 13px; padding: 12px 14px; border-radius: 6px; margin: 0; line-height: 1.4; } .ezb-notify__status--ok { background: #e7f6ec; color: #1e6b2e; border: 1px solid #c6e5cc; } .ezb-notify__status--err { background: #fbece8; color: #a83a1f; border: 1px solid #f0cfc6; } .ezb-notify[data-state="success"] .ezb-notify__row, .ezb-notify[data-state="success"] .ezb-notify__hint, .ezb-notify[data-state="success"] .ezb-notify__label { display: none; } .ezb-notify[data-state="success"] .ezb-notify__status--ok { display: block; } .ezb-notify[data-state="error"] .ezb-notify__status--err { display: block; } /* Trust */ .ezb-trust { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 0; list-style: none; border-top: 1px solid var(--ezb-sand); padding-top: 16px; } .ezb-trust__item { display: flex; align-items: center; gap: 8px; font-family: var(--fb); font-size: 12px; line-height: 1.25; color: var(--ezb-ink); } .ezb-trust__item svg { flex: 0 0 17px; width: 17px; height: 17px; color: var(--ezb-accent); } /* ============ USE-CASE SIGNATURE BAND ============ */ .ezb-uses { max-width: 1240px; margin: 40px auto 0; background: var(--ezb-white); border: 1px solid var(--ezb-sand); border-radius: 6px; padding: 24px; box-shadow: 0 20px 44px -30px rgba(22,20,15,.25); } @media (min-width: 880px){ .ezb-uses { padding: 28px 32px; } } .ezb-uses__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 16px; margin-bottom: 20px; } .ezb-uses__title { font-family: var(--fo); font-weight: 600; font-size: clamp(22px, 3vw, 30px); line-height: 1; text-transform: uppercase; margin: 0; color: var(--ezb-black); letter-spacing: -.01em; } .ezb-uses__title em { font-style: normal; color: var(--ezb-accent); } .ezb-uses__sub { font-family: var(--fc); font-size: 13px; letter-spacing: .16em; text-transform: uppercase; color: var(--ezb-muted); font-weight: 500; } .ezb-uses__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } @media (min-width: 620px){ .ezb-uses__grid { grid-template-columns: repeat(5, 1fr); } } .ezb-uses__item { position: relative; aspect-ratio: 1 / 1; background: var(--ezb-off); border: 1px solid var(--ezb-sand); border-radius: 6px; overflow: hidden; cursor: pointer; transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease; } .ezb-uses__item:hover { transform: translateY(-3px); border-color: var(--ezb-accent); box-shadow: 0 14px 26px -18px rgba(25,114,188,.5); } .ezb-uses__item img { width: 100%; height: 100%; object-fit: cover; display: block; } .ezb-uses__item--motion::after { content: "▶"; position: absolute; top: 5px; right: 5px; color: var(--ezb-white); background: rgba(0,0,0,.65); font-size: 9px; padding: 1px 5px; border-radius: 3px; pointer-events: none; z-index: 2; } .ezb-uses__label { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,.85), rgba(0,0,0,0)); color: var(--ezb-white); font-family: var(--fd); font-size: 12px; letter-spacing: .04em; padding: 14px 4px 5px; text-align: center; line-height: 1; } /* Compat + specs strip */ .ezb-strip { max-width: 1240px; margin: 12px auto 0; display: grid; grid-template-columns: 1fr; gap: 12px; } @media (min-width: 720px){ .ezb-strip { grid-template-columns: 1.4fr 1fr; align-items: stretch; } } .ezb-compat { display: flex; align-items: center; gap: 14px; padding: 16px 18px; background: var(--ezb-black); border-radius: 6px; font-family: var(--fb); font-size: 13.5px; color: #d9d4ca; line-height: 1.45; } .ezb-compat b { color: var(--ezb-white); font-weight: 600; } .ezb-compat__icon { flex: 0 0 40px; width: 40px; height: 40px; color: var(--ezb-white); background: rgba(255,255,255,.08); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .ezb-compat__icon svg { width: 22px; height: 22px; } .ezb-specs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--ezb-sand); border-radius: 6px; overflow: hidden; border: 1px solid var(--ezb-sand); } .ezb-specs__cell { background: var(--ezb-white); padding: 14px 8px; text-align: center; } .ezb-specs__v { font-family: var(--fd); font-size: 24px; line-height: 1; letter-spacing: .02em; color: var(--ezb-black); } .ezb-specs__k { font-family: var(--fc); font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--ezb-muted); margin-top: 5px; } /* Load-in animation */ @media (prefers-reduced-motion: no-preference) { .ezb-info > *, .ezb-uses, .ezb-strip { opacity: 0; transform: translateY(14px); animation: ezbIn .55s cubic-bezier(.22,.61,.36,1) forwards; } .ezb-info > *:nth-child(1){ animation-delay: .04s; } .ezb-info > *:nth-child(2){ animation-delay: .09s; } .ezb-info > *:nth-child(3){ animation-delay: .14s; } .ezb-info > *:nth-child(4){ animation-delay: .19s; } .ezb-info > *:nth-child(5){ animation-delay: .24s; } .ezb-info > *:nth-child(6){ animation-delay: .29s; } .ezb-info > *:nth-child(7){ animation-delay: .34s; } .ezb-info > *:nth-child(8){ animation-delay: .39s; } .ezb-info > *:nth-child(9){ animation-delay: .44s; } .ezb-uses { animation-delay: .30s; } .ezb-strip { animation-delay: .40s; } } @keyframes ezbIn { to { opacity: 1; transform: none; } } Patented 1 / 22 Plate-Loaded Ankle Weight EZ‑BOOT™ MAX V2 A plate-loaded, adjustable ankle weight that works with any weight plate — the ratchet strap locks tight for zero slippage, and scales from rehab-light to heavy. Quantity Pair saves $19 · most lifters want both Single One boot Pair Both boots · free shipping Single — one boot — for single-leg focus and rehab. or 4 payments of with Shop Pay In stock — ships in 24 hours. Delivers in 3–5 days. Sold out — restocking soon. Drop your email and we’ll ping you the moment it’s back. Add to cart — Notify me when available Notify me We’ll only email you about this restock. No spam. ✓ You’re on the list. We’ll email you the moment it’s back in stock. Something went wrong. Please try again or email [email protected]. 100‑day risk‑free trial Free shipping $100+ Trusted by 200,000+ One boot. Many Exercises. Lower body & core Leg curl Donkey kick Leg raise Side raise Mt. climbers Loads with any standard weight plate — no proprietary weights. The ratchet strap cinches flat to your ankle with zero slippage, rep after rep. 0.8 LB Empty Weight PLATES Loading RATCHET Strap (function () { var root = document.querySelector('.ezb-hero[data-product-handle]'); if (!root) return; var KLAVIYO_PUBLIC_KEY = 'QeupfE'; // ============================================================ // CURRENCY FORMATTING — Shopify Markets-aware // ============================================================ var CURRENCY_LOCALE = { USD: 'en-US', CAD: 'en-CA', AUD: 'en-AU', NZD: 'en-NZ', GBP: 'en-GB', EUR: 'de-DE', CHF: 'de-CH', SEK: 'sv-SE', NOK: 'nb-NO', DKK: 'da-DK', JPY: 'ja-JP', CNY: 'zh-CN', HKD: 'en-HK', SGD: 'en-SG', KRW: 'ko-KR', INR: 'en-IN', MXN: 'es-MX', BRL: 'pt-BR', ZAR: 'en-ZA', AED: 'ar-AE', PLN: 'pl-PL', CZK: 'cs-CZ', ILS: 'he-IL', TRY: 'tr-TR' }; var ZERO_DECIMAL_CURRENCIES = { JPY: 1, KRW: 1, VND: 1, CLP: 1, ISK: 1, HUF: 1, TWD: 1, XOF: 1, XAF: 1 }; function getActiveCurrency() { if (window.Shopify && window.Shopify.currency && window.Shopify.currency.active) { return window.Shopify.currency.active; } return 'USD'; } function formatPrice(priceCents) { var currency = getActiveCurrency(); var locale = CURRENCY_LOCALE[currency] || 'en-US'; var zeroDecimal = !!ZERO_DECIMAL_CURRENCIES[currency]; var amount = (priceCents || 0) / 100; try { return new Intl.NumberFormat(locale, { style: 'currency', currency: currency, minimumFractionDigits: 0, maximumFractionDigits: zeroDecimal ? 0 : 2 }).format(amount); } catch (e) { return (zeroDecimal ? String(Math.round(amount)) : '$' + amount.toFixed(2)); } } function formatSavings(savingsCents) { var currency = getActiveCurrency(); var locale = CURRENCY_LOCALE[currency] || 'en-US'; var amount = (savingsCents || 0) / 100; try { return new Intl.NumberFormat(locale, { style: 'currency', currency: currency, minimumFractionDigits: 0, maximumFractionDigits: 0 }).format(amount); } catch (e) { return '$' + Math.round(amount); } } // ============================================================ // SHIP DESTINATION — ISO country code + emoji flag // ============================================================ function flagEmoji(code) { if (!code || code.length !== 2) return ''; var A = 0x1F1E6; var c = code.toUpperCase(); var a = c.charCodeAt(0), b = c.charCodeAt(1); if (a < 65 || a > 90 || b < 65 || b > 90) return ''; return String.fromCodePoint(A + (a - 65), A + (b - 65)); } function getCountryCode() { if (window.Shopify && window.Shopify.country) return String(window.Shopify.country).toUpperCase(); var loc = (navigator.language || '').split('-')[1]; return loc ? loc.toUpperCase() : ''; } function updateShipDestination() { var dest = root.querySelector('#ezb-ship-dest'); if (!dest) return; var code = getCountryCode(); if (code.length !== 2) { dest.textContent = ''; return; } var flag = flagEmoji(code); dest.textContent = ' to ' + code + (flag ? ' ' + flag : ''); } function setText(selector, value) { var el = root.querySelector(selector); if (el) el.textContent = value; } function updatePriceDisplays(priceCents, compareCents) { var fullPrice = formatPrice(priceCents); var installment = formatPrice(Math.round(priceCents / 4)); setText('#ezb-price', fullPrice); setText('#ezb-installment', installment); setText('#ezb-cta-price', fullPrice); var compareEl = root.querySelector('#ezb-compare'); var saveEl = root.querySelector('#ezb-save'); if (compareCents && compareCents > priceCents) { if (compareEl) { compareEl.textContent = formatPrice(compareCents); compareEl.setAttribute('data-active', 'true'); } if (saveEl) { var saveAmount = compareCents - priceCents; saveEl.textContent = 'SAVE ' + formatSavings(saveAmount); saveEl.setAttribute('data-active', 'true'); } } else { if (compareEl) { compareEl.textContent = ''; compareEl.removeAttribute('data-active'); } if (saveEl) { saveEl.textContent = ''; saveEl.removeAttribute('data-active'); } } } function updateAllTierPrices() { root.querySelectorAll('.ezb-tier').forEach(function (tier) { var cents = parseInt(tier.getAttribute('data-price'), 10); if (isNaN(cents)) return; var priceEl = tier.querySelector('[data-tier-price]'); if (priceEl) priceEl.textContent = formatPrice(cents); }); } // ============================================================ // GALLERY // ============================================================ var track = root.querySelector('#ezb-gallery-track'); var slides = track ? track.querySelectorAll('.ezb-gallery__slide') : []; var prevBtn = root.querySelector('.ezb-gallery__arrow--prev'); var nextBtn = root.querySelector('.ezb-gallery__arrow--next'); var counter = root.querySelector('#ezb-gallery-counter'); var thumbsEl = root.querySelector('#ezb-gallery-thumbs'); var currentIndex = 0; if (counter && slides.length) counter.textContent = '1 / ' + slides.length; function findSlideIndexByImage(url) { if (!url || !slides.length) return -1; var target = url.split('?')[0].toLowerCase(); for (var i = 0; i < slides.length; i++) { var img = slides[i].querySelector('img'); if (!img || !img.src) continue; var src = img.src.split('?')[0].toLowerCase(); if (src === target) return i; var srcFile = src.substring(src.lastIndexOf('/') + 1); var targetFile = target.substring(target.lastIndexOf('/') + 1); if (srcFile && targetFile && srcFile === targetFile) return i; } return -1; } if (thumbsEl && slides.length) { for (var i = 0; i < slides.length; i++) { var slideImg = slides[i].querySelector('img'); var rawSrc = slideImg ? slideImg.src : ''; var isMotion = slides[i].classList.contains('ezb-gallery__slide--motion'); var thumbSrc = rawSrc; if (rawSrc && rawSrc.indexOf('.gif') === -1) { thumbSrc = rawSrc.replace(/&width=\d+/, '&width=160'); } var btn = document.createElement('button'); btn.type = 'button'; btn.className = 'ezb-gallery__thumb' + (isMotion ? ' ezb-gallery__thumb--motion' : ''); btn.setAttribute('role', 'tab'); btn.setAttribute('aria-label', 'Go to image ' + (i + 1)); btn.setAttribute('aria-current', i === 0 ? 'true' : 'false'); btn.setAttribute('data-index', i); btn.innerHTML = ''; thumbsEl.appendChild(btn); } } var thumbs = thumbsEl ? thumbsEl.querySelectorAll('.ezb-gallery__thumb') : []; function goToSlide(index) { if (!track || !slides.length) return; index = Math.max(0, Math.min(slides.length - 1, index)); currentIndex = index; track.scrollTo({ left: slides[index].offsetLeft, behavior: 'smooth' }); updateSliderUI(); } function updateSliderUI() { if (counter) counter.textContent = (currentIndex + 1) + ' / ' + slides.length; thumbs.forEach(function (t, i) { t.setAttribute('aria-current', i === currentIndex ? 'true' : 'false'); }); if (prevBtn) prevBtn.disabled = currentIndex === 0; if (nextBtn) nextBtn.disabled = currentIndex === slides.length - 1; if (thumbsEl && thumbs[currentIndex]) { var t = thumbs[currentIndex]; var stripRect = thumbsEl.getBoundingClientRect(); var thumbRect = t.getBoundingClientRect(); if (thumbRect.left < stripRect.left || thumbRect.right > stripRect.right) { thumbsEl.scrollTo({ left: t.offsetLeft - thumbsEl.clientWidth / 2 + t.clientWidth / 2, behavior: 'smooth' }); } } } if (prevBtn) prevBtn.addEventListener('click', function () { goToSlide(currentIndex - 1); }); if (nextBtn) nextBtn.addEventListener('click', function () { goToSlide(currentIndex + 1); }); thumbs.forEach(function (t) { t.addEventListener('click', function () { goToSlide(parseInt(t.getAttribute('data-index'), 10)); }); }); if (track) { var scrollTimer; track.addEventListener('scroll', function () { clearTimeout(scrollTimer); scrollTimer = setTimeout(function () { var idx = Math.round(track.scrollLeft / track.clientWidth); if (idx !== currentIndex) { currentIndex = idx; updateSliderUI(); } }, 80); }); } updateSliderUI(); updateShipDestination(); // Use-case tiles jump to the matching gallery slide var useItems = root.querySelectorAll('.ezb-uses__item'); useItems.forEach(function (item) { var targetFile = (item.getAttribute('data-target-file') || '').toLowerCase(); if (!targetFile) return; item.addEventListener('click', function () { for (var i = 0; i < slides.length; i++) { var sImg = slides[i].querySelector('img'); if (!sImg) continue; var sFile = sImg.src.split('?')[0].split('/').pop().toLowerCase(); if (sFile === targetFile) { goToSlide(i); var stage = root.querySelector('.ezb-gallery__stage'); if (stage) stage.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); return; } } }); }); // ============================================================ // VARIANT SELECTION // ============================================================ var tiers = root.querySelectorAll('.ezb-tier'); var selected = root.querySelector('.ezb-tier[aria-pressed="true"]') || tiers[0]; function applySelection(tier) { if (!tier) return; tiers.forEach(function (t) { t.setAttribute('aria-pressed', 'false'); }); tier.setAttribute('aria-pressed', 'true'); selected = tier; var id = tier.getAttribute('data-variant-id'); var img = tier.getAttribute('data-image'); var priceCents = parseInt(tier.getAttribute('data-price'), 10); var compareCents = parseInt(tier.getAttribute('data-compare'), 10); if (isNaN(compareCents)) compareCents = null; var name = tier.getAttribute('data-name') || ''; var hint = tier.getAttribute('data-hint') || ''; setText('#ezb-resolved-name', name === 'Pair (save $20)' ? 'Pair' : name); setText('#ezb-resolved-hint', hint); var cartInput = root.querySelector('#ezb-cart-variant'); if (cartInput) cartInput.value = id; var notifyInput = root.querySelector('#ezb-notify-variant'); if (notifyInput) notifyInput.value = id; if (img) { var idx = findSlideIndexByImage(img); if (idx !== -1) goToSlide(idx); } if (priceCents) updatePriceDisplays(priceCents, compareCents); } tiers.forEach(function (t) { t.addEventListener('click', function () { applySelection(t); }); }); // Initialize updateAllTierPrices(); applySelection(selected); // ============================================================ // LIVE PRICE FETCH (Shopify Markets-aware) // ============================================================ var handle = root.getAttribute('data-product-handle'); function fetchAndUpdatePrices() { return fetch('/products/' + handle + '.js', { headers: { 'Accept': 'application/json' } }) .then(function (r) { return r.ok ? r.json() : null; }) .then(function (data) { if (!data || !data.variants) return; tiers.forEach(function (tier) { var wantId = tier.getAttribute('data-variant-id'); var match = data.variants.find(function (v) { return String(v.id) === wantId; }); if (match) { tier.setAttribute('data-price', match.price); tier.setAttribute('data-compare', match.compare_at_price || ''); tier.setAttribute('data-available', match.available ? 'true' : 'false'); } }); // Synthetic compare-at for Pair = 2 × Single (in whatever currency // Shopify returned). Only applies if Shopify didn't set a real compare-at. var singleTier = root.querySelector('.ezb-tier[data-name="Single"]'); var pairTier = root.querySelector('.ezb-tier[data-name="Pair (save $20)"]'); if (singleTier && pairTier) { var singlePrice = parseInt(singleTier.getAttribute('data-price'), 10); var pairPrice = parseInt(pairTier.getAttribute('data-price'), 10); var existingCompare = parseInt(pairTier.getAttribute('data-compare'), 10); if (!existingCompare && singlePrice && pairPrice && (singlePrice * 2) > pairPrice) { pairTier.setAttribute('data-compare', String(singlePrice * 2)); } } updateAllTierPrices(); var anyAvailable = data.variants.some(function (v) { return v.available; }); root.setAttribute('data-stock', anyAvailable ? 'in' : 'out'); applySelection(selected); updateShipDestination(); }) .catch(function () { /* fall back to hardcoded prices */ }); } fetchAndUpdatePrices(); // Re-fetch when currency changes. Listen to multiple events because // different themes / apps dispatch different ones for Shopify Markets. var currencyEvents = [ 'currency:change', 'currency:changed', 'shopify:currency_changed', 'shopify:section:load' ]; currencyEvents.forEach(function (evt) { document.addEventListener(evt, fetchAndUpdatePrices); }); // Belt-and-braces: poll Shopify.currency.active for themes that switch // currency without firing an event. var lastCurrency = getActiveCurrency(); setInterval(function () { var current = getActiveCurrency(); if (current !== lastCurrency) { lastCurrency = current; fetchAndUpdatePrices(); } }, 1500); // ============================================================ // KLAVIYO BACK-IN-STOCK // ============================================================ var form = root.querySelector('#ezb-notify-form'); if (!form) return; form.addEventListener('submit', function (e) { e.preventDefault(); var emailInput = form.querySelector('input[name="contact[email]"]'); var variantInput = form.querySelector('input[name="variant_id"]'); var btn = form.querySelector('.ezb-notify__btn'); var btnLabel = form.querySelector('.ezb-notify__btn-label'); var email = (emailInput.value || '').trim(); var variantId = (variantInput.value || '').trim(); if (!email || !variantId) { form.setAttribute('data-state', 'error'); return; } btn.disabled = true; var originalLabel = btnLabel.textContent; btnLabel.textContent = 'Submitting…'; form.removeAttribute('data-state'); var payload = { data: { type: 'back-in-stock-subscription', attributes: { profile: { data: { type: 'profile', attributes: { email: email } } }, channels: ['EMAIL'] }, relationships: { variant: { data: { type: 'catalog-variant', id: '$shopify:::$default:::' + variantId } } } } }; fetch('https://a.klaviyo.com/client/back-in-stock-subscriptions/?company_id=' + KLAVIYO_PUBLIC_KEY, { method: 'POST', headers: { 'Content-Type': 'application/json', 'revision': '2024-10-15' }, body: JSON.stringify(payload) }) .then(function (res) { if (res.ok || res.status === 202) { form.setAttribute('data-state', 'success'); } else { form.setAttribute('data-state', 'error'); btn.disabled = false; btnLabel.textContent = originalLabel; } }) .catch(function () { form.setAttribute('data-state', 'error'); btn.disabled = false; btnLabel.textContent = originalLabel; }); }); })(); [ {"shortcode": "DGnKC6fsZbq", "handle": "geeknfit", "name": "", "product": "EZ-BOOT", "poster": "https://cdn.shopify.com/s/files/1/0229/1249/9792/files/boot-reel-1.jpg?v=1786453054", "video": "https://cdn.shopify.com/videos/c/o/v/c8e702150c1d43db8fbb2421c527ee71.mp4"}, {"shortcode": "DIyt4Q6obF3", "handle": "mercedes_gz", "name": "", "product": "EZ-BOOT", "poster": "https://cdn.shopify.com/s/files/1/0229/1249/9792/files/boot-reel-2.jpg?v=1786453055", "video": "https://cdn.shopify.com/videos/c/o/v/566ba395d9c146cbbd60195f0dce3a04.mp4"}, {"shortcode": "DXzWoghxar5", "handle": "juan_forgia", "name": "", "product": "EZ-BOOT", "poster": "https://cdn.shopify.com/s/files/1/0229/1249/9792/files/boot-reel-3.jpg?v=1786453055", "video": "https://cdn.shopify.com/videos/c/o/v/45f3e2ceba4e483ab57808eeec0482ea.mp4"}, {"shortcode": "DTiXaDWDCX-", "handle": "boni_fit_", "name": "", "product": "EZ-BOOT", "poster": "https://cdn.shopify.com/s/files/1/0229/1249/9792/files/boot-reel-4.jpg?v=1786453054", "video": "https://cdn.shopify.com/videos/c/o/v/871004c08c0349208cc7d2dbcc130428.mp4"} ] From the community Loaded, pulled, tested Shared by lifters using the EZ-BOOT™ /* Heading face — matches the Kensui site. Safe no-op if the theme already loads it. */ @import url('https://fonts.googleapis.com/css2?family=Anton&display=swap'); /* ---------------------------------------------------------------- tokens */ .cpr-wrap{ --cpr-paper:#fdfbf8; --cpr-sand:#efe8df; --cpr-ink:#151412; --cpr-muted:#6d675f; --cpr-blue:#1972bc; --cpr-line:rgba(21,20,18,.12); --cpr-r:6px; --cpr-card:clamp(228px,68vw,292px); --cpr-gap:14px; --cpr-pad:20px; position:relative; isolation:isolate; padding:44px 0 48px; border-top:1px solid var(--cpr-line); color:var(--cpr-ink); background:radial-gradient(120% 90% at 50% 0%,#fffefc 0%,var(--cpr-paper) 42%,var(--cpr-sand) 100%); font-family:"Barlow","Helvetica Neue",Arial,sans-serif; -webkit-font-smoothing:antialiased; } .cpr-wrap *,.cpr-wrap *::before,.cpr-wrap *::after{box-sizing:border-box;} .cpr-inner{max-width:1280px;margin:0 auto;} /* ----------------------------------------------------------------- head */ .cpr-head{ display:flex;align-items:flex-end;justify-content:space-between;gap:20px; padding:0 var(--cpr-pad);margin:0 0 20px; } .cpr-eyebrow{ margin:0 0 6px;font-family:"Barlow Condensed","Barlow",sans-serif; font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase; color:var(--cpr-muted); } .cpr-title{ margin:0;font-family:"Anton","Oswald","Bebas Neue",sans-serif;font-weight:400; font-size:clamp(26px,4.4vw,40px);line-height:1;letter-spacing:.015em;text-transform:uppercase; } .cpr-head-right{display:flex;align-items:center;gap:14px;flex:0 0 auto;} .cpr-source{ display:inline-flex;align-items:center;gap:7px; color:var(--cpr-muted);font-size:13px;font-weight:500;letter-spacing:.01em; } .cpr-nav{display:flex;gap:8px;} .cpr-arrow{ width:40px;height:40px;display:grid;place-items:center;cursor:pointer; border:1px solid var(--cpr-line);border-radius:var(--cpr-r); background:rgba(255,255,255,.6);color:var(--cpr-ink); transition:border-color .18s,color .18s,opacity .18s; } .cpr-arrow:hover:not(:disabled){border-color:var(--cpr-blue);color:var(--cpr-blue);} .cpr-arrow:disabled{opacity:.3;cursor:default;} /* ----------------------------------------------------------------- rail */ .cpr-rail-outer{position:relative;} .cpr-rail{ list-style:none;margin:0; display:flex;gap:var(--cpr-gap);align-items:center; padding:20px var(--cpr-pad) 24px; overflow-x:auto;overscroll-behavior-x:contain; scrollbar-width:none;-webkit-overflow-scrolling:touch; } .cpr-rail::-webkit-scrollbar{display:none;} .cpr-rail:focus-visible{outline:2px solid var(--cpr-blue);outline-offset:3px;border-radius:var(--cpr-r);} .cpr-card{ flex:0 0 var(--cpr-card); transform-origin:center center; will-change:transform,opacity; } .cpr-media{ position:relative;display:block;width:100%;aspect-ratio:9/16; padding:0;margin:0;border:1px solid var(--cpr-line);border-radius:var(--cpr-r); overflow:hidden;cursor:pointer; background:linear-gradient(160deg,#efe8df 0%,#e4dbcf 100%); box-shadow:0 2px 10px rgba(21,20,18,.06); transition:box-shadow .3s; } .cpr-card.is-active .cpr-media{box-shadow:0 18px 40px rgba(21,20,18,.18);} .cpr-media:focus-visible{outline:2px solid var(--cpr-blue);outline-offset:3px;} .cpr-poster,.cpr-video{ position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block; } .cpr-video{opacity:0;transition:opacity .4s;} .cpr-video.is-live{opacity:1;} .cpr-media::after{ content:"";position:absolute;inset:auto 0 0 0;height:52%;pointer-events:none; background:linear-gradient(to top,rgba(12,11,10,.62),rgba(12,11,10,0)); } .cpr-media.is-bare::after{opacity:.35;} .cpr-play{ position:absolute;top:50%;left:50%;translate:-50% -50%; width:52px;height:52px;border-radius:50%;display:grid;place-items:center; background:rgba(255,255,255,.9);color:var(--cpr-ink); transition:opacity .25s,scale .25s;z-index:2; } .cpr-media:hover .cpr-play{scale:1.06;} .cpr-media.is-playing .cpr-play{opacity:0;} /* variant / finish name — top-left label, high-contrast so it stays legible */ .cpr-tag{ position:absolute;top:12px;left:12px;z-index:2; font-family:"Barlow Condensed","Barlow",sans-serif; font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase; padding:5px 10px;border-radius:4px; background:var(--cpr-paper);color:var(--cpr-ink); box-shadow:0 1px 4px rgba(0,0,0,.16); } .cpr-ig{position:absolute;top:12px;right:12px;z-index:2;color:#fff;opacity:.9;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45));} .cpr-onmedia{position:absolute;left:12px;right:12px;bottom:11px;z-index:2;text-align:left;} .cpr-handle{ display:block;color:#fff;font-size:14px;font-weight:600;letter-spacing:.01em; text-shadow:0 1px 4px rgba(0,0,0,.4); } .cpr-name{ display:block;margin-top:2px;color:rgba(255,255,255,.82); font-size:12px;font-weight:400;line-height:1.3; text-shadow:0 1px 4px rgba(0,0,0,.4); overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } /* ------------------------------------------------------------- progress */ .cpr-progress{ margin:4px var(--cpr-pad) 0;height:2px;border-radius:2px; background:rgba(21,20,18,.10);overflow:hidden; } .cpr-progress span{ display:block;height:100%;width:30%;border-radius:2px;background:var(--cpr-blue); transform-origin:left center;transition:transform .25s ease; } /* ---------------------------------------------------------------- modal */ .cpr-modal{ position:fixed;inset:0;z-index:9999; display:flex;align-items:center;justify-content:center;gap:min(3vw,28px); padding:20px;background:rgba(14,13,12,.9); opacity:0;transition:opacity .22s ease; } .cpr-modal[hidden]{display:none;} .cpr-modal.is-open{opacity:1;} .cpr-modal-stage{ position:relative;height:min(86vh,900px);aspect-ratio:9/16;max-width:min(94vw,520px); border-radius:var(--cpr-r);overflow:hidden;background:#0e0d0c; } .cpr-modal-stage video{width:100%;height:100%;object-fit:contain;display:block;background:#0e0d0c;} .cpr-modal-stage img{width:100%;height:100%;object-fit:cover;display:block;} .cpr-modal-cap{ position:absolute;left:0;right:0;bottom:0;padding:14px 16px; background:linear-gradient(to top,rgba(12,11,10,.85),rgba(12,11,10,0)); color:#fff;font-size:14px;font-weight:600;pointer-events:none; } .cpr-modal-cap small{display:block;font-weight:400;opacity:.8;font-size:12px;margin-top:2px;} .cpr-modal-close,.cpr-modal-arrow{ border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff; border-radius:var(--cpr-r);cursor:pointer;display:grid;place-items:center; transition:background .18s,border-color .18s; } .cpr-modal-close:hover,.cpr-modal-arrow:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4);} .cpr-modal-close{position:absolute;top:16px;right:16px;width:42px;height:42px;z-index:3;} .cpr-modal-arrow{width:46px;height:46px;flex:0 0 auto;} .cpr-modal-close:focus-visible,.cpr-modal-arrow:focus-visible{outline:2px solid #fff;outline-offset:2px;} /* ------------------------------------------------------------ responsive */ @media (max-width:767px){ .cpr-nav{display:none;} .cpr-head{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:10px;} .cpr-modal-arrow{display:none;} .cpr-modal-stage{height:auto;max-height:88vh;width:100%;} } @media (min-width:768px){ .cpr-wrap{--cpr-card:288px;--cpr-gap:18px;--cpr-pad:32px;padding:64px 0 68px;} } @media (min-width:1200px){ .cpr-wrap{--cpr-pad:40px;} } @media (prefers-reduced-motion:reduce){ .cpr-wrap *,.cpr-modal *{transition:none !important;animation:none !important;} .cpr-rail{scroll-behavior:auto;} } (function () { var root = document.getElementById('cpr-reels'); if (!root || root.dataset.cprInit) return; root.dataset.cprInit = '1'; var reels; try { reels = JSON.parse(document.getElementById('cpr-data').textContent); } catch (e) { console.warn('[cpr] Clip data is not valid JSON.'); return; } reels = reels.filter(function (r) { return r && (r.poster || r.video); }); if (!reels.length) return; var rail = root.querySelector('[data-cpr-rail]'); var bar = root.querySelector('[data-cpr-bar]'); var prevBtn = root.querySelector('[data-cpr-prev]'); var nextBtn = root.querySelector('[data-cpr-next]'); var modal = root.querySelector('[data-cpr-modal]'); var stage = root.querySelector('[data-cpr-stage]'); var reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches; var saveData = !!(navigator.connection && navigator.connection.saveData); var autoplayOK = !reduceMotion && !saveData; /* Centred card vs its neighbours. 0.22 => centre is ~1.28x the others. */ var SHRINK = 0.22; var FADE = 0.42; var N = reels.length; var COPIES = 3; /* prev / centre / next — always enough to fill both sides */ var MID = N; /* index of the first card of the centre copy */ var IG_SVG = ''; var PLAY_SVG = ''; function esc(s) { return String(s == null ? '' : s).replace(/[&"']/g, function (c) { return { '&': '&', '', '"': '"', "'": ''' }[c]; }); } /* ---------------------------------------------- build rail (with clones) */ var frag = document.createDocumentFragment(); for (var copy = 0; copy < COPIES; copy++) { reels.forEach(function (r, ri) { var slide = copy * N + ri; var li = document.createElement('li'); li.className = 'cpr-card'; li.dataset.real = ri; li.innerHTML = '' + (r.poster ? '' : '') + (r.video ? '' : '') + (r.product ? '' + esc(r.product) + '' : '') + '' + IG_SVG + '' + '' + PLAY_SVG + '' + '' + (r.handle ? '@' + esc(r.handle) + '' : '') + (r.name ? '' + esc(r.name) + '' : '') + '' + ''; frag.appendChild(li); }); } rail.appendChild(frag); var cards = Array.prototype.slice.call(rail.querySelectorAll('.cpr-card')); rail.querySelectorAll('.cpr-poster').forEach(function (img) { img.addEventListener('error', function () { img.style.display = 'none'; }); }); /* ------------------------------------------ centre detection + scaling */ var active = -1; var ticking = false; var setWidth = 0; /* px width of one copy of the reel set */ function measure() { if (cards.length > N) setWidth = cards[N].offsetLeft - cards[0].offsetLeft; } function centerOffsetFor(i) { var c = cards[i]; return c.offsetLeft + (c.offsetWidth / 2) - (rail.clientWidth / 2); } /* pick the clone of a real reel that sits closest to a reference slide */ function slideNear(real, ref) { var best = real, bestD = Infinity; for (var c = 0; c < COPIES; c++) { var s = real + c * N, d = Math.abs(s - ref); if (d < bestD) { bestD = d; best = s; } } return best; } function loadVideo(i) { if (i < 0 || i >= cards.length) return; var v = cards[i].querySelector('.cpr-video'); if (v && !v.src && v.dataset.src) v.src = v.dataset.src; } function setActive(i) { active = i; cards.forEach(function (card, idx) { var v = card.querySelector('.cpr-video'); card.classList.toggle('is-active', idx === i); if (!v) return; var media = card.querySelector('.cpr-media'); if (idx === i) { if (!autoplayOK) return; if (!v.src && v.dataset.src) v.src = v.dataset.src; var p = v.play(); if (p && p.then) { p.then(function () { v.classList.add('is-live'); media.classList.add('is-playing'); }) .catch(function () { /* autoplay blocked — poster stays */ }); } } else { v.pause(); v.classList.remove('is-live'); media.classList.remove('is-playing'); } }); loadVideo(i - 1); loadVideo(i + 1); } /* keep the scroll position inside the centre copy so the row never ends */ function wrap() { if (!setWidth) return; if (rail.scrollLeft < setWidth * 0.5) rail.scrollLeft += setWidth; else if (rail.scrollLeft > setWidth * 2.5) rail.scrollLeft -= setWidth; } function paint() { wrap(); var mid = rail.scrollLeft + (rail.clientWidth / 2); var nearest = 0, nearestDist = Infinity; cards.forEach(function (card, i) { var cardMid = card.offsetLeft + (card.offsetWidth / 2); var dist = Math.abs(cardMid - mid); var norm = Math.min(dist / (card.offsetWidth * 1.15), 1); card.style.transform = 'scale(' + (1 - SHRINK * norm).toFixed(4) + ')'; card.style.opacity = (1 - FADE * norm).toFixed(3); card.style.zIndex = String(100 - Math.round(norm * 100)); if (dist < nearestDist) { nearestDist = dist; nearest = i; } }); if (bar) { var slot = ((nearest % N) + N) % N; bar.style.width = (100 / N) + '%'; bar.style.transform = 'translateX(' + (slot * 100) + '%)'; } if (nearest !== active) setActive(nearest); ticking = false; } rail.addEventListener('scroll', function () { if (!ticking) { ticking = true; requestAnimationFrame(paint); } }, { passive: true }); /* --------------------------------------------------------- navigation */ function goTo(i) { rail.scrollTo({ left: centerOffsetFor(i), behavior: reduceMotion ? 'auto' : 'smooth' }); } if (prevBtn) prevBtn.addEventListener('click', function () { goTo(active - 1); }); if (nextBtn) nextBtn.addEventListener('click', function () { goTo(active + 1); }); rail.addEventListener('click', function (e) { var btn = e.target.closest('.cpr-media'); if (!btn) return; var i = parseInt(btn.dataset.i, 10); if (i !== active) { goTo(slideNear(parseInt(btn.dataset.real, 10), active)); return; } open(parseInt(btn.dataset.real, 10)); }); rail.addEventListener('keydown', function (e) { if (e.key === 'ArrowLeft') { e.preventDefault(); goTo(active - 1); } if (e.key === 'ArrowRight') { e.preventDefault(); goTo(active + 1); } }); /* --------------------------------------------- player (real indices) */ var current = 0; var lastFocus = null; function render(i) { current = (i + N) % N; var r = reels[current]; var media = r.video ? '' : (r.poster ? '' : ''); var cap = (r.handle || r.product || r.name) ? '' + (r.handle ? '@' + esc(r.handle) : '') + (r.product ? '' + esc(r.product) + (r.name ? ' — ' + esc(r.name) : '') + '' : (r.name ? '' + esc(r.name) + '' : '')) + '' : ''; stage.innerHTML = media + cap; } function open(i) { lastFocus = document.activeElement; cards.forEach(function (c) { var v = c.querySelector('.cpr-video'); if (v) { v.pause(); c.querySelector('.cpr-media').classList.remove('is-playing'); } }); render(i); modal.hidden = false; document.body.style.overflow = 'hidden'; requestAnimationFrame(function () { modal.classList.add('is-open'); }); modal.querySelector('[data-cpr-close]').focus(); } function close() { modal.classList.remove('is-open'); document.body.style.overflow = ''; var back = current; setTimeout(function () { modal.hidden = true; stage.innerHTML = ''; rail.scrollLeft = centerOffsetFor(MID + back); paint(); }, reduceMotion ? 0 : 220); if (lastFocus && lastFocus.focus) lastFocus.focus(); } function step(dir) { render(current + dir); } modal.querySelector('[data-cpr-close]').addEventListener('click', close); modal.querySelector('[data-cpr-mprev]').addEventListener('click', function () { step(-1); }); modal.querySelector('[data-cpr-mnext]').addEventListener('click', function () { step(1); }); modal.addEventListener('click', function (e) { if (e.target === modal) close(); }); document.addEventListener('keydown', function (e) { if (modal.hidden) return; if (e.key === 'Escape') close(); if (e.key === 'ArrowLeft') step(-1); if (e.key === 'ArrowRight') step(1); }); /* ---------------------------------------------------------------- init */ function boot() { measure(); rail.scrollLeft = centerOffsetFor(MID); /* opens centered on the first reel */ paint(); } window.addEventListener('resize', function () { measure(); var realNow = active < 0 ? 0 : (((active % N) + N) % N); rail.scrollLeft = centerOffsetFor(MID + realNow); paint(); }); if (document.readyState === 'complete') boot(); else window.addEventListener('load', boot); boot(); })(); Used by the best teams and athletes globally. NBA .kpro{ --kpro-paper:#faf9f7; --kpro-ink:#14171a; --kpro-muted:#6b7177; --kpro-blue:#1972bc; --kpro-line:rgba(20,23,26,.10); --kpro-chip-bg:#ffffff; background:var(--kpro-paper); border-top:1px solid var(--kpro-line); border-bottom:1px solid var(--kpro-line); padding:clamp(48px,7vw,88px) 20px; font-family:"Barlow",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--kpro-ink); overflow:hidden; } .kpro *{box-sizing:border-box;} .kpro-inner{max-width:1180px;margin:0 auto;text-align:center;} /* Eyebrow */ .kpro-eyebrow{ display:inline-flex;align-items:center;gap:12px; font-family:"Oswald",sans-serif;font-weight:600; font-size:13px;letter-spacing:.28em;text-transform:uppercase; color:var(--kpro-blue);margin-bottom:18px; } .kpro-eyebrow-rule{width:34px;height:2px;background:var(--kpro-blue);display:inline-block;} /* Headline */ .kpro-head{ font-family:"Bebas Neue",sans-serif;font-weight:400; font-size:clamp(34px,6.2vw,58px);line-height:1.02; letter-spacing:.01em;margin:0 0 14px; text-transform:uppercase; } .kpro-rotate{ display:inline-block;position:relative;text-align:left; color:var(--kpro-blue); /* width is locked by JS to the widest credential so ", and more." never jumps */ } .kpro-word{ display:inline-block; transition:opacity .42s ease, transform .42s ease; } .kpro-rotate.is-out .kpro-word{opacity:0;transform:translateY(-0.28em);} .kpro-tail{color:var(--kpro-ink);} .kpro-sub{ font-size:clamp(15px,1.6vw,18px);color:var(--kpro-muted); margin:0 auto;max-width:42ch;font-weight:500; } /* Logo wall */ .kpro-marquee{ position:relative;margin-top:clamp(34px,5vw,56px); -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); } .kpro-track{display:flex;width:max-content;animation:kpro-scroll 46s linear infinite;} .kpro-marquee:hover .kpro-track{animation-play-state:paused;} .kpro-group{display:flex;flex:0 0 auto;align-items:center;} .kpro-chip{ flex:0 0 auto; display:inline-flex;align-items:center;justify-content:center; min-width:118px;height:62px;margin:0 10px;padding:0 22px; background:var(--kpro-chip-bg);border:1px solid var(--kpro-line); border-radius:6px; font-family:"Oswald",sans-serif;font-weight:600; font-size:18px;letter-spacing:.06em;text-transform:uppercase; color:#9aa0a6;white-space:nowrap; transition:color .25s ease, border-color .25s ease, transform .25s ease; } .kpro-chip:hover{color:var(--kpro-blue);border-color:var(--kpro-blue);transform:translateY(-2px);} .kpro-chip--img{padding:0 18px;} .kpro-chip--img img{ max-height:30px;max-width:96px;width:auto;height:auto; object-fit:contain;filter:grayscale(1);opacity:.6; transition:filter .25s ease, opacity .25s ease; } .kpro-chip--img:hover img{filter:grayscale(0);opacity:1;} @keyframes kpro-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}} @media (max-width:600px){ .kpro-chip{min-width:92px;height:54px;font-size:16px;margin:0 7px;padding:0 16px;} .kpro-eyebrow{letter-spacing:.22em;} } @media (prefers-reduced-motion:reduce){ .kpro-track{animation:none;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;} .kpro-track::-webkit-scrollbar{display:none;} .kpro-word{transition:none;} } (function(){ var root = document.currentScript.previousElementSibling; // the — walk back to section // Robustly grab the most recent .kpro that hasn't been initialised. var sections = document.querySelectorAll('.kpro'); var kpro = null; for (var i = sections.length - 1; i >= 0; i--){ if(!sections[i].dataset.kproInit){ kpro = sections[i]; break; } } if(!kpro) return; kpro.dataset.kproInit = "1"; /* ---- 1. Rotating credential ---------------------------------------- */ var CREDENTIALS = [ "NBA teams","NHL teams","MLB teams","NFL teams","MMA fighters", "Olympians","NCAA programs","F1 teams","UFC champions", "the U.S. Military","firefighters" ]; var rotate = kpro.querySelector('.kpro-rotate'); var word = kpro.querySelector('.kpro-word'); // Lock the slot width to the widest credential so ", and more." stays put. function lockWidth(){ var probe = document.createElement('span'); var cs = getComputedStyle(word); probe.style.cssText = 'position:absolute;visibility:hidden;white-space:nowrap;'+ 'font:'+cs.font+';letter-spacing:'+cs.letterSpacing+';'; document.body.appendChild(probe); var max = 0; CREDENTIALS.forEach(function(c){ probe.textContent = c.replace(/ /g,'\u00A0'); max = Math.max(max, probe.getBoundingClientRect().width); }); document.body.removeChild(probe); rotate.style.width = Math.ceil(max) + 'px'; } if(document.fonts && document.fonts.ready){ document.fonts.ready.then(lockWidth); } lockWidth(); window.addEventListener('resize', lockWidth); var idx = 0; var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches; setInterval(function(){ idx = (idx + 1) % CREDENTIALS.length; var next = CREDENTIALS[idx].replace(/ /g,'\u00A0'); if(reduce){ word.textContent = next; return; } rotate.classList.add('is-out'); setTimeout(function(){ word.textContent = next; rotate.classList.remove('is-out'); }, 420); }, 2300); /* ---- 2. Seamless marquee (clone group A -> B) ----------------------- */ var track = kpro.querySelector('.kpro-track'); var group = kpro.querySelector('.kpro-group'); if(track && group){ var clone = group.cloneNode(true); clone.setAttribute('aria-hidden','true'); track.appendChild(clone); } })(); .specs-strip2 { padding: 64px 0; background: #0a0a0a; border-top: 1px solid #222; border-bottom: 1px solid #222; } .specs-strip2 .container2 { max-width: 1200px; margin: 0 auto; padding: 0 24px; } .specs-grid2 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; text-align: center; } .spec-item { display: flex; flex-direction: column; align-items: center; gap: 8px; } .spec-value { font-family: 'Bebas Neue', sans-serif; font-size: clamp(40px, 4vw, 60px); font-weight: 400; color: #ffffff; line-height: 1; letter-spacing: 2px; } .spec-label { font-family: 'Bebas Neue', sans-serif; font-size: 16px; color: #999; text-transform: uppercase; letter-spacing: 3px; } @media (max-width: 640px) { .specs-grid2 { grid-template-columns: repeat(2, 1fr); gap: 24px; } } 200lbs Load Capacity 6 machines Replaced by one 1.5lbs Weight (Single) $1000+ In Equipment saved wistia-player[media-id='4392dxotpi']:not(:defined) { background: center / contain no-repeat url('https://fast.wistia.com/embed/medias/4392dxotpi/swatch'); display: block; filter: blur(5px); padding-top:56.25%; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; /*background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%);*/ min-height: 100vh; /*padding: 60px 20px;*/ } .container1 { max-width: 1400px; margin: 0 auto; } .header-section { text-align: center; margin-bottom: 20px; } .main-title { font-size: 48px; font-weight: 800; color: #1a1a1a; margin-bottom: 20px; } .title-highlight { color: #1972bc; } .subtitle { font-size: 20px; color: #666; max-width: 600px; margin: 0 auto; } .features-section { background: white; border-radius: 30px; padding: 80px 60px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08); margin-bottom: 60px; } .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; } .feature-card { text-align: center; padding: 40px 30px; background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); border-radius: 20px; border: 2px solid #f0f0f0; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: relative; overflow: hidden; } .feature-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #1972bc 0%, #0d4f8b 100%); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; } .feature-card:hover::before { transform: scaleX(1); } .feature-card:hover { transform: translateY(-10px); box-shadow: 0 25px 60px rgba(25, 114, 188, 0.15); border-color: #1972bc; background: linear-gradient(135deg, #ffffff 0%, #f0f8ff 100%); } .icon-container { width: 100px; height: 100px; margin: 0 auto 30px; background: linear-gradient(135deg, #1972bc 0%, #0d4f8b 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; transition: all 0.4s ease; box-shadow: 0 10px 30px rgba(25, 114, 188, 0.2); } .feature-card:hover .icon-container { transform: rotate(360deg) scale(1.1); box-shadow: 0 15px 40px rgba(25, 114, 188, 0.3); } .icon-ez-boot { width: 50px; height: 50px; fill: white; } .feature-title { font-size: 24px; font-weight: 700; color: #1a1a1a; margin-bottom: 15px; line-height: 1.3; } .feature-description { font-size: 16px; color: #666; line-height: 1.6; } .feature-badge { position: absolute; top: 20px; right: 20px; background: #1972bc; color: white; padding: 5px 12px; border-radius: 15px; font-size: 11px; font-weight: 600; text-transform: uppercase; opacity: 0; transform: translateY(-10px); transition: all 0.3s ease; } .feature-card:hover .feature-badge { opacity: 1; transform: translateY(0); } /* Animated background pattern */ /*.bg-pattern {*/ /* position: absolute;*/ /* top: 0;*/ /* left: 0;*/ /* right: 0;*/ /* bottom: 0;*/ /* opacity: 0.03;*/ /* pointer-events: none;*/ /* background-image: repeating-linear-gradient(*/ /* 45deg,*/ /* #1972bc 0,*/ /* #1972bc 1px,*/ /* transparent 1px,*/ /* transparent 15px*/ /* );*/ /*}*/ .stats-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin-top: 60px; padding-top: 60px; border-top: 2px solid #f0f0f0; } .stat-item { text-align: center; } .stat-number { font-size: 36px; font-weight: 800; color: #1972bc; margin-bottom: 10px; } .stat-label { font-size: 14px; color: #666; text-transform: uppercase; letter-spacing: 0.5px; } @media (max-width: 1024px) { .features-grid { grid-template-columns: repeat(2, 1fr); gap: 40px; } } @media (max-width: 768px) { .main-title { font-size: 36px; } .features-section { padding: 50px 30px; } .features-grid { grid-template-columns: 1fr; gap: 30px; } .stats-strip { grid-template-columns: repeat(2, 1fr); gap: 30px; } } @media (max-width: 480px) { .features-section { padding: 40px 20px; } .feature-card { padding: 30px 20px; } } Engineered with premium features for maximum performance and convenience Power Builds Muscle Target every muscle fiber with precision engineering for maximum hypertrophy and strength gains Portable Lightweight and Portable Take your training anywhere with our ultra-portable design that fits in any gym bag Essential Home Gym Essential The must-have equipment that transforms any space into a professional training facility Premium Premium Materials Crafted from high-grade materials for unmatched durability and performance Universal Fits All Weight Plates Universal compatibility with standard and Olympic plates for versatile training options Innovation Patented Revolutionary design protected by patented technology you won't find anywhere else .ksebc-section { font-family: 'Outfit', sans-serif; background: #f5f5f5; padding: 80px 20px; color: #1a1a1a; } .ksebc-section * { box-sizing: border-box; margin: 0; padding: 0; } .ksebc-container { max-width: 900px; margin: 0 auto; } /* Header */ .ksebc-header { text-align: center; margin-bottom: 48px; } .ksebc-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(37, 99, 235, 0.1); border: 1px solid rgba(37, 99, 235, 0.2); padding: 8px 16px; border-radius: 24px; margin-bottom: 16px; } .ksebc-badge svg { width: 16px; height: 16px; color: #2563eb; } .ksebc-badge span { font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #2563eb; } .ksebc-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(36px, 5vw, 52px); letter-spacing: 2px; color: #1a1a1a; margin-bottom: 12px; } .ksebc-title span { background: linear-gradient(135deg, #2563eb, #1d4ed8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .ksebc-subtitle { font-size: 18px; color: #666; max-width: 500px; margin: 0 auto; } /* Comparison Table */ .ksebc-table { background: white; border-radius: 24px; overflow: hidden; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06); } /* Product Headers */ .ksebc-products { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; background: linear-gradient(180deg, #fafafa 0%, white 100%); border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .ksebc-product-spacer { padding: 24px; display: flex; align-items: flex-end; } .ksebc-product-spacer-text { font-size: 13px; color: #888; font-weight: 500; } .ksebc-product { padding: 28px 16px; text-align: center; position: relative; border-left: 1px solid rgba(0, 0, 0, 0.04); } .ksebc-product.ksebc-winner { background: linear-gradient(180deg, rgba(34, 197, 94, 0.08) 0%, rgba(34, 197, 94, 0.02) 100%); } .ksebc-product.ksebc-winner::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #22c55e, #16a34a); } .ksebc-winner-badge { position: absolute; top: 12px; right: 12px; background: linear-gradient(135deg, #22c55e, #16a34a); color: white; padding: 4px 8px; border-radius: 6px; font-size: 8px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; } .ksebc-product-image { height: 90px; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; } .ksebc-product-image img { max-height: 80px; max-width: 100%; object-fit: contain; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1)); } .ksebc-product-name { font-family: 'Bebas Neue', sans-serif; font-size: 18px; letter-spacing: 1px; color: #333; line-height: 1.2; } .ksebc-product.ksebc-winner .ksebc-product-name { color: #16a34a; } .ksebc-product-type { font-size: 11px; color: #888; margin-top: 4px; } /* Feature Rows */ .ksebc-features { padding: 0; } .ksebc-row { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; transition: background 0.2s ease; } .ksebc-row:hover { background: rgba(0, 0, 0, 0.01); } .ksebc-row:nth-child(odd) { background: #fafafa; } .ksebc-row:nth-child(odd):hover { background: rgba(0, 0, 0, 0.02); } .ksebc-cell { padding: 18px 16px; display: flex; align-items: center; justify-content: center; border-left: 1px solid rgba(0, 0, 0, 0.04); border-bottom: 1px solid rgba(0, 0, 0, 0.04); } .ksebc-cell:first-child { justify-content: flex-start; border-left: none; } .ksebc-cell.ksebc-highlight { background: rgba(34, 197, 94, 0.04); } .ksebc-row:nth-child(odd) .ksebc-cell.ksebc-highlight { background: rgba(34, 197, 94, 0.06); } .ksebc-feature-name { display: flex; align-items: center; gap: 12px; } .ksebc-feature-icon { width: 36px; height: 36px; background: rgba(37, 99, 235, 0.08); border-radius: 10px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .ksebc-feature-icon svg { width: 18px; height: 18px; color: #2563eb; } .ksebc-feature-text { font-size: 14px; font-weight: 600; color: #333; } .ksebc-feature-desc { font-size: 11px; color: #888; margin-top: 2px; } /* Check / X icons */ .ksebc-check { width: 32px; height: 32px; background: linear-gradient(135deg, #22c55e, #16a34a); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 3px 10px rgba(34, 197, 94, 0.3); } .ksebc-check svg { width: 18px; height: 18px; color: white; } .ksebc-x { width: 32px; height: 32px; background: rgba(239, 68, 68, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .ksebc-x svg { width: 16px; height: 16px; color: #ef4444; } /* Summary Row */ .ksebc-row.ksebc-summary-row { background: linear-gradient(180deg, #f8f8f8 0%, #f0f0f0 100%); border-top: 2px solid rgba(0, 0, 0, 0.06); } .ksebc-row.ksebc-summary-row .ksebc-cell { border-bottom: none; padding: 20px 16px; } .ksebc-score { text-align: center; } .ksebc-score-value { font-family: 'Bebas Neue', sans-serif; font-size: 28px; letter-spacing: 1px; color: #333; } .ksebc-score-value.ksebc-perfect { color: #16a34a; } .ksebc-score-label { font-size: 10px; color: #888; text-transform: uppercase; letter-spacing: 1px; margin-top: 2px; } /* CTA Section */ .ksebc-cta-section { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; padding: 20px; background: linear-gradient(180deg, white 0%, #fafafa 100%); border-top: 1px solid rgba(0, 0, 0, 0.06); } .ksebc-cta-spacer { display: flex; align-items: center; } .ksebc-cta-text { font-size: 14px; color: #666; } .ksebc-cta-cell { display: flex; justify-content: center; align-items: center; border-left: 1px solid rgba(0, 0, 0, 0.04); } .ksebc-cta-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 12px 20px; border-radius: 10px; font-family: 'Outfit', sans-serif; font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-decoration: none; border: none; } .ksebc-cta-btn.ksebc-disabled { background: #f0f0f0; color: #aaa; cursor: default; } .ksebc-cta-btn.ksebc-primary { background: linear-gradient(135deg, #22c55e, #16a34a); color: white; box-shadow: 0 4px 14px rgba(34, 197, 94, 0.3); } .ksebc-cta-btn.ksebc-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(34, 197, 94, 0.4); } .ksebc-cta-btn svg { width: 16px; height: 16px; } /* Trust Bar */ .ksebc-trust { display: flex; align-items: center; justify-content: center; gap: 32px; margin-top: 32px; padding: 20px; background: white; border-radius: 16px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04); } .ksebc-trust-item { display: flex; align-items: center; gap: 10px; } .ksebc-trust-icon { width: 36px; height: 36px; background: rgba(34, 197, 94, 0.08); border-radius: 10px; display: flex; align-items: center; justify-content: center; } .ksebc-trust-icon svg { width: 18px; height: 18px; color: #16a34a; } .ksebc-trust-text { font-size: 13px; font-weight: 600; color: #333; } .ksebc-trust-divider { width: 1px; height: 32px; background: #e5e5e5; } /* Responsive - Tablet */ @media (max-width: 768px) { .ksebc-section { padding: 60px 16px; } .ksebc-products, .ksebc-row, .ksebc-cta-section { grid-template-columns: 1.2fr 1fr 1fr 1fr; } .ksebc-product { padding: 20px 10px; } .ksebc-product-image { height: 70px; } .ksebc-product-image img { max-height: 60px; } .ksebc-product-name { font-size: 14px; } .ksebc-cell { padding: 14px 10px; } .ksebc-feature-icon { width: 30px; height: 30px; } .ksebc-feature-icon svg { width: 14px; height: 14px; } .ksebc-feature-text { font-size: 12px; } .ksebc-feature-desc { display: none; } .ksebc-check, .ksebc-x { width: 26px; height: 26px; } .ksebc-check svg, .ksebc-x svg { width: 14px; height: 14px; } .ksebc-cta-btn { padding: 10px 12px; font-size: 11px; } .ksebc-trust { flex-wrap: wrap; gap: 16px; } .ksebc-trust-divider { display: none; } } /* Responsive - Mobile */ @media (max-width: 600px) { .ksebc-section { padding: 40px 12px; } .ksebc-subtitle { font-size: 15px; } /* Product headers */ .ksebc-products { grid-template-columns: 1fr 1fr 1fr; } .ksebc-product-spacer { display: none; } .ksebc-product { padding: 16px 8px; } .ksebc-product-image { height: 60px; margin-bottom: 8px; } .ksebc-product-image img { max-height: 50px; } .ksebc-product-name { font-size: 12px; } .ksebc-product-type { font-size: 9px; } .ksebc-winner-badge { top: 6px; right: 6px; font-size: 7px; padding: 2px 5px; } /* Feature rows - stacked layout */ .ksebc-row { display: block; } .ksebc-cell:first-child { display: flex; padding: 12px 14px; background: rgba(0, 0, 0, 0.02); border-bottom: none; } .ksebc-row:nth-child(odd) .ksebc-cell:first-child { background: rgba(0, 0, 0, 0.03); } .ksebc-feature-name { gap: 10px; } .ksebc-feature-icon { width: 28px; height: 28px; } .ksebc-feature-icon svg { width: 14px; height: 14px; } .ksebc-feature-text { font-size: 13px; } .ksebc-feature-desc { display: block; font-size: 10px; } /* Values in a row */ .ksebc-row .ksebc-cell:nth-child(2), .ksebc-row .ksebc-cell:nth-child(3), .ksebc-row .ksebc-cell:nth-child(4) { display: inline-flex; width: 33.333%; float: left; border-left: none; padding: 14px 10px; } .ksebc-row .ksebc-cell:nth-child(3) { border-left: 1px solid rgba(0, 0, 0, 0.04); border-right: 1px solid rgba(0, 0, 0, 0.04); } .ksebc-row::after { content: ''; display: table; clear: both; } .ksebc-check, .ksebc-x { width: 24px; height: 24px; } .ksebc-check svg, .ksebc-x svg { width: 14px; height: 14px; } /* Summary row */ .ksebc-row.ksebc-summary-row .ksebc-cell:first-child { display: flex; } .ksebc-score-value { font-size: 22px; } .ksebc-score-label { font-size: 8px; } /* CTA */ .ksebc-cta-section { grid-template-columns: 1fr 1fr 1fr; padding: 12px 8px; gap: 8px; } .ksebc-cta-spacer { display: none; } .ksebc-cta-cell { border-left: none !important; } .ksebc-cta-btn { padding: 10px 8px; font-size: 10px; width: 100%; } .ksebc-cta-btn svg { width: 14px; height: 14px; } /* Trust */ .ksebc-trust { flex-direction: column; gap: 10px; padding: 14px; margin-top: 24px; } .ksebc-trust-item { width: 100%; justify-content: center; } .ksebc-trust-icon { width: 28px; height: 28px; } .ksebc-trust-icon svg { width: 14px; height: 14px; } .ksebc-trust-text { font-size: 12px; } } Comparison The Best Of Both Worlds Why settle for less when you can have it all? Compare features AnkleWeight Traditional LegMachine Gym Equipment Best Choice EZ-BOOTMAX Best of Both Max Load Heavy weight capacity Durable Built to last Multi Purpose Multiple exercises Compact Space-saving design Portable Take anywhere The All-in-One Lower Body System .ksaio-section { font-family: 'Outfit', sans-serif; background: linear-gradient(180deg, #f8f9fa 0%, #eef1f5 100%); padding: 80px 20px; color: #1a1a1a; overflow: hidden; } .ksaio-section * { box-sizing: border-box; margin: 0; padding: 0; } .ksaio-container { max-width: 1100px; margin: 0 auto; } /* Header */ .ksaio-header { text-align: center; margin-bottom: 56px; } .ksaio-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(14, 165, 165, 0.1); border: 1px solid rgba(14, 165, 165, 0.2); padding: 8px 16px; border-radius: 24px; margin-bottom: 16px; } .ksaio-badge svg { width: 16px; height: 16px; color: #0ea5a5; } .ksaio-badge span { font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #0ea5a5; } .ksaio-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(36px, 5vw, 56px); letter-spacing: 2px; color: #1a1a1a; margin-bottom: 16px; } .ksaio-title span { background: linear-gradient(135deg, #0ea5a5, #0d9488); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .ksaio-subtitle { font-size: 18px; color: #666; max-width: 600px; margin: 0 auto; line-height: 1.6; } /* Hexagon Grid */ .ksaio-grid { position: relative; max-width: 800px; margin: 0 auto 48px; min-height: 600px; } /* Center Product */ .ksaio-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; } .ksaio-center-hex { width: 220px; height: 220px; background: linear-gradient(135deg, #0ea5a5, #0d9488); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); display: flex; align-items: center; justify-content: center; box-shadow: 0 20px 60px rgba(14, 165, 165, 0.3); position: relative; } .ksaio-center-hex::before { content: ''; position: absolute; inset: 4px; background: white; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); } .ksaio-center-content { position: relative; z-index: 1; text-align: center; padding: 20px; } .ksaio-center-content img { max-width: 120px; max-height: 100px; object-fit: contain; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.15)); margin-bottom: 8px; } .ksaio-center-name { font-family: 'Bebas Neue', sans-serif; font-size: 20px; letter-spacing: 1px; color: #0ea5a5; } /* Surrounding Items */ .ksaio-item { position: absolute; width: 140px; text-align: center; transition: transform 0.3s ease; } .ksaio-item:hover { transform: scale(1.05); } .ksaio-item:hover .ksaio-item-hex { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); } /* Position items around the center */ .ksaio-item:nth-of-type(1) { top: 0; left: 50%; transform: translateX(-50%); } .ksaio-item:nth-of-type(2) { top: 12%; right: 8%; } .ksaio-item:nth-of-type(3) { top: 12%; left: 8%; } .ksaio-item:nth-of-type(4) { bottom: 12%; right: 8%; } .ksaio-item:nth-of-type(5) { bottom: 12%; left: 8%; } .ksaio-item:nth-of-type(6) { bottom: 0; left: 50%; transform: translateX(-50%); } .ksaio-item-hex { width: 110px; height: 110px; background: white; clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); display: flex; align-items: center; justify-content: center; margin: 0 auto 10px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); border: 3px solid #0ea5a5; transition: all 0.3s ease; position: relative; } .ksaio-item-hex img { max-width: 70px; max-height: 60px; object-fit: contain; filter: grayscale(30%); transition: filter 0.3s ease; } .ksaio-item:hover .ksaio-item-hex img { filter: grayscale(0%); } .ksaio-item-name { font-size: 12px; font-weight: 600; color: #333; line-height: 1.3; } /* Connection Lines */ .ksaio-lines { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; } .ksaio-line { stroke: #0ea5a5; stroke-width: 2; stroke-dasharray: 8 4; opacity: 0.4; } /* Replaces Count */ .ksaio-replaces { display: flex; justify-content: center; gap: 8px; margin-bottom: 32px; flex-wrap: wrap; } .ksaio-replaces-tag { display: inline-flex; align-items: center; gap: 6px; background: white; padding: 8px 14px; border-radius: 20px; font-size: 13px; font-weight: 500; color: #555; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } .ksaio-replaces-tag svg { width: 16px; height: 16px; color: #0ea5a5; } /* Bottom Content */ .ksaio-bottom { text-align: center; max-width: 700px; margin: 0 auto; } .ksaio-description { font-size: 17px; line-height: 1.7; color: #555; margin-bottom: 32px; } .ksaio-description strong { color: #0ea5a5; font-weight: 600; } /* Benefits Row */ .ksaio-benefits { display: flex; justify-content: center; gap: 40px; margin-bottom: 32px; flex-wrap: wrap; } .ksaio-benefit { display: flex; align-items: center; gap: 12px; } .ksaio-benefit-icon { width: 48px; height: 48px; background: linear-gradient(135deg, rgba(14, 165, 165, 0.1), rgba(14, 165, 165, 0.05)); border-radius: 14px; display: flex; align-items: center; justify-content: center; } .ksaio-benefit-icon svg { width: 24px; height: 24px; color: #0ea5a5; } .ksaio-benefit-text { text-align: left; } .ksaio-benefit-value { font-family: 'Bebas Neue', sans-serif; font-size: 24px; letter-spacing: 1px; color: #1a1a1a; } .ksaio-benefit-label { font-size: 12px; color: #888; } /* CTA */ .ksaio-cta { display: inline-flex; align-items: center; gap: 10px; padding: 18px 36px; background: linear-gradient(135deg, #0ea5a5, #0d9488); border: none; border-radius: 14px; font-family: 'Outfit', sans-serif; font-size: 16px; font-weight: 600; color: white; cursor: pointer; transition: all 0.3s ease; text-decoration: none; box-shadow: 0 8px 24px rgba(14, 165, 165, 0.3); } .ksaio-cta:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(14, 165, 165, 0.4); } .ksaio-cta svg { width: 20px; height: 20px; } /* Responsive */ @media (max-width: 800px) { .ksaio-section { padding: 60px 16px; } .ksaio-grid { min-height: 500px; } .ksaio-center-hex { width: 160px; height: 160px; } .ksaio-center-content img { max-width: 80px; max-height: 70px; } .ksaio-center-name { font-size: 16px; } .ksaio-item { width: 100px; } .ksaio-item-hex { width: 80px; height: 80px; } .ksaio-item-hex img { max-width: 50px; max-height: 45px; } .ksaio-item-name { font-size: 10px; } .ksaio-item:nth-of-type(2) { top: 10%; right: 2%; } .ksaio-item:nth-of-type(3) { top: 10%; left: 2%; } .ksaio-item:nth-of-type(4) { bottom: 10%; right: 2%; } .ksaio-item:nth-of-type(5) { bottom: 10%; left: 2%; } .ksaio-benefits { gap: 24px; } } @media (max-width: 600px) { .ksaio-grid { display: none; } /* Mobile card layout */ .ksaio-mobile-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 32px; } .ksaio-mobile-center { grid-column: span 2; background: linear-gradient(135deg, #0ea5a5, #0d9488); border-radius: 20px; padding: 24px; text-align: center; color: white; margin-bottom: 8px; } .ksaio-mobile-center img { max-width: 100px; max-height: 80px; filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2)); margin-bottom: 12px; } .ksaio-mobile-center-name { font-family: 'Bebas Neue', sans-serif; font-size: 24px; letter-spacing: 1px; } .ksaio-mobile-center-tag { font-size: 12px; opacity: 0.9; } .ksaio-mobile-item { background: white; border-radius: 16px; padding: 16px; text-align: center; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); border: 2px solid #e5e5e5; transition: all 0.3s ease; } .ksaio-mobile-item:hover { border-color: #0ea5a5; } .ksaio-mobile-item img { max-width: 60px; max-height: 50px; object-fit: contain; margin-bottom: 8px; filter: grayscale(20%); } .ksaio-mobile-item-name { font-size: 11px; font-weight: 600; color: #333; } .ksaio-mobile-item-replaced { font-size: 9px; color: #0ea5a5; margin-top: 4px; } .ksaio-benefits { flex-direction: column; gap: 16px; align-items: center; } .ksaio-benefit { width: 100%; max-width: 280px; background: white; padding: 16px; border-radius: 12px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); } .ksaio-replaces { gap: 6px; } .ksaio-replaces-tag { font-size: 11px; padding: 6px 10px; } .ksaio-description { font-size: 15px; } } /* Hide mobile grid on desktop */ @media (min-width: 601px) { .ksaio-mobile-grid { display: none; } } 6-in-1 System The All-in-One Lower Body System Replace 6 expensive gym machines with one compact, versatile piece of equipment AnkleWeights LegExtension LegCurl HipAbductor HipAdductor ReverseHyper EZ-BOOT™ EZ-BOOT™ Replaces 6 machines Ankle Weights ✓ Replaced Leg Extension ✓ Replaced Leg Curl ✓ Replaced Hip Abductor ✓ Replaced Hip Adductor ✓ Replaced Reverse Hyper ✓ Replaced The EZ-BOOT™ lets you perform all exercises you would do with ankle weights, leg extension, leg curl, hip abductor, hip adduction, cable machine and reverse hyper machines — all in one compact, portable device. $10,000+ In equipment saved 6 Machines Replaced by one 200+ lbs Max load capacity *,*::before,*::after{margin:0;padding:0;box-sizing:border-box} :root{ --white:#fff;--off:#f7f6f3;--cream:#f0efe9;--sand:#e8e6df; --w100:#d9d7d0;--w200:#bbb9b2;--gray:#8a8880;--dg:#5a5850; --char:#2c2b28;--black:#1a1918; --acc:#c8ff00;--acc-d:#9ec700; --gold:#e8b400; --fd:'Bebas Neue',sans-serif;--fb:'Barlow',sans-serif;--fc:'Barlow Condensed',sans-serif; --r:6px; --s2:0 4px 20px rgba(0,0,0,0.06); } img{max-width:100%;display:block} button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit} .rv-sec{padding:88px 0;background:var(--off)} .rv-w{max-width:1320px;margin:0 auto;padding:0 24px} .rv-hd{text-align:center;margin-bottom:52px} .rv-ey{font-family:var(--fc);font-weight:800;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--acc-d);margin-bottom:10px} .rv-title{font-family:var(--fd);font-size:clamp(40px,4.5vw,62px);line-height:.92;letter-spacing:.03em;color:var(--black)} /* ═══ GRID ═══ */ .rv-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px} .rv-card{background:var(--white);border:1px solid var(--sand);border-radius:var(--r);overflow:hidden;display:grid;grid-template-columns:1fr 1.3fr;transition:box-shadow .35s} .rv-card:hover{box-shadow:var(--s2)} /* Image */ .rv-card-img{position:relative;overflow:hidden;background:var(--cream)} .rv-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94)} .rv-card:hover .rv-card-img img{transform:scale(1.04)} .rv-overlay{position:absolute;bottom:0;left:0;right:0;padding:14px 16px;background:linear-gradient(to top,rgba(26,25,24,.75),transparent)} .rv-ov-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);padding:5px 12px;border-radius:100px;font-family:var(--fc);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--white)} .rv-ov-badge svg{width:12px;height:12px} /* Content */ .rv-card-cnt{padding:32px 28px;display:flex;flex-direction:column;justify-content:center} .rv-stars{color:var(--gold);font-size:17px;letter-spacing:3px;margin-bottom:14px} .rv-pull{font-family:var(--fd);font-size:clamp(22px,2vw,30px);line-height:1.05;color:var(--black);margin-bottom:12px;letter-spacing:.02em} .rv-pull .rv-hl{color:var(--acc-d)} .rv-body{font-size:14px;line-height:1.7;color:var(--gray);font-weight:400;font-style:italic;margin-bottom:18px;border-left:3px solid var(--acc-d);padding-left:14px} .rv-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px} .rv-tag{padding:5px 12px;border:1px solid var(--sand);background:var(--off);border-radius:100px;font-family:var(--fc);font-weight:600;font-size:11px;letter-spacing:.04em;color:var(--dg)} .rv-auth{display:flex;align-items:center;gap:10px} .rv-av{width:36px;height:36px;border-radius:50%;background:var(--cream);display:flex;align-items:center;justify-content:center;font-family:var(--fc);font-weight:800;font-size:15px;color:var(--char);border:2px solid var(--sand)} .rv-auth-nm{font-family:var(--fc);font-weight:800;font-size:14px;letter-spacing:.04em;color:var(--black)} .rv-auth-det{font-family:var(--fc);font-weight:500;font-size:11px;color:var(--gray);display:flex;align-items:center;gap:5px} .rv-verified{display:flex;align-items:center;gap:3px;color:var(--acc-d);font-weight:700} .rv-verified svg{width:10px;height:10px;fill:var(--acc-d)} /* ═══ SLIDER NAV (mobile only) ═══ */ .rv-slider-nav{display:none} @media(max-width:768px){ .rv-grid{ display:flex;overflow-x:auto;scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0; } .rv-grid::-webkit-scrollbar{display:none} .rv-card{ flex:0 0 88%;scroll-snap-align:center; grid-template-columns:1fr;min-width:0; margin:0 6%; } .rv-card:first-child{margin-left:6%} .rv-card:last-child{margin-right:6%} .rv-card-img{aspect-ratio:4/3} .rv-card-cnt{padding:24px 20px} .rv-slider-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px} .rv-dots{display:flex;gap:8px} .rv-dot{width:8px;height:8px;border-radius:50%;background:var(--sand);transition:all .3s} .rv-dot.on{background:var(--black);width:24px;border-radius:4px} .rv-nav-btn{width:36px;height:36px;border-radius:50%;background:var(--white);border:1px solid var(--sand);display:flex;align-items:center;justify-content:center;transition:all .25s} .rv-nav-btn:hover{background:var(--cream);border-color:var(--w200)} .rv-nav-btn svg{width:14px;height:14px;stroke:var(--char);fill:none;stroke-width:2} } Real Reviews WHAT CUSTOMERS ARE SAYING Verified Purchase ★★★★★ "THE ROLLS ROYCE OF ANKLE WEIGHTS." An exceptionally well made product. For anyone who uses ankle weights in their workout routine you will be pleased with these. If you are looking for ankle weights that you can adjust to almost any weight you want then this is it. Leg Extensions Hamstring Curls Daily Use C Charles Mitchel Verified · United States Verified Purchase ★★★★★ "WAY BETTER THAN MONKEY FEET" Easy to put on and add weights unlike monkey feet which were too hard to strap in. ANKRs are way easier to strap on even with the weights on. Great construction and quality materials. Very happy! Easy Setup Large Feet Friendly vs Monkey Feet J Jay Dalzin Verified · United States (function(){ var grid = document.getElementById('rvGrid'); var dots = document.querySelectorAll('.rv-dot'); var cur = 0; function updateDots(){ dots.forEach(function(d,i){ d.classList.toggle('on', i === cur) }) } window.rvSlide = function(dir){ var cards = grid.querySelectorAll('.rv-card'); cur = Math.max(0, Math.min(cards.length - 1, cur + dir)); cards[cur].scrollIntoView({ behavior:'smooth', block:'nearest', inline:'center' }); updateDots(); }; var st; grid.addEventListener('scroll', function(){ clearTimeout(st); st = setTimeout(function(){ var cards = grid.querySelectorAll('.rv-card'); var gr = grid.getBoundingClientRect(), cx = gr.left + gr.width / 2; var best = 0, bd = Infinity; cards.forEach(function(c,i){ var d = Math.abs((c.getBoundingClientRect().left + c.getBoundingClientRect().width / 2) - cx); if(d < bd){ bd = d; best = i } }); cur = best; updateDots(); }, 80); }); })(); *,*::before,*::after{margin:0;padding:0;box-sizing:border-box} :root{ --white:#fff;--off:#f7f6f3;--cream:#f0efe9;--sand:#e8e6df; --w100:#d9d7d0;--w200:#bbb9b2;--gray:#8a8880;--dg:#5a5850; --char:#2c2b28;--black:#1a1918; --acc:#c8ff00;--acc-d:#9ec700;--acc-s:rgba(200,255,0,0.15); --fd:'Bebas Neue',sans-serif;--fb:'Barlow',sans-serif;--fc:'Barlow Condensed',sans-serif; --r:6px; } img{max-width:100%;display:block} /* ═══ DARK SECTION ═══ */ .sec-d{background:var(--black);color:var(--white)} /* ═══ FEATURE SPLITS ═══ */ .feat-split{display:grid;grid-template-columns:1fr 1fr;min-height:480px} .feat-split.rev .feat-img{order:2} .feat-split.rev .feat-cnt{order:1} .feat-img{overflow:hidden;background:var(--cream);position:relative} .feat-img img{width:100%;height:100%;object-fit:cover} .feat-cnt{padding:60px 56px;display:flex;flex-direction:column;justify-content:center} .feat-cnt .tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--fc);font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--black);background:var(--acc);padding:5px 14px;border-radius:100px;margin-bottom:16px;width:fit-content} .feat-cnt h2{font-family:var(--fd);font-size:clamp(30px,3.5vw,44px);line-height:.92;color:var(--black);margin-bottom:14px;letter-spacing:.03em} .sec-d .feat-cnt h2{color:var(--white)} .feat-cnt p{font-size:16px;line-height:1.7;color:var(--dg);font-weight:400;margin-bottom:24px} .sec-d .feat-cnt p{color:rgba(255,255,255,.6)} .feat-pills{display:flex;flex-wrap:wrap;gap:8px} .feat-pill{display:flex;align-items:center;gap:6px;padding:10px 18px;background:var(--off);border:1px solid var(--sand);border-radius:var(--r);font-family:var(--fc);font-weight:700;font-size:13px;letter-spacing:.04em;color:var(--char)} .sec-d .feat-pill{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.7)} .feat-cnt ul{list-style:none;display:flex;flex-direction:column;gap:10px} .feat-cnt ul li{font-size:15px;color:var(--dg);font-weight:400;display:flex;align-items:center;gap:10px} .feat-cnt ul li::before{content:'';width:8px;height:2px;background:var(--acc-d);flex-shrink:0} .feat-cnt ul li strong{color:var(--black);font-weight:700} /* ═══ RESPONSIVE ═══ */ @media(max-width:1024px){ .feat-split{grid-template-columns:1fr} .feat-split.rev .feat-img{order:0}.feat-split.rev .feat-cnt{order:0} .feat-img{height:auto;aspect-ratio:1}.feat-img img{object-fit:contain} } @media(max-width:640px){ .feat-cnt{padding:36px 24px} } .hotspot-container { position: relative; width: 100%; max-width: 1000px; margin: auto; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .hotspot-container img { width: 100%; height: auto; display: block; pointer-events: none; } .hotspot { position: absolute; width: 28px; height: 28px; background-color: #aaa; /* darker gray */ border-radius: 50%; color: white; font-weight: bold; font-size: 18px; line-height: 28px; text-align: center; cursor: pointer; transform: translate(-50%, -50%); z-index: 2; transition: background-color 0.3s; } .hotspot .pulse { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; background: rgba(102, 102, 102, 0.0); border-radius: 50%; transform: translate(-50%, -50%); z-index: -1; animation: pulse 1.8s ease-out infinite; } @keyframes pulse { 0% { transform: translate(-50%, -50%) scale(0.5); opacity: 1; } 70% { transform: translate(-50%, -50%) scale(1.8); opacity: 0; } 100% { opacity: 0; } } .hotspot:hover { background-color: #444; } .hotspot-tooltip { position: absolute; background-color: white; padding: 10px 14px; border-radius: 6px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); font-size: 14px; max-width: 220px; display: none; z-index: 3; transform: translate(-50%, -140%); text-align: left; } .hotspot:hover + .hotspot-tooltip, .hotspot:focus + .hotspot-tooltip { display: block; } @media (max-width: 600px) { .hotspot { width: 24px; height: 24px; font-size: 16px; line-height: 22px; } .hotspot .pulse { width: 45px; height: 45px; } .hotspot-tooltip { font-size: 13px; padding: 8px 12px; max-width: 200px; } } + Detachable Sleeves + Perforated Leather Pads + Fast Rachet System + Made with Duracore™ + Non-Slip Rubber ⚙️ Patented HEAVY DUTY DESIGN Adjustable and holds up to 200 lbs. Rigorously designed to fit almost all shoe sizes with vegan leather padding for optimized comfort. 🏋️ 200 lb Capacity 📏 All Shoe Sizes 🌿 Vegan Leather PREMIUM RATCHET SYSTEM Get in and out of the EZ-BOOT™ MAX with ease and speed. High-grade ratchet straps lock down securely for heavy loaded movements. ⚡ Quick Entry 🔒 Secure Lock 🏗️ High-Grade TRAIN ANYWHERE Rubber-lined bottom surface prevents slipping and protects any floor. Take your leg training from the gym to the park to your living room. 🛡️ Non-Slip Rubber 🏠 Floor Safe 🌍 Anywhere ALL WEIGHT PLATES Removable sleeves can be quickly swapped with 1" adapters to accommodate standard weight plates. Works with Olympic and standard plates. Olympic 2" — included sleeves Standard 1" — adapter available body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; /*background: #f8f9fa;*/ /*padding: 40px 20px;*/ min-height: 100vh; } .container { max-width: 1400px; margin: 0 auto; background: white; /*border-radius: 20px;*/ padding: 60px 40px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); } .header-section { text-align: center; margin-bottom: 60px; } h1 { /*font-size: 42px;*/ /*color: #1a1a1a;*/ font-weight: 700; /*margin-bottom: 20px;*/ /*line-height: 1.2;*/ } .subtitle { font-size: 20px; color: #666; font-weight: 400; } .options-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-bottom: 60px; } .option-card { background: white; border: 2px solid #e0e0e0; border-radius: 15px; padding: 30px; text-align: center; transition: all 0.3s ease; cursor: pointer; position: relative; } .option-card:hover { border-color: #1972bc; transform: translateY(-5px); box-shadow: 0 15px 35px rgba(25, 114, 188, 0.15); } .option-card.recommended { border-color: #1972bc; background: linear-gradient(135deg, rgba(25, 114, 188, 0.05) 0%, rgba(25, 114, 188, 0.02) 100%); } .recommendation-badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); background: #1972bc; color: white; padding: 5px 20px; border-radius: 20px; font-size: 12px; font-weight: 600; text-transform: uppercase; } .product-visual { height: 200px; display: flex; align-items: center; justify-content: center; margin-bottom: 25px; position: relative; } /* SVG representation of the EZ-BOOT */ .boot-svg { width: 180px; height: 180px; } .weight-indicator { display: flex; justify-content: center; gap: 8px; margin-bottom: 20px; } .weight-dot { width: 10px; height: 10px; border-radius: 50%; background: #e0e0e0; } .weight-dot.active { background: #1972bc; } .option-title { font-size: 20px; color: #333; font-weight: 600; margin-bottom: 10px; } .option-description { font-size: 16px; color: #666; line-height: 1.5; margin-bottom: 20px; } .features-list { list-style: none; text-align: left; margin-bottom: 25px; } .features-list li { padding: 8px 0; color: #555; font-size: 14px; display: flex; align-items: center; } .features-list li::before { content: "✓"; color: #1972bc; font-weight: bold; margin-right: 10px; } .purchase-section { background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%); border-radius: 15px; padding: 40px; text-align: center; } .price-display { font-size: 32px; color: #1972bc; font-weight: 700; margin-bottom: 20px; } .original-price { font-size: 20px; color: #999; text-decoration: line-through; margin-right: 10px; } .discount-badge { display: inline-block; background: #ff4444; color: white; padding: 4px 12px; border-radius: 15px; font-size: 14px; font-weight: 600; margin-left: 10px; animation: pulse 2s infinite; } @keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } .button-group { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin: 30px auto; max-width: 500px; } .btn { padding: 18px 30px; border: none; border-radius: 10px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 0.5px; } .btn-primary { background: #1972bc; color: white; } .btn-primary:hover { background: #155a8a; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(25, 114, 188, 0.3); } .btn-secondary { background: white; color: #1972bc; border: 2px solid #1972bc; } .btn-secondary:hover { background: #f0f8ff; } .payment-methods { display: flex; justify-content: center; gap: 15px; margin-top: 20px; } .payment-icon { width: 50px; height: 30px; display: flex; align-items: center; justify-content: center; background: #f5f5f5; border-radius: 5px; font-size: 10px; color: #999; } .info-banner { background: linear-gradient(135deg, #f0f8ff 0%, #e6f3ff 100%); border-left: 4px solid #1972bc; padding: 25px; border-radius: 10px; margin-top: 40px; } .info-banner h3 { color: #1972bc; margin-bottom: 10px; font-size: 24px; } .info-banner p { color: #555; line-height: 1.6; font-size: 16px; } .benefits-strip { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-top: 40px; padding-top: 40px; border-top: 1px solid #e0e0e0; } .benefit-item { text-align: center; } .benefit-icon { font-size: 32px; margin-bottom: 10px; } .benefit-text { font-size: 14px; color: #666; font-weight: 500; } @media (max-width: 768px) { .container { padding: 40px 20px; } h1 { font-size: 32px; } .options-grid { grid-template-columns: 1fr; gap: 30px; } .button-group { grid-template-columns: 1fr; } .price-display { font-size: 28px; } .benefits-strip { grid-template-columns: 1fr; gap: 15px; } } Pick Which Best Suits Your Leg Training Load your plates the way you like it. Ideal for Simple Exercises Perfect for rehabilitation and beginner leg workouts Single plate setup 5-25 lbs resistance Leg extensions & curls Most Popular Ideal for Active Workouts Balanced resistance for comprehensive leg training Dual plate configuration 10-50 lbs resistance Full range of motion Ideal for Heavy Loads Maximum resistance for advanced leg development Multi-plate stacking 25-100+ lbs resistance Power & strength focus *,*::before,*::after{margin:0;padding:0;box-sizing:border-box} :root{ --white:#fff;--off:#f7f6f3;--cream:#f0efe9;--sand:#e8e6df; --gray:#8a8880;--dg:#5a5850;--char:#2c2b28;--black:#1a1918; --acc:#c8ff00;--acc-d:#9ec700; --fd:'Bebas Neue',sans-serif;--fb:'Barlow',sans-serif;--fc:'Barlow Condensed',sans-serif; --r:6px;--s2:0 4px 20px rgba(0,0,0,0.06); } img{max-width:100%;display:block} .sec{padding:88px 0} .w{max-width:1320px;margin:0 auto;padding:0 24px} .sec-hd{text-align:center;margin-bottom:52px} .sec-ey{font-family:var(--fc);font-weight:800;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--acc-d);margin-bottom:10px} .sec-t{font-family:var(--fd);font-size:clamp(40px,4.5vw,62px);line-height:.92;letter-spacing:.03em;color:var(--black)} /* ═══ EXERCISES GRID ═══ */ .ex-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .ex-card{background:var(--white);border:1px solid var(--sand);border-radius:var(--r);overflow:hidden;transition:all .35s} .ex-card:hover{box-shadow:var(--s2);transform:translateY(-4px)} .ex-card-img{aspect-ratio:1;overflow:hidden;background:var(--cream)} .ex-card-img img{width:100%;height:100%;object-fit:cover} .ex-card-body{padding:16px} .ex-card-body h3{font-family:var(--fc);font-weight:800;font-size:15px;letter-spacing:.04em;color:var(--black);margin-bottom:4px} .ex-card-body p{font-size:12px;color:var(--gray);font-weight:400} .ex-diff{display:inline-block;font-family:var(--fc);font-weight:800;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:100px;margin-bottom:8px} .ex-diff.beg{background:#e8f5e9;color:#2e7d32} .ex-diff.int{background:#fff3e0;color:#e65100} .ex-diff.adv{background:#fce4ec;color:#c62828} /* Reveal animation */ .rv-a{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease} .rv-a.vis{opacity:1;transform:translateY(0)} @media(max-width:1024px){.ex-grid{grid-template-columns:1fr 1fr}} @media(max-width:640px){.ex-grid{grid-template-columns:1fr}} 30+ Exercises THE KING OF VERSATILITY Beginner Side Raises Hip abductors · Glutes Intermediate Donkey Kicks Glutes · Hamstrings Beginner Quad Extension Quadriceps · VMO Advanced Mountain Climbers Core · Hip flexors · Cardio Advanced Hanging Ab Raises Core · Hip flexors Intermediate Leg Lifts Hip flexors · Lower abs Beginner Bicycles Core · Obliques Intermediate Hamstring Curls Hamstrings · Glutes var obs=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('vis');obs.unobserve(e.target)}})},{threshold:.1,rootMargin:'0px 0px -40px 0px'}); document.querySelectorAll('.rv-a').forEach(function(el,i){el.style.transitionDelay=i*.06+'s';obs.observe(el)}); .ezst-section { font-family: 'Outfit', sans-serif; background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%); padding: 80px 20px; color: #1a1a1a; } .ezst-section * { box-sizing: border-box; margin: 0; padding: 0; } .ezst-container { max-width: 1100px; margin: 0 auto; } /* Header */ .ezst-header { text-align: center; margin-bottom: 48px; } .ezst-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(37, 99, 235, 0.08); border: 1px solid rgba(37, 99, 235, 0.15); padding: 8px 16px; border-radius: 24px; margin-bottom: 16px; } .ezst-badge svg { width: 16px; height: 16px; color: #2563eb; } .ezst-badge span { font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: #2563eb; } .ezst-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(32px, 5vw, 48px); letter-spacing: 2px; color: #1a1a1a; margin-bottom: 8px; } .ezst-title span { background: linear-gradient(135deg, #22c55e, #16a34a); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .ezst-subtitle { font-size: 20px; color: #64748b; } /* Main Content Grid */ .ezst-content { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; } /* Chart Card */ .ezst-chart-card { background: white; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 24px; padding: 32px; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06); } .ezst-chart-header { margin-bottom: 32px; } .ezst-chart-title { font-size: 16px; font-weight: 600; color: #1a1a1a; margin-bottom: 4px; } .ezst-chart-subtitle { font-size: 13px; color: #64748b; } /* Chart */ .ezst-chart { display: flex; gap: 40px; justify-content: center; margin-bottom: 24px; } .ezst-chart-group { display: flex; flex-direction: column; align-items: center; gap: 12px; } .ezst-chart-bars { display: flex; align-items: flex-end; gap: 8px; height: 200px; } .ezst-bar-wrapper { display: flex; flex-direction: column; align-items: center; gap: 8px; } .ezst-bar-value { font-family: 'Bebas Neue', sans-serif; font-size: 18px; letter-spacing: 0.5px; } .ezst-bar { width: 48px; border-radius: 8px 8px 4px 4px; position: relative; transition: all 0.3s ease; } .ezst-bar:hover { filter: brightness(1.1); transform: scaleY(1.02); transform-origin: bottom; } .ezst-bar.squat { background: linear-gradient(180deg, #cbd5e1 0%, #94a3b8 100%); } .ezst-bar.extension { background: linear-gradient(180deg, #22c55e 0%, #16a34a 100%); box-shadow: 0 4px 20px rgba(34, 197, 94, 0.3); } .ezst-bar-value.squat { color: #64748b; } .ezst-bar-value.extension { color: #16a34a; } .ezst-muscle-label { font-size: 12px; font-weight: 600; color: #475569; text-align: center; } /* Legend */ .ezst-legend { display: flex; justify-content: center; gap: 24px; padding-top: 20px; border-top: 1px solid #e2e8f0; } .ezst-legend-item { display: flex; align-items: center; gap: 8px; } .ezst-legend-dot { width: 12px; height: 12px; border-radius: 3px; } .ezst-legend-dot.squat { background: #94a3b8; } .ezst-legend-dot.extension { background: #22c55e; } .ezst-legend-text { font-size: 13px; color: #64748b; } /* Citation */ .ezst-citation { margin-top: 20px; padding: 16px; background: rgba(37, 99, 235, 0.05); border-radius: 12px; border-left: 3px solid #2563eb; } .ezst-citation-label { font-size: 10px; font-weight: 700; color: #2563eb; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px; } .ezst-citation-text { font-size: 12px; color: #64748b; line-height: 1.5; } .ezst-citation-text em { color: #334155; } /* Info Card */ .ezst-info-card { display: flex; flex-direction: column; gap: 24px; } /* Study Details */ .ezst-study-details { background: white; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 20px; padding: 28px; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06); } .ezst-study-badge { display: inline-flex; align-items: center; gap: 6px; background: rgba(37, 99, 235, 0.08); padding: 6px 12px; border-radius: 6px; margin-bottom: 16px; } .ezst-study-badge svg { width: 14px; height: 14px; color: #2563eb; } .ezst-study-badge span { font-size: 11px; font-weight: 700; color: #2563eb; text-transform: uppercase; letter-spacing: 0.5px; } .ezst-study-title { font-family: 'Bebas Neue', sans-serif; font-size: 24px; letter-spacing: 1px; color: #1a1a1a; margin-bottom: 16px; } .ezst-study-text { font-size: 15px; line-height: 1.7; color: #475569; margin-bottom: 16px; } .ezst-study-text strong { color: #1a1a1a; } /* Study Stats */ .ezst-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 20px; } .ezst-stat { background: #f8fafc; border-radius: 12px; padding: 16px 12px; text-align: center; border: 1px solid #e2e8f0; } .ezst-stat-value { font-family: 'Bebas Neue', sans-serif; font-size: 28px; color: #2563eb; margin-bottom: 4px; } .ezst-stat-label { font-size: 11px; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; } /* Key Finding */ .ezst-finding { background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(34, 197, 94, 0.03) 100%); border: 1px solid rgba(34, 197, 94, 0.2); border-radius: 16px; padding: 24px; } .ezst-finding-icon { width: 48px; height: 48px; background: rgba(34, 197, 94, 0.15); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; } .ezst-finding-icon svg { width: 24px; height: 24px; color: #16a34a; } .ezst-finding-label { font-size: 11px; font-weight: 700; color: #16a34a; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 8px; } .ezst-finding-text { font-size: 18px; font-weight: 600; color: #1a1a1a; line-height: 1.5; } .ezst-finding-text span { color: #16a34a; } /* Comparison highlight */ .ezst-comparison { display: flex; align-items: center; gap: 12px; margin-top: 16px; padding: 12px 16px; background: white; border-radius: 10px; border: 1px solid #e2e8f0; } .ezst-comparison-item { display: flex; align-items: center; gap: 8px; } .ezst-comparison-bar { width: 8px; border-radius: 2px; } .ezst-comparison-bar.squat { height: 12px; background: #94a3b8; } .ezst-comparison-bar.extension { height: 32px; background: #22c55e; } .ezst-comparison-text { font-size: 13px; color: #64748b; } .ezst-comparison-text strong { color: #1a1a1a; } .ezst-vs { font-size: 12px; color: #94a3b8; font-weight: 600; } /* CTA Section */ .ezst-cta { background: white; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 20px; padding: 28px; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06); } .ezst-cta-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .ezst-cta-title { font-family: 'Bebas Neue', sans-serif; font-size: 22px; letter-spacing: 1px; color: #1a1a1a; } .ezst-cta-price { text-align: right; } .ezst-cta-price-value { font-family: 'Bebas Neue', sans-serif; font-size: 28px; color: #1a1a1a; } .ezst-cta-price-note { font-size: 11px; color: #64748b; } .ezst-cta-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .ezst-cta-btn { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 16px 24px; border: none; border-radius: 12px; font-family: 'Outfit', sans-serif; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-decoration: none; } .ezst-cta-btn.primary { background: linear-gradient(135deg, #2563eb, #1d4ed8); color: white; box-shadow: 0 8px 24px rgba(37, 99, 235, 0.3); } .ezst-cta-btn.primary:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(37, 99, 235, 0.4); } .ezst-cta-btn.secondary { background: #f8fafc; color: #1a1a1a; border: 1px solid #e2e8f0; } .ezst-cta-btn.secondary:hover { background: #f1f5f9; border-color: #cbd5e1; } .ezst-cta-btn svg { width: 18px; height: 18px; } /* Payment Icons */ .ezst-payments { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 16px; padding-top: 16px; border-top: 1px solid #e2e8f0; } .ezst-payments-label { font-size: 11px; color: #94a3b8; margin-right: 4px; } .ezst-payment-icon { width: 32px; height: 20px; background: #f1f5f9; border-radius: 3px; display: flex; align-items: center; justify-content: center; } .ezst-payment-icon svg { width: 20px; height: 14px; } /* Responsive */ @media (max-width: 900px) { .ezst-content { grid-template-columns: 1fr; gap: 32px; } .ezst-chart { gap: 24px; } .ezst-bar { width: 40px; } } @media (max-width: 600px) { .ezst-section { padding: 60px 16px; } .ezst-chart-card, .ezst-study-details, .ezst-finding, .ezst-cta { padding: 20px; } .ezst-chart-bars { height: 160px; } .ezst-bar { width: 32px; } .ezst-bar-value { font-size: 14px; } .ezst-stats { grid-template-columns: repeat(3, 1fr); gap: 8px; } .ezst-stat { padding: 12px 8px; } .ezst-stat-value { font-size: 22px; } .ezst-cta-buttons { grid-template-columns: 1fr; } .ezst-finding-text { font-size: 16px; } .ezst-legend { flex-direction: column; align-items: center; gap: 8px; } } Scientific Research Squats vs Leg Extension For Quad Growth Muscle Growth After 5 Weeks of Training Cross-Sectional Area Growth (%) 0.7% 12.5% Rectus Femoris 3.6% 4.5% Vastus Lateralis Squat Training Leg Extension Training Source Zabaleta-Korta (2021), The role of exercise selection in regional Muscle Hypertrophy: A randomized controlled trial, J Sports Sci. Peer Reviewed Study The Research In this 2021 randomized controlled trial, 21 young men with strength training experience performed their respective exercises 3x per week, doing four sets of twelve reps to muscular failure each workout. Before and after the five weeks, researchers used ultrasound imaging to measure the cross-sectional area of the rectus femoris and vastus lateralis muscles. 21 Participants 5 Weeks 3x Per Week Key Finding Leg extensions led to significantly more gains in the quads, especially in the Rectus Femoris (12.5% vs 0.7%). 0.7% Squat vs 12.5% Leg Ext .boot-faq { --boot-bg: #f5f5f5; --boot-white: #ffffff; --boot-off: #faf7f2; --boot-sand: #e7decf; --boot-ink: #26241f; --boot-black: #16140f; --boot-muted: #948c7d; --boot-accent: #1972bc; --boot-accent-d:#155a96; --boot-accent-tint: #e9f1f8; --fo: "Oswald", Impact, sans-serif; --fd: "Bebas Neue", Impact, sans-serif; --fb: "Barlow", system-ui, sans-serif; --fc: "Barlow Condensed", system-ui, sans-serif; background: radial-gradient(120% 80% at 100% 0%, #f8f4ec 0%, var(--boot-bg) 55%); color: var(--boot-ink); padding: 64px 16px 72px; box-sizing: border-box; position: relative; overflow: hidden; } .boot-faq *, .boot-faq *::before, .boot-faq *::after { box-sizing: border-box; } @media (min-width: 880px) { .boot-faq { padding: 88px 28px 96px; } } .boot-faq__inner { max-width: 820px; margin: 0 auto; position: relative; z-index: 1; } /* ============ HEADER ============ */ .boot-faq__head { text-align: center; margin-bottom: 44px; } .boot-faq__eyebrow { display: flex; align-items: center; justify-content: center; gap: 14px; font-family: var(--fc); font-size: 13px; letter-spacing: .22em; text-transform: uppercase; color: var(--boot-accent); font-weight: 600; margin-bottom: 16px; } .boot-faq__eyebrow::before, .boot-faq__eyebrow::after { content: ""; width: 48px; height: 1px; } .boot-faq__eyebrow::before { background: linear-gradient(90deg, transparent, var(--boot-sand)); } .boot-faq__eyebrow::after { background: linear-gradient(90deg, var(--boot-sand), transparent); } .boot-faq__title { font-family: var(--fo); font-weight: 600; font-size: clamp(32px, 4.6vw, 50px); line-height: .96; letter-spacing: -.01em; text-transform: uppercase; margin: 0; color: var(--boot-black); } .boot-faq__title em { font-style: normal; color: var(--boot-accent); } /* ============ ACCORDION ============ */ .boot-faq__list { display: grid; gap: 12px; } .boot-faq__item { background: var(--boot-white); border: 1px solid var(--boot-sand); border-radius: 6px; overflow: hidden; box-shadow: 0 20px 44px -34px rgba(22,20,15,.28); transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; } .boot-faq__item:hover { transform: translateY(-1px); box-shadow: 0 22px 48px -32px rgba(22,20,15,.34); } .boot-faq__item.is-open { border-color: var(--boot-accent); box-shadow: 0 22px 50px -30px rgba(25,114,188,.30); } .boot-faq__q { width: 100%; text-align: left; background: none; border: 0; cursor: pointer; padding: 22px 24px; display: flex; align-items: center; justify-content: space-between; gap: 18px; transition: background .2s ease; } .boot-faq__q:hover { background: linear-gradient(90deg, var(--boot-accent-tint) 0%, transparent 100%); } .boot-faq__q-text { font-family: var(--fb); font-size: 17px; font-weight: 600; line-height: 1.35; color: var(--boot-black); } @media (max-width: 768px) { .boot-faq__q-text { font-size: 15.5px; } .boot-faq__q { padding: 18px 18px; } } .boot-faq__toggle { flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; background: var(--boot-accent-tint); color: var(--boot-accent); display: flex; align-items: center; justify-content: center; position: relative; transition: background .25s ease, transform .25s ease, color .25s ease; } .boot-faq__toggle::before, .boot-faq__toggle::after { content: ""; position: absolute; background: currentColor; border-radius: 2px; transition: opacity .25s ease, transform .25s ease; } .boot-faq__toggle::before { width: 13px; height: 2px; } .boot-faq__toggle::after { width: 2px; height: 13px; } .boot-faq__item.is-open .boot-faq__toggle { background: var(--boot-accent); color: var(--boot-white); transform: rotate(180deg); } .boot-faq__item.is-open .boot-faq__toggle::after { opacity: 0; transform: rotate(90deg); } .boot-faq__a { max-height: 0; overflow: hidden; transition: max-height .35s cubic-bezier(.4,0,.2,1); } .boot-faq__item.is-open .boot-faq__a { max-height: 800px; } .boot-faq__a-inner { padding: 0 24px 24px; color: var(--boot-ink); font-family: var(--fb); font-size: 15px; line-height: 1.75; } @media (max-width: 768px) { .boot-faq__a-inner { padding: 0 18px 20px; } } .boot-faq__a-inner p { margin: 0 0 12px; } .boot-faq__a-inner p:last-child { margin-bottom: 0; } .boot-faq__a-inner strong { color: var(--boot-black); font-weight: 600; } .boot-faq__a-inner ul { margin: 12px 0; padding-left: 20px; } .boot-faq__a-inner ul:last-child { margin-bottom: 0; } .boot-faq__a-inner li { margin-bottom: 9px; } .boot-faq__a-inner li:last-child { margin-bottom: 0; } .boot-faq__a-inner li::marker { color: var(--boot-accent); } /* ============ BACKGROUND ACCENTS ============ */ .boot-faq__glow { position: absolute; border-radius: 50%; pointer-events: none; z-index: 0; } .boot-faq__glow--1 { top: -180px; right: -180px; width: 520px; height: 520px; background: radial-gradient(circle, rgba(25,114,188,.06) 0%, transparent 70%); } .boot-faq__glow--2 { bottom: -180px; left: -180px; width: 460px; height: 460px; background: radial-gradient(circle, rgba(231,222,207,.5) 0%, transparent 70%); } /* ============ LOAD-IN ============ */ @media (prefers-reduced-motion: no-preference) { .boot-faq__head, .boot-faq__item { opacity: 0; transform: translateY(16px); animation: bootIn .55s cubic-bezier(.22,.61,.36,1) forwards; } .boot-faq__head { animation-delay: .02s; } .boot-faq__item:nth-child(1) { animation-delay: .08s; } .boot-faq__item:nth-child(2) { animation-delay: .12s; } .boot-faq__item:nth-child(3) { animation-delay: .16s; } .boot-faq__item:nth-child(4) { animation-delay: .20s; } .boot-faq__item:nth-child(5) { animation-delay: .24s; } .boot-faq__item:nth-child(6) { animation-delay: .28s; } .boot-faq__item:nth-child(7) { animation-delay: .32s; } .boot-faq__item:nth-child(8) { animation-delay: .36s; } .boot-faq__item:nth-child(9) { animation-delay: .40s; } } @keyframes bootIn { to { opacity: 1; transform: none; } } Support EZ-BOOT™ FAQs What exercises can I do? There are countless exercises you can perform with the EZ-BOOT™! Mountain climbers Leg extensions Hamstring curls Donkey kicks Kickbacks Hanging ab raises V-sits L-sits Jump ropes Weighted dips Weighted pull-ups Weighted muscle-ups Knee tucks Does it work with both legs? Yes, the EZ-BOOT™ is symmetrical and works with both the left and right foot. However, the item is not sold in a pair, so if you would like to have weights on both legs at the same time, please order 2. How much can it hold? The EZ-BOOT™ can hold more than 200 lbs — most likely more than you will ever need! Does it work with all weight plates? Yes, the EZ-BOOT™ is compatible with both standard and Olympic weight plates. For standard plates you will need to purchase the standard plate adapters, sold separately. What is the loading space on the EZ-BOOT? The loading space is 3 × 4.5 cm (4.5 cm for each sleeve). If you want extra loading space that holds up to 8.5 cm, we offer extension sleeves. What size shoe does it fit? The EZ-BOOT™ fits all adult shoe sizes. Maximum diameter plates for the sides? You can use weight plates with a diameter up to 24.4 cm for the sides of the EZ-BOOT™. This is typically a 5 kg / 10 lb weight plate. There is no limit for the diameter of the weight plate on the bottom of the EZ-BOOT™. How much does the EZ-BOOT weigh? The EZ-BOOT™ weighs 730 grams, or 1.5 lbs, making it extremely portable and easy to travel with to train on the go. Is the leather padding vegan? Yes, it’s vegan (made of polyurethane)! No animals were harmed. (function () { var root = document.querySelector('.boot-faq'); if (!root) return; var items = root.querySelectorAll('.boot-faq__item'); items.forEach(function (item) { var btn = item.querySelector('.boot-faq__q'); if (!btn) return; btn.addEventListener('click', function () { var wasOpen = item.classList.contains('is-open'); items.forEach(function (other) { other.classList.remove('is-open'); var b = other.querySelector('.boot-faq__q'); if (b) b.setAttribute('aria-expanded', 'false'); }); if (!wasOpen) { item.classList.add('is-open'); btn.setAttribute('aria-expanded', 'true'); } }); }); })();
More you might like
Related
EZ-BOOT™ MAX V2
Related
Kensui EZ-VEST Max V2
Related
Kensui EZ-Vest Max V2 (300lbs)
Related