{"product_id":"voyatral™-portable-water-bottle-for-travel-and-outdoor-activities","title":"Voyatral™ Portable Water Bottle for Travel and Outdoor Activities","description":"\u003c!-- =========================================================\n     VOYATRAL™ PORTABLE WATER BOTTLE\n========================================================= --\u003e\n\u003csection class=\"voyatral-water-bottle-page\"\u003e\n\u003cdiv class=\"vwb-glow vwb-glow--one\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vwb-glow vwb-glow--two\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"vwb-container\"\u003e\n\u003c!-- =====================================================\n         HERO\n    ====================================================== --\u003e\n\u003csection class=\"vwb-hero\"\u003e\n\u003cdiv class=\"vwb-eyebrow\"\u003e\n\u003cspan\u003e\u003c\/span\u003e TRAVEL CARE COLLECTION\u003c\/div\u003e\n\u003ch1\u003eVoyatral™ Portable \u003cstrong\u003eWater Bottle\u003c\/strong\u003e\n\u003c\/h1\u003e\n\u003cp class=\"vwb-hero-copy\"\u003eStay hydrated with a compact bottle designed for travel, outdoor activities, and everyday use.\u003c\/p\u003e\n\u003cdiv class=\"vwb-tags\"\u003e\n\u003cspan\u003e💧 Everyday Hydration\u003c\/span\u003e \u003cspan\u003e↗ Hands-Free Carry\u003c\/span\u003e \u003cspan\u003e✈ Travel Ready\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         IMAGE 1\n         1:1 + 完整撑满\n    ====================================================== --\u003e\n\u003csection class=\"vwb-main-image\"\u003e\n\u003cdiv class=\"vwb-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_18_34_10_8.png?v=1790665305\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         INTRO\n         标题在上\n         正文在下\n    ====================================================== --\u003e\n\u003csection class=\"vwb-intro\"\u003e\n\u003cdiv class=\"vwb-intro-title\"\u003e\n\u003cspan class=\"vwb-small-label\"\u003e HYDRATION MADE PORTABLE \u003c\/span\u003e\n\u003ch2\u003eCarry Less. \u003cstrong\u003e Stay Refreshed. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vwb-intro-text\"\u003e\n\u003cp\u003eThe Voyatral™ Portable Water Bottle features a lightweight and compact design that is easy to carry without adding unnecessary bulk to your travel gear.\u003c\/p\u003e\n\u003cp\u003eThe adjustable shoulder strap allows for convenient hands-free carrying, making it suitable for sightseeing, walking, hiking, commuting, and other activities on the go.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         FEATURES\n    ====================================================== --\u003e\n\u003csection class=\"vwb-features\"\u003e\u003c!-- 01 --\u003e\n\u003carticle class=\"vwb-feature\"\u003e\u003cspan class=\"vwb-feature-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vwb-feature-icon\"\u003e◫\u003c\/div\u003e\n\u003cdiv class=\"vwb-feature-body\"\u003e\n\u003ch3\u003eCompact Design\u003c\/h3\u003e\n\u003cp\u003eEasy to carry throughout the day without adding unnecessary bulk to your travel setup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 02 --\u003e\n\u003carticle class=\"vwb-feature\"\u003e\u003cspan class=\"vwb-feature-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vwb-feature-icon\"\u003e↗\u003c\/div\u003e\n\u003cdiv class=\"vwb-feature-body\"\u003e\n\u003ch3\u003eAdjustable Strap\u003c\/h3\u003e\n\u003cp\u003eCarry the bottle over your shoulder or crossbody for convenient hands-free movement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 03 --\u003e\n\u003carticle class=\"vwb-feature\"\u003e\u003cspan class=\"vwb-feature-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vwb-feature-icon\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"vwb-feature-body\"\u003e\n\u003ch3\u003eSecure Lid\u003c\/h3\u003e\n\u003cp\u003eA travel-friendly lid design helps reduce accidental leaks while keeping your drink easy to access.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- 04 --\u003e\n\u003carticle class=\"vwb-feature\"\u003e\u003cspan class=\"vwb-feature-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vwb-feature-icon\"\u003e✈\u003c\/div\u003e\n\u003cdiv class=\"vwb-feature-body\"\u003e\n\u003ch3\u003eReady To Go\u003c\/h3\u003e\n\u003cp\u003eDesigned for airports, sightseeing, walking, commuting, hiking, and everyday routines.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         IMAGE 2 + CARRY SECTION\n    ====================================================== --\u003e\n\u003csection class=\"vwb-carry\"\u003e\u003c!-- IMAGE 2 --\u003e\n\u003cdiv class=\"vwb-carry-image\"\u003e\n\u003cdiv class=\"vwb-placeholder vwb-placeholder--dark\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_18_34_10_7.png?v=1790665305\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CONTENT --\u003e\n\u003cdiv class=\"vwb-carry-content\"\u003e\n\u003cspan class=\"vwb-small-label\"\u003e MADE TO MOVE WITH YOU \u003c\/span\u003e\n\u003ch2\u003eHands Free. \u003cstrong\u003e Hydration Close By. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eThe adjustable shoulder strap gives you a convenient way to carry your bottle while keeping your hands free for phones, luggage, shopping bags, or other travel essentials.\u003c\/p\u003e\n\u003c!-- CARRY CARDS --\u003e\n\u003cdiv class=\"vwb-carry-grid\"\u003e\n\u003cdiv class=\"vwb-carry-item\"\u003e\n\u003cspan class=\"vwb-carry-number\"\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"vwb-carry-text\"\u003e\n\u003cstrong\u003e Crossbody Carry \u003c\/strong\u003e \u003csmall\u003e Wear the bottle comfortably while exploring. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vwb-carry-item\"\u003e\n\u003cspan class=\"vwb-carry-number\"\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"vwb-carry-text\"\u003e\n\u003cstrong\u003e Adjustable Length \u003c\/strong\u003e \u003csmall\u003e Adapt the strap for different carrying preferences. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vwb-carry-item\"\u003e\n\u003cspan class=\"vwb-carry-number\"\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"vwb-carry-text\"\u003e\n\u003cstrong\u003e Easy Access \u003c\/strong\u003e \u003csmall\u003e Keep hydration conveniently within reach. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vwb-carry-item\"\u003e\n\u003cspan class=\"vwb-carry-number\"\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"vwb-carry-text\"\u003e\n\u003cstrong\u003e Lightweight Carry \u003c\/strong\u003e \u003csmall\u003e Designed for easier movement throughout the day. \u003c\/small\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         JOURNEY \/ USE SCENARIOS\n    ====================================================== --\u003e\n\u003csection class=\"vwb-journey\"\u003e\n\u003cdiv class=\"vwb-journey-heading\"\u003e\n\u003cspan\u003e HYDRATION FOR EVERYDAY JOURNEYS \u003c\/span\u003e\n\u003ch2\u003eFrom Airport Days \u003cstrong\u003e To Everyday Adventures. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eWhether you are heading to the airport, exploring outdoors, or simply going about your daily routine, Voyatral™ makes hydration easier to carry wherever you go.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vwb-journey-grid\"\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vwb-journey-icon\"\u003e✈\u003c\/div\u003e\n\u003cstrong\u003e Airport Travel \u003c\/strong\u003e \u003cspan\u003e Keep hydration nearby while moving through the airport. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vwb-journey-icon\"\u003e🏙\u003c\/div\u003e\n\u003cstrong\u003e Sightseeing \u003c\/strong\u003e \u003cspan\u003e Enjoy hands-free carrying while exploring new places. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vwb-journey-icon\"\u003e🌿\u003c\/div\u003e\n\u003cstrong\u003e Outdoor Activities \u003c\/strong\u003e \u003cspan\u003e A compact hydration option for walks and outdoor trips. \u003c\/span\u003e\u003c\/article\u003e\n\u003carticle\u003e\n\u003cdiv class=\"vwb-journey-icon\"\u003e🚶\u003c\/div\u003e\n\u003cstrong\u003e Everyday Use \u003c\/strong\u003e \u003cspan\u003e Easy to carry for commuting and daily routines. \u003c\/span\u003e\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         FINAL\n         文案在上\n         图片在下\n    ====================================================== --\u003e\n\u003csection class=\"vwb-final\"\u003e\u003c!-- FINAL CONTENT --\u003e\n\u003cdiv class=\"vwb-final-content\"\u003e\n\u003cdiv class=\"vwb-final-topline\"\u003e\n\u003cspan class=\"vwb-final-line\"\u003e\u003c\/span\u003e \u003cspan class=\"vwb-final-label\"\u003e VOYATRAL™ TRAVEL CARE \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vwb-final-icon\"\u003e💧\u003c\/div\u003e\n\u003ch2\u003eCarry Easy. \u003cstrong\u003e Stay Hydrated. \u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp\u003eFrom airport terminals and city walks to outdoor adventures and daily routines, Voyatral™ makes it easier to keep hydration close throughout the day.\u003c\/p\u003e\n\u003cdiv class=\"vwb-final-benefits\"\u003e\n\u003cspan\u003e COMPACT DESIGN \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e HANDS-FREE CARRY \u003c\/span\u003e \u003ci\u003e\u003c\/i\u003e \u003cspan\u003e TRAVEL READY \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- IMAGE 3 --\u003e\n\u003cdiv class=\"vwb-final-image\"\u003e\n\u003cdiv class=\"vwb-placeholder\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPT_Image_2026_9_24_18_34_09_6.png?v=1790665305\" alt=\"\"\u003e\u003c\/strong\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n         END\n    ====================================================== --\u003e\n\u003csection class=\"vwb-end\"\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eCARRY \u003cspan\u003e•\u003c\/span\u003e EXPLORE \u003cspan\u003e•\u003c\/span\u003e HYDRATE\u003c\/p\u003e\n\u003cdiv\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n   VOYATRAL™ PORTABLE WATER BOTTLE\n========================================================= *\/\n\n.voyatral-water-bottle-page{\n\n  --vwb-navy:#0b2a40;\n  --vwb-deep:#061c2c;\n\n  --vwb-blue:#365f79;\n  --vwb-bluegray:#94a9b6;\n  --vwb-softblue:#dce8ee;\n\n  --vwb-cream:#faf7f1;\n  --vwb-beige:#dfcfbd;\n\n  --vwb-orange:#eca16c;\n  --vwb-gold:#efbd89;\n\n  --vwb-white:#ffffff;\n  --vwb-text:#183247;\n\n  width:100%;\n\n  position:relative;\n\n  overflow:hidden;\n\n  container-type:inline-size;\n\n  font-family:\n    Inter,\n    Montserrat,\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  color:var(--vwb-text);\n\n  background:\n\n    radial-gradient(\n      circle at 9% 17%,\n      rgba(236,161,108,.15),\n      transparent 25%\n    ),\n\n    radial-gradient(\n      circle at 92% 42%,\n      rgba(54,95,121,.17),\n      transparent 28%\n    ),\n\n    radial-gradient(\n      circle at 55% 72%,\n      rgba(148,169,182,.12),\n      transparent 27%\n    ),\n\n    linear-gradient(\n      180deg,\n      #fffdf9 0%,\n      #f8f5ef 49%,\n      #edf3f6 100%\n    );\n\n}\n\n\n\/* =========================================================\n   BOX SIZING\n========================================================= *\/\n\n.voyatral-water-bottle-page *,\n.voyatral-water-bottle-page *::before,\n.voyatral-water-bottle-page *::after{\n\n  box-sizing:border-box;\n\n}\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.vwb-container{\n\n  width:min(\n    1240px,\n    calc(100% - 40px)\n  );\n\n  margin:0 auto;\n\n  padding:90px 0;\n\n  position:relative;\n\n  z-index:2;\n\n  min-width:0;\n\n}\n\n\n\/* =========================================================\n   BACKGROUND GLOW\n========================================================= *\/\n\n.vwb-glow{\n\n  position:absolute;\n\n  pointer-events:none;\n\n  border-radius:50%;\n\n  filter:blur(30px);\n\n}\n\n\n.vwb-glow--one{\n\n  width:500px;\n  height:500px;\n\n  left:-260px;\n  top:650px;\n\n  background:\n    rgba(236,161,108,.14);\n\n}\n\n\n.vwb-glow--two{\n\n  width:550px;\n  height:550px;\n\n  right:-280px;\n  top:1800px;\n\n  background:\n    rgba(54,95,121,.14);\n\n}\n\n\n\/* =========================================================\n   HERO\n   全部左对齐\n========================================================= *\/\n\n.vwb-hero{\n\n  max-width:1000px;\n\n  padding:\n    65px 20px\n    80px;\n\n  text-align:left;\n\n}\n\n\n.vwb-eyebrow{\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:flex-start;\n\n  gap:14px;\n\n  color:var(--vwb-blue);\n\n  font-size:11px;\n\n  font-weight:800;\n\n  letter-spacing:3px;\n\n}\n\n\n.vwb-eyebrow span{\n\n  width:48px;\n  height:1px;\n\n  display:block;\n\n  flex:none;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--vwb-orange),\n      transparent\n    );\n\n}\n\n\n.vwb-hero h1{\n\n  max-width:1000px;\n\n  margin:\n    28px 0 0;\n\n  color:var(--vwb-navy);\n\n  font-size:\n    clamp(\n      48px,\n      6vw,\n      82px\n    );\n\n  line-height:1;\n\n  letter-spacing:-3px;\n\n  font-weight:800;\n\n  word-break:normal;\n\n  overflow-wrap:normal;\n\n  hyphens:none;\n\n}\n\n\n.vwb-hero h1 strong{\n\n  display:block;\n\n  margin-top:8px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--vwb-blue),\n      #6b8799,\n      var(--vwb-orange)\n    );\n\n  -webkit-background-clip:text;\n  background-clip:text;\n\n  color:transparent;\n\n}\n\n\n.vwb-hero-copy{\n\n  max-width:760px;\n\n  margin:\n    30px 0 0;\n\n  color:#607584;\n\n  font-size:19px;\n\n  line-height:1.8;\n\n}\n\n\n.vwb-tags{\n\n  display:flex;\n\n  justify-content:flex-start;\n\n  flex-wrap:wrap;\n\n  gap:12px;\n\n  margin-top:34px;\n\n}\n\n\n.vwb-tags span{\n\n  padding:\n    11px 17px;\n\n  border-radius:999px;\n\n  color:var(--vwb-navy);\n\n  font-size:12px;\n\n  font-weight:700;\n\n  background:\n    rgba(255,255,255,.80);\n\n  border:\n    1px solid\n    rgba(13,45,65,.09);\n\n  box-shadow:\n    0 10px 30px\n    rgba(10,35,50,.06);\n\n}\n\n\n\/* =========================================================\n   ALL 3 IMAGE CONTAINERS\n   全部 1:1\n========================================================= *\/\n\n.vwb-main-image,\n.vwb-carry-image,\n.vwb-final-image{\n\n  position:relative;\n\n  width:100%;\n\n  aspect-ratio:1 \/ 1;\n\n  height:auto;\n\n  min-height:0;\n\n  overflow:hidden;\n\n  background:#e5edf0;\n\n}\n\n\n\/* IMAGE 1 *\/\n\n.vwb-main-image{\n\n  border-radius:38px;\n\n  box-shadow:\n    0 36px 90px\n    rgba(16,46,65,.14);\n\n}\n\n\n\/* IMAGE 2 *\/\n\n.vwb-carry-image{\n\n  z-index:2;\n\n  border-radius:32px;\n\n}\n\n\n\/* IMAGE 3 *\/\n\n.vwb-final-image{\n\n  border-radius:0;\n\n}\n\n\n\/* =========================================================\n   ACTUAL IMAGES\n   完整撑满整个图片容器\n========================================================= *\/\n\n.vwb-main-image \u003e img,\n.vwb-carry-image \u003e img,\n.vwb-final-image \u003e img{\n\n  position:absolute !important;\n\n  inset:0 !important;\n\n  width:100% !important;\n\n  height:100% !important;\n\n  min-width:100% !important;\n\n  min-height:100% !important;\n\n  max-width:none !important;\n\n  margin:0 !important;\n\n  padding:0 !important;\n\n  display:block !important;\n\n  object-fit:cover !important;\n\n  object-position:center center !important;\n\n}\n\n\n\/* =========================================================\n   PLACEHOLDER\n========================================================= *\/\n\n.vwb-placeholder{\n\n  position:absolute;\n\n  inset:0;\n\n  width:100%;\n  height:100%;\n\n  min-height:0;\n\n  display:flex;\n\n  flex-direction:column;\n\n  align-items:center;\n\n  justify-content:center;\n\n  text-align:center;\n\n  color:#fff;\n\n  background:\n\n    radial-gradient(\n      circle at 72% 23%,\n      rgba(236,161,108,.36),\n      transparent 25%\n    ),\n\n    radial-gradient(\n      circle at 25% 80%,\n      rgba(72,115,141,.34),\n      transparent 28%\n    ),\n\n    linear-gradient(\n      135deg,\n      #14364b,\n      #3b647d 48%,\n      #d6a981\n    );\n\n}\n\n\n.vwb-placeholder--dark{\n\n  background:\n\n    radial-gradient(\n      circle at 76% 22%,\n      rgba(236,161,108,.24),\n      transparent 25%\n    ),\n\n    linear-gradient(\n      145deg,\n      #061b2b,\n      #11384d 55%,\n      #54778c\n    );\n\n}\n\n\n.vwb-placeholder strong{\n\n  font-size:17px;\n\n  font-weight:800;\n\n  letter-spacing:3px;\n\n}\n\n\n.vwb-placeholder \u003e span{\n\n  margin-top:9px;\n\n  font-size:12px;\n\n  opacity:.72;\n\n}\n\n\n\/* =========================================================\n   INTRO\n   标题在上\n   正文在下\n========================================================= *\/\n\n.vwb-intro{\n\n  display:flex;\n\n  flex-direction:column;\n\n  align-items:flex-start;\n\n  gap:34px;\n\n  padding:\n    120px 25px\n    100px;\n\n}\n\n\n.vwb-intro-title{\n\n  width:100%;\n\n  max-width:950px;\n\n  text-align:left;\n\n}\n\n\n.vwb-small-label{\n\n  display:block;\n\n  margin-bottom:17px;\n\n  color:var(--vwb-orange);\n\n  font-size:11px;\n\n  font-weight:900;\n\n  letter-spacing:3px;\n\n}\n\n\n.vwb-intro h2,\n.vwb-carry h2,\n.vwb-journey h2{\n\n  margin:0;\n\n  color:var(--vwb-navy);\n\n  font-size:\n    clamp(\n      38px,\n      4.5vw,\n      60px\n    );\n\n  line-height:1.05;\n\n  letter-spacing:-2px;\n\n  text-align:left;\n\n  word-break:normal;\n\n  overflow-wrap:normal;\n\n  hyphens:none;\n\n}\n\n\n.vwb-intro h2 strong,\n.vwb-carry h2 strong,\n.vwb-journey h2 strong{\n\n  display:block;\n\n  color:var(--vwb-blue);\n\n}\n\n\n.vwb-intro-text{\n\n  width:100%;\n\n  max-width:850px;\n\n  text-align:left;\n\n}\n\n\n.vwb-intro-text p{\n\n  max-width:850px;\n\n  margin:\n    0 0 22px;\n\n  color:#617582;\n\n  font-size:17px;\n\n  line-height:1.9;\n\n  word-break:normal;\n\n  overflow-wrap:normal;\n\n  hyphens:none;\n\n}\n\n\n\/* =========================================================\n   FEATURES\n========================================================= *\/\n\n.vwb-features{\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(\n      4,\n      minmax(0,1fr)\n    );\n\n  gap:16px;\n\n  margin-bottom:120px;\n\n}\n\n\n.vwb-feature{\n\n  min-width:0;\n\n  min-height:300px;\n\n  padding:32px;\n\n  position:relative;\n\n  overflow:hidden;\n\n  text-align:left;\n\n  border-radius:28px;\n\n  background:\n    rgba(255,255,255,.80);\n\n  border:\n    1px solid\n    rgba(14,49,70,.08);\n\n  box-shadow:\n    0 20px 55px\n    rgba(14,41,58,.07);\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease;\n\n}\n\n\n.vwb-feature:hover{\n\n  transform:\n    translateY(-8px);\n\n  box-shadow:\n    0 30px 65px\n    rgba(14,41,58,.13);\n\n}\n\n\n.vwb-feature-number{\n\n  position:absolute;\n\n  top:19px;\n  right:22px;\n\n  color:\n    rgba(25,65,89,.06);\n\n  font-size:46px;\n\n  font-weight:800;\n\n}\n\n\n.vwb-feature-icon{\n\n  width:56px;\n  height:56px;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  margin-bottom:27px;\n\n  border-radius:17px;\n\n  color:#fff;\n\n  font-size:21px;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--vwb-navy),\n      var(--vwb-blue)\n    );\n\n  box-shadow:\n    0 14px 30px\n    rgba(13,44,63,.18);\n\n}\n\n\n.vwb-feature:nth-child(2) .vwb-feature-icon,\n.vwb-feature:nth-child(4) .vwb-feature-icon{\n\n  background:\n    linear-gradient(\n      135deg,\n      #dc8958,\n      #efb27f\n    );\n\n}\n\n\n.vwb-feature-body{\n\n  min-width:0;\n\n}\n\n\n.vwb-feature h3{\n\n  margin:\n    0 0 13px;\n\n  color:var(--vwb-navy);\n\n  font-size:19px;\n\n  line-height:1.35;\n\n  text-align:left;\n\n  word-break:normal;\n\n  overflow-wrap:normal;\n\n  hyphens:none;\n\n}\n\n\n.vwb-feature p{\n\n  margin:0;\n\n  color:#687b88;\n\n  font-size:14px;\n\n  line-height:1.75;\n\n  text-align:left;\n\n  word-break:normal;\n\n  overflow-wrap:normal;\n\n  hyphens:none;\n\n}\n\n\n\/* =========================================================\n   CARRY DARK SECTION\n========================================================= *\/\n\n.vwb-carry{\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.08fr)\n    minmax(0,.92fr);\n\n  gap:70px;\n\n  align-items:center;\n\n  padding:70px;\n\n  position:relative;\n\n  overflow:hidden;\n\n  border-radius:44px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #081f30 0%,\n      #10364c 55%,\n      #1d5068 100%\n    );\n\n  box-shadow:\n    0 40px 100px\n    rgba(7,30,45,.22);\n\n}\n\n\n.vwb-carry::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:360px;\n  height:360px;\n\n  right:-130px;\n  top:-140px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(236,161,108,.27),\n      transparent 70%\n    );\n\n}\n\n\n.vwb-carry-content{\n\n  position:relative;\n\n  z-index:2;\n\n  min-width:0;\n\n  text-align:left;\n\n}\n\n\n.vwb-carry h2{\n\n  color:#fff;\n\n  text-align:left;\n\n}\n\n\n.vwb-carry h2 strong{\n\n  color:#efb080;\n\n}\n\n\n.vwb-carry-content \u003e p{\n\n  max-width:650px;\n\n  margin:\n    25px 0 0;\n\n  color:\n    rgba(255,255,255,.70);\n\n  font-size:16px;\n\n  line-height:1.85;\n\n  text-align:left;\n\n  word-break:normal;\n\n  overflow-wrap:normal;\n\n}\n\n\n\/* =========================================================\n   CARRY CARDS\n   默认上下排列\n========================================================= *\/\n\n.vwb-carry-grid{\n\n  display:grid;\n\n  grid-template-columns:\n    1fr;\n\n  gap:12px;\n\n  margin-top:34px;\n\n}\n\n\n.vwb-carry-item{\n\n  width:100%;\n\n  min-width:0;\n\n  display:flex;\n\n  align-items:flex-start;\n\n  gap:15px;\n\n  padding:\n    17px 18px;\n\n  border-radius:17px;\n\n  background:\n    rgba(255,255,255,.065);\n\n  border:\n    1px solid\n    rgba(255,255,255,.10);\n\n}\n\n\n.vwb-carry-number{\n\n  flex:\n    0 0 32px;\n\n  width:32px;\n  height:32px;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:\n    var(--vwb-orange);\n\n  color:#fff;\n\n  font-size:10px;\n\n  font-weight:900;\n\n}\n\n\n.vwb-carry-text{\n\n  flex:1;\n\n  min-width:0;\n\n  text-align:left;\n\n}\n\n\n.vwb-carry-text strong{\n\n  display:block;\n\n  color:#fff;\n\n  font-size:14px;\n\n  line-height:1.35;\n\n  word-break:normal;\n\n  overflow-wrap:normal;\n\n}\n\n\n.vwb-carry-text small{\n\n  display:block;\n\n  margin-top:5px;\n\n  color:\n    rgba(255,255,255,.56);\n\n  font-size:12px;\n\n  line-height:1.55;\n\n  word-break:normal;\n\n  overflow-wrap:normal;\n\n}\n\n\n\/* =========================================================\n   JOURNEY\n========================================================= *\/\n\n.vwb-journey{\n\n  padding:\n    125px 20px;\n\n}\n\n\n.vwb-journey-heading{\n\n  max-width:860px;\n\n  margin:0;\n\n  text-align:left;\n\n}\n\n\n.vwb-journey-heading \u003e span{\n\n  color:var(--vwb-orange);\n\n  font-size:11px;\n\n  font-weight:900;\n\n  letter-spacing:3px;\n\n}\n\n\n.vwb-journey-heading h2{\n\n  margin-top:18px;\n\n  text-align:left;\n\n}\n\n\n.vwb-journey-heading \u003e p{\n\n  max-width:720px;\n\n  margin:\n    25px 0 0;\n\n  color:#627682;\n\n  font-size:16px;\n\n  line-height:1.85;\n\n  text-align:left;\n\n}\n\n\n\/* =========================================================\n   JOURNEY CARDS\n========================================================= *\/\n\n.vwb-journey-grid{\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(\n      4,\n      minmax(0,1fr)\n    );\n\n  gap:16px;\n\n  margin-top:55px;\n\n}\n\n\n.vwb-journey-grid article{\n\n  min-width:0;\n\n  padding:\n    34px 25px;\n\n  text-align:left;\n\n  border-radius:26px;\n\n  border:\n    1px solid\n    rgba(22,60,83,.08);\n\n  background:\n    linear-gradient(\n      180deg,\n      #fff,\n      #f3f7f8\n    );\n\n  box-shadow:\n    0 18px 40px\n    rgba(12,40,57,.05);\n\n}\n\n\n.vwb-journey-icon{\n\n  margin-bottom:13px;\n\n  font-size:27px;\n\n}\n\n\n.vwb-journey-grid strong{\n\n  display:block;\n\n  margin-bottom:8px;\n\n  color:var(--vwb-navy);\n\n  font-size:15px;\n\n  line-height:1.35;\n\n  text-align:left;\n\n}\n\n\n.vwb-journey-grid article \u003e span{\n\n  color:#768894;\n\n  font-size:12px;\n\n  line-height:1.6;\n\n  text-align:left;\n\n}\n\n\n\/* =========================================================\n   FINAL\n========================================================= *\/\n\n.vwb-final{\n\n  overflow:hidden;\n\n  border-radius:42px;\n\n  background:#fff;\n\n  border:\n    1px solid\n    rgba(14,49,70,.07);\n\n  box-shadow:\n    0 38px 90px\n    rgba(15,43,60,.13);\n\n}\n\n\n\/* =========================================================\n   FINAL CONTENT\n   全部左对齐\n========================================================= *\/\n\n.vwb-final-content{\n\n  position:relative;\n\n  overflow:hidden;\n\n  padding:\n    72px 60px\n    62px;\n\n  text-align:left;\n\n  background:\n\n    radial-gradient(\n      circle at 15% 12%,\n      rgba(236,161,108,.14),\n      transparent 25%\n    ),\n\n    radial-gradient(\n      circle at 88% 85%,\n      rgba(54,95,121,.11),\n      transparent 29%\n    ),\n\n    linear-gradient(\n      135deg,\n      #fffdf9 0%,\n      #f8f4ed 52%,\n      #edf3f6 100%\n    );\n\n}\n\n\n.vwb-final-content::before{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:270px;\n  height:270px;\n\n  right:-105px;\n  top:-125px;\n\n  border-radius:50%;\n\n  border:\n    1px solid\n    rgba(54,95,121,.08);\n\n}\n\n\n.vwb-final-content::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  width:190px;\n  height:190px;\n\n  left:-95px;\n  bottom:-115px;\n\n  border-radius:50%;\n\n  border:\n    1px solid\n    rgba(236,161,108,.12);\n\n}\n\n\n\/* =========================================================\n   FINAL TOP LABEL\n========================================================= *\/\n\n.vwb-final-topline{\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:flex-start;\n\n  gap:14px;\n\n  position:relative;\n\n  z-index:2;\n\n}\n\n\n.vwb-final-line{\n\n  width:45px;\n  height:1px;\n\n  flex:none;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--vwb-orange),\n      transparent\n    );\n\n}\n\n\n.vwb-final-label{\n\n  color:var(--vwb-orange);\n\n  font-size:10px;\n\n  font-weight:900;\n\n  letter-spacing:2.8px;\n\n}\n\n\n\/* =========================================================\n   FINAL ICON\n========================================================= *\/\n\n.vwb-final-icon{\n\n  width:60px;\n  height:60px;\n\n  margin:\n    30px 0\n    23px;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  position:relative;\n\n  z-index:2;\n\n  border-radius:19px;\n\n  color:#fff;\n\n  font-size:23px;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--vwb-navy),\n      var(--vwb-blue)\n    );\n\n  box-shadow:\n    0 15px 32px\n    rgba(11,42,64,.18);\n\n}\n\n\n\/* =========================================================\n   FINAL TITLE\n========================================================= *\/\n\n.vwb-final-content h2{\n\n  max-width:820px;\n\n  margin:0;\n\n  position:relative;\n\n  z-index:2;\n\n  color:var(--vwb-navy);\n\n  font-size:\n    clamp(\n      38px,\n      4.5vw,\n      58px\n    );\n\n  line-height:1.03;\n\n  letter-spacing:-2px;\n\n  text-align:left;\n\n  word-break:normal;\n\n  overflow-wrap:normal;\n\n  hyphens:none;\n\n}\n\n\n.vwb-final-content h2 strong{\n\n  display:block;\n\n  margin-top:5px;\n\n  color:var(--vwb-blue);\n\n}\n\n\n\/* =========================================================\n   FINAL COPY\n========================================================= *\/\n\n.vwb-final-content \u003e p{\n\n  max-width:720px;\n\n  margin:\n    24px 0 0;\n\n  position:relative;\n\n  z-index:2;\n\n  color:#627682;\n\n  font-size:15px;\n\n  line-height:1.85;\n\n  text-align:left;\n\n}\n\n\n\/* =========================================================\n   FINAL BENEFITS\n========================================================= *\/\n\n.vwb-final-benefits{\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:flex-start;\n\n  flex-wrap:wrap;\n\n  gap:14px;\n\n  margin-top:32px;\n\n  position:relative;\n\n  z-index:2;\n\n}\n\n\n.vwb-final-benefits span{\n\n  color:#48677a;\n\n  font-size:9px;\n\n  font-weight:900;\n\n  letter-spacing:1.8px;\n\n}\n\n\n.vwb-final-benefits i{\n\n  width:5px;\n  height:5px;\n\n  flex:none;\n\n  display:block;\n\n  border-radius:50%;\n\n  background:\n    var(--vwb-orange);\n\n}\n\n\n\/* =========================================================\n   END\n========================================================= *\/\n\n.vwb-end{\n\n  display:flex;\n\n  align-items:center;\n\n  gap:25px;\n\n  padding:\n    70px 0\n    10px;\n\n}\n\n\n.vwb-end \u003e div{\n\n  flex:1;\n\n  height:1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(15,46,66,.24),\n      transparent\n    );\n\n}\n\n\n.vwb-end p{\n\n  margin:0;\n\n  color:var(--vwb-blue);\n\n  font-size:10px;\n\n  font-weight:900;\n\n  letter-spacing:2.5px;\n\n  text-align:center;\n\n}\n\n\n.vwb-end p span{\n\n  margin:\n    0 10px;\n\n  color:var(--vwb-orange);\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:980px){\n\n  .vwb-container{\n\n    width:\n      calc(100% - 28px);\n\n    padding:\n      50px 0;\n\n  }\n\n\n  .vwb-features{\n\n    grid-template-columns:\n      repeat(\n        2,\n        minmax(0,1fr)\n      );\n\n  }\n\n\n  .vwb-carry{\n\n    grid-template-columns:\n      1fr;\n\n    gap:40px;\n\n    padding:35px;\n\n  }\n\n\n  .vwb-journey-grid{\n\n    grid-template-columns:\n      repeat(\n        2,\n        minmax(0,1fr)\n      );\n\n  }\n\n}\n\n\n\/* =========================================================\n   SHOPIFY CONTAINER RESPONSIVE\n   窄预览也会正确上下排列\n========================================================= *\/\n\n@container (max-width:720px){\n\n\n  \/* HERO *\/\n\n  .vwb-hero{\n\n    padding:\n      50px 12px\n      60px;\n\n  }\n\n\n  \/* INTRO *\/\n\n  .vwb-intro{\n\n    padding:\n      75px 10px;\n\n    gap:28px;\n\n  }\n\n\n  \/* FEATURE CARDS 全部上下排列 *\/\n\n  .vwb-features{\n\n    grid-template-columns:\n      1fr;\n\n    gap:14px;\n\n    margin-bottom:70px;\n\n  }\n\n\n  .vwb-feature{\n\n    width:100%;\n\n    min-height:auto;\n\n    padding:\n      28px 26px;\n\n  }\n\n\n  \/* IMAGE 2 + CONTENT 上下排列 *\/\n\n  .vwb-carry{\n\n    grid-template-columns:\n      1fr;\n\n    gap:36px;\n\n    padding:18px;\n\n    border-radius:29px;\n\n  }\n\n\n  .vwb-carry-content{\n\n    padding:\n      0 10px\n      20px;\n\n  }\n\n\n  \/* CARRY CARDS 上下排列 *\/\n\n  .vwb-carry-grid{\n\n    grid-template-columns:\n      1fr;\n\n    gap:12px;\n\n  }\n\n\n  .vwb-carry-item{\n\n    width:100%;\n\n  }\n\n\n  \/* JOURNEY CARDS 上下排列 *\/\n\n  .vwb-journey-grid{\n\n    grid-template-columns:\n      1fr;\n\n    gap:12px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:640px){\n\n  .vwb-container{\n\n    width:\n      calc(100% - 20px);\n\n    padding:\n      30px 0\n      45px;\n\n  }\n\n\n  \/* =======================================================\n     HERO\n  ======================================================= *\/\n\n  .vwb-hero{\n\n    padding:\n      45px 8px\n      55px;\n\n  }\n\n\n  .vwb-eyebrow{\n\n    gap:8px;\n\n    font-size:8px;\n\n    line-height:1.5;\n\n    letter-spacing:1.8px;\n\n  }\n\n\n  .vwb-eyebrow span{\n\n    width:25px;\n\n  }\n\n\n  .vwb-hero h1{\n\n    max-width:100%;\n\n    font-size:\n      clamp(\n        38px,\n        11vw,\n        48px\n      );\n\n    line-height:1.02;\n\n    letter-spacing:-1.8px;\n\n  }\n\n\n  .vwb-hero-copy{\n\n    max-width:100%;\n\n    font-size:16px;\n\n  }\n\n\n  \/* =======================================================\n     IMAGE 1\n  ======================================================= *\/\n\n  .vwb-main-image{\n\n    border-radius:25px;\n\n  }\n\n\n  \/* =======================================================\n     INTRO\n  ======================================================= *\/\n\n  .vwb-intro{\n\n    padding:\n      65px 8px;\n\n    gap:25px;\n\n  }\n\n\n  .vwb-small-label{\n\n    font-size:9px;\n\n    letter-spacing:2.4px;\n\n  }\n\n\n  .vwb-intro h2,\n  .vwb-carry h2,\n  .vwb-journey h2{\n\n    max-width:100%;\n\n    font-size:\n      clamp(\n        34px,\n        9vw,\n        41px\n      );\n\n    line-height:1.06;\n\n    letter-spacing:-1.5px;\n\n  }\n\n\n  .vwb-intro-text{\n\n    max-width:100%;\n\n  }\n\n\n  .vwb-intro-text p{\n\n    max-width:100%;\n\n    font-size:15px;\n\n    line-height:1.8;\n\n  }\n\n\n  \/* =======================================================\n     FEATURES\n  ======================================================= *\/\n\n  .vwb-features{\n\n    grid-template-columns:\n      1fr;\n\n  }\n\n\n  .vwb-feature{\n\n    width:100%;\n\n    padding:\n      27px 24px;\n\n  }\n\n\n  .vwb-feature h3{\n\n    font-size:18px;\n\n  }\n\n\n  \/* =======================================================\n     CARRY SECTION\n  ======================================================= *\/\n\n  .vwb-carry{\n\n    grid-template-columns:\n      1fr;\n\n    gap:35px;\n\n    padding:18px;\n\n    border-radius:29px;\n\n  }\n\n\n  .vwb-carry-image{\n\n    border-radius:22px;\n\n  }\n\n\n  .vwb-carry-content{\n\n    padding:\n      0 10px\n      20px;\n\n  }\n\n\n  .vwb-carry-content \u003e p{\n\n    font-size:15px;\n\n  }\n\n\n  \/* CARRY CARDS *\/\n\n  .vwb-carry-grid{\n\n    grid-template-columns:\n      1fr;\n\n  }\n\n\n  .vwb-carry-item{\n\n    width:100%;\n\n    padding:16px;\n\n  }\n\n\n  \/* =======================================================\n     JOURNEY\n  ======================================================= *\/\n\n  .vwb-journey{\n\n    padding:\n      80px 8px;\n\n  }\n\n\n  .vwb-journey-heading{\n\n    width:100%;\n\n  }\n\n\n  .vwb-journey-heading \u003e p{\n\n    font-size:15px;\n\n  }\n\n\n  .vwb-journey-grid{\n\n    grid-template-columns:\n      1fr;\n\n    gap:12px;\n\n  }\n\n\n  .vwb-journey-grid article{\n\n    width:100%;\n\n    padding:\n      27px 20px;\n\n  }\n\n\n  \/* =======================================================\n     FINAL\n  ======================================================= *\/\n\n  .vwb-final{\n\n    border-radius:26px;\n\n  }\n\n\n  .vwb-final-content{\n\n    padding:\n      48px 24px\n      42px;\n\n  }\n\n\n  .vwb-final-topline{\n\n    gap:8px;\n\n  }\n\n\n  .vwb-final-line{\n\n    width:24px;\n\n  }\n\n\n  .vwb-final-label{\n\n    font-size:8px;\n\n    letter-spacing:1.5px;\n\n  }\n\n\n  .vwb-final-icon{\n\n    width:50px;\n    height:50px;\n\n    margin:\n      25px 0\n      22px;\n\n    font-size:20px;\n\n  }\n\n\n  .vwb-final-content h2{\n\n    max-width:100%;\n\n    font-size:\n      clamp(\n        34px,\n        9vw,\n        41px\n      );\n\n    line-height:1.05;\n\n    letter-spacing:-1.5px;\n\n  }\n\n\n  .vwb-final-content \u003e p{\n\n    max-width:100%;\n\n    font-size:14px;\n\n  }\n\n\n  .vwb-final-benefits{\n\n    justify-content:flex-start;\n\n    gap:9px;\n\n    margin-top:26px;\n\n  }\n\n\n  .vwb-final-benefits span{\n\n    font-size:7px;\n\n    letter-spacing:1px;\n\n  }\n\n\n  \/* =======================================================\n     END\n  ======================================================= *\/\n\n  .vwb-end{\n\n    gap:8px;\n\n    padding-top:45px;\n\n  }\n\n\n  .vwb-end p{\n\n    font-size:8px;\n\n    line-height:1.8;\n\n  }\n\n}\n\n\u003c\/style\u003e","brand":"Voyatral™ ","offers":[{"title":"1 pc","offer_id":67616451723518,"sku":"Voyatral*1","price":24.87,"currency_code":"USD","in_stock":true},{"title":"2 pcs","offer_id":67616451756286,"sku":"Voyatral*2","price":42.76,"currency_code":"USD","in_stock":true},{"title":"4 pcs","offer_id":67616451789054,"sku":"Voyatral*4","price":73.75,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0833\/2971\/2382\/files\/ChatGPTImage2026_9_24_18_34_06_1.png?v=1790665247","url":"https:\/\/voyatral.com\/products\/voyatral%e2%84%a2-portable-water-bottle-for-travel-and-outdoor-activities","provider":"Voyatral™  ","version":"1.0","type":"link"}