{"product_id":"foldable-gimbal-set","title":"F12 Creator Kit – 3-Axis Gimbal, Wireless Mic \u0026 Tripod","description":"\u003cdiv class=\"f12x\"\u003e\n\n    \u003c!-- ========== STYLES ========== --\u003e\n    \u003cstyle\u003e\n        \/* ----- RESET \u0026 BASE ----- *\/\n        .f12x,\n        .f12x * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n        .f12x {\n            --pink: #d6139c;\n            --pink-light: #ff5fc7;\n            --white: #ffffff;\n            --ink: #171717;\n            --mute: #6b6b72;\n            --mist: #fff3fa;\n            --line: #f1e3ef;\n            --radius: 16px;\n            --shadow: 0 8px 28px -8px rgba(0, 0, 0, 0.08);\n            --shadow-pink: 0 12px 36px -10px rgba(214, 19, 156, 0.30);\n\n            width: 100%;\n            max-width: 1060px;\n            margin: 0 auto;\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n            color: var(--ink);\n            line-height: 1.5;\n            background: var(--white);\n            overflow-x: hidden;\n            -webkit-text-size-adjust: 100%;\n            font-size: 16px;\n        }\n        .f12x h1,\n        .f12x h2,\n        .f12x h3,\n        .f12x h4 {\n            font-family: 'Space Grotesk', 'Inter', sans-serif;\n            letter-spacing: -0.02em;\n            font-weight: 700;\n        }\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;600;700\u0026family=Inter:wght@400;500;600;700\u0026display=swap');\n\n        .f12x a {\n            color: inherit;\n            text-decoration: none;\n        }\n        .f12x img,\n        .f12x video {\n            display: block;\n            max-width: 100%;\n            height: auto;\n        }\n        .f12x :focus-visible {\n            outline: 2px solid var(--pink);\n            outline-offset: 2px;\n        }\n\n        \/* ----- UTILITY ----- *\/\n        .f12x-container {\n            padding: 10px clamp(14px, 4vw, 32px);\n        }\n        .f12x-text-center {\n            text-align: center;\n        }\n        .f12x-text-muted {\n            color: var(--mute);\n        }\n\n        \/* ----- EYEBROW \u0026 TITLE ----- *\/\n        .f12x-eyebrow {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            font-size: 11px;\n            font-weight: 700;\n            letter-spacing: 0.14em;\n            text-transform: uppercase;\n            color: var(--pink);\n            margin-bottom: 4px;\n        }\n        .f12x-eyebrow::before {\n            content: \"\";\n            width: 18px;\n            height: 2px;\n            border-radius: 2px;\n            background: var(--pink);\n        }\n        .f12x-eyebrow--center {\n            justify-content: center;\n        }\n        .f12x-eyebrow--center::before {\n            background: linear-gradient(90deg, var(--pink), var(--pink-light));\n        }\n\n        .f12x-title {\n            font-size: clamp(22px, 4.2vw, 34px);\n            font-weight: 700;\n            margin: 0 0 8px;\n            color: var(--ink);\n            line-height: 1.2;\n        }\n        .f12x-title--center {\n            text-align: center;\n        }\n\n        \/* ----- BUTTONS ----- *\/\n        .f12x-btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            background: linear-gradient(120deg, var(--pink), var(--pink-light));\n            color: #fff;\n            font-weight: 700;\n            font-size: 15px;\n            border: none;\n            cursor: pointer;\n            padding: 14px 30px;\n            border-radius: 100px;\n            box-shadow: var(--shadow-pink);\n            transition: transform 0.15s ease, box-shadow 0.15s ease;\n            font-family: inherit;\n            white-space: nowrap;\n        }\n        .f12x-btn:hover {\n            transform: translateY(-2px) scale(1.02);\n            box-shadow: 0 16px 44px -12px rgba(214, 19, 156, 0.45);\n        }\n        .f12x-btn--small {\n            padding: 10px 20px;\n            font-size: 13px;\n        }\n\n        \/* ============================================================\n                   STICKY NAV\n                ============================================================ *\/\n        .f12x-nav {\n            position: sticky;\n            top: 0;\n            z-index: 40;\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(8px);\n            -webkit-backdrop-filter: blur(8px);\n            border-bottom: 1px solid var(--line);\n            display: flex;\n            gap: 4px;\n            overflow-x: auto;\n            padding: 8px clamp(12px, 3vw, 24px);\n            scrollbar-width: none;\n            -webkit-overflow-scrolling: touch;\n            margin-top: 0 !important;\n        }\n        .f12x-nav::-webkit-scrollbar {\n            display: none;\n        }\n        .f12x-nav a {\n            flex: 0 0 auto;\n            font-size: 12px;\n            font-weight: 600;\n            color: var(--mute);\n            padding: 6px 14px;\n            border-radius: 100px;\n            white-space: nowrap;\n            transition: background 0.15s ease, color 0.15s ease;\n        }\n        .f12x-nav a:hover,\n        .f12x-nav a.is-active {\n            background: var(--pink);\n            color: #fff;\n        }\n\n        \/* ============================================================\n                   PROBLEM \/ SOLUTION\n                ============================================================ *\/\n        .f12x-swap {\n            background: var(--mist);\n            margin: 0 !important;\n        }\n        .f12x-swap__grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 10px;\n        }\n        @media (min-width: 640px) {\n            .f12x-swap__grid {\n                grid-template-columns: 1fr auto 1fr;\n                align-items: center;\n                gap: 14px;\n            }\n        }\n        .f12x-swap__col {\n            background: var(--white);\n            border: 1px solid var(--line);\n            border-radius: var(--radius);\n            padding: 18px 20px;\n            box-shadow: var(--shadow);\n        }\n        .f12x-swap__col h3 {\n            margin: 0 0 8px;\n            font-size: 13px;\n            letter-spacing: 0.06em;\n            text-transform: uppercase;\n        }\n        .f12x-swap__col--before h3 {\n            color: #b3495f;\n        }\n        .f12x-swap__col--after h3 {\n            color: var(--pink);\n        }\n        .f12x-swap__col ul {\n            list-style: none;\n            display: flex;\n            flex-direction: column;\n            gap: 6px;\n        }\n        .f12x-swap__col li {\n            display: flex;\n            align-items: flex-start;\n            gap: 10px;\n            font-size: 14px;\n            color: var(--ink);\n        }\n        .f12x-swap__col--before li::before {\n            content: \"✕\";\n            color: #c77;\n            font-weight: 700;\n            flex: 0 0 auto;\n        }\n        .f12x-swap__col--after li::before {\n            content: \"✓\";\n            color: var(--pink);\n            font-weight: 700;\n            flex: 0 0 auto;\n        }\n        .f12x-swap__arrow {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            margin: 2px auto;\n            background: linear-gradient(120deg, var(--pink), var(--pink-light));\n            color: #fff;\n            font-size: 17px;\n            flex-shrink: 0;\n            box-shadow: var(--shadow-pink);\n        }\n        @media (max-width: 639px) {\n            .f12x-swap__arrow {\n                transform: rotate(90deg);\n            }\n        }\n\n        \/* ============================================================\n                   TOGGLE\n                ============================================================ *\/\n        .f12x-toggle {\n            background: var(--white);\n            text-align: center;\n            margin: 0 !important;\n        }\n        .f12x-toggle__btns {\n            display: inline-flex;\n            background: var(--mist);\n            border-radius: 100px;\n            padding: 4px;\n            margin-bottom: 12px;\n            gap: 4px;\n            flex-wrap: wrap;\n            justify-content: center;\n        }\n        .f12x-toggle__btns button {\n            border: none;\n            background: transparent;\n            padding: 8px 18px;\n            border-radius: 100px;\n            font-weight: 700;\n            font-size: 12.5px;\n            color: var(--mute);\n            cursor: pointer;\n            transition: all 0.15s ease;\n            font-family: inherit;\n            white-space: nowrap;\n        }\n        .f12x-toggle__btns button.is-active {\n            background: linear-gradient(120deg, var(--pink), var(--pink-light));\n            color: #fff;\n            box-shadow: var(--shadow-pink);\n        }\n        .f12x-toggle__panel {\n            display: none;\n            text-align: left;\n            max-width: 480px;\n            margin: 0 auto;\n            background: var(--mist);\n            border-radius: var(--radius);\n            padding: 20px 22px;\n        }\n        .f12x-toggle__panel.is-active {\n            display: block;\n        }\n        .f12x-toggle__panel p {\n            margin: 0 0 6px;\n            color: var(--mute);\n            font-size: 14px;\n        }\n        .f12x-toggle__panel p:last-child {\n            margin-bottom: 0;\n        }\n        .f12x-toggle__panel strong {\n            color: var(--ink);\n        }\n\n        \/* ============================================================\n                   CAROUSEL (features \u0026 chips)\n                ============================================================ *\/\n        .f12x-carousel {\n            position: relative;\n            overflow: hidden;\n            width: 100%;\n            touch-action: pan-y;\n        }\n        .f12x-carousel__track {\n            display: flex;\n            gap: 14px;\n            width: max-content;\n            will-change: transform;\n            transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            cursor: grab;\n        }\n        .f12x-carousel__track:active {\n            cursor: grabbing;\n        }\n        .f12x-carousel__track.dragging {\n            transition: none;\n        }\n\n        .f12x-features__card {\n            flex: 0 0 auto;\n            width: 220px;\n            background: var(--white);\n            border-radius: var(--radius);\n            padding: 18px 16px 16px;\n            border: 1px solid var(--line);\n            box-shadow: var(--shadow);\n            transition: transform 0.15s ease, box-shadow 0.15s ease;\n            user-select: none;\n        }\n        .f12x-features__card:hover {\n            transform: translateY(-3px);\n            box-shadow: 0 16px 36px -12px rgba(214, 19, 156, 0.15);\n        }\n        .f12x-features__card .icon {\n            width: 40px;\n            height: 40px;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: linear-gradient(135deg, var(--pink), var(--pink-light));\n            color: #fff;\n            font-size: 18px;\n            margin-bottom: 10px;\n            flex-shrink: 0;\n        }\n        .f12x-features__card h4 {\n            margin: 0 0 4px;\n            font-size: 15px;\n        }\n        .f12x-features__card p {\n            margin: 0;\n            font-size: 13px;\n            color: var(--mute);\n            line-height: 1.5;\n        }\n\n        .f12x-chip {\n            flex: 0 0 auto;\n            background: var(--white);\n            border: 1px solid var(--line);\n            border-radius: 100px;\n            padding: 10px 18px;\n            font-size: 13px;\n            font-weight: 600;\n            color: var(--ink);\n            box-shadow: var(--shadow);\n            white-space: nowrap;\n            user-select: none;\n            transition: transform 0.15s ease, box-shadow 0.15s ease;\n        }\n        .f12x-chip:hover {\n            transform: translateY(-2px);\n            box-shadow: var(--shadow-pink);\n        }\n\n        @media (max-width: 480px) {\n            .f12x-features__card {\n                width: 170px;\n                padding: 14px 12px;\n            }\n        }\n\n        \/* ============================================================\n                   STATS — PINK GRADIENT\n                ============================================================ *\/\n        .f12x-stats {\n            background: linear-gradient(135deg, var(--pink), var(--pink-light));\n            padding: 30px 0;\n            margin: 0 !important;\n        }\n        .f12x-stats__grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 16px;\n            max-width: 800px;\n            margin: 0 auto;\n            padding: 0 20px;\n            text-align: center;\n        }\n        @media (min-width: 640px) {\n            .f12x-stats__grid {\n                grid-template-columns: repeat(4, 1fr);\n            }\n        }\n        .f12x-stat .num {\n            font-family: 'Space Grotesk', sans-serif;\n            font-weight: 700;\n            font-size: clamp(28px, 5vw, 40px);\n            color: #fff;\n        }\n        .f12x-stat .label {\n            font-size: 11.5px;\n            color: rgba(255, 255, 255, 0.80);\n            margin-top: 4px;\n            letter-spacing: 0.04em;\n        }\n\n        \/* ============================================================\n                   TIMELINE — Numbers Removed\n                ============================================================ *\/\n        .f12x-timeline {\n            background: var(--mist);\n            margin: 0 !important;\n        }\n        .f12x-tl__list {\n            display: flex;\n            flex-direction: column;\n            gap: 0;\n            max-width: 560px;\n            margin: 0 auto;\n        }\n        .f12x-tl__item {\n            position: relative;\n            padding: 0 0 14px 44px;\n            border-left: 2px solid var(--line);\n        }\n        .f12x-tl__item:last-child {\n            border-left: 2px solid transparent;\n            padding-bottom: 0;\n        }\n        .f12x-tl__item button {\n            all: unset;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 10px;\n            font-weight: 700;\n            font-size: 15px;\n            color: var(--ink);\n            width: 100%;\n            padding-top: 2px;\n            font-family: inherit;\n        }\n        .f12x-tl__item button::after {\n            content: \"+\";\n            color: var(--pink);\n            font-size: 20px;\n            transition: transform 0.2s ease;\n        }\n        .f12x-tl__item.is-open button::after {\n            transform: rotate(45deg);\n        }\n        .f12x-tl__body {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.3s ease;\n        }\n        .f12x-tl__item.is-open .f12x-tl__body {\n            max-height: 100px;\n        }\n        .f12x-tl__body p {\n            margin: 6px 0 0;\n            font-size: 13.5px;\n            color: var(--mute);\n            line-height: 1.5;\n        }\n\n        \/* ============================================================\n                   VIDEO SHOWCASE\n                ============================================================ *\/\n        .f12x-video-section {\n            background: var(--mist);\n            color: var(--ink);\n            margin: 0 !important;\n        }\n        .f12x-video-section .f12x-eyebrow {\n            color: var(--pink);\n        }\n        .f12x-video-section .f12x-title {\n            color: var(--ink);\n        }\n\n        .f12x-video__row {\n            display: flex;\n            overflow-x: auto;\n            scroll-snap-type: x mandatory;\n            gap: 12px;\n            padding: 4px 4px 16px;\n            -webkit-overflow-scrolling: touch;\n            scrollbar-width: thin;\n        }\n        .f12x-video__row::-webkit-scrollbar {\n            height: 4px;\n        }\n        .f12x-video__row::-webkit-scrollbar-thumb {\n            background: var(--pink-light);\n            border-radius: 10px;\n        }\n        .f12x-video__card {\n            flex: 0 0 72%;\n            max-width: 240px;\n            scroll-snap-align: center;\n            border-radius: var(--radius);\n            overflow: hidden;\n            background: #fff;\n            border: 1px solid var(--line);\n            box-shadow: var(--shadow);\n        }\n        .f12x-video__card video {\n            width: 100%;\n            display: block;\n            aspect-ratio: 9 \/ 16;\n            object-fit: cover;\n        }\n        @media (min-width: 540px) {\n            .f12x-video__card {\n                flex: 0 0 44%;\n                max-width: 280px;\n            }\n        }\n        @media (min-width: 780px) {\n            .f12x-video__card {\n                flex: 0 0 23%;\n                max-width: 260px;\n            }\n        }\n\n        \/* ============================================================\n                   TABLE SECTIONS\n                ============================================================ *\/\n        .f12x-table-wrap {\n            background: var(--white);\n            border: 1px solid var(--line);\n            border-radius: var(--radius);\n            padding: 18px clamp(14px, 3vw, 28px);\n            box-shadow: var(--shadow);\n            margin: 0 clamp(14px, 4vw, 32px);\n        }\n        .f12x-table-scroll {\n            width: 100%;\n            overflow-x: auto;\n            -webkit-overflow-scrolling: touch;\n        }\n        .f12x-table {\n            width: 100%;\n            min-width: 220px;\n            border-collapse: collapse;\n            font-size: 13px;\n            table-layout: auto;\n        }\n        .f12x-table td {\n            padding: 8px 4px;\n            border-bottom: 1px solid var(--line);\n            word-break: break-word;\n        }\n        .f12x-table tr:last-child td {\n            border-bottom: none;\n        }\n        .f12x-table td:first-child {\n            color: var(--ink);\n            font-weight: 500;\n        }\n        .f12x-table td.check {\n            text-align: right;\n            color: var(--pink);\n            font-weight: 700;\n            font-size: 16px;\n        }\n        .f12x-table td.label {\n            color: var(--mute);\n            font-weight: 600;\n            font-size: 11px;\n            letter-spacing: 0.05em;\n            text-transform: uppercase;\n            width: 34%;\n        }\n\n        .f12x-table--compare {\n            min-width: 300px;\n            border-collapse: separate;\n            border-spacing: 0;\n            width: 100%;\n            font-size: 12.5px;\n        }\n        .f12x-table--compare th,\n        .f12x-table--compare td {\n            padding: 10px 6px;\n            text-align: center;\n            word-break: break-word;\n        }\n        .f12x-table--compare thead th {\n            background: linear-gradient(120deg, var(--pink), var(--pink-light));\n            color: #fff;\n            font-weight: 700;\n            font-family: 'Space Grotesk', sans-serif;\n            font-size: 12.5px;\n            padding: 10px 6px;\n        }\n        .f12x-table--compare thead th:first-child {\n            border-radius: 12px 0 0 0;\n            text-align: left;\n        }\n        .f12x-table--compare thead th:last-child {\n            border-radius: 0 12px 0 0;\n        }\n        .f12x-table--compare td:first-child,\n        .f12x-table--compare th:first-child {\n            text-align: left;\n            color: var(--ink);\n            font-weight: 500;\n        }\n        .f12x-table--compare tbody tr:nth-child(odd) {\n            background: var(--mist);\n        }\n        .f12x-table--compare td.yes {\n            color: var(--pink);\n            font-weight: 700;\n        }\n        .f12x-table--compare td.no {\n            color: #d8cfd6;\n        }\n\n        .f12x-bar-row td {\n            padding-top: 12px;\n            vertical-align: top;\n        }\n        .f12x-bar {\n            height: 6px;\n            border-radius: 6px;\n            background: var(--line);\n            overflow: hidden;\n            position: relative;\n            max-width: 110px;\n            margin: 0 auto;\n        }\n        .f12x-bar__fill {\n            height: 100%;\n            border-radius: 6px;\n            width: 0;\n            transition: width 0.6s ease;\n        }\n        .f12x-bar__fill--pink {\n            background: linear-gradient(90deg, var(--pink), var(--pink-light));\n        }\n        .f12x-bar__fill--mute {\n            background: #d8cfd6;\n        }\n        .f12x-bar__label {\n            font-size: 10.5px;\n            color: var(--mute);\n            margin-top: 3px;\n        }\n\n        \/* ============================================================\n                   PERFECT FOR SECTION\n                ============================================================ *\/\n        .f12x-chips {\n            background: var(--mist);\n            text-align: center;\n            margin: 0 !important;\n        }\n        .f12x-chips .f12x-carousel__track {\n            gap: 10px;\n        }\n\n        \/* ============================================================\n                   TRUST BAR — PINK\n                ============================================================ *\/\n        .f12x-trust {\n            margin: 0 !important;\n            background: linear-gradient(120deg, var(--pink), var(--pink-light));\n            color: #fff;\n            padding: 15px 14px;\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: center;\n            gap: 14px 28px;\n            font-size: 13px;\n            font-weight: 700;\n        }\n\n        \/* ============================================================\n                   FAQ\n                ============================================================ *\/\n        .f12x-faq {\n            margin: 0 !important;\n        }\n        .f12x-faq details {\n            border-bottom: 1px solid var(--line);\n            padding: 14px 2px;\n        }\n        .f12x-faq details:last-child {\n            border-bottom: none;\n        }\n        .f12x-faq summary {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            gap: 12px;\n            font-weight: 700;\n            color: var(--ink);\n            cursor: pointer;\n            list-style: none;\n            font-size: 15px;\n            font-family: inherit;\n        }\n        .f12x-faq summary::-webkit-details-marker {\n            display: none;\n        }\n        .f12x-faq summary::after {\n            content: \"+\";\n            flex: 0 0 auto;\n            color: var(--pink);\n            font-size: 20px;\n            font-weight: 400;\n            transition: transform 0.2s ease;\n        }\n        .f12x-faq details[open] summary::after {\n            transform: rotate(45deg);\n        }\n        .f12x-faq p {\n            margin: 8px 0 0;\n            font-size: 14px;\n            color: var(--mute);\n            line-height: 1.6;\n        }\n\n        \/* ============================================================\n                   STICKY FLOATING BUY BAR\n                ============================================================ *\/\n        .f12x-sticky {\n            position: fixed;\n            left: 50%;\n            bottom: 14px;\n            transform: translateX(-50%) translateY(120%);\n            z-index: 60;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            background: rgba(255, 255, 255, 0.98);\n            backdrop-filter: blur(12px);\n            -webkit-backdrop-filter: blur(12px);\n            color: var(--ink);\n            border-radius: 100px;\n            padding: 8px 10px 8px 14px;\n            box-shadow: 0 12px 36px -10px rgba(0, 0, 0, 0.18);\n            border: 1px solid var(--line);\n            max-width: 92vw;\n            transition: transform 0.35s cubic-bezier(0.2, 0.9, 0.3, 1.2);\n        }\n        .f12x-sticky.is-visible {\n            transform: translateX(-50%) translateY(0);\n        }\n        .f12x-sticky img {\n            width: 32px;\n            height: 32px;\n            border-radius: 8px;\n            object-fit: cover;\n            flex: 0 0 auto;\n        }\n        .f12x-sticky .name {\n            font-size: 12.5px;\n            font-weight: 600;\n            white-space: nowrap;\n        }\n        .f12x-sticky .f12x-btn {\n            padding: 8px 16px;\n            font-size: 12px;\n            white-space: nowrap;\n        }\n\n        \/* ============================================================\n                   RESPONSIVE TWEAKS\n                ============================================================ *\/\n        @media (max-width: 480px) {\n            .f12x-container {\n                padding: 12px 12px;\n            }\n            .f12x-swap__col {\n                padding: 14px 16px;\n            }\n            .f12x-swap__col li {\n                font-size: 13px;\n            }\n            .f12x-title {\n                font-size: 22px;\n            }\n            .f12x-tl__item {\n                padding-left: 36px;\n            }\n            .f12x-tl__item button {\n                font-size: 14px;\n            }\n            .f12x-tl__body p {\n                font-size: 13px;\n            }\n            .f12x-video__card {\n                flex: 0 0 80%;\n                max-width: 200px;\n            }\n            .f12x-table-wrap {\n                padding: 12px 10px;\n                margin: 0 6px;\n            }\n            .f12x-table {\n                font-size: 12px;\n                min-width: 180px;\n            }\n            .f12x-table td {\n                padding: 6px 3px;\n            }\n            .f12x-table--compare {\n                min-width: 260px;\n                font-size: 11px;\n            }\n            .f12x-table--compare th,\n            .f12x-table--compare td {\n                padding: 6px 3px;\n            }\n            .f12x-table--compare .f12x-bar {\n                max-width: 70px;\n            }\n            .f12x-trust {\n                padding: 10px 10px;\n                gap: 8px 16px;\n                font-size: 11.5px;\n                margin: 0 6px;\n            }\n            .f12x-faq summary {\n                font-size: 14px;\n            }\n            .f12x-faq p {\n                font-size: 13px;\n            }\n            .f12x-sticky {\n                padding: 6px 8px 6px 10px;\n                bottom: 6px;\n                gap: 8px;\n            }\n            .f12x-sticky .name {\n                font-size: 11px;\n            }\n            .f12x-sticky .f12x-btn {\n                font-size: 10.5px;\n                padding: 5px 12px;\n            }\n        }\n\n        @media (max-width: 360px) {\n            .f12x-sticky .name {\n                display: none;\n            }\n            .f12x-sticky {\n                padding: 6px 10px;\n            }\n        }\n\n        @media (orientation: landscape) and (max-height: 500px) {\n            .f12x-stats__grid {\n                grid-template-columns: repeat(4, 1fr);\n                gap: 6px;\n            }\n            .f12x-stat .num {\n                font-size: 20px;\n            }\n            .f12x-video__card {\n                flex: 0 0 36%;\n                max-width: 160px;\n            }\n        }\n    \u003c\/style\u003e\n\n    \u003c!-- STICKY NAV --\u003e\n    \u003cnav class=\"f12x-nav\" aria-label=\"Product sections\"\u003e\n        \u003ca href=\"#f12x-features\"\u003eFeatures\u003c\/a\u003e\n        \u003ca href=\"#f12x-timeline\"\u003eHow it works\u003c\/a\u003e\n        \u003ca href=\"#f12x-video\"\u003eDemo reel\u003c\/a\u003e\n        \u003ca href=\"#f12x-included\"\u003eIn the box\u003c\/a\u003e\n        \u003ca href=\"#f12x-compare\"\u003eComparison\u003c\/a\u003e\n        \u003ca href=\"#f12x-specs\"\u003eSpecs\u003c\/a\u003e\n        \u003ca href=\"#f12x-faq\"\u003eFAQ\u003c\/a\u003e\n    \u003c\/nav\u003e\n\n    \u003c!-- PROBLEM \/ SOLUTION --\u003e\n    \u003csection class=\"f12x-container f12x-swap\"\u003e\n        \u003cdiv class=\"f12x-eyebrow\"\u003eThe switch\u003c\/div\u003e\n        \u003cdiv class=\"f12x-title\"\u003eFilming shouldn't feel like a setup job\u003c\/div\u003e\n        \u003cdiv class=\"f12x-swap__grid\"\u003e\n            \u003cdiv class=\"f12x-swap__col f12x-swap__col--before\"\u003e\n                \u003ch3\u003eWithout F12\u003c\/h3\u003e\n                \u003cul\u003e\n                    \u003cli\u003eShaky, amateur-looking footage\u003c\/li\u003e\n                    \u003cli\u003eMuffled audio and cable clutter\u003c\/li\u003e\n                    \u003cli\u003eThree separate gadgets to carry\u003c\/li\u003e\n                    \u003cli\u003eSlow, fiddly setup before every shot\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"f12x-swap__arrow\" aria-hidden=\"true\"\u003e→\u003c\/div\u003e\n            \u003cdiv class=\"f12x-swap__col f12x-swap__col--after\"\u003e\n                \u003ch3\u003eWith F12\u003c\/h3\u003e\n                \u003cul\u003e\n                    \u003cli\u003eSilky 3‑axis stabilization on every clip\u003c\/li\u003e\n                    \u003cli\u003eCrystal‑clear wireless mic, zero cables\u003c\/li\u003e\n                    \u003cli\u003eOne kit — gimbal, grip and tripod\u003c\/li\u003e\n                    \u003cli\u003eBluetooth pairs instantly, filming in 10 sec\u003c\/li\u003e\n                \u003c\/ul\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- TOGGLE --\u003e\n    \u003csection class=\"f12x-container f12x-toggle\"\u003e\n        \u003cdiv class=\"f12x-eyebrow f12x-eyebrow--center\"\u003eSide by side\u003c\/div\u003e\n        \u003cdiv class=\"f12x-title f12x-title--center\"\u003eCompare the experience\u003c\/div\u003e\n        \u003cdiv class=\"f12x-toggle__btns\" role=\"tablist\"\u003e\n            \u003cbutton type=\"button\" class=\"is-active\" data-panel=\"handheld\"\u003eHandheld phone\u003c\/button\u003e\n            \u003cbutton type=\"button\" data-panel=\"f12\"\u003eWith F12\u003c\/button\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"f12x-toggle__panel is-active\" data-panel-content=\"handheld\"\u003e\n            \u003cp\u003e\u003cstrong\u003eStabilization:\u003c\/strong\u003e None — every step and hand tremor shows in the footage.\u003c\/p\u003e\n            \u003cp\u003e\u003cstrong\u003eAudio:\u003c\/strong\u003e Built‑in phone mic picks up wind and background noise.\u003c\/p\u003e\n            \u003cp\u003e\u003cstrong\u003eSetup:\u003c\/strong\u003e Nothing to set up, but nothing to stabilize either.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"f12x-toggle__panel\" data-panel-content=\"f12\"\u003e\n            \u003cp\u003e\u003cstrong\u003eStabilization:\u003c\/strong\u003e 3‑axis gimbal smooths pans, walks and handoffs.\u003c\/p\u003e\n            \u003cp\u003e\u003cstrong\u003eAudio:\u003c\/strong\u003e Wireless clip‑on mic streams clear voice with no cables.\u003c\/p\u003e\n            \u003cp\u003e\u003cstrong\u003eSetup:\u003c\/strong\u003e Clip in, power on, Bluetooth pairs automatically — filming in under 10 seconds.\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- FEATURES CAROUSEL --\u003e\n    \u003csection class=\"f12x-container f12x-features\" id=\"f12x-features\"\u003e\n        \u003cdiv class=\"f12x-eyebrow\"\u003eThe details\u003c\/div\u003e\n        \u003cdiv class=\"f12x-title\"\u003eBuilt to remove every excuse\u003c\/div\u003e\n        \u003cdiv class=\"f12x-carousel\" id=\"f12x-features-carousel\"\u003e\n            \u003cdiv class=\"f12x-carousel__track\"\u003e\n                \u003cdiv class=\"f12x-features__card\"\u003e\n                    \u003cdiv class=\"icon\"\u003e🎬\u003c\/div\u003e\n                    \u003ch4\u003eButtery‑smooth footage\u003c\/h4\u003e\n                    \u003cp\u003e3‑axis stabilization kills shake, so every clip looks professionally shot.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"f12x-features__card\"\u003e\n                    \u003cdiv class=\"icon\"\u003e🎙️\u003c\/div\u003e\n                    \u003ch4\u003eStudio‑quality wireless audio\u003c\/h4\u003e\n                    \u003cp\u003eClip‑on mic streams clear voice with zero cables and zero wind noise.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"f12x-features__card\"\u003e\n                    \u003cdiv class=\"icon\"\u003e🧰\u003c\/div\u003e\n                    \u003ch4\u003eThree tools, one kit\u003c\/h4\u003e\n                    \u003cp\u003eGimbal, handheld grip and tripod — no need to buy three separate products.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"f12x-features__card\"\u003e\n                    \u003cdiv class=\"icon\"\u003e📦\u003c\/div\u003e\n                    \u003ch4\u003ePocket‑sized portability\u003c\/h4\u003e\n                    \u003cp\u003eFolds down small enough to carry everywhere — no bag required.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"f12x-features__card\"\u003e\n                    \u003cdiv class=\"icon\"\u003e⚡\u003c\/div\u003e\n                    \u003ch4\u003eZero learning curve\u003c\/h4\u003e\n                    \u003cp\u003eClip in, power on, Bluetooth pairs instantly — filming in under 10 seconds.\u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"f12x-features__card\"\u003e\n                    \u003cdiv class=\"icon\"\u003e📱\u003c\/div\u003e\n                    \u003ch4\u003eBuilt for every platform\u003c\/h4\u003e\n                    \u003cp\u003ePerfect for TikTok, Reels, YouTube Shorts and interviews alike.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- STATS --\u003e\n    \u003cdiv class=\"f12x-stats\"\u003e\n        \u003cdiv class=\"f12x-stats__grid\" id=\"f12x-stats-grid\"\u003e\n            \u003cdiv class=\"f12x-stat\"\u003e\n                \u003cdiv class=\"num\" data-count=\"10\" data-suffix=\"s\"\u003e0\u003c\/div\u003e\n                \u003cdiv class=\"label\"\u003eTo start filming\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"f12x-stat\"\u003e\n                \u003cdiv class=\"num\" data-count=\"3\" data-suffix=\"-Axis\"\u003e0\u003c\/div\u003e\n                \u003cdiv class=\"label\"\u003eStabilization\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"f12x-stat\"\u003e\n                \u003cdiv class=\"num\" data-count=\"3\" data-suffix=\"-in-1\"\u003e0\u003c\/div\u003e\n                \u003cdiv class=\"label\"\u003eGimbal, mic \u0026amp; tripod\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"f12x-stat\"\u003e\n                \u003cdiv class=\"num\" data-text=\"Wireless\"\u003e0\u003c\/div\u003e\n                \u003cdiv class=\"label\"\u003eMic connection\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- TIMELINE (Numbers Removed) --\u003e\n    \u003csection class=\"f12x-container f12x-timeline\" id=\"f12x-timeline\"\u003e\n        \u003cdiv class=\"f12x-eyebrow f12x-eyebrow--center\"\u003eHow it works\u003c\/div\u003e\n        \u003cdiv class=\"f12x-title f12x-title--center\"\u003eFrom pocket to filming in four steps\u003c\/div\u003e\n        \u003cdiv class=\"f12x-tl__list\" id=\"f12x-tl-list\"\u003e\n            \u003cdiv class=\"f12x-tl__item is-open\"\u003e\n                \u003cbutton type=\"button\"\u003eUnfold the rig\u003c\/button\u003e\n                \u003cdiv class=\"f12x-tl__body\"\u003e\u003cp\u003eTake it out of your pocket or bag and unfold — no assembly required.\u003c\/p\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"f12x-tl__item\"\u003e\n                \u003cbutton type=\"button\"\u003eClip your phone in\u003c\/button\u003e\n                \u003cdiv class=\"f12x-tl__body\"\u003e\u003cp\u003eSecure your smartphone to the gimbal mount.\u003c\/p\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"f12x-tl__item\"\u003e\n                \u003cbutton type=\"button\"\u003ePower on \u0026amp; pair\u003c\/button\u003e\n                \u003cdiv class=\"f12x-tl__body\"\u003e\u003cp\u003eThe wireless mic pairs over Bluetooth automatically — no menus to dig through.\u003c\/p\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"f12x-tl__item\"\u003e\n                \u003cbutton type=\"button\"\u003eStart filming\u003c\/button\u003e\n                \u003cdiv class=\"f12x-tl__body\"\u003e\u003cp\u003eStabilized, wirelessly‑miked footage in under 10 seconds from pocket to rolling.\u003c\/p\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- VIDEO SHOWCASE --\u003e\n    \u003csection class=\"f12x-container f12x-video-section\" id=\"f12x-video\"\u003e\n        \u003cdiv class=\"f12x-eyebrow\"\u003eDemo reel\u003c\/div\u003e\n        \u003cdiv class=\"f12x-title\"\u003eSee it in action\u003c\/div\u003e\n        \u003cdiv class=\"f12x-video__row\" id=\"f12x-video-row\"\u003e\n            \u003cdiv class=\"f12x-video__card\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/954e0184a31a499998dfd479d1e5a670.mp4\" controls playsinline\u003e\u003c\/video\u003e\u003c\/div\u003e\n            \u003cdiv class=\"f12x-video__card\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/f3b761b89ac542baaf2192a75c85828f.mp4\" controls playsinline\u003e\u003c\/video\u003e\u003c\/div\u003e\n            \u003cdiv class=\"f12x-video__card\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e11726fcc8c748729335e293bb52ac1c.mp4\" controls playsinline\u003e\u003c\/video\u003e\u003c\/div\u003e\n            \u003cdiv class=\"f12x-video__card\"\u003e\u003cvideo src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/8c1237365f564b6593ad5ce702b44cf0.mp4\" controls playsinline\u003e\u003c\/video\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- IN THE BOX --\u003e\n    \u003csection class=\"f12x-container\" id=\"f12x-included\"\u003e\n        \u003cdiv class=\"f12x-eyebrow\"\u003eIn the box\u003c\/div\u003e\n        \u003cdiv class=\"f12x-title\"\u003eEverything you need\u003c\/div\u003e\n        \u003cdiv class=\"f12x-table-wrap\"\u003e\n            \u003cdiv class=\"f12x-table-scroll\"\u003e\n                \u003ctable class=\"f12x-table\"\u003e\n                    \u003ctbody\u003e\n                        \u003ctr\u003e\n\u003ctd class=\"label\"\u003eCore\u003c\/td\u003e\n\u003ctd\u003eF12 Smart 3-Axis Gimbal\u003c\/td\u003e\n\u003ctd class=\"check\"\u003e✓\u003c\/td\u003e\n\u003c\/tr\u003e\n                        \u003ctr\u003e\n\u003ctd class=\"label\"\u003eAudio\u003c\/td\u003e\n\u003ctd\u003eWireless Clip-on Microphone\u003c\/td\u003e\n\u003ctd class=\"check\"\u003e✓\u003c\/td\u003e\n\u003c\/tr\u003e\n                        \u003ctr\u003e\n\u003ctd class=\"label\"\u003eSupport\u003c\/td\u003e\n\u003ctd\u003eAdjustable Tripod Base\u003c\/td\u003e\n\u003ctd class=\"check\"\u003e✓\u003c\/td\u003e\n\u003c\/tr\u003e\n                        \u003ctr\u003e\n\u003ctd class=\"label\"\u003ePower\u003c\/td\u003e\n\u003ctd\u003eUSB Charging Cable\u003c\/td\u003e\n\u003ctd class=\"check\"\u003e✓\u003c\/td\u003e\n\u003c\/tr\u003e\n                        \u003ctr\u003e\n\u003ctd class=\"label\"\u003eSafety\u003c\/td\u003e\n\u003ctd\u003eHand Strap \/ Safety Tether\u003c\/td\u003e\n\u003ctd class=\"check\"\u003e✓\u003c\/td\u003e\n\u003c\/tr\u003e\n                        \u003ctr\u003e\n\u003ctd class=\"label\"\u003eGuide\u003c\/td\u003e\n\u003ctd\u003eUser Manual \u0026amp; Setup Guide\u003c\/td\u003e\n\u003ctd class=\"check\"\u003e✓\u003c\/td\u003e\n\u003c\/tr\u003e\n                        \u003ctr\u003e\n\u003ctd class=\"label\"\u003eCase\u003c\/td\u003e\n\u003ctd\u003ePremium Gift Box Packaging\u003c\/td\u003e\n\u003ctd class=\"check\"\u003e✓\u003c\/td\u003e\n\u003c\/tr\u003e\n                    \u003c\/tbody\u003e\n                \u003c\/table\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- PERFECT FOR --\u003e\n    \u003csection class=\"f12x-container f12x-chips\"\u003e\n        \u003cdiv class=\"f12x-eyebrow f12x-eyebrow--center\"\u003eVersatility\u003c\/div\u003e\n        \u003cdiv class=\"f12x-title f12x-title--center\"\u003ePerfect for your content\u003c\/div\u003e\n        \u003cdiv class=\"f12x-carousel\" id=\"f12x-chips-carousel\"\u003e\n            \u003cdiv class=\"f12x-carousel__track\"\u003e\n                \u003cdiv class=\"f12x-chip\"\u003eTikTok \u0026amp; Reels\u003c\/div\u003e\n                \u003cdiv class=\"f12x-chip\"\u003eYouTube Vlogs\u003c\/div\u003e\n                \u003cdiv class=\"f12x-chip\"\u003eLive Streaming\u003c\/div\u003e\n                \u003cdiv class=\"f12x-chip\"\u003eStreet Interviews\u003c\/div\u003e\n                \u003cdiv class=\"f12x-chip\"\u003eTravel Content\u003c\/div\u003e\n                \u003cdiv class=\"f12x-chip\"\u003eProduct Reviews\u003c\/div\u003e\n                \u003cdiv class=\"f12x-chip\"\u003eBehind the Scenes\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- TRUST BAR --\u003e\n    \u003cdiv class=\"f12x-trust\"\u003e\n        \u003cspan\u003e🚀 Free Worldwide Shipping\u003c\/span\u003e\n        \u003cspan\u003e🛡️ 1-Year Warranty\u003c\/span\u003e\n        \u003cspan\u003e↩️ 30-Day Returns\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- COMPARISON --\u003e\n    \u003csection class=\"f12x-container\" id=\"f12x-compare\"\u003e\n        \u003cdiv class=\"f12x-eyebrow\"\u003eComparison\u003c\/div\u003e\n        \u003cdiv class=\"f12x-title\"\u003eHow F12 stacks up\u003c\/div\u003e\n        \u003cdiv class=\"f12x-table-wrap\"\u003e\n            \u003cdiv class=\"f12x-table-scroll\"\u003e\n                \u003ctable class=\"f12x-table--compare\"\u003e\n                    \u003cthead\u003e\n                        \u003ctr\u003e\n                            \u003cth\u003eFeature\u003c\/th\u003e\n                            \u003cth\u003eF12 Kit\u003c\/th\u003e\n                            \u003cth\u003eTraditional Gimbal\u003c\/th\u003e\n                        \u003c\/tr\u003e\n                    \u003c\/thead\u003e\n                    \u003ctbody\u003e\n                        \u003ctr\u003e\n\u003ctd\u003eWireless Audio\u003c\/td\u003e\n\u003ctd class=\"yes\"\u003eIncluded\u003c\/td\u003e\n\u003ctd class=\"no\"\u003eBuy separately\u003c\/td\u003e\n\u003c\/tr\u003e\n                        \u003ctr\u003e\n\u003ctd\u003eTripod Base\u003c\/td\u003e\n\u003ctd class=\"yes\"\u003eBuilt-in\u003c\/td\u003e\n\u003ctd class=\"no\"\u003eBuy separately\u003c\/td\u003e\n\u003c\/tr\u003e\n                        \u003ctr\u003e\n\u003ctd\u003eFoldable Design\u003c\/td\u003e\n\u003ctd class=\"yes\"\u003ePocket-sized\u003c\/td\u003e\n\u003ctd class=\"no\"\u003eBulky\u003c\/td\u003e\n\u003c\/tr\u003e\n                        \u003ctr class=\"f12x-bar-row\"\u003e\n                            \u003ctd\u003eSetup Speed\u003c\/td\u003e\n                            \u003ctd\u003e\n                                \u003cdiv class=\"f12x-bar\"\u003e\u003cdiv class=\"f12x-bar__fill f12x-bar__fill--pink\" data-width=\"95%\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n                                \u003cdiv class=\"f12x-bar__label\"\u003e10 Seconds\u003c\/div\u003e\n                            \u003c\/td\u003e\n                            \u003ctd\u003e\n                                \u003cdiv class=\"f12x-bar\"\u003e\u003cdiv class=\"f12x-bar__fill f12x-bar__fill--mute\" data-width=\"30%\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n                                \u003cdiv class=\"f12x-bar__label\"\u003e2 Minutes\u003c\/div\u003e\n                            \u003c\/td\u003e\n                        \u003c\/tr\u003e\n                    \u003c\/tbody\u003e\n                \u003c\/table\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- SPECS --\u003e\n    \u003csection class=\"f12x-container\" id=\"f12x-specs\"\u003e\n        \u003cdiv class=\"f12x-eyebrow\"\u003eSpecs\u003c\/div\u003e\n        \u003cdiv class=\"f12x-title\"\u003eTechnical details\u003c\/div\u003e\n        \u003cdiv class=\"f12x-table-wrap\"\u003e\n            \u003cdiv class=\"f12x-table-scroll\"\u003e\n                \u003ctable class=\"f12x-table\"\u003e\n                    \u003ctbody\u003e\n                        \u003ctr\u003e\n\u003ctd class=\"label\"\u003eWeight\u003c\/td\u003e\n\u003ctd\u003e290g (Ultra-lightweight)\u003c\/td\u003e\n\u003c\/tr\u003e\n                        \u003ctr\u003e\n\u003ctd class=\"label\"\u003eBattery\u003c\/td\u003e\n\u003ctd\u003e8-10 Hours runtime\u003c\/td\u003e\n\u003c\/tr\u003e\n                        \u003ctr\u003e\n\u003ctd class=\"label\"\u003eCompatibility\u003c\/td\u003e\n\u003ctd\u003eiOS \u0026amp; Android (Up to 6.7\" phones)\u003c\/td\u003e\n\u003c\/tr\u003e\n                        \u003ctr\u003e\n\u003ctd class=\"label\"\u003eConnectivity\u003c\/td\u003e\n\u003ctd\u003eBluetooth 5.0\u003c\/td\u003e\n\u003c\/tr\u003e\n                        \u003ctr\u003e\n\u003ctd class=\"label\"\u003eMaterial\u003c\/td\u003e\n\u003ctd\u003eHigh-grade Aerospace Aluminum \u0026amp; ABS\u003c\/td\u003e\n\u003c\/tr\u003e\n                    \u003c\/tbody\u003e\n                \u003c\/table\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- FAQ --\u003e\n    \u003csection class=\"f12x-container f12x-faq\" id=\"f12x-faq\"\u003e\n        \u003cdiv class=\"f12x-eyebrow\"\u003eQuestions\u003c\/div\u003e\n        \u003cdiv class=\"f12x-title\"\u003eFrequently asked\u003c\/div\u003e\n        \u003cdetails\u003e\u003csummary\u003eDoes it work with Android?\u003c\/summary\u003e\u003cp\u003eThe gimbal works with most smartphones; the included wireless mic is optimized for iPhone.\u003c\/p\u003e\u003c\/details\u003e\n        \u003cdetails\u003e\u003csummary\u003eHow long does the battery last?\u003c\/summary\u003e\u003cp\u003eRechargeable via USB — fully charge before first use for best performance.\u003c\/p\u003e\u003c\/details\u003e\n        \u003cdetails\u003e\u003csummary\u003eCan I use it as just a tripod?\u003c\/summary\u003e\u003cp\u003eYes — the tripod base adjusts for stable, hands‑free shots.\u003c\/p\u003e\u003c\/details\u003e\n        \u003cdetails\u003e\u003csummary\u003eIs it beginner‑friendly?\u003c\/summary\u003e\u003cp\u003eYes — Bluetooth pairing and one‑button controls mean no learning curve.\u003c\/p\u003e\u003c\/details\u003e\n        \u003cdetails\u003e\u003csummary\u003eWhat's included in the box?\u003c\/summary\u003e\u003cp\u003eF12 Gimbal, wireless mic, tripod base, USB cable, safety tether, manual and premium box.\u003c\/p\u003e\u003c\/details\u003e\n    \u003c\/section\u003e\n\n    \u003c!-- STICKY BUY BAR --\u003e\n    \u003cdiv class=\"f12x-sticky\" id=\"f12x-sticky-buy\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0808\/6945\/8174\/files\/foldable-gimbal-set-5933321.webp?v=1782918109\" alt=\"F12 Creator Kit\" loading=\"lazy\"\u003e\n        \u003cspan class=\"name\"\u003eF12 Creator Kit\u003c\/span\u003e\n        \u003cbutton class=\"f12x-btn f12x-btn--small\" id=\"f12x-sticky-buy-btn\"\u003eShop now\u003c\/button\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- JAVASCRIPT --\u003e\n    \u003cscript\u003e\n        (function() {\n            if (!document.querySelector('meta[name=\"viewport\"]')) {\n                var meta = document.createElement('meta');\n                meta.name = 'viewport';\n                meta.content = 'width=device-width, initial-scale=1.0, maximum-scale=5.0';\n                document.head.appendChild(meta);\n            }\n\n            var root = document.querySelector('.f12x');\n            if (!root) return;\n\n            \/\/ Video carousel mutual pause\n            var videoRow = root.querySelector('#f12x-video-row');\n            if (videoRow) {\n                var allVids = videoRow.querySelectorAll('video');\n                allVids.forEach(function(v) {\n                    v.addEventListener('play', function() {\n                        allVids.forEach(function(other) {\n                            if (other !== v) other.pause();\n                        });\n                    });\n                });\n            }\n\n            \/\/ Sticky nav\n            var navLinks = root.querySelectorAll('.f12x-nav a');\n            var navTargets = Array.prototype.map.call(navLinks, function(a) {\n                return root.querySelector(a.getAttribute('href'));\n            });\n            function updateNav() {\n                var scrollPos = window.scrollY + 120;\n                var activeIndex = 0;\n                navTargets.forEach(function(t, i) {\n                    if (t \u0026\u0026 t.offsetTop \u003c= scrollPos) activeIndex = i;\n                });\n                navLinks.forEach(function(a, i) {\n                    a.classList.toggle('is-active', i === activeIndex);\n                });\n            }\n            window.addEventListener('scroll', updateNav, { passive: true });\n            updateNav();\n\n            \/\/ Toggle\n            var toggleBtns = root.querySelectorAll('.f12x-toggle__btns button');\n            var togglePanels = root.querySelectorAll('.f12x-toggle__panel');\n            toggleBtns.forEach(function(btn) {\n                btn.addEventListener('click', function() {\n                    var target = btn.getAttribute('data-panel');\n                    toggleBtns.forEach(function(b) { b.classList.toggle('is-active', b === btn); });\n                    togglePanels.forEach(function(p) {\n                        p.classList.toggle('is-active', p.getAttribute('data-panel-content') === target);\n                    });\n                });\n            });\n\n            \/\/ Timeline\n            var tlItems = root.querySelectorAll('.f12x-tl__item');\n            tlItems.forEach(function(item) {\n                var btn = item.querySelector('button');\n                if (btn) btn.addEventListener('click', function() { item.classList.toggle('is-open'); });\n            });\n\n            \/\/ Stats counters\n            var statNums = root.querySelectorAll('.f12x-stat .num[data-count]');\n            function animateCount(el) {\n                var target = parseInt(el.getAttribute('data-count'), 10);\n                var suffix = el.getAttribute('data-suffix') || '';\n                var duration = 600;\n                var startTime = null;\n                function step(ts) {\n                    if (!startTime) startTime = ts;\n                    var progress = Math.min((ts - startTime) \/ duration, 1);\n                    var value = Math.floor(progress * target);\n                    el.textContent = value + suffix;\n                    if (progress \u003c 1) requestAnimationFrame(step);\n                    else el.textContent = target + suffix;\n                }\n                requestAnimationFrame(step);\n            }\n            var statTexts = root.querySelectorAll('.f12x-stat .num[data-text]');\n            statTexts.forEach(function(el) { el.textContent = el.getAttribute('data-text'); });\n\n            var statsSection = root.querySelector('#f12x-stats-grid');\n            var statsAnimated = false;\n            if (statsSection \u0026\u0026 'IntersectionObserver' in window) {\n                var statIo = new IntersectionObserver(function(entries) {\n                    entries.forEach(function(entry) {\n                        if (entry.isIntersecting \u0026\u0026 !statsAnimated) {\n                            statsAnimated = true;\n                            statNums.forEach(animateCount);\n                            statIo.unobserve(entry.target);\n                        }\n                    });\n                }, { threshold: 0.3 });\n                statIo.observe(statsSection);\n            }\n\n            \/\/ Progress bars\n            var barFills = root.querySelectorAll('.f12x-bar__fill');\n            var barRow = root.querySelector('.f12x-bar-row');\n            if (barRow \u0026\u0026 'IntersectionObserver' in window) {\n                var barIo = new IntersectionObserver(function(entries) {\n                    entries.forEach(function(entry) {\n                        if (entry.isIntersecting) {\n                            barFills.forEach(function(fill) {\n                                fill.style.width = fill.getAttribute('data-width');\n                            });\n                            barIo.unobserve(entry.target);\n                        }\n                    });\n                }, { threshold: 0.3 });\n                barIo.observe(barRow);\n            }\n\n            \/\/ Sticky buy bar\n            var stickyBuy = root.querySelector('#f12x-sticky-buy');\n            if (stickyBuy) {\n                window.addEventListener('scroll', function() {\n                    stickyBuy.classList.toggle('is-visible', window.scrollY \u003e 300);\n                });\n            }\n\n            \/\/ Carousels\n            function initCarousel(containerId) {\n                var wrapper = root.querySelector(containerId);\n                if (!wrapper) return;\n                var track = wrapper.querySelector('.f12x-carousel__track');\n                if (!track) return;\n\n                var items = Array.from(track.children);\n                if (items.length === 0) return;\n\n                var clones = items.map(function(item) { return item.cloneNode(true); });\n                clones.forEach(function(clone) { track.appendChild(clone); });\n\n                var itemWidth = items[0].offsetWidth + 14;\n                var totalItems = items.length;\n                var autoSpeed = 2000;\n                var intervalId = null;\n                var currentOffset = 0;\n                var isDragging = false;\n                var startX = 0;\n                var startOffset = 0;\n\n                function scrollToOffset(offset, animate) {\n                    currentOffset = offset;\n                    track.style.transition = animate !== false ? 'transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)' : 'none';\n                    track.style.transform = 'translateX(' + offset + 'px)';\n                }\n\n                function autoScroll() {\n                    if (isDragging) return;\n                    var nextOffset = currentOffset - itemWidth;\n                    if (Math.abs(nextOffset) \u003e= totalItems * itemWidth) {\n                        scrollToOffset(0, false);\n                        requestAnimationFrame(() =\u003e scrollToOffset(-itemWidth, true));\n                    } else {\n                        scrollToOffset(nextOffset, true);\n                    }\n                }\n\n                function startAutoPlay() {\n                    if (intervalId) clearInterval(intervalId);\n                    intervalId = setInterval(autoScroll, autoSpeed);\n                }\n                function stopAutoPlay() {\n                    if (intervalId) clearInterval(intervalId);\n                    intervalId = null;\n                }\n\n                function onDragStart(e) {\n                    if (e.type === 'mousedown') {\n                        e.preventDefault();\n                        startX = e.clientX;\n                    } else if (e.type === 'touchstart') {\n                        startX = e.touches[0].clientX;\n                    } else return;\n                    isDragging = true;\n                    stopAutoPlay();\n                    startOffset = currentOffset;\n                    track.classList.add('dragging');\n                    track.style.transition = 'none';\n                }\n\n                function onDragMove(e) {\n                    if (!isDragging) return;\n                    var clientX = e.type === 'mousemove' ? e.clientX : e.touches[0].clientX;\n                    var diff = clientX - startX;\n                    var newOffset = startOffset + diff;\n                    var maxOffset = 0;\n                    var minOffset = -(totalItems * itemWidth);\n                    if (newOffset \u003e maxOffset) newOffset = maxOffset;\n                    if (newOffset \u003c minOffset) newOffset = minOffset;\n                    currentOffset = newOffset;\n                    scrollToOffset(currentOffset, false);\n                }\n\n                function onDragEnd() {\n                    if (!isDragging) return;\n                    isDragging = false;\n                    track.classList.remove('dragging');\n                    var index = Math.round(Math.abs(currentOffset) \/ itemWidth);\n                    if (index \u003e= totalItems) index = totalItems - 1;\n                    var targetOffset = -(index * itemWidth);\n                    scrollToOffset(targetOffset, true);\n                    setTimeout(() =\u003e { if (!isDragging) startAutoPlay(); }, 1000);\n                }\n\n                track.addEventListener('mousedown', onDragStart);\n                document.addEventListener('mousemove', onDragMove);\n                document.addEventListener('mouseup', onDragEnd);\n                track.addEventListener('touchstart', onDragStart, { passive: true });\n                document.addEventListener('touchmove', onDragMove, { passive: false });\n                document.addEventListener('touchend', onDragEnd);\n\n                wrapper.addEventListener('mouseenter', stopAutoPlay);\n                wrapper.addEventListener('mouseleave', () =\u003e { if (!isDragging) startAutoPlay(); });\n\n                startAutoPlay();\n\n                var resizeTimer;\n                window.addEventListener('resize', function() {\n                    clearTimeout(resizeTimer);\n                    resizeTimer = setTimeout(function() {\n                        itemWidth = items[0].offsetWidth + 14;\n                        var index = Math.round(Math.abs(currentOffset) \/ itemWidth);\n                        if (index \u003e= totalItems) index = totalItems - 1;\n                        scrollToOffset(-(index * itemWidth), false);\n                    }, 200);\n                });\n            }\n\n            initCarousel('#f12x-features-carousel');\n            initCarousel('#f12x-chips-carousel');\n        })();\n    \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Wildora","offers":[{"title":"Default Title","offer_id":48506084589822,"sku":"FGST-F12-MAW-ZAM","price":349.0,"currency_code":"AED","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0808\/6945\/8174\/files\/610AEJhL-uL._AC_UF1000_1000_QL80_FMwebp.webp?v=1782919223","url":"https:\/\/wildora.store\/products\/foldable-gimbal-set","provider":"Wildora","version":"1.0","type":"link"}