{"product_id":"cup-holder-organizer","title":"NEW HOT SALEπŸš— 50% OFF! Leather Car Cup Holder \u0026 Organizer","description":"\u003cstyle\u003e\n#dm-car-holder,\n#dm-car-holder *{box-sizing:border-box}\n\n#dm-car-holder{\n --dm-accent:#146fbe;\n --dm-accent-dark:#0d5a9e;\n --dm-ink:#17202b;\n --dm-muted:#657180;\n --dm-line:#e6e9ed;\n --dm-soft:#f6f9fc;\n --dm-soft2:#f8f8f6;\n --dm-green:#18794e;\n width:100%;\n background:#fff;\n color:var(--dm-ink);\n font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif;\n font-size:16px;\n line-height:1.6;\n -webkit-font-smoothing:antialiased;\n}\n\n#dm-car-holder img,\n#dm-car-holder video{\n display:block;\n width:100%;\n max-width:100%;\n border:0;\n}\n\n#dm-car-holder h2,\n#dm-car-holder h3,\n#dm-car-holder p{margin-top:0}\n\n#dm-car-holder .dm-wrap{\n width:min(100%,960px);\n margin:0 auto;\n padding:0 18px;\n}\n\n#dm-car-holder .dm-section{\n padding:58px 0;\n border-bottom:1px solid var(--dm-line);\n}\n\n#dm-car-holder .dm-soft{background:var(--dm-soft)}\n#dm-car-holder .dm-soft2{background:var(--dm-soft2)}\n#dm-car-holder .dm-center{text-align:center}\n\n#dm-car-holder h2{\n margin-bottom:12px;\n font-size:clamp(28px,4.6vw,40px);\n line-height:1.1;\n letter-spacing:-.03em;\n font-weight:800;\n color:inherit;\n}\n\n#dm-car-holder h3{\n margin-bottom:7px;\n font-size:18px;\n line-height:1.25;\n font-weight:800;\n color:inherit;\n}\n\n#dm-car-holder .dm-lead{\n max-width:680px;\n margin:0 auto;\n color:var(--dm-muted);\n font-size:17px;\n line-height:1.55;\n}\n\n\/* =========================\n 01 β€” TWO CORE PROBLEMS\n========================= *\/\n#dm-car-holder .dm-pain-grid{\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:18px;\n}\n\n#dm-car-holder .dm-pain-card{\n overflow:hidden;\n border:1px solid var(--dm-line);\n border-radius:18px;\n background:#fff;\n}\n\n#dm-car-holder .dm-pain-image{\n position:relative;\n overflow:hidden;\n background:#eef1f4;\n}\n\n#dm-car-holder .dm-pain-image img{\n aspect-ratio:4\/3;\n object-fit:cover;\n}\n\n#dm-car-holder .dm-pain-mark{\n position:absolute;\n left:14px;\n bottom:14px;\n width:30px;\n height:30px;\n display:grid;\n place-items:center;\n border:2px solid #fff;\n border-radius:50%;\n background:#e53935;\n color:#fff;\n font-size:15px;\n font-weight:900;\n box-shadow:0 3px 10px rgba(0,0,0,.16);\n}\n\n#dm-car-holder .dm-pain-copy{\n padding:18px 18px 20px;\n}\n\n#dm-car-holder .dm-pain-copy h3{\n margin-bottom:6px;\n font-size:20px;\n}\n\n#dm-car-holder .dm-pain-copy p{\n margin-bottom:0;\n color:var(--dm-muted);\n font-size:14px;\n line-height:1.55;\n}\n\n\/* =========================\n 02 β€” SOLUTION + VIDEO\n========================= *\/\n#dm-car-holder .dm-solution{\n padding:58px 0;\n text-align:center;\n}\n\n#dm-car-holder .dm-solution h2{\n max-width:760px;\n margin-left:auto;\n margin-right:auto;\n}\n\n#dm-car-holder .dm-video-shell{\n position:relative;\n max-width:820px;\n margin:28px auto 0;\n overflow:hidden;\n border-radius:18px;\n background:#111;\n box-shadow:0 14px 34px rgba(18,24,32,.13);\n}\n\n#dm-car-holder .dm-video-shell video{\n aspect-ratio:16\/9;\n object-fit:cover;\n background:#111;\n cursor:pointer;\n}\n\n#dm-car-holder .dm-video-controls{\n position:absolute;\n left:14px;\n right:14px;\n bottom:14px;\n display:flex;\n justify-content:space-between;\n gap:10px;\n pointer-events:none;\n}\n\n#dm-car-holder [hidden]{display:none!important}\n\n#dm-car-holder .dm-video-btn{\n appearance:none;\n -webkit-appearance:none;\n pointer-events:auto;\n display:inline-flex;\n align-items:center;\n gap:7px;\n min-height:40px;\n padding:9px 13px;\n border:1px solid rgba(255,255,255,.35)!important;\n border-radius:999px;\n background:rgba(10,14,19,.78)!important;\n color:#fff!important;\n font:inherit;\n font-size:13px;\n line-height:1;\n font-weight:750;\n text-transform:none;\n cursor:pointer;\n backdrop-filter:blur(6px);\n -webkit-backdrop-filter:blur(6px);\n}\n\n#dm-car-holder .dm-video-btn svg{\n width:16px;\n height:16px;\n flex:0 0 16px;\n}\n\n\/* =========================\n 03 β€” STATIC BEFORE \/ AFTER\n========================= *\/\n#dm-car-holder .dm-compare-wrap{\n max-width:820px;\n margin:28px auto 0;\n}\n\n#dm-car-holder .dm-compare-grid{\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:12px;\n}\n\n#dm-car-holder .dm-compare-card{\n overflow:hidden;\n border:1px solid var(--dm-line);\n border-radius:18px;\n background:#fff;\n}\n\n#dm-car-holder .dm-compare-media{\n position:relative;\n overflow:hidden;\n background:#eef2f5;\n}\n\n#dm-car-holder .dm-compare-media img{\n aspect-ratio:4\/3;\n object-fit:cover;\n}\n\n#dm-car-holder .dm-compare-label{\n position:absolute;\n left:12px;\n top:12px;\n display:inline-flex;\n align-items:center;\n min-height:27px;\n padding:5px 9px;\n border-radius:999px;\n background:rgba(255,255,255,.93);\n color:#263241;\n font-size:11px;\n line-height:1;\n font-weight:850;\n letter-spacing:.05em;\n text-transform:uppercase;\n box-shadow:0 3px 12px rgba(0,0,0,.10);\n}\n\n#dm-car-holder .dm-compare-copy{\n padding:15px 16px 17px;\n}\n\n#dm-car-holder .dm-compare-copy h3{\n margin:0;\n font-size:18px;\n}\n\n\/* =========================\n 04 β€” THREE RESULTS\n========================= *\/\n#dm-car-holder .dm-benefit-grid{\n display:grid;\n grid-template-columns:repeat(3,minmax(0,1fr));\n gap:14px;\n margin-top:28px;\n}\n\n#dm-car-holder .dm-benefit-card{\n min-width:0;\n padding:22px 20px;\n border:1px solid var(--dm-line);\n border-radius:16px;\n background:#fff;\n}\n\n#dm-car-holder .dm-benefit-icon{\n width:38px;\n height:38px;\n display:grid;\n place-items:center;\n margin-bottom:14px;\n border-radius:50%;\n background:#eaf3fb;\n color:var(--dm-accent-dark);\n}\n\n#dm-car-holder .dm-benefit-icon svg{\n width:20px;\n height:20px;\n}\n\n#dm-car-holder .dm-benefit-card p{\n margin-bottom:0;\n color:var(--dm-muted);\n font-size:14px;\n line-height:1.55;\n}\n\n\/* =========================\n 05 β€” 3 TYPE GUIDE\n========================= *\/\n#dm-car-holder .dm-type-grid{\n display:grid;\n grid-template-columns:repeat(3,minmax(0,1fr));\n gap:14px;\n margin-top:30px;\n}\n\n#dm-car-holder .dm-type-card{\n min-width:0;\n padding:22px;\n border:1px solid var(--dm-line);\n border-radius:18px;\n background:#fff;\n}\n\n#dm-car-holder .dm-type-num{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n min-width:30px;\n height:30px;\n margin-bottom:14px;\n padding:0 9px;\n border-radius:999px;\n background:#eaf3fb;\n color:var(--dm-accent-dark);\n font-size:12px;\n line-height:1;\n font-weight:850;\n}\n\n#dm-car-holder .dm-type-card h3{\n margin-bottom:8px;\n font-size:19px;\n}\n\n#dm-car-holder .dm-type-use{\n margin:0 0 12px;\n color:var(--dm-ink);\n font-size:14px;\n line-height:1.5;\n font-weight:750;\n}\n\n#dm-car-holder .dm-type-detail{\n margin:0;\n color:var(--dm-muted);\n font-size:14px;\n line-height:1.55;\n}\n\n\/* =========================\n 06 β€” FAQ\n========================= *\/\n#dm-car-holder .dm-faq{\n max-width:820px;\n margin:26px auto 0;\n border-top:1px solid var(--dm-line);\n}\n\n#dm-car-holder .dm-faq details{\n border-bottom:1px solid var(--dm-line);\n background:transparent;\n}\n\n#dm-car-holder .dm-faq summary{\n position:relative;\n padding:18px 38px 18px 2px;\n list-style:none;\n cursor:pointer;\n color:var(--dm-ink);\n font-size:15px;\n font-weight:800;\n line-height:1.4;\n}\n\n#dm-car-holder .dm-faq summary::-webkit-details-marker{display:none}\n\n#dm-car-holder .dm-faq summary::after{\n content:\"\";\n position:absolute;\n top:50%;\n right:6px;\n width:9px;\n height:9px;\n border-right:2px solid var(--dm-accent);\n border-bottom:2px solid var(--dm-accent);\n transform:translateY(-65%) rotate(45deg);\n transition:transform .2s ease;\n}\n\n#dm-car-holder .dm-faq details[open] summary::after{\n transform:translateY(-25%) rotate(-135deg);\n}\n\n#dm-car-holder .dm-answer{\n padding:0 34px 18px 2px;\n color:var(--dm-muted);\n font-size:14px;\n line-height:1.6;\n}\n\n\/* =========================\n 07 β€” FINAL CTA\n========================= *\/\n#dm-car-holder .dm-dark{\n background:#121820;\n color:#fff;\n}\n\n#dm-car-holder .dm-final{\n padding-top:60px;\n padding-bottom:60px;\n text-align:center;\n}\n\n#dm-car-holder .dm-dark h2{color:#fff}\n\n#dm-car-holder .dm-final p{\n max-width:620px;\n margin:0 auto;\n color:rgba(255,255,255,.76);\n font-size:15px;\n line-height:1.55;\n}\n\n#dm-car-holder .dm-btn{\n appearance:none;\n -webkit-appearance:none;\n display:inline-flex;\n align-items:center;\n justify-content:center;\n min-height:52px;\n margin:24px 0 0;\n padding:13px 26px;\n border:0!important;\n border-radius:12px;\n background:var(--dm-accent)!important;\n color:#fff!important;\n font:inherit;\n font-size:16px;\n line-height:1.2;\n font-weight:800;\n text-decoration:none!important;\n cursor:pointer;\n box-shadow:0 8px 20px rgba(20,111,190,.20);\n transition:background .18s ease,transform .18s ease;\n}\n\n#dm-car-holder .dm-btn:hover{\n background:var(--dm-accent-dark)!important;\n transform:translateY(-1px);\n}\n\n#dm-car-holder .dm-btn:focus-visible{\n outline:3px solid rgba(20,111,190,.25);\n outline-offset:3px;\n}\n\n@media(max-width:760px){\n #dm-car-holder .dm-wrap{padding:0 15px}\n #dm-car-holder .dm-section,\n #dm-car-holder .dm-solution{padding:44px 0}\n #dm-car-holder .dm-lead{font-size:16px}\n #dm-car-holder .dm-benefit-grid,\n #dm-car-holder .dm-type-grid{grid-template-columns:1fr}\n #dm-car-holder .dm-benefit-card,\n #dm-car-holder .dm-type-card{padding:19px 18px}\n #dm-car-holder .dm-btn{width:100%}\n #dm-car-holder .dm-video-shell{border-radius:14px}\n}\n\n@media(max-width:520px){\n #dm-car-holder .dm-section,\n #dm-car-holder .dm-solution{padding:38px 0}\n #dm-car-holder h2{font-size:28px}\n #dm-car-holder .dm-pain-grid{gap:10px}\n #dm-car-holder .dm-pain-card{border-radius:14px}\n #dm-car-holder .dm-pain-copy{padding:14px 12px 16px}\n #dm-car-holder .dm-pain-copy h3{font-size:16px}\n #dm-car-holder .dm-pain-copy p{font-size:12px;line-height:1.45}\n #dm-car-holder .dm-pain-mark{left:9px;bottom:9px;width:26px;height:26px;font-size:13px}\n #dm-car-holder .dm-video-controls{left:10px;right:10px;bottom:10px}\n #dm-car-holder .dm-compare-grid{gap:8px}\n #dm-car-holder .dm-compare-card{border-radius:14px}\n #dm-car-holder .dm-compare-copy{padding:12px 10px 14px}\n #dm-car-holder .dm-compare-copy h3{font-size:15px}\n #dm-car-holder .dm-compare-label{left:8px;top:8px;min-height:24px;padding:4px 8px;font-size:10px}\n #dm-car-holder .dm-benefit-grid,\n #dm-car-holder .dm-type-grid{gap:10px;margin-top:22px}\n #dm-car-holder .dm-final{padding-top:48px;padding-bottom:48px}\n}\n\n@media(prefers-reduced-motion:reduce){\n #dm-car-holder .dm-btn{transition:none}\n}\n\u003c\/style\u003e\n\n\u003csection id=\"dm-car-holder\" class=\"dm-page\"\u003e\n\n \u003c!-- 01 β€” TWO CORE PROBLEMS --\u003e\n \u003cdiv class=\"dm-section\"\u003e\n \u003cdiv class=\"dm-wrap\"\u003e\n \u003cdiv class=\"dm-pain-grid\"\u003e\n\n \u003carticle class=\"dm-pain-card\"\u003e\n \u003cdiv class=\"dm-pain-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0979\/9394\/9555\/files\/aa_1000112.png?v=1789121134\u0026amp;width=960\" srcset=\"\n https:\/\/cdn.shopify.com\/s\/files\/1\/0979\/9394\/9555\/files\/aa_1000112.png?v=1789121134\u0026amp;width=480 480w,\n https:\/\/cdn.shopify.com\/s\/files\/1\/0979\/9394\/9555\/files\/aa_1000112.png?v=1789121134\u0026amp;width=760 760w,\n https:\/\/cdn.shopify.com\/s\/files\/1\/0979\/9394\/9555\/files\/aa_1000112.png?v=1789121134\u0026amp;width=960 960w\" sizes=\"(max-width:520px) 47vw, 460px\" width=\"800\" height=\"600\" decoding=\"async\" loading=\"lazy\" alt=\"Large bottle taking up a built-in car cup holder\"\u003e\n \u003cspan class=\"dm-pain-mark\"\u003e!\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dm-pain-copy\"\u003e\n \u003ch3\u003eNot Enough Cup Space\u003c\/h3\u003e\n \u003cp\u003eYour bottle takes the cup holder, leaving nowhere convenient for another drink.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"dm-pain-card\"\u003e\n \u003cdiv class=\"dm-pain-image\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0979\/9394\/9555\/files\/aa_1000312.png?v=1789121158\u0026amp;width=960\" srcset=\"\n https:\/\/cdn.shopify.com\/s\/files\/1\/0979\/9394\/9555\/files\/aa_1000312.png?v=1789121158\u0026amp;width=480 480w,\n https:\/\/cdn.shopify.com\/s\/files\/1\/0979\/9394\/9555\/files\/aa_1000312.png?v=1789121158\u0026amp;width=760 760w,\n https:\/\/cdn.shopify.com\/s\/files\/1\/0979\/9394\/9555\/files\/aa_1000312.png?v=1789121158\u0026amp;width=960 960w\" sizes=\"(max-width:520px) 47vw, 460px\" width=\"800\" height=\"600\" decoding=\"async\" loading=\"lazy\" alt=\"Crowded car center console\"\u003e\n \u003cspan class=\"dm-pain-mark\"\u003e!\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dm-pain-copy\"\u003e\n \u003ch3\u003eToo Much Console Clutter\u003c\/h3\u003e\n \u003cp\u003eDrinks and everyday essentials quickly compete for the same limited space.\u003c\/p\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 02 β€” SOLUTION + VIDEO --\u003e\n \u003cdiv class=\"dm-solution\"\u003e\n \u003cdiv class=\"dm-wrap\"\u003e\n \u003ch2\u003eAdd Extra Space Right Where You Need It\u003c\/h2\u003e\n \u003cp class=\"dm-lead\"\u003eKeep your drink or everyday essentials close without crowding your center console.\u003c\/p\u003e\n\n \u003cdiv class=\"dm-video-shell\"\u003e\n \u003cvideo data-dm-video loop muted playsinline controls preload=\"none\"\u003e\n \u003csource data-dm-src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/86ac407f596847fca45c049e3326397d.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\n \u003cdiv class=\"dm-video-controls\" hidden\u003e\n \u003cbutton class=\"dm-video-btn\" data-dm-play type=\"button\" aria-label=\"Play video\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"\u003e\n \u003cpath data-dm-play-icon d=\"M8 5v14l11-7z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003cspan data-dm-play-text\u003ePlay\u003c\/span\u003e\n \u003c\/button\u003e\n\n \u003cbutton class=\"dm-video-btn\" data-dm-mute type=\"button\" aria-label=\"Unmute video\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M4 9v6h4l5 4V5L8 9H4zm11.5 3c0-1.77-1-3.29-2.5-4.03v8.05A4.46 4.46 0 0 1 15.5 12zm0-7.07v2.06A7.01 7.01 0 0 1 19 12a7.01 7.01 0 0 1-3.5 5.01v2.06A8.99 8.99 0 0 0 21 12a8.99 8.99 0 0 0-5.5-7.07z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003cspan data-dm-mute-text\u003eMuted\u003c\/span\u003e\n \u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 03 β€” ONE CLEAR BEFORE \/ AFTER --\u003e\n \u003cdiv class=\"dm-section\"\u003e\n \u003cdiv class=\"dm-wrap\"\u003e\n \u003cdiv class=\"dm-center\"\u003e\n \u003ch2\u003eSee the Difference\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"dm-compare-wrap\"\u003e\n \u003cdiv class=\"dm-compare-grid\"\u003e\n\n \u003carticle class=\"dm-compare-card\"\u003e\n \u003cdiv class=\"dm-compare-media\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0979\/9394\/9555\/files\/aa_1000112_69c543e0-9ff9-4823-9281-beab01336079.png?v=1789122220\u0026amp;width=960\" width=\"800\" height=\"600\" decoding=\"async\" loading=\"lazy\" alt=\"Car cup space before adding the holder\"\u003e\n \u003cspan class=\"dm-compare-label\"\u003eBefore\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dm-compare-copy\"\u003e\n \u003ch3\u003eLimited Cup Space\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"dm-compare-card\"\u003e\n \u003cdiv class=\"dm-compare-media\"\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0979\/9394\/9555\/files\/aa_1000612322.png?v=1789122233\u0026amp;width=960\" width=\"800\" height=\"600\" decoding=\"async\" loading=\"lazy\" alt=\"Car cup space after adding the holder\"\u003e\n \u003cspan class=\"dm-compare-label\"\u003eAfter\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"dm-compare-copy\"\u003e\n \u003ch3\u003eExtra Space Within Reach\u003c\/h3\u003e\n \u003c\/div\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 04 β€” THREE RESULTS --\u003e\n \u003cdiv class=\"dm-section dm-soft\"\u003e\n \u003cdiv class=\"dm-wrap\"\u003e\n \u003cdiv class=\"dm-center\"\u003e\n \u003ch2\u003eMore Useful Space for Everyday Drives\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"dm-benefit-grid\"\u003e\n\n \u003carticle class=\"dm-benefit-card\"\u003e\n \u003cdiv class=\"dm-benefit-icon\" aria-hidden=\"true\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M8 3h8l-1 18H9L8 3z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 7h6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3\u003eDrink Within Reach\u003c\/h3\u003e\n \u003cp\u003eKeep a drink close instead of relying on your built-in cup space for everything.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"dm-benefit-card\"\u003e\n \u003cdiv class=\"dm-benefit-icon\" aria-hidden=\"true\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M4 7h16\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M6 7l1 13h10l1-13\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 11h6\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3\u003eFree Up Your Console\u003c\/h3\u003e\n \u003cp\u003eGive drinks or small essentials their own spot instead of crowding the center console.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"dm-benefit-card\"\u003e\n \u003cdiv class=\"dm-benefit-icon\" aria-hidden=\"true\"\u003e\n \u003csvg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\n \u003cpath d=\"M5 5h14v14H5z\"\u003e\u003c\/path\u003e\n \u003cpath d=\"M9 9h6v6H9z\"\u003e\u003c\/path\u003e\n \u003c\/svg\u003e\n \u003c\/div\u003e\n \u003ch3\u003eBackseat Cup Spot\u003c\/h3\u003e\n \u003cp\u003eGive passengers a convenient place for a drink when your car doesn’t already have one.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 05 β€” 3 TYPE BUYING GUIDE --\u003e\n \u003cdiv class=\"dm-section dm-soft2\" id=\"dm-style-guide\"\u003e\n \u003cdiv class=\"dm-wrap\"\u003e\n \u003cdiv class=\"dm-center\"\u003e\n \u003ch2\u003eChoose the Right Style for Your Car\u003c\/h2\u003e\n \u003cp class=\"dm-lead\"\u003ePick the option based on what you want to hold and where you want to place it.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"dm-type-grid\"\u003e\n\n \u003carticle class=\"dm-type-card\"\u003e\n \u003cspan class=\"dm-type-num\"\u003e01\u003c\/span\u003e\n \u003ch3\u003eClip-On Cup Holder\u003c\/h3\u003e\n \u003cp class=\"dm-type-use\"\u003eFor drinks near a suitable pocket edge.\u003c\/p\u003e\n \u003cp class=\"dm-type-detail\"\u003eSlide the clip over a suitable door-pocket or front-seat-back pocket edge.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"dm-type-card\"\u003e\n \u003cspan class=\"dm-type-num\"\u003e02\u003c\/span\u003e\n \u003ch3\u003eBig Clip-On Cup Holder\u003c\/h3\u003e\n \u003cp class=\"dm-type-use\"\u003eFor small everyday essentials.\u003c\/p\u003e\n \u003cp class=\"dm-type-detail\"\u003eThe clip-on storage box gives keys, sunglasses, cards and other small items an easy-reach spot.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003carticle class=\"dm-type-card\"\u003e\n \u003cspan class=\"dm-type-num\"\u003e03\u003c\/span\u003e\n \u003ch3\u003eHook-and-Loop Cup Holder\u003c\/h3\u003e\n \u003cp class=\"dm-type-use\"\u003eFor drinks on a suitable flat interior panel.\u003c\/p\u003e\n \u003cp class=\"dm-type-detail\"\u003eAttach the hook-and-loop fastener to a clean, suitable flat panel, then press the holder into place.\u003c\/p\u003e\n \u003c\/article\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 06 β€” FAQ --\u003e\n \u003cdiv class=\"dm-section\"\u003e\n \u003cdiv class=\"dm-wrap\"\u003e\n \u003cdiv class=\"dm-center\"\u003e\n \u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"dm-faq\"\u003e\n\n \u003cdetails\u003e\n \u003csummary\u003eWhich style should I choose?\u003c\/summary\u003e\n \u003cdiv class=\"dm-answer\"\u003eChoose the Clip-On Cup Holder for a drink near a suitable pocket edge, the Big Clip-On Cup Holder for small-item storage, or the Hook-and-Loop Cup Holder for a drink on a suitable flat interior panel.\u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails\u003e\n \u003csummary\u003eWhat’s the difference between Clip-On and Big Clip-On?\u003c\/summary\u003e\n \u003cdiv class=\"dm-answer\"\u003eThe Clip-On Cup Holder is for a drink. The Big Clip-On option is the clip-on storage box for smaller essentials such as keys, sunglasses and cards.\u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails\u003e\n \u003csummary\u003eWhere can I install it?\u003c\/summary\u003e\n \u003cdiv class=\"dm-answer\"\u003eThe clip-on styles use a suitable door-pocket or front-seat-back pocket edge. The hook-and-loop style attaches to a clean, suitable flat interior panel.\u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails\u003e\n \u003csummary\u003eDo I need tools to install it?\u003c\/summary\u003e\n \u003cdiv class=\"dm-answer\"\u003eNo drilling is needed. Clip the holder onto a suitable pocket edge or attach the hook-and-loop style to a suitable flat surface.\u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003cdetails\u003e\n \u003csummary\u003eCan I remove it after installing it?\u003c\/summary\u003e\n \u003cdiv class=\"dm-answer\"\u003eYes. Lift the clip-on style off the pocket edge, or separate the hook-and-loop holder from its fastener.\u003c\/div\u003e\n \u003c\/details\u003e\n\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- 07 β€” FINAL CTA --\u003e\n \u003cdiv class=\"dm-dark\"\u003e\n \u003cdiv class=\"dm-wrap dm-final\"\u003e\n \u003ch2\u003eAdd More Useful Space to Your Car\u003c\/h2\u003e\n \u003cp\u003eChoose the style that fits where you want extra drink space or easy-reach storage.\u003c\/p\u003e\n \u003cbutton class=\"dm-btn\" data-dm-buy type=\"button\"\u003eChoose Your Style\u003c\/button\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003cscript\u003e\n(function () {\n 'use strict';\n\n function initialize() {\n document.querySelectorAll('#dm-car-holder').forEach(function (root) {\n if (root.dataset.dmReady === '1') return;\n root.dataset.dmReady = '1';\n\n \/* =========================\n PURCHASE AREA LOOKUP ONLY\n Shopify purchase area is left untouched.\n ========================= *\/\n\n function visible(el) {\n if (!el || root.contains(el)) return false;\n\n var box = el.getBoundingClientRect();\n var style = window.getComputedStyle(el);\n\n return (\n box.width \u003e 0 \u0026\u0026\n box.height \u003e 0 \u0026\u0026\n style.display !== 'none' \u0026\u0026\n style.visibility !== 'hidden'\n );\n }\n\n function getProductHost() {\n return root.closest('product-info, .product, .shopify-section') || document;\n }\n\n \/* =========================\n FINAL CTA β†’ PURCHASE AREA\n ========================= *\/\n\n function findPurchaseArea() {\n var host = getProductHost();\n var selectors = [\n 'variant-selects',\n 'variant-radios',\n '.product-form__input',\n '.variant-input-wrap',\n '.selector-wrapper',\n '[data-product-option]',\n '[data-option-selector]',\n 'select[name^=\"options\"]',\n 'form[action*=\"\/cart\/add\"]',\n 'product-form',\n '.product-form'\n ].join(',');\n\n var matches = Array.from(host.querySelectorAll(selectors)).filter(visible);\n\n if (!matches.length) {\n matches = Array.from(document.querySelectorAll(selectors)).filter(visible);\n }\n\n matches.sort(function (a, b) {\n return a.getBoundingClientRect().top - b.getBoundingClientRect().top;\n });\n\n return matches[0] || document.querySelector('.product__info-container, .product__info-wrapper');\n }\n\n root.addEventListener('click', function (event) {\n var button = event.target.closest('[data-dm-buy]');\n if (!button || !root.contains(button)) return;\n\n event.preventDefault();\n\n var target = findPurchaseArea();\n\n if (!target) {\n window.scrollTo({ top:0, behavior:'smooth' });\n return;\n }\n\n var header = document.querySelector('sticky-header, .shopify-section-header-sticky, header');\n var headerHeight = header ? Math.min(header.getBoundingClientRect().height, 140) : 0;\n\n window.scrollTo({\n top:Math.max(0, window.scrollY + target.getBoundingClientRect().top - headerHeight - 24),\n behavior:'smooth'\n });\n });\n\n \/* =========================\n VIDEO CONTROLS + LAZY LOAD\n ========================= *\/\n\n root.querySelectorAll('.dm-video-shell').forEach(function (shell) {\n var video = shell.querySelector('video[data-dm-video]');\n if (!video) return;\n\n var controls = shell.querySelector('.dm-video-controls');\n var play = controls \u0026\u0026 controls.querySelector('[data-dm-play]');\n var mute = controls \u0026\u0026 controls.querySelector('[data-dm-mute]');\n\n if (!controls || !play || !mute) return;\n\n var playText = play.querySelector('[data-dm-play-text]');\n var playIcon = play.querySelector('[data-dm-play-icon]');\n var muteText = mute.querySelector('[data-dm-mute-text]');\n var source = video.querySelector('source[data-dm-src]');\n var manuallyPaused = false;\n\n if (!playText || !playIcon || !muteText) return;\n\n function loadVideo() {\n if (!source) return;\n source.src = source.getAttribute('data-dm-src');\n source.removeAttribute('data-dm-src');\n video.preload = 'metadata';\n video.load();\n source = null;\n }\n\n function sync() {\n var paused = video.paused;\n\n playText.textContent = paused ? 'Play' : 'Pause';\n playIcon.setAttribute('d', paused ? 'M8 5v14l11-7z' : 'M7 5h4v14H7zm6 0h4v14h-4z');\n play.setAttribute('aria-label', paused ? 'Play video' : 'Pause video');\n\n muteText.textContent = video.muted ? 'Muted' : 'Sound On';\n mute.setAttribute('aria-label', video.muted ? 'Unmute video' : 'Mute video');\n }\n\n function tryPlay() {\n loadVideo();\n var attempt = video.play();\n if (attempt \u0026\u0026 attempt.catch) attempt.catch(sync);\n }\n\n function togglePlay() {\n if (video.paused) {\n manuallyPaused = false;\n tryPlay();\n } else {\n manuallyPaused = true;\n video.pause();\n }\n sync();\n }\n\n play.addEventListener('click', function (event) {\n event.preventDefault();\n togglePlay();\n });\n\n mute.addEventListener('click', function (event) {\n event.preventDefault();\n video.muted = !video.muted;\n sync();\n });\n\n video.addEventListener('click', togglePlay);\n ['play','pause','ended','volumechange'].forEach(function (name) {\n video.addEventListener(name, sync);\n });\n\n video.removeAttribute('controls');\n controls.hidden = false;\n sync();\n\n if ('IntersectionObserver' in window) {\n var warmup = new IntersectionObserver(function (entries) {\n if (entries[0].isIntersecting) {\n loadVideo();\n warmup.disconnect();\n }\n }, {\n rootMargin:'120px 0px',\n threshold:0\n });\n\n warmup.observe(shell);\n\n var playback = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting \u0026\u0026 entry.intersectionRatio \u003e= .35) {\n if (video.paused \u0026\u0026 video.muted \u0026\u0026 !manuallyPaused) tryPlay();\n } else if (!entry.isIntersecting || entry.intersectionRatio \u003c .35) {\n if (!video.paused) video.pause();\n if (!entry.isIntersecting) manuallyPaused = false;\n }\n });\n }, {\n threshold:[0,.35]\n });\n\n playback.observe(shell);\n } else {\n loadVideo();\n if (video.muted) tryPlay();\n }\n });\n });\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initialize, { once:true });\n } else {\n initialize();\n }\n\n document.addEventListener('shopify:section:load', initialize);\n})();\n\u003c\/script\u003e","brand":"Home \u0026 Garden","offers":[{"title":"Clip-On Cup Holder \/ White","offer_id":48069579702450,"sku":"X112260911CUPH-WHITE-CLIP-1PC","price":120.0,"currency_code":"HKD","in_stock":true},{"title":"Clip-On Cup Holder \/ Black","offer_id":48069579735218,"sku":"X112260911CUPH-BLACK-CLIP-1PC","price":120.0,"currency_code":"HKD","in_stock":true},{"title":"Clip-On Cup Holder \/ Orange","offer_id":48069579767986,"sku":"X112260911CUPH-ORANGE-CLIP-1PC","price":120.0,"currency_code":"HKD","in_stock":true},{"title":"Clip-On Cup Holder \/ Red","offer_id":48069579800754,"sku":"X112260911CUPH-RED-CLIP-1PC","price":120.0,"currency_code":"HKD","in_stock":true},{"title":"Clip-On Cup Holder \/ Brown","offer_id":48069579833522,"sku":"X112260911CUPH-BROWN-CLIP-1PC","price":120.0,"currency_code":"HKD","in_stock":true},{"title":"Big Clip-On Cup Holder \/ White","offer_id":48069579866290,"sku":"X112260911CUPH-WHITE-BOX-1PC","price":184.0,"currency_code":"HKD","in_stock":true},{"title":"Big Clip-On Cup Holder \/ Black","offer_id":48069579899058,"sku":"X112260911CUPH-BLACK-BOX-1PC","price":184.0,"currency_code":"HKD","in_stock":true},{"title":"Big Clip-On Cup Holder \/ Orange","offer_id":48069579931826,"sku":"X112260911CUPH-ORANGE-BOX-1PC","price":184.0,"currency_code":"HKD","in_stock":true},{"title":"Big Clip-On Cup Holder \/ Red","offer_id":48069579964594,"sku":"X112260911CUPH-RED-BOX-1PC","price":184.0,"currency_code":"HKD","in_stock":true},{"title":"Big Clip-On Cup Holder \/ Brown","offer_id":48069579997362,"sku":"X112260911CUPH-BROWN-BOX-1PC","price":184.0,"currency_code":"HKD","in_stock":true},{"title":"Hook-and-Loop Cup Holder \/ White","offer_id":48069580030130,"sku":"X112260911CUPH-WHITE-VELC-1PC","price":119.0,"currency_code":"HKD","in_stock":true},{"title":"Hook-and-Loop Cup Holder \/ Black","offer_id":48069580062898,"sku":"X112260911CUPH-BLACK-VELC-1PC","price":119.0,"currency_code":"HKD","in_stock":true},{"title":"Hook-and-Loop Cup Holder \/ Orange","offer_id":48069580095666,"sku":"X112260911CUPH-ORANGE-VELC-1PC","price":119.0,"currency_code":"HKD","in_stock":true},{"title":"Hook-and-Loop Cup Holder \/ Red","offer_id":48069580128434,"sku":"X112260911CUPH-RED-VELC-1PC","price":119.0,"currency_code":"HKD","in_stock":true},{"title":"Hook-and-Loop Cup Holder \/ Brown","offer_id":48069580161202,"sku":"X112260911CUPH-BROWN-VELC-1PC","price":119.0,"currency_code":"HKD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0792\/9780\/6514\/files\/2_c6903e6f-d61f-459b-b95e-03f9538c7f23.png?v=1789641031","url":"https:\/\/glidekivo.com\/products\/cup-holder-organizer","provider":"GlideKivo","version":"1.0","type":"link"}