{"product_id":"products-zoomable-magnetic-palm-grip","title":"📸 Zoomable Magnetic Palm Grip | Selfie Stick \u0026 Tripod","description":"\u003cstyle\u003e\n    \/* =========================================================    Z3 MAGNETIC PALM GRIP — IMMERSIVE CRO PAGE    Mobile First \/ Shopify Custom Liquid ========================================================= *\/\n    .z3x-page {\n        --ink: #08182d;\n        --ink2: #10233d;\n        --body: #526277;\n        --blue: #246bfe;\n        --blue2: #58a5ff;\n        --cyan: #6ddcff;\n        --ice: #edf7ff;\n        --soft: #f7fbff;\n        --orange: #ff7417;\n        --orange2: #ff9c43;\n        --white: #fff;\n        --line: rgba(108, 157, 205, .22);\n        position: relative;\n        isolation: isolate;\n        max-width: 940px;\n        margin: 0 auto;\n        padding: 10px 8px 55px;\n        overflow: hidden;\n        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;\n        color: var(--body) !important;\n        line-height: 1.6;\n        background: radial-gradient(circle at 15% 8%, rgba(69, 157, 255, .16), transparent 26%), radial-gradient(circle at 92% 25%, rgba(109, 220, 255, .16), transparent 28%), radial-gradient(circle at 20% 70%, rgba(36, 107, 254, .09), transparent 30%), linear-gradient(135deg, #ffffff 0%, #f4faff 48%, #edf7ff 100%);\n        background-size: 140% 140%;\n        animation: z3xPageBreath 9s ease-in-out infinite alternate;\n    }\n\n    \/* =========================================================    GLOBAL ========================================================= *\/\n    .z3x-page * {\n        box-sizing: border-box;\n    }\n\n    .z3x-page h1,\n    .z3x-page h2,\n    .z3x-page h3,\n    .z3x-page h4 {\n        color: var(--ink) !important;\n        margin: 0;\n        line-height: 1.12;\n        font-weight: 900 !important;\n        letter-spacing: -.03em;\n    }\n\n    .z3x-page p,\n    .z3x-page li,\n    .z3x-page span {\n        color: var(--body) !important;\n    }\n\n    .z3x-page img {\n        max-width: 100%;\n        height: auto;\n    }\n\n    @keyframes z3xPageBreath {\n        0% {\n            background-position: 0% 0%;\n        }\n\n        100% {\n            background-position: 100% 100%;\n        }\n    }\n\n    \/* =========================================================    FULL PAGE FLOATING PARTICLES ========================================================= *\/\n    .z3x-particles {\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n        overflow: hidden;\n        pointer-events: none;\n    }\n\n    .z3x-particle {\n        position: absolute;\n        width: 5px;\n        height: 5px;\n        border-radius: 50%;\n        background: rgba(68, 150, 255, .35);\n        box-shadow: 0 0 18px rgba(68, 150, 255, .55);\n        animation: z3ParticleFloat linear infinite;\n    }\n\n    .z3x-particle:nth-child(1) {\n        left: 6%;\n        top: 7%;\n        animation-duration: 10s;\n    }\n\n    .z3x-particle:nth-child(2) {\n        left: 88%;\n        top: 14%;\n        width: 8px;\n        height: 8px;\n        animation-duration: 14s;\n    }\n\n    .z3x-particle:nth-child(3) {\n        left: 18%;\n        top: 28%;\n        animation-duration: 12s;\n    }\n\n    .z3x-particle:nth-child(4) {\n        left: 77%;\n        top: 37%;\n        width: 6px;\n        height: 6px;\n        animation-duration: 16s;\n    }\n\n    .z3x-particle:nth-child(5) {\n        left: 10%;\n        top: 52%;\n        animation-duration: 11s;\n    }\n\n    .z3x-particle:nth-child(6) {\n        left: 92%;\n        top: 60%;\n        width: 7px;\n        height: 7px;\n        animation-duration: 15s;\n    }\n\n    .z3x-particle:nth-child(7) {\n        left: 27%;\n        top: 72%;\n        animation-duration: 13s;\n    }\n\n    .z3x-particle:nth-child(8) {\n        left: 71%;\n        top: 83%;\n        width: 8px;\n        height: 8px;\n        animation-duration: 17s;\n    }\n\n    .z3x-particle:nth-child(9) {\n        left: 45%;\n        top: 92%;\n        animation-duration: 12s;\n    }\n\n    @keyframes z3ParticleFloat {\n        0% {\n            transform: translate3d(0, 25px, 0) scale(.7);\n            opacity: .15;\n        }\n\n        50% {\n            opacity: .75;\n        }\n\n        100% {\n            transform: translate3d(18px, -90px, 0) scale(1.25);\n            opacity: 0;\n        }\n    }\n\n    \/* =========================================================    SECTIONS ========================================================= *\/\n    .z3x-section {\n        position: relative;\n        z-index: 2;\n        margin: 18px 0;\n    }\n\n    .z3x-card {\n        position: relative;\n        overflow: hidden;\n        padding: 30px;\n        border-radius: 30px;\n        background: linear-gradient(145deg, rgba(255, 255, 255, .97), rgba(247, 251, 255, .92));\n        border: 1px solid rgba(185, 213, 238, .55);\n        box-shadow: 0 22px 60px rgba(25, 75, 120, .10), 0 5px 18px rgba(25, 75, 120, .06);\n        backdrop-filter: blur(10px);\n    }\n\n    .z3x-card:before {\n        content: '';\n        position: absolute;\n        width: 220px;\n        height: 220px;\n        right: -120px;\n        top: -120px;\n        background: radial-gradient(circle, rgba(77, 158, 255, .13), transparent 67%);\n        border-radius: 50%;\n        pointer-events: none;\n        animation: z3BlobPulse 5s ease-in-out infinite;\n    }\n\n    @keyframes z3BlobPulse {\n\n        0%,\n        100% {\n            transform: scale(.9);\n            opacity: .5;\n        }\n\n        50% {\n            transform: scale(1.2);\n            opacity: 1;\n        }\n    }\n\n    \/* =========================================================    REVEAL ========================================================= *\/\n    .z3x-reveal {\n        opacity: 0;\n        transform: translateY(32px) scale(.985);\n        transition: opacity .75s ease, transform .75s cubic-bezier(.2, .8, .2, 1);\n    }\n\n    .z3x-reveal.z3x-visible {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n    }\n\n    \/* =========================================================    DARK MODULE ========================================================= *\/\n    .z3x-dark {\n        background: radial-gradient(circle at 80% 20%, rgba(51, 130, 255, .30), transparent 30%), radial-gradient(circle at 10% 90%, rgba(65, 208, 255, .13), transparent 28%), linear-gradient(145deg, #071629, #102e50);\n        border: 1px solid rgba(110, 177, 255, .20);\n        box-shadow: 0 25px 65px rgba(6, 22, 42, .25), inset 0 1px 0 rgba(255, 255, 255, .06);\n    }\n\n    .z3x-dark h2,\n    .z3x-dark h3,\n    .z3x-dark h4 {\n        color: #fff !important;\n    }\n\n    .z3x-dark p,\n    .z3x-dark li,\n    .z3x-dark span {\n        color: #cfdfef !important;\n    }\n\n    \/* =========================================================    HERO ========================================================= *\/\n    .z3x-hero {\n        padding: 38px 25px 24px;\n        text-align: center;\n    }\n\n    .z3x-offer {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        margin-bottom: 16px;\n        padding: 9px 15px;\n        border-radius: 999px;\n        background: linear-gradient(90deg, var(--orange), var(--orange2));\n        color: #fff !important;\n        font-size: 12px;\n        font-weight: 900;\n        letter-spacing: .08em;\n        box-shadow: 0 8px 24px rgba(255, 113, 20, .28), inset 0 1px rgba(255, 255, 255, .35);\n        animation: z3OfferPulse 2.2s ease-in-out infinite;\n    }\n\n    .z3x-offer span {\n        color: #fff !important;\n    }\n\n    @keyframes z3OfferPulse {\n\n        0%,\n        100% {\n            transform: scale(1);\n            box-shadow: 0 8px 24px rgba(255, 113, 20, .25);\n        }\n\n        50% {\n            transform: scale(1.035);\n            box-shadow: 0 12px 32px rgba(255, 113, 20, .42);\n        }\n    }\n\n    .z3x-title {\n        max-width: 780px;\n        margin: 0 auto !important;\n        font-size: 38px !important;\n    }\n\n    .z3x-gradient {\n        background: linear-gradient(90deg, #1051aa, #2579e8, #51a6ff, #1051aa);\n        background-size: 220% auto;\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        animation: z3GradientMove 5s linear infinite;\n    }\n\n    @keyframes z3GradientMove {\n        to {\n            background-position: 220% center;\n        }\n    }\n\n    .z3x-sub {\n        max-width: 680px;\n        margin: 17px auto 0 !important;\n        color: #53687d !important;\n        font-size: 18px;\n    }\n\n    \/* =========================================================    LIVE TECH BAR ========================================================= *\/\n    .z3x-livebar {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 7px;\n        margin: 18px auto 0;\n        font-size: 12px;\n        font-weight: 800;\n    }\n\n    .z3x-livebar span {\n        color: #66809b !important;\n    }\n\n    .z3x-live-dot {\n        width: 7px;\n        height: 7px;\n        border-radius: 50%;\n        background: #3b8cff;\n        box-shadow: 0 0 0 0 rgba(59, 140, 255, .5);\n        animation: z3DotPulse 1.8s infinite;\n    }\n\n    @keyframes z3DotPulse {\n        0% {\n            box-shadow: 0 0 0 0 rgba(59, 140, 255, .45);\n        }\n\n        70% {\n            box-shadow: 0 0 0 10px rgba(59, 140, 255, 0);\n        }\n\n        100% {\n            box-shadow: 0 0 0 0 rgba(59, 140, 255, 0);\n        }\n    }\n\n    \/* =========================================================    HERO PRODUCT ENERGY FIELD ========================================================= *\/\n    .z3x-product-stage {\n        position: relative;\n        max-width: 810px;\n        margin: 26px auto 0;\n        padding: 10px;\n        perspective: 1000px;\n    }\n\n    .z3x-product-stage:before,\n    .z3x-product-stage:after {\n        content: '';\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        border-radius: 50%;\n        pointer-events: none;\n        transform: translate(-50%, -50%);\n    }\n\n    .z3x-product-stage:before {\n        width: 72%;\n        aspect-ratio: 1;\n        border: 1px solid rgba(62, 144, 255, .20);\n        box-shadow: 0 0 60px rgba(48, 145, 255, .12), inset 0 0 50px rgba(66, 177, 255, .08);\n        animation: z3MagRing 7s linear infinite;\n    }\n\n    .z3x-product-stage:after {\n        width: 55%;\n        aspect-ratio: 1;\n        border: 1px dashed rgba(67, 161, 255, .32);\n        animation: z3MagRingReverse 10s linear infinite;\n    }\n\n    @keyframes z3MagRing {\n        from {\n            transform: translate(-50%, -50%) rotate(0deg) scale(.95);\n        }\n\n        50% {\n            transform: translate(-50%, -50%) rotate(180deg) scale(1.04);\n        }\n\n        to {\n            transform: translate(-50%, -50%) rotate(360deg) scale(.95);\n        }\n    }\n\n    @keyframes z3MagRingReverse {\n        from {\n            transform: translate(-50%, -50%) rotate(360deg);\n        }\n\n        to {\n            transform: translate(-50%, -50%) rotate(0deg);\n        }\n    }\n\n    .z3x-hero-img {\n        position: relative;\n        z-index: 3;\n        display: block;\n        width: 100%;\n        border-radius: 26px;\n        box-shadow: 0 28px 70px rgba(31, 84, 135, .18), 0 8px 20px rgba(31, 84, 135, .08);\n        transform-style: preserve-3d;\n        animation: z3ProductFloat 4.8s ease-in-out infinite;\n    }\n\n    @keyframes z3ProductFloat {\n\n        0%,\n        100% {\n            transform: translateY(0);\n        }\n\n        50% {\n            transform: translateY(-8px);\n        }\n    }\n\n    \/* =========================================================    HERO BADGES ========================================================= *\/\n    .z3x-badges {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 10px;\n        margin-top: 22px;\n    }\n\n    .z3x-badge {\n        padding: 13px 8px;\n        border-radius: 15px;\n        background: linear-gradient(145deg, #f7fbff, #edf6ff);\n        border: 1px solid rgba(163, 202, 237, .45);\n        color: #315679 !important;\n        font-size: 13px;\n        font-weight: 850;\n        box-shadow: 0 7px 18px rgba(31, 85, 130, .05);\n        transition: transform .2s ease, box-shadow .2s ease;\n    }\n\n    .z3x-badge:active {\n        transform: scale(.96);\n    }\n\n    \/* =========================================================    HEADINGS ========================================================= *\/\n    .z3x-center {\n        text-align: center;\n    }\n\n    .z3x-heading {\n        font-size: 29px !important;\n    }\n\n    .z3x-lead {\n        max-width: 670px;\n        margin: 12px auto 0 !important;\n        font-size: 16px;\n    }\n\n    \/* =========================================================    FEATURES ========================================================= *\/\n    .z3x-feature-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 14px;\n        margin-top: 25px;\n    }\n\n    .z3x-feature {\n        position: relative;\n        padding: 20px;\n        border-radius: 21px;\n        background: linear-gradient(150deg, #fff, #f2f8ff);\n        border: 1px solid rgba(181, 211, 237, .6);\n        box-shadow: 0 12px 28px rgba(27, 75, 115, .07);\n        transition: transform .25s ease, box-shadow .25s ease;\n    }\n\n    .z3x-feature:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 18px 38px rgba(27, 75, 115, .12);\n    }\n\n    .z3x-feature:active {\n        transform: scale(.97);\n    }\n\n    .z3x-icon {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 50px;\n        height: 50px;\n        margin-bottom: 14px;\n        border-radius: 16px;\n        background: radial-gradient(circle at 30% 20%, #fff, #dceeff);\n        box-shadow: 0 8px 20px rgba(40, 115, 190, .12);\n        font-size: 25px;\n        animation: z3IconBreath 4s ease-in-out infinite;\n    }\n\n    @keyframes z3IconBreath {\n        50% {\n            box-shadow: 0 10px 25px rgba(40, 115, 190, .20), 0 0 22px rgba(72, 162, 255, .16);\n        }\n    }\n\n    .z3x-feature h3 {\n        font-size: 18px !important;\n    }\n\n    .z3x-feature p {\n        margin: 8px 0 0 !important;\n        font-size: 14px;\n    }\n\n    \/* =========================================================    TWO COLUMN ========================================================= *\/\n    .z3x-grid2 {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 20px;\n        align-items: center;\n    }\n\n    .z3x-media {\n        display: block;\n        width: 100%;\n        border-radius: 23px;\n        box-shadow: 0 17px 40px rgba(22, 71, 110, .13);\n        transition: transform .35s ease, box-shadow .35s ease;\n    }\n\n    .z3x-media:hover {\n        transform: scale(1.015);\n        box-shadow: 0 24px 55px rgba(22, 71, 110, .18);\n    }\n\n    \/* =========================================================    BEFORE AFTER ========================================================= *\/\n    .z3x-compare {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 15px;\n        margin-top: 23px;\n    }\n\n    .z3x-compare-card {\n        padding: 22px;\n        border-radius: 22px;\n    }\n\n    .z3x-before {\n        background: linear-gradient(145deg, #fff6f3, #fff);\n        border: 1px solid #ffe1d9;\n    }\n\n    .z3x-after {\n        background: linear-gradient(145deg, #ecf7ff, #fff);\n        border: 1px solid #cde8ff;\n    }\n\n    .z3x-label {\n        display: inline-flex;\n        padding: 6px 11px;\n        margin-bottom: 10px;\n        border-radius: 999px;\n        font-size: 11px;\n        font-weight: 900;\n        letter-spacing: .07em;\n    }\n\n    .z3x-before .z3x-label {\n        background: #ffebe6;\n        color: #c9442e !important;\n    }\n\n    .z3x-after .z3x-label {\n        background: #dff4ff;\n        color: #1466b2 !important;\n    }\n\n    .z3x-compare-card li {\n        margin: 8px 0;\n    }\n\n    \/* =========================================================    SCANNING TECH MODULE ========================================================= *\/\n    .z3x-scan {\n        position: relative;\n        overflow: hidden;\n    }\n\n    .z3x-scan:after {\n        content: '';\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: -25%;\n        height: 100px;\n        background: linear-gradient(to bottom, transparent, rgba(79, 175, 255, .09), rgba(120, 220, 255, .20), transparent);\n        pointer-events: none;\n        animation: z3Scanner 4.6s linear infinite;\n    }\n\n    @keyframes z3Scanner {\n        0% {\n            top: -30%;\n        }\n\n        100% {\n            top: 115%;\n        }\n    }\n\n    \/* =========================================================    CHIPS ========================================================= *\/\n    .z3x-chip-wrap {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 9px;\n        margin-top: 20px;\n    }\n\n    .z3x-chip {\n        padding: 9px 13px;\n        border-radius: 999px;\n        background: #edf6ff;\n        border: 1px solid #d3e8fb;\n        color: #316798 !important;\n        font-size: 12px;\n        font-weight: 850;\n        transition: transform .18s ease;\n    }\n\n    .z3x-chip:active {\n        transform: scale(.94);\n    }\n\n    \/* =========================================================    HOW IT WORKS ========================================================= *\/\n    .z3x-steps {\n        margin-top: 24px;\n    }\n\n    .z3x-step {\n        display: flex;\n        gap: 14px;\n        align-items: flex-start;\n        padding: 17px;\n        margin-bottom: 11px;\n        background: linear-gradient(145deg, #fff, #f5faff);\n        border: 1px solid #dceaf5;\n        border-radius: 18px;\n        box-shadow: 0 8px 20px rgba(30, 75, 110, .05);\n        transition: transform .2s ease;\n    }\n\n    .z3x-step:active {\n        transform: scale(.98);\n    }\n\n    .z3x-num {\n        display: flex;\n        flex: 0 0 44px;\n        align-items: center;\n        justify-content: center;\n        width: 44px;\n        height: 44px;\n        border-radius: 50%;\n        background: linear-gradient(145deg, #1f6ff2, #60b4ff);\n        color: #fff !important;\n        font-weight: 900;\n        box-shadow: 0 9px 23px rgba(36, 107, 254, .25);\n    }\n\n    .z3x-step h3 {\n        font-size: 17px !important;\n        margin-bottom: 4px;\n    }\n\n    .z3x-step p {\n        margin: 0 !important;\n        font-size: 14px;\n    }\n\n    \/* =========================================================    SPECS ========================================================= *\/\n    .z3x-specs {\n        margin-top: 23px;\n        border-radius: 21px;\n        overflow: hidden;\n        border: 1px solid #dce9f3;\n        box-shadow: 0 8px 25px rgba(25, 70, 105, .05);\n    }\n\n    .z3x-spec {\n        display: grid;\n        grid-template-columns: 40% 60%;\n        border-bottom: 1px solid #e3edf5;\n    }\n\n    .z3x-spec:last-child {\n        border-bottom: none;\n    }\n\n    .z3x-spec div {\n        padding: 14px 15px;\n    }\n\n    .z3x-spec div:first-child {\n        background: #eff6fc;\n        color: #344e68 !important;\n        font-weight: 850;\n    }\n\n    .z3x-spec div:last-child {\n        background: #fff;\n    }\n\n    \/* =========================================================    TRUST ========================================================= *\/\n    .z3x-trust {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 12px;\n        margin-top: 23px;\n    }\n\n    .z3x-trust-box {\n        text-align: center;\n        padding: 18px 13px;\n        background: #fff;\n        border: 1px solid #dce9f4;\n        border-radius: 19px;\n        transition: transform .2s ease, box-shadow .2s ease;\n    }\n\n    .z3x-trust-box:active {\n        transform: scale(.96);\n    }\n\n    .z3x-trust-icon {\n        font-size: 27px;\n    }\n\n    .z3x-trust-box strong {\n        display: block;\n        margin: 6px 0 5px;\n        color: #14283e !important;\n    }\n\n    .z3x-trust-box span {\n        font-size: 12px;\n    }\n\n    \/* =========================================================    FINAL CTA ========================================================= *\/\n    .z3x-final {\n        padding: 38px 24px;\n        text-align: center;\n    }\n\n    .z3x-final .z3x-heading {\n        max-width: 680px;\n        margin: auto !important;\n    }\n\n    .z3x-final p {\n        max-width: 620px;\n        margin: 13px auto 0 !important;\n    }\n\n    .z3x-cta {\n        position: relative;\n        overflow: hidden;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n        width: min(100%, 440px);\n        min-height: 61px;\n        margin-top: 23px;\n        padding: 15px 24px;\n        border-radius: 17px;\n        background: linear-gradient(90deg, #ff6810, #ff9a3d);\n        color: #fff !important;\n        font-size: 17px;\n        font-weight: 950;\n        text-decoration: none !important;\n        box-shadow: 0 15px 35px rgba(255, 104, 16, .34), inset 0 1px rgba(255, 255, 255, .30);\n        animation: z3CTA 2.3s ease-in-out infinite;\n    }\n\n    .z3x-cta:before {\n        content: '';\n        position: absolute;\n        top: -30%;\n        left: -60%;\n        width: 35%;\n        height: 170%;\n        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .45), transparent);\n        transform: skewX(-20deg);\n        animation: z3Shine 3.4s ease-in-out infinite;\n    }\n\n    @keyframes z3CTA {\n\n        0%,\n        100% {\n            transform: translateY(0) scale(1);\n            box-shadow: 0 15px 35px rgba(255, 104, 16, .30);\n        }\n\n        50% {\n            transform: translateY(-2px) scale(1.012);\n            box-shadow: 0 20px 42px rgba(255, 104, 16, .43);\n        }\n    }\n\n    @keyframes z3Shine {\n\n        0%,\n        45% {\n            left: -60%;\n        }\n\n        75%,\n        100% {\n            left: 125%;\n        }\n    }\n\n    \/* =========================================================    MOBILE SLIDER ========================================================= *\/\n    .z3x-mobile-slider {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 13px;\n    }\n\n    \/* =========================================================    MOBILE ========================================================= *\/\n    \n        .z3x-page {\n            padding: 4px 4px 40px;\n        }\n\n        .z3x-section {\n            margin: 13px 0;\n        }\n\n        .z3x-card {\n            padding: 22px 16px;\n            border-radius: 23px;\n        }\n\n        .z3x-hero {\n            padding: 27px 14px 17px;\n        }\n\n        .z3x-title {\n            font-size: 38px !important;\n        }\n\n        .z3x-sub {\n            font-size: 16px;\n        }\n\n        .z3x-badges {\n            grid-template-columns: 1fr;\n        }\n\n        .z3x-grid2 {\n            grid-template-columns: 1fr;\n        }\n\n        .z3x-compare {\n            grid-template-columns: 1fr;\n        }\n\n        .z3x-feature-grid {\n            display: flex;\n            overflow-x: auto;\n            scroll-snap-type: x mandatory;\n            margin-left: -16px;\n            margin-right: -16px;\n            padding: 4px 16px 15px;\n            gap: 12px;\n            scrollbar-width: none;\n        }\n\n        .z3x-feature-grid::-webkit-scrollbar {\n            display: none;\n        }\n\n        .z3x-feature {\n            flex: 0 0 82%;\n            scroll-snap-align: center;\n        }\n\n        .z3x-trust {\n            display: flex;\n            overflow-x: auto;\n            scroll-snap-type: x mandatory;\n            margin-left: -16px;\n            margin-right: -16px;\n            padding: 5px 16px 15px;\n            scrollbar-width: none;\n        }\n\n        .z3x-trust::-webkit-scrollbar {\n            display: none;\n        }\n\n        .z3x-trust-box {\n            flex: 0 0 78%;\n            scroll-snap-align: center;\n        }\n\n        .z3x-product-stage:before {\n            width: 88%;\n        }\n\n        .z3x-product-stage:after {\n            width: 68%;\n        }\n\n        .z3x-spec {\n            grid-template-columns: 38% 62%;\n            font-size: 13px;\n        }\n\n        .z3x-spec div {\n            padding: 12px 10px;\n        }\n    \n\n    \/* =========================================================    REDUCE MOTION ========================================================= *\/\n    @media(prefers-reduced-motion:reduce) {\n\n        .z3x-page,\n        .z3x-particle,\n        .z3x-card:before,\n        .z3x-offer,\n        .z3x-gradient,\n        .z3x-live-dot,\n        .z3x-product-stage:before,\n        .z3x-product-stage:after,\n        .z3x-hero-img,\n        .z3x-icon,\n        .z3x-scan:after,\n        .z3x-cta,\n        .z3x-cta:before {\n            animation: none !important;\n        }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"z3x-page\"\u003e \u003c!-- FULL PAGE PARTICLES --\u003e\n    \u003cdiv class=\"z3x-particles\"\u003e \u003ci class=\"z3x-particle\"\u003e\u003c\/i\u003e \u003ci class=\"z3x-particle\"\u003e\u003c\/i\u003e \u003ci class=\"z3x-particle\"\u003e\u003c\/i\u003e\n        \u003ci class=\"z3x-particle\"\u003e\u003c\/i\u003e \u003ci class=\"z3x-particle\"\u003e\u003c\/i\u003e \u003ci class=\"z3x-particle\"\u003e\u003c\/i\u003e \u003ci class=\"z3x-particle\"\u003e\u003c\/i\u003e \u003ci class=\"z3x-particle\"\u003e\u003c\/i\u003e \u003ci class=\"z3x-particle\"\u003e\u003c\/i\u003e \u003c\/div\u003e\n    \u003c!-- ================= HERO ================= --\u003e\n    \u003csection class=\"z3x-section z3x-reveal z3x-visible\"\u003e\n        \u003cdiv class=\"z3x-card z3x-hero\"\u003e\n            \u003cdiv class=\"z3x-offer\"\u003e 🔥 \u003cspan\u003eLIMITED TIME OFFER\u003c\/span\u003e \u003c\/div\u003e\n            \u003ch1 class=\"z3x-title\"\u003e Turn Your Phone Into a \u003cspan class=\"z3x-gradient\"\u003e Pocket Camera Rig. \u003c\/span\u003e \u003c\/h1\u003e\n            \u003cp class=\"z3x-sub\"\u003e Grip it. Zoom it. Extend it. Stand it. One compact magnetic setup for selfies, travel,\n                overhead shots and everyday content. \u003c\/p\u003e\n            \u003cdiv class=\"z3x-livebar\"\u003e\n                \u003cdiv class=\"z3x-live-dot\"\u003e\u003c\/div\u003e \u003cspan\u003e MAGNETIC • ZOOM CONTROL • TRIPOD \u003c\/span\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"z3x-product-stage\"\u003e \u003cimg alt=\"Zoomable Magnetic Palm Grip\" class=\"z3x-hero-img z3x-tilt\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/5016\/9239\/files\/ChatGPT_Image_2026_8_13__15_07_36.png?v=1786604925\"\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"z3x-badges\"\u003e\n                \u003cdiv class=\"z3x-badge\"\u003e 🧲 Magnetic Mount \u003c\/div\u003e\n                \u003cdiv class=\"z3x-badge\"\u003e 🔍 Zoom From The Grip \u003c\/div\u003e\n                \u003cdiv class=\"z3x-badge\"\u003e 📸 Grip + Stick + Tripod \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e \u003c!-- ================= INTEREST ================= --\u003e\n    \u003csection class=\"z3x-section z3x-reveal z3x-visible\"\u003e\n        \u003cdiv class=\"z3x-card\"\u003e\n            \u003cdiv class=\"z3x-center\"\u003e\n                \u003ch2 class=\"z3x-heading\"\u003e One Grip. \u003cbr\u003e More Ways to Shoot. \u003c\/h2\u003e\n                \u003cp class=\"z3x-lead\"\u003e Stop carrying separate stands, selfie sticks and shooting accessories. This compact\n                    grip changes with the shot you want. \u003c\/p\u003e\n            \u003c\/div\u003e \u003cimg alt=\"4 in 1 Palm Grip\" class=\"z3x-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/5016\/9239\/files\/ChatGPT_Image_2026_8_13__15_07_32.png?v=1786604925\" style=\"margin-top:24px;\"\u003e\n            \u003cdiv class=\"z3x-feature-grid\"\u003e\n                \u003cdiv class=\"z3x-feature\"\u003e\n                    \u003cdiv class=\"z3x-icon\"\u003e ✋ \u003c\/div\u003e\n                    \u003ch3\u003e Camera-Style Grip \u003c\/h3\u003e\n                    \u003cp\u003e A more natural way to hold your phone while filming or taking photos. \u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"z3x-feature\"\u003e\n                    \u003cdiv class=\"z3x-icon\"\u003e 🤳 \u003c\/div\u003e\n                    \u003ch3\u003e Extendable Selfie Stick \u003c\/h3\u003e\n                    \u003cp\u003e Pull back for better framing, wider selfies and group photos. \u003c\/p\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"z3x-feature\"\u003e\n                    \u003cdiv class=\"z3x-icon\"\u003e 🔺 \u003c\/div\u003e\n                    \u003ch3\u003e Hands-Free Tripod \u003c\/h3\u003e\n                    \u003cp\u003e Set it down for videos, calls, photos or content creation. \u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e \u003c!-- ================= BEFORE AFTER ================= --\u003e\n    \u003csection class=\"z3x-section z3x-reveal z3x-visible\"\u003e\n        \u003cdiv class=\"z3x-card\"\u003e\n            \u003cdiv class=\"z3x-center\"\u003e\n                \u003ch2 class=\"z3x-heading\"\u003e Stop Fighting Your Phone \u003cbr\u003e Just to Get the Shot. \u003c\/h2\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"z3x-compare\"\u003e\n                \u003cdiv class=\"z3x-compare-card z3x-before\"\u003e \u003cspan class=\"z3x-label\"\u003e BEFORE \u003c\/span\u003e\n                    \u003ch3\u003e Just Holding Your Phone \u003c\/h3\u003e\n                    \u003cul\u003e\n                        \u003cli\u003e Awkward grip \u003c\/li\u003e\n                        \u003cli\u003e Harder overhead angles \u003c\/li\u003e\n                        \u003cli\u003e No easy hands-free setup \u003c\/li\u003e\n                        \u003cli\u003e Constant screen reaching \u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"z3x-compare-card z3x-after\"\u003e \u003cspan class=\"z3x-label\"\u003e AFTER \u003c\/span\u003e\n                    \u003ch3\u003e Your Pocket Camera Rig \u003c\/h3\u003e\n                    \u003cul\u003e\n                        \u003cli\u003e Comfortable palm grip \u003c\/li\u003e\n                        \u003cli\u003e Extendable shooting \u003c\/li\u003e\n                        \u003cli\u003e Tripod mode \u003c\/li\u003e\n                        \u003cli\u003e Grip-mounted zoom control \u003c\/li\u003e\n                    \u003c\/ul\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e \u003c!-- ================= ZOOM ================= --\u003e\n    \u003csection class=\"z3x-section z3x-reveal z3x-visible\"\u003e\n        \u003cdiv class=\"z3x-card z3x-dark z3x-scan\"\u003e\n            \u003cdiv class=\"z3x-center\"\u003e\n                \u003cdiv class=\"z3x-offer\"\u003e SMARTER SHOOTING \u003c\/div\u003e\n                \u003ch2 class=\"z3x-heading\"\u003e Zoom Without \u003cbr\u003e Reaching for the Screen. \u003c\/h2\u003e\n                \u003cp class=\"z3x-lead\"\u003e Change your framing directly from the grip while keeping your shooting position\n                    comfortable. \u003c\/p\u003e\n            \u003c\/div\u003e \u003cimg alt=\"Zoom control palm grip\" class=\"z3x-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/5016\/9239\/files\/ChatGPT_Image_2026_8_13__15_23_20.png?v=1786605822\" style=\"margin-top:25px;\"\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e \u003c!-- ================= OVERHEAD ================= --\u003e\n    \u003csection class=\"z3x-section z3x-reveal z3x-visible\"\u003e\n        \u003cdiv class=\"z3x-card\"\u003e\n            \u003cdiv class=\"z3x-grid2\"\u003e\n                \u003cdiv\u003e\n                    \u003cdiv class=\"z3x-offer\"\u003e MORE ANGLES \u003c\/div\u003e\n                    \u003ch2 class=\"z3x-heading\"\u003e Not Just \u003cbr\u003e Another Selfie Stick. \u003c\/h2\u003e\n                    \u003cp style=\"margin-top:14px!important;\"\u003e Position it for overhead shots, tabletop filming, food\n                        photography, tutorials, unboxings and hands-free content. \u003c\/p\u003e\n                    \u003cdiv class=\"z3x-chip-wrap\"\u003e \u003cspan class=\"z3x-chip\"\u003e 🍰 Food \u003c\/span\u003e \u003cspan class=\"z3x-chip\"\u003e 📦\n                            Unboxing \u003c\/span\u003e \u003cspan class=\"z3x-chip\"\u003e ✈️ Travel \u003c\/span\u003e \u003cspan class=\"z3x-chip\"\u003e 🎥 Reels\n                        \u003c\/span\u003e \u003cspan class=\"z3x-chip\"\u003e 💻 Calls \u003c\/span\u003e \u003c\/div\u003e\n                \u003c\/div\u003e \u003cimg alt=\"Overhead shooting tripod\" class=\"z3x-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/5016\/9239\/files\/ChatGPT_Image_2026_8_13__15_20_43.png?v=1786605665\"\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e \u003c!-- ================= MAGNETIC ================= --\u003e\n    \u003csection class=\"z3x-section z3x-reveal z3x-visible\"\u003e\n        \u003cdiv class=\"z3x-card\"\u003e\n            \u003cdiv class=\"z3x-center\"\u003e\n                \u003ch2 class=\"z3x-heading\"\u003e Snap On. \u003cbr\u003e Set Up. \u003cspan class=\"z3x-gradient\"\u003e Start Shooting. \u003c\/span\u003e \u003c\/h2\u003e\n                \u003cp class=\"z3x-lead\"\u003e Magnetic attachment makes switching between handheld, extended and tripod shooting\n                    fast and simple. \u003c\/p\u003e\n            \u003c\/div\u003e \u003cimg alt=\"Magnetic mounting\" class=\"z3x-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/5016\/9239\/files\/18ab78364ab24c81ab331f5614259203_tplv-fhlh96nyum-crop-webp_1440_1440.webp?v=1786605509\" style=\"margin-top:24px;\"\u003e\n            \u003cdiv class=\"z3x-chip-wrap\" style=\"justify-content:center;\"\u003e \u003cspan class=\"z3x-chip\"\u003e 🧲 Magnetic \u003c\/span\u003e\n                \u003cspan class=\"z3x-chip\"\u003e 🔄 Adjustable \u003c\/span\u003e \u003cspan class=\"z3x-chip\"\u003e 📱 Phone Ready \u003c\/span\u003e \u003cspan class=\"z3x-chip\"\u003e ⚡ Quick Setup \u003c\/span\u003e \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e \u003c!-- ================= LIGHT ================= --\u003e\n    \u003csection class=\"z3x-section z3x-reveal z3x-visible\"\u003e\n        \u003cdiv class=\"z3x-card z3x-dark\"\u003e\n            \u003cdiv class=\"z3x-grid2\"\u003e\n                \u003cdiv\u003e\n                    \u003cdiv class=\"z3x-offer\"\u003e DAY → NIGHT \u003c\/div\u003e\n                    \u003ch2 class=\"z3x-heading\"\u003e Good Light \u003cbr\u003e Changes Everything. \u003c\/h2\u003e\n                    \u003cp style=\"margin-top:14px!important;\"\u003e Pair compatible versions with the magnetic fill light for\n                        better indoor clips, night content, selfies and close-ups. \u003c\/p\u003e\n                    \u003cp style=\"           font-size:12px;           color:#9ebbd6!important;           margin-top:14px!important;           \"\u003e\n                        *Fill light availability depends on the selected option. \u003c\/p\u003e\n                \u003c\/div\u003e \u003cimg alt=\"LED Fill Light\" class=\"z3x-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/5016\/9239\/files\/ChatGPT_Image_2026_8_13__15_09_16.png?v=1786605033\"\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e \u003c!-- ================= HOW IT WORKS ================= --\u003e\n    \u003csection class=\"z3x-section z3x-reveal z3x-visible\"\u003e\n        \u003cdiv class=\"z3x-card\"\u003e\n            \u003cdiv class=\"z3x-center\"\u003e\n                \u003cdiv class=\"z3x-offer\"\u003e EASY SETUP \u003c\/div\u003e\n                \u003ch2 class=\"z3x-heading\"\u003e Pocket to Shooting \u003cbr\u003e in Seconds. \u003c\/h2\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"z3x-steps\"\u003e\n                \u003cdiv class=\"z3x-step\"\u003e \u003cspan class=\"z3x-num\"\u003e 1 \u003c\/span\u003e\n                    \u003cdiv\u003e\n                        \u003ch3\u003e Snap On \u003c\/h3\u003e\n                        \u003cp\u003e Attach your compatible phone or magnetic ring. \u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"z3x-step\"\u003e \u003cspan class=\"z3x-num\"\u003e 2 \u003c\/span\u003e\n                    \u003cdiv\u003e\n                        \u003ch3\u003e Pick Your Mode \u003c\/h3\u003e\n                        \u003cp\u003e Grip, extend or unfold into tripod mode. \u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"z3x-step\"\u003e \u003cspan class=\"z3x-num\"\u003e 3 \u003c\/span\u003e\n                    \u003cdiv\u003e\n                        \u003ch3\u003e Frame \u0026amp; Shoot \u003c\/h3\u003e\n                        \u003cp\u003e Adjust your angle and zoom, then capture the moment. \u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e \u003cimg alt=\"Palm grip setup\" class=\"z3x-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/5016\/9239\/files\/2fbf38072e9046148056fb2c3485d0ab_tplv-fhlh96nyum-resize-webp_800_796.webp?v=1786605509\" style=\"margin-top:18px;\"\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e \u003c!-- ================= LIFESTYLE ================= --\u003e\n    \u003csection class=\"z3x-section z3x-reveal z3x-visible\"\u003e\n        \u003cdiv class=\"z3x-card\"\u003e\n            \u003cdiv class=\"z3x-center\"\u003e\n                \u003ch2 class=\"z3x-heading\"\u003e The Camera Accessory \u003cbr\u003e You'll Actually Carry. \u003c\/h2\u003e\n                \u003cp class=\"z3x-lead\"\u003e Compact for everyday carry. Versatile enough for restaurants, vacations, family\n                    photos, events and spontaneous content. \u003c\/p\u003e\n            \u003c\/div\u003e \u003cimg alt=\"Portable selfie grip\" class=\"z3x-media\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0731\/5016\/9239\/files\/d3058d2b7fb342a7a39a4452db55dca9_tplv-fhlh96nyum-resize-webp_800_800.webp?v=1786605508\" style=\"margin-top:24px;\"\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e \u003c!-- ================= SPECS ================= --\u003e\n    \u003csection class=\"z3x-section z3x-reveal z3x-visible\"\u003e\n        \u003cdiv class=\"z3x-card\"\u003e\n            \u003cdiv class=\"z3x-center\"\u003e\n                \u003cdiv class=\"z3x-offer\"\u003e PRODUCT DETAILS \u003c\/div\u003e\n                \u003ch2 class=\"z3x-heading\"\u003e Small Enough to Carry. \u003cbr\u003e Ready When You Need It. \u003c\/h2\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"z3x-specs\"\u003e\n                \u003cdiv class=\"z3x-spec\"\u003e\n                    \u003cdiv\u003e Product \u003c\/div\u003e\n                    \u003cdiv\u003e Magnetic Palm Grip \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"z3x-spec\"\u003e\n                    \u003cdiv\u003e Modes \u003c\/div\u003e\n                    \u003cdiv\u003e Grip \/ Selfie Stick \/ Tripod \/ Stand \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"z3x-spec\"\u003e\n                    \u003cdiv\u003e Mount \u003c\/div\u003e\n                    \u003cdiv\u003e Magnetic \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"z3x-spec\"\u003e\n                    \u003cdiv\u003e Control \u003c\/div\u003e\n                    \u003cdiv\u003e Integrated Zoom Adjustment \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"z3x-spec\"\u003e\n                    \u003cdiv\u003e Rotation \u003c\/div\u003e\n                    \u003cdiv\u003e Adjustable Positioning \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"z3x-spec\"\u003e\n                    \u003cdiv\u003e Folded Size \u003c\/div\u003e\n                    \u003cdiv\u003e Approx. 11.5 cm \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"z3x-spec\"\u003e\n                    \u003cdiv\u003e Weight \u003c\/div\u003e\n                    \u003cdiv\u003e Approx. 175 g \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e \u003c!-- ================= TRUST ================= --\u003e\n    \u003csection class=\"z3x-section z3x-reveal z3x-visible\"\u003e\n        \u003cdiv class=\"z3x-card\"\u003e\n            \u003cdiv class=\"z3x-center\"\u003e\n                \u003ch2 class=\"z3x-heading\"\u003e Designed for \u003cspan class=\"z3x-gradient\"\u003e Real Everyday Shooting. \u003c\/span\u003e \u003c\/h2\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"z3x-trust\"\u003e\n                \u003cdiv class=\"z3x-trust-box\"\u003e\n                    \u003cdiv class=\"z3x-trust-icon\"\u003e 🎒 \u003c\/div\u003e \u003cstrong\u003e Travel Friendly \u003c\/strong\u003e \u003cspan\u003e Compact folding\n                        design for everyday carry. \u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"z3x-trust-box\"\u003e\n                    \u003cdiv class=\"z3x-trust-icon\"\u003e ⚡ \u003c\/div\u003e \u003cstrong\u003e Fast Setup \u003c\/strong\u003e \u003cspan\u003e Switch shooting modes\n                        without bulky equipment. \u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"z3x-trust-box\"\u003e\n                    \u003cdiv class=\"z3x-trust-icon\"\u003e 📸 \u003c\/div\u003e \u003cstrong\u003e More Angles \u003c\/strong\u003e \u003cspan\u003e Handheld, extended,\n                        tabletop and overhead. \u003c\/span\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/section\u003e \u003c!-- ================= FINAL CTA ================= --\u003e\n\u003c\/div\u003e","brand":"mysite","offers":[{"title":"Grip Only (No Ring Light)","offer_id":69635922984994,"sku":"BOF100003-E","price":26.98,"currency_code":"USD","in_stock":true},{"title":"With Ring Light","offer_id":69635923017762,"sku":"BOF100003-E+BOF100003-F","price":29.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0746\/6391\/9650\/files\/ChatGPT_Image_2026_8_14__10_49_57.png?v=1793858365","url":"https:\/\/moxyna.com\/products\/products-zoomable-magnetic-palm-grip","provider":"moxyna","version":"1.0","type":"link"}