{"product_id":"multifunctional-car-door-storage-pocket-5-colors-available","title":"🚗 Car Door Organizer Pocket — More Space,Less Clutter","description":"\u003c!-- =========================================================\n  RUVARSTAKI\n  CAR DOOR ORGANIZER POCKET\n  CONVERSION EDITORIAL V6 FINAL\n\n  SHRINE THEME PRO 1.6.2\n\n  - Consistent horizontal alignment\n  - Equal-height Before \/ After comparison\n  - 6 product \/ lifestyle images\n  - 7 review image carousel\n  - Mobile-first\n========================================================= --\u003e\n\n\u003cdiv id=\"rv-door-pocket-v6\"\u003e\n\u003cdiv class=\"rv6-inner\"\u003e\n\u003c!-- =====================================================\n         01 HERO\n    ====================================================== --\u003e\n\u003csection class=\"rv6-section rv6-hero\"\u003e\n\u003cdiv class=\"rv6-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e\n        SMARTER IN-CAR STORAGE\n      \u003c\/div\u003e\n\u003ch2\u003e\n        More Storage.\n        \u003cem\u003eLess Car Clutter.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp class=\"rv6-lead\"\u003e\n        Give your drink, phone and everyday essentials\n        a dedicated spot right by your side — without\n        taking over your seats or center console.\n      \u003c\/p\u003e\n\u003cdiv class=\"rv6-hero-benefits\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e01\u003c\/b\u003e\n\u003cspan\u003eEasy-Reach Storage\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e02\u003c\/b\u003e\n\u003cspan\u003eSpace-Saving Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e03\u003c\/b\u003e\n\u003cspan\u003eInterior-Friendly Look\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         HERO IMAGE\n    ====================================================== --\u003e\n\u003cdiv class=\"rv6-media-wrap\"\u003e\n\u003cfigure class=\"rv6-main-image\"\u003e\n\u003cimg alt=\"Car door organizer adding extra storage\" decoding=\"async\" loading=\"eager\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0886\/3327\/8745\/files\/car-door-detail-01.png?v=1788953981\"\u003e\n\u003cfigcaption\u003e\n\u003cspan\u003e\u003c\/span\u003e\n          EXTRA STORAGE WITHOUT THE BULK\n        \u003c\/figcaption\u003e\n\u003c\/figure\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n         02 PAIN\n    ====================================================== --\u003e\n\u003csection class=\"rv6-section rv6-pain\"\u003e\n\u003cdiv class=\"rv6-label\"\u003e\n        LESS CLUTTER. MORE CONVENIENCE.\n      \u003c\/div\u003e\n\u003ch3\u003e\n        Stop Letting Everyday Essentials\n        \u003cem\u003eEnd Up All Over the Car.\u003c\/em\u003e\n\u003c\/h3\u003e\n\u003cp\u003e\n        Phones, drinks and small essentials quickly clutter your car.\n        Give the things you reach for most one dedicated spot.\n      \u003c\/p\u003e\n\u003cdiv class=\"rv6-pain-list\"\u003e\n\u003cdiv\u003e\n\u003cspan\u003e×\u003c\/span\u003e\n\u003cstrong\u003eCrowded Cup Holders\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e×\u003c\/span\u003e\n\u003cstrong\u003eLoose Phones \u0026amp; Essentials\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e×\u003c\/span\u003e\n\u003cstrong\u003eWasted Door Space\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         03 BEFORE \/ AFTER\n    ====================================================== --\u003e\n\u003csection class=\"rv6-section rv6-compare\"\u003e\n\u003cdiv class=\"rv6-label\"\u003e\n        THE SIMPLE DIFFERENCE\n      \u003c\/div\u003e\n\u003ch3\u003e\n        From Scattered\n        \u003cem\u003eto Within Reach.\u003c\/em\u003e\n\u003c\/h3\u003e\n\u003cdiv class=\"rv6-compare-grid\"\u003e\n\u003c!-- BEFORE --\u003e\n\u003cdiv class=\"rv6-compare-card rv6-before\"\u003e\n\u003cdiv class=\"rv6-compare-copy\"\u003e\n\u003cspan class=\"rv6-state\"\u003e\n              BEFORE\n            \u003c\/span\u003e\n\u003cstrong class=\"rv6-compare-title\"\u003e\n              Loose \u0026amp; Cluttered\n            \u003c\/strong\u003e\n\u003cul\u003e\n\u003cli\u003eLoose items\u003c\/li\u003e\n\u003cli\u003eCrowded cup holders\u003c\/li\u003e\n\u003cli\u003eHarder to find\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- AFTER --\u003e\n\u003cdiv class=\"rv6-compare-card rv6-after\"\u003e\n\u003cdiv class=\"rv6-compare-copy\"\u003e\n\u003cspan class=\"rv6-state\"\u003e\n              WITH THE ORGANIZER\n            \u003c\/span\u003e\n\u003cstrong class=\"rv6-compare-title\"\u003e\n              Organized \u0026amp; Easy to Reach\n            \u003c\/strong\u003e\n\u003cul\u003e\n\u003cli\u003eDedicated storage\u003c\/li\u003e\n\u003cli\u003eQuick access\u003c\/li\u003e\n\u003cli\u003eCleaner-looking interior\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rv6-image\"\u003e\n\u003cimg alt=\"Car interior before and after organization\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0886\/3327\/8745\/files\/car-door-detail-02.png\"\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         04 CORE SOLUTION\n    ====================================================== --\u003e\n\u003csection class=\"rv6-section\"\u003e\n\u003cdiv class=\"rv6-chapter\"\u003e\n\u003cb\u003e01\u003c\/b\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\u003csmall\u003e\n          SPACE-SAVING STORAGE\n        \u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003e\n        Turn Empty Door Space\n        \u003cem\u003eInto Useful Storage.\u003c\/em\u003e\n\u003c\/h3\u003e\n\u003cp\u003e\n        Add room for the things you use most without\n        giving up valuable seat or center-console space.\n      \u003c\/p\u003e\n\u003cdiv class=\"rv6-checks\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e✓\u003c\/b\u003e\n\u003cspan\u003eCompact door-side placement\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e✓\u003c\/b\u003e\n\u003cspan\u003eEssentials stay close at hand\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e✓\u003c\/b\u003e\n\u003cspan\u003ePreserves existing console space\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rv6-image\"\u003e\n\u003cimg alt=\"Car door organizer used for everyday storage\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0886\/3327\/8745\/files\/car-door-detail-03.png\"\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         05 REVIEW IMAGE CAROUSEL\n    ====================================================== --\u003e\n\u003csection class=\"rv6-reviews\"\u003e\n\u003cdiv class=\"rv6-review-heading\"\u003e\n\u003cdiv class=\"rv6-label\"\u003e\n          CUSTOMER REVIEWS\n        \u003c\/div\u003e\n\u003ch3\u003e\n          Small Upgrade.\n          \u003cem\u003eBig Everyday Difference.\u003c\/em\u003e\n\u003c\/h3\u003e\n\u003cp\u003e\n          See why drivers love having everyday essentials\n          right where they need them.\n        \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rv6-carousel\" data-rv6-carousel=\"\"\u003e\n\u003cdiv class=\"rv6-track\" data-rv6-track=\"\"\u003e\n\u003cdiv class=\"rv6-slide\"\u003e\n\u003cimg alt=\"Customer review of car door organizer\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0886\/3327\/8745\/files\/car-door-detail-04.png\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rv6-slide\"\u003e\n\u003cimg alt=\"Customer review of car storage pocket\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0886\/3327\/8745\/files\/car-door-detail-05.png\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rv6-slide\"\u003e\n\u003cimg alt=\"Car organizer customer feedback\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0886\/3327\/8745\/files\/car-door-detail-06.png\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rv6-slide\"\u003e\n\u003cimg alt=\"Customer feedback for car door storage pocket\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0886\/3327\/8745\/files\/car-door-detail-07.png\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rv6-slide\"\u003e\n\u003cimg alt=\"Car door organizer customer review\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0886\/3327\/8745\/files\/car-door-detail-08.png\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rv6-slide\"\u003e\n\u003cimg alt=\"Vehicle organizer customer review\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0886\/3327\/8745\/files\/car-door-detail-09.png\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rv6-slide\"\u003e\n\u003cimg alt=\"Car storage organizer customer feedback\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0886\/3327\/8745\/files\/car-door-detail-10.png\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CONTROLS --\u003e\n\u003cdiv class=\"rv6-carousel-controls\"\u003e\n\u003cdiv class=\"rv6-progress\"\u003e\n\u003cspan class=\"rv6-current\"\u003e05\u003c\/span\u003e\n\u003cspan class=\"rv6-progress-line\"\u003e\n\u003ci style=\"transform: translateX(400%);\"\u003e\u003c\/i\u003e\n\u003c\/span\u003e\n\u003cspan\u003e\n              07\n            \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rv6-arrows\"\u003e\n\u003cbutton aria-label=\"Previous review\" class=\"rv6-arrow\" data-rv6-prev=\"\" type=\"button\"\u003e\n              ←\n            \u003c\/button\u003e\n\u003cbutton aria-label=\"Next review\" class=\"rv6-arrow\" data-rv6-next=\"\" type=\"button\"\u003e\n              →\n            \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- DOTS --\u003e\n\u003cdiv class=\"rv6-dots\"\u003e\n\u003cbutton aria-label=\"Review 1\" class=\"rv6-dot\" data-index=\"0\" type=\"button\"\u003e\u003c\/button\u003e\n\u003cbutton aria-label=\"Review 2\" class=\"rv6-dot\" data-index=\"1\" type=\"button\"\u003e\u003c\/button\u003e\n\u003cbutton aria-label=\"Review 3\" class=\"rv6-dot\" data-index=\"2\" type=\"button\"\u003e\u003c\/button\u003e\n\u003cbutton aria-label=\"Review 4\" class=\"rv6-dot\" data-index=\"3\" type=\"button\"\u003e\u003c\/button\u003e\n\u003cbutton aria-label=\"Review 5\" class=\"rv6-dot active\" data-index=\"4\" type=\"button\"\u003e\u003c\/button\u003e\n\u003cbutton aria-label=\"Review 6\" class=\"rv6-dot\" data-index=\"5\" type=\"button\"\u003e\u003c\/button\u003e\n\u003cbutton aria-label=\"Review 7\" class=\"rv6-dot\" data-index=\"6\" type=\"button\"\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rv6-swipe\"\u003e\n          SWIPE TO SEE MORE REVIEWS\n        \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         06 QUALITY \/ DETAILS\n    ====================================================== --\u003e\n\u003csection class=\"rv6-section\"\u003e\n\u003cdiv class=\"rv6-chapter\"\u003e\n\u003cb\u003e02\u003c\/b\u003e\n\u003cspan\u003e\u003c\/span\u003e\n\u003csmall\u003e\n          THOUGHTFUL DETAILS\n        \u003c\/small\u003e\n\u003c\/div\u003e\n\u003ch3\u003e\n        Designed to Look Like\n        \u003cem\u003eIt Belongs There.\u003c\/em\u003e\n\u003c\/h3\u003e\n\u003cp\u003e\n        Practical storage should not make your interior\n        feel crowded with another bulky accessory.\n      \u003c\/p\u003e\n\u003cdiv class=\"rv6-details\"\u003e\n\u003cdiv\u003e\n\u003csmall\u003e01\u003c\/small\u003e\n\u003cstrong\u003e\n            Smooth PU Leather\n          \u003c\/strong\u003e\n\u003cp\u003e\n            Clean, refined appearance.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003e02\u003c\/small\u003e\n\u003cstrong\u003e\n            Finished Stitching\n          \u003c\/strong\u003e\n\u003cp\u003e\n            Neat detailing around the edges.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003csmall\u003e03\u003c\/small\u003e\n\u003cstrong\u003e\n            Wide-Access Pocket\n          \u003c\/strong\u003e\n\u003cp\u003e\n            Easy everyday access.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rv6-image\"\u003e\n\u003cimg alt=\"Car door organizer material and design details\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0886\/3327\/8745\/files\/car-door-detail-11.png\"\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         07 DARK USE CASE\n    ====================================================== --\u003e\n\u003cdiv class=\"rv6-dark-wrap\"\u003e\n\u003csection class=\"rv6-dark\"\u003e\n\u003cdiv class=\"rv6-dark-label\"\u003e\n          MADE FOR EVERYDAY DRIVES\n        \u003c\/div\u003e\n\u003ch3\u003e\n          One Pocket.\n          \u003cem\u003eMore Everyday Uses.\u003c\/em\u003e\n\u003c\/h3\u003e\n\u003cp\u003e\n          Keep your most-used items nearby instead of\n          filling your existing cup holders or console.\n        \u003c\/p\u003e\n\u003cdiv class=\"rv6-use-grid\"\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e🥤 Drinks\u003c\/strong\u003e\n\u003cspan\u003eCoffee, bottles and cups\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e📱 Phone\u003c\/strong\u003e\n\u003cspan\u003eA dedicated place when not in use\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e🕶 Sunglasses\u003c\/strong\u003e\n\u003cspan\u003eKeep them close at hand\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e🔑 Essentials\u003c\/strong\u003e\n\u003cspan\u003eKeys and smaller daily items\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rv6-dark-image\"\u003e\n\u003cimg alt=\"Car organizer holding everyday essentials\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0886\/3327\/8745\/files\/car-door-detail-12.png\"\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n         08 LIFESTYLE\n    ====================================================== --\u003e\n\u003csection class=\"rv6-section\"\u003e\n\u003cdiv class=\"rv6-label\"\u003e\n        BUILT FOR REAL-LIFE ROUTINES\n      \u003c\/div\u003e\n\u003ch3\u003e\n        Made for the Things\n        \u003cem\u003eYou Reach for Every Drive.\u003c\/em\u003e\n\u003c\/h3\u003e\n\u003cp\u003e\n        Morning coffee. Your phone. A water bottle.\n        Keep the everyday things you use most right beside you.\n      \u003c\/p\u003e\n\u003cdiv class=\"rv6-life\"\u003e\n\u003cspan\u003eDaily Commutes\u003c\/span\u003e\n\u003cspan\u003eCoffee Runs\u003c\/span\u003e\n\u003cspan\u003eRoad Trips\u003c\/span\u003e\n\u003cspan\u003eEveryday Errands\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"rv6-image\"\u003e\n\u003cimg alt=\"Car organizer used during everyday driving\" decoding=\"async\" loading=\"lazy\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0886\/3327\/8745\/files\/car-door-detail-13.png\"\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         09 INSTALLATION\n    ====================================================== --\u003e\n\u003csection class=\"rv6-section rv6-setup\"\u003e\n\u003cdiv class=\"rv6-label\"\u003e\n        SIMPLE SETUP\n      \u003c\/div\u003e\n\u003ch3\u003e\n        Position.\n        \u003cem\u003eSecure. Go.\u003c\/em\u003e\n\u003c\/h3\u003e\n\u003cp\u003e\n        Straightforward setup means no complicated\n        tools or permanent modification.\n      \u003c\/p\u003e\n\u003cdiv class=\"rv6-steps\"\u003e\n\u003cdiv\u003e\n\u003cb\u003e01\u003c\/b\u003e\n\u003cstrong\u003e\n            POSITION\n          \u003c\/strong\u003e\n\u003cspan\u003e\n            Choose a suitable door area.\n          \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e02\u003c\/b\u003e\n\u003cstrong\u003e\n            SECURE\n          \u003c\/strong\u003e\n\u003cspan\u003e\n            Fasten it securely in place.\n          \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cb\u003e03\u003c\/b\u003e\n\u003cstrong\u003e\n            LOAD \u0026amp; GO\n          \u003c\/strong\u003e\n\u003cspan\u003e\n            Add your everyday essentials.\n          \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         FIT NOTE\n    ====================================================== --\u003e\n\u003cdiv class=\"rv6-note-wrap\"\u003e\n\u003csection class=\"rv6-note\"\u003e\n\u003cspan\u003e\n          !\n        \u003c\/span\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e\n            Check Your Fit Before Ordering\n          \u003c\/strong\u003e\n\u003cp\u003e\n            Vehicle door shapes and available clearance vary.\n            Make sure the organizer does not interfere with handles,\n            switches, visibility or vehicle safety equipment.\n          \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n         FAQ\n    ====================================================== --\u003e\n\u003csection class=\"rv6-section rv6-faq-section\"\u003e\n\u003cdiv class=\"rv6-label\"\u003e\n        QUICK ANSWERS\n      \u003c\/div\u003e\n\u003ch3\u003e\n        Frequently Asked Questions\n      \u003c\/h3\u003e\n\u003cdiv class=\"rv6-faq\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n            Will it fit every car door?\n          \u003c\/summary\u003e\n\u003cp\u003e\n            Vehicle door designs vary. Check the available\n            mounting area and clearance before ordering.\n          \u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n            What can I keep inside?\n          \u003c\/summary\u003e\n\u003cp\u003e\n            Depending on item size, it can hold many everyday\n            cups, bottles, phones, sunglasses, keys and small essentials.\n          \u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n            Does it take up seat or console space?\n          \u003c\/summary\u003e\n\u003cp\u003e\n            It is designed to use suitable door-side space\n            instead of taking over your seat or center console.\n          \u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n            What is the exterior made from?\n          \u003c\/summary\u003e\n\u003cp\u003e\n            The organizer features a PU leather exterior\n            with stitched finishing details.\n          \u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003e\n            What should I check before installation?\n          \u003c\/summary\u003e\n\u003cp\u003e\n            Make sure it sits securely and does not interfere\n            with handles, switches, visibility or safety equipment.\n          \u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         FINAL\n    ====================================================== --\u003e\n\u003cdiv class=\"rv6-final-wrap\"\u003e\n\u003csection class=\"rv6-final\"\u003e\n\u003cdiv class=\"rv6-final-label\"\u003e\n          A SMALLER MESS STARTS HERE\n        \u003c\/div\u003e\n\u003ch3\u003e\n          More Space.\n          \u003cem\u003eA More Organized Drive.\u003c\/em\u003e\n\u003c\/h3\u003e\n\u003cp\u003e\n          Give your phone, drinks and everyday essentials\n          a dedicated place right by your side.\n        \u003c\/p\u003e\n\u003cdiv class=\"rv6-final-points\"\u003e\n\u003cspan\u003eEasy-Reach Storage\u003c\/span\u003e\n\u003cspan\u003eCompact Design\u003c\/span\u003e\n\u003cspan\u003ePU Leather Finish\u003c\/span\u003e\n\u003cspan\u003eSimple Setup\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n\n\/* ============================================================\n   ROOT\n============================================================ *\/\n\n#rv-door-pocket-v6,\n#rv-door-pocket-v6 *,\n#rv-door-pocket-v6 *::before,\n#rv-door-pocket-v6 *::after {\n  box-sizing: border-box !important;\n}\n\n\n#rv-door-pocket-v6 {\n\n  --rv-heading: #19191d;\n  --rv-body: #444148;\n  --rv-muted: #716c72;\n\n  --rv-brown: #96583f;\n  --rv-brown-dark: #70412f;\n  --rv-caramel: #c17b59;\n\n  --rv-soft: #f6f4f3;\n  --rv-warm: #f1e8e3;\n\n  --rv-line: rgba(30,27,30,.12);\n\n  display: block !important;\n\n  width: 100% !important;\n  max-width: 100% !important;\n  min-width: 0 !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  overflow: hidden !important;\n\n  background: transparent !important;\n\n  color: var(--rv-heading);\n\n}\n\n\n\/* ============================================================\n   GLOBAL SAFE\n============================================================ *\/\n\n#rv-door-pocket-v6 section,\n#rv-door-pocket-v6 figure,\n#rv-door-pocket-v6 details {\n\n  display: block;\n\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n\n  margin-left: 0;\n  margin-right: 0;\n\n  float: none !important;\n  clear: both !important;\n\n}\n\n\n#rv-door-pocket-v6 img {\n\n  position: static !important;\n\n  display: block !important;\n\n  width: 100% !important;\n  max-width: 100% !important;\n  height: auto !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  float: none !important;\n\n}\n\n\n#rv-door-pocket-v6 h2,\n#rv-door-pocket-v6 h3,\n#rv-door-pocket-v6 p,\n#rv-door-pocket-v6 strong,\n#rv-door-pocket-v6 span,\n#rv-door-pocket-v6 li,\n#rv-door-pocket-v6 summary {\n\n  min-width: 0 !important;\n  max-width: 100% !important;\n\n  white-space: normal !important;\n\n  word-break: normal !important;\n\n  overflow-wrap: break-word !important;\n\n  hyphens: none !important;\n\n}\n\n\n\/* ============================================================\n   INNER \/ MASTER ALIGNMENT\n============================================================ *\/\n\n#rv-door-pocket-v6 .rv6-inner {\n\n  width: 100%;\n  max-width: 100%;\n\n  margin: 0 auto;\n\n  padding: 10px 0 28px;\n\n  overflow: hidden;\n\n}\n\n\n\/*\n  IMPORTANT:\n  ALL WHITE SECTIONS USE EXACT SAME SIDE PADDING\n*\/\n\n#rv-door-pocket-v6 .rv6-section {\n\n  width: 100%;\n\n  padding:\n    27px 8px;\n\n  border-bottom:\n    1px solid var(--rv-line);\n\n}\n\n\n\/* media uses exact same 8px alignment *\/\n\n#rv-door-pocket-v6 .rv6-media-wrap,\n#rv-door-pocket-v6 .rv6-dark-wrap,\n#rv-door-pocket-v6 .rv6-note-wrap,\n#rv-door-pocket-v6 .rv6-final-wrap {\n\n  width: 100%;\n\n  padding-left: 8px;\n  padding-right: 8px;\n\n}\n\n\n\/* ============================================================\n   TYPOGRAPHY\n============================================================ *\/\n\n#rv-door-pocket-v6 .rv6-eyebrow {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  margin-bottom: 10px;\n\n  color: var(--rv-brown-dark);\n\n  font-size: 9px;\n  line-height: 1.2;\n\n  font-weight: 850;\n\n  letter-spacing: .11em;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-eyebrow \u003e span {\n\n  width: 24px;\n  height: 2px;\n\n  flex: 0 0 24px;\n\n  background: var(--rv-brown);\n\n}\n\n\n#rv-door-pocket-v6 h2,\n#rv-door-pocket-v6 h3 {\n\n  margin: 0 !important;\n\n  color: var(--rv-heading);\n\n  font-family:\n    var(--font-heading-family),\n    var(--font-body-family),\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  font-weight: 830;\n\n  letter-spacing: -.035em;\n\n}\n\n\n#rv-door-pocket-v6 h2 {\n\n  font-size:\n    clamp(34px,6vw,48px);\n\n  line-height: 1.02;\n\n}\n\n\n#rv-door-pocket-v6 h3 {\n\n  font-size:\n    clamp(27px,5vw,37px);\n\n  line-height: 1.06;\n\n}\n\n\n#rv-door-pocket-v6 h2 em,\n#rv-door-pocket-v6 h3 em {\n\n  display: block;\n\n  margin-top: 2px;\n\n  color: var(--rv-brown);\n\n  font-style: normal;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-label {\n\n  display: block;\n\n  margin-bottom: 8px;\n\n  color: var(--rv-brown-dark);\n\n  font-size: 8.5px;\n  line-height: 1.2;\n\n  font-weight: 850;\n\n  letter-spacing: .11em;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-section \u003e p {\n\n  margin:\n    12px 0 0 !important;\n\n  color: var(--rv-body);\n\n  font-size: 13.5px;\n\n  line-height: 1.55;\n\n}\n\n\n\/* ============================================================\n   HERO\n============================================================ *\/\n\n#rv-door-pocket-v6 .rv6-hero {\n\n  padding-top: 12px;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-lead {\n\n  margin:\n    14px 0 0 !important;\n\n  color: var(--rv-body);\n\n  font-size: 14px;\n\n  line-height: 1.57;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-hero-benefits {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  margin-top: 18px;\n\n  border-top:\n    1px solid var(--rv-line);\n\n  border-bottom:\n    1px solid var(--rv-line);\n\n}\n\n\n#rv-door-pocket-v6 .rv6-hero-benefits \u003e div {\n\n  min-width: 0;\n\n  padding:\n    11px 8px\n    11px 0;\n\n}\n\n\n#rv-door-pocket-v6\n.rv6-hero-benefits\n\u003e div + div {\n\n  padding-left: 8px;\n\n  border-left:\n    1px solid var(--rv-line);\n\n}\n\n\n#rv-door-pocket-v6 .rv6-hero-benefits b {\n\n  display: block;\n\n  margin-bottom: 4px;\n\n  color: var(--rv-brown);\n\n  font-size: 8px;\n\n  font-weight: 900;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-hero-benefits span {\n\n  display: block;\n\n  color: #2d2a2f;\n\n  font-size: 10.5px;\n\n  line-height: 1.3;\n\n  font-weight: 750;\n\n}\n\n\n\/* ============================================================\n   MAIN IMAGE\n============================================================ *\/\n\n#rv-door-pocket-v6 .rv6-main-image {\n\n  margin:\n    0 0 4px !important;\n\n  overflow: hidden;\n\n  border-radius: 8px;\n\n  background: #1b1a1d;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-main-image figcaption {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 7px;\n\n  padding:\n    9px 11px;\n\n  color: #fff;\n\n  background: #1b1a1d;\n\n  font-size: 8.5px;\n\n  font-weight: 800;\n\n  letter-spacing: .09em;\n\n}\n\n\n#rv-door-pocket-v6\n.rv6-main-image\nfigcaption \u003e span {\n\n  width: 6px;\n  height: 6px;\n\n  flex: 0 0 6px;\n\n  border-radius: 50%;\n\n  background: var(--rv-caramel);\n\n}\n\n\n\/* ============================================================\n   PAIN\n============================================================ *\/\n\n#rv-door-pocket-v6 .rv6-pain-list {\n\n  margin-top: 14px;\n\n  border-top:\n    1px solid var(--rv-line);\n\n}\n\n\n#rv-door-pocket-v6 .rv6-pain-list \u003e div {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  min-height: 42px;\n\n  padding:\n    9px 0;\n\n  border-bottom:\n    1px solid var(--rv-line);\n\n}\n\n\n#rv-door-pocket-v6 .rv6-pain-list \u003e div \u003e span {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  width: 18px;\n  height: 18px;\n\n  flex: 0 0 18px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(25,23,25,.06);\n\n  color: #858086;\n\n  font-size: 9px;\n\n  font-weight: 900;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-pain-list strong {\n\n  color: #373439;\n\n  font-size: 11.5px;\n\n  line-height: 1.3;\n\n  font-weight: 750;\n\n}\n\n\n\/* ============================================================\n   BEFORE \/ AFTER — PERFECT ALIGNMENT\n============================================================ *\/\n\n#rv-door-pocket-v6 .rv6-compare {\n\n  padding-top: 28px;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-compare-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  align-items: stretch;\n\n  gap: 8px;\n\n  width: 100%;\n\n  margin-top: 15px;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-compare-card {\n\n  display: flex;\n\n  flex-direction: column;\n\n  width: 100%;\n\n  min-width: 0;\n\n  height: 100%;\n\n  padding:\n    13px 11px;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-before {\n\n  background:\n    #f4f4f5;\n\n  border-top:\n    2px solid #aaa8ab;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-after {\n\n  background:\n    #f4efed;\n\n  border-top:\n    2px solid var(--rv-brown);\n\n}\n\n\n#rv-door-pocket-v6 .rv6-compare-copy {\n\n  display: grid;\n\n  grid-template-rows:\n    20px\n    minmax(38px,auto)\n    1fr;\n\n  width: 100%;\n  height: 100%;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-state {\n\n  display: flex;\n\n  align-items: center;\n\n  min-height: 20px;\n\n  margin: 0;\n\n  color: var(--rv-muted);\n\n  font-size: 6.5px;\n\n  line-height: 1.2;\n\n  font-weight: 850;\n\n  letter-spacing: .08em;\n\n}\n\n\n#rv-door-pocket-v6\n.rv6-after\n.rv6-state {\n\n  color: var(--rv-brown-dark);\n\n}\n\n\n#rv-door-pocket-v6 .rv6-compare-title {\n\n  display: flex;\n\n  align-items: flex-start;\n\n  min-height: 38px;\n\n  margin: 0;\n\n  color: #2b292d;\n\n  font-size: 11px;\n\n  line-height: 1.28;\n\n  font-weight: 800;\n\n}\n\n\n#rv-door-pocket-v6\n.rv6-compare-card ul {\n\n  display: grid;\n\n  align-content: start;\n\n  gap: 5px;\n\n  width: 100%;\n\n  margin:\n    8px 0 0 !important;\n\n  padding: 0;\n\n  list-style: none;\n\n}\n\n\n#rv-door-pocket-v6\n.rv6-compare-card li {\n\n  position: relative;\n\n  margin: 0;\n\n  padding-left: 13px;\n\n  color: #545057;\n\n  font-size: 8.6px;\n\n  line-height: 1.3;\n\n  font-weight: 650;\n\n}\n\n\n#rv-door-pocket-v6\n.rv6-before li::before {\n\n  content: \"×\";\n\n  position: absolute;\n\n  left: 0;\n  top: 0;\n\n  color: #858086;\n\n  font-weight: 900;\n\n}\n\n\n#rv-door-pocket-v6\n.rv6-after li::before {\n\n  content: \"✓\";\n\n  position: absolute;\n\n  left: 0;\n  top: 0;\n\n  color: var(--rv-brown);\n\n  font-weight: 900;\n\n}\n\n\n\/* ============================================================\n   IMAGE\n============================================================ *\/\n\n#rv-door-pocket-v6 .rv6-image {\n\n  width: 100%;\n\n  margin-top: 17px;\n\n  overflow: hidden;\n\n  border-radius: 7px;\n\n}\n\n\n\/* ============================================================\n   CHAPTER\n============================================================ *\/\n\n#rv-door-pocket-v6 .rv6-chapter {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 7px;\n\n  margin-bottom: 10px;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-chapter \u003e b {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  width: 31px;\n  height: 24px;\n\n  flex: 0 0 31px;\n\n  color: #fff;\n\n  background: var(--rv-brown);\n\n  border-radius: 999px;\n\n  font-size: 8px;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-chapter \u003e span {\n\n  width: 20px;\n  height: 1px;\n\n  flex: 0 0 20px;\n\n  background:\n    rgba(40,35,37,.25);\n\n}\n\n\n#rv-door-pocket-v6 .rv6-chapter small {\n\n  color: var(--rv-brown-dark);\n\n  font-size: 7.5px;\n\n  font-weight: 850;\n\n  letter-spacing: .1em;\n\n}\n\n\n\/* ============================================================\n   CHECKS\n============================================================ *\/\n\n#rv-door-pocket-v6 .rv6-checks {\n\n  display: grid;\n\n  gap: 7px;\n\n  margin-top: 14px;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-checks \u003e div {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 8px;\n\n  color: #3d3a3f;\n\n  font-size: 11.5px;\n\n  font-weight: 680;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-checks b {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  width: 18px;\n  height: 18px;\n\n  flex: 0 0 18px;\n\n  border-radius: 50%;\n\n  background: var(--rv-brown);\n\n  color: #fff;\n\n  font-size: 7px;\n\n}\n\n\n\/* ============================================================\n   REVIEWS\n============================================================ *\/\n\n#rv-door-pocket-v6 .rv6-reviews {\n\n  width: 100%;\n\n  padding:\n    30px 0\n    27px;\n\n  overflow: hidden;\n\n  border-bottom:\n    1px solid var(--rv-line);\n\n}\n\n\n#rv-door-pocket-v6 .rv6-review-heading {\n\n  width: 100%;\n\n  padding:\n    0 8px\n    15px;\n\n}\n\n\n#rv-door-pocket-v6\n.rv6-review-heading \u003e p {\n\n  margin:\n    9px 0 0 !important;\n\n  color: var(--rv-body);\n\n  font-size: 11.5px;\n\n  line-height: 1.5;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-carousel {\n\n  width: 100%;\n  max-width: 100%;\n\n  min-width: 0;\n\n  overflow: hidden;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-track {\n\n  display: flex;\n\n  gap: 10px;\n\n  width: 100%;\n\n  min-width: 0;\n\n  padding:\n    2px 8px\n    11px;\n\n  overflow-x: auto;\n  overflow-y: hidden;\n\n  scroll-snap-type:\n    x mandatory;\n\n  scroll-behavior:\n    smooth;\n\n  -webkit-overflow-scrolling:\n    touch;\n\n  scrollbar-width:\n    none;\n\n}\n\n\n#rv-door-pocket-v6\n.rv6-track::-webkit-scrollbar {\n\n  display: none;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-slide {\n\n  flex:\n    0 0 87%;\n\n  min-width: 0;\n\n  overflow: hidden;\n\n  border-radius: 8px;\n\n  background: var(--rv-soft);\n\n  scroll-snap-align:\n    start;\n\n  scroll-snap-stop:\n    always;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-slide img {\n\n  border-radius: 8px;\n\n}\n\n\n\/* carousel controls *\/\n\n#rv-door-pocket-v6 .rv6-carousel-controls {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: space-between;\n\n  gap: 12px;\n\n  width: 100%;\n\n  padding:\n    2px 8px\n    0;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-progress {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 7px;\n\n  color: #777075;\n\n  font-size: 8px;\n\n  font-weight: 800;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-progress-line {\n\n  display: block;\n\n  width: 54px;\n  height: 2px;\n\n  overflow: hidden;\n\n  background:\n    rgba(35,31,33,.12);\n\n}\n\n\n#rv-door-pocket-v6 .rv6-progress-line i {\n\n  display: block;\n\n  width:\n    calc(100% \/ 7);\n\n  height: 100%;\n\n  background: var(--rv-brown);\n\n  transition:\n    transform .3s ease;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-arrows {\n\n  display: flex;\n\n  gap: 6px;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-arrow {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  width: 33px;\n  height: 33px;\n\n  margin: 0;\n\n  padding: 0;\n\n  border:\n    1px solid var(--rv-line);\n\n  border-radius: 50%;\n\n  background: #fff;\n\n  color: var(--rv-heading);\n\n  cursor: pointer;\n\n  font-size: 15px;\n\n  line-height: 1;\n\n}\n\n\n\/* dots *\/\n\n#rv-door-pocket-v6 .rv6-dots {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 5px;\n\n  margin-top: 11px;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-dot {\n\n  display: block;\n\n  width: 6px;\n  height: 6px;\n\n  margin: 0;\n\n  padding: 0;\n\n  border: 0;\n\n  border-radius: 50%;\n\n  background: #d2ccca;\n\n  cursor: pointer;\n\n  transition:\n    width .25s ease,\n    background .25s ease,\n    border-radius .25s ease;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-dot.active {\n\n  width: 18px;\n\n  border-radius: 999px;\n\n  background: var(--rv-brown);\n\n}\n\n\n#rv-door-pocket-v6 .rv6-swipe {\n\n  margin-top: 8px;\n\n  color: #8b8588;\n\n  text-align: center;\n\n  font-size: 6.5px;\n\n  font-weight: 800;\n\n  letter-spacing: .11em;\n\n}\n\n\n\/* ============================================================\n   DETAILS\n============================================================ *\/\n\n#rv-door-pocket-v6 .rv6-details {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  align-items: stretch;\n\n  margin-top: 16px;\n\n  border-top:\n    1px solid var(--rv-line);\n\n  border-bottom:\n    1px solid var(--rv-line);\n\n}\n\n\n#rv-door-pocket-v6 .rv6-details \u003e div {\n\n  min-width: 0;\n\n  padding:\n    12px 8px\n    12px 0;\n\n}\n\n\n#rv-door-pocket-v6\n.rv6-details \u003e div + div {\n\n  padding-left: 8px;\n\n  border-left:\n    1px solid var(--rv-line);\n\n}\n\n\n#rv-door-pocket-v6 .rv6-details small {\n\n  display: block;\n\n  margin-bottom: 5px;\n\n  color: var(--rv-brown);\n\n  font-size: 7px;\n\n  font-weight: 900;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-details strong {\n\n  display: block;\n\n  color: #2e2b2f;\n\n  font-size: 10px;\n\n  line-height: 1.3;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-details p {\n\n  margin:\n    4px 0 0 !important;\n\n  color: #5e595e;\n\n  font-size: 8.5px;\n\n  line-height: 1.35;\n\n}\n\n\n\/* ============================================================\n   DARK\n============================================================ *\/\n\n#rv-door-pocket-v6 .rv6-dark {\n\n  width: 100%;\n\n  margin-top: 17px;\n\n  padding:\n    26px 13px\n    12px;\n\n  overflow: hidden;\n\n  color: #fff;\n\n  border-radius: 7px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #181719 0%,\n      #292426 70%,\n      #513428 100%\n    );\n\n}\n\n\n#rv-door-pocket-v6 .rv6-dark-label {\n\n  margin-bottom: 8px;\n\n  color: #dda17d;\n\n  font-size: 7.5px;\n\n  font-weight: 850;\n\n  letter-spacing: .11em;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-dark h3 {\n\n  color: #fff;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-dark h3 em {\n\n  color: #e3a17d;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-dark \u003e p {\n\n  margin:\n    11px 0 0 !important;\n\n  color: #d9d1cd;\n\n  font-size: 12px;\n\n  line-height: 1.5;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-use-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  align-items: stretch;\n\n  margin-top: 15px;\n\n  border-top:\n    1px solid rgba(255,255,255,.12);\n\n}\n\n\n#rv-door-pocket-v6 .rv6-use-grid \u003e div {\n\n  min-width: 0;\n\n  padding:\n    11px 7px\n    11px 0;\n\n  border-bottom:\n    1px solid rgba(255,255,255,.10);\n\n}\n\n\n#rv-door-pocket-v6\n.rv6-use-grid\n\u003e div:nth-child(even) {\n\n  padding-left: 8px;\n\n  border-left:\n    1px solid rgba(255,255,255,.10);\n\n}\n\n\n#rv-door-pocket-v6 .rv6-use-grid strong {\n\n  display: block;\n\n  color: #fff;\n\n  font-size: 11px;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-use-grid span {\n\n  display: block;\n\n  margin-top: 3px;\n\n  color: #beb4b0;\n\n  font-size: 8.5px;\n\n  line-height: 1.35;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-dark-image {\n\n  margin-top: 14px;\n\n  overflow: hidden;\n\n  border-radius: 5px;\n\n}\n\n\n\/* ============================================================\n   LIFESTYLE\n============================================================ *\/\n\n#rv-door-pocket-v6 .rv6-life {\n\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap:\n    6px 13px;\n\n  margin-top: 13px;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-life span {\n\n  position: relative;\n\n  padding-left: 10px;\n\n  color: #373338;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n}\n\n\n#rv-door-pocket-v6\n.rv6-life span::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  top: .5em;\n\n  width: 4px;\n  height: 4px;\n\n  border-radius: 50%;\n\n  background: var(--rv-brown);\n\n}\n\n\n\/* ============================================================\n   SETUP\n============================================================ *\/\n\n#rv-door-pocket-v6 .rv6-setup {\n\n  padding-top: 27px;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-steps {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  align-items: stretch;\n\n  margin-top: 14px;\n\n  border-top:\n    1px solid var(--rv-line);\n\n}\n\n\n#rv-door-pocket-v6 .rv6-steps \u003e div {\n\n  min-width: 0;\n\n  padding:\n    11px 7px;\n\n  text-align: center;\n\n}\n\n\n#rv-door-pocket-v6\n.rv6-steps\n\u003e div + div {\n\n  border-left:\n    1px solid var(--rv-line);\n\n}\n\n\n#rv-door-pocket-v6 .rv6-steps b {\n\n  display: block;\n\n  color: var(--rv-brown);\n\n  font-size: 7px;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-steps strong {\n\n  display: block;\n\n  margin-top: 3px;\n\n  color: #2d2a2e;\n\n  font-size: 9px;\n\n  letter-spacing: .04em;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-steps span {\n\n  display: block;\n\n  margin-top: 3px;\n\n  color: var(--rv-muted);\n\n  font-size: 7.5px;\n\n  line-height: 1.3;\n\n}\n\n\n\/* ============================================================\n   NOTE\n============================================================ *\/\n\n#rv-door-pocket-v6 .rv6-note {\n\n  display: grid;\n\n  grid-template-columns:\n    29px minmax(0,1fr);\n\n  gap: 9px;\n\n  width: 100%;\n\n  margin-top: 18px;\n\n  padding:\n    11px 12px;\n\n  background: var(--rv-warm);\n\n  border-left:\n    2px solid var(--rv-brown);\n\n}\n\n\n#rv-door-pocket-v6 .rv6-note \u003e span {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  width: 27px;\n  height: 27px;\n\n  border-radius: 50%;\n\n  background: #fff;\n\n  color: var(--rv-brown);\n\n  font-size: 13px;\n\n  font-weight: 900;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-note strong {\n\n  display: block;\n\n  color: #302c2d;\n\n  font-size: 11px;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-note p {\n\n  margin:\n    3px 0 0 !important;\n\n  color: #514b4e;\n\n  font-size: 9.5px;\n\n  line-height: 1.4;\n\n}\n\n\n\/* ============================================================\n   FAQ\n============================================================ *\/\n\n#rv-door-pocket-v6 .rv6-faq {\n\n  margin-top: 14px;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-faq details {\n\n  width: 100%;\n\n  border-bottom:\n    1px solid var(--rv-line);\n\n}\n\n\n#rv-door-pocket-v6 .rv6-faq summary {\n\n  position: relative;\n\n  padding:\n    13px 29px\n    13px 0;\n\n  list-style: none;\n\n  cursor: pointer;\n\n  color: #2b282c;\n\n  font-size: 12px;\n\n  line-height: 1.35;\n\n  font-weight: 750;\n\n}\n\n\n#rv-door-pocket-v6\n.rv6-faq\nsummary::-webkit-details-marker {\n\n  display: none;\n\n}\n\n\n#rv-door-pocket-v6\n.rv6-faq\nsummary::after {\n\n  content: \"+\";\n\n  position: absolute;\n\n  right: 3px;\n  top: 50%;\n\n  transform:\n    translateY(-50%);\n\n  color: var(--rv-brown);\n\n  font-size: 19px;\n\n}\n\n\n#rv-door-pocket-v6\n.rv6-faq\ndetails[open]\nsummary::after {\n\n  content: \"−\";\n\n}\n\n\n#rv-door-pocket-v6\n.rv6-faq\ndetails \u003e p {\n\n  margin:\n    0 !important;\n\n  padding:\n    0 21px\n    13px 0;\n\n  color: #555055;\n\n  font-size: 10.5px;\n\n  line-height: 1.5;\n\n}\n\n\n\/* ============================================================\n   FINAL\n============================================================ *\/\n\n#rv-door-pocket-v6 .rv6-final {\n\n  width: 100%;\n\n  padding:\n    28px 12px;\n\n  color: #fff;\n\n  border-radius: 7px;\n\n  background:\n    linear-gradient(\n      125deg,\n      #181719 0%,\n      #2b2628 65%,\n      #69412f 100%\n    );\n\n}\n\n\n#rv-door-pocket-v6 .rv6-final-label {\n\n  margin-bottom: 8px;\n\n  color: #dda07d;\n\n  font-size: 7.5px;\n\n  font-weight: 850;\n\n  letter-spacing: .11em;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-final h3 {\n\n  color: #fff;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-final h3 em {\n\n  color: #e1a17d;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-final \u003e p {\n\n  margin:\n    11px 0 0 !important;\n\n  color: #dcd4d0;\n\n  font-size: 11.5px;\n\n  line-height: 1.5;\n\n}\n\n\n#rv-door-pocket-v6 .rv6-final-points {\n\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 5px;\n\n  margin-top: 13px;\n\n}\n\n\n#rv-door-pocket-v6\n.rv6-final-points span {\n\n  padding:\n    5px 7px;\n\n  color: #f0e9e6;\n\n  border:\n    1px solid rgba(255,255,255,.12);\n\n  font-size: 7.5px;\n\n}\n\n\n\/* ============================================================\n   MOBILE\n============================================================ *\/\n\n@media screen and (max-width:749px) {\n\n\n  #rv-door-pocket-v6 h2 {\n\n    font-size: 32px;\n\n  }\n\n\n  #rv-door-pocket-v6 h3 {\n\n    font-size: 25px;\n\n  }\n\n\n  \/*\n    Hero benefits vertically stacked\n    because this content is not a comparison\n  *\/\n\n  #rv-door-pocket-v6\n  .rv6-hero-benefits {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  #rv-door-pocket-v6\n  .rv6-hero-benefits \u003e div {\n\n    padding:\n      9px 0;\n\n  }\n\n\n  #rv-door-pocket-v6\n  .rv6-hero-benefits\n  \u003e div + div {\n\n    padding-left: 0;\n\n    border-left: 0;\n\n    border-top:\n      1px solid var(--rv-line);\n\n  }\n\n\n  \/*\n    BEFORE \/ AFTER REMAINS TWO COLUMNS\n  *\/\n\n  #rv-door-pocket-v6\n  .rv6-compare-grid {\n\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n\n    align-items: stretch;\n\n  }\n\n\n  #rv-door-pocket-v6\n  .rv6-compare-card {\n\n    height: 100%;\n\n  }\n\n\n  \/*\n    Product detail list becomes vertical\n  *\/\n\n  #rv-door-pocket-v6\n  .rv6-details {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  #rv-door-pocket-v6\n  .rv6-details \u003e div {\n\n    padding:\n      10px 0;\n\n  }\n\n\n  #rv-door-pocket-v6\n  .rv6-details\n  \u003e div + div {\n\n    padding-left: 0;\n\n    border-left: 0;\n\n    border-top:\n      1px solid var(--rv-line);\n\n  }\n\n\n  \/*\n    Keep use cases 2x2\n  *\/\n\n  #rv-door-pocket-v6\n  .rv6-use-grid {\n\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n\n  }\n\n\n  \/*\n    Keep setup three columns\n  *\/\n\n  #rv-door-pocket-v6\n  .rv6-steps {\n\n    grid-template-columns:\n      repeat(3,minmax(0,1fr));\n\n  }\n\n\n  \/*\n    Review: reveal part of next slide\n  *\/\n\n  #rv-door-pocket-v6\n  .rv6-slide {\n\n    flex-basis: 87%;\n\n  }\n\n}\n\n\n\/* ============================================================\n   VERY NARROW PHONE\n============================================================ *\/\n\n@media screen and (max-width:360px) {\n\n\n  #rv-door-pocket-v6 h2 {\n\n    font-size: 30px;\n\n  }\n\n\n  #rv-door-pocket-v6 h3 {\n\n    font-size: 24px;\n\n  }\n\n\n  #rv-door-pocket-v6\n  .rv6-compare-card {\n\n    padding:\n      11px 8px;\n\n  }\n\n\n  #rv-door-pocket-v6\n  .rv6-compare-title {\n\n    min-height: 42px;\n\n    font-size: 9.8px;\n\n  }\n\n\n  #rv-door-pocket-v6\n  .rv6-compare-card li {\n\n    padding-left: 11px;\n\n    font-size: 7.8px;\n\n  }\n\n\n  #rv-door-pocket-v6\n  .rv6-state {\n\n    font-size: 5.8px;\n\n  }\n\n}\n\n\n\/* ============================================================\n   DESKTOP \/ WIDER PRODUCT INFO\n============================================================ *\/\n\n@media screen and (min-width:750px) {\n\n\n  #rv-door-pocket-v6\n  .rv6-slide {\n\n    flex-basis: 72%;\n\n  }\n\n\n  #rv-door-pocket-v6\n  .rv6-compare-title {\n\n    min-height: 32px;\n\n  }\n\n}\n\n\u003c\/style\u003e\n\n\u003cscript\u003e\n(function () {\n\n  function initRv6Carousel() {\n\n    var root =\n      document.getElementById('rv-door-pocket-v6');\n\n    if (!root) return;\n\n\n    var carousel =\n      root.querySelector('[data-rv6-carousel]');\n\n    if (!carousel) return;\n\n\n    \/* Bind carousel events once.\n       Saved storefront HTML may already contain data-rv6-ready=\"true\",\n       so do not use that rendered-state attribute as the initializer guard. *\/\n    if (carousel.getAttribute('data-rv6-bound') === 'true') {\n      return;\n    }\n\n    carousel.setAttribute('data-rv6-bound', 'true');\n    carousel.removeAttribute('data-rv6-ready');\n\n\n    var track =\n      carousel.querySelector('[data-rv6-track]');\n\n    var slides =\n      carousel.querySelectorAll('.rv6-slide');\n\n    var prev =\n      carousel.querySelector('[data-rv6-prev]');\n\n    var next =\n      carousel.querySelector('[data-rv6-next]');\n\n    var dots =\n      carousel.querySelectorAll('.rv6-dot');\n\n    var currentText =\n      carousel.querySelector('.rv6-current');\n\n    var progress =\n      carousel.querySelector('.rv6-progress-line i');\n\n\n    if (!track || !slides.length) return;\n\n\n    var current = 0;\n    var timer = null;\n    var scrollTimer = null;\n\n\n\n    function getStep() {\n\n      if (!slides[0]) return 0;\n\n\n      var width =\n        slides[0].getBoundingClientRect().width;\n\n\n      var style =\n        window.getComputedStyle(track);\n\n\n      var gap =\n        parseFloat(\n          style.gap ||\n          style.columnGap ||\n          10\n        );\n\n\n      if (isNaN(gap)) {\n        gap = 10;\n      }\n\n\n      return width + gap;\n\n    }\n\n\n\n    function updateUI(index) {\n\n      current = index;\n\n\n      dots.forEach(function (dot, i) {\n\n        if (i === index) {\n          dot.classList.add('active');\n        } else {\n          dot.classList.remove('active');\n        }\n\n      });\n\n\n      if (currentText) {\n\n        currentText.textContent =\n          String(index + 1).padStart(2,'0');\n\n      }\n\n\n      if (progress) {\n\n        progress.style.transform =\n          'translateX(' +\n          (index * 100) +\n          '%)';\n\n      }\n\n    }\n\n\n\n    function goTo(index) {\n\n      if (index \u003c 0) {\n        index = slides.length - 1;\n      }\n\n\n      if (index \u003e= slides.length) {\n        index = 0;\n      }\n\n\n      var step = getStep();\n\n\n      track.scrollTo({\n        left: step * index,\n        behavior: 'smooth'\n      });\n\n\n      updateUI(index);\n\n    }\n\n\n\n    function stopAuto() {\n\n      if (timer) {\n\n        clearInterval(timer);\n\n        timer = null;\n\n      }\n\n    }\n\n\n\n    function startAuto() {\n\n      stopAuto();\n\n\n      timer =\n        setInterval(function () {\n\n          goTo(current + 1);\n\n        }, 5000);\n\n    }\n\n\n\n    if (prev) {\n\n      prev.addEventListener(\n        'click',\n        function () {\n\n          goTo(current - 1);\n\n          startAuto();\n\n        }\n      );\n\n    }\n\n\n\n    if (next) {\n\n      next.addEventListener(\n        'click',\n        function () {\n\n          goTo(current + 1);\n\n          startAuto();\n\n        }\n      );\n\n    }\n\n\n\n    dots.forEach(function (dot) {\n\n      dot.addEventListener(\n        'click',\n        function () {\n\n          var index =\n            Number(\n              dot.getAttribute('data-index')\n            );\n\n\n          if (!isNaN(index)) {\n\n            goTo(index);\n\n            startAuto();\n\n          }\n\n        }\n      );\n\n    });\n\n\n\n    track.addEventListener(\n      'scroll',\n      function () {\n\n        clearTimeout(scrollTimer);\n\n\n        scrollTimer =\n          setTimeout(function () {\n\n            var step = getStep();\n\n            if (!step) return;\n\n\n            var index =\n              Math.round(\n                track.scrollLeft \/ step\n              );\n\n\n            index =\n              Math.max(\n                0,\n                Math.min(\n                  slides.length - 1,\n                  index\n                )\n              );\n\n\n            updateUI(index);\n\n          }, 100);\n\n      },\n      {\n        passive: true\n      }\n    );\n\n\n\n    track.addEventListener(\n      'touchstart',\n      stopAuto,\n      {\n        passive: true\n      }\n    );\n\n\n    track.addEventListener(\n      'touchend',\n      function () {\n\n        setTimeout(\n          startAuto,\n          1500\n        );\n\n      },\n      {\n        passive: true\n      }\n    );\n\n\n    track.addEventListener(\n      'mouseenter',\n      stopAuto\n    );\n\n\n    track.addEventListener(\n      'mouseleave',\n      startAuto\n    );\n\n\n    document.addEventListener(\n      'visibilitychange',\n      function () {\n\n        if (document.hidden) {\n\n          stopAuto();\n\n        } else {\n\n          startAuto();\n\n        }\n\n      }\n    );\n\n\n    updateUI(0);\n\n    startAuto();\n\n  }\n\n\n\n  if (document.readyState === 'loading') {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      initRv6Carousel\n    );\n\n  } else {\n\n    initRv6Carousel();\n\n  }\n\n\n\n  document.addEventListener(\n    'shopify:section:load',\n    function () {\n\n      setTimeout(\n        initRv6Carousel,\n        100\n      );\n\n    }\n  );\n\n})();\n\u003c\/script\u003e","brand":"NORVYLUX","offers":[{"title":"🔴Red","offer_id":53123451650329,"sku":"IS071260909POCK-RED-2PCS","price":23.99,"currency_code":"USD","in_stock":true},{"title":"🟠Orange","offer_id":53123451846937,"sku":"IS071260909POCK-ORGR-2PCS","price":23.99,"currency_code":"USD","in_stock":true},{"title":"⚪White","offer_id":53123452043545,"sku":"IS071260909POCK-WHITE-2PCS","price":23.99,"currency_code":"USD","in_stock":true},{"title":"🟤Chestnut brown","offer_id":53123452240153,"sku":"IS071260909POCK-BRN-2PCS","price":23.99,"currency_code":"USD","in_stock":true},{"title":"⚫ Black","offer_id":53123452436761,"sku":"IS071260909POCK-BLACK-2PCS","price":23.99,"currency_code":"USD","in_stock":true},{"title":"⚪ Gray","offer_id":53123452633369,"sku":"IS071260909POCK-GRAY-2PCS","price":23.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0886\/3327\/8745\/files\/ChatGPT_Image_Sep_9_2026_12_56_41_PM_3.png?v=1788941324","url":"https:\/\/norvylux.com\/products\/multifunctional-car-door-storage-pocket-5-colors-available","provider":"NORVYLUX","version":"1.0","type":"link"}