{"title":"🎒 Travel Accessories Collection","description":null,"products":[{"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\/%f0%9f%8e%92-travel-accessories-collection.oembed","provider":"Voyatral™ ","version":"1.0","type":"link"}