{"title":"🧳 Travel Organization Collection","description":null,"products":[{"product_id":"voyatral™-packing-cubes-travel-organizer-set-for-luggage","title":"Voyatral™ Packing Cubes Travel Organizer Set for Luggage","description":"\u003c!-- =========================================================\n VOYATRAL™ TRAVEL TOILETRY BAG\n========================================================= --\u003e\n\u003csection class=\"voyatral-toiletry-page\"\u003e\n\u003cdiv class=\"vtt-glow vtt-glow--one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vtt-glow vtt-glow--two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vtt-container\"\u003e\n\u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"vtt-hero\"\u003e\n\u003cdiv class=\"vtt-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e TRAVEL ORGANIZATION COLLECTION\u003c\/div\u003e\n\u003ch1\u003eVoyatral™ Travel \u003cstrong\u003eToiletry Bag\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp class=\"vtt-hero-copy\"\u003eKeep your personal care essentials organized, protected, and easy to access throughout every trip.\u003c\/p\u003e\n\u003cdiv class=\"vtt-tags\"\u003e\n\u003cspan\u003e ✈ Travel Ready \u003c\/span\u003e \u003cspan\u003e ◫ Organized Storage \u003c\/span\u003e \u003cspan\u003e 💧 Water-Resistant Design \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 1\n ====================================================== --\u003e\n\u003csection class=\"vtt-main-image\"\u003e\n\u003cdiv class=\"vtt-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_23_22_58_55_7.png?v=1790661979\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n 标题在上\n 正文在下\n ====================================================== --\u003e\n\u003csection class=\"vtt-intro\"\u003e\n\u003cdiv class=\"vtt-intro-title\"\u003e\n\u003cspan class=\"vtt-small-title\"\u003e ORGANIZED FOR THE JOURNEY \u003c\/span\u003e\n\u003ch2\u003eEverything You Need. \u003cstrong\u003e Right Where You Need It. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vtt-intro-text\"\u003e\n\u003cp\u003eThe Voyatral™ Travel Toiletry Bag is designed with multiple compartments for storing skincare products, cosmetics, toothbrushes, grooming tools, and other everyday travel essentials.\u003c\/p\u003e\n\u003cp\u003eIts organized interior helps separate different items and reduce clutter, making your personal care essentials easier to find throughout your journey.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FEATURES\n ====================================================== --\u003e\n\u003csection class=\"vtt-features\"\u003e\u003c!-- 01 --\u003e\n\u003carticle class=\"vtt-feature\"\u003e\u003cspan class=\"vtt-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vtt-feature-icon\"\u003e◫\u003c\/div\u003e\n\u003cdiv class=\"vtt-feature-body\"\u003e\n\u003ch3\u003eMultiple Compartments\u003c\/h3\u003e\n\u003cp\u003eKeep skincare, cosmetics, grooming tools, and everyday essentials neatly separated.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"vtt-feature\"\u003e\u003cspan class=\"vtt-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vtt-feature-icon\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"vtt-feature-body\"\u003e\n\u003ch3\u003eWater-Resistant Exterior\u003c\/h3\u003e\n\u003cp\u003eHelps protect your belongings from light splashes and everyday moisture while traveling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"vtt-feature\"\u003e\u003cspan class=\"vtt-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vtt-feature-icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"vtt-feature-body\"\u003e\n\u003ch3\u003eEasy Access\u003c\/h3\u003e\n\u003cp\u003eOrganized storage makes frequently used items easier to find without unnecessary searching.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"vtt-feature\"\u003e\u003cspan class=\"vtt-feature-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vtt-feature-icon\"\u003e✈\u003c\/div\u003e\n\u003cdiv class=\"vtt-feature-body\"\u003e\n\u003ch3\u003eCompact For Travel\u003c\/h3\u003e\n\u003cp\u003eA practical shape designed to fit easily inside luggage, carry-ons, and backpacks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 2 + CONTENT\n ====================================================== --\u003e\n\u003csection class=\"vtt-organized\"\u003e\u003c!-- IMAGE --\u003e\n\u003cdiv class=\"vtt-organized-image\"\u003e\n\u003cdiv class=\"vtt-placeholder vtt-placeholder--dark\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_23_22_58_54_6.png?v=1790661979\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CONTENT --\u003e\n\u003cdiv class=\"vtt-organized-content\"\u003e\n\u003cspan class=\"vtt-small-title\"\u003e SMART STORAGE \u003c\/span\u003e\n\u003ch2\u003eA Place For \u003cstrong\u003e Every Essential. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eAn organized interior helps separate different items and reduce clutter, keeping your travel essentials neatly arranged and easier to access.\u003c\/p\u003e\n\u003cdiv class=\"vtt-storage-list\"\u003e\n\u003c!-- 01 --\u003e\n\u003cdiv class=\"vtt-storage-item\"\u003e\n\u003cspan class=\"vtt-storage-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vtt-storage-text\"\u003e\n\u003cstrong\u003e Skincare \u003c\/strong\u003e \u003csmall\u003e Bottles, creams and everyday care products. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 02 --\u003e\n\u003cdiv class=\"vtt-storage-item\"\u003e\n\u003cspan class=\"vtt-storage-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vtt-storage-text\"\u003e\n\u003cstrong\u003e Cosmetics \u003c\/strong\u003e \u003csmall\u003e Keep makeup and smaller accessories together. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 03 --\u003e\n\u003cdiv class=\"vtt-storage-item\"\u003e\n\u003cspan class=\"vtt-storage-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vtt-storage-text\"\u003e\n\u003cstrong\u003e Dental Care \u003c\/strong\u003e \u003csmall\u003e Toothbrushes, toothpaste and personal essentials. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 04 --\u003e\n\u003cdiv class=\"vtt-storage-item\"\u003e\n\u003cspan class=\"vtt-storage-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vtt-storage-text\"\u003e\n\u003cstrong\u003e Grooming Tools \u003c\/strong\u003e \u003csmall\u003e Organize razors, combs and everyday tools. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PORTABLE\n ====================================================== --\u003e\n\u003csection class=\"vtt-portable\"\u003e\n\u003cdiv class=\"vtt-portable-heading\"\u003e\n\u003cspan\u003e MADE TO TRAVEL \u003c\/span\u003e\n\u003ch2\u003eCompact To Pack. \u003cstrong\u003e Easy To Carry. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe compact shape and convenient carry handle make it easy to pack inside luggage, carry-on bags, or backpacks without taking up unnecessary space.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vtt-use-grid\"\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vtt-use-icon\"\u003e🏨\u003c\/div\u003e\n\u003cstrong\u003e Hotel Stays \u003c\/strong\u003e \u003cspan\u003e Keep daily essentials organized away from home. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vtt-use-icon\"\u003e💼\u003c\/div\u003e\n\u003cstrong\u003e Business Travel \u003c\/strong\u003e \u003cspan\u003e A simple solution for shorter professional trips. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vtt-use-icon\"\u003e☀\u003c\/div\u003e\n\u003cstrong\u003e Vacations \u003c\/strong\u003e \u003cspan\u003e Keep personal care items together throughout your trip. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vtt-use-icon\"\u003e🏡\u003c\/div\u003e\n\u003cstrong\u003e Everyday Organization \u003c\/strong\u003e \u003cspan\u003e Useful at home as well as while traveling. \u003c\/span\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL\n 文案在上\n 图片在下\n ====================================================== --\u003e\n\u003csection class=\"vtt-final\"\u003e\u003c!-- COPY --\u003e\n\u003cdiv class=\"vtt-final-content\"\u003e\n\u003cdiv class=\"vtt-final-topline\"\u003e\n\u003cspan class=\"vtt-final-line\"\u003e\u003c\/span\u003e \u003cspan class=\"vtt-final-label\"\u003e VOYATRAL™ TRAVEL ESSENTIALS \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vtt-final-icon\"\u003e◫\u003c\/div\u003e\n\u003ch2\u003eNeat. Portable. \u003cstrong\u003e Ready To Go. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you are staying at a hotel, traveling for business, heading on vacation, or organizing daily essentials, Voyatral™ helps keep personal care items neat, portable, and ready to use.\u003c\/p\u003e\n\u003cdiv class=\"vtt-final-benefits\"\u003e\n\u003cspan\u003e ORGANIZED STORAGE \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e WATER-RESISTANT \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e TRAVEL READY \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- IMAGE 3 --\u003e\n\u003cdiv class=\"vtt-final-image\"\u003e\n\u003cdiv class=\"vtt-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_23_22_58_55_8.png?v=1790661979\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n END\n ====================================================== --\u003e\n\u003csection class=\"vtt-end\"\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eORGANIZE \u003cspan\u003e•\u003c\/span\u003e PACK \u003cspan\u003e•\u003c\/span\u003e TRAVEL\u003c\/p\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n ROOT\n========================================================= *\/\n\n.voyatral-toiletry-page{\n\n --navy:#0b293e;\n --deep:#061c2c;\n\n --blue:#365c76;\n --bluegray:#91a5b2;\n\n --cream:#faf7f0;\n --beige:#dfcdb8;\n\n --orange:#eca06b;\n\n --white:#ffffff;\n --text:#173246;\n\n width:100%;\n\n position:relative;\n\n overflow:hidden;\n\n container-type:inline-size;\n\n font-family:\n Inter,\n Montserrat,\n Arial,\n Helvetica,\n sans-serif;\n\n color:var(--text);\n\n background:\n\n radial-gradient(\n circle at 8% 20%,\n rgba(236,160,107,.14),\n transparent 24%\n ),\n\n radial-gradient(\n circle at 95% 47%,\n rgba(54,92,118,.16),\n transparent 26%\n ),\n\n linear-gradient(\n 180deg,\n #fffdf9 0%,\n #f8f4ed 52%,\n #edf3f6 100%\n );\n\n}\n\n\n\/* BOX SIZING *\/\n\n.voyatral-toiletry-page *,\n.voyatral-toiletry-page *::before,\n.voyatral-toiletry-page *::after{\n\n box-sizing:border-box;\n\n}\n\n\n\/* =========================================================\n CONTAINER\n========================================================= *\/\n\n.vtt-container{\n\n width:min(\n 1240px,\n calc(100% - 40px)\n );\n\n margin:0 auto;\n\n padding:\n 90px 0;\n\n position:relative;\n\n z-index:2;\n\n min-width:0;\n\n}\n\n\n\/* =========================================================\n BACKGROUND\n========================================================= *\/\n\n.vtt-glow{\n\n position:absolute;\n\n border-radius:50%;\n\n pointer-events:none;\n\n}\n\n\n.vtt-glow--one{\n\n width:500px;\n height:500px;\n\n left:-260px;\n top:650px;\n\n background:\n rgba(235,159,105,.13);\n\n filter:blur(20px);\n\n}\n\n\n.vtt-glow--two{\n\n width:520px;\n height:520px;\n\n right:-250px;\n top:1750px;\n\n background:\n rgba(45,90,119,.13);\n\n filter:blur(20px);\n\n}\n\n\n\/* =========================================================\n HERO\n 全部左对齐\n========================================================= *\/\n\n.vtt-hero{\n\n max-width:980px;\n\n padding:\n 65px 20px\n 80px;\n\n text-align:left;\n\n}\n\n\n.vtt-eyebrow{\n\n display:flex;\n\n align-items:center;\n\n justify-content:flex-start;\n\n gap:14px;\n\n color:var(--blue);\n\n font-size:11px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vtt-eyebrow span{\n\n display:block;\n\n width:48px;\n height:1px;\n\n flex:none;\n\n background:\n linear-gradient(\n 90deg,\n var(--orange),\n transparent\n );\n\n}\n\n\n.vtt-hero h1{\n\n max-width:900px;\n\n margin:\n 28px 0 0;\n\n color:var(--navy);\n\n font-size:\n clamp(\n 48px,\n 6vw,\n 82px\n );\n\n font-weight:800;\n\n line-height:1;\n\n letter-spacing:-3px;\n\n word-break:normal;\n\n}\n\n\n.vtt-hero h1 strong{\n\n display:block;\n\n margin-top:6px;\n\n font-weight:800;\n\n background:\n linear-gradient(\n 90deg,\n var(--blue),\n #628499,\n var(--orange)\n );\n\n -webkit-background-clip:text;\n\n background-clip:text;\n\n color:transparent;\n\n}\n\n\n.vtt-hero-copy{\n\n max-width:720px;\n\n margin:\n 30px 0 0;\n\n color:#627785;\n\n font-size:19px;\n\n line-height:1.8;\n\n}\n\n\n.vtt-tags{\n\n display:flex;\n\n justify-content:flex-start;\n\n flex-wrap:wrap;\n\n gap:12px;\n\n margin-top:32px;\n\n}\n\n\n.vtt-tags span{\n\n padding:\n 11px 17px;\n\n border-radius:999px;\n\n background:\n rgba(255,255,255,.76);\n\n border:\n 1px solid\n rgba(15,48,69,.09);\n\n box-shadow:\n 0 10px 30px\n rgba(10,35,51,.06);\n\n color:var(--navy);\n\n font-size:12px;\n\n font-weight:700;\n\n}\n\n\n\/* =========================================================\n ALL IMAGE CONTAINERS\n 统一 1:1\n========================================================= *\/\n\n.vtt-main-image,\n.vtt-organized-image,\n.vtt-final-image{\n\n position:relative;\n\n width:100%;\n\n aspect-ratio:1 \/ 1;\n\n height:auto;\n\n min-height:0;\n\n overflow:hidden;\n\n background:#e5edf1;\n\n}\n\n\n.vtt-main-image{\n\n border-radius:34px;\n\n box-shadow:\n 0 35px 85px\n rgba(16,45,64,.14);\n\n}\n\n\n.vtt-organized-image{\n\n border-radius:30px;\n\n z-index:2;\n\n}\n\n\n.vtt-final-image{\n\n border-radius:0;\n\n}\n\n\n\/* =========================================================\n ACTUAL IMAGE\n 完全撑满\n========================================================= *\/\n\n.vtt-main-image \u003e img,\n.vtt-organized-image \u003e img,\n.vtt-final-image \u003e img{\n\n position:absolute !important;\n\n inset:0 !important;\n\n width:100% !important;\n\n height:100% !important;\n\n max-width:none !important;\n\n min-width:100% !important;\n\n min-height:100% !important;\n\n margin:0 !important;\n\n padding:0 !important;\n\n display:block !important;\n\n object-fit:cover !important;\n\n object-position:center center !important;\n\n}\n\n\n\/* =========================================================\n PLACEHOLDER\n========================================================= *\/\n\n.vtt-placeholder{\n\n position:absolute;\n\n inset:0;\n\n width:100%;\n height:100%;\n\n min-height:0;\n\n display:flex;\n\n flex-direction:column;\n\n justify-content:center;\n\n align-items:center;\n\n text-align:center;\n\n color:#fff;\n\n background:\n\n radial-gradient(\n circle at 75% 25%,\n rgba(238,163,109,.36),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 25% 80%,\n rgba(71,115,143,.35),\n transparent 28%\n ),\n\n linear-gradient(\n 135deg,\n #15374d,\n #3b6680 48%,\n #d5a87d\n );\n\n}\n\n\n.vtt-placeholder--dark{\n\n background:\n\n radial-gradient(\n circle at 78% 25%,\n rgba(237,160,105,.25),\n transparent 24%\n ),\n\n linear-gradient(\n 145deg,\n #061b2b,\n #12394e 55%,\n #52758a\n );\n\n}\n\n\n.vtt-placeholder strong{\n\n font-size:17px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vtt-placeholder \u003e span{\n\n margin-top:9px;\n\n font-size:12px;\n\n opacity:.70;\n\n}\n\n\n\/* =========================================================\n INTRO\n 标题 + 正文上下排列\n========================================================= *\/\n\n.vtt-intro{\n\n display:flex;\n\n flex-direction:column;\n\n align-items:flex-start;\n\n gap:34px;\n\n padding:\n 120px 25px\n 100px;\n\n}\n\n\n.vtt-intro-title{\n\n width:100%;\n\n max-width:900px;\n\n text-align:left;\n\n}\n\n\n.vtt-small-title{\n\n display:block;\n\n margin-bottom:17px;\n\n color:var(--orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vtt-intro h2,\n.vtt-organized h2,\n.vtt-portable h2{\n\n margin:0;\n\n color:var(--navy);\n\n font-size:\n clamp(\n 38px,\n 4.5vw,\n 60px\n );\n\n line-height:1.05;\n\n letter-spacing:-2px;\n\n text-align:left;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n hyphens:none;\n\n}\n\n\n.vtt-intro h2 strong,\n.vtt-organized h2 strong,\n.vtt-portable h2 strong{\n\n display:block;\n\n color:var(--blue);\n\n}\n\n\n.vtt-intro-text{\n\n width:100%;\n\n max-width:850px;\n\n text-align:left;\n\n}\n\n\n.vtt-intro-text p{\n\n max-width:850px;\n\n margin:\n 0 0 22px;\n\n color:#617582;\n\n font-size:17px;\n\n line-height:1.9;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n hyphens:none;\n\n}\n\n\n\/* =========================================================\n FEATURES\n========================================================= *\/\n\n.vtt-features{\n\n display:grid;\n\n grid-template-columns:\n repeat(\n 4,\n minmax(0,1fr)\n );\n\n gap:16px;\n\n margin-bottom:120px;\n\n}\n\n\n.vtt-feature{\n\n position:relative;\n\n min-width:0;\n\n min-height:300px;\n\n padding:32px;\n\n text-align:left;\n\n overflow:hidden;\n\n border-radius:27px;\n\n background:\n rgba(255,255,255,.78);\n\n border:\n 1px solid\n rgba(14,49,70,.08);\n\n box-shadow:\n 0 20px 55px\n rgba(14,41,58,.07);\n\n transition:\n transform .3s ease,\n box-shadow .3s ease;\n\n}\n\n\n.vtt-feature:hover{\n\n transform:\n translateY(-8px);\n\n box-shadow:\n 0 30px 65px\n rgba(14,41,58,.13);\n\n}\n\n\n.vtt-feature-number{\n\n position:absolute;\n\n right:22px;\n top:19px;\n\n color:\n rgba(25,65,89,.06);\n\n font-size:46px;\n\n font-weight:800;\n\n}\n\n\n.vtt-feature-icon{\n\n width:55px;\n height:55px;\n\n display:flex;\n\n align-items:center;\n\n justify-content:center;\n\n margin-bottom:27px;\n\n border-radius:17px;\n\n color:white;\n\n font-size:21px;\n\n background:\n linear-gradient(\n 135deg,\n var(--navy),\n var(--blue)\n );\n\n box-shadow:\n 0 14px 30px\n rgba(13,44,63,.18);\n\n}\n\n\n.vtt-feature:nth-child(2)\n.vtt-feature-icon,\n.vtt-feature:nth-child(4)\n.vtt-feature-icon{\n\n background:\n linear-gradient(\n 135deg,\n #dc8857,\n #efb47f\n );\n\n}\n\n\n.vtt-feature-body{\n\n min-width:0;\n\n}\n\n\n.vtt-feature h3{\n\n margin:\n 0 0 13px;\n\n color:var(--navy);\n\n font-size:19px;\n\n line-height:1.35;\n\n text-align:left;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n hyphens:none;\n\n}\n\n\n.vtt-feature p{\n\n margin:0;\n\n color:#677b88;\n\n font-size:14px;\n\n line-height:1.75;\n\n text-align:left;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n hyphens:none;\n\n}\n\n\n\/* =========================================================\n ORGANIZED DARK SECTION\n========================================================= *\/\n\n.vtt-organized{\n\n display:grid;\n\n grid-template-columns:\n minmax(0,1.08fr)\n minmax(0,.92fr);\n\n gap:70px;\n\n align-items:center;\n\n padding:70px;\n\n position:relative;\n\n overflow:hidden;\n\n border-radius:42px;\n\n background:\n linear-gradient(\n 135deg,\n #081f30 0%,\n #10364c 55%,\n #1d5068 100%\n );\n\n box-shadow:\n 0 40px 100px\n rgba(7,30,45,.22);\n\n}\n\n\n.vtt-organized::after{\n\n content:\"\";\n\n position:absolute;\n\n width:330px;\n height:330px;\n\n right:-120px;\n top:-120px;\n\n border-radius:50%;\n\n background:\n rgba(236,160,107,.20);\n\n}\n\n\n.vtt-organized-content{\n\n min-width:0;\n\n position:relative;\n\n z-index:2;\n\n text-align:left;\n\n}\n\n\n.vtt-organized h2{\n\n color:#fff;\n\n text-align:left;\n\n}\n\n\n.vtt-organized h2 strong{\n\n color:#efb080;\n\n}\n\n\n.vtt-organized-content \u003e p{\n\n max-width:650px;\n\n margin:\n 25px 0 0;\n\n color:\n rgba(255,255,255,.70);\n\n font-size:16px;\n\n line-height:1.85;\n\n text-align:left;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n}\n\n\n\/* =========================================================\n STORAGE ITEMS\n 默认也采用上下排列\n========================================================= *\/\n\n.vtt-storage-list{\n\n display:grid;\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n margin-top:34px;\n\n}\n\n\n.vtt-storage-item{\n\n width:100%;\n\n min-width:0;\n\n display:flex;\n\n align-items:flex-start;\n\n gap:15px;\n\n padding:\n 17px 18px;\n\n border-radius:17px;\n\n background:\n rgba(255,255,255,.065);\n\n border:\n 1px solid\n rgba(255,255,255,.10);\n\n}\n\n\n.vtt-storage-number{\n\n flex:\n 0 0 32px;\n\n width:32px;\n height:32px;\n\n display:flex;\n\n align-items:center;\n\n justify-content:center;\n\n border-radius:50%;\n\n background:\n var(--orange);\n\n color:#fff;\n\n font-size:10px;\n\n font-weight:900;\n\n}\n\n\n.vtt-storage-text{\n\n flex:1;\n\n min-width:0;\n\n text-align:left;\n\n}\n\n\n.vtt-storage-text strong{\n\n display:block;\n\n color:#fff;\n\n font-size:14px;\n\n line-height:1.35;\n\n word-break:normal;\n\n}\n\n\n.vtt-storage-text small{\n\n display:block;\n\n margin-top:5px;\n\n color:\n rgba(255,255,255,.57);\n\n font-size:12px;\n\n line-height:1.55;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n}\n\n\n\/* =========================================================\n PORTABLE\n========================================================= *\/\n\n.vtt-portable{\n\n padding:\n 125px 20px;\n\n}\n\n\n.vtt-portable-heading{\n\n max-width:850px;\n\n margin:0;\n\n text-align:left;\n\n}\n\n\n.vtt-portable-heading \u003e span{\n\n color:var(--orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vtt-portable-heading h2{\n\n margin-top:18px;\n\n text-align:left;\n\n}\n\n\n.vtt-portable-heading \u003e p{\n\n max-width:700px;\n\n margin:\n 25px 0 0;\n\n color:#627682;\n\n font-size:16px;\n\n line-height:1.85;\n\n text-align:left;\n\n}\n\n\n\/* =========================================================\n USE CARDS\n========================================================= *\/\n\n.vtt-use-grid{\n\n display:grid;\n\n grid-template-columns:\n repeat(\n 4,\n minmax(0,1fr)\n );\n\n gap:16px;\n\n margin-top:55px;\n\n}\n\n\n.vtt-use-grid article{\n\n min-width:0;\n\n padding:\n 34px 25px;\n\n text-align:left;\n\n border-radius:24px;\n\n border:\n 1px solid\n rgba(22,60,83,.08);\n\n background:\n linear-gradient(\n 180deg,\n #fff,\n #f3f7f8\n );\n\n box-shadow:\n 0 18px 40px\n rgba(12,40,57,.05);\n\n}\n\n\n.vtt-use-icon{\n\n margin-bottom:13px;\n\n font-size:27px;\n\n}\n\n\n.vtt-use-grid strong{\n\n display:block;\n\n margin-bottom:8px;\n\n color:var(--navy);\n\n font-size:15px;\n\n line-height:1.35;\n\n text-align:left;\n\n}\n\n\n.vtt-use-grid article \u003e span{\n\n color:#768894;\n\n font-size:12px;\n\n line-height:1.6;\n\n text-align:left;\n\n}\n\n\n\/* =========================================================\n FINAL SECTION\n========================================================= *\/\n\n.vtt-final{\n\n overflow:hidden;\n\n border-radius:40px;\n\n background:#fff;\n\n border:\n 1px solid\n rgba(14,49,70,.07);\n\n box-shadow:\n 0 38px 90px\n rgba(15,43,60,.13);\n\n}\n\n\n\/* =========================================================\n FINAL COPY\n 全部左对齐\n========================================================= *\/\n\n.vtt-final-content{\n\n position:relative;\n\n overflow:hidden;\n\n padding:\n 72px 60px\n 62px;\n\n text-align:left;\n\n background:\n\n radial-gradient(\n circle at 15% 12%,\n rgba(236,160,107,.14),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 88% 85%,\n rgba(54,92,118,.11),\n transparent 29%\n ),\n\n linear-gradient(\n 135deg,\n #fffdf9 0%,\n #f8f4ed 52%,\n #edf3f6 100%\n );\n\n}\n\n\n.vtt-final-content::before{\n\n content:\"\";\n\n position:absolute;\n\n width:275px;\n height:275px;\n\n right:-105px;\n top:-130px;\n\n border-radius:50%;\n\n border:\n 1px solid\n rgba(54,92,118,.08);\n\n}\n\n\n.vtt-final-content::after{\n\n content:\"\";\n\n position:absolute;\n\n width:190px;\n height:190px;\n\n left:-95px;\n bottom:-115px;\n\n border-radius:50%;\n\n border:\n 1px solid\n rgba(236,160,107,.12);\n\n}\n\n\n\/* FINAL LABEL *\/\n\n.vtt-final-topline{\n\n display:flex;\n\n align-items:center;\n\n justify-content:flex-start;\n\n gap:14px;\n\n position:relative;\n\n z-index:2;\n\n}\n\n\n.vtt-final-line{\n\n width:45px;\n height:1px;\n\n flex:none;\n\n background:\n linear-gradient(\n 90deg,\n var(--orange),\n transparent\n );\n\n}\n\n\n.vtt-final-label{\n\n color:var(--orange);\n\n font-size:10px;\n\n font-weight:900;\n\n letter-spacing:2.8px;\n\n}\n\n\n\/* ICON *\/\n\n.vtt-final-icon{\n\n width:60px;\n height:60px;\n\n margin:\n 30px 0\n 23px;\n\n display:flex;\n\n align-items:center;\n\n justify-content:center;\n\n position:relative;\n\n z-index:2;\n\n border-radius:18px;\n\n color:#fff;\n\n font-size:23px;\n\n background:\n linear-gradient(\n 135deg,\n var(--navy),\n var(--blue)\n );\n\n box-shadow:\n 0 15px 32px\n rgba(11,42,64,.18);\n\n}\n\n\n\/* FINAL TITLE *\/\n\n.vtt-final-content h2{\n\n max-width:820px;\n\n margin:0;\n\n position:relative;\n\n z-index:2;\n\n color:var(--navy);\n\n font-size:\n clamp(\n 38px,\n 4.5vw,\n 58px\n );\n\n line-height:1.03;\n\n letter-spacing:-2px;\n\n text-align:left;\n\n}\n\n\n.vtt-final-content h2 strong{\n\n display:block;\n\n margin-top:5px;\n\n background:\n linear-gradient(\n 90deg,\n var(--blue),\n #628499,\n var(--orange)\n );\n\n -webkit-background-clip:text;\n\n background-clip:text;\n\n color:transparent;\n\n}\n\n\n\/* FINAL COPY *\/\n\n.vtt-final-content \u003e p{\n\n max-width:720px;\n\n margin:\n 24px 0 0;\n\n position:relative;\n\n z-index:2;\n\n color:#627682;\n\n font-size:15px;\n\n line-height:1.85;\n\n text-align:left;\n\n}\n\n\n\/* FINAL BENEFITS *\/\n\n.vtt-final-benefits{\n\n display:flex;\n\n align-items:center;\n\n justify-content:flex-start;\n\n flex-wrap:wrap;\n\n gap:14px;\n\n margin-top:32px;\n\n position:relative;\n\n z-index:2;\n\n}\n\n\n.vtt-final-benefits span{\n\n color:#48677a;\n\n font-size:9px;\n\n font-weight:900;\n\n letter-spacing:1.8px;\n\n}\n\n\n.vtt-final-benefits i{\n\n width:5px;\n height:5px;\n\n flex:none;\n\n display:block;\n\n border-radius:50%;\n\n background:\n var(--orange);\n\n}\n\n\n\/* =========================================================\n END\n========================================================= *\/\n\n.vtt-end{\n\n display:flex;\n\n align-items:center;\n\n gap:25px;\n\n padding:\n 70px 0\n 10px;\n\n}\n\n\n.vtt-end \u003e div{\n\n flex:1;\n\n height:1px;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n rgba(15,46,66,.24),\n transparent\n );\n\n}\n\n\n.vtt-end p{\n\n margin:0;\n\n color:var(--blue);\n\n font-size:10px;\n\n font-weight:900;\n\n letter-spacing:2.5px;\n\n text-align:center;\n\n}\n\n\n.vtt-end p span{\n\n margin:\n 0 10px;\n\n color:var(--orange);\n\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media(max-width:980px){\n\n .vtt-container{\n\n width:\n calc(100% - 28px);\n\n padding:\n 50px 0;\n\n }\n\n\n .vtt-features{\n\n grid-template-columns:\n repeat(\n 2,\n minmax(0,1fr)\n );\n\n }\n\n\n .vtt-organized{\n\n grid-template-columns:\n 1fr;\n\n gap:40px;\n\n padding:35px;\n\n }\n\n\n .vtt-use-grid{\n\n grid-template-columns:\n repeat(\n 2,\n minmax(0,1fr)\n );\n\n }\n\n}\n\n\n\/* =========================================================\n SHOPIFY CONTAINER RESPONSIVE\n========================================================= *\/\n\n@container(max-width:720px){\n\n\n \/* HERO *\/\n\n .vtt-hero{\n\n padding:\n 50px 12px\n 60px;\n\n }\n\n\n \/* INTRO *\/\n\n .vtt-intro{\n\n padding:\n 75px 10px;\n\n gap:28px;\n\n }\n\n\n \/*\n 4 FEATURES\n 全部上下排列\n *\/\n\n .vtt-features{\n\n grid-template-columns:\n 1fr;\n\n gap:14px;\n\n margin-bottom:70px;\n\n }\n\n\n .vtt-feature{\n\n width:100%;\n\n min-height:auto;\n\n padding:\n 28px 26px;\n\n }\n\n\n \/*\n DARK SECTION\n 图片在上\n 文字在下\n *\/\n\n .vtt-organized{\n\n grid-template-columns:\n 1fr;\n\n gap:36px;\n\n padding:18px;\n\n border-radius:28px;\n\n }\n\n\n .vtt-organized-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n \/*\n 4 DARK CARDS\n 上下排列\n *\/\n\n .vtt-storage-list{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n \/*\n USE CARDS\n 上下排列\n *\/\n\n .vtt-use-grid{\n\n grid-template-columns:\n 1fr;\n\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:640px){\n\n .vtt-container{\n\n width:\n calc(100% - 20px);\n\n padding:\n 30px 0\n 45px;\n\n }\n\n\n \/* HERO *\/\n\n .vtt-hero{\n\n padding:\n 45px 8px\n 55px;\n\n }\n\n\n .vtt-eyebrow{\n\n gap:8px;\n\n font-size:8px;\n\n line-height:1.5;\n\n letter-spacing:1.8px;\n\n }\n\n\n .vtt-eyebrow span{\n\n width:25px;\n\n }\n\n\n .vtt-hero h1{\n\n max-width:100%;\n\n font-size:\n clamp(\n 38px,\n 11vw,\n 48px\n );\n\n line-height:1.02;\n\n letter-spacing:-1.8px;\n\n }\n\n\n .vtt-hero-copy{\n\n max-width:100%;\n\n font-size:16px;\n\n }\n\n\n \/* IMAGE 1 *\/\n\n .vtt-main-image{\n\n border-radius:24px;\n\n }\n\n\n \/* INTRO *\/\n\n .vtt-intro{\n\n padding:\n 65px 8px;\n\n gap:25px;\n\n }\n\n\n .vtt-small-title{\n\n font-size:9px;\n\n letter-spacing:2.4px;\n\n }\n\n\n .vtt-intro h2,\n .vtt-organized h2,\n .vtt-portable h2{\n\n max-width:100%;\n\n font-size:\n clamp(\n 34px,\n 9vw,\n 41px\n );\n\n line-height:1.06;\n\n letter-spacing:-1.5px;\n\n }\n\n\n .vtt-intro-text{\n\n max-width:100%;\n\n }\n\n\n .vtt-intro-text p{\n\n max-width:100%;\n\n font-size:15px;\n\n line-height:1.8;\n\n }\n\n\n \/* FEATURES *\/\n\n .vtt-features{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vtt-feature{\n\n width:100%;\n\n padding:\n 27px 24px;\n\n }\n\n\n .vtt-feature h3{\n\n font-size:18px;\n\n }\n\n\n \/* ORGANIZED *\/\n\n .vtt-organized{\n\n grid-template-columns:\n 1fr;\n\n gap:35px;\n\n padding:18px;\n\n border-radius:28px;\n\n }\n\n\n .vtt-organized-image{\n\n border-radius:21px;\n\n }\n\n\n .vtt-organized-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n .vtt-organized-content \u003e p{\n\n font-size:15px;\n\n }\n\n\n \/* DARK CARDS *\/\n\n .vtt-storage-list{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vtt-storage-item{\n\n width:100%;\n\n padding:\n 16px;\n\n }\n\n\n \/* PORTABLE *\/\n\n .vtt-portable{\n\n padding:\n 80px 8px;\n\n }\n\n\n .vtt-portable-heading{\n\n width:100%;\n\n }\n\n\n .vtt-portable-heading \u003e p{\n\n font-size:15px;\n\n }\n\n\n \/* USE *\/\n\n .vtt-use-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vtt-use-grid article{\n\n width:100%;\n\n padding:\n 27px 20px;\n\n }\n\n\n \/* FINAL *\/\n\n .vtt-final{\n\n border-radius:25px;\n\n }\n\n\n .vtt-final-content{\n\n padding:\n 48px 24px\n 42px;\n\n }\n\n\n .vtt-final-topline{\n\n gap:8px;\n\n }\n\n\n .vtt-final-line{\n\n width:24px;\n\n }\n\n\n .vtt-final-label{\n\n font-size:8px;\n\n letter-spacing:1.5px;\n\n }\n\n\n .vtt-final-icon{\n\n width:50px;\n height:50px;\n\n margin:\n 25px 0\n 22px;\n\n font-size:20px;\n\n }\n\n\n .vtt-final-content h2{\n\n max-width:100%;\n\n font-size:\n clamp(\n 34px,\n 9vw,\n 41px\n );\n\n line-height:1.05;\n\n letter-spacing:-1.5px;\n\n }\n\n\n .vtt-final-content \u003e p{\n\n max-width:100%;\n\n font-size:14px;\n\n }\n\n\n .vtt-final-benefits{\n\n justify-content:flex-start;\n\n gap:9px;\n\n margin-top:26px;\n\n }\n\n\n .vtt-final-benefits span{\n\n font-size:7px;\n\n letter-spacing:1px;\n\n }\n\n\n \/* END *\/\n\n .vtt-end{\n\n gap:8px;\n\n padding-top:45px;\n\n }\n\n\n .vtt-end p{\n\n font-size:8px;\n\n line-height:1.8;\n\n }\n\n}\n\n\u003c\/style\u003e","brand":"Voyatral™ ","offers":[{"title":"1 pc","offer_id":67616253182206,"sku":"Voyatral*1","price":29.43,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":67616253214974,"sku":"Voyatral*2","price":49.32,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":67616253247742,"sku":"Voyatral*4","price":84.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPTImage2026_9_23_22_58_50_1.png?v=1790661949"},{"product_id":"voyatral™-travel-toiletry-bag-with-waterproof-storage-design","title":"Voyatral™ Travel Toiletry Bag with Waterproof Storage Design","description":"\u003c!-- =========================================================\n VOYATRAL™ TRAVEL TOILETRY BAG\n========================================================= --\u003e\n\u003csection class=\"voyatral-toiletry-page\"\u003e\n\u003cdiv class=\"vtt-glow vtt-glow--one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vtt-glow vtt-glow--two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vtt-container\"\u003e\n\u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"vtt-hero\"\u003e\n\u003cdiv class=\"vtt-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e TRAVEL ORGANIZATION COLLECTION\u003c\/div\u003e\n\u003ch1\u003eVoyatral™ Travel \u003cstrong\u003eToiletry Bag\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp class=\"vtt-hero-copy\"\u003eKeep your personal care essentials organized, protected, and easy to access throughout every trip.\u003c\/p\u003e\n\u003cdiv class=\"vtt-tags\"\u003e\n\u003cspan\u003e✈ Travel Ready\u003c\/span\u003e \u003cspan\u003e◫ Organized Storage\u003c\/span\u003e \u003cspan\u003e💧 Water-Resistant Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 1\n 1:1 + 完全撑满\n ====================================================== --\u003e\n\u003csection class=\"vtt-main-image\"\u003e\n\u003cdiv class=\"vtt-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_23_23_05_44_7.png?v=1790662000\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n 标题在上\n 正文在下\n ====================================================== --\u003e\n\u003csection class=\"vtt-intro\"\u003e\n\u003cdiv class=\"vtt-intro-title\"\u003e\n\u003cspan class=\"vtt-small-title\"\u003e ORGANIZED FOR THE JOURNEY \u003c\/span\u003e\n\u003ch2\u003eEverything You Need. \u003cstrong\u003e Right Where You Need It. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vtt-intro-text\"\u003e\n\u003cp\u003eThe Voyatral™ Travel Toiletry Bag is designed with multiple compartments for storing skincare products, cosmetics, toothbrushes, grooming tools, and other everyday travel essentials.\u003c\/p\u003e\n\u003cp\u003eIts organized interior helps separate different items and reduce clutter, making your personal care essentials easier to find throughout your journey.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FEATURES\n ====================================================== --\u003e\n\u003csection class=\"vtt-features\"\u003e\n\u003carticle class=\"vtt-feature\"\u003e\u003cspan class=\"vtt-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vtt-feature-icon\"\u003e◫\u003c\/div\u003e\n\u003cdiv class=\"vtt-feature-body\"\u003e\n\u003ch3\u003eMultiple Compartments\u003c\/h3\u003e\n\u003cp\u003eKeep skincare, cosmetics, grooming tools, and everyday essentials neatly separated.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"vtt-feature\"\u003e\u003cspan class=\"vtt-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vtt-feature-icon\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"vtt-feature-body\"\u003e\n\u003ch3\u003eWater-Resistant Exterior\u003c\/h3\u003e\n\u003cp\u003eHelps protect your belongings from light splashes and everyday moisture while traveling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"vtt-feature\"\u003e\u003cspan class=\"vtt-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vtt-feature-icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"vtt-feature-body\"\u003e\n\u003ch3\u003eEasy Access\u003c\/h3\u003e\n\u003cp\u003eOrganized storage makes frequently used items easier to find without unnecessary searching.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"vtt-feature\"\u003e\u003cspan class=\"vtt-feature-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vtt-feature-icon\"\u003e✈\u003c\/div\u003e\n\u003cdiv class=\"vtt-feature-body\"\u003e\n\u003ch3\u003eCompact For Travel\u003c\/h3\u003e\n\u003cp\u003eA practical shape designed to fit easily inside luggage, carry-ons, and backpacks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 2 + CONTENT\n ====================================================== --\u003e\n\u003csection class=\"vtt-organized\"\u003e\u003c!-- IMAGE 2 --\u003e\n\u003cdiv class=\"vtt-organized-image\"\u003e\n\u003cdiv class=\"vtt-placeholder vtt-placeholder--dark\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_23_23_05_44_8.png?v=1790662000\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CONTENT --\u003e\n\u003cdiv class=\"vtt-organized-content\"\u003e\n\u003cspan class=\"vtt-small-title\"\u003e SMART STORAGE \u003c\/span\u003e\n\u003ch2\u003eA Place For \u003cstrong\u003e Every Essential. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eAn organized interior helps separate different items and reduce clutter, keeping your travel essentials neatly arranged and easier to access.\u003c\/p\u003e\n\u003c!-- 4 STORAGE CARDS --\u003e\n\u003cdiv class=\"vtt-storage-list\"\u003e\n\u003cdiv class=\"vtt-storage-item\"\u003e\n\u003cspan class=\"vtt-storage-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vtt-storage-text\"\u003e\n\u003cstrong\u003e Skincare \u003c\/strong\u003e \u003csmall\u003e Bottles, creams and everyday care products. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vtt-storage-item\"\u003e\n\u003cspan class=\"vtt-storage-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vtt-storage-text\"\u003e\n\u003cstrong\u003e Cosmetics \u003c\/strong\u003e \u003csmall\u003e Keep makeup and smaller accessories together. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vtt-storage-item\"\u003e\n\u003cspan class=\"vtt-storage-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vtt-storage-text\"\u003e\n\u003cstrong\u003e Dental Care \u003c\/strong\u003e \u003csmall\u003e Toothbrushes, toothpaste and personal essentials. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vtt-storage-item\"\u003e\n\u003cspan class=\"vtt-storage-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vtt-storage-text\"\u003e\n\u003cstrong\u003e Grooming Tools \u003c\/strong\u003e \u003csmall\u003e Organize razors, combs and everyday tools. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PORTABLE SECTION\n ====================================================== --\u003e\n\u003csection class=\"vtt-portable\"\u003e\n\u003cdiv class=\"vtt-portable-heading\"\u003e\n\u003cspan\u003e MADE TO TRAVEL \u003c\/span\u003e\n\u003ch2\u003eCompact To Pack. \u003cstrong\u003e Easy To Carry. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe compact shape and convenient carry handle make it easy to pack inside luggage, carry-on bags, or backpacks without taking up unnecessary space.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vtt-use-grid\"\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vtt-use-icon\"\u003e🏨\u003c\/div\u003e\n\u003cstrong\u003e Hotel Stays \u003c\/strong\u003e \u003cspan\u003e Keep daily essentials organized away from home. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vtt-use-icon\"\u003e💼\u003c\/div\u003e\n\u003cstrong\u003e Business Travel \u003c\/strong\u003e \u003cspan\u003e A simple solution for shorter professional trips. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vtt-use-icon\"\u003e☀\u003c\/div\u003e\n\u003cstrong\u003e Vacations \u003c\/strong\u003e \u003cspan\u003e Keep personal care items together throughout your trip. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vtt-use-icon\"\u003e🏡\u003c\/div\u003e\n\u003cstrong\u003e Everyday Organization \u003c\/strong\u003e \u003cspan\u003e Useful at home as well as while traveling. \u003c\/span\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL\n 文案在上\n 图片在下\n ====================================================== --\u003e\n\u003csection class=\"vtt-final\"\u003e\u003c!-- FINAL COPY --\u003e\n\u003cdiv class=\"vtt-final-content\"\u003e\n\u003cdiv class=\"vtt-final-topline\"\u003e\n\u003cspan class=\"vtt-final-line\"\u003e\u003c\/span\u003e \u003cspan class=\"vtt-final-label\"\u003e VOYATRAL™ TRAVEL ESSENTIALS \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vtt-final-icon\"\u003e◫\u003c\/div\u003e\n\u003ch2\u003eNeat. Portable. \u003cstrong\u003e Ready To Go. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you are staying at a hotel, traveling for business, heading on vacation, or organizing daily essentials, Voyatral™ helps keep personal care items neat, portable, and ready to use.\u003c\/p\u003e\n\u003cdiv class=\"vtt-final-benefits\"\u003e\n\u003cspan\u003e ORGANIZED STORAGE \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e WATER-RESISTANT \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e TRAVEL READY \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- IMAGE 3 --\u003e\n\u003cdiv class=\"vtt-final-image\"\u003e\n\u003cdiv class=\"vtt-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_23_23_05_43_6.png?v=1790662000\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n END\n ====================================================== --\u003e\n\u003csection class=\"vtt-end\"\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eORGANIZE \u003cspan\u003e•\u003c\/span\u003e PACK \u003cspan\u003e•\u003c\/span\u003e TRAVEL\u003c\/p\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n ROOT\n========================================================= *\/\n\n.voyatral-toiletry-page{\n\n --navy:#0b293e;\n --deep:#061c2c;\n --blue:#365c76;\n --bluegray:#91a5b2;\n\n --cream:#faf7f0;\n --beige:#dfcdb8;\n\n --orange:#eca06b;\n\n --white:#ffffff;\n --text:#173246;\n\n width:100%;\n\n position:relative;\n\n overflow:hidden;\n\n container-type:inline-size;\n\n font-family:\n Inter,\n Montserrat,\n Arial,\n Helvetica,\n sans-serif;\n\n color:var(--text);\n\n background:\n\n radial-gradient(\n circle at 8% 20%,\n rgba(236,160,107,.14),\n transparent 24%\n ),\n\n radial-gradient(\n circle at 95% 47%,\n rgba(54,92,118,.16),\n transparent 26%\n ),\n\n linear-gradient(\n 180deg,\n #fffdf9 0%,\n #f8f4ed 52%,\n #edf3f6 100%\n );\n\n}\n\n\n\/* =========================================================\n BOX SIZING\n========================================================= *\/\n\n.voyatral-toiletry-page *,\n.voyatral-toiletry-page *::before,\n.voyatral-toiletry-page *::after{\n\n box-sizing:border-box;\n\n}\n\n\n\/* =========================================================\n CONTAINER\n========================================================= *\/\n\n.vtt-container{\n\n width:min(\n 1240px,\n calc(100% - 40px)\n );\n\n margin:0 auto;\n\n padding:\n 90px 0;\n\n position:relative;\n\n z-index:2;\n\n min-width:0;\n\n}\n\n\n\/* =========================================================\n BACKGROUND GLOW\n========================================================= *\/\n\n.vtt-glow{\n\n position:absolute;\n\n border-radius:50%;\n\n pointer-events:none;\n\n}\n\n\n.vtt-glow--one{\n\n width:500px;\n height:500px;\n\n left:-260px;\n top:650px;\n\n background:\n rgba(235,159,105,.13);\n\n filter:blur(20px);\n\n}\n\n\n.vtt-glow--two{\n\n width:520px;\n height:520px;\n\n right:-250px;\n top:1750px;\n\n background:\n rgba(45,90,119,.13);\n\n filter:blur(20px);\n\n}\n\n\n\/* =========================================================\n HERO\n LEFT ALIGNED\n========================================================= *\/\n\n.vtt-hero{\n\n max-width:980px;\n\n padding:\n 65px 20px\n 80px;\n\n text-align:left;\n\n}\n\n\n.vtt-eyebrow{\n\n display:flex;\n\n align-items:center;\n\n justify-content:flex-start;\n\n gap:14px;\n\n color:var(--blue);\n\n font-size:11px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vtt-eyebrow span{\n\n display:block;\n\n width:48px;\n height:1px;\n\n flex:none;\n\n background:\n linear-gradient(\n 90deg,\n var(--orange),\n transparent\n );\n\n}\n\n\n.vtt-hero h1{\n\n max-width:900px;\n\n margin:\n 28px 0 0;\n\n color:var(--navy);\n\n font-size:\n clamp(\n 48px,\n 6vw,\n 82px\n );\n\n font-weight:800;\n\n line-height:1;\n\n letter-spacing:-3px;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n hyphens:none;\n\n}\n\n\n.vtt-hero h1 strong{\n\n display:block;\n\n margin-top:6px;\n\n font-weight:800;\n\n background:\n linear-gradient(\n 90deg,\n var(--blue),\n #628499,\n var(--orange)\n );\n\n -webkit-background-clip:text;\n background-clip:text;\n\n color:transparent;\n\n}\n\n\n.vtt-hero-copy{\n\n max-width:720px;\n\n margin:\n 30px 0 0;\n\n color:#627785;\n\n font-size:19px;\n\n line-height:1.8;\n\n}\n\n\n.vtt-tags{\n\n display:flex;\n\n justify-content:flex-start;\n\n flex-wrap:wrap;\n\n gap:12px;\n\n margin-top:32px;\n\n}\n\n\n.vtt-tags span{\n\n padding:\n 11px 17px;\n\n border-radius:999px;\n\n background:\n rgba(255,255,255,.76);\n\n border:\n 1px solid\n rgba(15,48,69,.09);\n\n box-shadow:\n 0 10px 30px\n rgba(10,35,51,.06);\n\n color:var(--navy);\n\n font-size:12px;\n\n font-weight:700;\n\n}\n\n\n\/* =========================================================\n ALL IMAGE CONTAINERS\n 1:1\n========================================================= *\/\n\n.vtt-main-image,\n.vtt-organized-image,\n.vtt-final-image{\n\n position:relative;\n\n width:100%;\n\n aspect-ratio:1 \/ 1;\n\n height:auto;\n\n min-height:0;\n\n overflow:hidden;\n\n background:#e5edf1;\n\n}\n\n\n\/* IMAGE 1 *\/\n\n.vtt-main-image{\n\n border-radius:34px;\n\n box-shadow:\n 0 35px 85px\n rgba(16,45,64,.14);\n\n}\n\n\n\/* IMAGE 2 *\/\n\n.vtt-organized-image{\n\n border-radius:30px;\n\n z-index:2;\n\n}\n\n\n\/* IMAGE 3 *\/\n\n.vtt-final-image{\n\n border-radius:0;\n\n}\n\n\n\/* =========================================================\n REAL IMAGE\n 强制撑满整个 1:1 容器\n========================================================= *\/\n\n.vtt-main-image \u003e img,\n.vtt-organized-image \u003e img,\n.vtt-final-image \u003e img{\n\n position:absolute !important;\n\n inset:0 !important;\n\n width:100% !important;\n\n height:100% !important;\n\n min-width:100% !important;\n\n min-height:100% !important;\n\n max-width:none !important;\n\n margin:0 !important;\n\n padding:0 !important;\n\n display:block !important;\n\n object-fit:cover !important;\n\n object-position:center center !important;\n\n}\n\n\n\/* =========================================================\n PLACEHOLDER\n========================================================= *\/\n\n.vtt-placeholder{\n\n position:absolute;\n\n inset:0;\n\n width:100%;\n height:100%;\n\n min-height:0;\n\n display:flex;\n\n flex-direction:column;\n\n align-items:center;\n\n justify-content:center;\n\n text-align:center;\n\n color:#fff;\n\n background:\n\n radial-gradient(\n circle at 75% 25%,\n rgba(238,163,109,.36),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 25% 80%,\n rgba(71,115,143,.35),\n transparent 28%\n ),\n\n linear-gradient(\n 135deg,\n #15374d,\n #3b6680 48%,\n #d5a87d\n );\n\n}\n\n\n.vtt-placeholder--dark{\n\n background:\n\n radial-gradient(\n circle at 78% 25%,\n rgba(237,160,105,.25),\n transparent 24%\n ),\n\n linear-gradient(\n 145deg,\n #061b2b,\n #12394e 55%,\n #52758a\n );\n\n}\n\n\n.vtt-placeholder strong{\n\n font-size:17px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vtt-placeholder \u003e span{\n\n margin-top:9px;\n\n font-size:12px;\n\n opacity:.70;\n\n}\n\n\n\/* =========================================================\n INTRO\n VERTICAL\n========================================================= *\/\n\n.vtt-intro{\n\n display:flex;\n\n flex-direction:column;\n\n align-items:flex-start;\n\n gap:34px;\n\n padding:\n 120px 25px\n 100px;\n\n}\n\n\n.vtt-intro-title{\n\n width:100%;\n\n max-width:900px;\n\n text-align:left;\n\n}\n\n\n.vtt-small-title{\n\n display:block;\n\n margin-bottom:17px;\n\n color:var(--orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vtt-intro h2,\n.vtt-organized h2,\n.vtt-portable h2{\n\n margin:0;\n\n color:var(--navy);\n\n font-size:\n clamp(\n 38px,\n 4.5vw,\n 60px\n );\n\n line-height:1.05;\n\n letter-spacing:-2px;\n\n text-align:left;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n hyphens:none;\n\n}\n\n\n.vtt-intro h2 strong,\n.vtt-organized h2 strong,\n.vtt-portable h2 strong{\n\n display:block;\n\n color:var(--blue);\n\n}\n\n\n.vtt-intro-text{\n\n width:100%;\n\n max-width:850px;\n\n text-align:left;\n\n}\n\n\n.vtt-intro-text p{\n\n max-width:850px;\n\n margin:\n 0 0 22px;\n\n color:#617582;\n\n font-size:17px;\n\n line-height:1.9;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n hyphens:none;\n\n}\n\n\n\/* =========================================================\n FEATURES\n========================================================= *\/\n\n.vtt-features{\n\n display:grid;\n\n grid-template-columns:\n repeat(\n 4,\n minmax(0,1fr)\n );\n\n gap:16px;\n\n margin-bottom:120px;\n\n}\n\n\n.vtt-feature{\n\n position:relative;\n\n min-width:0;\n\n min-height:300px;\n\n padding:32px;\n\n text-align:left;\n\n overflow:hidden;\n\n border-radius:27px;\n\n background:\n rgba(255,255,255,.78);\n\n border:\n 1px solid\n rgba(14,49,70,.08);\n\n box-shadow:\n 0 20px 55px\n rgba(14,41,58,.07);\n\n transition:\n transform .3s ease,\n box-shadow .3s ease;\n\n}\n\n\n.vtt-feature:hover{\n\n transform:\n translateY(-8px);\n\n box-shadow:\n 0 30px 65px\n rgba(14,41,58,.13);\n\n}\n\n\n.vtt-feature-number{\n\n position:absolute;\n\n right:22px;\n top:19px;\n\n color:\n rgba(25,65,89,.06);\n\n font-size:46px;\n\n font-weight:800;\n\n}\n\n\n.vtt-feature-icon{\n\n width:55px;\n height:55px;\n\n display:flex;\n\n align-items:center;\n\n justify-content:center;\n\n margin-bottom:27px;\n\n border-radius:17px;\n\n color:white;\n\n font-size:21px;\n\n background:\n linear-gradient(\n 135deg,\n var(--navy),\n var(--blue)\n );\n\n box-shadow:\n 0 14px 30px\n rgba(13,44,63,.18);\n\n}\n\n\n.vtt-feature:nth-child(2) .vtt-feature-icon,\n.vtt-feature:nth-child(4) .vtt-feature-icon{\n\n background:\n linear-gradient(\n 135deg,\n #dc8857,\n #efb47f\n );\n\n}\n\n\n.vtt-feature-body{\n\n min-width:0;\n\n}\n\n\n.vtt-feature h3{\n\n margin:\n 0 0 13px;\n\n color:var(--navy);\n\n font-size:19px;\n\n line-height:1.35;\n\n text-align:left;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n hyphens:none;\n\n}\n\n\n.vtt-feature p{\n\n margin:0;\n\n color:#677b88;\n\n font-size:14px;\n\n line-height:1.75;\n\n text-align:left;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n hyphens:none;\n\n}\n\n\n\/* =========================================================\n ORGANIZED DARK SECTION\n========================================================= *\/\n\n.vtt-organized{\n\n display:grid;\n\n grid-template-columns:\n minmax(0,1.08fr)\n minmax(0,.92fr);\n\n gap:70px;\n\n align-items:center;\n\n padding:70px;\n\n position:relative;\n\n overflow:hidden;\n\n border-radius:42px;\n\n background:\n linear-gradient(\n 135deg,\n #081f30 0%,\n #10364c 55%,\n #1d5068 100%\n );\n\n box-shadow:\n 0 40px 100px\n rgba(7,30,45,.22);\n\n}\n\n\n.vtt-organized::after{\n\n content:\"\";\n\n position:absolute;\n\n width:330px;\n height:330px;\n\n right:-120px;\n top:-120px;\n\n border-radius:50%;\n\n background:\n rgba(236,160,107,.20);\n\n}\n\n\n.vtt-organized-content{\n\n min-width:0;\n\n position:relative;\n\n z-index:2;\n\n text-align:left;\n\n}\n\n\n.vtt-organized h2{\n\n color:#fff;\n\n text-align:left;\n\n}\n\n\n.vtt-organized h2 strong{\n\n color:#efb080;\n\n}\n\n\n.vtt-organized-content \u003e p{\n\n max-width:650px;\n\n margin:\n 25px 0 0;\n\n color:\n rgba(255,255,255,.70);\n\n font-size:16px;\n\n line-height:1.85;\n\n text-align:left;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n}\n\n\n\/* =========================================================\n STORAGE CARDS\n 默认一列\n========================================================= *\/\n\n.vtt-storage-list{\n\n display:grid;\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n margin-top:34px;\n\n}\n\n\n.vtt-storage-item{\n\n width:100%;\n\n min-width:0;\n\n display:flex;\n\n align-items:flex-start;\n\n gap:15px;\n\n padding:\n 17px 18px;\n\n border-radius:17px;\n\n background:\n rgba(255,255,255,.065);\n\n border:\n 1px solid\n rgba(255,255,255,.10);\n\n}\n\n\n.vtt-storage-number{\n\n flex:\n 0 0 32px;\n\n width:32px;\n height:32px;\n\n display:flex;\n\n align-items:center;\n\n justify-content:center;\n\n border-radius:50%;\n\n background:\n var(--orange);\n\n color:#fff;\n\n font-size:10px;\n\n font-weight:900;\n\n}\n\n\n.vtt-storage-text{\n\n flex:1;\n\n min-width:0;\n\n text-align:left;\n\n}\n\n\n.vtt-storage-text strong{\n\n display:block;\n\n color:#fff;\n\n font-size:14px;\n\n line-height:1.35;\n\n word-break:normal;\n\n}\n\n\n.vtt-storage-text small{\n\n display:block;\n\n margin-top:5px;\n\n color:\n rgba(255,255,255,.57);\n\n font-size:12px;\n\n line-height:1.55;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n}\n\n\n\/* =========================================================\n PORTABLE\n========================================================= *\/\n\n.vtt-portable{\n\n padding:\n 125px 20px;\n\n}\n\n\n.vtt-portable-heading{\n\n max-width:850px;\n\n margin:0;\n\n text-align:left;\n\n}\n\n\n.vtt-portable-heading \u003e span{\n\n color:var(--orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vtt-portable-heading h2{\n\n margin-top:18px;\n\n text-align:left;\n\n}\n\n\n.vtt-portable-heading \u003e p{\n\n max-width:700px;\n\n margin:\n 25px 0 0;\n\n color:#627682;\n\n font-size:16px;\n\n line-height:1.85;\n\n text-align:left;\n\n}\n\n\n\/* =========================================================\n USE CARDS\n========================================================= *\/\n\n.vtt-use-grid{\n\n display:grid;\n\n grid-template-columns:\n repeat(\n 4,\n minmax(0,1fr)\n );\n\n gap:16px;\n\n margin-top:55px;\n\n}\n\n\n.vtt-use-grid article{\n\n min-width:0;\n\n padding:\n 34px 25px;\n\n text-align:left;\n\n border-radius:24px;\n\n border:\n 1px solid\n rgba(22,60,83,.08);\n\n background:\n linear-gradient(\n 180deg,\n #fff,\n #f3f7f8\n );\n\n box-shadow:\n 0 18px 40px\n rgba(12,40,57,.05);\n\n}\n\n\n.vtt-use-icon{\n\n margin-bottom:13px;\n\n font-size:27px;\n\n}\n\n\n.vtt-use-grid strong{\n\n display:block;\n\n margin-bottom:8px;\n\n color:var(--navy);\n\n font-size:15px;\n\n line-height:1.35;\n\n text-align:left;\n\n}\n\n\n.vtt-use-grid article \u003e span{\n\n color:#768894;\n\n font-size:12px;\n\n line-height:1.6;\n\n text-align:left;\n\n}\n\n\n\/* =========================================================\n FINAL\n========================================================= *\/\n\n.vtt-final{\n\n overflow:hidden;\n\n border-radius:40px;\n\n background:#fff;\n\n border:\n 1px solid\n rgba(14,49,70,.07);\n\n box-shadow:\n 0 38px 90px\n rgba(15,43,60,.13);\n\n}\n\n\n\/* =========================================================\n FINAL CONTENT\n LEFT ALIGNED\n========================================================= *\/\n\n.vtt-final-content{\n\n position:relative;\n\n overflow:hidden;\n\n padding:\n 72px 60px\n 62px;\n\n text-align:left;\n\n background:\n\n radial-gradient(\n circle at 15% 12%,\n rgba(236,160,107,.14),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 88% 85%,\n rgba(54,92,118,.11),\n transparent 29%\n ),\n\n linear-gradient(\n 135deg,\n #fffdf9 0%,\n #f8f4ed 52%,\n #edf3f6 100%\n );\n\n}\n\n\n.vtt-final-content::before{\n\n content:\"\";\n\n position:absolute;\n\n width:275px;\n height:275px;\n\n right:-105px;\n top:-130px;\n\n border-radius:50%;\n\n border:\n 1px solid\n rgba(54,92,118,.08);\n\n}\n\n\n.vtt-final-content::after{\n\n content:\"\";\n\n position:absolute;\n\n width:190px;\n height:190px;\n\n left:-95px;\n bottom:-115px;\n\n border-radius:50%;\n\n border:\n 1px solid\n rgba(236,160,107,.12);\n\n}\n\n\n\/* FINAL LABEL *\/\n\n.vtt-final-topline{\n\n display:flex;\n\n align-items:center;\n\n justify-content:flex-start;\n\n gap:14px;\n\n position:relative;\n\n z-index:2;\n\n}\n\n\n.vtt-final-line{\n\n width:45px;\n height:1px;\n\n flex:none;\n\n background:\n linear-gradient(\n 90deg,\n var(--orange),\n transparent\n );\n\n}\n\n\n.vtt-final-label{\n\n color:var(--orange);\n\n font-size:10px;\n\n font-weight:900;\n\n letter-spacing:2.8px;\n\n}\n\n\n\/* FINAL ICON *\/\n\n.vtt-final-icon{\n\n width:60px;\n height:60px;\n\n margin:\n 30px 0\n 23px;\n\n display:flex;\n\n align-items:center;\n\n justify-content:center;\n\n position:relative;\n\n z-index:2;\n\n border-radius:18px;\n\n color:#fff;\n\n font-size:23px;\n\n background:\n linear-gradient(\n 135deg,\n var(--navy),\n var(--blue)\n );\n\n box-shadow:\n 0 15px 32px\n rgba(11,42,64,.18);\n\n}\n\n\n\/* FINAL TITLE *\/\n\n.vtt-final-content h2{\n\n max-width:820px;\n\n margin:0;\n\n position:relative;\n\n z-index:2;\n\n color:var(--navy);\n\n font-size:\n clamp(\n 38px,\n 4.5vw,\n 58px\n );\n\n line-height:1.03;\n\n letter-spacing:-2px;\n\n text-align:left;\n\n}\n\n\n.vtt-final-content h2 strong{\n\n display:block;\n\n margin-top:5px;\n\n background:\n linear-gradient(\n 90deg,\n var(--blue),\n #628499,\n var(--orange)\n );\n\n -webkit-background-clip:text;\n background-clip:text;\n\n color:transparent;\n\n}\n\n\n\/* FINAL COPY *\/\n\n.vtt-final-content \u003e p{\n\n max-width:720px;\n\n margin:\n 24px 0 0;\n\n position:relative;\n\n z-index:2;\n\n color:#627682;\n\n font-size:15px;\n\n line-height:1.85;\n\n text-align:left;\n\n}\n\n\n\/* FINAL BENEFITS *\/\n\n.vtt-final-benefits{\n\n display:flex;\n\n align-items:center;\n\n justify-content:flex-start;\n\n flex-wrap:wrap;\n\n gap:14px;\n\n margin-top:32px;\n\n position:relative;\n\n z-index:2;\n\n}\n\n\n.vtt-final-benefits span{\n\n color:#48677a;\n\n font-size:9px;\n\n font-weight:900;\n\n letter-spacing:1.8px;\n\n}\n\n\n.vtt-final-benefits i{\n\n width:5px;\n height:5px;\n\n flex:none;\n\n display:block;\n\n border-radius:50%;\n\n background:\n var(--orange);\n\n}\n\n\n\/* =========================================================\n END\n========================================================= *\/\n\n.vtt-end{\n\n display:flex;\n\n align-items:center;\n\n gap:25px;\n\n padding:\n 70px 0\n 10px;\n\n}\n\n\n.vtt-end \u003e div{\n\n flex:1;\n\n height:1px;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n rgba(15,46,66,.24),\n transparent\n );\n\n}\n\n\n.vtt-end p{\n\n margin:0;\n\n color:var(--blue);\n\n font-size:10px;\n\n font-weight:900;\n\n letter-spacing:2.5px;\n\n text-align:center;\n\n}\n\n\n.vtt-end p span{\n\n margin:\n 0 10px;\n\n color:var(--orange);\n\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media(max-width:980px){\n\n .vtt-container{\n\n width:\n calc(100% - 28px);\n\n padding:\n 50px 0;\n\n }\n\n\n .vtt-features{\n\n grid-template-columns:\n repeat(\n 2,\n minmax(0,1fr)\n );\n\n }\n\n\n .vtt-organized{\n\n grid-template-columns:\n 1fr;\n\n gap:40px;\n\n padding:35px;\n\n }\n\n\n .vtt-use-grid{\n\n grid-template-columns:\n repeat(\n 2,\n minmax(0,1fr)\n );\n\n }\n\n}\n\n\n\/* =========================================================\n SHOPIFY CONTAINER RESPONSIVE\n 解决 Shopify 窄预览\n========================================================= *\/\n\n@container (max-width:720px){\n\n\n \/* HERO *\/\n\n .vtt-hero{\n\n padding:\n 50px 12px\n 60px;\n\n }\n\n\n \/* INTRO *\/\n\n .vtt-intro{\n\n padding:\n 75px 10px;\n\n gap:28px;\n\n }\n\n\n \/* FEATURES 全部上下排列 *\/\n\n .vtt-features{\n\n grid-template-columns:\n 1fr;\n\n gap:14px;\n\n margin-bottom:70px;\n\n }\n\n\n .vtt-feature{\n\n width:100%;\n\n min-height:auto;\n\n padding:\n 28px 26px;\n\n }\n\n\n \/* IMAGE 2 + CONTENT 上下排列 *\/\n\n .vtt-organized{\n\n grid-template-columns:\n 1fr;\n\n gap:36px;\n\n padding:18px;\n\n border-radius:28px;\n\n }\n\n\n .vtt-organized-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n \/* 深色区域 4 卡片上下排列 *\/\n\n .vtt-storage-list{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vtt-storage-item{\n\n width:100%;\n\n }\n\n\n \/* 使用场景上下排列 *\/\n\n .vtt-use-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:640px){\n\n .vtt-container{\n\n width:\n calc(100% - 20px);\n\n padding:\n 30px 0\n 45px;\n\n }\n\n\n \/* HERO *\/\n\n .vtt-hero{\n\n padding:\n 45px 8px\n 55px;\n\n }\n\n\n .vtt-eyebrow{\n\n gap:8px;\n\n font-size:8px;\n\n line-height:1.5;\n\n letter-spacing:1.8px;\n\n }\n\n\n .vtt-eyebrow span{\n\n width:25px;\n\n }\n\n\n .vtt-hero h1{\n\n max-width:100%;\n\n font-size:\n clamp(\n 38px,\n 11vw,\n 48px\n );\n\n line-height:1.02;\n\n letter-spacing:-1.8px;\n\n }\n\n\n .vtt-hero-copy{\n\n max-width:100%;\n\n font-size:16px;\n\n }\n\n\n \/* IMAGE 1 *\/\n\n .vtt-main-image{\n\n border-radius:24px;\n\n }\n\n\n \/* INTRO *\/\n\n .vtt-intro{\n\n padding:\n 65px 8px;\n\n gap:25px;\n\n }\n\n\n .vtt-small-title{\n\n font-size:9px;\n\n letter-spacing:2.4px;\n\n }\n\n\n .vtt-intro h2,\n .vtt-organized h2,\n .vtt-portable h2{\n\n max-width:100%;\n\n font-size:\n clamp(\n 34px,\n 9vw,\n 41px\n );\n\n line-height:1.06;\n\n letter-spacing:-1.5px;\n\n }\n\n\n .vtt-intro-text{\n\n max-width:100%;\n\n }\n\n\n .vtt-intro-text p{\n\n max-width:100%;\n\n font-size:15px;\n\n line-height:1.8;\n\n }\n\n\n \/* FEATURES *\/\n\n .vtt-features{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vtt-feature{\n\n width:100%;\n\n padding:\n 27px 24px;\n\n }\n\n\n .vtt-feature h3{\n\n font-size:18px;\n\n }\n\n\n \/* DARK SECTION *\/\n\n .vtt-organized{\n\n grid-template-columns:\n 1fr;\n\n gap:35px;\n\n padding:18px;\n\n border-radius:28px;\n\n }\n\n\n .vtt-organized-image{\n\n border-radius:21px;\n\n }\n\n\n .vtt-organized-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n .vtt-organized-content \u003e p{\n\n font-size:15px;\n\n }\n\n\n \/* STORAGE CARDS *\/\n\n .vtt-storage-list{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vtt-storage-item{\n\n width:100%;\n\n padding:16px;\n\n }\n\n\n \/* PORTABLE *\/\n\n .vtt-portable{\n\n padding:\n 80px 8px;\n\n }\n\n\n .vtt-portable-heading{\n\n width:100%;\n\n }\n\n\n .vtt-portable-heading \u003e p{\n\n font-size:15px;\n\n }\n\n\n \/* USE *\/\n\n .vtt-use-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vtt-use-grid article{\n\n width:100%;\n\n padding:\n 27px 20px;\n\n }\n\n\n \/* FINAL *\/\n\n .vtt-final{\n\n border-radius:25px;\n\n }\n\n\n .vtt-final-content{\n\n padding:\n 48px 24px\n 42px;\n\n }\n\n\n .vtt-final-topline{\n\n gap:8px;\n\n }\n\n\n .vtt-final-line{\n\n width:24px;\n\n }\n\n\n .vtt-final-label{\n\n font-size:8px;\n\n letter-spacing:1.5px;\n\n }\n\n\n .vtt-final-icon{\n\n width:50px;\n height:50px;\n\n margin:\n 25px 0\n 22px;\n\n font-size:20px;\n\n }\n\n\n .vtt-final-content h2{\n\n max-width:100%;\n\n font-size:\n clamp(\n 34px,\n 9vw,\n 41px\n );\n\n line-height:1.05;\n\n letter-spacing:-1.5px;\n\n }\n\n\n .vtt-final-content \u003e p{\n\n max-width:100%;\n\n font-size:14px;\n\n }\n\n\n .vtt-final-benefits{\n\n justify-content:flex-start;\n\n gap:9px;\n\n margin-top:26px;\n\n }\n\n\n .vtt-final-benefits span{\n\n font-size:7px;\n\n letter-spacing:1px;\n\n }\n\n\n \/* END *\/\n\n .vtt-end{\n\n gap:8px;\n\n padding-top:45px;\n\n }\n\n\n .vtt-end p{\n\n font-size:8px;\n\n line-height:1.8;\n\n }\n\n}\n\n\u003c\/style\u003e","brand":"Voyatral™ ","offers":[{"title":"1 pc","offer_id":67616253346046,"sku":"Voyatral*1","price":24.42,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":67616253378814,"sku":"Voyatral*2","price":42.34,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":67616253411582,"sku":"Voyatral*4","price":72.43,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPTImage2026_9_23_23_05_40_1.png?v=1790661954"},{"product_id":"voyatral™-premium-passport-holder-travel-document-organizer","title":"Voyatral™ Premium Passport Holder Travel Document Organizer","description":"\u003c!-- =========================================================\n VOYATRAL™ PREMIUM PASSPORT HOLDER\n========================================================= --\u003e\n\u003csection class=\"voyatral-passport-page\"\u003e\n\u003cdiv class=\"vph-glow vph-glow--one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vph-glow vph-glow--two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vph-container\"\u003e\n\u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"vph-hero\"\u003e\n\u003cdiv class=\"vph-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e TRAVEL ORGANIZATION COLLECTION\u003c\/div\u003e\n\u003ch1\u003eVoyatral™ Premium \u003cstrong\u003ePassport Holder\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp class=\"vph-hero-copy\"\u003eKeep your essential travel documents organized, protected, and easy to access throughout every journey.\u003c\/p\u003e\n\u003cdiv class=\"vph-tags\"\u003e\n\u003cspan\u003e✈ Travel Ready\u003c\/span\u003e \u003cspan\u003e▣ Smart Organization\u003c\/span\u003e \u003cspan\u003e◈ Compact Design\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 1\n 1:1 + 撑满整个容器\n ====================================================== --\u003e\n\u003csection class=\"vph-main-image\"\u003e\n\u003cdiv class=\"vph-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_14_15_29_6.png?v=1790663234\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n 标题在上\n 正文在下\n ====================================================== --\u003e\n\u003csection class=\"vph-intro\"\u003e\n\u003cdiv class=\"vph-intro-title\"\u003e\n\u003cspan class=\"vph-small-label\"\u003e READY FOR EVERY DEPARTURE \u003c\/span\u003e\n\u003ch2\u003eYour Travel Essentials. \u003cstrong\u003e All In One Place. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vph-intro-text\"\u003e\n\u003cp\u003eThe Voyatral™ Premium Passport Holder is designed to store passports, cards, boarding passes, IDs, and other important travel documents in one compact organizer.\u003c\/p\u003e\n\u003cp\u003eIts smart interior layout helps separate different essentials, making it easier to find what you need at airports, hotels, and border checkpoints without unnecessary searching.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FEATURES\n ====================================================== --\u003e\n\u003csection class=\"vph-features\"\u003e\u003c!-- 01 --\u003e\n\u003carticle class=\"vph-feature\"\u003e\u003cspan class=\"vph-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vph-feature-icon\"\u003e◫\u003c\/div\u003e\n\u003cdiv class=\"vph-feature-body\"\u003e\n\u003ch3\u003eOrganized Storage\u003c\/h3\u003e\n\u003cp\u003eDedicated spaces help keep passports, cards, IDs, and travel documents neatly arranged.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"vph-feature\"\u003e\u003cspan class=\"vph-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vph-feature-icon\"\u003e✈\u003c\/div\u003e\n\u003cdiv class=\"vph-feature-body\"\u003e\n\u003ch3\u003eEasy Travel Access\u003c\/h3\u003e\n\u003cp\u003eKeep frequently used documents close at hand during check-in, boarding, hotels, and border control.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"vph-feature\"\u003e\u003cspan class=\"vph-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vph-feature-icon\"\u003e◈\u003c\/div\u003e\n\u003cdiv class=\"vph-feature-body\"\u003e\n\u003ch3\u003eCompact Profile\u003c\/h3\u003e\n\u003cp\u003eA slim and portable shape designed to fit inside handbags, backpacks, and carry-on luggage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"vph-feature\"\u003e\u003cspan class=\"vph-feature-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vph-feature-icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"vph-feature-body\"\u003e\n\u003ch3\u003eTravel Ready\u003c\/h3\u003e\n\u003cp\u003eDesigned for business travel, vacations, international journeys, and everyday organization.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 2 + ORGANIZATION CONTENT\n ====================================================== --\u003e\n\u003csection class=\"vph-organized\"\u003e\u003c!-- IMAGE 2 --\u003e\n\u003cdiv class=\"vph-organized-image\"\u003e\n\u003cdiv class=\"vph-placeholder vph-placeholder--dark\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_14_15_30_8.png?v=1790663234\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CONTENT --\u003e\n\u003cdiv class=\"vph-organized-content\"\u003e\n\u003cspan class=\"vph-small-label\"\u003e SMART INTERIOR LAYOUT \u003c\/span\u003e\n\u003ch2\u003eEverything Organized. \u003cstrong\u003e Nothing Out Of Place. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eA thoughtfully arranged interior helps separate important travel essentials so everything stays easier to identify, access, and manage throughout your journey.\u003c\/p\u003e\n\u003c!-- DOCUMENT CARDS --\u003e\n\u003cdiv class=\"vph-document-grid\"\u003e\n\u003c!-- 01 --\u003e\n\u003cdiv class=\"vph-document-item\"\u003e\n\u003cspan class=\"vph-document-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vph-document-text\"\u003e\n\u003cstrong\u003e Passports \u003c\/strong\u003e \u003csmall\u003e Keep your most important travel document secure. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 02 --\u003e\n\u003cdiv class=\"vph-document-item\"\u003e\n\u003cspan class=\"vph-document-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vph-document-text\"\u003e\n\u003cstrong\u003e Cards \u0026amp; IDs \u003c\/strong\u003e \u003csmall\u003e Organize identification and payment cards neatly. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 03 --\u003e\n\u003cdiv class=\"vph-document-item\"\u003e\n\u003cspan class=\"vph-document-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vph-document-text\"\u003e\n\u003cstrong\u003e Boarding Passes \u003c\/strong\u003e \u003csmall\u003e Keep travel tickets easy to access when needed. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 04 --\u003e\n\u003cdiv class=\"vph-document-item\"\u003e\n\u003cspan class=\"vph-document-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vph-document-text\"\u003e\n\u003cstrong\u003e Travel Documents \u003c\/strong\u003e \u003csmall\u003e Store additional essential paperwork together. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PORTABLE SECTION\n ====================================================== --\u003e\n\u003csection class=\"vph-portable\"\u003e\n\u003cdiv class=\"vph-portable-heading\"\u003e\n\u003cspan\u003e COMPACT FOR MODERN TRAVEL \u003c\/span\u003e\n\u003ch2\u003eSlim To Carry. \u003cstrong\u003e Ready When You Need It. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe slim and portable design fits easily into handbags, backpacks, or carry-on luggage while keeping important documents neatly arranged and ready to use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- TRAVEL CARDS --\u003e\n\u003cdiv class=\"vph-travel-grid\"\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vph-travel-icon\"\u003e✈\u003c\/div\u003e\n\u003cstrong\u003e Airport Travel \u003c\/strong\u003e \u003cspan\u003e Keep passports and boarding documents together. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vph-travel-icon\"\u003e💼\u003c\/div\u003e\n\u003cstrong\u003e Business Trips \u003c\/strong\u003e \u003cspan\u003e A clean way to organize professional travel essentials. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vph-travel-icon\"\u003e☀\u003c\/div\u003e\n\u003cstrong\u003e Vacation Travel \u003c\/strong\u003e \u003cspan\u003e Keep important documents easy to find throughout the trip. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vph-travel-icon\"\u003e🌎\u003c\/div\u003e\n\u003cstrong\u003e International Journeys \u003c\/strong\u003e \u003cspan\u003e Keep important travel documents close at hand. \u003c\/span\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL\n 文案在上\n 第三张图片在下\n ====================================================== --\u003e\n\u003csection class=\"vph-final\"\u003e\u003c!-- FINAL CONTENT --\u003e\n\u003cdiv class=\"vph-final-content\"\u003e\n\u003cdiv class=\"vph-final-topline\"\u003e\n\u003cspan class=\"vph-final-line\"\u003e\u003c\/span\u003e \u003cspan class=\"vph-final-label\"\u003e VOYATRAL™ TRAVEL ORGANIZATION \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vph-final-icon\"\u003e✈\u003c\/div\u003e\n\u003ch2\u003eOrganized. \u003cstrong\u003e Close At Hand. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you are traveling for business, heading on vacation, or preparing for an international journey, Voyatral™ helps keep passports, cards, boarding documents, and other travel essentials organized and easy to reach.\u003c\/p\u003e\n\u003cdiv class=\"vph-final-benefits\"\u003e\n\u003cspan\u003e SMART ORGANIZATION \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e COMPACT TO CARRY \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e TRAVEL READY \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- IMAGE 3 --\u003e\n\u003cdiv class=\"vph-final-image\"\u003e\n\u003cdiv class=\"vph-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_14_15_29_7.png?v=1790663234\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n END\n ====================================================== --\u003e\n\u003csection class=\"vph-end\"\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eORGANIZE \u003cspan\u003e•\u003c\/span\u003e PROTECT \u003cspan\u003e•\u003c\/span\u003e TRAVEL\u003c\/p\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n VOYATRAL™ PREMIUM PASSPORT HOLDER\n========================================================= *\/\n\n.voyatral-passport-page{\n\n --vph-navy:#0c2b40;\n --vph-deep:#071d2d;\n\n --vph-blue:#355f79;\n --vph-bluegray:#92a8b6;\n --vph-lightblue:#dfe9ee;\n\n --vph-cream:#faf7f1;\n --vph-beige:#e0cfbc;\n\n --vph-orange:#eba06c;\n --vph-gold:#efbd89;\n\n --vph-white:#ffffff;\n --vph-text:#183247;\n\n width:100%;\n\n position:relative;\n\n overflow:hidden;\n\n container-type:inline-size;\n\n font-family:\n Inter,\n Montserrat,\n Arial,\n Helvetica,\n sans-serif;\n\n color:var(--vph-text);\n\n background:\n\n radial-gradient(\n circle at 8% 18%,\n rgba(235,160,108,.15),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 94% 43%,\n rgba(53,95,121,.16),\n transparent 28%\n ),\n\n linear-gradient(\n 180deg,\n #fffdf9 0%,\n #f8f5ef 52%,\n #edf3f6 100%\n );\n\n}\n\n\n\/* =========================================================\n BOX SIZING\n========================================================= *\/\n\n.voyatral-passport-page *,\n.voyatral-passport-page *::before,\n.voyatral-passport-page *::after{\n\n box-sizing:border-box;\n\n}\n\n\n\/* =========================================================\n CONTAINER\n========================================================= *\/\n\n.vph-container{\n\n width:min(\n 1240px,\n calc(100% - 40px)\n );\n\n margin:0 auto;\n\n padding:\n 90px 0;\n\n position:relative;\n\n z-index:2;\n\n min-width:0;\n\n}\n\n\n\/* =========================================================\n BACKGROUND GLOW\n========================================================= *\/\n\n.vph-glow{\n\n position:absolute;\n\n pointer-events:none;\n\n border-radius:50%;\n\n filter:blur(25px);\n\n}\n\n\n.vph-glow--one{\n\n width:480px;\n height:480px;\n\n left:-240px;\n top:680px;\n\n background:\n rgba(235,160,108,.14);\n\n}\n\n\n.vph-glow--two{\n\n width:520px;\n height:520px;\n\n right:-270px;\n top:1750px;\n\n background:\n rgba(53,95,121,.14);\n\n}\n\n\n\/* =========================================================\n HERO\n 左对齐\n========================================================= *\/\n\n.vph-hero{\n\n max-width:980px;\n\n padding:\n 65px 20px\n 80px;\n\n text-align:left;\n\n}\n\n\n.vph-eyebrow{\n\n display:flex;\n\n align-items:center;\n\n justify-content:flex-start;\n\n gap:14px;\n\n color:var(--vph-blue);\n\n font-size:11px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vph-eyebrow span{\n\n width:48px;\n height:1px;\n\n display:block;\n\n flex:none;\n\n background:\n linear-gradient(\n 90deg,\n var(--vph-orange),\n transparent\n );\n\n}\n\n\n.vph-hero h1{\n\n max-width:960px;\n\n margin:\n 28px 0 0;\n\n color:var(--vph-navy);\n\n font-size:\n clamp(\n 48px,\n 6vw,\n 82px\n );\n\n line-height:1;\n\n letter-spacing:-3px;\n\n font-weight:800;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n hyphens:none;\n\n}\n\n\n.vph-hero h1 strong{\n\n display:block;\n\n margin-top:8px;\n\n background:\n linear-gradient(\n 90deg,\n var(--vph-blue),\n #648499,\n var(--vph-orange)\n );\n\n -webkit-background-clip:text;\n background-clip:text;\n\n color:transparent;\n\n}\n\n\n.vph-hero-copy{\n\n max-width:720px;\n\n margin:\n 30px 0 0;\n\n color:#607685;\n\n font-size:19px;\n\n line-height:1.8;\n\n}\n\n\n.vph-tags{\n\n display:flex;\n\n flex-wrap:wrap;\n\n justify-content:flex-start;\n\n gap:12px;\n\n margin-top:34px;\n\n}\n\n\n.vph-tags span{\n\n padding:\n 11px 17px;\n\n border-radius:999px;\n\n color:var(--vph-navy);\n\n background:\n rgba(255,255,255,.76);\n\n border:\n 1px solid\n rgba(13,45,65,.09);\n\n box-shadow:\n 0 10px 30px\n rgba(10,35,50,.06);\n\n font-size:12px;\n\n font-weight:700;\n\n}\n\n\n\/* =========================================================\n ALL IMAGE CONTAINERS\n 三张全部 1:1\n========================================================= *\/\n\n.vph-main-image,\n.vph-organized-image,\n.vph-final-image{\n\n position:relative;\n\n width:100%;\n\n aspect-ratio:1 \/ 1;\n\n height:auto;\n\n min-height:0;\n\n overflow:hidden;\n\n background:#e7edf0;\n\n}\n\n\n\/* IMAGE 1 *\/\n\n.vph-main-image{\n\n border-radius:34px;\n\n box-shadow:\n 0 36px 85px\n rgba(16,46,65,.14);\n\n}\n\n\n\/* IMAGE 2 *\/\n\n.vph-organized-image{\n\n z-index:2;\n\n border-radius:30px;\n\n}\n\n\n\/* IMAGE 3 *\/\n\n.vph-final-image{\n\n border-radius:0;\n\n}\n\n\n\/* =========================================================\n REAL IMAGES\n 完全撑满整个容器\n========================================================= *\/\n\n.vph-main-image \u003e img,\n.vph-organized-image \u003e img,\n.vph-final-image \u003e img{\n\n position:absolute !important;\n\n inset:0 !important;\n\n width:100% !important;\n\n height:100% !important;\n\n min-width:100% !important;\n\n min-height:100% !important;\n\n max-width:none !important;\n\n margin:0 !important;\n\n padding:0 !important;\n\n display:block !important;\n\n object-fit:cover !important;\n\n object-position:center center !important;\n\n}\n\n\n\/* =========================================================\n PLACEHOLDER\n========================================================= *\/\n\n.vph-placeholder{\n\n position:absolute;\n\n inset:0;\n\n width:100%;\n height:100%;\n\n min-height:0;\n\n display:flex;\n\n flex-direction:column;\n\n align-items:center;\n\n justify-content:center;\n\n text-align:center;\n\n color:#fff;\n\n background:\n\n radial-gradient(\n circle at 74% 25%,\n rgba(237,161,109,.36),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 24% 80%,\n rgba(67,112,139,.34),\n transparent 28%\n ),\n\n linear-gradient(\n 135deg,\n #15374d,\n #3b657e 48%,\n #d4a87f\n );\n\n}\n\n\n.vph-placeholder--dark{\n\n background:\n\n radial-gradient(\n circle at 78% 23%,\n rgba(236,160,108,.24),\n transparent 25%\n ),\n\n linear-gradient(\n 145deg,\n #061b2b,\n #11384d 56%,\n #53768b\n );\n\n}\n\n\n.vph-placeholder strong{\n\n font-size:17px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vph-placeholder \u003e span{\n\n margin-top:9px;\n\n font-size:12px;\n\n opacity:.70;\n\n}\n\n\n\/* =========================================================\n INTRO\n 标题上\n 正文下\n========================================================= *\/\n\n.vph-intro{\n\n display:flex;\n\n flex-direction:column;\n\n align-items:flex-start;\n\n gap:34px;\n\n padding:\n 120px 25px\n 100px;\n\n}\n\n\n.vph-intro-title{\n\n width:100%;\n\n max-width:900px;\n\n text-align:left;\n\n}\n\n\n.vph-small-label{\n\n display:block;\n\n margin-bottom:17px;\n\n color:var(--vph-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vph-intro h2,\n.vph-organized h2,\n.vph-portable h2{\n\n margin:0;\n\n color:var(--vph-navy);\n\n font-size:\n clamp(\n 38px,\n 4.5vw,\n 60px\n );\n\n line-height:1.05;\n\n letter-spacing:-2px;\n\n text-align:left;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n hyphens:none;\n\n}\n\n\n.vph-intro h2 strong,\n.vph-organized h2 strong,\n.vph-portable h2 strong{\n\n display:block;\n\n color:var(--vph-blue);\n\n}\n\n\n.vph-intro-text{\n\n width:100%;\n\n max-width:850px;\n\n text-align:left;\n\n}\n\n\n.vph-intro-text p{\n\n max-width:850px;\n\n margin:\n 0 0 22px;\n\n color:#617582;\n\n font-size:17px;\n\n line-height:1.9;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n hyphens:none;\n\n}\n\n\n\/* =========================================================\n FEATURE CARDS\n========================================================= *\/\n\n.vph-features{\n\n display:grid;\n\n grid-template-columns:\n repeat(\n 4,\n minmax(0,1fr)\n );\n\n gap:16px;\n\n margin-bottom:120px;\n\n}\n\n\n.vph-feature{\n\n min-width:0;\n\n min-height:300px;\n\n padding:32px;\n\n position:relative;\n\n overflow:hidden;\n\n text-align:left;\n\n border-radius:27px;\n\n background:\n rgba(255,255,255,.78);\n\n border:\n 1px solid\n rgba(14,49,70,.08);\n\n box-shadow:\n 0 20px 55px\n rgba(14,41,58,.07);\n\n transition:\n transform .3s ease,\n box-shadow .3s ease;\n\n}\n\n\n.vph-feature:hover{\n\n transform:\n translateY(-8px);\n\n box-shadow:\n 0 30px 65px\n rgba(14,41,58,.13);\n\n}\n\n\n.vph-feature-number{\n\n position:absolute;\n\n top:19px;\n right:22px;\n\n color:\n rgba(25,65,89,.06);\n\n font-size:46px;\n\n font-weight:800;\n\n}\n\n\n.vph-feature-icon{\n\n width:55px;\n height:55px;\n\n display:flex;\n\n align-items:center;\n\n justify-content:center;\n\n margin-bottom:27px;\n\n border-radius:17px;\n\n color:#fff;\n\n font-size:21px;\n\n background:\n linear-gradient(\n 135deg,\n var(--vph-navy),\n var(--vph-blue)\n );\n\n box-shadow:\n 0 14px 30px\n rgba(13,44,63,.18);\n\n}\n\n\n.vph-feature:nth-child(2) .vph-feature-icon,\n.vph-feature:nth-child(4) .vph-feature-icon{\n\n background:\n linear-gradient(\n 135deg,\n #db8957,\n #efb27e\n );\n\n}\n\n\n.vph-feature-body{\n\n min-width:0;\n\n}\n\n\n.vph-feature h3{\n\n margin:\n 0 0 13px;\n\n color:var(--vph-navy);\n\n font-size:19px;\n\n line-height:1.35;\n\n text-align:left;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n hyphens:none;\n\n}\n\n\n.vph-feature p{\n\n margin:0;\n\n color:#687b88;\n\n font-size:14px;\n\n line-height:1.75;\n\n text-align:left;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n hyphens:none;\n\n}\n\n\n\/* =========================================================\n ORGANIZED DARK SECTION\n========================================================= *\/\n\n.vph-organized{\n\n display:grid;\n\n grid-template-columns:\n minmax(0,1.08fr)\n minmax(0,.92fr);\n\n gap:70px;\n\n align-items:center;\n\n padding:70px;\n\n position:relative;\n\n overflow:hidden;\n\n border-radius:42px;\n\n background:\n linear-gradient(\n 135deg,\n #081f30 0%,\n #10364c 55%,\n #1d5068 100%\n );\n\n box-shadow:\n 0 40px 100px\n rgba(7,30,45,.22);\n\n}\n\n\n.vph-organized::after{\n\n content:\"\";\n\n position:absolute;\n\n width:330px;\n height:330px;\n\n right:-120px;\n top:-120px;\n\n border-radius:50%;\n\n background:\n rgba(236,160,107,.20);\n\n}\n\n\n.vph-organized-content{\n\n min-width:0;\n\n position:relative;\n\n z-index:2;\n\n text-align:left;\n\n}\n\n\n.vph-organized h2{\n\n color:#fff;\n\n text-align:left;\n\n}\n\n\n.vph-organized h2 strong{\n\n color:#efb080;\n\n}\n\n\n.vph-organized-content \u003e p{\n\n max-width:650px;\n\n margin:\n 25px 0 0;\n\n color:\n rgba(255,255,255,.70);\n\n font-size:16px;\n\n line-height:1.85;\n\n text-align:left;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n}\n\n\n\/* =========================================================\n DOCUMENT CARDS\n 默认直接一列\n========================================================= *\/\n\n.vph-document-grid{\n\n display:grid;\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n margin-top:34px;\n\n}\n\n\n.vph-document-item{\n\n width:100%;\n\n min-width:0;\n\n display:flex;\n\n align-items:flex-start;\n\n gap:15px;\n\n padding:\n 17px 18px;\n\n border-radius:17px;\n\n background:\n rgba(255,255,255,.065);\n\n border:\n 1px solid\n rgba(255,255,255,.10);\n\n}\n\n\n.vph-document-number{\n\n flex:\n 0 0 32px;\n\n width:32px;\n height:32px;\n\n display:flex;\n\n align-items:center;\n\n justify-content:center;\n\n border-radius:50%;\n\n background:\n var(--vph-orange);\n\n color:#fff;\n\n font-size:10px;\n\n font-weight:900;\n\n}\n\n\n.vph-document-text{\n\n flex:1;\n\n min-width:0;\n\n text-align:left;\n\n}\n\n\n.vph-document-text strong{\n\n display:block;\n\n color:#fff;\n\n font-size:14px;\n\n line-height:1.35;\n\n word-break:normal;\n\n}\n\n\n.vph-document-text small{\n\n display:block;\n\n margin-top:5px;\n\n color:\n rgba(255,255,255,.57);\n\n font-size:12px;\n\n line-height:1.55;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n}\n\n\n\/* =========================================================\n PORTABLE\n 左对齐\n========================================================= *\/\n\n.vph-portable{\n\n padding:\n 125px 20px;\n\n}\n\n\n.vph-portable-heading{\n\n max-width:860px;\n\n margin:0;\n\n text-align:left;\n\n}\n\n\n.vph-portable-heading \u003e span{\n\n color:var(--vph-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vph-portable-heading h2{\n\n margin-top:18px;\n\n text-align:left;\n\n}\n\n\n.vph-portable-heading \u003e p{\n\n max-width:720px;\n\n margin:\n 25px 0 0;\n\n color:#627682;\n\n font-size:16px;\n\n line-height:1.85;\n\n text-align:left;\n\n}\n\n\n\/* =========================================================\n TRAVEL CARDS\n========================================================= *\/\n\n.vph-travel-grid{\n\n display:grid;\n\n grid-template-columns:\n repeat(\n 4,\n minmax(0,1fr)\n );\n\n gap:16px;\n\n margin-top:55px;\n\n}\n\n\n.vph-travel-grid article{\n\n min-width:0;\n\n padding:\n 34px 25px;\n\n text-align:left;\n\n border-radius:24px;\n\n border:\n 1px solid\n rgba(22,60,83,.08);\n\n background:\n linear-gradient(\n 180deg,\n #fff,\n #f3f7f8\n );\n\n box-shadow:\n 0 18px 40px\n rgba(12,40,57,.05);\n\n}\n\n\n.vph-travel-icon{\n\n margin-bottom:13px;\n\n font-size:27px;\n\n}\n\n\n.vph-travel-grid strong{\n\n display:block;\n\n margin-bottom:8px;\n\n color:var(--vph-navy);\n\n font-size:15px;\n\n line-height:1.35;\n\n text-align:left;\n\n word-break:normal;\n\n}\n\n\n.vph-travel-grid article \u003e span{\n\n color:#768894;\n\n font-size:12px;\n\n line-height:1.6;\n\n text-align:left;\n\n word-break:normal;\n\n}\n\n\n\/* =========================================================\n FINAL\n========================================================= *\/\n\n.vph-final{\n\n overflow:hidden;\n\n border-radius:40px;\n\n background:#ffffff;\n\n border:\n 1px solid\n rgba(14,49,70,.07);\n\n box-shadow:\n 0 38px 90px\n rgba(15,43,60,.13);\n\n}\n\n\n\/* =========================================================\n FINAL CONTENT\n 全部左对齐\n========================================================= *\/\n\n.vph-final-content{\n\n position:relative;\n\n overflow:hidden;\n\n padding:\n 72px 60px\n 62px;\n\n text-align:left;\n\n background:\n\n radial-gradient(\n circle at 15% 12%,\n rgba(235,160,108,.14),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 88% 85%,\n rgba(53,95,121,.11),\n transparent 29%\n ),\n\n linear-gradient(\n 135deg,\n #fffdf9 0%,\n #f8f4ed 52%,\n #edf3f6 100%\n );\n\n}\n\n\n.vph-final-content::before{\n\n content:\"\";\n\n position:absolute;\n\n width:275px;\n height:275px;\n\n right:-105px;\n top:-130px;\n\n border-radius:50%;\n\n border:\n 1px solid\n rgba(53,95,121,.08);\n\n}\n\n\n.vph-final-content::after{\n\n content:\"\";\n\n position:absolute;\n\n width:190px;\n height:190px;\n\n left:-95px;\n bottom:-115px;\n\n border-radius:50%;\n\n border:\n 1px solid\n rgba(235,160,108,.12);\n\n}\n\n\n\/* FINAL TOP LINE *\/\n\n.vph-final-topline{\n\n display:flex;\n\n align-items:center;\n\n justify-content:flex-start;\n\n gap:14px;\n\n position:relative;\n\n z-index:2;\n\n}\n\n\n.vph-final-line{\n\n width:45px;\n height:1px;\n\n flex:none;\n\n background:\n linear-gradient(\n 90deg,\n var(--vph-orange),\n transparent\n );\n\n}\n\n\n.vph-final-label{\n\n color:var(--vph-orange);\n\n font-size:10px;\n\n font-weight:900;\n\n letter-spacing:2.8px;\n\n}\n\n\n\/* FINAL ICON *\/\n\n.vph-final-icon{\n\n width:60px;\n height:60px;\n\n margin:\n 30px 0\n 23px;\n\n display:flex;\n\n align-items:center;\n\n justify-content:center;\n\n position:relative;\n\n z-index:2;\n\n border-radius:18px;\n\n color:#fff;\n\n font-size:23px;\n\n background:\n linear-gradient(\n 135deg,\n var(--vph-navy),\n var(--vph-blue)\n );\n\n box-shadow:\n 0 15px 32px\n rgba(11,42,64,.18);\n\n}\n\n\n\/* FINAL TITLE *\/\n\n.vph-final-content h2{\n\n max-width:820px;\n\n margin:0;\n\n position:relative;\n\n z-index:2;\n\n color:var(--vph-navy);\n\n font-size:\n clamp(\n 38px,\n 4.5vw,\n 58px\n );\n\n line-height:1.03;\n\n letter-spacing:-2px;\n\n text-align:left;\n\n}\n\n\n.vph-final-content h2 strong{\n\n display:block;\n\n margin-top:5px;\n\n background:\n linear-gradient(\n 90deg,\n var(--vph-blue),\n #66879a,\n var(--vph-orange)\n );\n\n -webkit-background-clip:text;\n background-clip:text;\n\n color:transparent;\n\n}\n\n\n\/* FINAL COPY *\/\n\n.vph-final-content \u003e p{\n\n max-width:720px;\n\n margin:\n 24px 0 0;\n\n position:relative;\n\n z-index:2;\n\n color:#627682;\n\n font-size:15px;\n\n line-height:1.85;\n\n text-align:left;\n\n}\n\n\n\/* FINAL BENEFITS *\/\n\n.vph-final-benefits{\n\n display:flex;\n\n align-items:center;\n\n justify-content:flex-start;\n\n flex-wrap:wrap;\n\n gap:14px;\n\n margin-top:32px;\n\n position:relative;\n\n z-index:2;\n\n}\n\n\n.vph-final-benefits span{\n\n color:#48677a;\n\n font-size:9px;\n\n font-weight:900;\n\n letter-spacing:1.8px;\n\n}\n\n\n.vph-final-benefits i{\n\n width:5px;\n height:5px;\n\n flex:none;\n\n display:block;\n\n border-radius:50%;\n\n background:\n var(--vph-orange);\n\n}\n\n\n\/* =========================================================\n END\n========================================================= *\/\n\n.vph-end{\n\n display:flex;\n\n align-items:center;\n\n gap:25px;\n\n padding:\n 70px 0\n 10px;\n\n}\n\n\n.vph-end \u003e div{\n\n flex:1;\n\n height:1px;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n rgba(15,46,66,.24),\n transparent\n );\n\n}\n\n\n.vph-end p{\n\n margin:0;\n\n color:var(--vph-blue);\n\n font-size:10px;\n\n font-weight:900;\n\n letter-spacing:2.5px;\n\n text-align:center;\n\n}\n\n\n.vph-end p span{\n\n margin:\n 0 10px;\n\n color:var(--vph-orange);\n\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media(max-width:980px){\n\n .vph-container{\n\n width:\n calc(100% - 28px);\n\n padding:\n 50px 0;\n\n }\n\n\n .vph-features{\n\n grid-template-columns:\n repeat(\n 2,\n minmax(0,1fr)\n );\n\n }\n\n\n .vph-organized{\n\n grid-template-columns:\n 1fr;\n\n gap:40px;\n\n padding:35px;\n\n }\n\n\n .vph-travel-grid{\n\n grid-template-columns:\n repeat(\n 2,\n minmax(0,1fr)\n );\n\n }\n\n}\n\n\n\/* =========================================================\n SHOPIFY CONTAINER QUERY\n 解决编辑器窄预览被压缩\n========================================================= *\/\n\n@container (max-width:720px){\n\n\n \/* HERO *\/\n\n .vph-hero{\n\n padding:\n 50px 12px\n 60px;\n\n }\n\n\n \/* INTRO *\/\n\n .vph-intro{\n\n padding:\n 75px 10px;\n\n gap:28px;\n\n }\n\n\n \/* 4 FEATURE 卡片上下排列 *\/\n\n .vph-features{\n\n grid-template-columns:\n 1fr;\n\n gap:14px;\n\n margin-bottom:70px;\n\n }\n\n\n .vph-feature{\n\n width:100%;\n\n min-height:auto;\n\n padding:\n 28px 26px;\n\n }\n\n\n \/* IMAGE 2 + CONTENT 上下排列 *\/\n\n .vph-organized{\n\n grid-template-columns:\n 1fr;\n\n gap:36px;\n\n padding:18px;\n\n border-radius:28px;\n\n }\n\n\n .vph-organized-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n \/* DOCUMENT 卡片上下排列 *\/\n\n .vph-document-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vph-document-item{\n\n width:100%;\n\n }\n\n\n \/* TRAVEL 卡片上下排列 *\/\n\n .vph-travel-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:640px){\n\n .vph-container{\n\n width:\n calc(100% - 20px);\n\n padding:\n 30px 0\n 45px;\n\n }\n\n\n \/* HERO *\/\n\n .vph-hero{\n\n padding:\n 45px 8px\n 55px;\n\n }\n\n\n .vph-eyebrow{\n\n gap:8px;\n\n font-size:8px;\n\n line-height:1.5;\n\n letter-spacing:1.8px;\n\n }\n\n\n .vph-eyebrow span{\n\n width:25px;\n\n }\n\n\n .vph-hero h1{\n\n max-width:100%;\n\n font-size:\n clamp(\n 38px,\n 11vw,\n 48px\n );\n\n line-height:1.02;\n\n letter-spacing:-1.8px;\n\n }\n\n\n .vph-hero-copy{\n\n max-width:100%;\n\n font-size:16px;\n\n }\n\n\n \/* IMAGE 1 *\/\n\n .vph-main-image{\n\n border-radius:24px;\n\n }\n\n\n \/* INTRO *\/\n\n .vph-intro{\n\n padding:\n 65px 8px;\n\n gap:25px;\n\n }\n\n\n .vph-small-label{\n\n font-size:9px;\n\n letter-spacing:2.4px;\n\n }\n\n\n .vph-intro h2,\n .vph-organized h2,\n .vph-portable h2{\n\n max-width:100%;\n\n font-size:\n clamp(\n 34px,\n 9vw,\n 41px\n );\n\n line-height:1.06;\n\n letter-spacing:-1.5px;\n\n }\n\n\n .vph-intro-text{\n\n max-width:100%;\n\n }\n\n\n .vph-intro-text p{\n\n max-width:100%;\n\n font-size:15px;\n\n line-height:1.8;\n\n }\n\n\n \/* FEATURES *\/\n\n .vph-features{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vph-feature{\n\n width:100%;\n\n padding:\n 27px 24px;\n\n }\n\n\n .vph-feature h3{\n\n font-size:18px;\n\n }\n\n\n \/* DARK SECTION *\/\n\n .vph-organized{\n\n grid-template-columns:\n 1fr;\n\n gap:35px;\n\n padding:18px;\n\n border-radius:28px;\n\n }\n\n\n .vph-organized-image{\n\n border-radius:21px;\n\n }\n\n\n .vph-organized-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n .vph-organized-content \u003e p{\n\n font-size:15px;\n\n }\n\n\n \/* DOCUMENT CARDS *\/\n\n .vph-document-grid{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vph-document-item{\n\n width:100%;\n\n padding:16px;\n\n }\n\n\n \/* PORTABLE *\/\n\n .vph-portable{\n\n padding:\n 80px 8px;\n\n }\n\n\n .vph-portable-heading{\n\n width:100%;\n\n }\n\n\n .vph-portable-heading \u003e p{\n\n font-size:15px;\n\n }\n\n\n \/* TRAVEL *\/\n\n .vph-travel-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vph-travel-grid article{\n\n width:100%;\n\n padding:\n 27px 20px;\n\n }\n\n\n \/* FINAL *\/\n\n .vph-final{\n\n border-radius:25px;\n\n }\n\n\n .vph-final-content{\n\n padding:\n 48px 24px\n 42px;\n\n }\n\n\n .vph-final-topline{\n\n gap:8px;\n\n }\n\n\n .vph-final-line{\n\n width:24px;\n\n }\n\n\n .vph-final-label{\n\n font-size:8px;\n\n letter-spacing:1.5px;\n\n }\n\n\n .vph-final-icon{\n\n width:50px;\n height:50px;\n\n margin:\n 25px 0\n 22px;\n\n font-size:20px;\n\n }\n\n\n .vph-final-content h2{\n\n max-width:100%;\n\n font-size:\n clamp(\n 34px,\n 9vw,\n 41px\n );\n\n line-height:1.05;\n\n letter-spacing:-1.5px;\n\n }\n\n\n .vph-final-content \u003e p{\n\n max-width:100%;\n\n font-size:14px;\n\n }\n\n\n .vph-final-benefits{\n\n justify-content:flex-start;\n\n gap:9px;\n\n margin-top:26px;\n\n }\n\n\n .vph-final-benefits span{\n\n font-size:7px;\n\n letter-spacing:1px;\n\n }\n\n\n \/* END *\/\n\n .vph-end{\n\n gap:8px;\n\n padding-top:45px;\n\n }\n\n\n .vph-end p{\n\n font-size:8px;\n\n line-height:1.8;\n\n }\n\n}\n\n\u003c\/style\u003e","brand":"Voyatral™ ","offers":[{"title":"1 pc","offer_id":67616291094782,"sku":"Voyatral*1","price":19.32,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":67616291127550,"sku":"Voyatral*2","price":34.52,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":67616291160318,"sku":"Voyatral*4","price":59.31,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPTImage2026_9_24_14_15_27_1.png?v=1790663007"},{"product_id":"voyatral™-jewelry-travel-case-for-portable-accessory-storage","title":"Voyatral™ Jewelry Travel Case for Portable Accessory Storage","description":"\u003c!-- =========================================================\n VOYATRAL™ JEWELRY TRAVEL CASE\n========================================================= --\u003e\n\u003csection class=\"voyatral-jewelry-page\"\u003e\n\u003cdiv class=\"vjc-glow vjc-glow--one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vjc-glow vjc-glow--two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vjc-container\"\u003e\n\u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"vjc-hero\"\u003e\n\u003cdiv class=\"vjc-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e TRAVEL ORGANIZATION COLLECTION\u003c\/div\u003e\n\u003ch1\u003eVoyatral™ Jewelry \u003cstrong\u003eTravel Case\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp class=\"vjc-hero-copy\"\u003eKeep your jewelry organized, protected, and ready to wear wherever you travel.\u003c\/p\u003e\n\u003cdiv class=\"vjc-tags\"\u003e\n\u003cspan\u003e ✦ Jewelry Organization \u003c\/span\u003e \u003cspan\u003e ◈ Compact Travel Design \u003c\/span\u003e \u003cspan\u003e ✈ Travel Ready \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 1\n 1:1 + 完整撑满\n ====================================================== --\u003e\n\u003csection class=\"vjc-main-image\"\u003e\n\u003cdiv class=\"vjc-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_14_20_11_6.png?v=1790663263\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n 标题在上\n 正文在下\n ====================================================== --\u003e\n\u003csection class=\"vjc-intro\"\u003e\n\u003cdiv class=\"vjc-intro-title\"\u003e\n\u003cspan class=\"vjc-small-label\"\u003e BEAUTIFULLY ORGANIZED \u003c\/span\u003e\n\u003ch2\u003eYour Favorite Jewelry. \u003cstrong\u003e Ready For Every Journey. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vjc-intro-text\"\u003e\n\u003cp\u003eThe Voyatral™ Jewelry Travel Case is designed to store rings, earrings, necklaces, bracelets, and other small accessories in one compact and easy-to-carry case.\u003c\/p\u003e\n\u003cp\u003eIts smart interior layout includes dedicated sections for different types of jewelry, helping reduce tangling, scratching, and clutter while keeping everything easy to find.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FEATURES\n ====================================================== --\u003e\n\u003csection class=\"vjc-features\"\u003e\u003c!-- 01 --\u003e\n\u003carticle class=\"vjc-feature\"\u003e\u003cspan class=\"vjc-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vjc-feature-icon\"\u003e◫\u003c\/div\u003e\n\u003cdiv class=\"vjc-feature-body\"\u003e\n\u003ch3\u003eDedicated Compartments\u003c\/h3\u003e\n\u003cp\u003eSeparate rings, earrings, necklaces, bracelets, and smaller accessories with ease.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"vjc-feature\"\u003e\u003cspan class=\"vjc-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vjc-feature-icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"vjc-feature-body\"\u003e\n\u003ch3\u003eLess Tangling\u003c\/h3\u003e\n\u003cp\u003eOrganized sections help keep necklaces and delicate accessories neatly separated.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"vjc-feature\"\u003e\u003cspan class=\"vjc-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vjc-feature-icon\"\u003e◈\u003c\/div\u003e\n\u003cdiv class=\"vjc-feature-body\"\u003e\n\u003ch3\u003eStructured Protection\u003c\/h3\u003e\n\u003cp\u003eA structured exterior helps provide added protection for your jewelry while traveling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"vjc-feature\"\u003e\u003cspan class=\"vjc-feature-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vjc-feature-icon\"\u003e✈\u003c\/div\u003e\n\u003cdiv class=\"vjc-feature-body\"\u003e\n\u003ch3\u003eCompact For Travel\u003c\/h3\u003e\n\u003cp\u003eFits easily into luggage, handbags, backpacks, and carry-on bags.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 2 + ORGANIZATION\n ====================================================== --\u003e\n\u003csection class=\"vjc-organized\"\u003e\u003c!-- IMAGE 2 --\u003e\n\u003cdiv class=\"vjc-organized-image\"\u003e\n\u003cdiv class=\"vjc-placeholder vjc-placeholder--dark\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_14_20_12_8.png?v=1790663263\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CONTENT --\u003e\n\u003cdiv class=\"vjc-organized-content\"\u003e\n\u003cspan class=\"vjc-small-label\"\u003e SMART INTERIOR DESIGN \u003c\/span\u003e\n\u003ch2\u003eA Place For \u003cstrong\u003e Every Favorite Piece. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThoughtfully arranged interior sections help keep different jewelry pieces separated, organized, and easier to access throughout your journey.\u003c\/p\u003e\n\u003c!-- STORAGE ITEMS --\u003e\n\u003cdiv class=\"vjc-storage-grid\"\u003e\n\u003cdiv class=\"vjc-storage-item\"\u003e\n\u003cspan class=\"vjc-storage-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vjc-storage-text\"\u003e\n\u003cstrong\u003e Rings \u003c\/strong\u003e \u003csmall\u003e Keep rings separated and easy to find. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vjc-storage-item\"\u003e\n\u003cspan class=\"vjc-storage-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vjc-storage-text\"\u003e\n\u003cstrong\u003e Earrings \u003c\/strong\u003e \u003csmall\u003e Organize smaller pieces without unnecessary clutter. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vjc-storage-item\"\u003e\n\u003cspan class=\"vjc-storage-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vjc-storage-text\"\u003e\n\u003cstrong\u003e Necklaces \u003c\/strong\u003e \u003csmall\u003e Separate delicate chains to help reduce tangling. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vjc-storage-item\"\u003e\n\u003cspan class=\"vjc-storage-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vjc-storage-text\"\u003e\n\u003cstrong\u003e Bracelets \u003c\/strong\u003e \u003csmall\u003e Store larger accessories neatly in dedicated spaces. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n PORTABILITY\n ====================================================== --\u003e\n\u003csection class=\"vjc-portable\"\u003e\n\u003cdiv class=\"vjc-portable-heading\"\u003e\n\u003cspan\u003e DESIGNED TO TRAVEL \u003c\/span\u003e\n\u003ch2\u003eCompact To Pack. \u003cstrong\u003e Beautifully Organized. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe structured exterior provides added protection during travel, while the compact size fits easily into luggage, handbags, backpacks, or carry-on bags without taking up unnecessary space.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- JOURNEY CARDS --\u003e\n\u003cdiv class=\"vjc-journey-grid\"\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vjc-journey-icon\"\u003e✈\u003c\/div\u003e\n\u003cstrong\u003e Weekend Getaways \u003c\/strong\u003e \u003cspan\u003e Bring your favorite accessories without unnecessary bulk. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vjc-journey-icon\"\u003e💼\u003c\/div\u003e\n\u003cstrong\u003e Business Trips \u003c\/strong\u003e \u003cspan\u003e Keep jewelry organized for meetings, dinners, and events. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vjc-journey-icon\"\u003e☀\u003c\/div\u003e\n\u003cstrong\u003e Vacations \u003c\/strong\u003e \u003cspan\u003e Keep multiple accessories neatly organized while away. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vjc-journey-icon\"\u003e✦\u003c\/div\u003e\n\u003cstrong\u003e Everyday Outings \u003c\/strong\u003e \u003cspan\u003e A compact organizer for jewelry at home or on the go. \u003c\/span\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL\n 文案在上\n 图片在下\n ====================================================== --\u003e\n\u003csection class=\"vjc-final\"\u003e\u003c!-- FINAL COPY --\u003e\n\u003cdiv class=\"vjc-final-content\"\u003e\n\u003cdiv class=\"vjc-final-topline\"\u003e\n\u003cspan class=\"vjc-final-line\"\u003e\u003c\/span\u003e \u003cspan class=\"vjc-final-label\"\u003e VOYATRAL™ TRAVEL ORGANIZATION \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vjc-final-icon\"\u003e✦\u003c\/div\u003e\n\u003ch2\u003eNeat. Secure. \u003cstrong\u003e Ready To Wear. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you are preparing for a weekend getaway, business trip, vacation, or everyday outing, Voyatral™ helps keep your favorite accessories neat, secure, and ready for every occasion.\u003c\/p\u003e\n\u003cdiv class=\"vjc-final-benefits\"\u003e\n\u003cspan\u003e JEWELRY ORGANIZATION \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e STRUCTURED PROTECTION \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e TRAVEL READY \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- IMAGE 3 --\u003e\n\u003cdiv class=\"vjc-final-image\"\u003e\n\u003cdiv class=\"vjc-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_14_20_12_7.png?v=1790663263\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n END\n ====================================================== --\u003e\n\u003csection class=\"vjc-end\"\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eORGANIZE \u003cspan\u003e•\u003c\/span\u003e PROTECT \u003cspan\u003e•\u003c\/span\u003e TRAVEL\u003c\/p\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n VOYATRAL™ JEWELRY TRAVEL CASE\n========================================================= *\/\n\n.voyatral-jewelry-page{\n\n --vjc-navy:#0b2a40;\n --vjc-deep:#061c2c;\n\n --vjc-blue:#365f79;\n --vjc-bluegray:#93a8b5;\n\n --vjc-cream:#faf7f1;\n --vjc-beige:#dfcfbd;\n\n --vjc-orange:#eca16c;\n --vjc-champagne:#d8b486;\n --vjc-gold:#cfa56f;\n\n --vjc-white:#ffffff;\n --vjc-text:#183247;\n\n width:100%;\n\n position:relative;\n\n overflow:hidden;\n\n container-type:inline-size;\n\n font-family:\n Inter,\n Montserrat,\n Arial,\n Helvetica,\n sans-serif;\n\n color:var(--vjc-text);\n\n background:\n\n radial-gradient(\n circle at 8% 18%,\n rgba(236,161,108,.15),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 92% 45%,\n rgba(54,95,121,.15),\n transparent 28%\n ),\n\n radial-gradient(\n circle at 55% 70%,\n rgba(216,180,134,.10),\n transparent 24%\n ),\n\n linear-gradient(\n 180deg,\n #fffdf9 0%,\n #f8f4ee 50%,\n #eef3f6 100%\n );\n\n}\n\n\n\/* =========================================================\n BOX SIZING\n========================================================= *\/\n\n.voyatral-jewelry-page *,\n.voyatral-jewelry-page *::before,\n.voyatral-jewelry-page *::after{\n\n box-sizing:border-box;\n\n}\n\n\n\/* =========================================================\n CONTAINER\n========================================================= *\/\n\n.vjc-container{\n\n width:min(\n 1240px,\n calc(100% - 40px)\n );\n\n margin:0 auto;\n\n padding:\n 90px 0;\n\n position:relative;\n\n z-index:2;\n\n min-width:0;\n\n}\n\n\n\/* =========================================================\n BACKGROUND GLOW\n========================================================= *\/\n\n.vjc-glow{\n\n position:absolute;\n\n border-radius:50%;\n\n pointer-events:none;\n\n filter:blur(25px);\n\n}\n\n\n.vjc-glow--one{\n\n width:480px;\n height:480px;\n\n left:-240px;\n top:650px;\n\n background:\n rgba(236,161,108,.14);\n\n}\n\n\n.vjc-glow--two{\n\n width:520px;\n height:520px;\n\n right:-250px;\n top:1800px;\n\n background:\n rgba(54,95,121,.14);\n\n}\n\n\n\/* =========================================================\n HERO\n LEFT ALIGNED\n========================================================= *\/\n\n.vjc-hero{\n\n max-width:980px;\n\n padding:\n 65px 20px\n 80px;\n\n text-align:left;\n\n}\n\n\n.vjc-eyebrow{\n\n display:flex;\n\n align-items:center;\n\n justify-content:flex-start;\n\n gap:14px;\n\n color:var(--vjc-blue);\n\n font-size:11px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vjc-eyebrow span{\n\n display:block;\n\n flex:none;\n\n width:48px;\n height:1px;\n\n background:\n linear-gradient(\n 90deg,\n var(--vjc-champagne),\n transparent\n );\n\n}\n\n\n.vjc-hero h1{\n\n max-width:950px;\n\n margin:\n 28px 0 0;\n\n color:var(--vjc-navy);\n\n font-size:\n clamp(\n 48px,\n 6vw,\n 82px\n );\n\n line-height:1;\n\n letter-spacing:-3px;\n\n font-weight:800;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n hyphens:none;\n\n}\n\n\n.vjc-hero h1 strong{\n\n display:block;\n\n margin-top:8px;\n\n background:\n linear-gradient(\n 90deg,\n var(--vjc-blue),\n #607f93,\n var(--vjc-champagne),\n var(--vjc-orange)\n );\n\n -webkit-background-clip:text;\n background-clip:text;\n\n color:transparent;\n\n}\n\n\n.vjc-hero-copy{\n\n max-width:720px;\n\n margin:\n 30px 0 0;\n\n color:#607584;\n\n font-size:19px;\n\n line-height:1.8;\n\n}\n\n\n.vjc-tags{\n\n display:flex;\n\n justify-content:flex-start;\n\n flex-wrap:wrap;\n\n gap:12px;\n\n margin-top:34px;\n\n}\n\n\n.vjc-tags span{\n\n padding:\n 11px 17px;\n\n border-radius:999px;\n\n color:var(--vjc-navy);\n\n font-size:12px;\n\n font-weight:700;\n\n background:\n rgba(255,255,255,.78);\n\n border:\n 1px solid\n rgba(13,45,65,.09);\n\n box-shadow:\n 0 10px 30px\n rgba(10,35,50,.06);\n\n}\n\n\n\/* =========================================================\n ALL 3 IMAGE CONTAINERS\n 1:1\n========================================================= *\/\n\n.vjc-main-image,\n.vjc-organized-image,\n.vjc-final-image{\n\n position:relative;\n\n width:100%;\n\n aspect-ratio:1 \/ 1;\n\n height:auto;\n\n min-height:0;\n\n overflow:hidden;\n\n background:#e6edf0;\n\n}\n\n\n\/* IMAGE 1 *\/\n\n.vjc-main-image{\n\n border-radius:34px;\n\n box-shadow:\n 0 36px 85px\n rgba(16,46,65,.14);\n\n}\n\n\n\/* IMAGE 2 *\/\n\n.vjc-organized-image{\n\n border-radius:30px;\n\n z-index:2;\n\n}\n\n\n\/* IMAGE 3 *\/\n\n.vjc-final-image{\n\n border-radius:0;\n\n}\n\n\n\/* =========================================================\n ACTUAL IMAGES\n 完整撑满整个容器\n========================================================= *\/\n\n.vjc-main-image \u003e img,\n.vjc-organized-image \u003e img,\n.vjc-final-image \u003e img{\n\n position:absolute !important;\n\n inset:0 !important;\n\n width:100% !important;\n\n height:100% !important;\n\n min-width:100% !important;\n\n min-height:100% !important;\n\n max-width:none !important;\n\n margin:0 !important;\n\n padding:0 !important;\n\n display:block !important;\n\n object-fit:cover !important;\n\n object-position:center center !important;\n\n}\n\n\n\/* =========================================================\n PLACEHOLDER\n========================================================= *\/\n\n.vjc-placeholder{\n\n position:absolute;\n\n inset:0;\n\n width:100%;\n height:100%;\n\n min-height:0;\n\n display:flex;\n\n flex-direction:column;\n\n align-items:center;\n\n justify-content:center;\n\n text-align:center;\n\n color:#fff;\n\n background:\n\n radial-gradient(\n circle at 73% 24%,\n rgba(235,160,108,.36),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 27% 78%,\n rgba(71,114,140,.34),\n transparent 28%\n ),\n\n linear-gradient(\n 135deg,\n #15374d,\n #3a647d 47%,\n #d6af88\n );\n\n}\n\n\n.vjc-placeholder--dark{\n\n background:\n\n radial-gradient(\n circle at 77% 23%,\n rgba(216,180,134,.22),\n transparent 25%\n ),\n\n linear-gradient(\n 145deg,\n #061b2b,\n #11384d 55%,\n #50758b\n );\n\n}\n\n\n.vjc-placeholder strong{\n\n font-size:17px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vjc-placeholder \u003e span{\n\n margin-top:9px;\n\n font-size:12px;\n\n opacity:.72;\n\n}\n\n\n\/* =========================================================\n INTRO\n TITLE ABOVE TEXT\n========================================================= *\/\n\n.vjc-intro{\n\n display:flex;\n\n flex-direction:column;\n\n align-items:flex-start;\n\n gap:34px;\n\n padding:\n 120px 25px\n 100px;\n\n}\n\n\n.vjc-intro-title{\n\n width:100%;\n\n max-width:950px;\n\n text-align:left;\n\n}\n\n\n.vjc-small-label{\n\n display:block;\n\n margin-bottom:17px;\n\n color:var(--vjc-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vjc-intro h2,\n.vjc-organized h2,\n.vjc-portable h2{\n\n margin:0;\n\n color:var(--vjc-navy);\n\n font-size:\n clamp(\n 38px,\n 4.5vw,\n 60px\n );\n\n line-height:1.05;\n\n letter-spacing:-2px;\n\n text-align:left;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n hyphens:none;\n\n}\n\n\n.vjc-intro h2 strong,\n.vjc-organized h2 strong,\n.vjc-portable h2 strong{\n\n display:block;\n\n color:var(--vjc-blue);\n\n}\n\n\n.vjc-intro-text{\n\n width:100%;\n\n max-width:850px;\n\n text-align:left;\n\n}\n\n\n.vjc-intro-text p{\n\n max-width:850px;\n\n margin:\n 0 0 22px;\n\n color:#617582;\n\n font-size:17px;\n\n line-height:1.9;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n hyphens:none;\n\n}\n\n\n\/* =========================================================\n FEATURES\n========================================================= *\/\n\n.vjc-features{\n\n display:grid;\n\n grid-template-columns:\n repeat(\n 4,\n minmax(0,1fr)\n );\n\n gap:16px;\n\n margin-bottom:120px;\n\n}\n\n\n.vjc-feature{\n\n min-width:0;\n\n min-height:300px;\n\n padding:32px;\n\n position:relative;\n\n overflow:hidden;\n\n text-align:left;\n\n border-radius:27px;\n\n background:\n rgba(255,255,255,.80);\n\n border:\n 1px solid\n rgba(14,49,70,.08);\n\n box-shadow:\n 0 20px 55px\n rgba(14,41,58,.07);\n\n transition:\n transform .3s ease,\n box-shadow .3s ease;\n\n}\n\n\n.vjc-feature:hover{\n\n transform:\n translateY(-8px);\n\n box-shadow:\n 0 30px 65px\n rgba(14,41,58,.13);\n\n}\n\n\n.vjc-feature-number{\n\n position:absolute;\n\n top:19px;\n right:22px;\n\n color:\n rgba(25,65,89,.06);\n\n font-size:46px;\n\n font-weight:800;\n\n}\n\n\n.vjc-feature-icon{\n\n width:55px;\n height:55px;\n\n display:flex;\n\n align-items:center;\n\n justify-content:center;\n\n margin-bottom:27px;\n\n border-radius:17px;\n\n color:#fff;\n\n font-size:21px;\n\n background:\n linear-gradient(\n 135deg,\n var(--vjc-navy),\n var(--vjc-blue)\n );\n\n box-shadow:\n 0 14px 30px\n rgba(13,44,63,.18);\n\n}\n\n\n.vjc-feature:nth-child(2) .vjc-feature-icon,\n.vjc-feature:nth-child(4) .vjc-feature-icon{\n\n background:\n linear-gradient(\n 135deg,\n #c4935d,\n #e2b98a\n );\n\n}\n\n\n.vjc-feature-body{\n\n min-width:0;\n\n}\n\n\n.vjc-feature h3{\n\n margin:\n 0 0 13px;\n\n color:var(--vjc-navy);\n\n font-size:19px;\n\n line-height:1.35;\n\n text-align:left;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n hyphens:none;\n\n}\n\n\n.vjc-feature p{\n\n margin:0;\n\n color:#687b88;\n\n font-size:14px;\n\n line-height:1.75;\n\n text-align:left;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n hyphens:none;\n\n}\n\n\n\/* =========================================================\n ORGANIZED DARK SECTION\n========================================================= *\/\n\n.vjc-organized{\n\n display:grid;\n\n grid-template-columns:\n minmax(0,1.08fr)\n minmax(0,.92fr);\n\n gap:70px;\n\n align-items:center;\n\n padding:70px;\n\n position:relative;\n\n overflow:hidden;\n\n border-radius:42px;\n\n background:\n linear-gradient(\n 135deg,\n #081f30 0%,\n #10364c 55%,\n #1d5068 100%\n );\n\n box-shadow:\n 0 40px 100px\n rgba(7,30,45,.22);\n\n}\n\n\n.vjc-organized::after{\n\n content:\"\";\n\n position:absolute;\n\n width:340px;\n height:340px;\n\n right:-120px;\n top:-130px;\n\n border-radius:50%;\n\n background:\n radial-gradient(\n circle,\n rgba(217,180,134,.30),\n rgba(236,160,107,.10),\n transparent 70%\n );\n\n}\n\n\n.vjc-organized-content{\n\n position:relative;\n\n z-index:2;\n\n min-width:0;\n\n text-align:left;\n\n}\n\n\n.vjc-organized h2{\n\n color:#fff;\n\n text-align:left;\n\n}\n\n\n.vjc-organized h2 strong{\n\n color:#efba88;\n\n}\n\n\n.vjc-organized-content \u003e p{\n\n max-width:650px;\n\n margin:\n 25px 0 0;\n\n color:\n rgba(255,255,255,.70);\n\n font-size:16px;\n\n line-height:1.85;\n\n text-align:left;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n}\n\n\n\/* =========================================================\n STORAGE CARDS\n 上下排列\n========================================================= *\/\n\n.vjc-storage-grid{\n\n display:grid;\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n margin-top:34px;\n\n}\n\n\n.vjc-storage-item{\n\n width:100%;\n\n min-width:0;\n\n display:flex;\n\n gap:15px;\n\n align-items:flex-start;\n\n padding:\n 17px 18px;\n\n border-radius:17px;\n\n background:\n rgba(255,255,255,.065);\n\n border:\n 1px solid\n rgba(255,255,255,.10);\n\n}\n\n\n.vjc-storage-number{\n\n flex:\n 0 0 32px;\n\n width:32px;\n height:32px;\n\n display:flex;\n\n align-items:center;\n\n justify-content:center;\n\n border-radius:50%;\n\n color:#fff;\n\n background:\n linear-gradient(\n 135deg,\n var(--vjc-orange),\n var(--vjc-champagne)\n );\n\n font-size:10px;\n\n font-weight:900;\n\n}\n\n\n.vjc-storage-text{\n\n flex:1;\n\n min-width:0;\n\n text-align:left;\n\n}\n\n\n.vjc-storage-text strong{\n\n display:block;\n\n color:#fff;\n\n font-size:14px;\n\n line-height:1.35;\n\n word-break:normal;\n\n}\n\n\n.vjc-storage-text small{\n\n display:block;\n\n margin-top:5px;\n\n color:\n rgba(255,255,255,.56);\n\n font-size:12px;\n\n line-height:1.55;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n}\n\n\n\/* =========================================================\n PORTABLE\n========================================================= *\/\n\n.vjc-portable{\n\n padding:\n 125px 20px;\n\n}\n\n\n.vjc-portable-heading{\n\n max-width:860px;\n\n margin:0;\n\n text-align:left;\n\n}\n\n\n.vjc-portable-heading \u003e span{\n\n color:var(--vjc-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vjc-portable-heading h2{\n\n margin-top:18px;\n\n text-align:left;\n\n}\n\n\n.vjc-portable-heading \u003e p{\n\n max-width:720px;\n\n margin:\n 25px 0 0;\n\n color:#627682;\n\n font-size:16px;\n\n line-height:1.85;\n\n text-align:left;\n\n}\n\n\n\/* =========================================================\n JOURNEY CARDS\n========================================================= *\/\n\n.vjc-journey-grid{\n\n display:grid;\n\n grid-template-columns:\n repeat(\n 4,\n minmax(0,1fr)\n );\n\n gap:16px;\n\n margin-top:55px;\n\n}\n\n\n.vjc-journey-grid article{\n\n min-width:0;\n\n padding:\n 34px 25px;\n\n text-align:left;\n\n border-radius:24px;\n\n border:\n 1px solid\n rgba(22,60,83,.08);\n\n background:\n linear-gradient(\n 180deg,\n #fff,\n #f4f7f8\n );\n\n box-shadow:\n 0 18px 40px\n rgba(12,40,57,.05);\n\n}\n\n\n.vjc-journey-icon{\n\n margin-bottom:13px;\n\n font-size:27px;\n\n}\n\n\n.vjc-journey-grid strong{\n\n display:block;\n\n margin-bottom:8px;\n\n color:var(--vjc-navy);\n\n font-size:15px;\n\n line-height:1.35;\n\n text-align:left;\n\n}\n\n\n.vjc-journey-grid article \u003e span{\n\n color:#768894;\n\n font-size:12px;\n\n line-height:1.6;\n\n text-align:left;\n\n}\n\n\n\/* =========================================================\n FINAL\n========================================================= *\/\n\n.vjc-final{\n\n overflow:hidden;\n\n border-radius:40px;\n\n background:#fff;\n\n border:\n 1px solid\n rgba(14,49,70,.07);\n\n box-shadow:\n 0 38px 90px\n rgba(15,43,60,.13);\n\n}\n\n\n\/* =========================================================\n FINAL COPY\n LEFT ALIGNED\n========================================================= *\/\n\n.vjc-final-content{\n\n position:relative;\n\n overflow:hidden;\n\n padding:\n 74px 60px\n 64px;\n\n text-align:left;\n\n background:\n\n radial-gradient(\n circle at 15% 12%,\n rgba(216,180,134,.18),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 88% 82%,\n rgba(54,95,121,.10),\n transparent 29%\n ),\n\n linear-gradient(\n 135deg,\n #fffdf9 0%,\n #faf5ed 50%,\n #edf3f6 100%\n );\n\n}\n\n\n.vjc-final-content::before{\n\n content:\"\";\n\n position:absolute;\n\n width:280px;\n height:280px;\n\n right:-105px;\n top:-130px;\n\n border-radius:50%;\n\n border:\n 1px solid\n rgba(207,165,111,.14);\n\n}\n\n\n.vjc-final-content::after{\n\n content:\"\";\n\n position:absolute;\n\n width:190px;\n height:190px;\n\n left:-90px;\n bottom:-115px;\n\n border-radius:50%;\n\n border:\n 1px solid\n rgba(54,95,121,.08);\n\n}\n\n\n\/* FINAL TOP *\/\n\n.vjc-final-topline{\n\n display:flex;\n\n align-items:center;\n\n justify-content:flex-start;\n\n gap:14px;\n\n position:relative;\n\n z-index:2;\n\n}\n\n\n.vjc-final-line{\n\n width:45px;\n height:1px;\n\n flex:none;\n\n background:\n linear-gradient(\n 90deg,\n var(--vjc-champagne),\n transparent\n );\n\n}\n\n\n.vjc-final-label{\n\n color:#c18a56;\n\n font-size:10px;\n\n font-weight:900;\n\n letter-spacing:2.8px;\n\n}\n\n\n\/* FINAL ICON *\/\n\n.vjc-final-icon{\n\n width:60px;\n height:60px;\n\n margin:\n 30px 0\n 23px;\n\n display:flex;\n\n align-items:center;\n\n justify-content:center;\n\n position:relative;\n\n z-index:2;\n\n border-radius:18px;\n\n color:#fff;\n\n font-size:24px;\n\n background:\n linear-gradient(\n 135deg,\n #c18b59,\n var(--vjc-champagne)\n );\n\n box-shadow:\n 0 15px 32px\n rgba(165,119,70,.20);\n\n}\n\n\n\/* FINAL TITLE *\/\n\n.vjc-final-content h2{\n\n max-width:820px;\n\n margin:0;\n\n position:relative;\n\n z-index:2;\n\n color:var(--vjc-navy);\n\n font-size:\n clamp(\n 38px,\n 4.5vw,\n 58px\n );\n\n line-height:1.03;\n\n letter-spacing:-2px;\n\n text-align:left;\n\n}\n\n\n.vjc-final-content h2 strong{\n\n display:block;\n\n margin-top:5px;\n\n background:\n linear-gradient(\n 90deg,\n var(--vjc-blue),\n #667f8f,\n #c69a68\n );\n\n -webkit-background-clip:text;\n background-clip:text;\n\n color:transparent;\n\n}\n\n\n\/* FINAL COPY *\/\n\n.vjc-final-content \u003e p{\n\n max-width:720px;\n\n margin:\n 24px 0 0;\n\n position:relative;\n\n z-index:2;\n\n color:#627682;\n\n font-size:15px;\n\n line-height:1.85;\n\n text-align:left;\n\n}\n\n\n\/* FINAL BENEFITS *\/\n\n.vjc-final-benefits{\n\n display:flex;\n\n align-items:center;\n\n justify-content:flex-start;\n\n flex-wrap:wrap;\n\n gap:14px;\n\n margin-top:32px;\n\n position:relative;\n\n z-index:2;\n\n}\n\n\n.vjc-final-benefits span{\n\n color:#526d7d;\n\n font-size:9px;\n\n font-weight:900;\n\n letter-spacing:1.8px;\n\n}\n\n\n.vjc-final-benefits i{\n\n width:5px;\n height:5px;\n\n flex:none;\n\n display:block;\n\n border-radius:50%;\n\n background:\n var(--vjc-champagne);\n\n}\n\n\n\/* =========================================================\n END\n========================================================= *\/\n\n.vjc-end{\n\n display:flex;\n\n align-items:center;\n\n gap:25px;\n\n padding:\n 70px 0\n 10px;\n\n}\n\n\n.vjc-end \u003e div{\n\n flex:1;\n\n height:1px;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n rgba(15,46,66,.24),\n transparent\n );\n\n}\n\n\n.vjc-end p{\n\n margin:0;\n\n color:var(--vjc-blue);\n\n font-size:10px;\n\n font-weight:900;\n\n letter-spacing:2.5px;\n\n text-align:center;\n\n}\n\n\n.vjc-end p span{\n\n margin:\n 0 10px;\n\n color:var(--vjc-orange);\n\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media(max-width:980px){\n\n .vjc-container{\n\n width:\n calc(100% - 28px);\n\n padding:\n 50px 0;\n\n }\n\n\n .vjc-features{\n\n grid-template-columns:\n repeat(\n 2,\n minmax(0,1fr)\n );\n\n }\n\n\n .vjc-organized{\n\n grid-template-columns:\n 1fr;\n\n gap:40px;\n\n padding:35px;\n\n }\n\n\n .vjc-journey-grid{\n\n grid-template-columns:\n repeat(\n 2,\n minmax(0,1fr)\n );\n\n }\n\n}\n\n\n\/* =========================================================\n SHOPIFY CONTAINER RESPONSIVE\n========================================================= *\/\n\n@container (max-width:720px){\n\n\n \/* HERO *\/\n\n .vjc-hero{\n\n padding:\n 50px 12px\n 60px;\n\n }\n\n\n \/* INTRO *\/\n\n .vjc-intro{\n\n padding:\n 75px 10px;\n\n gap:28px;\n\n }\n\n\n \/* FEATURE 卡片上下排列 *\/\n\n .vjc-features{\n\n grid-template-columns:\n 1fr;\n\n gap:14px;\n\n margin-bottom:70px;\n\n }\n\n\n .vjc-feature{\n\n width:100%;\n\n min-height:auto;\n\n padding:\n 28px 26px;\n\n }\n\n\n \/* IMAGE 2 + CONTENT 上下 *\/\n\n .vjc-organized{\n\n grid-template-columns:\n 1fr;\n\n gap:36px;\n\n padding:18px;\n\n border-radius:28px;\n\n }\n\n\n .vjc-organized-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n \/* Rings \/ Earrings \/ Necklaces \/ Bracelets 上下 *\/\n\n .vjc-storage-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vjc-storage-item{\n\n width:100%;\n\n }\n\n\n \/* 场景卡片上下 *\/\n\n .vjc-journey-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n}\n\n\n\/* =========================================================\n MOBILE\n========================================================= *\/\n\n@media(max-width:640px){\n\n .vjc-container{\n\n width:\n calc(100% - 20px);\n\n padding:\n 30px 0\n 45px;\n\n }\n\n\n \/* HERO *\/\n\n .vjc-hero{\n\n padding:\n 45px 8px\n 55px;\n\n }\n\n\n .vjc-eyebrow{\n\n gap:8px;\n\n font-size:8px;\n\n line-height:1.5;\n\n letter-spacing:1.8px;\n\n }\n\n\n .vjc-eyebrow span{\n\n width:25px;\n\n }\n\n\n .vjc-hero h1{\n\n max-width:100%;\n\n font-size:\n clamp(\n 38px,\n 11vw,\n 48px\n );\n\n line-height:1.02;\n\n letter-spacing:-1.8px;\n\n }\n\n\n .vjc-hero-copy{\n\n max-width:100%;\n\n font-size:16px;\n\n }\n\n\n \/* IMAGE 1 *\/\n\n .vjc-main-image{\n\n border-radius:24px;\n\n }\n\n\n \/* INTRO *\/\n\n .vjc-intro{\n\n padding:\n 65px 8px;\n\n gap:25px;\n\n }\n\n\n .vjc-small-label{\n\n font-size:9px;\n\n letter-spacing:2.4px;\n\n }\n\n\n .vjc-intro h2,\n .vjc-organized h2,\n .vjc-portable h2{\n\n max-width:100%;\n\n font-size:\n clamp(\n 34px,\n 9vw,\n 41px\n );\n\n line-height:1.06;\n\n letter-spacing:-1.5px;\n\n }\n\n\n .vjc-intro-text{\n\n max-width:100%;\n\n }\n\n\n .vjc-intro-text p{\n\n max-width:100%;\n\n font-size:15px;\n\n line-height:1.8;\n\n }\n\n\n \/* FEATURES *\/\n\n .vjc-features{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vjc-feature{\n\n width:100%;\n\n padding:\n 27px 24px;\n\n }\n\n\n .vjc-feature h3{\n\n font-size:18px;\n\n }\n\n\n \/* DARK SECTION *\/\n\n .vjc-organized{\n\n grid-template-columns:\n 1fr;\n\n gap:35px;\n\n padding:18px;\n\n border-radius:28px;\n\n }\n\n\n .vjc-organized-image{\n\n border-radius:21px;\n\n }\n\n\n .vjc-organized-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n .vjc-organized-content \u003e p{\n\n font-size:15px;\n\n }\n\n\n \/* STORAGE *\/\n\n .vjc-storage-grid{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vjc-storage-item{\n\n width:100%;\n\n padding:16px;\n\n }\n\n\n \/* PORTABLE *\/\n\n .vjc-portable{\n\n padding:\n 80px 8px;\n\n }\n\n\n .vjc-portable-heading{\n\n width:100%;\n\n }\n\n\n .vjc-portable-heading \u003e p{\n\n font-size:15px;\n\n }\n\n\n \/* JOURNEY *\/\n\n .vjc-journey-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vjc-journey-grid article{\n\n width:100%;\n\n padding:\n 27px 20px;\n\n }\n\n\n \/* FINAL *\/\n\n .vjc-final{\n\n border-radius:25px;\n\n }\n\n\n .vjc-final-content{\n\n padding:\n 48px 24px\n 42px;\n\n }\n\n\n .vjc-final-topline{\n\n gap:8px;\n\n }\n\n\n .vjc-final-line{\n\n width:24px;\n\n }\n\n\n .vjc-final-label{\n\n font-size:8px;\n\n letter-spacing:1.5px;\n\n }\n\n\n .vjc-final-icon{\n\n width:50px;\n height:50px;\n\n margin:\n 25px 0\n 22px;\n\n font-size:20px;\n\n }\n\n\n .vjc-final-content h2{\n\n max-width:100%;\n\n font-size:\n clamp(\n 34px,\n 9vw,\n 41px\n );\n\n line-height:1.05;\n\n letter-spacing:-1.5px;\n\n }\n\n\n .vjc-final-content \u003e p{\n\n max-width:100%;\n\n font-size:14px;\n\n }\n\n\n .vjc-final-benefits{\n\n justify-content:flex-start;\n\n gap:9px;\n\n margin-top:26px;\n\n }\n\n\n .vjc-final-benefits span{\n\n font-size:7px;\n\n letter-spacing:1px;\n\n }\n\n\n \/* END *\/\n\n .vjc-end{\n\n gap:8px;\n\n padding-top:45px;\n\n }\n\n\n .vjc-end p{\n\n font-size:8px;\n\n line-height:1.8;\n\n }\n\n}\n\n\u003c\/style\u003e","brand":"Voyatral™ ","offers":[{"title":"1 pc","offer_id":67616302039294,"sku":"Voyatral*1","price":24.42,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":67616302072062,"sku":"Voyatral*2","price":42.64,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":67616302104830,"sku":"Voyatral*4","price":72.53,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPTImage2026_9_24_14_20_08_1.png?v=1790663234"}],"url":"https:\/\/velorivae.com\/collections\/travel-organization-collection.oembed","provider":"Velorivae™ ","version":"1.0","type":"link"}