{"title":"Shop","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"},{"product_id":"voyatral™-ergonomic-travel-neck-pillow-for-comfortable-journeys","title":"Voyatral™ Ergonomic Travel Neck Pillow for Comfortable Journeys","description":"\u003c!-- =========================================================\n VOYATRAL™ ERGONOMIC TRAVEL NECK PILLOW\n========================================================= --\u003e\n\u003csection class=\"voyatral-neck-pillow-page\"\u003e\n\u003cdiv class=\"vnp-glow vnp-glow--one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vnp-glow vnp-glow--two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vnp-container\"\u003e\n\u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"vnp-hero\"\u003e\n\u003cdiv class=\"vnp-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e TRAVEL COMFORT COLLECTION\u003c\/div\u003e\n\u003ch1\u003eVoyatral™ Ergonomic \u003cstrong\u003eTravel Neck Pillow\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp class=\"vnp-hero-copy\"\u003eEnjoy more comfortable support during flights, road trips, train journeys, and everyday travel.\u003c\/p\u003e\n\u003cdiv class=\"vnp-tags\"\u003e\n\u003cspan\u003e✈ Travel Comfort\u003c\/span\u003e \u003cspan\u003e◯ Ergonomic Support\u003c\/span\u003e \u003cspan\u003e☁ Soft Cushioned Feel\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 1\n 1:1 + 完全撑满\n ====================================================== --\u003e\n\u003csection class=\"vnp-main-image\"\u003e\n\u003cdiv class=\"vnp-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/7.png?v=1790664188\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n 标题在上\n 正文在下\n ====================================================== --\u003e\n\u003csection class=\"vnp-intro\"\u003e\n\u003cdiv class=\"vnp-intro-title\"\u003e\n\u003cspan class=\"vnp-small-label\"\u003e COMFORT FOR THE JOURNEY \u003c\/span\u003e\n\u003ch2\u003eRelax Into \u003cstrong\u003e Every Mile. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vnp-intro-text\"\u003e\n\u003cp\u003eThe Voyatral™ Ergonomic Travel Neck Pillow is designed with a contoured shape that gently supports the neck and helps create a more relaxed resting position while traveling.\u003c\/p\u003e\n\u003cp\u003eIts soft, cushioned construction provides a comfortable feel for longer journeys, while the compact travel-friendly size makes it easy to carry with luggage, backpacks, or carry-on bags.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FEATURES\n ====================================================== --\u003e\n\u003csection class=\"vnp-features\"\u003e\u003c!-- 01 --\u003e\n\u003carticle class=\"vnp-feature\"\u003e\u003cspan class=\"vnp-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vnp-feature-icon\"\u003e◯\u003c\/div\u003e\n\u003cdiv class=\"vnp-feature-body\"\u003e\n\u003ch3\u003eContoured Support\u003c\/h3\u003e\n\u003cp\u003eA carefully shaped design gently surrounds the neck for a more comfortable resting position.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"vnp-feature\"\u003e\u003cspan class=\"vnp-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vnp-feature-icon\"\u003e☁\u003c\/div\u003e\n\u003cdiv class=\"vnp-feature-body\"\u003e\n\u003ch3\u003eSoft Cushioned Feel\u003c\/h3\u003e\n\u003cp\u003eComfortable padding creates a softer feel throughout longer journeys and everyday travel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"vnp-feature\"\u003e\u003cspan class=\"vnp-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vnp-feature-icon\"\u003e↺\u003c\/div\u003e\n\u003cdiv class=\"vnp-feature-body\"\u003e\n\u003ch3\u003eWraparound Comfort\u003c\/h3\u003e\n\u003cp\u003eThe supportive wraparound shape helps create a secure and comfortable fit while seated.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"vnp-feature\"\u003e\u003cspan class=\"vnp-feature-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vnp-feature-icon\"\u003e✈\u003c\/div\u003e\n\u003cdiv class=\"vnp-feature-body\"\u003e\n\u003ch3\u003eTravel Friendly\u003c\/h3\u003e\n\u003cp\u003eCompact enough to carry with backpacks, luggage, and everyday travel gear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 2 + SUPPORT\n ====================================================== --\u003e\n\u003csection class=\"vnp-support\"\u003e\u003c!-- IMAGE 2 --\u003e\n\u003cdiv class=\"vnp-support-image\"\u003e\n\u003cdiv class=\"vnp-placeholder vnp-placeholder--dark\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/8.png?v=1790664188\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CONTENT --\u003e\n\u003cdiv class=\"vnp-support-content\"\u003e\n\u003cspan class=\"vnp-small-label\"\u003e DESIGNED AROUND COMFORT \u003c\/span\u003e\n\u003ch2\u003eSupport That \u003cstrong\u003e Travels With You. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe supportive wraparound design helps provide a more secure and comfortable fit whether you are sitting on a plane, resting in a car, or relaxing during a train ride.\u003c\/p\u003e\n\u003c!-- SUPPORT CARDS --\u003e\n\u003cdiv class=\"vnp-support-grid\"\u003e\n\u003c!-- 01 --\u003e\n\u003cdiv class=\"vnp-support-item\"\u003e\n\u003cspan class=\"vnp-support-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vnp-support-text\"\u003e\n\u003cstrong\u003e Neck Support \u003c\/strong\u003e \u003csmall\u003e Contoured shaping helps support the neck comfortably. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 02 --\u003e\n\u003cdiv class=\"vnp-support-item\"\u003e\n\u003cspan class=\"vnp-support-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vnp-support-text\"\u003e\n\u003cstrong\u003e Soft Cushioning \u003c\/strong\u003e \u003csmall\u003e Comfortable padding for longer journeys. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 03 --\u003e\n\u003cdiv class=\"vnp-support-item\"\u003e\n\u003cspan class=\"vnp-support-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vnp-support-text\"\u003e\n\u003cstrong\u003e Secure Fit \u003c\/strong\u003e \u003csmall\u003e Wraparound shaping helps the pillow stay comfortably positioned. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 04 --\u003e\n\u003cdiv class=\"vnp-support-item\"\u003e\n\u003cspan class=\"vnp-support-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vnp-support-text\"\u003e\n\u003cstrong\u003e Easy To Carry \u003c\/strong\u003e \u003csmall\u003e Travel-friendly size for luggage and backpacks. \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 TRAVEL USE\n ====================================================== --\u003e\n\u003csection class=\"vnp-travel\"\u003e\n\u003cdiv class=\"vnp-travel-heading\"\u003e\n\u003cspan\u003e MADE FOR EVERY JOURNEY \u003c\/span\u003e\n\u003ch2\u003eComfortable Wherever \u003cstrong\u003e You Travel. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you are traveling for business, heading on vacation, or commuting regularly, Voyatral™ helps make every journey more comfortable and relaxing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vnp-travel-grid\"\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vnp-travel-icon\"\u003e✈\u003c\/div\u003e\n\u003cstrong\u003e Flights \u003c\/strong\u003e \u003cspan\u003e Add more comfort to longer hours in the air. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vnp-travel-icon\"\u003e🚗\u003c\/div\u003e\n\u003cstrong\u003e Road Trips \u003c\/strong\u003e \u003cspan\u003e Relax more comfortably during longer drives. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vnp-travel-icon\"\u003e🚆\u003c\/div\u003e\n\u003cstrong\u003e Train Journeys \u003c\/strong\u003e \u003cspan\u003e Create a softer resting position while traveling. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vnp-travel-icon\"\u003e💼\u003c\/div\u003e\n\u003cstrong\u003e Everyday Travel \u003c\/strong\u003e \u003cspan\u003e Comfortable support for commuting and regular trips. \u003c\/span\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL\n 文案在上\n IMAGE 3 在下\n ====================================================== --\u003e\n\u003csection class=\"vnp-final\"\u003e\u003c!-- FINAL CONTENT --\u003e\n\u003cdiv class=\"vnp-final-content\"\u003e\n\u003cdiv class=\"vnp-final-topline\"\u003e\n\u003cspan class=\"vnp-final-line\"\u003e\u003c\/span\u003e \u003cspan class=\"vnp-final-label\"\u003e VOYATRAL™ TRAVEL COMFORT \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vnp-final-icon\"\u003e◯\u003c\/div\u003e\n\u003ch2\u003eMore Comfort. \u003cstrong\u003e Every Journey. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom business trips and vacations to regular commuting, Voyatral™ helps create a more comfortable and relaxing travel experience wherever the journey takes you.\u003c\/p\u003e\n\u003cdiv class=\"vnp-final-benefits\"\u003e\n\u003cspan\u003e ERGONOMIC SUPPORT \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e SOFT CUSHIONING \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=\"vnp-final-image\"\u003e\n\u003cdiv class=\"vnp-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/6.png?v=1790664188\" 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=\"vnp-end\"\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eSUPPORT \u003cspan\u003e•\u003c\/span\u003e RELAX \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-neck-pillow-page{\n\n --vnp-navy:#0b2a40;\n --vnp-deep:#061c2c;\n\n --vnp-blue:#365f79;\n --vnp-bluegray:#94a9b6;\n --vnp-softblue:#dce8ee;\n\n --vnp-cream:#faf7f1;\n --vnp-beige:#dfcfbd;\n\n --vnp-orange:#eca16c;\n --vnp-gold:#efbd89;\n\n --vnp-white:#ffffff;\n --vnp-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(--vnp-text);\n\n background:\n\n radial-gradient(\n circle at 8% 18%,\n rgba(236,161,108,.14),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 92% 42%,\n rgba(54,95,121,.16),\n transparent 28%\n ),\n\n radial-gradient(\n circle at 55% 72%,\n rgba(148,169,182,.14),\n transparent 26%\n ),\n\n linear-gradient(\n 180deg,\n #fffdf9 0%,\n #f8f5ef 50%,\n #edf3f6 100%\n );\n\n}\n\n\n\/* =========================================================\n BOX SIZING\n========================================================= *\/\n\n.voyatral-neck-pillow-page *,\n.voyatral-neck-pillow-page *::before,\n.voyatral-neck-pillow-page *::after{\n\n box-sizing:border-box;\n\n}\n\n\n\/* =========================================================\n CONTAINER\n========================================================= *\/\n\n.vnp-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 GLOW\n========================================================= *\/\n\n.vnp-glow{\n\n position:absolute;\n\n border-radius:50%;\n\n pointer-events:none;\n\n filter:blur(28px);\n\n}\n\n\n.vnp-glow--one{\n\n width:500px;\n height:500px;\n\n left:-260px;\n top:620px;\n\n background:\n rgba(236,161,108,.14);\n\n}\n\n\n.vnp-glow--two{\n\n width:540px;\n height:540px;\n\n right:-260px;\n top:1750px;\n\n background:\n rgba(54,95,121,.14);\n\n}\n\n\n\/* =========================================================\n HERO\n 全部左对齐\n========================================================= *\/\n\n.vnp-hero{\n\n max-width:1000px;\n\n text-align:left;\n\n padding:\n 65px 20px\n 80px;\n\n}\n\n\n.vnp-eyebrow{\n\n display:flex;\n\n align-items:center;\n\n justify-content:flex-start;\n\n gap:14px;\n\n color:var(--vnp-blue);\n\n font-size:11px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vnp-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(--vnp-orange),\n transparent\n );\n\n}\n\n\n.vnp-hero h1{\n\n max-width:1000px;\n\n margin:\n 28px 0 0;\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 color:var(--vnp-navy);\n\n font-weight:800;\n\n word-break:normal;\n\n overflow-wrap:normal;\n\n hyphens:none;\n\n}\n\n\n.vnp-hero h1 strong{\n\n display:block;\n\n margin-top:8px;\n\n background:\n linear-gradient(\n 90deg,\n var(--vnp-blue),\n #6e899a,\n var(--vnp-orange)\n );\n\n -webkit-background-clip:text;\n background-clip:text;\n\n color:transparent;\n\n}\n\n\n.vnp-hero-copy{\n\n max-width:760px;\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.vnp-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.vnp-tags span{\n\n padding:\n 11px 17px;\n\n border-radius:999px;\n\n color:var(--vnp-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 三张图片统一 1:1\n========================================================= *\/\n\n.vnp-main-image,\n.vnp-support-image,\n.vnp-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.vnp-main-image{\n\n border-radius:36px;\n\n box-shadow:\n 0 36px 90px\n rgba(16,46,65,.14);\n\n}\n\n\n\/* IMAGE 2 *\/\n\n.vnp-support-image{\n\n position:relative;\n\n z-index:2;\n\n border-radius:32px;\n\n}\n\n\n\/* IMAGE 3 *\/\n\n.vnp-final-image{\n\n border-radius:0;\n\n}\n\n\n\/* =========================================================\n REAL IMAGE\n 强制撑满整个容器\n========================================================= *\/\n\n.vnp-main-image \u003e img,\n.vnp-support-image \u003e img,\n.vnp-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.vnp-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 72% 24%,\n rgba(236,161,108,.36),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 25% 80%,\n rgba(72,115,141,.35),\n transparent 28%\n ),\n\n linear-gradient(\n 135deg,\n #14364c,\n #3c6680 48%,\n #d6aa81\n );\n\n}\n\n\n.vnp-placeholder--dark{\n\n background:\n\n radial-gradient(\n circle at 76% 22%,\n rgba(236,161,108,.25),\n transparent 25%\n ),\n\n linear-gradient(\n 145deg,\n #061b2b,\n #11384d 55%,\n #54778c\n );\n\n}\n\n\n.vnp-placeholder strong{\n\n font-size:17px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vnp-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 标题 + 正文上下排列\n========================================================= *\/\n\n.vnp-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.vnp-intro-title{\n\n width:100%;\n\n max-width:900px;\n\n text-align:left;\n\n}\n\n\n.vnp-small-label{\n\n display:block;\n\n margin-bottom:17px;\n\n color:var(--vnp-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vnp-intro h2,\n.vnp-support h2,\n.vnp-travel h2{\n\n margin:0;\n\n color:var(--vnp-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.vnp-intro h2 strong,\n.vnp-support h2 strong,\n.vnp-travel h2 strong{\n\n display:block;\n\n color:var(--vnp-blue);\n\n}\n\n\n.vnp-intro-text{\n\n width:100%;\n\n max-width:850px;\n\n text-align:left;\n\n}\n\n\n.vnp-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.vnp-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.vnp-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:28px;\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.vnp-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.vnp-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.vnp-feature-icon{\n\n width:56px;\n height:56px;\n\n display:flex;\n\n align-items:center;\n\n justify-content:center;\n\n margin-bottom:27px;\n\n border-radius:50%;\n\n color:#fff;\n\n font-size:21px;\n\n background:\n linear-gradient(\n 135deg,\n var(--vnp-navy),\n var(--vnp-blue)\n );\n\n box-shadow:\n 0 14px 30px\n rgba(13,44,63,.18);\n\n}\n\n\n.vnp-feature:nth-child(2) .vnp-feature-icon,\n.vnp-feature:nth-child(4) .vnp-feature-icon{\n\n background:\n linear-gradient(\n 135deg,\n #dc8958,\n #efb27f\n );\n\n}\n\n\n.vnp-feature-body{\n\n min-width:0;\n\n}\n\n\n.vnp-feature h3{\n\n margin:\n 0 0 13px;\n\n color:var(--vnp-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.vnp-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 SUPPORT SECTION\n========================================================= *\/\n\n.vnp-support{\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:44px;\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.vnp-support::after{\n\n content:\"\";\n\n position:absolute;\n\n width:360px;\n height:360px;\n\n right:-130px;\n top:-140px;\n\n border-radius:50%;\n\n background:\n radial-gradient(\n circle,\n rgba(236,161,108,.26),\n transparent 70%\n );\n\n}\n\n\n.vnp-support-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.vnp-support h2{\n\n color:#fff;\n\n text-align:left;\n\n}\n\n\n.vnp-support h2 strong{\n\n color:#efb080;\n\n}\n\n\n.vnp-support-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 SUPPORT CARDS\n 默认单列\n========================================================= *\/\n\n.vnp-support-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.vnp-support-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.vnp-support-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(--vnp-orange);\n\n color:#fff;\n\n font-size:10px;\n\n font-weight:900;\n\n}\n\n\n.vnp-support-text{\n\n flex:1;\n\n min-width:0;\n\n text-align:left;\n\n}\n\n\n.vnp-support-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.vnp-support-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 TRAVEL USE\n========================================================= *\/\n\n.vnp-travel{\n\n padding:\n 125px 20px;\n\n}\n\n\n.vnp-travel-heading{\n\n max-width:860px;\n\n margin:0;\n\n text-align:left;\n\n}\n\n\n.vnp-travel-heading \u003e span{\n\n color:var(--vnp-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vnp-travel-heading h2{\n\n margin-top:18px;\n\n text-align:left;\n\n}\n\n\n.vnp-travel-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.vnp-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.vnp-travel-grid article{\n\n min-width:0;\n\n padding:\n 34px 25px;\n\n text-align:left;\n\n border-radius:26px;\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.vnp-travel-icon{\n\n margin-bottom:13px;\n\n font-size:27px;\n\n}\n\n\n.vnp-travel-grid strong{\n\n display:block;\n\n margin-bottom:8px;\n\n color:var(--vnp-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.vnp-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 SECTION\n========================================================= *\/\n\n.vnp-final{\n\n overflow:hidden;\n\n border-radius:42px;\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.vnp-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,161,108,.14),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 88% 85%,\n rgba(54,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.vnp-final-content::before{\n\n content:\"\";\n\n position:absolute;\n\n width:270px;\n height:270px;\n\n right:-105px;\n top:-125px;\n\n border-radius:50%;\n\n border:\n 1px solid\n rgba(54,95,121,.08);\n\n}\n\n\n.vnp-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,161,108,.12);\n\n}\n\n\n\/* FINAL TOPLINE *\/\n\n.vnp-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.vnp-final-line{\n\n width:45px;\n height:1px;\n\n flex:none;\n\n background:\n linear-gradient(\n 90deg,\n var(--vnp-orange),\n transparent\n );\n\n}\n\n\n.vnp-final-label{\n\n color:var(--vnp-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.vnp-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:50%;\n\n color:#fff;\n\n font-size:24px;\n\n background:\n linear-gradient(\n 135deg,\n var(--vnp-navy),\n var(--vnp-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.vnp-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(--vnp-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.vnp-final-content h2 strong{\n\n display:block;\n\n margin-top:5px;\n\n color:var(--vnp-blue);\n\n}\n\n\n\/* FINAL COPY *\/\n\n.vnp-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.vnp-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.vnp-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.vnp-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(--vnp-orange);\n\n}\n\n\n\/* =========================================================\n END\n========================================================= *\/\n\n.vnp-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.vnp-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.vnp-end p{\n\n margin:0;\n\n color:var(--vnp-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.vnp-end p span{\n\n margin:\n 0 10px;\n\n color:var(--vnp-orange);\n\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media(max-width:980px){\n\n .vnp-container{\n\n width:\n calc(100% - 28px);\n\n padding:\n 50px 0;\n\n }\n\n\n .vnp-features{\n\n grid-template-columns:\n repeat(\n 2,\n minmax(0,1fr)\n );\n\n }\n\n\n .vnp-support{\n\n grid-template-columns:\n 1fr;\n\n gap:40px;\n\n padding:35px;\n\n }\n\n\n .vnp-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 用于 Shopify 窄预览\n========================================================= *\/\n\n@container (max-width:720px){\n\n\n \/* HERO *\/\n\n .vnp-hero{\n\n padding:\n 50px 12px\n 60px;\n\n }\n\n\n \/* INTRO *\/\n\n .vnp-intro{\n\n padding:\n 75px 10px;\n\n gap:28px;\n\n }\n\n\n \/* FEATURE 卡片上下排列 *\/\n\n .vnp-features{\n\n grid-template-columns:\n 1fr;\n\n gap:14px;\n\n margin-bottom:70px;\n\n }\n\n\n .vnp-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 .vnp-support{\n\n grid-template-columns:\n 1fr;\n\n gap:36px;\n\n padding:18px;\n\n border-radius:29px;\n\n }\n\n\n .vnp-support-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n \/* Support 4 卡片 *\/\n\n .vnp-support-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vnp-support-item{\n\n width:100%;\n\n }\n\n\n \/* Travel 4 卡片 *\/\n\n .vnp-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 .vnp-container{\n\n width:\n calc(100% - 20px);\n\n padding:\n 30px 0\n 45px;\n\n }\n\n\n \/* HERO *\/\n\n .vnp-hero{\n\n padding:\n 45px 8px\n 55px;\n\n }\n\n\n .vnp-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 .vnp-eyebrow span{\n\n width:25px;\n\n }\n\n\n .vnp-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 .vnp-hero-copy{\n\n max-width:100%;\n\n font-size:16px;\n\n }\n\n\n \/* IMAGE 1 *\/\n\n .vnp-main-image{\n\n border-radius:25px;\n\n }\n\n\n \/* INTRO *\/\n\n .vnp-intro{\n\n padding:\n 65px 8px;\n\n gap:25px;\n\n }\n\n\n .vnp-small-label{\n\n font-size:9px;\n\n letter-spacing:2.4px;\n\n }\n\n\n .vnp-intro h2,\n .vnp-support h2,\n .vnp-travel 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 .vnp-intro-text{\n\n max-width:100%;\n\n }\n\n\n .vnp-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 .vnp-features{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vnp-feature{\n\n width:100%;\n\n padding:\n 27px 24px;\n\n }\n\n\n .vnp-feature h3{\n\n font-size:18px;\n\n }\n\n\n \/* SUPPORT *\/\n\n .vnp-support{\n\n grid-template-columns:\n 1fr;\n\n gap:35px;\n\n padding:18px;\n\n border-radius:29px;\n\n }\n\n\n .vnp-support-image{\n\n border-radius:22px;\n\n }\n\n\n .vnp-support-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n .vnp-support-content \u003e p{\n\n font-size:15px;\n\n }\n\n\n \/* SUPPORT CARDS *\/\n\n .vnp-support-grid{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vnp-support-item{\n\n width:100%;\n\n padding:16px;\n\n }\n\n\n \/* TRAVEL *\/\n\n .vnp-travel{\n\n padding:\n 80px 8px;\n\n }\n\n\n .vnp-travel-heading{\n\n width:100%;\n\n }\n\n\n .vnp-travel-heading \u003e p{\n\n font-size:15px;\n\n }\n\n\n .vnp-travel-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vnp-travel-grid article{\n\n width:100%;\n\n padding:\n 27px 20px;\n\n }\n\n\n \/* FINAL *\/\n\n .vnp-final{\n\n border-radius:26px;\n\n }\n\n\n .vnp-final-content{\n\n padding:\n 48px 24px\n 42px;\n\n }\n\n\n .vnp-final-topline{\n\n gap:8px;\n\n }\n\n\n .vnp-final-line{\n\n width:24px;\n\n }\n\n\n .vnp-final-label{\n\n font-size:8px;\n\n letter-spacing:1.5px;\n\n }\n\n\n .vnp-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 .vnp-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 .vnp-final-content \u003e p{\n\n max-width:100%;\n\n font-size:14px;\n\n }\n\n\n .vnp-final-benefits{\n\n justify-content:flex-start;\n\n gap:9px;\n\n margin-top:26px;\n\n }\n\n\n .vnp-final-benefits span{\n\n font-size:7px;\n\n letter-spacing:1px;\n\n }\n\n\n \/* END *\/\n\n .vnp-end{\n\n gap:8px;\n\n padding-top:45px;\n\n }\n\n\n .vnp-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":67616320389374,"sku":"Voyatral*1","price":29.43,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":67616320422142,"sku":"Voyatral*2","price":49.45,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":67616320454910,"sku":"Voyatral*4","price":84.42,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/1.png?v=1790664057"},{"product_id":"voyatral™-sleep-mask-for-travel-and-relaxation","title":"Voyatral™ Sleep Mask for Travel and Relaxation","description":"\u003c!-- =========================================================\n VOYATRAL™ SLEEP MASK\n========================================================= --\u003e\n\u003csection class=\"voyatral-sleep-mask-page\"\u003e\n\u003cdiv class=\"vsm-glow vsm-glow--one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vsm-glow vsm-glow--two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vsm-container\"\u003e\n\u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"vsm-hero\"\u003e\n\u003cdiv class=\"vsm-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e TRAVEL COMFORT COLLECTION\u003c\/div\u003e\n\u003ch1\u003eVoyatral™ \u003cstrong\u003eSleep Mask\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp class=\"vsm-hero-copy\"\u003eCreate a calmer and more comfortable rest environment wherever you travel.\u003c\/p\u003e\n\u003cdiv class=\"vsm-tags\"\u003e\n\u003cspan\u003e✈ Travel Comfort\u003c\/span\u003e \u003cspan\u003e☾ Light Reducing\u003c\/span\u003e \u003cspan\u003e☁ Soft Contoured Fit\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 1\n 1:1 + 完整撑满\n ====================================================== --\u003e\n\u003csection class=\"vsm-main-image\"\u003e\n\u003cdiv class=\"vsm-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_16_35_02_7.png?v=1790664199\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n 标题在上\n 正文在下\n ====================================================== --\u003e\n\u003csection class=\"vsm-intro\"\u003e\n\u003cdiv class=\"vsm-intro-title\"\u003e\n\u003cspan class=\"vsm-small-label\"\u003e REST WHEREVER YOU GO \u003c\/span\u003e\n\u003ch2\u003eA Calmer Way \u003cstrong\u003e To Unwind. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vsm-intro-text\"\u003e\n\u003cp\u003eThe Voyatral™ Sleep Mask is designed for flights, hotel stays, naps, and everyday relaxation, helping reduce unwanted light so you can rest more comfortably.\u003c\/p\u003e\n\u003cp\u003eIts soft contoured design fits gently around the eyes while leaving extra space around the eyelids, helping improve comfort during longer periods of use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FEATURES\n ====================================================== --\u003e\n\u003csection class=\"vsm-features\"\u003e\u003c!-- 01 --\u003e\n\u003carticle class=\"vsm-feature\"\u003e\u003cspan class=\"vsm-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vsm-feature-icon\"\u003e☾\u003c\/div\u003e\n\u003cdiv class=\"vsm-feature-body\"\u003e\n\u003ch3\u003eReduced Light\u003c\/h3\u003e\n\u003cp\u003eHelps create a darker and calmer environment for rest during flights, hotels, naps, and everyday relaxation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"vsm-feature\"\u003e\u003cspan class=\"vsm-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vsm-feature-icon\"\u003e◯\u003c\/div\u003e\n\u003cdiv class=\"vsm-feature-body\"\u003e\n\u003ch3\u003eContoured Eye Space\u003c\/h3\u003e\n\u003cp\u003eExtra space around the eyelids helps create a more comfortable fit without unnecessary pressure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"vsm-feature\"\u003e\u003cspan class=\"vsm-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vsm-feature-icon\"\u003e☁\u003c\/div\u003e\n\u003cdiv class=\"vsm-feature-body\"\u003e\n\u003ch3\u003eSoft Comfortable Feel\u003c\/h3\u003e\n\u003cp\u003eGentle materials and a soft structure make the mask comfortable for longer periods of rest.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"vsm-feature\"\u003e\u003cspan class=\"vsm-feature-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vsm-feature-icon\"\u003e✈\u003c\/div\u003e\n\u003cdiv class=\"vsm-feature-body\"\u003e\n\u003ch3\u003eLightweight For Travel\u003c\/h3\u003e\n\u003cp\u003ePacks easily into luggage, backpacks, carry-on bags, and other travel essentials.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 2 + COMFORT\n ====================================================== --\u003e\n\u003csection class=\"vsm-comfort\"\u003e\u003c!-- IMAGE 2 --\u003e\n\u003cdiv class=\"vsm-comfort-image\"\u003e\n\u003cdiv class=\"vsm-placeholder vsm-placeholder--dark\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_16_35_01_6.png?v=1790664199\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CONTENT --\u003e\n\u003cdiv class=\"vsm-comfort-content\"\u003e\n\u003cspan class=\"vsm-small-label\"\u003e DESIGNED AROUND YOUR EYES \u003c\/span\u003e\n\u003ch2\u003eSoft Around The Eyes. \u003cstrong\u003e Comfortable Through The Journey. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe contoured shape is designed to fit gently around the eyes while providing additional space around the eyelids for a more comfortable resting experience.\u003c\/p\u003e\n\u003c!-- COMFORT CARDS --\u003e\n\u003cdiv class=\"vsm-comfort-grid\"\u003e\n\u003cdiv class=\"vsm-comfort-item\"\u003e\n\u003cspan class=\"vsm-comfort-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vsm-comfort-text\"\u003e\n\u003cstrong\u003e Eye Space \u003c\/strong\u003e \u003csmall\u003e Contoured shaping leaves comfortable room around the eyelids. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vsm-comfort-item\"\u003e\n\u003cspan class=\"vsm-comfort-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vsm-comfort-text\"\u003e\n\u003cstrong\u003e Soft Contact \u003c\/strong\u003e \u003csmall\u003e Gentle materials provide a comfortable feel around the face. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vsm-comfort-item\"\u003e\n\u003cspan class=\"vsm-comfort-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vsm-comfort-text\"\u003e\n\u003cstrong\u003e Lightweight Design \u003c\/strong\u003e \u003csmall\u003e Comfortable to carry and easy to pack for every journey. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vsm-comfort-item\"\u003e\n\u003cspan class=\"vsm-comfort-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vsm-comfort-text\"\u003e\n\u003cstrong\u003e Travel Ready \u003c\/strong\u003e \u003csmall\u003e Suitable for airplanes, hotels, commuting, and everyday rest. \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 REST SCENARIOS\n ====================================================== --\u003e\n\u003csection class=\"vsm-rest\"\u003e\n\u003cdiv class=\"vsm-rest-heading\"\u003e\n\u003cspan\u003e COMFORT FOR EVERY MOMENT \u003c\/span\u003e\n\u003ch2\u003eRest More Easily. \u003cstrong\u003e Wherever You Are. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you are resting on a plane, sleeping in a hotel, taking a midday nap, or relaxing at home, Voyatral™ helps create a darker, more peaceful environment for better rest.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vsm-rest-grid\"\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vsm-rest-icon\"\u003e✈\u003c\/div\u003e\n\u003cstrong\u003e Flights \u003c\/strong\u003e \u003cspan\u003e Create a calmer environment during long-distance travel. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vsm-rest-icon\"\u003e🏨\u003c\/div\u003e\n\u003cstrong\u003e Hotel Stays \u003c\/strong\u003e \u003cspan\u003e Reduce unwanted room light while resting away from home. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vsm-rest-icon\"\u003e☾\u003c\/div\u003e\n\u003cstrong\u003e Midday Naps \u003c\/strong\u003e \u003cspan\u003e Make short rest periods feel darker and more relaxing. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vsm-rest-icon\"\u003e☁\u003c\/div\u003e\n\u003cstrong\u003e Everyday Relaxation \u003c\/strong\u003e \u003cspan\u003e Enjoy a quieter visual environment while resting at home. \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=\"vsm-final\"\u003e\u003c!-- FINAL COPY --\u003e\n\u003cdiv class=\"vsm-final-content\"\u003e\n\u003cdiv class=\"vsm-final-topline\"\u003e\n\u003cspan class=\"vsm-final-line\"\u003e\u003c\/span\u003e \u003cspan class=\"vsm-final-label\"\u003e VOYATRAL™ TRAVEL COMFORT \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vsm-final-icon\"\u003e☾\u003c\/div\u003e\n\u003ch2\u003eDarker Surroundings. \u003cstrong\u003e Calmer Rest. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom flights and hotel stays to midday naps and everyday relaxation, Voyatral™ helps create a more peaceful environment whenever it is time to slow down and rest.\u003c\/p\u003e\n\u003cdiv class=\"vsm-final-benefits\"\u003e\n\u003cspan\u003e LIGHT REDUCING \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e CONTOURED COMFORT \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=\"vsm-final-image\"\u003e\n\u003cdiv class=\"vsm-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_16_35_02_8.png?v=1790664199\" 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=\"vsm-end\"\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eRELAX \u003cspan\u003e•\u003c\/span\u003e REST \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-sleep-mask-page{\n\n --vsm-navy:#0b2a40;\n --vsm-deep:#061b2b;\n\n --vsm-blue:#365f79;\n --vsm-bluegray:#95a9b6;\n --vsm-softblue:#dde8ee;\n\n --vsm-cream:#faf7f1;\n --vsm-beige:#e0d0be;\n\n --vsm-orange:#eca16c;\n --vsm-gold:#efbd89;\n\n --vsm-white:#ffffff;\n --vsm-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(--vsm-text);\n\n background:\n\n radial-gradient(\n circle at 8% 17%,\n rgba(236,161,108,.14),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 92% 40%,\n rgba(54,95,121,.15),\n transparent 28%\n ),\n\n radial-gradient(\n circle at 53% 73%,\n rgba(149,169,182,.13),\n transparent 27%\n ),\n\n linear-gradient(\n 180deg,\n #fffdf9 0%,\n #f8f5ef 48%,\n #eef3f6 100%\n );\n\n}\n\n\n\/* =========================================================\n BOX SIZING\n========================================================= *\/\n\n.voyatral-sleep-mask-page *,\n.voyatral-sleep-mask-page *::before,\n.voyatral-sleep-mask-page *::after{\n\n box-sizing:border-box;\n\n}\n\n\n\/* =========================================================\n CONTAINER\n========================================================= *\/\n\n.vsm-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 GLOW\n========================================================= *\/\n\n.vsm-glow{\n\n position:absolute;\n\n pointer-events:none;\n\n border-radius:50%;\n\n filter:blur(30px);\n\n}\n\n\n.vsm-glow--one{\n\n width:500px;\n height:500px;\n\n left:-260px;\n top:650px;\n\n background:\n rgba(236,161,108,.13);\n\n}\n\n\n.vsm-glow--two{\n\n width:540px;\n height:540px;\n\n right:-270px;\n top:1800px;\n\n background:\n rgba(54,95,121,.14);\n\n}\n\n\n\/* =========================================================\n HERO\n 全部左对齐\n========================================================= *\/\n\n.vsm-hero{\n\n max-width:980px;\n\n padding:\n 65px 20px\n 80px;\n\n text-align:left;\n\n}\n\n\n.vsm-eyebrow{\n\n display:flex;\n\n align-items:center;\n\n justify-content:flex-start;\n\n gap:14px;\n\n color:var(--vsm-blue);\n\n font-size:11px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vsm-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(--vsm-orange),\n transparent\n );\n\n}\n\n\n.vsm-hero h1{\n\n max-width:920px;\n\n margin:\n 28px 0 0;\n\n color:var(--vsm-navy);\n\n font-size:\n clamp(\n 50px,\n 6.3vw,\n 86px\n );\n\n line-height:.98;\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.vsm-hero h1 strong{\n\n display:block;\n\n margin-top:8px;\n\n background:\n linear-gradient(\n 90deg,\n var(--vsm-blue),\n #7891a1,\n var(--vsm-orange)\n );\n\n -webkit-background-clip:text;\n\n background-clip:text;\n\n color:transparent;\n\n}\n\n\n.vsm-hero-copy{\n\n max-width:740px;\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.vsm-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.vsm-tags span{\n\n padding:\n 11px 17px;\n\n border-radius:999px;\n\n color:var(--vsm-navy);\n\n font-size:12px;\n\n font-weight:700;\n\n background:\n rgba(255,255,255,.80);\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.vsm-main-image,\n.vsm-comfort-image,\n.vsm-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.vsm-main-image{\n\n border-radius:38px;\n\n box-shadow:\n 0 36px 90px\n rgba(16,46,65,.14);\n\n}\n\n\n\/* IMAGE 2 *\/\n\n.vsm-comfort-image{\n\n z-index:2;\n\n border-radius:34px;\n\n}\n\n\n\/* IMAGE 3 *\/\n\n.vsm-final-image{\n\n border-radius:0;\n\n}\n\n\n\/* =========================================================\n ACTUAL IMAGE\n 强制撑满整个容器\n========================================================= *\/\n\n.vsm-main-image \u003e img,\n.vsm-comfort-image \u003e img,\n.vsm-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.vsm-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 72% 24%,\n rgba(236,161,108,.34),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 25% 80%,\n rgba(70,114,140,.34),\n transparent 28%\n ),\n\n linear-gradient(\n 135deg,\n #14364b,\n #3b647d 48%,\n #d6aa82\n );\n\n}\n\n\n.vsm-placeholder--dark{\n\n background:\n\n radial-gradient(\n circle at 77% 23%,\n rgba(236,161,108,.22),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 25% 78%,\n rgba(110,145,164,.18),\n transparent 28%\n ),\n\n linear-gradient(\n 145deg,\n #051927,\n #0e3347 55%,\n #4f7388\n );\n\n}\n\n\n.vsm-placeholder strong{\n\n font-size:17px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vsm-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.vsm-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.vsm-intro-title{\n\n width:100%;\n\n max-width:950px;\n\n text-align:left;\n\n}\n\n\n.vsm-small-label{\n\n display:block;\n\n margin-bottom:17px;\n\n color:var(--vsm-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vsm-intro h2,\n.vsm-comfort h2,\n.vsm-rest h2{\n\n margin:0;\n\n color:var(--vsm-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.vsm-intro h2 strong,\n.vsm-comfort h2 strong,\n.vsm-rest h2 strong{\n\n display:block;\n\n color:var(--vsm-blue);\n\n}\n\n\n.vsm-intro-text{\n\n width:100%;\n\n max-width:850px;\n\n text-align:left;\n\n}\n\n\n.vsm-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.vsm-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.vsm-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:30px;\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.vsm-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.vsm-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.vsm-feature-icon{\n\n width:57px;\n height:57px;\n\n display:flex;\n\n align-items:center;\n\n justify-content:center;\n\n margin-bottom:27px;\n\n border-radius:50%;\n\n color:#fff;\n\n font-size:21px;\n\n background:\n linear-gradient(\n 135deg,\n var(--vsm-navy),\n var(--vsm-blue)\n );\n\n box-shadow:\n 0 14px 30px\n rgba(13,44,63,.18);\n\n}\n\n\n.vsm-feature:nth-child(2) .vsm-feature-icon,\n.vsm-feature:nth-child(4) .vsm-feature-icon{\n\n background:\n linear-gradient(\n 135deg,\n #da8958,\n #efb37f\n );\n\n}\n\n\n.vsm-feature-body{\n\n min-width:0;\n\n}\n\n\n.vsm-feature h3{\n\n margin:\n 0 0 13px;\n\n color:var(--vsm-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.vsm-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 COMFORT DARK SECTION\n========================================================= *\/\n\n.vsm-comfort{\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:46px;\n\n background:\n linear-gradient(\n 135deg,\n #071e2e 0%,\n #10364b 56%,\n #1c4e67 100%\n );\n\n box-shadow:\n 0 40px 100px\n rgba(7,30,45,.22);\n\n}\n\n\n.vsm-comfort::after{\n\n content:\"\";\n\n position:absolute;\n\n width:370px;\n height:370px;\n\n right:-135px;\n top:-145px;\n\n border-radius:50%;\n\n background:\n radial-gradient(\n circle,\n rgba(236,161,108,.27),\n transparent 70%\n );\n\n}\n\n\n.vsm-comfort-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.vsm-comfort h2{\n\n color:#fff;\n\n text-align:left;\n\n}\n\n\n.vsm-comfort h2 strong{\n\n color:#efb080;\n\n}\n\n\n.vsm-comfort-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 COMFORT CARDS\n 01-04 上下排列\n========================================================= *\/\n\n.vsm-comfort-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.vsm-comfort-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.vsm-comfort-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(--vsm-orange);\n\n color:#fff;\n\n font-size:10px;\n\n font-weight:900;\n\n}\n\n\n.vsm-comfort-text{\n\n flex:1;\n\n min-width:0;\n\n text-align:left;\n\n}\n\n\n.vsm-comfort-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.vsm-comfort-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 REST SECTION\n========================================================= *\/\n\n.vsm-rest{\n\n padding:\n 125px 20px;\n\n}\n\n\n.vsm-rest-heading{\n\n max-width:860px;\n\n margin:0;\n\n text-align:left;\n\n}\n\n\n.vsm-rest-heading \u003e span{\n\n color:var(--vsm-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vsm-rest-heading h2{\n\n margin-top:18px;\n\n text-align:left;\n\n}\n\n\n.vsm-rest-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 REST CARDS\n========================================================= *\/\n\n.vsm-rest-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.vsm-rest-grid article{\n\n min-width:0;\n\n padding:\n 34px 25px;\n\n text-align:left;\n\n border-radius:27px;\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.vsm-rest-icon{\n\n margin-bottom:13px;\n\n font-size:27px;\n\n}\n\n\n.vsm-rest-grid strong{\n\n display:block;\n\n margin-bottom:8px;\n\n color:var(--vsm-navy);\n\n font-size:15px;\n\n line-height:1.35;\n\n text-align:left;\n\n}\n\n\n.vsm-rest-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.vsm-final{\n\n overflow:hidden;\n\n border-radius:42px;\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.vsm-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,161,108,.14),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 88% 85%,\n rgba(54,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.vsm-final-content::before{\n\n content:\"\";\n\n position:absolute;\n\n width:270px;\n height:270px;\n\n right:-105px;\n top:-125px;\n\n border-radius:50%;\n\n border:\n 1px solid\n rgba(54,95,121,.08);\n\n}\n\n\n.vsm-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,161,108,.12);\n\n}\n\n\n\/* FINAL LABEL *\/\n\n.vsm-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.vsm-final-line{\n\n width:45px;\n height:1px;\n\n flex:none;\n\n background:\n linear-gradient(\n 90deg,\n var(--vsm-orange),\n transparent\n );\n\n}\n\n\n.vsm-final-label{\n\n color:var(--vsm-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.vsm-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:50%;\n\n color:#fff;\n\n font-size:25px;\n\n background:\n linear-gradient(\n 135deg,\n var(--vsm-navy),\n var(--vsm-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.vsm-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(--vsm-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.vsm-final-content h2 strong{\n\n display:block;\n\n margin-top:5px;\n\n color:var(--vsm-blue);\n\n}\n\n\n\/* FINAL COPY *\/\n\n.vsm-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.vsm-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.vsm-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.vsm-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(--vsm-orange);\n\n}\n\n\n\/* =========================================================\n END\n========================================================= *\/\n\n.vsm-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.vsm-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.vsm-end p{\n\n margin:0;\n\n color:var(--vsm-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.vsm-end p span{\n\n margin:\n 0 10px;\n\n color:var(--vsm-orange);\n\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media(max-width:980px){\n\n .vsm-container{\n\n width:\n calc(100% - 28px);\n\n padding:\n 50px 0;\n\n }\n\n\n .vsm-features{\n\n grid-template-columns:\n repeat(\n 2,\n minmax(0,1fr)\n );\n\n }\n\n\n .vsm-comfort{\n\n grid-template-columns:\n 1fr;\n\n gap:40px;\n\n padding:35px;\n\n }\n\n\n .vsm-rest-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 .vsm-hero{\n\n padding:\n 50px 12px\n 60px;\n\n }\n\n\n \/* INTRO *\/\n\n .vsm-intro{\n\n padding:\n 75px 10px;\n\n gap:28px;\n\n }\n\n\n \/* FEATURES 全部上下排列 *\/\n\n .vsm-features{\n\n grid-template-columns:\n 1fr;\n\n gap:14px;\n\n margin-bottom:70px;\n\n }\n\n\n .vsm-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 .vsm-comfort{\n\n grid-template-columns:\n 1fr;\n\n gap:36px;\n\n padding:18px;\n\n border-radius:30px;\n\n }\n\n\n .vsm-comfort-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n \/* COMFORT 小卡片上下 *\/\n\n .vsm-comfort-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n \/* REST 场景卡片上下 *\/\n\n .vsm-rest-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 .vsm-container{\n\n width:\n calc(100% - 20px);\n\n padding:\n 30px 0\n 45px;\n\n }\n\n\n \/* HERO *\/\n\n .vsm-hero{\n\n padding:\n 45px 8px\n 55px;\n\n }\n\n\n .vsm-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 .vsm-eyebrow span{\n\n width:25px;\n\n }\n\n\n .vsm-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 .vsm-hero-copy{\n\n max-width:100%;\n\n font-size:16px;\n\n }\n\n\n \/* IMAGE 1 *\/\n\n .vsm-main-image{\n\n border-radius:26px;\n\n }\n\n\n \/* INTRO *\/\n\n .vsm-intro{\n\n padding:\n 65px 8px;\n\n gap:25px;\n\n }\n\n\n .vsm-small-label{\n\n font-size:9px;\n\n letter-spacing:2.4px;\n\n }\n\n\n .vsm-intro h2,\n .vsm-comfort h2,\n .vsm-rest 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 .vsm-intro-text{\n\n max-width:100%;\n\n }\n\n\n .vsm-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 .vsm-features{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vsm-feature{\n\n width:100%;\n\n padding:\n 27px 24px;\n\n }\n\n\n .vsm-feature h3{\n\n font-size:18px;\n\n }\n\n\n \/* COMFORT *\/\n\n .vsm-comfort{\n\n grid-template-columns:\n 1fr;\n\n gap:35px;\n\n padding:18px;\n\n border-radius:30px;\n\n }\n\n\n .vsm-comfort-image{\n\n border-radius:23px;\n\n }\n\n\n .vsm-comfort-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n .vsm-comfort-content \u003e p{\n\n font-size:15px;\n\n }\n\n\n \/* COMFORT CARDS *\/\n\n .vsm-comfort-grid{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vsm-comfort-item{\n\n width:100%;\n\n padding:16px;\n\n }\n\n\n \/* REST *\/\n\n .vsm-rest{\n\n padding:\n 80px 8px;\n\n }\n\n\n .vsm-rest-heading{\n\n width:100%;\n\n }\n\n\n .vsm-rest-heading \u003e p{\n\n font-size:15px;\n\n }\n\n\n .vsm-rest-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vsm-rest-grid article{\n\n width:100%;\n\n padding:\n 27px 20px;\n\n }\n\n\n \/* FINAL *\/\n\n .vsm-final{\n\n border-radius:26px;\n\n }\n\n\n .vsm-final-content{\n\n padding:\n 48px 24px\n 42px;\n\n }\n\n\n .vsm-final-topline{\n\n gap:8px;\n\n }\n\n\n .vsm-final-line{\n\n width:24px;\n\n }\n\n\n .vsm-final-label{\n\n font-size:8px;\n\n letter-spacing:1.5px;\n\n }\n\n\n .vsm-final-icon{\n\n width:50px;\n height:50px;\n\n margin:\n 25px 0\n 22px;\n\n font-size:21px;\n\n }\n\n\n .vsm-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 .vsm-final-content \u003e p{\n\n max-width:100%;\n\n font-size:14px;\n\n }\n\n\n .vsm-final-benefits{\n\n justify-content:flex-start;\n\n gap:9px;\n\n margin-top:26px;\n\n }\n\n\n .vsm-final-benefits span{\n\n font-size:7px;\n\n letter-spacing:1px;\n\n }\n\n\n \/* END *\/\n\n .vsm-end{\n\n gap:8px;\n\n padding-top:45px;\n\n }\n\n\n .vsm-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":67616340476158,"sku":"Voyatral*1","price":16.42,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":67616340508926,"sku":"Voyatral*2","price":28.43,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":67616340541694,"sku":"Voyatral*4","price":49.43,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPTImage2026_9_24_16_35_00_1.png?v=1790664059"},{"product_id":"voyatral™-portable-travel-blanket-for-journey-comfort","title":"Voyatral™ Portable Travel Blanket for Journey Comfort","description":"\u003c!-- =========================================================\n VOYATRAL™ PORTABLE TRAVEL BLANKET\n========================================================= --\u003e\n\u003csection class=\"voyatral-travel-blanket-page\"\u003e\n\u003cdiv class=\"vtb-glow vtb-glow--one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vtb-glow vtb-glow--two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vtb-container\"\u003e\n\u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"vtb-hero\"\u003e\n\u003cdiv class=\"vtb-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e TRAVEL COMFORT COLLECTION\u003c\/div\u003e\n\u003ch1\u003eVoyatral™ Portable \u003cstrong\u003eTravel Blanket\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp class=\"vtb-hero-copy\"\u003eStay warm and comfortable wherever your journey takes you.\u003c\/p\u003e\n\u003cdiv class=\"vtb-tags\"\u003e\n\u003cspan\u003e✈ Travel Comfort\u003c\/span\u003e \u003cspan\u003e☁ Soft \u0026amp; Cozy Feel\u003c\/span\u003e \u003cspan\u003e◫ Compact To Pack\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 1\n 1:1 + 完全撑满\n ====================================================== --\u003e\n\u003csection class=\"vtb-main-image\"\u003e\n\u003cdiv class=\"vtb-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_16_40_56_7.png?v=1790664547\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n 标题在上\n 正文在下\n ====================================================== --\u003e\n\u003csection class=\"vtb-intro\"\u003e\n\u003cdiv class=\"vtb-intro-title\"\u003e\n\u003cspan class=\"vtb-small-label\"\u003e WARMTH FOR THE JOURNEY \u003c\/span\u003e\n\u003ch2\u003eSoft Comfort. \u003cstrong\u003e Wherever You Go. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vtb-intro-text\"\u003e\n\u003cp\u003eThe Voyatral™ Portable Travel Blanket is designed for flights, road trips, train journeys, hotels, and outdoor relaxation, giving travelers an easy way to add extra comfort while on the go.\u003c\/p\u003e\n\u003cp\u003eIts soft fabric provides a cozy feel for resting, reading, or sleeping during longer trips, while the lightweight construction makes it easy to carry without adding unnecessary bulk.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FEATURES\n ====================================================== --\u003e\n\u003csection class=\"vtb-features\"\u003e\u003c!-- 01 --\u003e\n\u003carticle class=\"vtb-feature\"\u003e\u003cspan class=\"vtb-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vtb-feature-icon\"\u003e☁\u003c\/div\u003e\n\u003cdiv class=\"vtb-feature-body\"\u003e\n\u003ch3\u003eSoft Cozy Fabric\u003c\/h3\u003e\n\u003cp\u003eA soft and comfortable feel designed for resting, reading, and relaxing throughout longer journeys.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"vtb-feature\"\u003e\u003cspan class=\"vtb-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vtb-feature-icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"vtb-feature-body\"\u003e\n\u003ch3\u003eLightweight Comfort\u003c\/h3\u003e\n\u003cp\u003eAdds an extra layer of comfort without creating unnecessary weight or bulk in your travel gear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"vtb-feature\"\u003e\u003cspan class=\"vtb-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vtb-feature-icon\"\u003e◫\u003c\/div\u003e\n\u003cdiv class=\"vtb-feature-body\"\u003e\n\u003ch3\u003eCompact Storage\u003c\/h3\u003e\n\u003cp\u003eFolds down neatly for easier packing inside luggage, backpacks, and travel bags.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"vtb-feature\"\u003e\u003cspan class=\"vtb-feature-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vtb-feature-icon\"\u003e✈\u003c\/div\u003e\n\u003cdiv class=\"vtb-feature-body\"\u003e\n\u003ch3\u003eReady For Travel\u003c\/h3\u003e\n\u003cp\u003eDesigned for airplanes, road trips, trains, hotels, weekend getaways, and everyday travel.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 2 + COMFORT\n ====================================================== --\u003e\n\u003csection class=\"vtb-comfort\"\u003e\u003c!-- IMAGE 2 --\u003e\n\u003cdiv class=\"vtb-comfort-image\"\u003e\n\u003cdiv class=\"vtb-placeholder vtb-placeholder--dark\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_16_40_58_8.png?v=1790664547\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CONTENT --\u003e\n\u003cdiv class=\"vtb-comfort-content\"\u003e\n\u003cspan class=\"vtb-small-label\"\u003e MADE FOR COMFORT \u003c\/span\u003e\n\u003ch2\u003eCozy When You Need It. \u003cstrong\u003e Compact When You Don’t. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe blanket folds down into a compact size for convenient storage inside luggage, backpacks, or travel bags, making it simple to pack and take anywhere.\u003c\/p\u003e\n\u003c!-- COMFORT CARDS --\u003e\n\u003cdiv class=\"vtb-comfort-grid\"\u003e\n\u003c!-- 01 --\u003e\n\u003cdiv class=\"vtb-comfort-item\"\u003e\n\u003cspan class=\"vtb-comfort-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vtb-comfort-text\"\u003e\n\u003cstrong\u003e Soft Touch \u003c\/strong\u003e \u003csmall\u003e Comfortable fabric for resting and relaxing. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 02 --\u003e\n\u003cdiv class=\"vtb-comfort-item\"\u003e\n\u003cspan class=\"vtb-comfort-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vtb-comfort-text\"\u003e\n\u003cstrong\u003e Lightweight \u003c\/strong\u003e \u003csmall\u003e Easy to carry without unnecessary travel bulk. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 03 --\u003e\n\u003cdiv class=\"vtb-comfort-item\"\u003e\n\u003cspan class=\"vtb-comfort-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vtb-comfort-text\"\u003e\n\u003cstrong\u003e Foldable Design \u003c\/strong\u003e \u003csmall\u003e Packs down neatly for convenient storage. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 04 --\u003e\n\u003cdiv class=\"vtb-comfort-item\"\u003e\n\u003cspan class=\"vtb-comfort-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vtb-comfort-text\"\u003e\n\u003cstrong\u003e Easy To Pack \u003c\/strong\u003e \u003csmall\u003e Fits inside luggage, backpacks, and travel bags. \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 TRAVEL USE\n ====================================================== --\u003e\n\u003csection class=\"vtb-travel\"\u003e\n\u003cdiv class=\"vtb-travel-heading\"\u003e\n\u003cspan\u003e COMFORT FOR EVERY JOURNEY \u003c\/span\u003e\n\u003ch2\u003eWarmth That \u003cstrong\u003e Travels With You. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you are flying, driving, relaxing at a hotel, or enjoying a weekend getaway, Voyatral™ helps make every journey warmer, softer, and more comfortable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vtb-travel-grid\"\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vtb-travel-icon\"\u003e✈\u003c\/div\u003e\n\u003cstrong\u003e Flights \u003c\/strong\u003e \u003cspan\u003e Add extra warmth and comfort during longer flights. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vtb-travel-icon\"\u003e🚗\u003c\/div\u003e\n\u003cstrong\u003e Road Trips \u003c\/strong\u003e \u003cspan\u003e Stay cozy while resting during longer drives. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vtb-travel-icon\"\u003e🚆\u003c\/div\u003e\n\u003cstrong\u003e Train Journeys \u003c\/strong\u003e \u003cspan\u003e Create a more comfortable travel environment on the move. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vtb-travel-icon\"\u003e🏨\u003c\/div\u003e\n\u003cstrong\u003e Hotel Stays \u003c\/strong\u003e \u003cspan\u003e Bring a familiar layer of comfort wherever you stay. \u003c\/span\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL\n 文案在上\n IMAGE 3 在下\n ====================================================== --\u003e\n\u003csection class=\"vtb-final\"\u003e\u003c!-- FINAL CONTENT --\u003e\n\u003cdiv class=\"vtb-final-content\"\u003e\n\u003cdiv class=\"vtb-final-topline\"\u003e\n\u003cspan class=\"vtb-final-line\"\u003e\u003c\/span\u003e \u003cspan class=\"vtb-final-label\"\u003e VOYATRAL™ TRAVEL COMFORT \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vtb-final-icon\"\u003e☁\u003c\/div\u003e\n\u003ch2\u003eWarmer. Softer. \u003cstrong\u003e More Comfortable. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom flights and road trips to hotels and weekend getaways, Voyatral™ makes it easier to bring comfortable warmth along for every journey.\u003c\/p\u003e\n\u003cdiv class=\"vtb-final-benefits\"\u003e\n\u003cspan\u003e SOFT \u0026amp; COZY \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e LIGHTWEIGHT \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=\"vtb-final-image\"\u003e\n\u003cdiv class=\"vtb-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_16_40_56_6.png?v=1790664547\" 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=\"vtb-end\"\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eWARM \u003cspan\u003e•\u003c\/span\u003e RELAX \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-travel-blanket-page{\n\n --vtb-navy:#0b2a40;\n --vtb-deep:#061c2c;\n\n --vtb-blue:#365f79;\n --vtb-bluegray:#94a9b6;\n --vtb-softblue:#dce8ee;\n\n --vtb-cream:#faf7f1;\n --vtb-beige:#dfcfbd;\n\n --vtb-orange:#eca16c;\n --vtb-gold:#efbd89;\n\n --vtb-white:#ffffff;\n --vtb-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(--vtb-text);\n\n background:\n\n radial-gradient(\n circle at 8% 17%,\n rgba(236,161,108,.15),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 92% 41%,\n rgba(54,95,121,.16),\n transparent 28%\n ),\n\n radial-gradient(\n circle at 55% 72%,\n rgba(223,207,189,.18),\n transparent 28%\n ),\n\n linear-gradient(\n 180deg,\n #fffdf9 0%,\n #f8f5ef 49%,\n #edf3f6 100%\n );\n\n}\n\n\n\/* =========================================================\n BOX SIZING\n========================================================= *\/\n\n.voyatral-travel-blanket-page *,\n.voyatral-travel-blanket-page *::before,\n.voyatral-travel-blanket-page *::after{\n\n box-sizing:border-box;\n\n}\n\n\n\/* =========================================================\n CONTAINER\n========================================================= *\/\n\n.vtb-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 GLOW\n========================================================= *\/\n\n.vtb-glow{\n\n position:absolute;\n\n border-radius:50%;\n\n pointer-events:none;\n\n filter:blur(30px);\n\n}\n\n\n.vtb-glow--one{\n\n width:500px;\n height:500px;\n\n left:-260px;\n top:650px;\n\n background:\n rgba(236,161,108,.14);\n\n}\n\n\n.vtb-glow--two{\n\n width:550px;\n height:550px;\n\n right:-280px;\n top:1800px;\n\n background:\n rgba(54,95,121,.14);\n\n}\n\n\n\/* =========================================================\n HERO\n 全部左对齐\n========================================================= *\/\n\n.vtb-hero{\n\n max-width:1000px;\n\n text-align:left;\n\n padding:\n 65px 20px\n 80px;\n\n}\n\n\n.vtb-eyebrow{\n\n display:flex;\n\n align-items:center;\n\n justify-content:flex-start;\n\n gap:14px;\n\n color:var(--vtb-blue);\n\n font-size:11px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vtb-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(--vtb-orange),\n transparent\n );\n\n}\n\n\n.vtb-hero h1{\n\n max-width:1000px;\n\n margin:\n 28px 0 0;\n\n color:var(--vtb-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.vtb-hero h1 strong{\n\n display:block;\n\n margin-top:8px;\n\n background:\n linear-gradient(\n 90deg,\n var(--vtb-blue),\n #6b8799,\n var(--vtb-orange)\n );\n\n -webkit-background-clip:text;\n background-clip:text;\n\n color:transparent;\n\n}\n\n\n.vtb-hero-copy{\n\n max-width:740px;\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.vtb-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.vtb-tags span{\n\n padding:\n 11px 17px;\n\n border-radius:999px;\n\n color:var(--vtb-navy);\n\n font-size:12px;\n\n font-weight:700;\n\n background:\n rgba(255,255,255,.80);\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 三张图片统一 1:1\n========================================================= *\/\n\n.vtb-main-image,\n.vtb-comfort-image,\n.vtb-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:#e5edf0;\n\n}\n\n\n\/* IMAGE 1 *\/\n\n.vtb-main-image{\n\n border-radius:38px;\n\n box-shadow:\n 0 36px 90px\n rgba(16,46,65,.14);\n\n}\n\n\n\/* IMAGE 2 *\/\n\n.vtb-comfort-image{\n\n z-index:2;\n\n border-radius:34px;\n\n}\n\n\n\/* IMAGE 3 *\/\n\n.vtb-final-image{\n\n border-radius:0;\n\n}\n\n\n\/* =========================================================\n REAL IMAGES\n 强制铺满整个 1:1 容器\n========================================================= *\/\n\n.vtb-main-image \u003e img,\n.vtb-comfort-image \u003e img,\n.vtb-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.vtb-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 72% 24%,\n rgba(236,161,108,.38),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 25% 80%,\n rgba(72,115,141,.34),\n transparent 28%\n ),\n\n linear-gradient(\n 135deg,\n #14364b,\n #3b647d 48%,\n #d6a981\n );\n\n}\n\n\n.vtb-placeholder--dark{\n\n background:\n\n radial-gradient(\n circle at 76% 22%,\n rgba(236,161,108,.24),\n transparent 25%\n ),\n\n linear-gradient(\n 145deg,\n #061b2b,\n #11384d 55%,\n #54778c\n );\n\n}\n\n\n.vtb-placeholder strong{\n\n font-size:17px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vtb-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 标题在上\n 正文在下\n========================================================= *\/\n\n.vtb-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.vtb-intro-title{\n\n width:100%;\n\n max-width:900px;\n\n text-align:left;\n\n}\n\n\n.vtb-small-label{\n\n display:block;\n\n margin-bottom:17px;\n\n color:var(--vtb-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vtb-intro h2,\n.vtb-comfort h2,\n.vtb-travel h2{\n\n margin:0;\n\n color:var(--vtb-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.vtb-intro h2 strong,\n.vtb-comfort h2 strong,\n.vtb-travel h2 strong{\n\n display:block;\n\n color:var(--vtb-blue);\n\n}\n\n\n.vtb-intro-text{\n\n width:100%;\n\n max-width:850px;\n\n text-align:left;\n\n}\n\n\n.vtb-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.vtb-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.vtb-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:30px;\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.vtb-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.vtb-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.vtb-feature-icon{\n\n width:57px;\n height:57px;\n\n display:flex;\n\n align-items:center;\n\n justify-content:center;\n\n margin-bottom:27px;\n\n border-radius:50%;\n\n color:#fff;\n\n font-size:21px;\n\n background:\n linear-gradient(\n 135deg,\n var(--vtb-navy),\n var(--vtb-blue)\n );\n\n box-shadow:\n 0 14px 30px\n rgba(13,44,63,.18);\n\n}\n\n\n.vtb-feature:nth-child(2) .vtb-feature-icon,\n.vtb-feature:nth-child(4) .vtb-feature-icon{\n\n background:\n linear-gradient(\n 135deg,\n #dc8958,\n #efb27f\n );\n\n}\n\n\n.vtb-feature-body{\n\n min-width:0;\n\n}\n\n\n.vtb-feature h3{\n\n margin:\n 0 0 13px;\n\n color:var(--vtb-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.vtb-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 COMFORT SECTION\n========================================================= *\/\n\n.vtb-comfort{\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:46px;\n\n background:\n linear-gradient(\n 135deg,\n #071e2e 0%,\n #10364b 56%,\n #1c4e67 100%\n );\n\n box-shadow:\n 0 40px 100px\n rgba(7,30,45,.22);\n\n}\n\n\n.vtb-comfort::after{\n\n content:\"\";\n\n position:absolute;\n\n width:370px;\n height:370px;\n\n right:-135px;\n top:-145px;\n\n border-radius:50%;\n\n background:\n radial-gradient(\n circle,\n rgba(236,161,108,.27),\n transparent 70%\n );\n\n}\n\n\n.vtb-comfort-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.vtb-comfort h2{\n\n color:#fff;\n\n text-align:left;\n\n}\n\n\n.vtb-comfort h2 strong{\n\n color:#efb080;\n\n}\n\n\n.vtb-comfort-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 COMFORT CARDS\n 默认单列上下排列\n========================================================= *\/\n\n.vtb-comfort-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.vtb-comfort-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.vtb-comfort-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(--vtb-orange);\n\n color:#fff;\n\n font-size:10px;\n\n font-weight:900;\n\n}\n\n\n.vtb-comfort-text{\n\n flex:1;\n\n min-width:0;\n\n text-align:left;\n\n}\n\n\n.vtb-comfort-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.vtb-comfort-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 TRAVEL\n========================================================= *\/\n\n.vtb-travel{\n\n padding:\n 125px 20px;\n\n}\n\n\n.vtb-travel-heading{\n\n max-width:860px;\n\n margin:0;\n\n text-align:left;\n\n}\n\n\n.vtb-travel-heading \u003e span{\n\n color:var(--vtb-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vtb-travel-heading h2{\n\n margin-top:18px;\n\n text-align:left;\n\n}\n\n\n.vtb-travel-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.vtb-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.vtb-travel-grid article{\n\n min-width:0;\n\n padding:\n 34px 25px;\n\n text-align:left;\n\n border-radius:27px;\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.vtb-travel-icon{\n\n margin-bottom:13px;\n\n font-size:27px;\n\n}\n\n\n.vtb-travel-grid strong{\n\n display:block;\n\n margin-bottom:8px;\n\n color:var(--vtb-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.vtb-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.vtb-final{\n\n overflow:hidden;\n\n border-radius:42px;\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.vtb-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,161,108,.14),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 88% 85%,\n rgba(54,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.vtb-final-content::before{\n\n content:\"\";\n\n position:absolute;\n\n width:270px;\n height:270px;\n\n right:-105px;\n top:-125px;\n\n border-radius:50%;\n\n border:\n 1px solid\n rgba(54,95,121,.08);\n\n}\n\n\n.vtb-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,161,108,.12);\n\n}\n\n\n\/* FINAL LABEL *\/\n\n.vtb-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.vtb-final-line{\n\n width:45px;\n height:1px;\n\n flex:none;\n\n background:\n linear-gradient(\n 90deg,\n var(--vtb-orange),\n transparent\n );\n\n}\n\n\n.vtb-final-label{\n\n color:var(--vtb-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.vtb-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:19px;\n\n color:#fff;\n\n font-size:23px;\n\n background:\n linear-gradient(\n 135deg,\n var(--vtb-navy),\n var(--vtb-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.vtb-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(--vtb-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.vtb-final-content h2 strong{\n\n display:block;\n\n margin-top:5px;\n\n color:var(--vtb-blue);\n\n}\n\n\n\/* FINAL COPY *\/\n\n.vtb-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.vtb-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.vtb-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.vtb-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(--vtb-orange);\n\n}\n\n\n\/* =========================================================\n END\n========================================================= *\/\n\n.vtb-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.vtb-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.vtb-end p{\n\n margin:0;\n\n color:var(--vtb-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.vtb-end p span{\n\n margin:\n 0 10px;\n\n color:var(--vtb-orange);\n\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media(max-width:980px){\n\n .vtb-container{\n\n width:\n calc(100% - 28px);\n\n padding:\n 50px 0;\n\n }\n\n\n .vtb-features{\n\n grid-template-columns:\n repeat(\n 2,\n minmax(0,1fr)\n );\n\n }\n\n\n .vtb-comfort{\n\n grid-template-columns:\n 1fr;\n\n gap:40px;\n\n padding:35px;\n\n }\n\n\n .vtb-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 解决 Shopify 编辑器窄预览\n========================================================= *\/\n\n@container (max-width:720px){\n\n\n \/* HERO *\/\n\n .vtb-hero{\n\n padding:\n 50px 12px\n 60px;\n\n }\n\n\n \/* INTRO *\/\n\n .vtb-intro{\n\n padding:\n 75px 10px;\n\n gap:28px;\n\n }\n\n\n \/* FEATURE 卡片全部上下排列 *\/\n\n .vtb-features{\n\n grid-template-columns:\n 1fr;\n\n gap:14px;\n\n margin-bottom:70px;\n\n }\n\n\n .vtb-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 .vtb-comfort{\n\n grid-template-columns:\n 1fr;\n\n gap:36px;\n\n padding:18px;\n\n border-radius:30px;\n\n }\n\n\n .vtb-comfort-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n \/* COMFORT 小卡片全部上下排列 *\/\n\n .vtb-comfort-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vtb-comfort-item{\n\n width:100%;\n\n }\n\n\n \/* TRAVEL 卡片上下排列 *\/\n\n .vtb-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 .vtb-container{\n\n width:\n calc(100% - 20px);\n\n padding:\n 30px 0\n 45px;\n\n }\n\n\n \/* HERO *\/\n\n .vtb-hero{\n\n padding:\n 45px 8px\n 55px;\n\n }\n\n\n .vtb-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 .vtb-eyebrow span{\n\n width:25px;\n\n }\n\n\n .vtb-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 .vtb-hero-copy{\n\n max-width:100%;\n\n font-size:16px;\n\n }\n\n\n \/* IMAGE 1 *\/\n\n .vtb-main-image{\n\n border-radius:26px;\n\n }\n\n\n \/* INTRO *\/\n\n .vtb-intro{\n\n padding:\n 65px 8px;\n\n gap:25px;\n\n }\n\n\n .vtb-small-label{\n\n font-size:9px;\n\n letter-spacing:2.4px;\n\n }\n\n\n .vtb-intro h2,\n .vtb-comfort h2,\n .vtb-travel 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 .vtb-intro-text{\n\n max-width:100%;\n\n }\n\n\n .vtb-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 .vtb-features{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vtb-feature{\n\n width:100%;\n\n padding:\n 27px 24px;\n\n }\n\n\n .vtb-feature h3{\n\n font-size:18px;\n\n }\n\n\n \/* COMFORT *\/\n\n .vtb-comfort{\n\n grid-template-columns:\n 1fr;\n\n gap:35px;\n\n padding:18px;\n\n border-radius:30px;\n\n }\n\n\n .vtb-comfort-image{\n\n border-radius:23px;\n\n }\n\n\n .vtb-comfort-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n .vtb-comfort-content \u003e p{\n\n font-size:15px;\n\n }\n\n\n \/* COMFORT CARDS *\/\n\n .vtb-comfort-grid{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vtb-comfort-item{\n\n width:100%;\n\n padding:16px;\n\n }\n\n\n \/* TRAVEL *\/\n\n .vtb-travel{\n\n padding:\n 80px 8px;\n\n }\n\n\n .vtb-travel-heading{\n\n width:100%;\n\n }\n\n\n .vtb-travel-heading \u003e p{\n\n font-size:15px;\n\n }\n\n\n .vtb-travel-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vtb-travel-grid article{\n\n width:100%;\n\n padding:\n 27px 20px;\n\n }\n\n\n \/* FINAL *\/\n\n .vtb-final{\n\n border-radius:26px;\n\n }\n\n\n .vtb-final-content{\n\n padding:\n 48px 24px\n 42px;\n\n }\n\n\n .vtb-final-topline{\n\n gap:8px;\n\n }\n\n\n .vtb-final-line{\n\n width:24px;\n\n }\n\n\n .vtb-final-label{\n\n font-size:8px;\n\n letter-spacing:1.5px;\n\n }\n\n\n .vtb-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 .vtb-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 .vtb-final-content \u003e p{\n\n max-width:100%;\n\n font-size:14px;\n\n }\n\n\n .vtb-final-benefits{\n\n justify-content:flex-start;\n\n gap:9px;\n\n margin-top:26px;\n\n }\n\n\n .vtb-final-benefits span{\n\n font-size:7px;\n\n letter-spacing:1px;\n\n }\n\n\n \/* END *\/\n\n .vtb-end{\n\n gap:8px;\n\n padding-top:45px;\n\n }\n\n\n .vtb-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":67616383533310,"sku":"Voyatral*1","price":34.34,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":67616383566078,"sku":"Voyatral*2","price":59.43,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":67616383598846,"sku":"Voyatral*4","price":99.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPTImage2026_9_24_16_40_52_1.png?v=1790664505"},{"product_id":"voyatral™-travel-duffel-bag-for-weekend-trips-and-adventures","title":"Voyatral™ Travel Duffel Bag for Weekend Trips and Adventures","description":"\u003c!-- =========================================================\n VOYATRAL™ TRAVEL DUFFEL BAG\n========================================================= --\u003e\n\u003csection class=\"voyatral-duffel-page\"\u003e\n\u003cdiv class=\"vdb-glow vdb-glow--one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vdb-glow vdb-glow--two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vdb-container\"\u003e\n\u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"vdb-hero\"\u003e\n\u003cdiv class=\"vdb-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e LUGGAGE ORGANIZATION COLLECTION\u003c\/div\u003e\n\u003ch1\u003eVoyatral™ Travel \u003cstrong\u003eDuffel Bag\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp class=\"vdb-hero-copy\"\u003ePack smarter for weekend trips, business travel, and everyday adventures.\u003c\/p\u003e\n\u003cdiv class=\"vdb-tags\"\u003e\n\u003cspan\u003e✈ Travel Ready\u003c\/span\u003e \u003cspan\u003e◫ Spacious Storage\u003c\/span\u003e \u003cspan\u003e🧳 Easy Organization\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 1\n 1:1 + 完整撑满\n ====================================================== --\u003e\n\u003csection class=\"vdb-main-image\"\u003e\n\u003cdiv class=\"vdb-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_16_59_53_6.png?v=1790664558\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n 标题在上\n 正文在下\n ====================================================== --\u003e\n\u003csection class=\"vdb-intro\"\u003e\n\u003cdiv class=\"vdb-intro-title\"\u003e\n\u003cspan class=\"vdb-small-label\"\u003e PACK MORE. STAY ORGANIZED. \u003c\/span\u003e\n\u003ch2\u003eSpacious Storage. \u003cstrong\u003e Smarter Travel. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vdb-intro-text\"\u003e\n\u003cp\u003eThe Voyatral™ Travel Duffel Bag is designed to provide practical storage for clothing, shoes, travel accessories, and other essentials while keeping everything organized and easy to access.\u003c\/p\u003e\n\u003cp\u003eIts spacious main compartment and multiple storage sections help separate different items, making packing more efficient and reducing clutter inside the bag.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FEATURES\n ====================================================== --\u003e\n\u003csection class=\"vdb-features\"\u003e\n\u003carticle class=\"vdb-feature\"\u003e\u003cspan class=\"vdb-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vdb-feature-icon\"\u003e◫\u003c\/div\u003e\n\u003cdiv class=\"vdb-feature-body\"\u003e\n\u003ch3\u003eSpacious Main Compartment\u003c\/h3\u003e\n\u003cp\u003eGenerous storage space for clothing, travel accessories, and everyday essentials.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"vdb-feature\"\u003e\u003cspan class=\"vdb-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vdb-feature-icon\"\u003e▦\u003c\/div\u003e\n\u003cdiv class=\"vdb-feature-body\"\u003e\n\u003ch3\u003eOrganized Storage\u003c\/h3\u003e\n\u003cp\u003eMultiple sections help separate different items and reduce unnecessary clutter while packing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"vdb-feature\"\u003e\u003cspan class=\"vdb-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vdb-feature-icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"vdb-feature-body\"\u003e\n\u003ch3\u003eEasy To Carry\u003c\/h3\u003e\n\u003cp\u003eSturdy carry handles make the bag practical for airports, hotels, road trips, and everyday use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"vdb-feature\"\u003e\u003cspan class=\"vdb-feature-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vdb-feature-icon\"\u003e✈\u003c\/div\u003e\n\u003cdiv class=\"vdb-feature-body\"\u003e\n\u003ch3\u003eTravel Friendly\u003c\/h3\u003e\n\u003cp\u003eDesigned for weekend escapes, business trips, gym visits, and longer journeys.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 2 + STORAGE\n ====================================================== --\u003e\n\u003csection class=\"vdb-storage\"\u003e\u003c!-- IMAGE 2 --\u003e\n\u003cdiv class=\"vdb-storage-image\"\u003e\n\u003cdiv class=\"vdb-placeholder vdb-placeholder--dark\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_16_59_54_7.png?v=1790664558\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CONTENT --\u003e\n\u003cdiv class=\"vdb-storage-content\"\u003e\n\u003cspan class=\"vdb-small-label\"\u003e ORGANIZED FROM THE INSIDE OUT \u003c\/span\u003e\n\u003ch2\u003eMore Space. \u003cstrong\u003e Less Clutter. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eSpacious storage and multiple sections make it easier to separate different travel essentials, helping you pack more efficiently while keeping everything easier to find.\u003c\/p\u003e\n\u003c!-- STORAGE CARDS --\u003e\n\u003cdiv class=\"vdb-storage-grid\"\u003e\n\u003cdiv class=\"vdb-storage-item\"\u003e\n\u003cspan class=\"vdb-storage-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vdb-storage-text\"\u003e\n\u003cstrong\u003e Clothing \u003c\/strong\u003e \u003csmall\u003e Store outfits and everyday travel clothing. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vdb-storage-item\"\u003e\n\u003cspan class=\"vdb-storage-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vdb-storage-text\"\u003e\n\u003cstrong\u003e Shoes \u003c\/strong\u003e \u003csmall\u003e Keep footwear separated from other travel essentials. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vdb-storage-item\"\u003e\n\u003cspan class=\"vdb-storage-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vdb-storage-text\"\u003e\n\u003cstrong\u003e Travel Accessories \u003c\/strong\u003e \u003csmall\u003e Organize smaller essentials and frequently used items. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vdb-storage-item\"\u003e\n\u003cspan class=\"vdb-storage-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vdb-storage-text\"\u003e\n\u003cstrong\u003e Daily Essentials \u003c\/strong\u003e \u003csmall\u003e Keep personal belongings easy to access on the go. \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 TRAVEL USE\n ====================================================== --\u003e\n\u003csection class=\"vdb-travel\"\u003e\n\u003cdiv class=\"vdb-travel-heading\"\u003e\n\u003cspan\u003e MADE FOR MODERN TRAVEL \u003c\/span\u003e\n\u003ch2\u003eOne Bag. \u003cstrong\u003e More Ways To Travel. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you are heading out for a weekend escape, business trip, gym visit, or longer journey, Voyatral™ helps you carry more while keeping your travel essentials neat and organized.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vdb-travel-grid\"\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vdb-travel-icon\"\u003e🌅\u003c\/div\u003e\n\u003cstrong\u003e Weekend Getaways \u003c\/strong\u003e \u003cspan\u003e Practical storage for short trips and quick escapes. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vdb-travel-icon\"\u003e💼\u003c\/div\u003e\n\u003cstrong\u003e Business Travel \u003c\/strong\u003e \u003cspan\u003e Keep work and personal travel essentials organized. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vdb-travel-icon\"\u003e🏋\u003c\/div\u003e\n\u003cstrong\u003e Gym Visits \u003c\/strong\u003e \u003cspan\u003e Carry clothing, shoes, and everyday fitness essentials. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vdb-travel-icon\"\u003e✈\u003c\/div\u003e\n\u003cstrong\u003e Longer Journeys \u003c\/strong\u003e \u003cspan\u003e Extra storage for more demanding travel plans. \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=\"vdb-final\"\u003e\u003c!-- FINAL CONTENT --\u003e\n\u003cdiv class=\"vdb-final-content\"\u003e\n\u003cdiv class=\"vdb-final-topline\"\u003e\n\u003cspan class=\"vdb-final-line\"\u003e\u003c\/span\u003e \u003cspan class=\"vdb-final-label\"\u003e VOYATRAL™ LUGGAGE ORGANIZATION \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vdb-final-icon\"\u003e🧳\u003c\/div\u003e\n\u003ch2\u003eCarry More. \u003cstrong\u003e Stay Organized. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom weekend trips and business travel to gym visits and longer journeys, Voyatral™ helps keep your essentials organized, accessible, and ready to go.\u003c\/p\u003e\n\u003cdiv class=\"vdb-final-benefits\"\u003e\n\u003cspan\u003e SPACIOUS STORAGE \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e EASY ORGANIZATION \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=\"vdb-final-image\"\u003e\n\u003cdiv class=\"vdb-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_16_59_55_8.png?v=1790664558\" 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=\"vdb-end\"\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003ePACK \u003cspan\u003e•\u003c\/span\u003e CARRY \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™ TRAVEL DUFFEL BAG\n========================================================= *\/\n\n.voyatral-duffel-page{\n\n --vdb-navy:#0b2a40;\n --vdb-deep:#061c2c;\n\n --vdb-blue:#365f79;\n --vdb-bluegray:#94a9b6;\n\n --vdb-cream:#faf7f1;\n --vdb-beige:#dfcfbd;\n\n --vdb-orange:#eca16c;\n --vdb-gold:#efbd89;\n\n --vdb-white:#ffffff;\n --vdb-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(--vdb-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% 43%,\n rgba(54,95,121,.16),\n transparent 28%\n ),\n\n linear-gradient(\n 180deg,\n #fffdf9 0%,\n #f8f5ef 50%,\n #edf3f6 100%\n );\n\n}\n\n\n\/* =========================================================\n BOX SIZING\n========================================================= *\/\n\n.voyatral-duffel-page *,\n.voyatral-duffel-page *::before,\n.voyatral-duffel-page *::after{\n\n box-sizing:border-box;\n\n}\n\n\n\/* =========================================================\n CONTAINER\n========================================================= *\/\n\n.vdb-container{\n\n width:min(\n 1240px,\n calc(100% - 40px)\n );\n\n margin:0 auto;\n\n padding: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.vdb-glow{\n\n position:absolute;\n\n border-radius:50%;\n\n pointer-events:none;\n\n filter:blur(30px);\n\n}\n\n\n.vdb-glow--one{\n\n width:500px;\n height:500px;\n\n left:-260px;\n top:650px;\n\n background:\n rgba(236,161,108,.14);\n\n}\n\n\n.vdb-glow--two{\n\n width:550px;\n height:550px;\n\n right:-280px;\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.vdb-hero{\n\n max-width:1000px;\n\n padding:\n 65px 20px\n 80px;\n\n text-align:left;\n\n}\n\n\n.vdb-eyebrow{\n\n display:flex;\n\n align-items:center;\n\n justify-content:flex-start;\n\n gap:14px;\n\n color:var(--vdb-blue);\n\n font-size:11px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vdb-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(--vdb-orange),\n transparent\n );\n\n}\n\n\n.vdb-hero h1{\n\n max-width:1000px;\n\n margin:\n 28px 0 0;\n\n color:var(--vdb-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.vdb-hero h1 strong{\n\n display:block;\n\n margin-top:8px;\n\n background:\n linear-gradient(\n 90deg,\n var(--vdb-blue),\n #6b8799,\n var(--vdb-orange)\n );\n\n -webkit-background-clip:text;\n\n background-clip:text;\n\n color:transparent;\n\n}\n\n\n.vdb-hero-copy{\n\n max-width:740px;\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.vdb-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.vdb-tags span{\n\n padding:\n 11px 17px;\n\n border-radius:999px;\n\n color:var(--vdb-navy);\n\n font-size:12px;\n\n font-weight:700;\n\n background:\n rgba(255,255,255,.80);\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.vdb-main-image,\n.vdb-storage-image,\n.vdb-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:#e5edf0;\n\n}\n\n\n\/* IMAGE 1 *\/\n\n.vdb-main-image{\n\n border-radius:38px;\n\n box-shadow:\n 0 36px 90px\n rgba(16,46,65,.14);\n\n}\n\n\n\/* IMAGE 2 *\/\n\n.vdb-storage-image{\n\n z-index:2;\n\n border-radius:32px;\n\n}\n\n\n\/* IMAGE 3 *\/\n\n.vdb-final-image{\n\n border-radius:0;\n\n}\n\n\n\/* =========================================================\n ACTUAL IMAGES\n 强制撑满容器\n========================================================= *\/\n\n.vdb-main-image \u003e img,\n.vdb-storage-image \u003e img,\n.vdb-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.vdb-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 72% 24%,\n rgba(236,161,108,.36),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 25% 80%,\n rgba(72,115,141,.34),\n transparent 28%\n ),\n\n linear-gradient(\n 135deg,\n #14364b,\n #3b647d 48%,\n #d6a981\n );\n\n}\n\n\n.vdb-placeholder--dark{\n\n background:\n\n radial-gradient(\n circle at 76% 22%,\n rgba(236,161,108,.24),\n transparent 25%\n ),\n\n linear-gradient(\n 145deg,\n #061b2b,\n #11384d 55%,\n #54778c\n );\n\n}\n\n\n.vdb-placeholder strong{\n\n font-size:17px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vdb-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.vdb-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.vdb-intro-title{\n\n width:100%;\n\n max-width:950px;\n\n text-align:left;\n\n}\n\n\n.vdb-small-label{\n\n display:block;\n\n margin-bottom:17px;\n\n color:var(--vdb-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vdb-intro h2,\n.vdb-storage h2,\n.vdb-travel h2{\n\n margin:0;\n\n color:var(--vdb-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.vdb-intro h2 strong,\n.vdb-storage h2 strong,\n.vdb-travel h2 strong{\n\n display:block;\n\n color:var(--vdb-blue);\n\n}\n\n\n.vdb-intro-text{\n\n width:100%;\n\n max-width:850px;\n\n text-align:left;\n\n}\n\n\n.vdb-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.vdb-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.vdb-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:28px;\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.vdb-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.vdb-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.vdb-feature-icon{\n\n width:56px;\n height:56px;\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(--vdb-navy),\n var(--vdb-blue)\n );\n\n box-shadow:\n 0 14px 30px\n rgba(13,44,63,.18);\n\n}\n\n\n.vdb-feature:nth-child(2) .vdb-feature-icon,\n.vdb-feature:nth-child(4) .vdb-feature-icon{\n\n background:\n linear-gradient(\n 135deg,\n #dc8958,\n #efb27f\n );\n\n}\n\n\n.vdb-feature-body{\n\n min-width:0;\n\n}\n\n\n.vdb-feature h3{\n\n margin:\n 0 0 13px;\n\n color:var(--vdb-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.vdb-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 STORAGE DARK SECTION\n========================================================= *\/\n\n.vdb-storage{\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:44px;\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.vdb-storage::after{\n\n content:\"\";\n\n position:absolute;\n\n width:360px;\n height:360px;\n\n right:-130px;\n top:-140px;\n\n border-radius:50%;\n\n background:\n radial-gradient(\n circle,\n rgba(236,161,108,.27),\n transparent 70%\n );\n\n}\n\n\n.vdb-storage-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.vdb-storage h2{\n\n color:#fff;\n\n text-align:left;\n\n}\n\n\n.vdb-storage h2 strong{\n\n color:#efb080;\n\n}\n\n\n.vdb-storage-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.vdb-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.vdb-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.vdb-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(--vdb-orange);\n\n color:#fff;\n\n font-size:10px;\n\n font-weight:900;\n\n}\n\n\n.vdb-storage-text{\n\n flex:1;\n\n min-width:0;\n\n text-align:left;\n\n}\n\n\n.vdb-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.vdb-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 TRAVEL SECTION\n========================================================= *\/\n\n.vdb-travel{\n\n padding:\n 125px 20px;\n\n}\n\n\n.vdb-travel-heading{\n\n max-width:860px;\n\n margin:0;\n\n text-align:left;\n\n}\n\n\n.vdb-travel-heading \u003e span{\n\n color:var(--vdb-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vdb-travel-heading h2{\n\n margin-top:18px;\n\n text-align:left;\n\n}\n\n\n.vdb-travel-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.vdb-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.vdb-travel-grid article{\n\n min-width:0;\n\n padding:\n 34px 25px;\n\n text-align:left;\n\n border-radius:26px;\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.vdb-travel-icon{\n\n margin-bottom:13px;\n\n font-size:27px;\n\n}\n\n\n.vdb-travel-grid strong{\n\n display:block;\n\n margin-bottom:8px;\n\n color:var(--vdb-navy);\n\n font-size:15px;\n\n line-height:1.35;\n\n text-align:left;\n\n}\n\n\n.vdb-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}\n\n\n\/* =========================================================\n FINAL\n========================================================= *\/\n\n.vdb-final{\n\n overflow:hidden;\n\n border-radius:42px;\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.vdb-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,161,108,.14),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 88% 85%,\n rgba(54,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.vdb-final-content::before{\n\n content:\"\";\n\n position:absolute;\n\n width:270px;\n height:270px;\n\n right:-105px;\n top:-125px;\n\n border-radius:50%;\n\n border:\n 1px solid\n rgba(54,95,121,.08);\n\n}\n\n\n.vdb-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,161,108,.12);\n\n}\n\n\n\/* FINAL TOP *\/\n\n.vdb-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.vdb-final-line{\n\n width:45px;\n height:1px;\n\n flex:none;\n\n background:\n linear-gradient(\n 90deg,\n var(--vdb-orange),\n transparent\n );\n\n}\n\n\n.vdb-final-label{\n\n color:var(--vdb-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.vdb-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:19px;\n\n color:#fff;\n\n font-size:23px;\n\n background:\n linear-gradient(\n 135deg,\n var(--vdb-navy),\n var(--vdb-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.vdb-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(--vdb-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.vdb-final-content h2 strong{\n\n display:block;\n\n margin-top:5px;\n\n color:var(--vdb-blue);\n\n}\n\n\n\/* FINAL COPY *\/\n\n.vdb-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.vdb-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.vdb-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.vdb-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(--vdb-orange);\n\n}\n\n\n\/* =========================================================\n END\n========================================================= *\/\n\n.vdb-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.vdb-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.vdb-end p{\n\n margin:0;\n\n color:var(--vdb-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.vdb-end p span{\n\n margin:\n 0 10px;\n\n color:var(--vdb-orange);\n\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media(max-width:980px){\n\n .vdb-container{\n\n width:\n calc(100% - 28px);\n\n padding:\n 50px 0;\n\n }\n\n\n .vdb-features{\n\n grid-template-columns:\n repeat(\n 2,\n minmax(0,1fr)\n );\n\n }\n\n\n .vdb-storage{\n\n grid-template-columns:\n 1fr;\n\n gap:40px;\n\n padding:35px;\n\n }\n\n\n .vdb-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 RESPONSIVE\n========================================================= *\/\n\n@container (max-width:720px){\n\n\n \/* HERO *\/\n\n .vdb-hero{\n\n padding:\n 50px 12px\n 60px;\n\n }\n\n\n \/* INTRO *\/\n\n .vdb-intro{\n\n padding:\n 75px 10px;\n\n gap:28px;\n\n }\n\n\n \/* FEATURES 上下排列 *\/\n\n .vdb-features{\n\n grid-template-columns:\n 1fr;\n\n gap:14px;\n\n margin-bottom:70px;\n\n }\n\n\n .vdb-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 .vdb-storage{\n\n grid-template-columns:\n 1fr;\n\n gap:36px;\n\n padding:18px;\n\n border-radius:29px;\n\n }\n\n\n .vdb-storage-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n \/* STORAGE 4 卡片上下排列 *\/\n\n .vdb-storage-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vdb-storage-item{\n\n width:100%;\n\n }\n\n\n \/* TRAVEL CARDS 上下排列 *\/\n\n .vdb-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 .vdb-container{\n\n width:\n calc(100% - 20px);\n\n padding:\n 30px 0\n 45px;\n\n }\n\n\n \/* HERO *\/\n\n .vdb-hero{\n\n padding:\n 45px 8px\n 55px;\n\n }\n\n\n .vdb-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 .vdb-eyebrow span{\n\n width:25px;\n\n }\n\n\n .vdb-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 .vdb-hero-copy{\n\n max-width:100%;\n\n font-size:16px;\n\n }\n\n\n \/* IMAGE 1 *\/\n\n .vdb-main-image{\n\n border-radius:25px;\n\n }\n\n\n \/* INTRO *\/\n\n .vdb-intro{\n\n padding:\n 65px 8px;\n\n gap:25px;\n\n }\n\n\n .vdb-small-label{\n\n font-size:9px;\n\n letter-spacing:2.4px;\n\n }\n\n\n .vdb-intro h2,\n .vdb-storage h2,\n .vdb-travel 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 .vdb-intro-text{\n\n max-width:100%;\n\n }\n\n\n .vdb-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 .vdb-features{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vdb-feature{\n\n width:100%;\n\n padding:\n 27px 24px;\n\n }\n\n\n .vdb-feature h3{\n\n font-size:18px;\n\n }\n\n\n \/* STORAGE *\/\n\n .vdb-storage{\n\n grid-template-columns:\n 1fr;\n\n gap:35px;\n\n padding:18px;\n\n border-radius:29px;\n\n }\n\n\n .vdb-storage-image{\n\n border-radius:22px;\n\n }\n\n\n .vdb-storage-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n .vdb-storage-content \u003e p{\n\n font-size:15px;\n\n }\n\n\n \/* STORAGE CARDS *\/\n\n .vdb-storage-grid{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vdb-storage-item{\n\n width:100%;\n\n padding:16px;\n\n }\n\n\n \/* TRAVEL *\/\n\n .vdb-travel{\n\n padding:\n 80px 8px;\n\n }\n\n\n .vdb-travel-heading{\n\n width:100%;\n\n }\n\n\n .vdb-travel-heading \u003e p{\n\n font-size:15px;\n\n }\n\n\n .vdb-travel-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vdb-travel-grid article{\n\n width:100%;\n\n padding:\n 27px 20px;\n\n }\n\n\n \/* FINAL *\/\n\n .vdb-final{\n\n border-radius:26px;\n\n }\n\n\n .vdb-final-content{\n\n padding:\n 48px 24px\n 42px;\n\n }\n\n\n .vdb-final-topline{\n\n gap:8px;\n\n }\n\n\n .vdb-final-line{\n\n width:24px;\n\n }\n\n\n .vdb-final-label{\n\n font-size:8px;\n\n letter-spacing:1.5px;\n\n }\n\n\n .vdb-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 .vdb-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 .vdb-final-content \u003e p{\n\n max-width:100%;\n\n font-size:14px;\n\n }\n\n\n .vdb-final-benefits{\n\n justify-content:flex-start;\n\n gap:9px;\n\n margin-top:26px;\n\n }\n\n\n .vdb-final-benefits span{\n\n font-size:7px;\n\n letter-spacing:1px;\n\n }\n\n\n \/* END *\/\n\n .vdb-end{\n\n gap:8px;\n\n padding-top:45px;\n\n }\n\n\n .vdb-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":67616395264254,"sku":"Voyatral*1","price":39.42,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":67616395297022,"sku":"Voyatral*2","price":59.42,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":67616395329790,"sku":"Voyatral*4","price":99.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPTImage2026_9_24_16_59_50_1.png?v=1790664505"},{"product_id":"voyatral™-compression-packing-bags-for-space-saving-travel-storage","title":"Voyatral™ Compression Packing Bags for Space Saving Travel Storage","description":"\u003c!-- =========================================================\n VOYATRAL™ COMPRESSION PACKING BAGS\n========================================================= --\u003e\n\u003csection class=\"voyatral-compression-page\"\u003e\n\u003cdiv class=\"vcp-glow vcp-glow--one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vcp-glow vcp-glow--two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vcp-container\"\u003e\n\u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"vcp-hero\"\u003e\n\u003cdiv class=\"vcp-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e LUGGAGE ORGANIZATION COLLECTION\u003c\/div\u003e\n\u003ch1\u003eVoyatral™ Compression \u003cstrong\u003ePacking Bags\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp class=\"vcp-hero-copy\"\u003eCreate more room in your luggage with a simple and efficient packing solution.\u003c\/p\u003e\n\u003cdiv class=\"vcp-tags\"\u003e\n\u003cspan\u003e↔ Space Saving\u003c\/span\u003e \u003cspan\u003e🧳 Smarter Packing\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=\"vcp-main-image\"\u003e\n\u003cdiv class=\"vcp-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_17_23_17_8.png?v=1790664918\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n 标题在上\n 正文在下\n ====================================================== --\u003e\n\u003csection class=\"vcp-intro\"\u003e\n\u003cdiv class=\"vcp-intro-title\"\u003e\n\u003cspan class=\"vcp-small-label\"\u003e MAKE MORE ROOM \u003c\/span\u003e\n\u003ch2\u003ePack More. \u003cstrong\u003e Use Space Smarter. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcp-intro-text\"\u003e\n\u003cp\u003eThe Voyatral™ Compression Packing Bags are designed to help reduce the space taken up by clothing, making it easier to organize your suitcase for travel, vacations, and longer trips.\u003c\/p\u003e\n\u003cp\u003eTheir lightweight and compact design makes packing easier while helping keep clothing separated, tidy, and easier to find inside your luggage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FEATURES\n ====================================================== --\u003e\n\u003csection class=\"vcp-features\"\u003e\u003c!-- 01 --\u003e\n\u003carticle class=\"vcp-feature\"\u003e\u003cspan class=\"vcp-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vcp-feature-icon\"\u003e↔\u003c\/div\u003e\n\u003cdiv class=\"vcp-feature-body\"\u003e\n\u003ch3\u003eSpace-Saving Design\u003c\/h3\u003e\n\u003cp\u003eHelps reduce the amount of suitcase space taken up by clothing and everyday travel essentials.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"vcp-feature\"\u003e\u003cspan class=\"vcp-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vcp-feature-icon\"\u003e▦\u003c\/div\u003e\n\u003cdiv class=\"vcp-feature-body\"\u003e\n\u003ch3\u003eOrganized Packing\u003c\/h3\u003e\n\u003cp\u003eKeep clothing and smaller travel items separated, tidy, and easier to locate throughout your journey.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"vcp-feature\"\u003e\u003cspan class=\"vcp-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vcp-feature-icon\"\u003e◫\u003c\/div\u003e\n\u003cdiv class=\"vcp-feature-body\"\u003e\n\u003ch3\u003eMultiple Bag Sizes\u003c\/h3\u003e\n\u003cp\u003eFlexible sizes help organize everything from larger clothing pieces to smaller personal items.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"vcp-feature\"\u003e\u003cspan class=\"vcp-feature-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vcp-feature-icon\"\u003e✈\u003c\/div\u003e\n\u003cdiv class=\"vcp-feature-body\"\u003e\n\u003ch3\u003eLightweight For Travel\u003c\/h3\u003e\n\u003cp\u003eA travel-friendly design that helps keep packing practical without adding unnecessary bulk.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 2 + COMPRESSION\n ====================================================== --\u003e\n\u003csection class=\"vcp-compression\"\u003e\u003c!-- IMAGE 2 --\u003e\n\u003cdiv class=\"vcp-compression-image\"\u003e\n\u003cdiv class=\"vcp-placeholder vcp-placeholder--dark\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_17_23_15_6.png?v=1790664918\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CONTENT --\u003e\n\u003cdiv class=\"vcp-compression-content\"\u003e\n\u003cspan class=\"vcp-small-label\"\u003e SMARTER SUITCASE SPACE \u003c\/span\u003e\n\u003ch2\u003eLess Bulk. \u003cstrong\u003e More Room To Pack. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eCompression packing helps create a more efficient suitcase layout while keeping different travel items separated and easier to access when you need them.\u003c\/p\u003e\n\u003c!-- STORAGE CARDS --\u003e\n\u003cdiv class=\"vcp-storage-grid\"\u003e\n\u003c!-- 01 --\u003e\n\u003cdiv class=\"vcp-storage-item\"\u003e\n\u003cspan class=\"vcp-storage-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vcp-storage-text\"\u003e\n\u003cstrong\u003e Shirts \u003c\/strong\u003e \u003csmall\u003e Keep everyday tops neatly grouped together. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 02 --\u003e\n\u003cdiv class=\"vcp-storage-item\"\u003e\n\u003cspan class=\"vcp-storage-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vcp-storage-text\"\u003e\n\u003cstrong\u003e Pants \u003c\/strong\u003e \u003csmall\u003e Organize larger clothing pieces efficiently. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 03 --\u003e\n\u003cdiv class=\"vcp-storage-item\"\u003e\n\u003cspan class=\"vcp-storage-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vcp-storage-text\"\u003e\n\u003cstrong\u003e Accessories \u003c\/strong\u003e \u003csmall\u003e Separate smaller travel essentials and personal items. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 04 --\u003e\n\u003cdiv class=\"vcp-storage-item\"\u003e\n\u003cspan class=\"vcp-storage-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vcp-storage-text\"\u003e\n\u003cstrong\u003e Travel Essentials \u003c\/strong\u003e \u003csmall\u003e Keep frequently used items organized and easy to find. \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 TRAVEL USE\n ====================================================== --\u003e\n\u003csection class=\"vcp-travel\"\u003e\n\u003cdiv class=\"vcp-travel-heading\"\u003e\n\u003cspan\u003e ORGANIZED FOR EVERY JOURNEY \u003c\/span\u003e\n\u003ch2\u003eMore Efficient Packing. \u003cstrong\u003e Less Luggage Clutter. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you are preparing for a weekend getaway, family vacation, or extended journey, Voyatral™ helps you pack more efficiently and keep your luggage neat and organized.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcp-travel-grid\"\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vcp-travel-icon\"\u003e🌅\u003c\/div\u003e\n\u003cstrong\u003e Weekend Getaways \u003c\/strong\u003e \u003cspan\u003e Pack compactly for shorter trips and quick escapes. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vcp-travel-icon\"\u003e☀\u003c\/div\u003e\n\u003cstrong\u003e Family Vacations \u003c\/strong\u003e \u003cspan\u003e Separate clothing and essentials for easier organization. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vcp-travel-icon\"\u003e✈\u003c\/div\u003e\n\u003cstrong\u003e Long-Distance Travel \u003c\/strong\u003e \u003cspan\u003e Make better use of suitcase space on longer journeys. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vcp-travel-icon\"\u003e🧳\u003c\/div\u003e\n\u003cstrong\u003e Everyday Packing \u003c\/strong\u003e \u003cspan\u003e Keep your luggage neat, structured, and easier to manage. \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=\"vcp-final\"\u003e\u003c!-- FINAL CONTENT --\u003e\n\u003cdiv class=\"vcp-final-content\"\u003e\n\u003cdiv class=\"vcp-final-topline\"\u003e\n\u003cspan class=\"vcp-final-line\"\u003e\u003c\/span\u003e \u003cspan class=\"vcp-final-label\"\u003e VOYATRAL™ LUGGAGE ORGANIZATION \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vcp-final-icon\"\u003e↔\u003c\/div\u003e\n\u003ch2\u003ePack More. \u003cstrong\u003e Travel Smarter. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom quick weekend escapes to longer vacations, Voyatral™ helps you make better use of your luggage space while keeping travel essentials neat, separated, and ready to go.\u003c\/p\u003e\n\u003cdiv class=\"vcp-final-benefits\"\u003e\n\u003cspan\u003e SPACE SAVING \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e ORGANIZED PACKING \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=\"vcp-final-image\"\u003e\n\u003cdiv class=\"vcp-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_17_23_16_7.png?v=1790664918\" 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=\"vcp-end\"\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eCOMPRESS \u003cspan\u003e•\u003c\/span\u003e ORGANIZE \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-compression-page{\n\n --vcp-navy:#0b2a40;\n --vcp-deep:#061c2c;\n\n --vcp-blue:#365f79;\n --vcp-bluegray:#94a9b6;\n\n --vcp-cream:#faf7f1;\n --vcp-beige:#dfcfbd;\n\n --vcp-orange:#eca16c;\n --vcp-gold:#efbd89;\n\n --vcp-white:#ffffff;\n --vcp-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(--vcp-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% 43%,\n rgba(54,95,121,.16),\n transparent 28%\n ),\n\n radial-gradient(\n circle at 48% 73%,\n rgba(148,169,182,.11),\n transparent 27%\n ),\n\n linear-gradient(\n 180deg,\n #fffdf9 0%,\n #f8f5ef 50%,\n #edf3f6 100%\n );\n\n}\n\n\n\/* =========================================================\n BOX SIZING\n========================================================= *\/\n\n.voyatral-compression-page *,\n.voyatral-compression-page *::before,\n.voyatral-compression-page *::after{\n\n box-sizing:border-box;\n\n}\n\n\n\/* =========================================================\n CONTAINER\n========================================================= *\/\n\n.vcp-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 GLOW\n========================================================= *\/\n\n.vcp-glow{\n\n position:absolute;\n\n border-radius:50%;\n\n pointer-events:none;\n\n filter:blur(30px);\n\n}\n\n\n.vcp-glow--one{\n\n width:500px;\n height:500px;\n\n left:-260px;\n top:650px;\n\n background:\n rgba(236,161,108,.14);\n\n}\n\n\n.vcp-glow--two{\n\n width:550px;\n height:550px;\n\n right:-280px;\n top:1800px;\n\n background:\n rgba(54,95,121,.14);\n\n}\n\n\n\/* =========================================================\n HERO\n 全部左对齐\n========================================================= *\/\n\n.vcp-hero{\n\n max-width:1000px;\n\n text-align:left;\n\n padding:\n 65px 20px\n 80px;\n\n}\n\n\n.vcp-eyebrow{\n\n display:flex;\n\n align-items:center;\n\n justify-content:flex-start;\n\n gap:14px;\n\n color:var(--vcp-blue);\n\n font-size:11px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vcp-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(--vcp-orange),\n transparent\n );\n\n}\n\n\n.vcp-hero h1{\n\n max-width:1000px;\n\n margin:\n 28px 0 0;\n\n color:var(--vcp-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.vcp-hero h1 strong{\n\n display:block;\n\n margin-top:8px;\n\n background:\n linear-gradient(\n 90deg,\n var(--vcp-blue),\n #6c8899,\n var(--vcp-orange)\n );\n\n -webkit-background-clip:text;\n background-clip:text;\n\n color:transparent;\n\n}\n\n\n.vcp-hero-copy{\n\n max-width:760px;\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.vcp-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.vcp-tags span{\n\n padding:\n 11px 17px;\n\n border-radius:999px;\n\n color:var(--vcp-navy);\n\n font-size:12px;\n\n font-weight:700;\n\n background:\n rgba(255,255,255,.80);\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 三张图片全部统一 1:1\n========================================================= *\/\n\n.vcp-main-image,\n.vcp-compression-image,\n.vcp-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:#e5edf0;\n\n}\n\n\n\/* IMAGE 1 *\/\n\n.vcp-main-image{\n\n border-radius:38px;\n\n box-shadow:\n 0 36px 90px\n rgba(16,46,65,.14);\n\n}\n\n\n\/* IMAGE 2 *\/\n\n.vcp-compression-image{\n\n position:relative;\n\n z-index:2;\n\n border-radius:32px;\n\n}\n\n\n\/* IMAGE 3 *\/\n\n.vcp-final-image{\n\n border-radius:0;\n\n}\n\n\n\/* =========================================================\n REAL IMAGE\n 强制完整撑满容器\n========================================================= *\/\n\n.vcp-main-image \u003e img,\n.vcp-compression-image \u003e img,\n.vcp-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.vcp-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 72% 24%,\n rgba(236,161,108,.36),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 25% 80%,\n rgba(72,115,141,.34),\n transparent 28%\n ),\n\n linear-gradient(\n 135deg,\n #14364b,\n #3b647d 48%,\n #d6a981\n );\n\n}\n\n\n.vcp-placeholder--dark{\n\n background:\n\n radial-gradient(\n circle at 76% 22%,\n rgba(236,161,108,.24),\n transparent 25%\n ),\n\n linear-gradient(\n 145deg,\n #061b2b,\n #11384d 55%,\n #54778c\n );\n\n}\n\n\n.vcp-placeholder strong{\n\n font-size:17px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vcp-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 标题 + 正文上下排列\n========================================================= *\/\n\n.vcp-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.vcp-intro-title{\n\n width:100%;\n\n max-width:900px;\n\n text-align:left;\n\n}\n\n\n.vcp-small-label{\n\n display:block;\n\n margin-bottom:17px;\n\n color:var(--vcp-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vcp-intro h2,\n.vcp-compression h2,\n.vcp-travel h2{\n\n margin:0;\n\n color:var(--vcp-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.vcp-intro h2 strong,\n.vcp-compression h2 strong,\n.vcp-travel h2 strong{\n\n display:block;\n\n color:var(--vcp-blue);\n\n}\n\n\n.vcp-intro-text{\n\n width:100%;\n\n max-width:850px;\n\n text-align:left;\n\n}\n\n\n.vcp-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.vcp-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.vcp-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:28px;\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.vcp-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.vcp-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.vcp-feature-icon{\n\n width:56px;\n height:56px;\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(--vcp-navy),\n var(--vcp-blue)\n );\n\n box-shadow:\n 0 14px 30px\n rgba(13,44,63,.18);\n\n}\n\n\n.vcp-feature:nth-child(2) .vcp-feature-icon,\n.vcp-feature:nth-child(4) .vcp-feature-icon{\n\n background:\n linear-gradient(\n 135deg,\n #dc8958,\n #efb27f\n );\n\n}\n\n\n.vcp-feature-body{\n\n min-width:0;\n\n}\n\n\n.vcp-feature h3{\n\n margin:\n 0 0 13px;\n\n color:var(--vcp-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.vcp-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 COMPRESSION SECTION\n========================================================= *\/\n\n.vcp-compression{\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:44px;\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.vcp-compression::after{\n\n content:\"\";\n\n position:absolute;\n\n width:360px;\n height:360px;\n\n right:-130px;\n top:-140px;\n\n border-radius:50%;\n\n background:\n radial-gradient(\n circle,\n rgba(236,161,108,.27),\n transparent 70%\n );\n\n}\n\n\n.vcp-compression-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.vcp-compression h2{\n\n color:#fff;\n\n text-align:left;\n\n}\n\n\n.vcp-compression h2 strong{\n\n color:#efb080;\n\n}\n\n\n.vcp-compression-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.vcp-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.vcp-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.vcp-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(--vcp-orange);\n\n color:#fff;\n\n font-size:10px;\n\n font-weight:900;\n\n}\n\n\n.vcp-storage-text{\n\n flex:1;\n\n min-width:0;\n\n text-align:left;\n\n}\n\n\n.vcp-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.vcp-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 TRAVEL\n========================================================= *\/\n\n.vcp-travel{\n\n padding:\n 125px 20px;\n\n}\n\n\n.vcp-travel-heading{\n\n max-width:860px;\n\n margin:0;\n\n text-align:left;\n\n}\n\n\n.vcp-travel-heading \u003e span{\n\n color:var(--vcp-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vcp-travel-heading h2{\n\n margin-top:18px;\n\n text-align:left;\n\n}\n\n\n.vcp-travel-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.vcp-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.vcp-travel-grid article{\n\n min-width:0;\n\n padding:\n 34px 25px;\n\n text-align:left;\n\n border-radius:26px;\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.vcp-travel-icon{\n\n margin-bottom:13px;\n\n font-size:27px;\n\n}\n\n\n.vcp-travel-grid strong{\n\n display:block;\n\n margin-bottom:8px;\n\n color:var(--vcp-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.vcp-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.vcp-final{\n\n overflow:hidden;\n\n border-radius:42px;\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.vcp-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,161,108,.14),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 88% 85%,\n rgba(54,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.vcp-final-content::before{\n\n content:\"\";\n\n position:absolute;\n\n width:270px;\n height:270px;\n\n right:-105px;\n top:-125px;\n\n border-radius:50%;\n\n border:\n 1px solid\n rgba(54,95,121,.08);\n\n}\n\n\n.vcp-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,161,108,.12);\n\n}\n\n\n\/* FINAL TOPLINE *\/\n\n.vcp-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.vcp-final-line{\n\n width:45px;\n height:1px;\n\n flex:none;\n\n background:\n linear-gradient(\n 90deg,\n var(--vcp-orange),\n transparent\n );\n\n}\n\n\n.vcp-final-label{\n\n color:var(--vcp-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.vcp-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:19px;\n\n color:#fff;\n\n font-size:23px;\n\n background:\n linear-gradient(\n 135deg,\n var(--vcp-navy),\n var(--vcp-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.vcp-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(--vcp-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.vcp-final-content h2 strong{\n\n display:block;\n\n margin-top:5px;\n\n color:var(--vcp-blue);\n\n}\n\n\n\/* FINAL COPY *\/\n\n.vcp-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.vcp-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.vcp-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.vcp-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(--vcp-orange);\n\n}\n\n\n\/* =========================================================\n END\n========================================================= *\/\n\n.vcp-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.vcp-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.vcp-end p{\n\n margin:0;\n\n color:var(--vcp-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.vcp-end p span{\n\n margin:\n 0 10px;\n\n color:var(--vcp-orange);\n\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media(max-width:980px){\n\n .vcp-container{\n\n width:\n calc(100% - 28px);\n\n padding:\n 50px 0;\n\n }\n\n\n .vcp-features{\n\n grid-template-columns:\n repeat(\n 2,\n minmax(0,1fr)\n );\n\n }\n\n\n .vcp-compression{\n\n grid-template-columns:\n 1fr;\n\n gap:40px;\n\n padding:35px;\n\n }\n\n\n .vcp-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 .vcp-hero{\n\n padding:\n 50px 12px\n 60px;\n\n }\n\n\n \/* INTRO *\/\n\n .vcp-intro{\n\n padding:\n 75px 10px;\n\n gap:28px;\n\n }\n\n\n \/* FEATURES 一张一张上下排列 *\/\n\n .vcp-features{\n\n grid-template-columns:\n 1fr;\n\n gap:14px;\n\n margin-bottom:70px;\n\n }\n\n\n .vcp-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 .vcp-compression{\n\n grid-template-columns:\n 1fr;\n\n gap:36px;\n\n padding:18px;\n\n border-radius:29px;\n\n }\n\n\n .vcp-compression-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n \/* 深色区域 4 张卡片上下排列 *\/\n\n .vcp-storage-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vcp-storage-item{\n\n width:100%;\n\n }\n\n\n \/* TRAVEL 卡片上下排列 *\/\n\n .vcp-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 .vcp-container{\n\n width:\n calc(100% - 20px);\n\n padding:\n 30px 0\n 45px;\n\n }\n\n\n \/* HERO *\/\n\n .vcp-hero{\n\n padding:\n 45px 8px\n 55px;\n\n }\n\n\n .vcp-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 .vcp-eyebrow span{\n\n width:25px;\n\n }\n\n\n .vcp-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 .vcp-hero-copy{\n\n max-width:100%;\n\n font-size:16px;\n\n }\n\n\n \/* IMAGE 1 *\/\n\n .vcp-main-image{\n\n border-radius:25px;\n\n }\n\n\n \/* INTRO *\/\n\n .vcp-intro{\n\n padding:\n 65px 8px;\n\n gap:25px;\n\n }\n\n\n .vcp-small-label{\n\n font-size:9px;\n\n letter-spacing:2.4px;\n\n }\n\n\n .vcp-intro h2,\n .vcp-compression h2,\n .vcp-travel 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 .vcp-intro-text{\n\n max-width:100%;\n\n }\n\n\n .vcp-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 .vcp-features{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vcp-feature{\n\n width:100%;\n\n padding:\n 27px 24px;\n\n }\n\n\n .vcp-feature h3{\n\n font-size:18px;\n\n }\n\n\n \/* COMPRESSION *\/\n\n .vcp-compression{\n\n grid-template-columns:\n 1fr;\n\n gap:35px;\n\n padding:18px;\n\n border-radius:29px;\n\n }\n\n\n .vcp-compression-image{\n\n border-radius:22px;\n\n }\n\n\n .vcp-compression-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n .vcp-compression-content \u003e p{\n\n font-size:15px;\n\n }\n\n\n \/* STORAGE CARDS *\/\n\n .vcp-storage-grid{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vcp-storage-item{\n\n width:100%;\n\n padding:16px;\n\n }\n\n\n \/* TRAVEL *\/\n\n .vcp-travel{\n\n padding:\n 80px 8px;\n\n }\n\n\n .vcp-travel-heading{\n\n width:100%;\n\n }\n\n\n .vcp-travel-heading \u003e p{\n\n font-size:15px;\n\n }\n\n\n .vcp-travel-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vcp-travel-grid article{\n\n width:100%;\n\n padding:\n 27px 20px;\n\n }\n\n\n \/* FINAL *\/\n\n .vcp-final{\n\n border-radius:26px;\n\n }\n\n\n .vcp-final-content{\n\n padding:\n 48px 24px\n 42px;\n\n }\n\n\n .vcp-final-topline{\n\n gap:8px;\n\n }\n\n\n .vcp-final-line{\n\n width:24px;\n\n }\n\n\n .vcp-final-label{\n\n font-size:8px;\n\n letter-spacing:1.5px;\n\n }\n\n\n .vcp-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 .vcp-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 .vcp-final-content \u003e p{\n\n max-width:100%;\n\n font-size:14px;\n\n }\n\n\n .vcp-final-benefits{\n\n justify-content:flex-start;\n\n gap:9px;\n\n margin-top:26px;\n\n }\n\n\n .vcp-final-benefits span{\n\n font-size:7px;\n\n letter-spacing:1px;\n\n }\n\n\n \/* END *\/\n\n .vcp-end{\n\n gap:8px;\n\n padding-top:45px;\n\n }\n\n\n .vcp-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":67616413843710,"sku":"Voyatral*1","price":24.42,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":67616413876478,"sku":"Voyatral*2","price":42.56,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":67616413909246,"sku":"Voyatral*4","price":72.45,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPTImage2026_9_24_17_23_13_1.png?v=1790664894"},{"product_id":"voyatral™-portable-folding-travel-hanger-for-clothing-organization","title":"Voyatral™ Portable Folding Travel Hanger for Clothing Organization","description":"\u003c!-- =========================================================\n VOYATRAL™ PORTABLE FOLDING TRAVEL HANGER\n========================================================= --\u003e\n\u003csection class=\"voyatral-hanger-page\"\u003e\n\u003cdiv class=\"vth-glow vth-glow--one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vth-glow vth-glow--two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vth-container\"\u003e\n\u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"vth-hero\"\u003e\n\u003cdiv class=\"vth-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e LUGGAGE ORGANIZATION COLLECTION\u003c\/div\u003e\n\u003ch1\u003eVoyatral™ Portable Folding \u003cstrong\u003eTravel Hanger\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp class=\"vth-hero-copy\"\u003eKeep your clothes organized and ready to wear wherever you stay.\u003c\/p\u003e\n\u003cdiv class=\"vth-tags\"\u003e\n\u003cspan\u003e✈ Travel Ready\u003c\/span\u003e \u003cspan\u003e↔ Foldable Design\u003c\/span\u003e \u003cspan\u003e◫ Compact Storage\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 1\n 1:1 + 完整撑满\n ====================================================== --\u003e\n\u003csection class=\"vth-main-image\"\u003e\n\u003cdiv class=\"vth-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_17_44_18_6.png?v=1790664926\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n 标题在上\n 正文在下\n ====================================================== --\u003e\n\u003csection class=\"vth-intro\"\u003e\n\u003cdiv class=\"vth-intro-title\"\u003e\n\u003cspan class=\"vth-small-label\"\u003e CLOTHING READY FOR THE JOURNEY \u003c\/span\u003e\n\u003ch2\u003ePack Small. \u003cstrong\u003e Hang When You Arrive. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vth-intro-text\"\u003e\n\u003cp\u003eThe Voyatral™ Portable Folding Travel Hanger is designed for travel, hotel stays, business trips, and everyday use, giving you a convenient way to hang shirts, jackets, dresses, and other clothing on the go.\u003c\/p\u003e\n\u003cp\u003eIts foldable structure packs down into a compact size, making it easy to store inside luggage, backpacks, or travel bags without taking up unnecessary space.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FEATURES\n ====================================================== --\u003e\n\u003csection class=\"vth-features\"\u003e\n\u003carticle class=\"vth-feature\"\u003e\u003cspan class=\"vth-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vth-feature-icon\"\u003e↔\u003c\/div\u003e\n\u003cdiv class=\"vth-feature-body\"\u003e\n\u003ch3\u003eFoldable Structure\u003c\/h3\u003e\n\u003cp\u003eFolds down into a compact shape for easier storage inside your travel gear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"vth-feature\"\u003e\u003cspan class=\"vth-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vth-feature-icon\"\u003e◫\u003c\/div\u003e\n\u003cdiv class=\"vth-feature-body\"\u003e\n\u003ch3\u003eCompact To Pack\u003c\/h3\u003e\n\u003cp\u003eFits easily into luggage, backpacks, and travel bags without unnecessary bulk.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"vth-feature\"\u003e\u003cspan class=\"vth-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vth-feature-icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"vth-feature-body\"\u003e\n\u003ch3\u003eQuick To Use\u003c\/h3\u003e\n\u003cp\u003eUnfolds quickly when needed for simple clothing organization at your destination.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"vth-feature\"\u003e\u003cspan class=\"vth-feature-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vth-feature-icon\"\u003e✈\u003c\/div\u003e\n\u003cdiv class=\"vth-feature-body\"\u003e\n\u003ch3\u003eTravel Friendly\u003c\/h3\u003e\n\u003cp\u003eIdeal for hotels, business travel, vacations, and longer journeys.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 2 + FUNCTION\n ====================================================== --\u003e\n\u003csection class=\"vth-function\"\u003e\u003c!-- IMAGE 2 --\u003e\n\u003cdiv class=\"vth-function-image\"\u003e\n\u003cdiv class=\"vth-placeholder vth-placeholder--dark\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_17_44_19_8.png?v=1790664925\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CONTENT --\u003e\n\u003cdiv class=\"vth-function-content\"\u003e\n\u003cspan class=\"vth-small-label\"\u003e FOLD. PACK. HANG. \u003c\/span\u003e\n\u003ch2\u003eCompact In Your Bag. \u003cstrong\u003e Useful At Your Destination. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhen needed, the hanger unfolds quickly for simple and convenient use, helping keep clothing off beds, chairs, and suitcase surfaces.\u003c\/p\u003e\n\u003c!-- FUNCTION CARDS --\u003e\n\u003cdiv class=\"vth-function-grid\"\u003e\n\u003cdiv class=\"vth-function-item\"\u003e\n\u003cspan class=\"vth-function-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vth-function-text\"\u003e\n\u003cstrong\u003e Fold \u003c\/strong\u003e \u003csmall\u003e Compact the hanger for easier travel storage. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vth-function-item\"\u003e\n\u003cspan class=\"vth-function-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vth-function-text\"\u003e\n\u003cstrong\u003e Pack \u003c\/strong\u003e \u003csmall\u003e Store it inside luggage or backpacks with ease. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vth-function-item\"\u003e\n\u003cspan class=\"vth-function-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vth-function-text\"\u003e\n\u003cstrong\u003e Unfold \u003c\/strong\u003e \u003csmall\u003e Open the hanger quickly when you reach your destination. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vth-function-item\"\u003e\n\u003cspan class=\"vth-function-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vth-function-text\"\u003e\n\u003cstrong\u003e Hang \u003c\/strong\u003e \u003csmall\u003e Keep clothing organized and ready to wear. \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 TRAVEL USE\n ====================================================== --\u003e\n\u003csection class=\"vth-travel\"\u003e\n\u003cdiv class=\"vth-travel-heading\"\u003e\n\u003cspan\u003e MADE FOR TRAVEL CLOTHING \u003c\/span\u003e\n\u003ch2\u003eNeater Clothes. \u003cstrong\u003e Easier Travel. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you are preparing for a business meeting, staying at a hotel, or organizing clothes during a longer trip, Voyatral™ helps make travel clothing storage simpler and more efficient.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vth-travel-grid\"\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vth-travel-icon\"\u003e💼\u003c\/div\u003e\n\u003cstrong\u003e Business Trips \u003c\/strong\u003e \u003cspan\u003e Keep shirts, jackets, and workwear ready to wear. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vth-travel-icon\"\u003e🏨\u003c\/div\u003e\n\u003cstrong\u003e Hotel Stays \u003c\/strong\u003e \u003cspan\u003e Create convenient hanging space wherever you stay. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vth-travel-icon\"\u003e👕\u003c\/div\u003e\n\u003cstrong\u003e Everyday Clothing \u003c\/strong\u003e \u003cspan\u003e Hang shirts, dresses, jackets, and travel outfits. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vth-travel-icon\"\u003e✈\u003c\/div\u003e\n\u003cstrong\u003e Longer Journeys \u003c\/strong\u003e \u003cspan\u003e Keep clothing organized throughout extended travel. \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=\"vth-final\"\u003e\u003c!-- FINAL CONTENT --\u003e\n\u003cdiv class=\"vth-final-content\"\u003e\n\u003cdiv class=\"vth-final-topline\"\u003e\n\u003cspan class=\"vth-final-line\"\u003e\u003c\/span\u003e \u003cspan class=\"vth-final-label\"\u003e VOYATRAL™ LUGGAGE ORGANIZATION \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vth-final-icon\"\u003e✦\u003c\/div\u003e\n\u003ch2\u003ePack Compact. \u003cstrong\u003e Stay Ready. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom business travel and hotel stays to longer journeys, Voyatral™ helps you keep clothing organized, accessible, and ready whenever you need it.\u003c\/p\u003e\n\u003cdiv class=\"vth-final-benefits\"\u003e\n\u003cspan\u003e FOLDABLE DESIGN \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e COMPACT STORAGE \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e READY TO HANG \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- IMAGE 3 --\u003e\n\u003cdiv class=\"vth-final-image\"\u003e\n\u003cdiv class=\"vth-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_17_44_19_7.png?v=1790664925\" 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=\"vth-end\"\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eFOLD \u003cspan\u003e•\u003c\/span\u003e PACK \u003cspan\u003e•\u003c\/span\u003e HANG\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™ PORTABLE FOLDING TRAVEL HANGER\n========================================================= *\/\n\n.voyatral-hanger-page{\n\n --vth-navy:#0b2a40;\n --vth-deep:#061c2c;\n\n --vth-blue:#365f79;\n --vth-bluegray:#94a9b6;\n\n --vth-cream:#faf7f1;\n --vth-beige:#dfcfbd;\n\n --vth-orange:#eca16c;\n --vth-gold:#efbd89;\n\n --vth-white:#ffffff;\n --vth-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(--vth-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% 43%,\n rgba(54,95,121,.16),\n transparent 28%\n ),\n\n linear-gradient(\n 180deg,\n #fffdf9 0%,\n #f8f5ef 50%,\n #edf3f6 100%\n );\n\n}\n\n\n\/* =========================================================\n BOX SIZING\n========================================================= *\/\n\n.voyatral-hanger-page *,\n.voyatral-hanger-page *::before,\n.voyatral-hanger-page *::after{\n\n box-sizing:border-box;\n\n}\n\n\n\/* =========================================================\n CONTAINER\n========================================================= *\/\n\n.vth-container{\n\n width:min(\n 1240px,\n calc(100% - 40px)\n );\n\n margin:0 auto;\n\n padding: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.vth-glow{\n\n position:absolute;\n\n border-radius:50%;\n\n pointer-events:none;\n\n filter:blur(30px);\n\n}\n\n\n.vth-glow--one{\n\n width:500px;\n height:500px;\n\n left:-260px;\n top:650px;\n\n background:\n rgba(236,161,108,.14);\n\n}\n\n\n.vth-glow--two{\n\n width:550px;\n height:550px;\n\n right:-280px;\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.vth-hero{\n\n max-width:1050px;\n\n padding:\n 65px 20px\n 80px;\n\n text-align:left;\n\n}\n\n\n.vth-eyebrow{\n\n display:flex;\n\n align-items:center;\n\n justify-content:flex-start;\n\n gap:14px;\n\n color:var(--vth-blue);\n\n font-size:11px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vth-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(--vth-orange),\n transparent\n );\n\n}\n\n\n.vth-hero h1{\n\n max-width:1050px;\n\n margin:\n 28px 0 0;\n\n color:var(--vth-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.vth-hero h1 strong{\n\n display:block;\n\n margin-top:8px;\n\n background:\n linear-gradient(\n 90deg,\n var(--vth-blue),\n #6c8798,\n var(--vth-orange)\n );\n\n -webkit-background-clip:text;\n background-clip:text;\n\n color:transparent;\n\n}\n\n\n.vth-hero-copy{\n\n max-width:740px;\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.vth-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.vth-tags span{\n\n padding:\n 11px 17px;\n\n border-radius:999px;\n\n color:var(--vth-navy);\n\n font-size:12px;\n\n font-weight:700;\n\n background:\n rgba(255,255,255,.80);\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 IMAGE CONTAINERS\n 统一 1:1\n========================================================= *\/\n\n.vth-main-image,\n.vth-function-image,\n.vth-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:#e5edf0;\n\n}\n\n\n\/* IMAGE 1 *\/\n\n.vth-main-image{\n\n border-radius:38px;\n\n box-shadow:\n 0 36px 90px\n rgba(16,46,65,.14);\n\n}\n\n\n\/* IMAGE 2 *\/\n\n.vth-function-image{\n\n z-index:2;\n\n border-radius:32px;\n\n}\n\n\n\/* IMAGE 3 *\/\n\n.vth-final-image{\n\n border-radius:0;\n\n}\n\n\n\/* =========================================================\n ACTUAL IMAGES\n 完全撑满容器\n========================================================= *\/\n\n.vth-main-image \u003e img,\n.vth-function-image \u003e img,\n.vth-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.vth-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 72% 24%,\n rgba(236,161,108,.36),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 25% 80%,\n rgba(72,115,141,.34),\n transparent 28%\n ),\n\n linear-gradient(\n 135deg,\n #14364b,\n #3b647d 48%,\n #d6a981\n );\n\n}\n\n\n.vth-placeholder--dark{\n\n background:\n\n radial-gradient(\n circle at 76% 22%,\n rgba(236,161,108,.24),\n transparent 25%\n ),\n\n linear-gradient(\n 145deg,\n #061b2b,\n #11384d 55%,\n #54778c\n );\n\n}\n\n\n.vth-placeholder strong{\n\n font-size:17px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vth-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.vth-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.vth-intro-title{\n\n width:100%;\n\n max-width:950px;\n\n text-align:left;\n\n}\n\n\n.vth-small-label{\n\n display:block;\n\n margin-bottom:17px;\n\n color:var(--vth-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vth-intro h2,\n.vth-function h2,\n.vth-travel h2{\n\n margin:0;\n\n color:var(--vth-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.vth-intro h2 strong,\n.vth-function h2 strong,\n.vth-travel h2 strong{\n\n display:block;\n\n color:var(--vth-blue);\n\n}\n\n\n.vth-intro-text{\n\n width:100%;\n\n max-width:850px;\n\n text-align:left;\n\n}\n\n\n.vth-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.vth-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.vth-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:28px;\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.vth-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.vth-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.vth-feature-icon{\n\n width:56px;\n height:56px;\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(--vth-navy),\n var(--vth-blue)\n );\n\n box-shadow:\n 0 14px 30px\n rgba(13,44,63,.18);\n\n}\n\n\n.vth-feature:nth-child(2) .vth-feature-icon,\n.vth-feature:nth-child(4) .vth-feature-icon{\n\n background:\n linear-gradient(\n 135deg,\n #dc8958,\n #efb27f\n );\n\n}\n\n\n.vth-feature-body{\n\n min-width:0;\n\n}\n\n\n.vth-feature h3{\n\n margin:\n 0 0 13px;\n\n color:var(--vth-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.vth-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 FUNCTION DARK SECTION\n========================================================= *\/\n\n.vth-function{\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:44px;\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.vth-function::after{\n\n content:\"\";\n\n position:absolute;\n\n width:360px;\n height:360px;\n\n right:-130px;\n top:-140px;\n\n border-radius:50%;\n\n background:\n radial-gradient(\n circle,\n rgba(236,161,108,.27),\n transparent 70%\n );\n\n}\n\n\n.vth-function-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.vth-function h2{\n\n color:#fff;\n\n text-align:left;\n\n}\n\n\n.vth-function h2 strong{\n\n color:#efb080;\n\n}\n\n\n.vth-function-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 FUNCTION CARDS\n 默认一列上下排列\n========================================================= *\/\n\n.vth-function-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.vth-function-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.vth-function-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(--vth-orange);\n\n color:#fff;\n\n font-size:10px;\n\n font-weight:900;\n\n}\n\n\n.vth-function-text{\n\n flex:1;\n\n min-width:0;\n\n text-align:left;\n\n}\n\n\n.vth-function-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.vth-function-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 TRAVEL\n========================================================= *\/\n\n.vth-travel{\n\n padding:\n 125px 20px;\n\n}\n\n\n.vth-travel-heading{\n\n max-width:860px;\n\n margin:0;\n\n text-align:left;\n\n}\n\n\n.vth-travel-heading \u003e span{\n\n color:var(--vth-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vth-travel-heading h2{\n\n margin-top:18px;\n\n text-align:left;\n\n}\n\n\n.vth-travel-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.vth-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.vth-travel-grid article{\n\n min-width:0;\n\n padding:\n 34px 25px;\n\n text-align:left;\n\n border-radius:26px;\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.vth-travel-icon{\n\n margin-bottom:13px;\n\n font-size:27px;\n\n}\n\n\n.vth-travel-grid strong{\n\n display:block;\n\n margin-bottom:8px;\n\n color:var(--vth-navy);\n\n font-size:15px;\n\n line-height:1.35;\n\n text-align:left;\n\n}\n\n\n.vth-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}\n\n\n\/* =========================================================\n FINAL\n========================================================= *\/\n\n.vth-final{\n\n overflow:hidden;\n\n border-radius:42px;\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.vth-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,161,108,.14),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 88% 85%,\n rgba(54,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.vth-final-content::before{\n\n content:\"\";\n\n position:absolute;\n\n width:270px;\n height:270px;\n\n right:-105px;\n top:-125px;\n\n border-radius:50%;\n\n border:\n 1px solid\n rgba(54,95,121,.08);\n\n}\n\n\n.vth-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,161,108,.12);\n\n}\n\n\n\/* FINAL TOP *\/\n\n.vth-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.vth-final-line{\n\n width:45px;\n height:1px;\n\n flex:none;\n\n background:\n linear-gradient(\n 90deg,\n var(--vth-orange),\n transparent\n );\n\n}\n\n\n.vth-final-label{\n\n color:var(--vth-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.vth-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:19px;\n\n color:#fff;\n\n font-size:23px;\n\n background:\n linear-gradient(\n 135deg,\n var(--vth-navy),\n var(--vth-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.vth-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(--vth-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.vth-final-content h2 strong{\n\n display:block;\n\n margin-top:5px;\n\n color:var(--vth-blue);\n\n}\n\n\n\/* FINAL COPY *\/\n\n.vth-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.vth-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.vth-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.vth-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(--vth-orange);\n\n}\n\n\n\/* =========================================================\n END\n========================================================= *\/\n\n.vth-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.vth-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.vth-end p{\n\n margin:0;\n\n color:var(--vth-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.vth-end p span{\n\n margin:\n 0 10px;\n\n color:var(--vth-orange);\n\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media(max-width:980px){\n\n .vth-container{\n\n width:\n calc(100% - 28px);\n\n padding:\n 50px 0;\n\n }\n\n\n .vth-features{\n\n grid-template-columns:\n repeat(\n 2,\n minmax(0,1fr)\n );\n\n }\n\n\n .vth-function{\n\n grid-template-columns:\n 1fr;\n\n gap:40px;\n\n padding:35px;\n\n }\n\n\n .vth-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 RESPONSIVE\n========================================================= *\/\n\n@container (max-width:720px){\n\n\n \/* HERO *\/\n\n .vth-hero{\n\n padding:\n 50px 12px\n 60px;\n\n }\n\n\n \/* INTRO *\/\n\n .vth-intro{\n\n padding:\n 75px 10px;\n\n gap:28px;\n\n }\n\n\n \/* FEATURES 上下排列 *\/\n\n .vth-features{\n\n grid-template-columns:\n 1fr;\n\n gap:14px;\n\n margin-bottom:70px;\n\n }\n\n\n .vth-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 .vth-function{\n\n grid-template-columns:\n 1fr;\n\n gap:36px;\n\n padding:18px;\n\n border-radius:29px;\n\n }\n\n\n .vth-function-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n \/* FUNCTION CARDS 上下 *\/\n\n .vth-function-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vth-function-item{\n\n width:100%;\n\n }\n\n\n \/* TRAVEL CARDS 上下 *\/\n\n .vth-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 .vth-container{\n\n width:\n calc(100% - 20px);\n\n padding:\n 30px 0\n 45px;\n\n }\n\n\n \/* HERO *\/\n\n .vth-hero{\n\n padding:\n 45px 8px\n 55px;\n\n }\n\n\n .vth-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 .vth-eyebrow span{\n\n width:25px;\n\n }\n\n\n .vth-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 .vth-hero-copy{\n\n max-width:100%;\n\n font-size:16px;\n\n }\n\n\n \/* IMAGE 1 *\/\n\n .vth-main-image{\n\n border-radius:25px;\n\n }\n\n\n \/* INTRO *\/\n\n .vth-intro{\n\n padding:\n 65px 8px;\n\n gap:25px;\n\n }\n\n\n .vth-small-label{\n\n font-size:9px;\n\n letter-spacing:2.4px;\n\n }\n\n\n .vth-intro h2,\n .vth-function h2,\n .vth-travel 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 .vth-intro-text{\n\n max-width:100%;\n\n }\n\n\n .vth-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 .vth-features{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vth-feature{\n\n width:100%;\n\n padding:\n 27px 24px;\n\n }\n\n\n .vth-feature h3{\n\n font-size:18px;\n\n }\n\n\n \/* FUNCTION *\/\n\n .vth-function{\n\n grid-template-columns:\n 1fr;\n\n gap:35px;\n\n padding:18px;\n\n border-radius:29px;\n\n }\n\n\n .vth-function-image{\n\n border-radius:22px;\n\n }\n\n\n .vth-function-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n .vth-function-content \u003e p{\n\n font-size:15px;\n\n }\n\n\n \/* FUNCTION CARDS *\/\n\n .vth-function-grid{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vth-function-item{\n\n width:100%;\n\n padding:16px;\n\n }\n\n\n \/* TRAVEL *\/\n\n .vth-travel{\n\n padding:\n 80px 8px;\n\n }\n\n\n .vth-travel-heading{\n\n width:100%;\n\n }\n\n\n .vth-travel-heading \u003e p{\n\n font-size:15px;\n\n }\n\n\n .vth-travel-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vth-travel-grid article{\n\n width:100%;\n\n padding:\n 27px 20px;\n\n }\n\n\n \/* FINAL *\/\n\n .vth-final{\n\n border-radius:26px;\n\n }\n\n\n .vth-final-content{\n\n padding:\n 48px 24px\n 42px;\n\n }\n\n\n .vth-final-topline{\n\n gap:8px;\n\n }\n\n\n .vth-final-line{\n\n width:24px;\n\n }\n\n\n .vth-final-label{\n\n font-size:8px;\n\n letter-spacing:1.5px;\n\n }\n\n\n .vth-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 .vth-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 .vth-final-content \u003e p{\n\n max-width:100%;\n\n font-size:14px;\n\n }\n\n\n .vth-final-benefits{\n\n justify-content:flex-start;\n\n gap:9px;\n\n margin-top:26px;\n\n }\n\n\n .vth-final-benefits span{\n\n font-size:7px;\n\n letter-spacing:1px;\n\n }\n\n\n \/* END *\/\n\n .vth-end{\n\n gap:8px;\n\n padding-top:45px;\n\n }\n\n\n .vth-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":67616414531838,"sku":"Voyatral*1","price":19.42,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":67616414564606,"sku":"Voyatral*2","price":34.54,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":67616414597374,"sku":"Voyatral*4","price":59.43,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPTImage2026_9_24_17_44_15_1.png?v=1790664902"},{"product_id":"voyatral™-travel-bottle-set-for-toiletries-and-personal-care","title":"Voyatral™ Travel Bottle Set for Toiletries and Personal Care","description":"\u003c!-- =========================================================\n VOYATRAL™ TRAVEL BOTTLE SET\n========================================================= --\u003e\n\u003csection class=\"voyatral-bottle-set-page\"\u003e\n\u003cdiv class=\"vbs-glow vbs-glow--one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vbs-glow vbs-glow--two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vbs-container\"\u003e\n\u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"vbs-hero\"\u003e\n\u003cdiv class=\"vbs-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e TRAVEL CARE COLLECTION\u003c\/div\u003e\n\u003ch1\u003eVoyatral™ Travel \u003cstrong\u003eBottle Set\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp class=\"vbs-hero-copy\"\u003eMake packing personal care essentials easier with a complete travel bottle set designed for organized trips.\u003c\/p\u003e\n\u003cdiv class=\"vbs-tags\"\u003e\n\u003cspan\u003e🧴 Refillable Containers\u003c\/span\u003e \u003cspan\u003e💧 Leak-Resistant 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=\"vbs-main-image\"\u003e\n\u003cdiv class=\"vbs-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_18_05_28_8.png?v=1790665294\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n 标题在上\n 正文在下\n ====================================================== --\u003e\n\u003csection class=\"vbs-intro\"\u003e\n\u003cdiv class=\"vbs-intro-title\"\u003e\n\u003cspan class=\"vbs-small-label\"\u003e PERSONAL CARE, ORGANIZED \u003c\/span\u003e\n\u003ch2\u003ePack What You Need. \u003cstrong\u003e Leave The Bulk Behind. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vbs-intro-text\"\u003e\n\u003cp\u003eThe Voyatral™ Travel Bottle Set includes multiple refillable containers for shampoo, conditioner, body wash, lotion, skincare, and other everyday toiletries.\u003c\/p\u003e\n\u003cp\u003eIts compact sizes help reduce bulk in your luggage, while the clear travel pouch keeps everything neatly stored and easy to find during flights, hotel stays, and weekend trips.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FEATURES\n ====================================================== --\u003e\n\u003csection class=\"vbs-features\"\u003e\u003c!-- 01 --\u003e\n\u003carticle class=\"vbs-feature\"\u003e\u003cspan class=\"vbs-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vbs-feature-icon\"\u003e🧴\u003c\/div\u003e\n\u003cdiv class=\"vbs-feature-body\"\u003e\n\u003ch3\u003eMultiple Containers\u003c\/h3\u003e\n\u003cp\u003eCarry shampoo, conditioner, lotion, body wash, skincare, and other everyday essentials.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"vbs-feature\"\u003e\u003cspan class=\"vbs-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vbs-feature-icon\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"vbs-feature-body\"\u003e\n\u003ch3\u003eLeak-Resistant Design\u003c\/h3\u003e\n\u003cp\u003eDesigned to help reduce spills and keep liquids more securely stored inside your travel bag.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"vbs-feature\"\u003e\u003cspan class=\"vbs-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vbs-feature-icon\"\u003e◫\u003c\/div\u003e\n\u003cdiv class=\"vbs-feature-body\"\u003e\n\u003ch3\u003eClear Travel Pouch\u003c\/h3\u003e\n\u003cp\u003eKeeps your bottles neatly together while making contents easier to see and access.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"vbs-feature\"\u003e\u003cspan class=\"vbs-feature-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vbs-feature-icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"vbs-feature-body\"\u003e\n\u003ch3\u003eEasy Identification\u003c\/h3\u003e\n\u003cp\u003eIncluded labels make it easier to organize and identify different liquids and toiletries.\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=\"vbs-organized\"\u003e\u003c!-- IMAGE 2 --\u003e\n\u003cdiv class=\"vbs-organized-image\"\u003e\n\u003cdiv class=\"vbs-placeholder vbs-placeholder--dark\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_18_05_28_7.png?v=1790665294\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CONTENT --\u003e\n\u003cdiv class=\"vbs-organized-content\"\u003e\n\u003cspan class=\"vbs-small-label\"\u003e EVERYTHING IN ITS PLACE \u003c\/span\u003e\n\u003ch2\u003eOrganized Toiletries. \u003cstrong\u003e Easier Travel. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eMultiple refillable containers give you flexible storage for different personal care products, while the clear pouch keeps the full set together and ready to use.\u003c\/p\u003e\n\u003c!-- CARE CARDS --\u003e\n\u003cdiv class=\"vbs-care-grid\"\u003e\n\u003c!-- 01 --\u003e\n\u003cdiv class=\"vbs-care-item\"\u003e\n\u003cspan class=\"vbs-care-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vbs-care-text\"\u003e\n\u003cstrong\u003e Shampoo \u003c\/strong\u003e \u003csmall\u003e Pack your everyday hair care in a smaller format. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 02 --\u003e\n\u003cdiv class=\"vbs-care-item\"\u003e\n\u003cspan class=\"vbs-care-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vbs-care-text\"\u003e\n\u003cstrong\u003e Conditioner \u003c\/strong\u003e \u003csmall\u003e Keep hair care products neatly separated. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 03 --\u003e\n\u003cdiv class=\"vbs-care-item\"\u003e\n\u003cspan class=\"vbs-care-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vbs-care-text\"\u003e\n\u003cstrong\u003e Body \u0026amp; Skincare \u003c\/strong\u003e \u003csmall\u003e Carry lotion, body wash, and skincare essentials. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 04 --\u003e\n\u003cdiv class=\"vbs-care-item\"\u003e\n\u003cspan class=\"vbs-care-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vbs-care-text\"\u003e\n\u003cstrong\u003e Daily Toiletries \u003c\/strong\u003e \u003csmall\u003e Organize everyday personal care products with ease. \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 TRAVEL SECTION\n ====================================================== --\u003e\n\u003csection class=\"vbs-travel\"\u003e\n\u003cdiv class=\"vbs-travel-heading\"\u003e\n\u003cspan\u003e DESIGNED FOR TRAVEL CARE \u003c\/span\u003e\n\u003ch2\u003eCompact To Pack. \u003cstrong\u003e Ready For Every Trip. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you are preparing for a short getaway, business trip, or longer vacation, Voyatral™ helps keep your toiletries organized, portable, and ready for every journey.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vbs-travel-grid\"\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vbs-travel-icon\"\u003e✈\u003c\/div\u003e\n\u003cstrong\u003e Flights \u003c\/strong\u003e \u003cspan\u003e Keep personal care essentials together while traveling. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vbs-travel-icon\"\u003e🏨\u003c\/div\u003e\n\u003cstrong\u003e Hotel Stays \u003c\/strong\u003e \u003cspan\u003e Organize everyday toiletries away from home. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vbs-travel-icon\"\u003e💼\u003c\/div\u003e\n\u003cstrong\u003e Business Trips \u003c\/strong\u003e \u003cspan\u003e Pack personal care essentials without unnecessary bulk. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vbs-travel-icon\"\u003e☀\u003c\/div\u003e\n\u003cstrong\u003e Vacations \u003c\/strong\u003e \u003cspan\u003e Bring your favorite toiletries wherever you go. \u003c\/span\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL\n 文案在上\n IMAGE 3 在下\n ====================================================== --\u003e\n\u003csection class=\"vbs-final\"\u003e\u003c!-- FINAL CONTENT --\u003e\n\u003cdiv class=\"vbs-final-content\"\u003e\n\u003cdiv class=\"vbs-final-topline\"\u003e\n\u003cspan class=\"vbs-final-line\"\u003e\u003c\/span\u003e \u003cspan class=\"vbs-final-label\"\u003e VOYATRAL™ TRAVEL CARE \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vbs-final-icon\"\u003e🧴\u003c\/div\u003e\n\u003ch2\u003ePack Clean. \u003cstrong\u003e Travel Organized. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom quick getaways to longer vacations, Voyatral™ helps keep personal care essentials compact, organized, and easier to access throughout every journey.\u003c\/p\u003e\n\u003cdiv class=\"vbs-final-benefits\"\u003e\n\u003cspan\u003e REFILLABLE \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e LEAK-RESISTANT \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e TRAVEL ORGANIZED \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- IMAGE 3 --\u003e\n\u003cdiv class=\"vbs-final-image\"\u003e\n\u003cdiv class=\"vbs-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_18_05_27_6.png?v=1790665293\" 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=\"vbs-end\"\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eREFILL \u003cspan\u003e•\u003c\/span\u003e ORGANIZE \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-bottle-set-page{\n\n --vbs-navy:#0b2a40;\n --vbs-deep:#061c2c;\n\n --vbs-blue:#365f79;\n --vbs-bluegray:#94a9b6;\n --vbs-softblue:#dce8ee;\n\n --vbs-cream:#faf7f1;\n --vbs-beige:#dfcfbd;\n\n --vbs-orange:#eca16c;\n --vbs-gold:#efbd89;\n\n --vbs-white:#ffffff;\n --vbs-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(--vbs-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% 42%,\n rgba(54,95,121,.16),\n transparent 28%\n ),\n\n radial-gradient(\n circle at 54% 72%,\n rgba(148,169,182,.12),\n transparent 26%\n ),\n\n linear-gradient(\n 180deg,\n #fffdf9 0%,\n #f8f5ef 50%,\n #edf3f6 100%\n );\n\n}\n\n\n\/* =========================================================\n BOX SIZING\n========================================================= *\/\n\n.voyatral-bottle-set-page *,\n.voyatral-bottle-set-page *::before,\n.voyatral-bottle-set-page *::after{\n\n box-sizing:border-box;\n\n}\n\n\n\/* =========================================================\n CONTAINER\n========================================================= *\/\n\n.vbs-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 GLOW\n========================================================= *\/\n\n.vbs-glow{\n\n position:absolute;\n\n border-radius:50%;\n\n pointer-events:none;\n\n filter:blur(30px);\n\n}\n\n\n.vbs-glow--one{\n\n width:500px;\n height:500px;\n\n left:-260px;\n top:650px;\n\n background:\n rgba(236,161,108,.14);\n\n}\n\n\n.vbs-glow--two{\n\n width:550px;\n height:550px;\n\n right:-280px;\n top:1800px;\n\n background:\n rgba(54,95,121,.14);\n\n}\n\n\n\/* =========================================================\n HERO\n 左对齐\n========================================================= *\/\n\n.vbs-hero{\n\n max-width:1000px;\n\n text-align:left;\n\n padding:\n 65px 20px\n 80px;\n\n}\n\n\n.vbs-eyebrow{\n\n display:flex;\n\n align-items:center;\n\n justify-content:flex-start;\n\n gap:14px;\n\n color:var(--vbs-blue);\n\n font-size:11px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vbs-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(--vbs-orange),\n transparent\n );\n\n}\n\n\n.vbs-hero h1{\n\n max-width:1000px;\n\n margin:\n 28px 0 0;\n\n color:var(--vbs-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.vbs-hero h1 strong{\n\n display:block;\n\n margin-top:8px;\n\n background:\n linear-gradient(\n 90deg,\n var(--vbs-blue),\n #6d899a,\n var(--vbs-orange)\n );\n\n -webkit-background-clip:text;\n background-clip:text;\n\n color:transparent;\n\n}\n\n\n.vbs-hero-copy{\n\n max-width:760px;\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.vbs-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.vbs-tags span{\n\n padding:\n 11px 17px;\n\n border-radius:999px;\n\n color:var(--vbs-navy);\n\n font-size:12px;\n\n font-weight:700;\n\n background:\n rgba(255,255,255,.80);\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 三张图片统一 1:1\n========================================================= *\/\n\n.vbs-main-image,\n.vbs-organized-image,\n.vbs-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:#e5edf0;\n\n}\n\n\n\/* IMAGE 1 *\/\n\n.vbs-main-image{\n\n border-radius:38px;\n\n box-shadow:\n 0 36px 90px\n rgba(16,46,65,.14);\n\n}\n\n\n\/* IMAGE 2 *\/\n\n.vbs-organized-image{\n\n z-index:2;\n\n border-radius:32px;\n\n}\n\n\n\/* IMAGE 3 *\/\n\n.vbs-final-image{\n\n border-radius:0;\n\n}\n\n\n\/* =========================================================\n REAL IMAGES\n 强制撑满整个图片容器\n========================================================= *\/\n\n.vbs-main-image \u003e img,\n.vbs-organized-image \u003e img,\n.vbs-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.vbs-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 72% 24%,\n rgba(236,161,108,.36),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 25% 80%,\n rgba(72,115,141,.34),\n transparent 28%\n ),\n\n linear-gradient(\n 135deg,\n #14364b,\n #3b647d 48%,\n #d6a981\n );\n\n}\n\n\n.vbs-placeholder--dark{\n\n background:\n\n radial-gradient(\n circle at 76% 22%,\n rgba(236,161,108,.24),\n transparent 25%\n ),\n\n linear-gradient(\n 145deg,\n #061b2b,\n #11384d 55%,\n #54778c\n );\n\n}\n\n\n.vbs-placeholder strong{\n\n font-size:17px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vbs-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 标题在上，正文在下\n========================================================= *\/\n\n.vbs-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.vbs-intro-title{\n\n width:100%;\n\n max-width:900px;\n\n text-align:left;\n\n}\n\n\n.vbs-small-label{\n\n display:block;\n\n margin-bottom:17px;\n\n color:var(--vbs-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vbs-intro h2,\n.vbs-organized h2,\n.vbs-travel h2{\n\n margin:0;\n\n color:var(--vbs-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.vbs-intro h2 strong,\n.vbs-organized h2 strong,\n.vbs-travel h2 strong{\n\n display:block;\n\n color:var(--vbs-blue);\n\n}\n\n\n.vbs-intro-text{\n\n width:100%;\n\n max-width:850px;\n\n text-align:left;\n\n}\n\n\n.vbs-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.vbs-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.vbs-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:28px;\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.vbs-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.vbs-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.vbs-feature-icon{\n\n width:56px;\n height:56px;\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(--vbs-navy),\n var(--vbs-blue)\n );\n\n box-shadow:\n 0 14px 30px\n rgba(13,44,63,.18);\n\n}\n\n\n.vbs-feature:nth-child(2) .vbs-feature-icon,\n.vbs-feature:nth-child(4) .vbs-feature-icon{\n\n background:\n linear-gradient(\n 135deg,\n #dc8958,\n #efb27f\n );\n\n}\n\n\n.vbs-feature-body{\n\n min-width:0;\n\n}\n\n\n.vbs-feature h3{\n\n margin:\n 0 0 13px;\n\n color:var(--vbs-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.vbs-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.vbs-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:44px;\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.vbs-organized::after{\n\n content:\"\";\n\n position:absolute;\n\n width:360px;\n height:360px;\n\n right:-130px;\n top:-140px;\n\n border-radius:50%;\n\n background:\n radial-gradient(\n circle,\n rgba(236,161,108,.27),\n transparent 70%\n );\n\n}\n\n\n.vbs-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.vbs-organized h2{\n\n color:#fff;\n\n text-align:left;\n\n}\n\n\n.vbs-organized h2 strong{\n\n color:#efb080;\n\n}\n\n\n.vbs-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 CARE CARDS\n 默认直接上下排列\n========================================================= *\/\n\n.vbs-care-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.vbs-care-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.vbs-care-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(--vbs-orange);\n\n color:#fff;\n\n font-size:10px;\n\n font-weight:900;\n\n}\n\n\n.vbs-care-text{\n\n flex:1;\n\n min-width:0;\n\n text-align:left;\n\n}\n\n\n.vbs-care-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.vbs-care-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 TRAVEL\n========================================================= *\/\n\n.vbs-travel{\n\n padding:\n 125px 20px;\n\n}\n\n\n.vbs-travel-heading{\n\n max-width:860px;\n\n margin:0;\n\n text-align:left;\n\n}\n\n\n.vbs-travel-heading \u003e span{\n\n color:var(--vbs-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vbs-travel-heading h2{\n\n margin-top:18px;\n\n text-align:left;\n\n}\n\n\n.vbs-travel-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.vbs-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.vbs-travel-grid article{\n\n min-width:0;\n\n padding:\n 34px 25px;\n\n text-align:left;\n\n border-radius:26px;\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.vbs-travel-icon{\n\n margin-bottom:13px;\n\n font-size:27px;\n\n}\n\n\n.vbs-travel-grid strong{\n\n display:block;\n\n margin-bottom:8px;\n\n color:var(--vbs-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.vbs-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.vbs-final{\n\n overflow:hidden;\n\n border-radius:42px;\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.vbs-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,161,108,.14),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 88% 85%,\n rgba(54,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.vbs-final-content::before{\n\n content:\"\";\n\n position:absolute;\n\n width:270px;\n height:270px;\n\n right:-105px;\n top:-125px;\n\n border-radius:50%;\n\n border:\n 1px solid\n rgba(54,95,121,.08);\n\n}\n\n\n.vbs-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,161,108,.12);\n\n}\n\n\n\/* FINAL TOPLINE *\/\n\n.vbs-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.vbs-final-line{\n\n width:45px;\n height:1px;\n\n flex:none;\n\n background:\n linear-gradient(\n 90deg,\n var(--vbs-orange),\n transparent\n );\n\n}\n\n\n.vbs-final-label{\n\n color:var(--vbs-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.vbs-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:19px;\n\n color:#fff;\n\n font-size:23px;\n\n background:\n linear-gradient(\n 135deg,\n var(--vbs-navy),\n var(--vbs-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.vbs-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(--vbs-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.vbs-final-content h2 strong{\n\n display:block;\n\n margin-top:5px;\n\n color:var(--vbs-blue);\n\n}\n\n\n\/* FINAL COPY *\/\n\n.vbs-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\/* =========================================================\n FINAL BENEFITS\n========================================================= *\/\n\n.vbs-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.vbs-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.vbs-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(--vbs-orange);\n\n}\n\n\n\/* =========================================================\n END\n========================================================= *\/\n\n.vbs-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.vbs-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.vbs-end p{\n\n margin:0;\n\n color:var(--vbs-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.vbs-end p span{\n\n margin:\n 0 10px;\n\n color:var(--vbs-orange);\n\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media(max-width:980px){\n\n .vbs-container{\n\n width:\n calc(100% - 28px);\n\n padding:\n 50px 0;\n\n }\n\n\n .vbs-features{\n\n grid-template-columns:\n repeat(\n 2,\n minmax(0,1fr)\n );\n\n }\n\n\n .vbs-organized{\n\n grid-template-columns:\n 1fr;\n\n gap:40px;\n\n padding:35px;\n\n }\n\n\n .vbs-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 防止 Shopify 窄预览把内容挤坏\n========================================================= *\/\n\n@container (max-width:720px){\n\n\n \/* HERO *\/\n\n .vbs-hero{\n\n padding:\n 50px 12px\n 60px;\n\n }\n\n\n \/* INTRO *\/\n\n .vbs-intro{\n\n padding:\n 75px 10px;\n\n gap:28px;\n\n }\n\n\n \/* FEATURE 卡片上下排列 *\/\n\n .vbs-features{\n\n grid-template-columns:\n 1fr;\n\n gap:14px;\n\n margin-bottom:70px;\n\n }\n\n\n .vbs-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 .vbs-organized{\n\n grid-template-columns:\n 1fr;\n\n gap:36px;\n\n padding:18px;\n\n border-radius:29px;\n\n }\n\n\n .vbs-organized-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n \/* 深色区域卡片上下排列 *\/\n\n .vbs-care-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vbs-care-item{\n\n width:100%;\n\n }\n\n\n \/* Travel 卡片上下排列 *\/\n\n .vbs-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 .vbs-container{\n\n width:\n calc(100% - 20px);\n\n padding:\n 30px 0\n 45px;\n\n }\n\n\n \/* HERO *\/\n\n .vbs-hero{\n\n padding:\n 45px 8px\n 55px;\n\n }\n\n\n .vbs-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 .vbs-eyebrow span{\n\n width:25px;\n\n }\n\n\n .vbs-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 .vbs-hero-copy{\n\n max-width:100%;\n\n font-size:16px;\n\n }\n\n\n \/* IMAGE 1 *\/\n\n .vbs-main-image{\n\n border-radius:25px;\n\n }\n\n\n \/* INTRO *\/\n\n .vbs-intro{\n\n padding:\n 65px 8px;\n\n gap:25px;\n\n }\n\n\n .vbs-small-label{\n\n font-size:9px;\n\n letter-spacing:2.4px;\n\n }\n\n\n .vbs-intro h2,\n .vbs-organized h2,\n .vbs-travel 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 .vbs-intro-text{\n\n max-width:100%;\n\n }\n\n\n .vbs-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 .vbs-features{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vbs-feature{\n\n width:100%;\n\n padding:\n 27px 24px;\n\n }\n\n\n .vbs-feature h3{\n\n font-size:18px;\n\n }\n\n\n \/* ORGANIZED *\/\n\n .vbs-organized{\n\n grid-template-columns:\n 1fr;\n\n gap:35px;\n\n padding:18px;\n\n border-radius:29px;\n\n }\n\n\n .vbs-organized-image{\n\n border-radius:22px;\n\n }\n\n\n .vbs-organized-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n .vbs-organized-content \u003e p{\n\n font-size:15px;\n\n }\n\n\n \/* CARE CARDS *\/\n\n .vbs-care-grid{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vbs-care-item{\n\n width:100%;\n\n padding:16px;\n\n }\n\n\n \/* TRAVEL *\/\n\n .vbs-travel{\n\n padding:\n 80px 8px;\n\n }\n\n\n .vbs-travel-heading{\n\n width:100%;\n\n }\n\n\n .vbs-travel-heading \u003e p{\n\n font-size:15px;\n\n }\n\n\n .vbs-travel-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vbs-travel-grid article{\n\n width:100%;\n\n padding:\n 27px 20px;\n\n }\n\n\n \/* FINAL *\/\n\n .vbs-final{\n\n border-radius:26px;\n\n }\n\n\n .vbs-final-content{\n\n padding:\n 48px 24px\n 42px;\n\n }\n\n\n .vbs-final-topline{\n\n gap:8px;\n\n }\n\n\n .vbs-final-line{\n\n width:24px;\n\n }\n\n\n .vbs-final-label{\n\n font-size:8px;\n\n letter-spacing:1.5px;\n\n }\n\n\n .vbs-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 .vbs-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 .vbs-final-content \u003e p{\n\n max-width:100%;\n\n font-size:14px;\n\n }\n\n\n .vbs-final-benefits{\n\n justify-content:flex-start;\n\n gap:9px;\n\n margin-top:26px;\n\n }\n\n\n .vbs-final-benefits span{\n\n font-size:7px;\n\n letter-spacing:1px;\n\n }\n\n\n \/* END *\/\n\n .vbs-end{\n\n gap:8px;\n\n padding-top:45px;\n\n }\n\n\n .vbs-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":67616451559678,"sku":"Voyatral*1","price":18.99,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":67616451592446,"sku":"Voyatral*2","price":32.99,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":67616451625214,"sku":"Voyatral*4","price":54.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPTImage2026_9_24_18_05_24_1.png?v=1790665245"},{"product_id":"voyatral™-portable-water-bottle-for-travel-and-outdoor-activities","title":"Voyatral™ Portable Water Bottle for Travel and Outdoor Activities","description":"\u003c!-- =========================================================\n VOYATRAL™ PORTABLE WATER BOTTLE\n========================================================= --\u003e\n\u003csection class=\"voyatral-water-bottle-page\"\u003e\n\u003cdiv class=\"vwb-glow vwb-glow--one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vwb-glow vwb-glow--two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vwb-container\"\u003e\n\u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"vwb-hero\"\u003e\n\u003cdiv class=\"vwb-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e TRAVEL CARE COLLECTION\u003c\/div\u003e\n\u003ch1\u003eVoyatral™ Portable \u003cstrong\u003eWater Bottle\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp class=\"vwb-hero-copy\"\u003eStay hydrated with a compact bottle designed for travel, outdoor activities, and everyday use.\u003c\/p\u003e\n\u003cdiv class=\"vwb-tags\"\u003e\n\u003cspan\u003e💧 Everyday Hydration\u003c\/span\u003e \u003cspan\u003e↗ Hands-Free Carry\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=\"vwb-main-image\"\u003e\n\u003cdiv class=\"vwb-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_18_34_10_8.png?v=1790665305\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n 标题在上\n 正文在下\n ====================================================== --\u003e\n\u003csection class=\"vwb-intro\"\u003e\n\u003cdiv class=\"vwb-intro-title\"\u003e\n\u003cspan class=\"vwb-small-label\"\u003e HYDRATION MADE PORTABLE \u003c\/span\u003e\n\u003ch2\u003eCarry Less. \u003cstrong\u003e Stay Refreshed. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vwb-intro-text\"\u003e\n\u003cp\u003eThe Voyatral™ Portable Water Bottle features a lightweight and compact design that is easy to carry without adding unnecessary bulk to your travel gear.\u003c\/p\u003e\n\u003cp\u003eThe adjustable shoulder strap allows for convenient hands-free carrying, making it suitable for sightseeing, walking, hiking, commuting, and other activities on the go.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FEATURES\n ====================================================== --\u003e\n\u003csection class=\"vwb-features\"\u003e\u003c!-- 01 --\u003e\n\u003carticle class=\"vwb-feature\"\u003e\u003cspan class=\"vwb-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vwb-feature-icon\"\u003e◫\u003c\/div\u003e\n\u003cdiv class=\"vwb-feature-body\"\u003e\n\u003ch3\u003eCompact Design\u003c\/h3\u003e\n\u003cp\u003eEasy to carry throughout the day without adding unnecessary bulk to your travel setup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"vwb-feature\"\u003e\u003cspan class=\"vwb-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vwb-feature-icon\"\u003e↗\u003c\/div\u003e\n\u003cdiv class=\"vwb-feature-body\"\u003e\n\u003ch3\u003eAdjustable Strap\u003c\/h3\u003e\n\u003cp\u003eCarry the bottle over your shoulder or crossbody for convenient hands-free movement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"vwb-feature\"\u003e\u003cspan class=\"vwb-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vwb-feature-icon\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"vwb-feature-body\"\u003e\n\u003ch3\u003eSecure Lid\u003c\/h3\u003e\n\u003cp\u003eA travel-friendly lid design helps reduce accidental leaks while keeping your drink easy to access.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"vwb-feature\"\u003e\u003cspan class=\"vwb-feature-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vwb-feature-icon\"\u003e✈\u003c\/div\u003e\n\u003cdiv class=\"vwb-feature-body\"\u003e\n\u003ch3\u003eReady To Go\u003c\/h3\u003e\n\u003cp\u003eDesigned for airports, sightseeing, walking, commuting, hiking, and everyday routines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 2 + CARRY SECTION\n ====================================================== --\u003e\n\u003csection class=\"vwb-carry\"\u003e\u003c!-- IMAGE 2 --\u003e\n\u003cdiv class=\"vwb-carry-image\"\u003e\n\u003cdiv class=\"vwb-placeholder vwb-placeholder--dark\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_18_34_10_7.png?v=1790665305\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CONTENT --\u003e\n\u003cdiv class=\"vwb-carry-content\"\u003e\n\u003cspan class=\"vwb-small-label\"\u003e MADE TO MOVE WITH YOU \u003c\/span\u003e\n\u003ch2\u003eHands Free. \u003cstrong\u003e Hydration Close By. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe adjustable shoulder strap gives you a convenient way to carry your bottle while keeping your hands free for phones, luggage, shopping bags, or other travel essentials.\u003c\/p\u003e\n\u003c!-- CARRY CARDS --\u003e\n\u003cdiv class=\"vwb-carry-grid\"\u003e\n\u003cdiv class=\"vwb-carry-item\"\u003e\n\u003cspan class=\"vwb-carry-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vwb-carry-text\"\u003e\n\u003cstrong\u003e Crossbody Carry \u003c\/strong\u003e \u003csmall\u003e Wear the bottle comfortably while exploring. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vwb-carry-item\"\u003e\n\u003cspan class=\"vwb-carry-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vwb-carry-text\"\u003e\n\u003cstrong\u003e Adjustable Length \u003c\/strong\u003e \u003csmall\u003e Adapt the strap for different carrying preferences. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vwb-carry-item\"\u003e\n\u003cspan class=\"vwb-carry-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vwb-carry-text\"\u003e\n\u003cstrong\u003e Easy Access \u003c\/strong\u003e \u003csmall\u003e Keep hydration conveniently within reach. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vwb-carry-item\"\u003e\n\u003cspan class=\"vwb-carry-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vwb-carry-text\"\u003e\n\u003cstrong\u003e Lightweight Carry \u003c\/strong\u003e \u003csmall\u003e Designed for easier movement throughout the day. \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 JOURNEY \/ USE SCENARIOS\n ====================================================== --\u003e\n\u003csection class=\"vwb-journey\"\u003e\n\u003cdiv class=\"vwb-journey-heading\"\u003e\n\u003cspan\u003e HYDRATION FOR EVERYDAY JOURNEYS \u003c\/span\u003e\n\u003ch2\u003eFrom Airport Days \u003cstrong\u003e To Everyday Adventures. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you are heading to the airport, exploring outdoors, or simply going about your daily routine, Voyatral™ makes hydration easier to carry wherever you go.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vwb-journey-grid\"\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vwb-journey-icon\"\u003e✈\u003c\/div\u003e\n\u003cstrong\u003e Airport Travel \u003c\/strong\u003e \u003cspan\u003e Keep hydration nearby while moving through the airport. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vwb-journey-icon\"\u003e🏙\u003c\/div\u003e\n\u003cstrong\u003e Sightseeing \u003c\/strong\u003e \u003cspan\u003e Enjoy hands-free carrying while exploring new places. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vwb-journey-icon\"\u003e🌿\u003c\/div\u003e\n\u003cstrong\u003e Outdoor Activities \u003c\/strong\u003e \u003cspan\u003e A compact hydration option for walks and outdoor trips. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vwb-journey-icon\"\u003e🚶\u003c\/div\u003e\n\u003cstrong\u003e Everyday Use \u003c\/strong\u003e \u003cspan\u003e Easy to carry for commuting and daily routines. \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=\"vwb-final\"\u003e\u003c!-- FINAL CONTENT --\u003e\n\u003cdiv class=\"vwb-final-content\"\u003e\n\u003cdiv class=\"vwb-final-topline\"\u003e\n\u003cspan class=\"vwb-final-line\"\u003e\u003c\/span\u003e \u003cspan class=\"vwb-final-label\"\u003e VOYATRAL™ TRAVEL CARE \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vwb-final-icon\"\u003e💧\u003c\/div\u003e\n\u003ch2\u003eCarry Easy. \u003cstrong\u003e Stay Hydrated. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom airport terminals and city walks to outdoor adventures and daily routines, Voyatral™ makes it easier to keep hydration close throughout the day.\u003c\/p\u003e\n\u003cdiv class=\"vwb-final-benefits\"\u003e\n\u003cspan\u003e COMPACT DESIGN \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e HANDS-FREE 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=\"vwb-final-image\"\u003e\n\u003cdiv class=\"vwb-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_18_34_09_6.png?v=1790665305\" 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=\"vwb-end\"\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eCARRY \u003cspan\u003e•\u003c\/span\u003e EXPLORE \u003cspan\u003e•\u003c\/span\u003e HYDRATE\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™ PORTABLE WATER BOTTLE\n========================================================= *\/\n\n.voyatral-water-bottle-page{\n\n --vwb-navy:#0b2a40;\n --vwb-deep:#061c2c;\n\n --vwb-blue:#365f79;\n --vwb-bluegray:#94a9b6;\n --vwb-softblue:#dce8ee;\n\n --vwb-cream:#faf7f1;\n --vwb-beige:#dfcfbd;\n\n --vwb-orange:#eca16c;\n --vwb-gold:#efbd89;\n\n --vwb-white:#ffffff;\n --vwb-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(--vwb-text);\n\n background:\n\n radial-gradient(\n circle at 9% 17%,\n rgba(236,161,108,.15),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 92% 42%,\n rgba(54,95,121,.17),\n transparent 28%\n ),\n\n radial-gradient(\n circle at 55% 72%,\n rgba(148,169,182,.12),\n transparent 27%\n ),\n\n linear-gradient(\n 180deg,\n #fffdf9 0%,\n #f8f5ef 49%,\n #edf3f6 100%\n );\n\n}\n\n\n\/* =========================================================\n BOX SIZING\n========================================================= *\/\n\n.voyatral-water-bottle-page *,\n.voyatral-water-bottle-page *::before,\n.voyatral-water-bottle-page *::after{\n\n box-sizing:border-box;\n\n}\n\n\n\/* =========================================================\n CONTAINER\n========================================================= *\/\n\n.vwb-container{\n\n width:min(\n 1240px,\n calc(100% - 40px)\n );\n\n margin:0 auto;\n\n padding: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.vwb-glow{\n\n position:absolute;\n\n pointer-events:none;\n\n border-radius:50%;\n\n filter:blur(30px);\n\n}\n\n\n.vwb-glow--one{\n\n width:500px;\n height:500px;\n\n left:-260px;\n top:650px;\n\n background:\n rgba(236,161,108,.14);\n\n}\n\n\n.vwb-glow--two{\n\n width:550px;\n height:550px;\n\n right:-280px;\n top:1800px;\n\n background:\n rgba(54,95,121,.14);\n\n}\n\n\n\/* =========================================================\n HERO\n 全部左对齐\n========================================================= *\/\n\n.vwb-hero{\n\n max-width:1000px;\n\n padding:\n 65px 20px\n 80px;\n\n text-align:left;\n\n}\n\n\n.vwb-eyebrow{\n\n display:flex;\n\n align-items:center;\n\n justify-content:flex-start;\n\n gap:14px;\n\n color:var(--vwb-blue);\n\n font-size:11px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vwb-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(--vwb-orange),\n transparent\n );\n\n}\n\n\n.vwb-hero h1{\n\n max-width:1000px;\n\n margin:\n 28px 0 0;\n\n color:var(--vwb-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.vwb-hero h1 strong{\n\n display:block;\n\n margin-top:8px;\n\n background:\n linear-gradient(\n 90deg,\n var(--vwb-blue),\n #6b8799,\n var(--vwb-orange)\n );\n\n -webkit-background-clip:text;\n background-clip:text;\n\n color:transparent;\n\n}\n\n\n.vwb-hero-copy{\n\n max-width:760px;\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.vwb-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.vwb-tags span{\n\n padding:\n 11px 17px;\n\n border-radius:999px;\n\n color:var(--vwb-navy);\n\n font-size:12px;\n\n font-weight:700;\n\n background:\n rgba(255,255,255,.80);\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.vwb-main-image,\n.vwb-carry-image,\n.vwb-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:#e5edf0;\n\n}\n\n\n\/* IMAGE 1 *\/\n\n.vwb-main-image{\n\n border-radius:38px;\n\n box-shadow:\n 0 36px 90px\n rgba(16,46,65,.14);\n\n}\n\n\n\/* IMAGE 2 *\/\n\n.vwb-carry-image{\n\n z-index:2;\n\n border-radius:32px;\n\n}\n\n\n\/* IMAGE 3 *\/\n\n.vwb-final-image{\n\n border-radius:0;\n\n}\n\n\n\/* =========================================================\n ACTUAL IMAGES\n 完整撑满整个图片容器\n========================================================= *\/\n\n.vwb-main-image \u003e img,\n.vwb-carry-image \u003e img,\n.vwb-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.vwb-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 72% 23%,\n rgba(236,161,108,.36),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 25% 80%,\n rgba(72,115,141,.34),\n transparent 28%\n ),\n\n linear-gradient(\n 135deg,\n #14364b,\n #3b647d 48%,\n #d6a981\n );\n\n}\n\n\n.vwb-placeholder--dark{\n\n background:\n\n radial-gradient(\n circle at 76% 22%,\n rgba(236,161,108,.24),\n transparent 25%\n ),\n\n linear-gradient(\n 145deg,\n #061b2b,\n #11384d 55%,\n #54778c\n );\n\n}\n\n\n.vwb-placeholder strong{\n\n font-size:17px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vwb-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 标题在上\n 正文在下\n========================================================= *\/\n\n.vwb-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.vwb-intro-title{\n\n width:100%;\n\n max-width:950px;\n\n text-align:left;\n\n}\n\n\n.vwb-small-label{\n\n display:block;\n\n margin-bottom:17px;\n\n color:var(--vwb-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vwb-intro h2,\n.vwb-carry h2,\n.vwb-journey h2{\n\n margin:0;\n\n color:var(--vwb-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.vwb-intro h2 strong,\n.vwb-carry h2 strong,\n.vwb-journey h2 strong{\n\n display:block;\n\n color:var(--vwb-blue);\n\n}\n\n\n.vwb-intro-text{\n\n width:100%;\n\n max-width:850px;\n\n text-align:left;\n\n}\n\n\n.vwb-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.vwb-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.vwb-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:28px;\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.vwb-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.vwb-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.vwb-feature-icon{\n\n width:56px;\n height:56px;\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(--vwb-navy),\n var(--vwb-blue)\n );\n\n box-shadow:\n 0 14px 30px\n rgba(13,44,63,.18);\n\n}\n\n\n.vwb-feature:nth-child(2) .vwb-feature-icon,\n.vwb-feature:nth-child(4) .vwb-feature-icon{\n\n background:\n linear-gradient(\n 135deg,\n #dc8958,\n #efb27f\n );\n\n}\n\n\n.vwb-feature-body{\n\n min-width:0;\n\n}\n\n\n.vwb-feature h3{\n\n margin:\n 0 0 13px;\n\n color:var(--vwb-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.vwb-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 CARRY DARK SECTION\n========================================================= *\/\n\n.vwb-carry{\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:44px;\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.vwb-carry::after{\n\n content:\"\";\n\n position:absolute;\n\n width:360px;\n height:360px;\n\n right:-130px;\n top:-140px;\n\n border-radius:50%;\n\n background:\n radial-gradient(\n circle,\n rgba(236,161,108,.27),\n transparent 70%\n );\n\n}\n\n\n.vwb-carry-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.vwb-carry h2{\n\n color:#fff;\n\n text-align:left;\n\n}\n\n\n.vwb-carry h2 strong{\n\n color:#efb080;\n\n}\n\n\n.vwb-carry-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 CARRY CARDS\n 默认上下排列\n========================================================= *\/\n\n.vwb-carry-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.vwb-carry-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.vwb-carry-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(--vwb-orange);\n\n color:#fff;\n\n font-size:10px;\n\n font-weight:900;\n\n}\n\n\n.vwb-carry-text{\n\n flex:1;\n\n min-width:0;\n\n text-align:left;\n\n}\n\n\n.vwb-carry-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 overflow-wrap:normal;\n\n}\n\n\n.vwb-carry-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 JOURNEY\n========================================================= *\/\n\n.vwb-journey{\n\n padding:\n 125px 20px;\n\n}\n\n\n.vwb-journey-heading{\n\n max-width:860px;\n\n margin:0;\n\n text-align:left;\n\n}\n\n\n.vwb-journey-heading \u003e span{\n\n color:var(--vwb-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vwb-journey-heading h2{\n\n margin-top:18px;\n\n text-align:left;\n\n}\n\n\n.vwb-journey-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.vwb-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.vwb-journey-grid article{\n\n min-width:0;\n\n padding:\n 34px 25px;\n\n text-align:left;\n\n border-radius:26px;\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.vwb-journey-icon{\n\n margin-bottom:13px;\n\n font-size:27px;\n\n}\n\n\n.vwb-journey-grid strong{\n\n display:block;\n\n margin-bottom:8px;\n\n color:var(--vwb-navy);\n\n font-size:15px;\n\n line-height:1.35;\n\n text-align:left;\n\n}\n\n\n.vwb-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.vwb-final{\n\n overflow:hidden;\n\n border-radius:42px;\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 全部左对齐\n========================================================= *\/\n\n.vwb-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,161,108,.14),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 88% 85%,\n rgba(54,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.vwb-final-content::before{\n\n content:\"\";\n\n position:absolute;\n\n width:270px;\n height:270px;\n\n right:-105px;\n top:-125px;\n\n border-radius:50%;\n\n border:\n 1px solid\n rgba(54,95,121,.08);\n\n}\n\n\n.vwb-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,161,108,.12);\n\n}\n\n\n\/* =========================================================\n FINAL TOP LABEL\n========================================================= *\/\n\n.vwb-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.vwb-final-line{\n\n width:45px;\n height:1px;\n\n flex:none;\n\n background:\n linear-gradient(\n 90deg,\n var(--vwb-orange),\n transparent\n );\n\n}\n\n\n.vwb-final-label{\n\n color:var(--vwb-orange);\n\n font-size:10px;\n\n font-weight:900;\n\n letter-spacing:2.8px;\n\n}\n\n\n\/* =========================================================\n FINAL ICON\n========================================================= *\/\n\n.vwb-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:19px;\n\n color:#fff;\n\n font-size:23px;\n\n background:\n linear-gradient(\n 135deg,\n var(--vwb-navy),\n var(--vwb-blue)\n );\n\n box-shadow:\n 0 15px 32px\n rgba(11,42,64,.18);\n\n}\n\n\n\/* =========================================================\n FINAL TITLE\n========================================================= *\/\n\n.vwb-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(--vwb-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 word-break:normal;\n\n overflow-wrap:normal;\n\n hyphens:none;\n\n}\n\n\n.vwb-final-content h2 strong{\n\n display:block;\n\n margin-top:5px;\n\n color:var(--vwb-blue);\n\n}\n\n\n\/* =========================================================\n FINAL COPY\n========================================================= *\/\n\n.vwb-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\/* =========================================================\n FINAL BENEFITS\n========================================================= *\/\n\n.vwb-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.vwb-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.vwb-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(--vwb-orange);\n\n}\n\n\n\/* =========================================================\n END\n========================================================= *\/\n\n.vwb-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.vwb-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.vwb-end p{\n\n margin:0;\n\n color:var(--vwb-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.vwb-end p span{\n\n margin:\n 0 10px;\n\n color:var(--vwb-orange);\n\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media(max-width:980px){\n\n .vwb-container{\n\n width:\n calc(100% - 28px);\n\n padding:\n 50px 0;\n\n }\n\n\n .vwb-features{\n\n grid-template-columns:\n repeat(\n 2,\n minmax(0,1fr)\n );\n\n }\n\n\n .vwb-carry{\n\n grid-template-columns:\n 1fr;\n\n gap:40px;\n\n padding:35px;\n\n }\n\n\n .vwb-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\n@container (max-width:720px){\n\n\n \/* HERO *\/\n\n .vwb-hero{\n\n padding:\n 50px 12px\n 60px;\n\n }\n\n\n \/* INTRO *\/\n\n .vwb-intro{\n\n padding:\n 75px 10px;\n\n gap:28px;\n\n }\n\n\n \/* FEATURE CARDS 全部上下排列 *\/\n\n .vwb-features{\n\n grid-template-columns:\n 1fr;\n\n gap:14px;\n\n margin-bottom:70px;\n\n }\n\n\n .vwb-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 .vwb-carry{\n\n grid-template-columns:\n 1fr;\n\n gap:36px;\n\n padding:18px;\n\n border-radius:29px;\n\n }\n\n\n .vwb-carry-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n \/* CARRY CARDS 上下排列 *\/\n\n .vwb-carry-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vwb-carry-item{\n\n width:100%;\n\n }\n\n\n \/* JOURNEY CARDS 上下排列 *\/\n\n .vwb-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 .vwb-container{\n\n width:\n calc(100% - 20px);\n\n padding:\n 30px 0\n 45px;\n\n }\n\n\n \/* =======================================================\n HERO\n ======================================================= *\/\n\n .vwb-hero{\n\n padding:\n 45px 8px\n 55px;\n\n }\n\n\n .vwb-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 .vwb-eyebrow span{\n\n width:25px;\n\n }\n\n\n .vwb-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 .vwb-hero-copy{\n\n max-width:100%;\n\n font-size:16px;\n\n }\n\n\n \/* =======================================================\n IMAGE 1\n ======================================================= *\/\n\n .vwb-main-image{\n\n border-radius:25px;\n\n }\n\n\n \/* =======================================================\n INTRO\n ======================================================= *\/\n\n .vwb-intro{\n\n padding:\n 65px 8px;\n\n gap:25px;\n\n }\n\n\n .vwb-small-label{\n\n font-size:9px;\n\n letter-spacing:2.4px;\n\n }\n\n\n .vwb-intro h2,\n .vwb-carry h2,\n .vwb-journey 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 .vwb-intro-text{\n\n max-width:100%;\n\n }\n\n\n .vwb-intro-text p{\n\n max-width:100%;\n\n font-size:15px;\n\n line-height:1.8;\n\n }\n\n\n \/* =======================================================\n FEATURES\n ======================================================= *\/\n\n .vwb-features{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vwb-feature{\n\n width:100%;\n\n padding:\n 27px 24px;\n\n }\n\n\n .vwb-feature h3{\n\n font-size:18px;\n\n }\n\n\n \/* =======================================================\n CARRY SECTION\n ======================================================= *\/\n\n .vwb-carry{\n\n grid-template-columns:\n 1fr;\n\n gap:35px;\n\n padding:18px;\n\n border-radius:29px;\n\n }\n\n\n .vwb-carry-image{\n\n border-radius:22px;\n\n }\n\n\n .vwb-carry-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n .vwb-carry-content \u003e p{\n\n font-size:15px;\n\n }\n\n\n \/* CARRY CARDS *\/\n\n .vwb-carry-grid{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vwb-carry-item{\n\n width:100%;\n\n padding:16px;\n\n }\n\n\n \/* =======================================================\n JOURNEY\n ======================================================= *\/\n\n .vwb-journey{\n\n padding:\n 80px 8px;\n\n }\n\n\n .vwb-journey-heading{\n\n width:100%;\n\n }\n\n\n .vwb-journey-heading \u003e p{\n\n font-size:15px;\n\n }\n\n\n .vwb-journey-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vwb-journey-grid article{\n\n width:100%;\n\n padding:\n 27px 20px;\n\n }\n\n\n \/* =======================================================\n FINAL\n ======================================================= *\/\n\n .vwb-final{\n\n border-radius:26px;\n\n }\n\n\n .vwb-final-content{\n\n padding:\n 48px 24px\n 42px;\n\n }\n\n\n .vwb-final-topline{\n\n gap:8px;\n\n }\n\n\n .vwb-final-line{\n\n width:24px;\n\n }\n\n\n .vwb-final-label{\n\n font-size:8px;\n\n letter-spacing:1.5px;\n\n }\n\n\n .vwb-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 .vwb-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 .vwb-final-content \u003e p{\n\n max-width:100%;\n\n font-size:14px;\n\n }\n\n\n .vwb-final-benefits{\n\n justify-content:flex-start;\n\n gap:9px;\n\n margin-top:26px;\n\n }\n\n\n .vwb-final-benefits span{\n\n font-size:7px;\n\n letter-spacing:1px;\n\n }\n\n\n \/* =======================================================\n END\n ======================================================= *\/\n\n .vwb-end{\n\n gap:8px;\n\n padding-top:45px;\n\n }\n\n\n .vwb-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":67616451723518,"sku":"Voyatral*1","price":24.87,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":67616451756286,"sku":"Voyatral*2","price":42.76,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":67616451789054,"sku":"Voyatral*4","price":73.75,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPTImage2026_9_24_18_34_06_1.png?v=1790665247"},{"product_id":"voyatral™-foldable-backpack-for-travel-and-exploration","title":"Voyatral™ Foldable Backpack for Travel and Exploration","description":"\u003c!-- =========================================================\n VOYATRAL™ FOLDABLE BACKPACK\n========================================================= --\u003e\n\u003csection class=\"voyatral-foldable-backpack-page\"\u003e\n\u003cdiv class=\"vfb-glow vfb-glow--one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vfb-glow vfb-glow--two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vfb-container\"\u003e\n\u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"vfb-hero\"\u003e\n\u003cdiv class=\"vfb-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e TRAVEL ACCESSORIES COLLECTION\u003c\/div\u003e\n\u003ch1\u003eVoyatral™ Foldable \u003cstrong\u003eBackpack\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp class=\"vfb-hero-copy\"\u003eCarry more while keeping your travel gear light, organized, and easy to manage.\u003c\/p\u003e\n\u003cdiv class=\"vfb-tags\"\u003e\n\u003cspan\u003e✈ Travel Ready\u003c\/span\u003e \u003cspan\u003e↔ Foldable Design\u003c\/span\u003e \u003cspan\u003e🎒 Lightweight Carry\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 1\n 1:1 + 完全撑满\n ====================================================== --\u003e\n\u003csection class=\"vfb-main-image\"\u003e\n\u003cdiv class=\"vfb-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_18_48_36_5.png?v=1790665816\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n 标题在上\n 正文在下\n ====================================================== --\u003e\n\u003csection class=\"vfb-intro\"\u003e\n\u003cdiv class=\"vfb-intro-title\"\u003e\n\u003cspan class=\"vfb-small-label\"\u003e EXTRA STORAGE WHEN YOU NEED IT \u003c\/span\u003e\n\u003ch2\u003eLightweight To Carry. \u003cstrong\u003e Ready For More. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vfb-intro-text\"\u003e\n\u003cp\u003eThe Voyatral™ Foldable Backpack is designed for travel, city exploration, outdoor activities, and everyday use, providing practical extra storage whenever you need it.\u003c\/p\u003e\n\u003cp\u003eIts lightweight construction and multiple compartments help organize clothing, travel accessories, electronics, and daily essentials, while the comfortable shoulder straps make it easy to carry during longer journeys.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FEATURES\n ====================================================== --\u003e\n\u003csection class=\"vfb-features\"\u003e\n\u003carticle class=\"vfb-feature\"\u003e\u003cspan class=\"vfb-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vfb-feature-icon\"\u003e↔\u003c\/div\u003e\n\u003cdiv class=\"vfb-feature-body\"\u003e\n\u003ch3\u003eFoldable Design\u003c\/h3\u003e\n\u003cp\u003eFolds down into a compact size for convenient storage inside luggage or carry-on bags.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"vfb-feature\"\u003e\u003cspan class=\"vfb-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vfb-feature-icon\"\u003e🎒\u003c\/div\u003e\n\u003cdiv class=\"vfb-feature-body\"\u003e\n\u003ch3\u003eLightweight Carry\u003c\/h3\u003e\n\u003cp\u003eDesigned to provide useful extra storage without adding unnecessary weight to your trip.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"vfb-feature\"\u003e\u003cspan class=\"vfb-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vfb-feature-icon\"\u003e▦\u003c\/div\u003e\n\u003cdiv class=\"vfb-feature-body\"\u003e\n\u003ch3\u003eMultiple Compartments\u003c\/h3\u003e\n\u003cp\u003eOrganize clothing, electronics, accessories, and everyday essentials more efficiently.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"vfb-feature\"\u003e\u003cspan class=\"vfb-feature-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vfb-feature-icon\"\u003e✈\u003c\/div\u003e\n\u003cdiv class=\"vfb-feature-body\"\u003e\n\u003ch3\u003eTravel Friendly\u003c\/h3\u003e\n\u003cp\u003eIdeal for flights, sightseeing, shopping, outdoor activities, and everyday use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 2 + FOLD SECTION\n ====================================================== --\u003e\n\u003csection class=\"vfb-fold\"\u003e\u003c!-- IMAGE 2 --\u003e\n\u003cdiv class=\"vfb-fold-image\"\u003e\n\u003cdiv class=\"vfb-placeholder vfb-placeholder--dark\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_18_48_38_7.png?v=1790665816\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CONTENT --\u003e\n\u003cdiv class=\"vfb-fold-content\"\u003e\n\u003cspan class=\"vfb-small-label\"\u003e PACK SMALL. OPEN BIG. \u003c\/span\u003e\n\u003ch2\u003eCompact In Your Luggage. \u003cstrong\u003e Spacious When You Need It. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhen not in use, the backpack folds down into a compact size for convenient storage inside luggage or carry-on bags, making it a practical backup bag for trips and unexpected extra items.\u003c\/p\u003e\n\u003c!-- FOLD CARDS --\u003e\n\u003cdiv class=\"vfb-fold-grid\"\u003e\n\u003cdiv class=\"vfb-fold-item\"\u003e\n\u003cspan class=\"vfb-fold-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vfb-fold-text\"\u003e\n\u003cstrong\u003e Fold \u003c\/strong\u003e \u003csmall\u003e Pack the backpack into a more compact shape. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vfb-fold-item\"\u003e\n\u003cspan class=\"vfb-fold-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vfb-fold-text\"\u003e\n\u003cstrong\u003e Store \u003c\/strong\u003e \u003csmall\u003e Keep it inside luggage until extra space is needed. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vfb-fold-item\"\u003e\n\u003cspan class=\"vfb-fold-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vfb-fold-text\"\u003e\n\u003cstrong\u003e Unfold \u003c\/strong\u003e \u003csmall\u003e Quickly open the backpack for additional storage. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vfb-fold-item\"\u003e\n\u003cspan class=\"vfb-fold-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vfb-fold-text\"\u003e\n\u003cstrong\u003e Carry \u003c\/strong\u003e \u003csmall\u003e Use it for sightseeing, shopping, and travel days. \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 TRAVEL SECTION\n ====================================================== --\u003e\n\u003csection class=\"vfb-travel\"\u003e\n\u003cdiv class=\"vfb-travel-heading\"\u003e\n\u003cspan\u003e MADE FOR FLEXIBLE TRAVEL \u003c\/span\u003e\n\u003ch2\u003eOne Backpack. \u003cstrong\u003e More Ways To Explore. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you are exploring a new city, heading outdoors, shopping, or preparing for a flight, Voyatral™ helps you carry your essentials with greater flexibility and convenience.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vfb-travel-grid\"\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vfb-travel-icon\"\u003e🏙\u003c\/div\u003e\n\u003cstrong\u003e City Exploration \u003c\/strong\u003e \u003cspan\u003e Carry everyday essentials while exploring new places. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vfb-travel-icon\"\u003e🌿\u003c\/div\u003e\n\u003cstrong\u003e Outdoor Activities \u003c\/strong\u003e \u003cspan\u003e Lightweight extra storage for walks and casual adventures. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vfb-travel-icon\"\u003e🛍\u003c\/div\u003e\n\u003cstrong\u003e Shopping \u003c\/strong\u003e \u003cspan\u003e Useful backup storage for purchases and extra items. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vfb-travel-icon\"\u003e✈\u003c\/div\u003e\n\u003cstrong\u003e Flight Days \u003c\/strong\u003e \u003cspan\u003e Keep travel essentials organized and close at hand. \u003c\/span\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL\n 文案在上\n IMAGE 3 在下\n ====================================================== --\u003e\n\u003csection class=\"vfb-final\"\u003e\u003c!-- FINAL CONTENT --\u003e\n\u003cdiv class=\"vfb-final-content\"\u003e\n\u003cdiv class=\"vfb-final-topline\"\u003e\n\u003cspan class=\"vfb-final-line\"\u003e\u003c\/span\u003e \u003cspan class=\"vfb-final-label\"\u003e VOYATRAL™ TRAVEL ACCESSORIES \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vfb-final-icon\"\u003e🎒\u003c\/div\u003e\n\u003ch2\u003eCarry More. \u003cstrong\u003e Travel Light. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom airport days and city exploration to shopping and outdoor activities, Voyatral™ gives you flexible extra storage whenever your journey needs it.\u003c\/p\u003e\n\u003cdiv class=\"vfb-final-benefits\"\u003e\n\u003cspan\u003e FOLDABLE DESIGN \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e LIGHTWEIGHT CARRY \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e EXTRA STORAGE \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- IMAGE 3 --\u003e\n\u003cdiv class=\"vfb-final-image\"\u003e\n\u003cdiv class=\"vfb-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_18_48_37_6.png?v=1790665816\" 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=\"vfb-end\"\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eFOLD \u003cspan\u003e•\u003c\/span\u003e CARRY \u003cspan\u003e•\u003c\/span\u003e EXPLORE\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-foldable-backpack-page{\n\n --vfb-navy:#0b2a40;\n --vfb-deep:#061c2c;\n\n --vfb-blue:#365f79;\n --vfb-bluegray:#94a9b6;\n\n --vfb-cream:#faf7f1;\n --vfb-beige:#dfcfbd;\n\n --vfb-orange:#eca16c;\n --vfb-gold:#efbd89;\n\n --vfb-white:#ffffff;\n --vfb-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(--vfb-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% 43%,\n rgba(54,95,121,.16),\n transparent 28%\n ),\n\n linear-gradient(\n 180deg,\n #fffdf9 0%,\n #f8f5ef 50%,\n #edf3f6 100%\n );\n\n}\n\n\n\/* =========================================================\n GLOBAL\n========================================================= *\/\n\n.voyatral-foldable-backpack-page *,\n.voyatral-foldable-backpack-page *::before,\n.voyatral-foldable-backpack-page *::after{\n\n box-sizing:border-box;\n\n}\n\n\n\/* =========================================================\n CONTAINER\n========================================================= *\/\n\n.vfb-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.vfb-glow{\n\n position:absolute;\n\n border-radius:50%;\n\n pointer-events:none;\n\n filter:blur(30px);\n\n}\n\n\n.vfb-glow--one{\n\n width:500px;\n height:500px;\n\n left:-260px;\n top:650px;\n\n background:\n rgba(236,161,108,.14);\n\n}\n\n\n.vfb-glow--two{\n\n width:550px;\n height:550px;\n\n right:-280px;\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.vfb-hero{\n\n max-width:1000px;\n\n text-align:left;\n\n padding:\n 65px 20px\n 80px;\n\n}\n\n\n.vfb-eyebrow{\n\n display:flex;\n\n align-items:center;\n\n justify-content:flex-start;\n\n gap:14px;\n\n color:var(--vfb-blue);\n\n font-size:11px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vfb-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(--vfb-orange),\n transparent\n );\n\n}\n\n\n.vfb-hero h1{\n\n max-width:1000px;\n\n margin:\n 28px 0 0;\n\n color:var(--vfb-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.vfb-hero h1 strong{\n\n display:block;\n\n margin-top:8px;\n\n background:\n linear-gradient(\n 90deg,\n var(--vfb-blue),\n #6b8799,\n var(--vfb-orange)\n );\n\n -webkit-background-clip:text;\n background-clip:text;\n\n color:transparent;\n\n}\n\n\n.vfb-hero-copy{\n\n max-width:760px;\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.vfb-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.vfb-tags span{\n\n padding:\n 11px 17px;\n\n border-radius:999px;\n\n color:var(--vfb-navy);\n\n font-size:12px;\n\n font-weight:700;\n\n background:\n rgba(255,255,255,.80);\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.vfb-main-image,\n.vfb-fold-image,\n.vfb-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:#e5edf0;\n\n}\n\n\n.vfb-main-image{\n\n border-radius:38px;\n\n box-shadow:\n 0 36px 90px\n rgba(16,46,65,.14);\n\n}\n\n\n.vfb-fold-image{\n\n z-index:2;\n\n border-radius:32px;\n\n}\n\n\n.vfb-final-image{\n\n border-radius:0;\n\n}\n\n\n\/* =========================================================\n REAL IMAGES\n 完全撑满图片容器\n========================================================= *\/\n\n.vfb-main-image \u003e img,\n.vfb-fold-image \u003e img,\n.vfb-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.vfb-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 72% 24%,\n rgba(236,161,108,.36),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 25% 80%,\n rgba(72,115,141,.34),\n transparent 28%\n ),\n\n linear-gradient(\n 135deg,\n #14364b,\n #3b647d 48%,\n #d6a981\n );\n\n}\n\n\n.vfb-placeholder--dark{\n\n background:\n\n radial-gradient(\n circle at 76% 22%,\n rgba(236,161,108,.24),\n transparent 25%\n ),\n\n linear-gradient(\n 145deg,\n #061b2b,\n #11384d 55%,\n #54778c\n );\n\n}\n\n\n.vfb-placeholder strong{\n\n font-size:17px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vfb-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 标题在上 + 正文在下\n========================================================= *\/\n\n.vfb-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.vfb-intro-title{\n\n width:100%;\n\n max-width:920px;\n\n text-align:left;\n\n}\n\n\n.vfb-small-label{\n\n display:block;\n\n margin-bottom:17px;\n\n color:var(--vfb-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vfb-intro h2,\n.vfb-fold h2,\n.vfb-travel h2{\n\n margin:0;\n\n color:var(--vfb-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.vfb-intro h2 strong,\n.vfb-fold h2 strong,\n.vfb-travel h2 strong{\n\n display:block;\n\n color:var(--vfb-blue);\n\n}\n\n\n.vfb-intro-text{\n\n width:100%;\n\n max-width:850px;\n\n text-align:left;\n\n}\n\n\n.vfb-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.vfb-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.vfb-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:28px;\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.vfb-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.vfb-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.vfb-feature-icon{\n\n width:56px;\n height:56px;\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(--vfb-navy),\n var(--vfb-blue)\n );\n\n box-shadow:\n 0 14px 30px\n rgba(13,44,63,.18);\n\n}\n\n\n.vfb-feature:nth-child(2) .vfb-feature-icon,\n.vfb-feature:nth-child(4) .vfb-feature-icon{\n\n background:\n linear-gradient(\n 135deg,\n #dc8958,\n #efb27f\n );\n\n}\n\n\n.vfb-feature-body{\n\n min-width:0;\n\n}\n\n\n.vfb-feature h3{\n\n margin:\n 0 0 13px;\n\n color:var(--vfb-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.vfb-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 FOLD DARK SECTION\n========================================================= *\/\n\n.vfb-fold{\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:44px;\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.vfb-fold::after{\n\n content:\"\";\n\n position:absolute;\n\n width:360px;\n height:360px;\n\n right:-130px;\n top:-140px;\n\n border-radius:50%;\n\n background:\n radial-gradient(\n circle,\n rgba(236,161,108,.27),\n transparent 70%\n );\n\n}\n\n\n.vfb-fold-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.vfb-fold h2{\n\n color:#fff;\n\n text-align:left;\n\n}\n\n\n.vfb-fold h2 strong{\n\n color:#efb080;\n\n}\n\n\n.vfb-fold-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 FOLD ITEMS\n 默认就是上下排列\n========================================================= *\/\n\n.vfb-fold-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.vfb-fold-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.vfb-fold-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(--vfb-orange);\n\n color:#fff;\n\n font-size:10px;\n\n font-weight:900;\n\n}\n\n\n.vfb-fold-text{\n\n flex:1;\n\n min-width:0;\n\n text-align:left;\n\n}\n\n\n.vfb-fold-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.vfb-fold-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 TRAVEL SECTION\n========================================================= *\/\n\n.vfb-travel{\n\n padding:\n 125px 20px;\n\n}\n\n\n.vfb-travel-heading{\n\n max-width:860px;\n\n margin:0;\n\n text-align:left;\n\n}\n\n\n.vfb-travel-heading \u003e span{\n\n color:var(--vfb-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vfb-travel-heading h2{\n\n margin-top:18px;\n\n text-align:left;\n\n}\n\n\n.vfb-travel-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.vfb-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.vfb-travel-grid article{\n\n min-width:0;\n\n padding:\n 34px 25px;\n\n text-align:left;\n\n border-radius:26px;\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.vfb-travel-icon{\n\n margin-bottom:13px;\n\n font-size:27px;\n\n}\n\n\n.vfb-travel-grid strong{\n\n display:block;\n\n margin-bottom:8px;\n\n color:var(--vfb-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.vfb-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.vfb-final{\n\n overflow:hidden;\n\n border-radius:42px;\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 左对齐\n========================================================= *\/\n\n.vfb-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,161,108,.14),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 88% 85%,\n rgba(54,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.vfb-final-content::before{\n\n content:\"\";\n\n position:absolute;\n\n width:270px;\n height:270px;\n\n right:-105px;\n top:-125px;\n\n border-radius:50%;\n\n border:\n 1px solid\n rgba(54,95,121,.08);\n\n}\n\n\n.vfb-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,161,108,.12);\n\n}\n\n\n\/* FINAL TOPLINE *\/\n\n.vfb-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.vfb-final-line{\n\n width:45px;\n height:1px;\n\n flex:none;\n\n background:\n linear-gradient(\n 90deg,\n var(--vfb-orange),\n transparent\n );\n\n}\n\n\n.vfb-final-label{\n\n color:var(--vfb-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.vfb-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:19px;\n\n color:#fff;\n\n font-size:23px;\n\n background:\n linear-gradient(\n 135deg,\n var(--vfb-navy),\n var(--vfb-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.vfb-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(--vfb-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.vfb-final-content h2 strong{\n\n display:block;\n\n margin-top:5px;\n\n color:var(--vfb-blue);\n\n}\n\n\n\/* FINAL COPY *\/\n\n.vfb-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.vfb-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.vfb-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.vfb-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(--vfb-orange);\n\n}\n\n\n\/* =========================================================\n END\n========================================================= *\/\n\n.vfb-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.vfb-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.vfb-end p{\n\n margin:0;\n\n color:var(--vfb-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.vfb-end p span{\n\n margin:\n 0 10px;\n\n color:var(--vfb-orange);\n\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media(max-width:980px){\n\n .vfb-container{\n\n width:\n calc(100% - 28px);\n\n padding:\n 50px 0;\n\n }\n\n\n .vfb-features{\n\n grid-template-columns:\n repeat(\n 2,\n minmax(0,1fr)\n );\n\n }\n\n\n .vfb-fold{\n\n grid-template-columns:\n 1fr;\n\n gap:40px;\n\n padding:35px;\n\n }\n\n\n .vfb-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@container (max-width:720px){\n\n\n .vfb-hero{\n\n padding:\n 50px 12px\n 60px;\n\n }\n\n\n .vfb-intro{\n\n padding:\n 75px 10px;\n\n gap:28px;\n\n }\n\n\n \/* FEATURE 全部上下排列 *\/\n\n .vfb-features{\n\n grid-template-columns:\n 1fr;\n\n gap:14px;\n\n margin-bottom:70px;\n\n }\n\n\n .vfb-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 .vfb-fold{\n\n grid-template-columns:\n 1fr;\n\n gap:36px;\n\n padding:18px;\n\n border-radius:29px;\n\n }\n\n\n .vfb-fold-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n \/* Fold 01–04 上下排列 *\/\n\n .vfb-fold-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vfb-fold-item{\n\n width:100%;\n\n }\n\n\n \/* Travel cards 上下排列 *\/\n\n .vfb-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 .vfb-container{\n\n width:\n calc(100% - 20px);\n\n padding:\n 30px 0\n 45px;\n\n }\n\n\n \/* HERO *\/\n\n .vfb-hero{\n\n padding:\n 45px 8px\n 55px;\n\n }\n\n\n .vfb-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 .vfb-eyebrow span{\n\n width:25px;\n\n }\n\n\n .vfb-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 .vfb-hero-copy{\n\n max-width:100%;\n\n font-size:16px;\n\n }\n\n\n \/* IMAGE *\/\n\n .vfb-main-image{\n\n border-radius:25px;\n\n }\n\n\n \/* INTRO *\/\n\n .vfb-intro{\n\n padding:\n 65px 8px;\n\n gap:25px;\n\n }\n\n\n .vfb-small-label{\n\n font-size:9px;\n\n letter-spacing:2.4px;\n\n }\n\n\n .vfb-intro h2,\n .vfb-fold h2,\n .vfb-travel 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 .vfb-intro-text{\n\n max-width:100%;\n\n }\n\n\n .vfb-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 .vfb-features{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vfb-feature{\n\n width:100%;\n\n padding:\n 27px 24px;\n\n }\n\n\n .vfb-feature h3{\n\n font-size:18px;\n\n }\n\n\n \/* FOLD *\/\n\n .vfb-fold{\n\n grid-template-columns:\n 1fr;\n\n gap:35px;\n\n padding:18px;\n\n border-radius:29px;\n\n }\n\n\n .vfb-fold-image{\n\n border-radius:22px;\n\n }\n\n\n .vfb-fold-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n .vfb-fold-content \u003e p{\n\n font-size:15px;\n\n }\n\n\n .vfb-fold-grid{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vfb-fold-item{\n\n width:100%;\n\n padding:16px;\n\n }\n\n\n \/* TRAVEL *\/\n\n .vfb-travel{\n\n padding:\n 80px 8px;\n\n }\n\n\n .vfb-travel-heading{\n\n width:100%;\n\n }\n\n\n .vfb-travel-heading \u003e p{\n\n font-size:15px;\n\n }\n\n\n .vfb-travel-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vfb-travel-grid article{\n\n width:100%;\n\n padding:\n 27px 20px;\n\n }\n\n\n \/* FINAL *\/\n\n .vfb-final{\n\n border-radius:26px;\n\n }\n\n\n .vfb-final-content{\n\n padding:\n 48px 24px\n 42px;\n\n }\n\n\n .vfb-final-topline{\n\n gap:8px;\n\n }\n\n\n .vfb-final-line{\n\n width:24px;\n\n }\n\n\n .vfb-final-label{\n\n font-size:8px;\n\n letter-spacing:1.5px;\n\n }\n\n\n .vfb-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 .vfb-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 .vfb-final-content \u003e p{\n\n max-width:100%;\n\n font-size:14px;\n\n }\n\n\n .vfb-final-benefits{\n\n justify-content:flex-start;\n\n gap:9px;\n\n margin-top:26px;\n\n }\n\n\n .vfb-final-benefits span{\n\n font-size:7px;\n\n letter-spacing:1px;\n\n }\n\n\n \/* END *\/\n\n .vfb-end{\n\n gap:8px;\n\n padding-top:45px;\n\n }\n\n\n .vfb-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":67616459981054,"sku":"Voyatral*1","price":29.99,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":67616460013822,"sku":"Voyatral*2","price":49.99,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":67616460046590,"sku":"Voyatral*4","price":84.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/1_cc53c40d-2ae9-4d68-97fa-98b87a8ef49e.png?v=1790665677"},{"product_id":"voyatral™-travel-shoe-bag-for-clean-and-organized-packing","title":"Voyatral™ Travel Shoe Bag for Clean and Organized Packing","description":"\u003c!-- =========================================================\n VOYATRAL™ TRAVEL SHOE BAG\n========================================================= --\u003e\n\u003csection class=\"voyatral-shoe-bag-page\"\u003e\n\u003cdiv class=\"vsb-glow vsb-glow--one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vsb-glow vsb-glow--two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vsb-container\"\u003e\n\u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"vsb-hero\"\u003e\n\u003cdiv class=\"vsb-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e TRAVEL ACCESSORIES COLLECTION\u003c\/div\u003e\n\u003ch1\u003eVoyatral™ Travel \u003cstrong\u003eShoe Bag\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp class=\"vsb-hero-copy\"\u003eKeep your luggage clean and organized wherever your journey takes you.\u003c\/p\u003e\n\u003cdiv class=\"vsb-tags\"\u003e\n\u003cspan\u003e👟 Shoe Organization\u003c\/span\u003e \u003cspan\u003e🧳 Cleaner Luggage\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=\"vsb-main-image\"\u003e\n\u003cdiv class=\"vsb-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/6_d2a031f1-962b-4390-b355-6bc3f5d73cd5.png?v=1790665834\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n 标题在上\n 正文在下\n ====================================================== --\u003e\n\u003csection class=\"vsb-intro\"\u003e\n\u003cdiv class=\"vsb-intro-title\"\u003e\n\u003cspan class=\"vsb-small-label\"\u003e KEEP SHOES SEPARATE \u003c\/span\u003e\n\u003ch2\u003eCleaner Luggage. \u003cstrong\u003e Smarter Packing. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vsb-intro-text\"\u003e\n\u003cp\u003eThe Voyatral™ Travel Shoe Bag is designed for travel, business trips, gym use, and everyday storage, helping keep shoes separated from clothing and other personal items.\u003c\/p\u003e\n\u003cp\u003eThe structured interior provides dedicated space for footwear while helping reduce contact with dust and dirt inside your luggage.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FEATURES\n ====================================================== --\u003e\n\u003csection class=\"vsb-features\"\u003e\u003c!-- 01 --\u003e\n\u003carticle class=\"vsb-feature\"\u003e\u003cspan class=\"vsb-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vsb-feature-icon\"\u003e👟\u003c\/div\u003e\n\u003cdiv class=\"vsb-feature-body\"\u003e\n\u003ch3\u003eDedicated Shoe Storage\u003c\/h3\u003e\n\u003cp\u003eKeep footwear separated from clothing, accessories, and other travel essentials.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"vsb-feature\"\u003e\u003cspan class=\"vsb-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vsb-feature-icon\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"vsb-feature-body\"\u003e\n\u003ch3\u003eStructured Interior\u003c\/h3\u003e\n\u003cp\u003eDedicated interior space helps keep shoes arranged and easier to manage while traveling.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"vsb-feature\"\u003e\u003cspan class=\"vsb-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vsb-feature-icon\"\u003e◫\u003c\/div\u003e\n\u003cdiv class=\"vsb-feature-body\"\u003e\n\u003ch3\u003eCompact For Luggage\u003c\/h3\u003e\n\u003cp\u003eA practical shape designed to fit easily inside suitcases and larger travel bags.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"vsb-feature\"\u003e\u003cspan class=\"vsb-feature-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vsb-feature-icon\"\u003e↗\u003c\/div\u003e\n\u003cdiv class=\"vsb-feature-body\"\u003e\n\u003ch3\u003eEasy To Carry\u003c\/h3\u003e\n\u003cp\u003eA convenient carry handle makes packing, transporting, and storing footwear easier.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 2 + STORAGE\n ====================================================== --\u003e\n\u003csection class=\"vsb-storage\"\u003e\u003c!-- IMAGE 2 --\u003e\n\u003cdiv class=\"vsb-storage-image\"\u003e\n\u003cdiv class=\"vsb-placeholder vsb-placeholder--dark\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/7_55a0fd80-5038-47e6-9be1-d7cb363a5390.png?v=1790665835\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CONTENT --\u003e\n\u003cdiv class=\"vsb-storage-content\"\u003e\n\u003cspan class=\"vsb-small-label\"\u003e DESIGNED AROUND YOUR FOOTWEAR \u003c\/span\u003e\n\u003ch2\u003eShoes In Their Place. \u003cstrong\u003e Luggage Kept Neater. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe structured interior helps create dedicated storage for footwear, making it easier to keep shoes separated from clean clothing and other personal belongings.\u003c\/p\u003e\n\u003c!-- STORAGE CARDS --\u003e\n\u003cdiv class=\"vsb-storage-grid\"\u003e\n\u003cdiv class=\"vsb-storage-item\"\u003e\n\u003cspan class=\"vsb-storage-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vsb-storage-text\"\u003e\n\u003cstrong\u003e Sneakers \u003c\/strong\u003e \u003csmall\u003e Keep everyday footwear organized while traveling. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vsb-storage-item\"\u003e\n\u003cspan class=\"vsb-storage-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vsb-storage-text\"\u003e\n\u003cstrong\u003e Casual Shoes \u003c\/strong\u003e \u003csmall\u003e Separate footwear from clothing and accessories. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vsb-storage-item\"\u003e\n\u003cspan class=\"vsb-storage-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vsb-storage-text\"\u003e\n\u003cstrong\u003e Slippers \u003c\/strong\u003e \u003csmall\u003e Keep lighter footwear neatly stored and accessible. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vsb-storage-item\"\u003e\n\u003cspan class=\"vsb-storage-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vsb-storage-text\"\u003e\n\u003cstrong\u003e Travel Footwear \u003c\/strong\u003e \u003csmall\u003e Organize shoes for business, leisure, or gym use. \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 TRAVEL USE\n ====================================================== --\u003e\n\u003csection class=\"vsb-travel\"\u003e\n\u003cdiv class=\"vsb-travel-heading\"\u003e\n\u003cspan\u003e MADE FOR EVERYDAY TRAVEL \u003c\/span\u003e\n\u003ch2\u003eOne Shoe Bag. \u003cstrong\u003e More Organized Journeys. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you are preparing for a weekend getaway, business trip, or longer vacation, Voyatral™ helps keep your footwear protected and your luggage neat and organized.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vsb-travel-grid\"\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vsb-travel-icon\"\u003e✈\u003c\/div\u003e\n\u003cstrong\u003e Weekend Travel \u003c\/strong\u003e \u003cspan\u003e Keep footwear separate during short trips and getaways. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vsb-travel-icon\"\u003e💼\u003c\/div\u003e\n\u003cstrong\u003e Business Trips \u003c\/strong\u003e \u003cspan\u003e Organize work shoes and casual footwear more efficiently. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vsb-travel-icon\"\u003e🏋\u003c\/div\u003e\n\u003cstrong\u003e Gym Use \u003c\/strong\u003e \u003cspan\u003e Keep workout shoes separated from clothing and gear. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vsb-travel-icon\"\u003e🧳\u003c\/div\u003e\n\u003cstrong\u003e Everyday Storage \u003c\/strong\u003e \u003cspan\u003e Store footwear neatly at home or 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=\"vsb-final\"\u003e\u003c!-- FINAL CONTENT --\u003e\n\u003cdiv class=\"vsb-final-content\"\u003e\n\u003cdiv class=\"vsb-final-topline\"\u003e\n\u003cspan class=\"vsb-final-line\"\u003e\u003c\/span\u003e \u003cspan class=\"vsb-final-label\"\u003e VOYATRAL™ TRAVEL ACCESSORIES \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vsb-final-icon\"\u003e👟\u003c\/div\u003e\n\u003ch2\u003eShoes Organized. \u003cstrong\u003e Luggage Ready. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom weekend trips and business travel to longer vacations, Voyatral™ gives your footwear a dedicated place while helping keep the rest of your luggage cleaner and more organized.\u003c\/p\u003e\n\u003cdiv class=\"vsb-final-benefits\"\u003e\n\u003cspan\u003e SEPARATE STORAGE \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e CLEANER LUGGAGE \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=\"vsb-final-image\"\u003e\n\u003cdiv class=\"vsb-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/8_9ac88463-1471-4f07-93f1-51037938ecb6.png?v=1790665835\" 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=\"vsb-end\"\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eSEPARATE \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™ TRAVEL SHOE BAG\n========================================================= *\/\n\n.voyatral-shoe-bag-page{\n\n --vsb-navy:#0b2a40;\n --vsb-deep:#061c2c;\n\n --vsb-blue:#365f79;\n --vsb-bluegray:#94a9b6;\n\n --vsb-cream:#faf7f1;\n --vsb-beige:#dfcfbd;\n\n --vsb-orange:#eca16c;\n --vsb-gold:#efbd89;\n\n --vsb-white:#ffffff;\n --vsb-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(--vsb-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% 43%,\n rgba(54,95,121,.16),\n transparent 28%\n ),\n\n linear-gradient(\n 180deg,\n #fffdf9 0%,\n #f8f5ef 50%,\n #edf3f6 100%\n );\n\n}\n\n\n\/* =========================================================\n BOX SIZING\n========================================================= *\/\n\n.voyatral-shoe-bag-page *,\n.voyatral-shoe-bag-page *::before,\n.voyatral-shoe-bag-page *::after{\n\n box-sizing:border-box;\n\n}\n\n\n\/* =========================================================\n CONTAINER\n========================================================= *\/\n\n.vsb-container{\n\n width:min(\n 1240px,\n calc(100% - 40px)\n );\n\n margin:0 auto;\n\n padding: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.vsb-glow{\n\n position:absolute;\n\n border-radius:50%;\n\n pointer-events:none;\n\n filter:blur(30px);\n\n}\n\n\n.vsb-glow--one{\n\n width:500px;\n height:500px;\n\n left:-260px;\n top:650px;\n\n background:\n rgba(236,161,108,.14);\n\n}\n\n\n.vsb-glow--two{\n\n width:550px;\n height:550px;\n\n right:-280px;\n top:1800px;\n\n background:\n rgba(54,95,121,.14);\n\n}\n\n\n\/* =========================================================\n HERO\n 全部左对齐\n========================================================= *\/\n\n.vsb-hero{\n\n max-width:1000px;\n\n padding:\n 65px 20px\n 80px;\n\n text-align:left;\n\n}\n\n\n.vsb-eyebrow{\n\n display:flex;\n\n align-items:center;\n\n justify-content:flex-start;\n\n gap:14px;\n\n color:var(--vsb-blue);\n\n font-size:11px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vsb-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(--vsb-orange),\n transparent\n );\n\n}\n\n\n.vsb-hero h1{\n\n max-width:1000px;\n\n margin:\n 28px 0 0;\n\n color:var(--vsb-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.vsb-hero h1 strong{\n\n display:block;\n\n margin-top:8px;\n\n background:\n linear-gradient(\n 90deg,\n var(--vsb-blue),\n #6c8798,\n var(--vsb-orange)\n );\n\n -webkit-background-clip:text;\n background-clip:text;\n\n color:transparent;\n\n}\n\n\n.vsb-hero-copy{\n\n max-width:740px;\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.vsb-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.vsb-tags span{\n\n padding:\n 11px 17px;\n\n border-radius:999px;\n\n color:var(--vsb-navy);\n\n font-size:12px;\n\n font-weight:700;\n\n background:\n rgba(255,255,255,.80);\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 IMAGE CONTAINERS\n 3 张图片统一 1:1\n========================================================= *\/\n\n.vsb-main-image,\n.vsb-storage-image,\n.vsb-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:#e5edf0;\n\n}\n\n\n\/* IMAGE 1 *\/\n\n.vsb-main-image{\n\n border-radius:38px;\n\n box-shadow:\n 0 36px 90px\n rgba(16,46,65,.14);\n\n}\n\n\n\/* IMAGE 2 *\/\n\n.vsb-storage-image{\n\n position:relative;\n\n z-index:2;\n\n border-radius:32px;\n\n}\n\n\n\/* IMAGE 3 *\/\n\n.vsb-final-image{\n\n border-radius:0;\n\n}\n\n\n\/* =========================================================\n ACTUAL IMAGES\n 完整撑满容器\n========================================================= *\/\n\n.vsb-main-image \u003e img,\n.vsb-storage-image \u003e img,\n.vsb-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.vsb-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 72% 24%,\n rgba(236,161,108,.36),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 25% 80%,\n rgba(72,115,141,.34),\n transparent 28%\n ),\n\n linear-gradient(\n 135deg,\n #14364b,\n #3b647d 48%,\n #d6a981\n );\n\n}\n\n\n.vsb-placeholder--dark{\n\n background:\n\n radial-gradient(\n circle at 76% 22%,\n rgba(236,161,108,.24),\n transparent 25%\n ),\n\n linear-gradient(\n 145deg,\n #061b2b,\n #11384d 55%,\n #54778c\n );\n\n}\n\n\n.vsb-placeholder strong{\n\n font-size:17px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vsb-placeholder \u003e span{\n\n margin-top:9px;\n\n font-size:12px;\n\n letter-spacing:.4px;\n\n opacity:.72;\n\n}\n\n\n\/* =========================================================\n INTRO\n 标题 + 正文上下排列\n========================================================= *\/\n\n.vsb-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.vsb-intro-title{\n\n width:100%;\n\n max-width:950px;\n\n text-align:left;\n\n}\n\n\n.vsb-small-label{\n\n display:block;\n\n margin-bottom:17px;\n\n color:var(--vsb-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vsb-intro h2,\n.vsb-storage h2,\n.vsb-travel h2{\n\n margin:0;\n\n color:var(--vsb-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.vsb-intro h2 strong,\n.vsb-storage h2 strong,\n.vsb-travel h2 strong{\n\n display:block;\n\n color:var(--vsb-blue);\n\n}\n\n\n.vsb-intro-text{\n\n width:100%;\n\n max-width:850px;\n\n text-align:left;\n\n}\n\n\n.vsb-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.vsb-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.vsb-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:28px;\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.vsb-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.vsb-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.vsb-feature-icon{\n\n width:56px;\n height:56px;\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(--vsb-navy),\n var(--vsb-blue)\n );\n\n box-shadow:\n 0 14px 30px\n rgba(13,44,63,.18);\n\n}\n\n\n.vsb-feature:nth-child(2) .vsb-feature-icon,\n.vsb-feature:nth-child(4) .vsb-feature-icon{\n\n background:\n linear-gradient(\n 135deg,\n #dc8958,\n #efb27f\n );\n\n}\n\n\n.vsb-feature-body{\n\n min-width:0;\n\n}\n\n\n.vsb-feature h3{\n\n margin:\n 0 0 13px;\n\n color:var(--vsb-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.vsb-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 STORAGE DARK SECTION\n========================================================= *\/\n\n.vsb-storage{\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:44px;\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.vsb-storage::after{\n\n content:\"\";\n\n position:absolute;\n\n width:360px;\n height:360px;\n\n right:-130px;\n top:-140px;\n\n border-radius:50%;\n\n background:\n radial-gradient(\n circle,\n rgba(236,161,108,.27),\n transparent 70%\n );\n\n}\n\n\n.vsb-storage-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.vsb-storage h2{\n\n color:#fff;\n\n text-align:left;\n\n}\n\n\n.vsb-storage h2 strong{\n\n color:#efb080;\n\n}\n\n\n.vsb-storage-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 hyphens:none;\n\n}\n\n\n\/* =========================================================\n STORAGE CARDS\n 4 个卡片上下排列\n========================================================= *\/\n\n.vsb-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.vsb-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.vsb-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(--vsb-orange);\n\n color:#fff;\n\n font-size:10px;\n\n font-weight:900;\n\n}\n\n\n.vsb-storage-text{\n\n flex:1;\n\n min-width:0;\n\n text-align:left;\n\n}\n\n\n.vsb-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 overflow-wrap:normal;\n\n hyphens:none;\n\n}\n\n\n.vsb-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 hyphens:none;\n\n}\n\n\n\/* =========================================================\n TRAVEL SECTION\n========================================================= *\/\n\n.vsb-travel{\n\n padding:\n 125px 20px;\n\n}\n\n\n.vsb-travel-heading{\n\n max-width:860px;\n\n margin:0;\n\n text-align:left;\n\n}\n\n\n.vsb-travel-heading \u003e span{\n\n color:var(--vsb-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vsb-travel-heading h2{\n\n margin-top:18px;\n\n text-align:left;\n\n}\n\n\n.vsb-travel-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.vsb-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.vsb-travel-grid article{\n\n min-width:0;\n\n padding:\n 34px 25px;\n\n text-align:left;\n\n border-radius:26px;\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.vsb-travel-icon{\n\n margin-bottom:13px;\n\n font-size:27px;\n\n}\n\n\n.vsb-travel-grid strong{\n\n display:block;\n\n margin-bottom:8px;\n\n color:var(--vsb-navy);\n\n font-size:15px;\n\n line-height:1.35;\n\n text-align:left;\n\n}\n\n\n.vsb-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}\n\n\n\/* =========================================================\n FINAL\n========================================================= *\/\n\n.vsb-final{\n\n overflow:hidden;\n\n border-radius:42px;\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 全部左对齐\n========================================================= *\/\n\n.vsb-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,161,108,.14),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 88% 85%,\n rgba(54,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.vsb-final-content::before{\n\n content:\"\";\n\n position:absolute;\n\n width:270px;\n height:270px;\n\n right:-105px;\n top:-125px;\n\n border-radius:50%;\n\n border:\n 1px solid\n rgba(54,95,121,.08);\n\n}\n\n\n.vsb-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,161,108,.12);\n\n}\n\n\n\/* =========================================================\n FINAL TOP LABEL\n========================================================= *\/\n\n.vsb-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.vsb-final-line{\n\n width:45px;\n height:1px;\n\n flex:none;\n\n background:\n linear-gradient(\n 90deg,\n var(--vsb-orange),\n transparent\n );\n\n}\n\n\n.vsb-final-label{\n\n color:var(--vsb-orange);\n\n font-size:10px;\n\n font-weight:900;\n\n letter-spacing:2.8px;\n\n}\n\n\n\/* =========================================================\n FINAL ICON\n========================================================= *\/\n\n.vsb-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:19px;\n\n color:#fff;\n\n font-size:23px;\n\n background:\n linear-gradient(\n 135deg,\n var(--vsb-navy),\n var(--vsb-blue)\n );\n\n box-shadow:\n 0 15px 32px\n rgba(11,42,64,.18);\n\n}\n\n\n\/* =========================================================\n FINAL TITLE\n========================================================= *\/\n\n.vsb-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(--vsb-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 word-break:normal;\n\n overflow-wrap:normal;\n\n hyphens:none;\n\n}\n\n\n.vsb-final-content h2 strong{\n\n display:block;\n\n margin-top:5px;\n\n color:var(--vsb-blue);\n\n}\n\n\n\/* =========================================================\n FINAL COPY\n========================================================= *\/\n\n.vsb-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\/* =========================================================\n FINAL BENEFITS\n========================================================= *\/\n\n.vsb-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.vsb-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.vsb-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(--vsb-orange);\n\n}\n\n\n\/* =========================================================\n END\n========================================================= *\/\n\n.vsb-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.vsb-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.vsb-end p{\n\n margin:0;\n\n color:var(--vsb-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.vsb-end p span{\n\n margin:\n 0 10px;\n\n color:var(--vsb-orange);\n\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media(max-width:980px){\n\n .vsb-container{\n\n width:\n calc(100% - 28px);\n\n padding:\n 50px 0;\n\n }\n\n\n .vsb-features{\n\n grid-template-columns:\n repeat(\n 2,\n minmax(0,1fr)\n );\n\n }\n\n\n .vsb-storage{\n\n grid-template-columns:\n 1fr;\n\n gap:40px;\n\n padding:35px;\n\n }\n\n\n .vsb-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 RESPONSIVE\n 解决 Shopify 窄预览\n========================================================= *\/\n\n@container (max-width:720px){\n\n\n \/* HERO *\/\n\n .vsb-hero{\n\n padding:\n 50px 12px\n 60px;\n\n }\n\n\n \/* INTRO *\/\n\n .vsb-intro{\n\n padding:\n 75px 10px;\n\n gap:28px;\n\n }\n\n\n \/* FEATURES 上下排列 *\/\n\n .vsb-features{\n\n grid-template-columns:\n 1fr;\n\n gap:14px;\n\n margin-bottom:70px;\n\n }\n\n\n .vsb-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 .vsb-storage{\n\n grid-template-columns:\n 1fr;\n\n gap:36px;\n\n padding:18px;\n\n border-radius:29px;\n\n }\n\n\n .vsb-storage-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n \/* SHOES CARDS 上下 *\/\n\n .vsb-storage-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vsb-storage-item{\n\n width:100%;\n\n }\n\n\n \/* TRAVEL CARDS 上下 *\/\n\n .vsb-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 .vsb-container{\n\n width:\n calc(100% - 20px);\n\n padding:\n 30px 0\n 45px;\n\n }\n\n\n \/* =======================================================\n HERO\n ======================================================= *\/\n\n .vsb-hero{\n\n padding:\n 45px 8px\n 55px;\n\n }\n\n\n .vsb-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 .vsb-eyebrow span{\n\n width:25px;\n\n }\n\n\n .vsb-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 .vsb-hero-copy{\n\n max-width:100%;\n\n font-size:16px;\n\n }\n\n\n \/* =======================================================\n IMAGE 1\n ======================================================= *\/\n\n .vsb-main-image{\n\n border-radius:25px;\n\n }\n\n\n \/* =======================================================\n INTRO\n ======================================================= *\/\n\n .vsb-intro{\n\n padding:\n 65px 8px;\n\n gap:25px;\n\n }\n\n\n .vsb-small-label{\n\n font-size:9px;\n\n letter-spacing:2.4px;\n\n }\n\n\n .vsb-intro h2,\n .vsb-storage h2,\n .vsb-travel 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 .vsb-intro-text{\n\n max-width:100%;\n\n }\n\n\n .vsb-intro-text p{\n\n max-width:100%;\n\n font-size:15px;\n\n line-height:1.8;\n\n }\n\n\n \/* =======================================================\n FEATURES\n ======================================================= *\/\n\n .vsb-features{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vsb-feature{\n\n width:100%;\n\n padding:\n 27px 24px;\n\n }\n\n\n .vsb-feature h3{\n\n font-size:18px;\n\n }\n\n\n \/* =======================================================\n STORAGE SECTION\n ======================================================= *\/\n\n .vsb-storage{\n\n grid-template-columns:\n 1fr;\n\n gap:35px;\n\n padding:18px;\n\n border-radius:29px;\n\n }\n\n\n .vsb-storage-image{\n\n border-radius:22px;\n\n }\n\n\n .vsb-storage-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n .vsb-storage-content \u003e p{\n\n font-size:15px;\n\n }\n\n\n \/* STORAGE CARDS *\/\n\n .vsb-storage-grid{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vsb-storage-item{\n\n width:100%;\n\n padding:16px;\n\n }\n\n\n \/* =======================================================\n TRAVEL\n ======================================================= *\/\n\n .vsb-travel{\n\n padding:\n 80px 8px;\n\n }\n\n\n .vsb-travel-heading{\n\n width:100%;\n\n }\n\n\n .vsb-travel-heading \u003e p{\n\n font-size:15px;\n\n }\n\n\n .vsb-travel-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vsb-travel-grid article{\n\n width:100%;\n\n padding:\n 27px 20px;\n\n }\n\n\n \/* =======================================================\n FINAL\n ======================================================= *\/\n\n .vsb-final{\n\n border-radius:26px;\n\n }\n\n\n .vsb-final-content{\n\n padding:\n 48px 24px\n 42px;\n\n }\n\n\n .vsb-final-topline{\n\n gap:8px;\n\n }\n\n\n .vsb-final-line{\n\n width:24px;\n\n }\n\n\n .vsb-final-label{\n\n font-size:8px;\n\n letter-spacing:1.5px;\n\n }\n\n\n .vsb-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 .vsb-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 .vsb-final-content \u003e p{\n\n max-width:100%;\n\n font-size:14px;\n\n }\n\n\n .vsb-final-benefits{\n\n justify-content:flex-start;\n\n gap:9px;\n\n margin-top:26px;\n\n }\n\n\n .vsb-final-benefits span{\n\n font-size:7px;\n\n letter-spacing:1px;\n\n }\n\n\n \/* =======================================================\n END\n ======================================================= *\/\n\n .vsb-end{\n\n gap:8px;\n\n padding-top:45px;\n\n }\n\n\n .vsb-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":67616461324542,"sku":"Voyatral*1","price":24.86,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":67616461357310,"sku":"Voyatral*2","price":42.86,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":67616461390078,"sku":"Voyatral*4","price":72.97,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/1.jpg?v=1790665732"},{"product_id":"voyatral™-universal-travel-adapter-for-international-trips","title":"Voyatral™ Universal Travel Adapter for International Trips","description":"\u003c!-- =========================================================\n VOYATRAL™ UNIVERSAL TRAVEL ADAPTER\n========================================================= --\u003e\n\u003csection class=\"voyatral-travel-adapter-page\"\u003e\n\u003cdiv class=\"vta-glow vta-glow--one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vta-glow vta-glow--two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vta-container\"\u003e\n\u003c!-- =====================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"vta-hero\"\u003e\n\u003cdiv class=\"vta-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e TRAVEL ACCESSORIES COLLECTION\u003c\/div\u003e\n\u003ch1\u003eVoyatral™ Universal \u003cstrong\u003eTravel Adapter\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp class=\"vta-hero-copy\"\u003eStay connected and keep your essential devices powered wherever your journey takes you.\u003c\/p\u003e\n\u003cdiv class=\"vta-tags\"\u003e\n\u003cspan\u003e✈ International Travel\u003c\/span\u003e \u003cspan\u003e⚡ Multi-Device Charging\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=\"vta-main-image\"\u003e\n\u003cdiv class=\"vta-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_21_59_13_8.png?v=1790665958\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n INTRO\n 标题在上\n 正文在下\n ====================================================== --\u003e\n\u003csection class=\"vta-intro\"\u003e\n\u003cdiv class=\"vta-intro-title\"\u003e\n\u003cspan class=\"vta-small-label\"\u003e POWER FOR THE JOURNEY \u003c\/span\u003e\n\u003ch2\u003eOne Adapter. \u003cstrong\u003e More Places To Connect. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vta-intro-text\"\u003e\n\u003cp\u003eThe Voyatral™ Universal Travel Adapter is designed for international travel, helping travelers connect and charge compatible electronic devices across different destinations.\u003c\/p\u003e\n\u003cp\u003eIts all-in-one design supports multiple plug formats, making it a practical travel accessory for business trips, vacations, and international journeys.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FEATURES\n ====================================================== --\u003e\n\u003csection class=\"vta-features\"\u003e\n\u003carticle class=\"vta-feature\"\u003e\u003cspan class=\"vta-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vta-feature-icon\"\u003e◈\u003c\/div\u003e\n\u003cdiv class=\"vta-feature-body\"\u003e\n\u003ch3\u003eMultiple Plug Formats\u003c\/h3\u003e\n\u003cp\u003eAn all-in-one travel design helps you connect compatible electronics across different destinations.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"vta-feature\"\u003e\u003cspan class=\"vta-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vta-feature-icon\"\u003e⚡\u003c\/div\u003e\n\u003cdiv class=\"vta-feature-body\"\u003e\n\u003ch3\u003eMulti-Device Charging\u003c\/h3\u003e\n\u003cp\u003eMultiple charging ports make it easier to power several everyday travel devices from one adapter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"vta-feature\"\u003e\u003cspan class=\"vta-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vta-feature-icon\"\u003e◫\u003c\/div\u003e\n\u003cdiv class=\"vta-feature-body\"\u003e\n\u003ch3\u003eCompact For Travel\u003c\/h3\u003e\n\u003cp\u003ePacks easily into luggage, backpacks, carry-on bags, and travel organizers.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"vta-feature\"\u003e\u003cspan class=\"vta-feature-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vta-feature-icon\"\u003e✈\u003c\/div\u003e\n\u003cdiv class=\"vta-feature-body\"\u003e\n\u003ch3\u003eInternational Ready\u003c\/h3\u003e\n\u003cp\u003eA practical charging companion for business travel, vacations, and longer international journeys.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n IMAGE 2 + POWER SECTION\n ====================================================== --\u003e\n\u003csection class=\"vta-power\"\u003e\u003c!-- IMAGE 2 --\u003e\n\u003cdiv class=\"vta-power-image\"\u003e\n\u003cdiv class=\"vta-placeholder vta-placeholder--dark\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_21_59_12_7.png?v=1790665958\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CONTENT --\u003e\n\u003cdiv class=\"vta-power-content\"\u003e\n\u003cspan class=\"vta-small-label\"\u003e ONE HUB FOR TRAVEL TECH \u003c\/span\u003e\n\u003ch2\u003eCharge More. \u003cstrong\u003e Carry Less. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eMultiple charging ports help keep everyday electronics powered from one convenient adapter, reducing the need to carry several separate charging accessories.\u003c\/p\u003e\n\u003cdiv class=\"vta-power-grid\"\u003e\n\u003cdiv class=\"vta-power-item\"\u003e\n\u003cspan class=\"vta-power-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vta-power-text\"\u003e\n\u003cstrong\u003e Smartphones \u003c\/strong\u003e \u003csmall\u003e Keep your phone ready for navigation, communication, and travel days. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vta-power-item\"\u003e\n\u003cspan class=\"vta-power-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vta-power-text\"\u003e\n\u003cstrong\u003e Tablets \u003c\/strong\u003e \u003csmall\u003e Convenient charging for entertainment and productivity on the go. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vta-power-item\"\u003e\n\u003cspan class=\"vta-power-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vta-power-text\"\u003e\n\u003cstrong\u003e Earbuds \u003c\/strong\u003e \u003csmall\u003e Keep smaller everyday electronics powered during longer journeys. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vta-power-item\"\u003e\n\u003cspan class=\"vta-power-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vta-power-text\"\u003e\n\u003cstrong\u003e Travel Electronics \u003c\/strong\u003e \u003csmall\u003e Organize compatible charging needs through one compact travel accessory. \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 TRAVEL SECTION\n ====================================================== --\u003e\n\u003csection class=\"vta-travel\"\u003e\n\u003cdiv class=\"vta-travel-heading\"\u003e\n\u003cspan\u003e DESIGNED FOR GLOBAL JOURNEYS \u003c\/span\u003e\n\u003ch2\u003eStay Powered. \u003cstrong\u003e Wherever You Travel. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you are traveling for work, exploring a new country, or preparing for a longer international trip, Voyatral™ helps make charging more convenient and organized on the go.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vta-travel-grid\"\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vta-travel-icon\"\u003e✈\u003c\/div\u003e\n\u003cstrong\u003e International Travel \u003c\/strong\u003e \u003cspan\u003e A compact charging companion for journeys abroad. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vta-travel-icon\"\u003e💼\u003c\/div\u003e\n\u003cstrong\u003e Business Trips \u003c\/strong\u003e \u003cspan\u003e Keep essential work and personal electronics powered. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vta-travel-icon\"\u003e🏨\u003c\/div\u003e\n\u003cstrong\u003e Hotel Stays \u003c\/strong\u003e \u003cspan\u003e Organize your everyday charging setup away from home. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vta-travel-icon\"\u003e🌍\u003c\/div\u003e\n\u003cstrong\u003e Global Adventures \u003c\/strong\u003e \u003cspan\u003e Travel with one practical adapter for multiple destinations. \u003c\/span\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n FINAL\n 文案在上\n IMAGE 3 在下\n ====================================================== --\u003e\n\u003csection class=\"vta-final\"\u003e\u003c!-- FINAL CONTENT --\u003e\n\u003cdiv class=\"vta-final-content\"\u003e\n\u003cdiv class=\"vta-final-topline\"\u003e\n\u003cspan class=\"vta-final-line\"\u003e\u003c\/span\u003e \u003cspan class=\"vta-final-label\"\u003e VOYATRAL™ TRAVEL ACCESSORIES \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vta-final-icon\"\u003e⚡\u003c\/div\u003e\n\u003ch2\u003eStay Connected. \u003cstrong\u003e Travel Further. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom business trips and vacations to longer international journeys, Voyatral™ helps simplify the way you connect and charge your essential travel electronics.\u003c\/p\u003e\n\u003cdiv class=\"vta-final-benefits\"\u003e\n\u003cspan\u003e INTERNATIONAL READY \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e COMPACT TO PACK \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e MULTI-DEVICE \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- IMAGE 3 --\u003e\n\u003cdiv class=\"vta-final-image\"\u003e\n\u003cdiv class=\"vta-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_21_59_12_6.png?v=1790665958\" 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=\"vta-end\"\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eCONNECT \u003cspan\u003e•\u003c\/span\u003e CHARGE \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-travel-adapter-page{\n\n --vta-navy:#0b2a40;\n --vta-deep:#061c2c;\n\n --vta-blue:#365f79;\n --vta-bluegray:#94a9b6;\n --vta-softblue:#dce8ee;\n\n --vta-cream:#faf7f1;\n --vta-beige:#dfcfbd;\n\n --vta-orange:#eca16c;\n --vta-gold:#efbd89;\n\n --vta-white:#ffffff;\n --vta-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(--vta-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% 42%,\n rgba(54,95,121,.17),\n transparent 28%\n ),\n\n radial-gradient(\n circle at 53% 72%,\n rgba(148,169,182,.12),\n transparent 27%\n ),\n\n linear-gradient(\n 180deg,\n #fffdf9 0%,\n #f8f5ef 49%,\n #edf3f6 100%\n );\n\n}\n\n\n\/* =========================================================\n BOX SIZING\n========================================================= *\/\n\n.voyatral-travel-adapter-page *,\n.voyatral-travel-adapter-page *::before,\n.voyatral-travel-adapter-page *::after{\n\n box-sizing:border-box;\n\n}\n\n\n\/* =========================================================\n CONTAINER\n========================================================= *\/\n\n.vta-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 GLOW\n========================================================= *\/\n\n.vta-glow{\n\n position:absolute;\n\n pointer-events:none;\n\n border-radius:50%;\n\n filter:blur(30px);\n\n}\n\n\n.vta-glow--one{\n\n width:500px;\n height:500px;\n\n left:-260px;\n top:650px;\n\n background:\n rgba(236,161,108,.14);\n\n}\n\n\n.vta-glow--two{\n\n width:550px;\n height:550px;\n\n right:-280px;\n top:1800px;\n\n background:\n rgba(54,95,121,.15);\n\n}\n\n\n\/* =========================================================\n HERO\n 左对齐\n========================================================= *\/\n\n.vta-hero{\n\n max-width:1050px;\n\n text-align:left;\n\n padding:\n 65px 20px\n 80px;\n\n}\n\n\n.vta-eyebrow{\n\n display:flex;\n\n align-items:center;\n\n justify-content:flex-start;\n\n gap:14px;\n\n color:var(--vta-blue);\n\n font-size:11px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vta-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(--vta-orange),\n transparent\n );\n\n}\n\n\n.vta-hero h1{\n\n max-width:1050px;\n\n margin:\n 28px 0 0;\n\n color:var(--vta-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.vta-hero h1 strong{\n\n display:block;\n\n margin-top:8px;\n\n background:\n linear-gradient(\n 90deg,\n var(--vta-blue),\n #6b8799,\n var(--vta-orange)\n );\n\n -webkit-background-clip:text;\n background-clip:text;\n\n color:transparent;\n\n}\n\n\n.vta-hero-copy{\n\n max-width:760px;\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.vta-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.vta-tags span{\n\n padding:\n 11px 17px;\n\n border-radius:999px;\n\n color:var(--vta-navy);\n\n font-size:12px;\n\n font-weight:700;\n\n background:\n rgba(255,255,255,.80);\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 三张图片全部 1:1\n========================================================= *\/\n\n.vta-main-image,\n.vta-power-image,\n.vta-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:#e5edf0;\n\n}\n\n\n.vta-main-image{\n\n border-radius:38px;\n\n box-shadow:\n 0 36px 90px\n rgba(16,46,65,.14);\n\n}\n\n\n.vta-power-image{\n\n z-index:2;\n\n border-radius:32px;\n\n}\n\n\n.vta-final-image{\n\n border-radius:0;\n\n}\n\n\n\/* =========================================================\n REAL IMAGES\n 完整撑满\n========================================================= *\/\n\n.vta-main-image \u003e img,\n.vta-power-image \u003e img,\n.vta-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.vta-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 72% 24%,\n rgba(236,161,108,.36),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 25% 80%,\n rgba(72,115,141,.34),\n transparent 28%\n ),\n\n linear-gradient(\n 135deg,\n #14364b,\n #3b647d 48%,\n #d6a981\n );\n\n}\n\n\n.vta-placeholder--dark{\n\n background:\n\n radial-gradient(\n circle at 77% 22%,\n rgba(236,161,108,.24),\n transparent 25%\n ),\n\n radial-gradient(\n circle at 20% 80%,\n rgba(79,132,160,.18),\n transparent 28%\n ),\n\n linear-gradient(\n 145deg,\n #051927,\n #10364b 55%,\n #52768b\n );\n\n}\n\n\n.vta-placeholder strong{\n\n font-size:17px;\n\n font-weight:800;\n\n letter-spacing:3px;\n\n}\n\n\n.vta-placeholder \u003e span{\n\n margin-top:9px;\n\n font-size:12px;\n\n letter-spacing:.5px;\n\n opacity:.72;\n\n}\n\n\n\/* =========================================================\n INTRO\n 标题在上\n 正文在下\n========================================================= *\/\n\n.vta-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.vta-intro-title{\n\n width:100%;\n\n max-width:920px;\n\n text-align:left;\n\n}\n\n\n.vta-small-label{\n\n display:block;\n\n margin-bottom:17px;\n\n color:var(--vta-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vta-intro h2,\n.vta-power h2,\n.vta-travel h2{\n\n margin:0;\n\n color:var(--vta-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.vta-intro h2 strong,\n.vta-power h2 strong,\n.vta-travel h2 strong{\n\n display:block;\n\n color:var(--vta-blue);\n\n}\n\n\n.vta-intro-text{\n\n width:100%;\n\n max-width:850px;\n\n text-align:left;\n\n}\n\n\n.vta-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.vta-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.vta-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:28px;\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.vta-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.vta-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.vta-feature-icon{\n\n width:56px;\n height:56px;\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(--vta-navy),\n var(--vta-blue)\n );\n\n box-shadow:\n 0 14px 30px\n rgba(13,44,63,.18);\n\n}\n\n\n.vta-feature:nth-child(2) .vta-feature-icon,\n.vta-feature:nth-child(4) .vta-feature-icon{\n\n background:\n linear-gradient(\n 135deg,\n #dc8958,\n #efb27f\n );\n\n}\n\n\n.vta-feature-body{\n\n min-width:0;\n\n}\n\n\n.vta-feature h3{\n\n margin:\n 0 0 13px;\n\n color:var(--vta-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.vta-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 POWER SECTION\n========================================================= *\/\n\n.vta-power{\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:44px;\n\n background:\n linear-gradient(\n 135deg,\n #071d2d 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.vta-power::before{\n\n content:\"\";\n\n position:absolute;\n\n width:1px;\n height:180px;\n\n right:15%;\n top:0;\n\n background:\n linear-gradient(\n 180deg,\n rgba(236,161,108,0),\n rgba(236,161,108,.45),\n rgba(236,161,108,0)\n );\n\n}\n\n\n.vta-power::after{\n\n content:\"\";\n\n position:absolute;\n\n width:370px;\n height:370px;\n\n right:-135px;\n top:-145px;\n\n border-radius:50%;\n\n background:\n radial-gradient(\n circle,\n rgba(236,161,108,.27),\n transparent 70%\n );\n\n}\n\n\n.vta-power-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.vta-power h2{\n\n color:#fff;\n\n text-align:left;\n\n}\n\n\n.vta-power h2 strong{\n\n color:#efb080;\n\n}\n\n\n.vta-power-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 POWER ITEMS\n 四个上下排列\n========================================================= *\/\n\n.vta-power-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.vta-power-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.vta-power-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(--vta-orange);\n\n color:#fff;\n\n font-size:10px;\n\n font-weight:900;\n\n}\n\n\n.vta-power-text{\n\n flex:1;\n\n min-width:0;\n\n text-align:left;\n\n}\n\n\n.vta-power-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.vta-power-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 TRAVEL SECTION\n========================================================= *\/\n\n.vta-travel{\n\n padding:\n 125px 20px;\n\n}\n\n\n.vta-travel-heading{\n\n max-width:860px;\n\n margin:0;\n\n text-align:left;\n\n}\n\n\n.vta-travel-heading \u003e span{\n\n color:var(--vta-orange);\n\n font-size:11px;\n\n font-weight:900;\n\n letter-spacing:3px;\n\n}\n\n\n.vta-travel-heading h2{\n\n margin-top:18px;\n\n text-align:left;\n\n}\n\n\n.vta-travel-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.vta-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.vta-travel-grid article{\n\n min-width:0;\n\n padding:\n 34px 25px;\n\n text-align:left;\n\n border-radius:26px;\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.vta-travel-icon{\n\n margin-bottom:13px;\n\n font-size:27px;\n\n}\n\n\n.vta-travel-grid strong{\n\n display:block;\n\n margin-bottom:8px;\n\n color:var(--vta-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.vta-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.vta-final{\n\n overflow:hidden;\n\n border-radius:42px;\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 全部左对齐\n========================================================= *\/\n\n.vta-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 16% 15%,\n rgba(236,161,108,.13),\n transparent 26%\n ),\n\n radial-gradient(\n circle at 88% 80%,\n rgba(54,95,121,.10),\n transparent 28%\n ),\n\n linear-gradient(\n 135deg,\n #fffdf9 0%,\n #f8f4ed 52%,\n #edf3f6 100%\n );\n\n}\n\n\n.vta-final-content::before{\n\n content:\"\";\n\n position:absolute;\n\n width:260px;\n height:260px;\n\n right:-90px;\n top:-120px;\n\n border-radius:50%;\n\n border:\n 1px solid\n rgba(54,95,121,.08);\n\n}\n\n\n.vta-final-content::after{\n\n content:\"\";\n\n position:absolute;\n\n width:180px;\n height:180px;\n\n left:-85px;\n bottom:-110px;\n\n border-radius:50%;\n\n border:\n 1px solid\n rgba(236,161,108,.12);\n\n}\n\n\n\/* FINAL TOPLINE *\/\n\n.vta-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.vta-final-line{\n\n width:45px;\n height:1px;\n\n flex:none;\n\n background:\n linear-gradient(\n 90deg,\n var(--vta-orange),\n transparent\n );\n\n}\n\n\n.vta-final-label{\n\n color:var(--vta-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.vta-final-icon{\n\n width:58px;\n height:58px;\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:22px;\n\n background:\n linear-gradient(\n 135deg,\n var(--vta-navy),\n var(--vta-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.vta-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(--vta-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.vta-final-content h2 strong{\n\n display:block;\n\n margin-top:5px;\n\n color:var(--vta-blue);\n\n}\n\n\n\/* FINAL COPY *\/\n\n.vta-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\/* =========================================================\n FINAL BENEFITS\n========================================================= *\/\n\n.vta-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.vta-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.vta-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(--vta-orange);\n\n}\n\n\n\/* =========================================================\n END\n========================================================= *\/\n\n.vta-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.vta-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.vta-end p{\n\n margin:0;\n\n color:var(--vta-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.vta-end p span{\n\n margin:\n 0 10px;\n\n color:var(--vta-orange);\n\n}\n\n\n\/* =========================================================\n TABLET\n========================================================= *\/\n\n@media(max-width:980px){\n\n .vta-container{\n\n width:\n calc(100% - 28px);\n\n padding:\n 50px 0;\n\n }\n\n\n .vta-features{\n\n grid-template-columns:\n repeat(\n 2,\n minmax(0,1fr)\n );\n\n }\n\n\n .vta-power{\n\n grid-template-columns:\n 1fr;\n\n gap:40px;\n\n padding:35px;\n\n }\n\n\n .vta-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@container (max-width:720px){\n\n\n \/* HERO *\/\n\n .vta-hero{\n\n padding:\n 50px 12px\n 60px;\n\n }\n\n\n \/* INTRO *\/\n\n .vta-intro{\n\n padding:\n 75px 10px;\n\n gap:28px;\n\n }\n\n\n \/* FEATURE 上下排列 *\/\n\n .vta-features{\n\n grid-template-columns:\n 1fr;\n\n gap:14px;\n\n margin-bottom:70px;\n\n }\n\n\n .vta-feature{\n\n width:100%;\n\n min-height:auto;\n\n padding:\n 28px 26px;\n\n }\n\n\n \/* 第二张图和文案上下排列 *\/\n\n .vta-power{\n\n grid-template-columns:\n 1fr;\n\n gap:36px;\n\n padding:18px;\n\n border-radius:29px;\n\n }\n\n\n .vta-power-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n \/* POWER 4 CARD *\/\n\n .vta-power-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vta-power-item{\n\n width:100%;\n\n }\n\n\n \/* TRAVEL 4 CARD *\/\n\n .vta-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 .vta-container{\n\n width:\n calc(100% - 20px);\n\n padding:\n 30px 0\n 45px;\n\n }\n\n\n \/* HERO *\/\n\n .vta-hero{\n\n padding:\n 45px 8px\n 55px;\n\n }\n\n\n .vta-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 .vta-eyebrow span{\n\n width:25px;\n\n }\n\n\n .vta-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 .vta-hero-copy{\n\n max-width:100%;\n\n font-size:16px;\n\n }\n\n\n \/* IMAGE 1 *\/\n\n .vta-main-image{\n\n border-radius:25px;\n\n }\n\n\n \/* INTRO *\/\n\n .vta-intro{\n\n padding:\n 65px 8px;\n\n gap:25px;\n\n }\n\n\n .vta-small-label{\n\n font-size:9px;\n\n letter-spacing:2.4px;\n\n }\n\n\n .vta-intro h2,\n .vta-power h2,\n .vta-travel 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 .vta-intro-text{\n\n max-width:100%;\n\n }\n\n\n .vta-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 .vta-features{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vta-feature{\n\n width:100%;\n\n padding:\n 27px 24px;\n\n }\n\n\n .vta-feature h3{\n\n font-size:18px;\n\n }\n\n\n \/* POWER *\/\n\n .vta-power{\n\n grid-template-columns:\n 1fr;\n\n gap:35px;\n\n padding:18px;\n\n border-radius:29px;\n\n }\n\n\n .vta-power-image{\n\n border-radius:22px;\n\n }\n\n\n .vta-power-content{\n\n padding:\n 0 10px\n 20px;\n\n }\n\n\n .vta-power-content \u003e p{\n\n font-size:15px;\n\n }\n\n\n .vta-power-grid{\n\n grid-template-columns:\n 1fr;\n\n }\n\n\n .vta-power-item{\n\n width:100%;\n\n padding:16px;\n\n }\n\n\n \/* TRAVEL *\/\n\n .vta-travel{\n\n padding:\n 80px 8px;\n\n }\n\n\n .vta-travel-heading{\n\n width:100%;\n\n }\n\n\n .vta-travel-heading \u003e p{\n\n font-size:15px;\n\n }\n\n\n .vta-travel-grid{\n\n grid-template-columns:\n 1fr;\n\n gap:12px;\n\n }\n\n\n .vta-travel-grid article{\n\n width:100%;\n\n padding:\n 27px 20px;\n\n }\n\n\n \/* FINAL *\/\n\n .vta-final{\n\n border-radius:26px;\n\n }\n\n\n .vta-final-content{\n\n padding:\n 48px 24px\n 42px;\n\n }\n\n\n .vta-final-topline{\n\n gap:8px;\n\n }\n\n\n .vta-final-line{\n\n width:24px;\n\n }\n\n\n .vta-final-label{\n\n font-size:8px;\n\n letter-spacing:1.5px;\n\n }\n\n\n .vta-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 .vta-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 .vta-final-content \u003e p{\n\n max-width:100%;\n\n font-size:14px;\n\n }\n\n\n .vta-final-benefits{\n\n justify-content:flex-start;\n\n gap:9px;\n\n margin-top:26px;\n\n }\n\n\n .vta-final-benefits span{\n\n font-size:7px;\n\n letter-spacing:1px;\n\n }\n\n\n \/* END *\/\n\n .vta-end{\n\n gap:8px;\n\n padding-top:45px;\n\n }\n\n\n .vta-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":67616466436350,"sku":"Voyatral*1","price":29.99,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":67616466469118,"sku":"Voyatral*2","price":49.99,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":67616466501886,"sku":"Voyatral*4","price":88.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/1_a4171146-053f-4dc0-9f41-330c6b9942bd.png?v=1790665954"}],"url":"https:\/\/voyatral.com\/collections\/shop.oembed","provider":"Voyatral™ ","version":"1.0","type":"link"}