{"product_id":"anti-drop-strap","title":"The Ultimate Anti-Drop Phone Strap","description":"\u003csection class=\"hm-landing\"\u003e\n\u003cdiv class=\"hm-shell\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"hm-hero\"\u003e\n\u003cdiv class=\"hm-hero__content\"\u003e\n\u003cspan class=\"hm-eyebrow\"\u003eOutdoor Phone Tether\u003c\/span\u003e\n\u003ch1\u003eTake the Shot — Not the Risk\u003c\/h1\u003e\n\u003cp class=\"hm-sub\"\u003eClip it on. Pull it out. Let it snap back. Your phone stays secure — even in motion.\u003c\/p\u003e\n\u003cdiv class=\"hm-hero__badges\"\u003e\n\u003cspan\u003eClip anywhere\u003c\/span\u003e \u003cspan\u003eRetracts automatically\u003c\/span\u003e \u003cspan\u003eWorks with all phones\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-hero__actions\"\u003e\n\u003ca class=\"hm-btn hm-btn--primary\" href=\"\/products\/holdmate-anti-drop-strap\"\u003eShop Now\u003c\/a\u003e \u003ca class=\"hm-btn hm-btn--ghost\" href=\"#hm-scenes\"\u003eSee It in Action\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-hero__media\"\u003e\u003cimg alt=\"Holdmate hero visual\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1035\/7548\/6796\/files\/openart-image_1775636501635_a423a84b_1775636501932_241ab6bc.png?v=1775636627\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- HOW IT WORKS --\u003e\n\u003csection class=\"hm-section hm-how\"\u003e\n\u003cdiv class=\"hm-section__head hm-section__head--center\"\u003e\n\u003cspan class=\"hm-kicker\"\u003eHow it works\u003c\/span\u003e\n\u003ch2\u003eClip It. Use It. Forget About It.\u003c\/h2\u003e\n\u003cp\u003eNo setup. No hassle. Just works.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-how__grid\"\u003e\n\u003cdiv class=\"hm-step\"\u003e\n\u003cdiv class=\"hm-step__num\"\u003e01\u003c\/div\u003e\n\u003ch3\u003eClip\u003c\/h3\u003e\n\u003cp\u003eAttach it to your jacket, backpack, or belt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-step\"\u003e\n\u003cdiv class=\"hm-step__num\"\u003e02\u003c\/div\u003e\n\u003ch3\u003ePull\u003c\/h3\u003e\n\u003cp\u003eGrab your phone whenever you need it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-step\"\u003e\n\u003cdiv class=\"hm-step__num\"\u003e03\u003c\/div\u003e\n\u003ch3\u003eRelease\u003c\/h3\u003e\n\u003cp\u003eLet go — it retracts instantly out of your way.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-how__demo\"\u003e\u003cimg alt=\"How Holdmate works\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1035\/7548\/6796\/files\/4_8_1.gif?v=1775644785\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- SCENES --\u003e\n\u003csection id=\"hm-scenes\" class=\"hm-section hm-scenes\"\u003e\n\u003cdiv class=\"hm-section__head\"\u003e\n\u003cspan class=\"hm-kicker\"\u003eBuilt for movement\u003c\/span\u003e\n\u003ch2\u003eFrom Extreme Moments to Everyday Use\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-scene hm-scene--split\"\u003e\n\u003cdiv class=\"hm-scene__media\"\u003e\u003cimg alt=\"Hiking with Holdmate\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1035\/7548\/6796\/files\/4_8_hike_1.gif?v=1775640547\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hm-scene__content\"\u003e\n\u003cspan class=\"hm-tag\"\u003eHiking\u003c\/span\u003e\n\u003ch3\u003eAlways Within Reach — Never in Your Way\u003c\/h3\u003e\n\u003cp\u003eClipped to your backpack strap, your phone is always right there. Check maps. Take photos. Capture the moment.\u003c\/p\u003e\n\u003cul class=\"hm-list\"\u003e\n\u003cli\u003eNo digging through pockets\u003c\/li\u003e\n\u003cli\u003eFast access on the move\u003c\/li\u003e\n\u003cli\u003eSecure while hiking or travelling\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-scene hm-scene--split hm-scene--reverse\"\u003e\n\u003cdiv class=\"hm-scene__media\"\u003e\u003cimg alt=\"Skiing with Holdmate\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1035\/7548\/6796\/files\/4_8.gif?v=1775640604\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hm-scene__content\"\u003e\n\u003cspan class=\"hm-tag\"\u003eSkiing\u003c\/span\u003e\n\u003ch3\u003eSecure Even When You’re Not\u003c\/h3\u003e\n\u003cp\u003eOn the lift, on the slope, or mid-motion — your phone stays attached. Take selfies, film freely, and let go without thinking twice.\u003c\/p\u003e\n\u003cul class=\"hm-list\"\u003e\n\u003cli\u003eSafe on lifts and slopes\u003c\/li\u003e\n\u003cli\u003eQuick selfies and filming\u003c\/li\u003e\n\u003cli\u003eSnaps right back into place\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-everyday\"\u003e\n\u003cdiv class=\"hm-everyday__inner\"\u003e\n\u003cspan class=\"hm-kicker\"\u003eEveryday use\u003c\/span\u003e\n\u003ch3\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1035\/7548\/6796\/files\/openart-image_1775641802398_cc3107a5_1775641802474_cd523684.png?v=1775641858\"\u003e\u003c\/h3\u003e\n\u003ch3\u003eBuilt for Extreme Moments. Perfect for Everyday Use.\u003c\/h3\u003e\n\u003cp\u003eWalking through the city. Commuting. Travelling. Taking photos on the go. This keeps your phone secure — without getting in your way.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- PRODUCT ANATOMY --\u003e\n\u003csection class=\"hm-section hm-anatomy\"\u003e\n\u003cdiv class=\"hm-anatomy__grid\"\u003e\n\u003cdiv class=\"hm-anatomy__media\"\u003e\u003cimg alt=\"Holdmate anatomy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1035\/7548\/6796\/files\/openart-image_1775635248998_e0c88555_1775635249053_2a189f89.png?v=1775636627\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hm-anatomy__content\"\u003e\n\u003cspan class=\"hm-kicker\"\u003eMaterials \u0026amp; design\u003c\/span\u003e\n\u003ch2\u003eMore Than a Strap — A Smarter System\u003c\/h2\u003e\n\u003cdiv class=\"hm-featurecards\"\u003e\n\u003cdiv class=\"hm-featurecard\"\u003e\n\u003ch3\u003eRetractable Cord\u003c\/h3\u003e\n\u003cp\u003eExtends when needed and stays out of your way when not in use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-featurecard\"\u003e\n\u003ch3\u003eSecure Clip\u003c\/h3\u003e\n\u003cp\u003eHands-free attachment for jackets, packs, belts, and more.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-featurecard\"\u003e\n\u003ch3\u003eAlways Connected\u003c\/h3\u003e\n\u003cp\u003eDesigned to move with you — not against you.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPARISON --\u003e\n\u003csection class=\"hm-section hm-compare\"\u003e\n\u003cdiv class=\"hm-section__head hm-section__head--center\"\u003e\n\u003cspan class=\"hm-kicker\"\u003eComparison\u003c\/span\u003e\n\u003ch2\u003eWhy This Beats a Regular Strap\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-compare__grid\"\u003e\n\u003cdiv class=\"hm-compare__card hm-compare__card--muted\"\u003e\n\u003ch3\u003eRegular Strap\u003c\/h3\u003e\n\u003cul class=\"hm-checklist hm-checklist--bad\"\u003e\n\u003cli\u003eAlways hanging loose\u003c\/li\u003e\n\u003cli\u003eGets in your way\u003c\/li\u003e\n\u003cli\u003eOnly wrist use\u003c\/li\u003e\n\u003cli\u003eFeels annoying\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-compare__card hm-compare__card--highlight\"\u003e\n\u003ch3\u003eThis System\u003c\/h3\u003e\n\u003cul class=\"hm-checklist hm-checklist--good\"\u003e\n\u003cli\u003eRetracts automatically\u003c\/li\u003e\n\u003cli\u003eStays out of your way\u003c\/li\u003e\n\u003cli\u003eClip anywhere\u003c\/li\u003e\n\u003cli\u003eFeels effortless\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- REVIEWS --\u003e\n\u003csection class=\"hm-section hm-reviews\"\u003e\n\u003cdiv class=\"hm-section__head hm-section__head--center\"\u003e\n\u003cspan class=\"hm-kicker\"\u003eReviews\u003c\/span\u003e\n\u003ch2\u003ePeople Who Won’t Go Without It\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-reviews__grid\"\u003e\n\u003cdiv class=\"hm-review\"\u003e\n\u003cdiv class=\"hm-stars\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1035\/7548\/6796\/files\/17756410371911.png?v=1775648610\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hm-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp\u003e“Finally, I can take photos on the trail without that constant ‘what if I drop it’ anxiety. The tether is surprisingly strong, and the retraction is snappy but controlled. It’s become a permanent part of my hiking kit—I don’t even notice it’s there until I need it.”\u003c\/p\u003e\n\u003cp\u003e\u003cb data-path-to-node=\"2,0\" data-index-in-node=\"267\"\u003e— Jake R. | Outdoor Photographer\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-review\"\u003e\n\u003cdiv class=\"hm-stars\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1035\/7548\/6796\/files\/17756480561183.png?v=1775648605\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hm-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp\u003e“I used to fumble with my phone on the lift or mid-slope, always terrified it would end up buried in the snow. This tether solved that overnight. Even with thick gloves on, it’s easy to grab, and the clip stays rock-solid on my jacket. It’s a total game-changer for filming runs.”\u003c\/p\u003e\n\u003cp\u003e\u003cb data-path-to-node=\"4,0\" data-index-in-node=\"281\"\u003e— Sarah M. | Avid Skier\u003c\/b\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-review\"\u003e\n\u003cdiv class=\"hm-stars\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1035\/7548\/6796\/files\/17756480738752.png?v=1775648606\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"hm-stars\"\u003e★★★★★\u003c\/div\u003e\n\u003cp\u003e“Built much tougher than those cheap office badge reels. I use it for everything from weekend backpacking to daily commutes. It keeps my phone secure and right where I need it, especially when I’m juggling gear or bags. Solid build quality that actually holds up to real use.”\u003c\/p\u003e\n\u003cp\u003e\u003cb data-path-to-node=\"6,0\" data-index-in-node=\"277\"\u003e— Jessica D. | Gear Enthusiast\u003c\/b\u003e\u003c\/p\u003e\n\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- GUARANTEE --\u003e\n\u003csection class=\"hm-section hm-guarantee\"\u003e\n\u003cdiv class=\"hm-guarantee__box\"\u003e\n\u003cspan class=\"hm-kicker\"\u003eRisk-free\u003c\/span\u003e\n\u003ch2\u003eTry It Risk-Free\u003c\/h2\u003e\n\u003cp\u003eIf you don’t love it, we’ll refund you. No questions asked.\u003c\/p\u003e\n\u003cdiv class=\"hm-guarantee__badges\"\u003e\n\u003cspan\u003e90-day guarantee\u003c\/span\u003e \u003cspan\u003eFast shipping\u003c\/span\u003e \u003cspan\u003eEasy returns\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- FAQ --\u003e\n\u003csection class=\"hm-section hm-faq\"\u003e\n\u003cdiv class=\"hm-section__head hm-section__head--center\"\u003e\n\u003cspan class=\"hm-kicker\"\u003eFAQ\u003c\/span\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hm-faq__list\"\u003e\n\u003cdetails open=\"\"\u003e\n\u003csummary\u003eWill it fit my phone?\u003c\/summary\u003e\n\u003cp\u003eYes — it works with almost all smartphones and cases.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails open=\"\"\u003e\n\u003csummary\u003eWill it get in the way?\u003c\/summary\u003e\n\u003cp\u003eNo — it retracts automatically when not in use.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails open=\"\"\u003e\n\u003csummary\u003eIs it strong enough?\u003c\/summary\u003e\n\u003cp\u003eYes — it’s designed for real movement and daily use.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails open=\"\"\u003e\n\u003csummary\u003eCan I still charge my phone?\u003c\/summary\u003e\n\u003cp\u003eYes — it doesn’t block your charging port.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n  .hm-landing {\n    --bg: #f6f7f8;\n    --card: #ffffff;\n    --text: #111111;\n    --muted: #626872;\n    --line: #dfe4ea;\n    --soft: #eef3f7;\n    --accent: #d9eaf7;\n    --accent-strong: #b8d7f0;\n    --radius-lg: 28px;\n    --radius-md: 20px;\n    --radius-sm: 14px;\n    --shadow: 0 10px 30px rgba(17, 17, 17, 0.06);\n    background: linear-gradient(180deg, #f8f9fa 0%, #f3f5f7 100%);\n    color: var(--text);\n    padding: 32px 16px 80px;\n  }\n\n  .hm-shell {\n    max-width: 1240px;\n    margin: 0 auto;\n  }\n\n  .hm-section {\n    margin-top: 84px;\n  }\n\n  .hm-section__head {\n    margin-bottom: 28px;\n  }\n\n  .hm-section__head--center {\n    text-align: center;\n    max-width: 760px;\n    margin: 0 auto 28px;\n  }\n\n  .hm-eyebrow,\n  .hm-kicker,\n  .hm-tag {\n    display: inline-block;\n    font-size: 12px;\n    line-height: 1;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    color: #4c5a68;\n    background: #eaf1f7;\n    border: 1px solid #d7e3ee;\n    border-radius: 999px;\n    padding: 10px 12px;\n    margin-bottom: 16px;\n  }\n\n  .hm-tag {\n    margin-bottom: 14px;\n  }\n\n  .hm-landing h1,\n  .hm-landing h2,\n  .hm-landing h3,\n  .hm-landing p {\n    margin: 0;\n  }\n\n  .hm-landing h1 {\n    font-size: clamp(40px, 6vw, 72px);\n    line-height: 0.95;\n    letter-spacing: -0.04em;\n    font-weight: 800;\n  }\n\n  .hm-landing h2 {\n    font-size: clamp(30px, 4vw, 48px);\n    line-height: 1;\n    letter-spacing: -0.03em;\n    font-weight: 800;\n  }\n\n  .hm-landing h3 {\n    font-size: clamp(24px, 3vw, 32px);\n    line-height: 1.08;\n    letter-spacing: -0.02em;\n    font-weight: 700;\n  }\n\n  .hm-landing p,\n  .hm-landing li,\n  .hm-landing summary {\n    font-size: 17px;\n    line-height: 1.65;\n    color: var(--muted);\n  }\n\n  .hm-sub {\n    max-width: 560px;\n    margin-top: 18px !important;\n    font-size: 20px !important;\n    color: #2a3138 !important;\n  }\n\n  .hm-hero {\n    display: grid;\n    grid-template-columns: 1.05fr 0.95fr;\n    gap: 44px;\n    align-items: center;\n    padding: 42px;\n    border-radius: 36px;\n    background:\n      radial-gradient(circle at top left, #ffffff 0%, #f4f7fa 38%, #eef3f7 100%);\n    box-shadow: var(--shadow);\n    overflow: hidden;\n  }\n\n  .hm-hero__badges,\n  .hm-guarantee__badges {\n    display: flex;\n    gap: 10px;\n    flex-wrap: wrap;\n    margin-top: 22px;\n  }\n\n  .hm-hero__badges span,\n  .hm-guarantee__badges span {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(255,255,255,0.84);\n    border: 1px solid var(--line);\n    border-radius: 999px;\n    padding: 10px 14px;\n    color: #33404c;\n    font-size: 14px;\n    line-height: 1;\n  }\n\n  .hm-hero__actions {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n    margin-top: 26px;\n  }\n\n  .hm-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 50px;\n    padding: 0 20px;\n    border-radius: 999px;\n    text-decoration: none;\n    font-weight: 700;\n    transition: 0.25s ease;\n  }\n\n  .hm-btn--primary {\n    background: #111111;\n    color: #ffffff;\n  }\n\n  .hm-btn--primary:hover {\n    background: #000000;\n    transform: translateY(-1px);\n  }\n\n  .hm-btn--ghost {\n    border: 1px solid var(--line);\n    color: #1f2a33;\n    background: rgba(255,255,255,0.7);\n  }\n\n  .hm-btn--ghost:hover {\n    background: #ffffff;\n  }\n\n  .hm-hero__media img,\n  .hm-how__demo img,\n  .hm-scene__media img,\n  .hm-anatomy__media img {\n    width: 100%;\n    display: block;\n    border-radius: 24px;\n  }\n\n  .hm-how__grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 18px;\n    margin-bottom: 28px;\n  }\n\n  .hm-step,\n  .hm-featurecard,\n  .hm-review {\n    background: rgba(255,255,255,0.82);\n    border: 1px solid var(--line);\n    border-radius: var(--radius-md);\n    padding: 24px;\n    box-shadow: var(--shadow);\n  }\n\n  .hm-step__num {\n    width: 42px;\n    height: 42px;\n    border-radius: 999px;\n    display: grid;\n    place-items: center;\n    font-size: 13px;\n    font-weight: 800;\n    background: #111111;\n    color: #ffffff;\n    margin-bottom: 14px;\n  }\n\n  .hm-step h3,\n  .hm-featurecard h3 {\n    margin-bottom: 8px;\n  }\n\n  .hm-how__demo {\n    max-width: 560px;\n    margin: 0 auto;\n  }\n\n  .hm-scene {\n    margin-top: 28px;\n  }\n\n  .hm-scene--split {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 30px;\n    align-items: center;\n    background: rgba(255,255,255,0.62);\n    border: 1px solid var(--line);\n    border-radius: 30px;\n    padding: 26px;\n    box-shadow: var(--shadow);\n  }\n\n  .hm-scene--reverse .hm-scene__media {\n    order: 2;\n  }\n\n  .hm-scene--reverse .hm-scene__content {\n    order: 1;\n  }\n\n  .hm-scene__content h3 {\n    margin-bottom: 14px;\n  }\n\n  .hm-scene__content p {\n    margin-bottom: 16px;\n    max-width: 520px;\n  }\n\n  .hm-list,\n  .hm-checklist {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .hm-list li,\n  .hm-checklist li {\n    position: relative;\n    padding-left: 28px;\n    margin: 10px 0;\n  }\n\n  .hm-list li::before,\n  .hm-checklist--good li::before,\n  .hm-checklist--bad li::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 11px;\n    width: 10px;\n    height: 10px;\n    border-radius: 999px;\n  }\n\n  .hm-list li::before,\n  .hm-checklist--good li::before {\n    background: #59c48b;\n  }\n\n  .hm-checklist--bad li::before {\n    background: #b6bcc5;\n  }\n\n  .hm-everyday {\n    margin-top: 28px;\n  }\n\n  .hm-everyday__inner,\n  .hm-guarantee__box {\n    text-align: center;\n    border-radius: 32px;\n    padding: 42px 28px;\n    background: linear-gradient(135deg, #101418 0%, #1d2730 100%);\n    color: #ffffff;\n    box-shadow: var(--shadow);\n  }\n\n  .hm-everyday__inner .hm-kicker,\n  .hm-guarantee__box .hm-kicker {\n    color: #dce8f2;\n    background: rgba(255,255,255,0.08);\n    border-color: rgba(255,255,255,0.16);\n  }\n\n  .hm-everyday__inner h3,\n  .hm-guarantee__box h2,\n  .hm-everyday__inner p,\n  .hm-guarantee__box p {\n    color: #ffffff;\n  }\n\n  .hm-everyday__inner p,\n  .hm-guarantee__box p {\n    max-width: 720px;\n    margin: 14px auto 0 !important;\n    color: rgba(255,255,255,0.82);\n  }\n\n  .hm-anatomy__grid {\n    display: grid;\n    grid-template-columns: 0.95fr 1.05fr;\n    gap: 30px;\n    align-items: center;\n  }\n\n  .hm-anatomy__media {\n    background: rgba(255,255,255,0.7);\n    border: 1px solid var(--line);\n    border-radius: 30px;\n    padding: 18px;\n    box-shadow: var(--shadow);\n  }\n\n  .hm-featurecards {\n    display: grid;\n    gap: 16px;\n    margin-top: 20px;\n  }\n\n  .hm-compare__grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 18px;\n  }\n\n  .hm-compare__card {\n    border-radius: 28px;\n    padding: 28px;\n    border: 1px solid var(--line);\n    box-shadow: var(--shadow);\n  }\n\n  .hm-compare__card h3 {\n    margin-bottom: 16px;\n  }\n\n  .hm-compare__card--muted {\n    background: rgba(255,255,255,0.66);\n  }\n\n  .hm-compare__card--highlight {\n    background: linear-gradient(180deg, #eef6fc 0%, #e4eff8 100%);\n    border-color: #cfe0ee;\n  }\n\n  .hm-reviews__grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 18px;\n  }\n\n  .hm-stars {\n    margin-bottom: 10px;\n    font-size: 18px;\n    letter-spacing: 0.08em;\n  }\n\n  .hm-review span {\n    display: inline-block;\n    margin-top: 14px;\n    font-size: 13px;\n    font-weight: 700;\n    color: #42505d;\n    background: #eef3f7;\n    border-radius: 999px;\n    padding: 8px 10px;\n  }\n\n  .hm-faq__list {\n    max-width: 860px;\n    margin: 0 auto;\n    display: grid;\n    gap: 14px;\n  }\n\n  .hm-faq__list details {\n    background: rgba(255,255,255,0.82);\n    border: 1px solid var(--line);\n    border-radius: 18px;\n    padding: 18px 20px;\n    box-shadow: var(--shadow);\n  }\n\n  .hm-faq__list summary {\n    list-style: none;\n    cursor: pointer;\n    font-weight: 700;\n    color: #161d24;\n    padding-right: 28px;\n    position: relative;\n  }\n\n  .hm-faq__list summary::-webkit-details-marker {\n    display: none;\n  }\n\n  .hm-faq__list summary::after {\n    content: \"+\";\n    position: absolute;\n    right: 0;\n    top: 0;\n    font-size: 24px;\n    line-height: 1;\n    color: #4b5865;\n  }\n\n  .hm-faq__list details[open] summary::after {\n    content: \"–\";\n  }\n\n  .hm-faq__list details p {\n    margin-top: 12px !important;\n  }\n\n  @media (max-width: 990px) {\n    .hm-hero,\n    .hm-anatomy__grid,\n    .hm-scene--split,\n    .hm-compare__grid,\n    .hm-reviews__grid,\n    .hm-how__grid {\n      grid-template-columns: 1fr;\n    }\n\n    .hm-scene--reverse .hm-scene__media,\n    .hm-scene--reverse .hm-scene__content {\n      order: initial;\n    }\n\n    .hm-hero {\n      padding: 28px;\n    }\n  }\n\n  @media (max-width: 640px) {\n    .hm-landing {\n      padding: 18px 12px 56px;\n    }\n\n    .hm-section {\n      margin-top: 56px;\n    }\n\n    .hm-hero,\n    .hm-scene--split,\n    .hm-anatomy__media,\n    .hm-compare__card,\n    .hm-everyday__inner,\n    .hm-guarantee__box {\n      border-radius: 22px;\n    }\n\n    .hm-step,\n    .hm-featurecard,\n    .hm-review {\n      padding: 18px;\n    }\n\n    .hm-hero__actions {\n      flex-direction: column;\n    }\n\n    .hm-btn {\n      width: 100%;\n    }\n  }\n  \/* 🔥 强制桌面端也用单列（核心修复） *\/\n@media (min-width: 991px) {\n\n  .hm-hero,\n  .hm-anatomy__grid,\n  .hm-scene--split,\n  .hm-compare__grid,\n  .hm-reviews__grid,\n  .hm-how__grid {\n    grid-template-columns: 1fr !important;\n  }\n\n  \/* 取消反转（否则顺序会错） *\/\n  .hm-scene--reverse .hm-scene__media,\n  .hm-scene--reverse .hm-scene__content {\n    order: initial !important;\n  }\n\n  \/* 限制整体宽度（关键） *\/\n  .hm-shell {\n    max-width: 640px;\n  }\n\n  \/* 居中所有模块 *\/\n  .hm-hero,\n  .hm-section,\n  .hm-anatomy__grid,\n  .hm-scene--split,\n  .hm-compare__grid,\n  .hm-reviews__grid,\n  .hm-how__grid {\n    max-width: 640px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  \/* 图片统一视觉（防止乱高） *\/\n  .hm-hero__media img,\n  .hm-how__demo img,\n  .hm-scene__media img,\n  .hm-anatomy__media img {\n    width: 100%;\n    max-width: 640px;\n    margin: 0 auto;\n  }\n\n  \/* 让卡片不要横着挤 *\/\n  .hm-how__grid,\n  .hm-reviews__grid {\n    gap: 16px;\n  }\n\n}\n\u003c\/style\u003e","brand":"billetwork","offers":[{"title":"BUY 2","offer_id":57211517731148,"sku":"CY-ANTIDRIP-2","price":38.99,"currency_code":"USD","in_stock":true},{"title":"BUY 1","offer_id":57211517698380,"sku":"CY-ANTIDRIP-1","price":28.99,"currency_code":"USD","in_stock":true},{"title":"BUY 3","offer_id":57211517763916,"sku":"CY-ANTIDRIP-3","price":48.99,"currency_code":"USD","in_stock":true},{"title":"BUY 4","offer_id":57211517796684,"sku":"CY-ANTIDRIP-4","price":58.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1035\/7548\/6796\/files\/openart-image_1775635481358_cb2427d2_1775635481428_371fea60.png?v=1775636627","url":"https:\/\/billetwork.com\/products\/anti-drop-strap","provider":"Billetwork","version":"1.0","type":"link"}