{"product_id":"soralique™-outdoor-weather-station","title":"Soralique™ Trail Water Purification Bottle","description":"\u003cstyle\u003e\n\/* ============================================================\n   SORALIQUE — TRAIL WATER FILTRATION BOTTLE\n   FLOW PATH \/ TRAIL HYDRATION SYSTEM\n\n   FIXED SHOPIFY LAYOUT\n   ------------------------------------------------------------\n   - 不修改 Product Gallery\n   - 不使用负 margin\n   - 默认 width:100%\n   - Desktop 只从 Product Info 向右扩展\n   - Mobile \/ Tablet 恢复 100%\n   - 所有关键容器 min-width:0\n   ============================================================ *\/\n\n.sq-twf {\n  --trail-950:#0b3429;\n  --trail-900:#124337;\n  --trail-750:#276151;\n  --trail-600:#4b776a;\n\n  --water:#4a9fc0;\n  --water-deep:#267b9e;\n  --water-soft:#b9dce8;\n  --water-pale:#e9f4f6;\n\n  --graphite:#252b2b;\n  --steel:#7d8785;\n\n  --amber:#d8953f;\n  --amber-soft:#edbd78;\n\n  --clear:#f9fbfa;\n  --mist:#edf2ef;\n  --cream:#f7f5ef;\n\n  --ink:#17211e;\n  --muted:#6d7772;\n  --line:rgba(11,52,41,.14);\n\n  width:100%;\n  max-width:100%;\n  min-width:0;\n\n  margin:34px 0 54px;\n  padding:0;\n\n  color:var(--ink);\n  font-family:inherit;\n\n  box-sizing:border-box;\n  isolation:isolate;\n}\n\n\n\/* ============================================================\n   SHOPIFY DESCRIPTION CONTAINER FIX\n   ============================================================ *\/\n\n.product__description:has(.sq-twf),\n.product-description:has(.sq-twf),\n.product__text:has(.sq-twf),\n.product-info__description:has(.sq-twf),\n.product-info__block:has(.sq-twf),\n.rte:has(.sq-twf) {\n\n  height:auto !important;\n  max-height:none !important;\n\n  overflow:visible !important;\n  overflow-x:visible !important;\n  overflow-y:visible !important;\n\n  min-width:0 !important;\n}\n\n\n\/* ============================================================\n   DESKTOP WIDTH SYSTEM\n   ============================================================ *\/\n\n@media screen and (min-width:1200px) {\n\n  .sq-twf {\n    width:min(920px,46vw);\n    max-width:calc(100vw - 40px);\n    min-width:0;\n  }\n\n}\n\n\n@media screen and (min-width:990px) and (max-width:1199px) {\n\n  .sq-twf {\n    width:min(800px,46vw);\n    max-width:calc(100vw - 32px);\n    min-width:0;\n  }\n\n}\n\n\n@media screen and (max-width:989px) {\n\n  .sq-twf {\n    width:100%;\n    max-width:100%;\n    min-width:0;\n  }\n\n}\n\n\n.sq-twf *,\n.sq-twf *::before,\n.sq-twf *::after {\n  box-sizing:border-box;\n}\n\n\n\/* ============================================================\n   01 — HERO \/ WATER FLOW IDENTITY\n   ============================================================ *\/\n\n.sq-twf__hero {\n  position:relative;\n  overflow:hidden;\n\n  min-width:0;\n\n  padding:\n    clamp(30px,5vw,64px)\n    clamp(22px,5vw,62px)\n    clamp(30px,4vw,48px);\n\n  border:1px solid var(--line);\n\n  background:\n    linear-gradient(\n      145deg,\n      #fbfcfa 0%,\n      #f1f5f1 56%,\n      #e4efed 100%\n    );\n}\n\n\n\/* water contour *\/\n.sq-twf__hero::before {\n  content:\"\";\n\n  position:absolute;\n\n  width:430px;\n  height:430px;\n\n  right:-155px;\n  top:-175px;\n\n  border:\n    1px solid rgba(74,159,192,.17);\n\n  border-radius:\n    45% 55% 51% 49% \/\n    55% 44% 56% 45%;\n\n  box-shadow:\n    0 0 0 31px rgba(74,159,192,.045),\n    0 0 0 62px rgba(74,159,192,.025),\n    0 0 0 93px rgba(74,159,192,.015);\n\n  transform:rotate(-12deg);\n\n  pointer-events:none;\n}\n\n\n\/* water drop *\/\n.sq-twf__hero::after {\n  content:\"\";\n\n  position:absolute;\n\n  right:58px;\n  top:48px;\n\n  width:12px;\n  height:17px;\n\n  border-radius:\n    60% 40% 62% 38% \/\n    70% 65% 35% 30%;\n\n  background:var(--water);\n\n  transform:rotate(42deg);\n\n  box-shadow:\n    0 0 0 7px rgba(74,159,192,.10);\n\n  pointer-events:none;\n}\n\n\n.sq-twf__topline {\n  position:relative;\n  z-index:1;\n\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n\n  gap:24px;\n\n  min-width:0;\n\n  margin-bottom:\n    clamp(42px,7vw,82px);\n}\n\n\n.sq-twf__series {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  color:var(--trail-900);\n\n  font-size:10px;\n  font-weight:800;\n\n  letter-spacing:.18em;\n\n  text-transform:uppercase;\n}\n\n\n.sq-twf__series::before {\n  content:\"\";\n\n  width:20px;\n  height:1px;\n\n  background:var(--water);\n}\n\n\n.sq-twf__series::after {\n  content:\"\";\n\n  width:5px;\n  height:5px;\n\n  margin-left:-5px;\n\n  border-radius:50%;\n\n  background:var(--water);\n}\n\n\n.sq-twf__mode {\n  color:\n    rgba(11,52,41,.52);\n\n  font-size:9px;\n  font-weight:800;\n\n  letter-spacing:.16em;\n\n  text-transform:uppercase;\n}\n\n\n.sq-twf__hero-grid {\n  position:relative;\n  z-index:1;\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.48fr)\n    minmax(220px,.62fr);\n\n  align-items:end;\n\n  gap:\n    clamp(28px,5vw,66px);\n\n  min-width:0;\n}\n\n\n.sq-twf__eyebrow {\n  margin:0 0 13px;\n\n  color:var(--water-deep);\n\n  font-size:10px;\n  font-weight:800;\n\n  letter-spacing:.20em;\n\n  text-transform:uppercase;\n}\n\n\n.sq-twf__title {\n  max-width:700px;\n\n  margin:0;\n\n  color:var(--trail-950);\n\n  font-size:\n    clamp(38px,6vw,76px);\n\n  font-weight:850;\n\n  line-height:.90;\n\n  letter-spacing:-.057em;\n}\n\n\n.sq-twf__title span {\n  display:block;\n\n  color:var(--water-deep);\n}\n\n\n.sq-twf__intro {\n  max-width:560px;\n\n  margin:20px 0 0;\n\n  color:\n    rgba(23,33,30,.66);\n\n  font-size:13px;\n\n  line-height:1.72;\n}\n\n\n\/* ============================================================\n   FLOW PATH VISUAL\n   ============================================================ *\/\n\n.sq-twf__flowmap {\n  display:grid;\n\n  width:min(100%,230px);\n\n  justify-self:end;\n\n  gap:5px;\n\n  min-width:0;\n}\n\n\n.sq-twf__flowstep {\n  display:grid;\n\n  grid-template-columns:\n    38px\n    minmax(0,1fr);\n\n  align-items:center;\n\n  min-width:0;\n\n  border:\n    1px solid rgba(11,52,41,.14);\n\n  background:\n    rgba(255,255,255,.50);\n}\n\n\n.sq-twf__flow-no {\n  display:grid;\n  place-items:center;\n\n  align-self:stretch;\n\n  min-height:48px;\n\n  background:var(--trail-950);\n\n  color:#fff;\n\n  font-size:9px;\n  font-weight:800;\n}\n\n\n.sq-twf__flowstep:nth-child(2)\n.sq-twf__flow-no {\n  background:var(--water-deep);\n}\n\n\n.sq-twf__flowstep:nth-child(3)\n.sq-twf__flow-no {\n  background:var(--water);\n}\n\n\n.sq-twf__flowstep:nth-child(4)\n.sq-twf__flow-no {\n  background:var(--trail-750);\n}\n\n\n.sq-twf__flow-name {\n  padding:\n    11px 13px;\n\n  color:var(--trail-900);\n\n  font-size:10px;\n  font-weight:800;\n\n  letter-spacing:.10em;\n\n  text-transform:uppercase;\n}\n\n\n\/* ============================================================\n   02 — MARQUEE\n   ============================================================ *\/\n\n.sq-twf__marquee {\n  overflow:hidden;\n\n  margin:12px 0;\n\n  background:var(--trail-950);\n\n  color:#fff;\n}\n\n\n.sq-twf__marquee-track {\n  display:flex;\n\n  width:max-content;\n\n  animation:\n    sqTwfRun 29s linear infinite;\n\n  will-change:transform;\n}\n\n\n.sq-twf__marquee:hover\n.sq-twf__marquee-track {\n  animation-play-state:paused;\n}\n\n\n.sq-twf__marquee-group {\n  display:flex;\n  align-items:center;\n\n  flex-shrink:0;\n\n  white-space:nowrap;\n}\n\n\n.sq-twf__marquee-item {\n  display:inline-flex;\n  align-items:center;\n\n  gap:15px;\n\n  padding:\n    14px 21px;\n\n  font-size:10px;\n  font-weight:750;\n\n  line-height:1;\n\n  letter-spacing:.15em;\n\n  text-transform:uppercase;\n}\n\n\n.sq-twf__marquee-drop {\n  width:7px;\n  height:9px;\n\n  flex:0 0 7px;\n\n  border-radius:\n    70% 30% 65% 35% \/\n    70% 65% 35% 30%;\n\n  background:var(--water-soft);\n\n  transform:rotate(42deg);\n}\n\n\n@keyframes sqTwfRun {\n\n  from {\n    transform:translateX(0);\n  }\n\n  to {\n    transform:translateX(-50%);\n  }\n\n}\n\n\n\/* ============================================================\n   03 — CHAPTER\n   ============================================================ *\/\n\n.sq-twf__chapter {\n  display:grid;\n\n  grid-template-columns:\n    72px\n    minmax(0,1fr)\n    auto;\n\n  gap:18px;\n\n  align-items:center;\n\n  min-width:0;\n\n  margin:12px 0;\n\n  padding:\n    18px 2px;\n\n  border-bottom:\n    1px solid var(--line);\n}\n\n\n.sq-twf__chapter-no {\n  color:var(--water-deep);\n\n  font-size:10px;\n  font-weight:800;\n\n  letter-spacing:.16em;\n}\n\n\n.sq-twf__chapter-main {\n  min-width:0;\n}\n\n\n.sq-twf__chapter-title {\n  display:block;\n\n  color:var(--trail-950);\n\n  font-size:\n    clamp(18px,2vw,25px);\n\n  font-weight:850;\n\n  letter-spacing:-.025em;\n}\n\n\n.sq-twf__chapter-desc {\n  display:block;\n\n  margin-top:4px;\n\n  color:var(--muted);\n\n  font-size:10px;\n\n  letter-spacing:.08em;\n\n  text-transform:uppercase;\n}\n\n\n.sq-twf__chapter-code {\n  color:\n    rgba(11,52,41,.42);\n\n  text-align:right;\n\n  font-size:9px;\n  font-weight:800;\n\n  line-height:1.5;\n\n  letter-spacing:.14em;\n\n  text-transform:uppercase;\n}\n\n\n\/* ============================================================\n   04 — IMAGE PLATE\n   完整显示 \/ 不裁切 \/ 不遮挡文字\n   ============================================================ *\/\n\n.sq-twf__plate {\n  position:relative;\n\n  width:100%;\n  min-width:0;\n\n  margin:0 0 12px;\n\n  padding:8px;\n\n  border:\n    1px solid rgba(11,52,41,.11);\n\n  background:#f6f8f6;\n\n  transition:\n    transform .28s ease,\n    box-shadow .28s ease;\n}\n\n\n.sq-twf__plate:hover {\n  transform:\n    translateY(-5px);\n\n  box-shadow:\n    0 27px 58px rgba(7,38,31,.11),\n    0 8px 18px rgba(7,38,31,.05);\n}\n\n\n.sq-twf__plate::before {\n  content:\"\";\n\n  position:absolute;\n\n  left:-1px;\n  top:-1px;\n\n  width:72px;\n  height:3px;\n\n  background:var(--water);\n}\n\n\n.sq-twf__plate::after {\n  content:\"\";\n\n  position:absolute;\n\n  right:-1px;\n  bottom:-1px;\n\n  width:72px;\n  height:3px;\n\n  background:var(--trail-900);\n}\n\n\n.sq-twf__plate img {\n  display:block;\n\n  width:100%;\n  max-width:100%;\n\n  height:auto;\n\n  margin:0;\n  padding:0;\n\n  object-fit:contain;\n  object-position:center;\n\n  border:0;\n\n  transform:none;\n}\n\n\n\/* ============================================================\n   05 — USE FLOW\n   CARRY → FILL → FILTER → REUSE\n   ============================================================ *\/\n\n.sq-twf__useflow {\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr));\n\n  min-width:0;\n\n  margin:0 0 12px;\n\n  border:\n    1px solid var(--line);\n\n  background:var(--clear);\n}\n\n\n.sq-twf__use {\n  min-width:0;\n\n  padding:\n    21px\n    16px\n    19px;\n\n  border-right:\n    1px solid var(--line);\n}\n\n\n.sq-twf__use:last-child {\n  border-right:0;\n}\n\n\n.sq-twf__use-no {\n  display:flex;\n  align-items:center;\n\n  gap:8px;\n\n  margin-bottom:15px;\n\n  color:var(--water-deep);\n\n  font-size:9px;\n  font-weight:800;\n\n  letter-spacing:.14em;\n}\n\n\n.sq-twf__use-no::after {\n  content:\"\";\n\n  height:1px;\n\n  flex:1;\n\n  background:\n    rgba(74,159,192,.30);\n}\n\n\n.sq-twf__use strong {\n  display:block;\n\n  color:var(--trail-950);\n\n  font-size:13px;\n  font-weight:850;\n}\n\n\n.sq-twf__use p {\n  margin:\n    7px 0 0;\n\n  color:var(--muted);\n\n  font-size:10px;\n\n  line-height:1.5;\n}\n\n\n\/* ============================================================\n   06 — WATER FLOW \/ FILTER PANEL\n   ============================================================ *\/\n\n.sq-twf__filterpanel {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.32fr)\n    minmax(250px,.68fr);\n\n  min-width:0;\n\n  margin:0 0 12px;\n\n  background:var(--trail-950);\n\n  color:#fff;\n}\n\n\n.sq-twf__filter-main {\n  min-width:0;\n\n  padding:\n    clamp(28px,4.5vw,52px);\n}\n\n\n.sq-twf__filter-label {\n  margin-bottom:19px;\n\n  color:var(--water-soft);\n\n  font-size:10px;\n  font-weight:800;\n\n  letter-spacing:.18em;\n\n  text-transform:uppercase;\n}\n\n\n.sq-twf__filter-title {\n  max-width:570px;\n\n  margin:0;\n\n  color:#fff;\n\n  font-size:\n    clamp(30px,4.8vw,56px);\n\n  font-weight:800;\n\n  line-height:.95;\n\n  letter-spacing:-.047em;\n}\n\n\n.sq-twf__filter-title span {\n  color:#a9d6e4;\n}\n\n\n.sq-twf__filter-copy {\n  max-width:520px;\n\n  margin:18px 0 0;\n\n  color:\n    rgba(255,255,255,.60);\n\n  font-size:12px;\n\n  line-height:1.75;\n}\n\n\n\/* abstract filter cartridge *\/\n.sq-twf__filter-visual {\n  position:relative;\n\n  overflow:hidden;\n\n  min-width:0;\n  min-height:280px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #30584c,\n      #132f27\n    );\n}\n\n\n.sq-twf__cartridge {\n  position:absolute;\n\n  left:50%;\n  top:50%;\n\n  width:72px;\n  height:180px;\n\n  transform:\n    translate(-50%,-50%);\n\n  border:\n    1px solid rgba(255,255,255,.22);\n\n  border-radius:18px;\n\n  overflow:hidden;\n\n  background:\n    rgba(255,255,255,.045);\n}\n\n\n.sq-twf__cartridge::before {\n  content:\"\";\n\n  position:absolute;\n\n  left:12px;\n  right:12px;\n  top:24px;\n  bottom:24px;\n\n  background:\n    repeating-linear-gradient(\n      0deg,\n      rgba(185,220,232,.75) 0 3px,\n      transparent 3px 9px\n    );\n}\n\n\n.sq-twf__cartridge::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:50%;\n  bottom:-42px;\n\n  width:1px;\n  height:42px;\n\n  background:\n    var(--water-soft);\n}\n\n\n.sq-twf__flowdrop {\n  position:absolute;\n\n  left:50%;\n  bottom:28px;\n\n  width:12px;\n  height:17px;\n\n  margin-left:-6px;\n\n  border-radius:\n    70% 30% 65% 35% \/\n    70% 65% 35% 30%;\n\n  background:var(--water);\n\n  transform:rotate(42deg);\n\n  box-shadow:\n    0 0 20px rgba(74,159,192,.30);\n}\n\n\n.sq-twf__filter-meta {\n  position:absolute;\n\n  right:20px;\n  bottom:18px;\n\n  color:\n    rgba(255,255,255,.54);\n\n  text-align:right;\n\n  font-size:9px;\n  font-weight:800;\n\n  line-height:1.55;\n\n  letter-spacing:.14em;\n\n  text-transform:uppercase;\n}\n\n\n\/* ============================================================\n   07 — CONSTRUCTION\n   ============================================================ *\/\n\n.sq-twf__build {\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr));\n\n  min-width:0;\n\n  margin:0 0 12px;\n\n  border:\n    1px solid var(--line);\n\n  background:\n    linear-gradient(\n      180deg,\n      #f9faf8,\n      #edf2ef\n    );\n}\n\n\n.sq-twf__build-item {\n  min-width:0;\n\n  padding:\n    20px\n    16px\n    19px;\n\n  border-right:\n    1px solid var(--line);\n}\n\n\n.sq-twf__build-item:last-child {\n  border-right:0;\n}\n\n\n.sq-twf__build-no {\n  display:block;\n\n  margin-bottom:14px;\n\n  color:var(--water-deep);\n\n  font-size:9px;\n  font-weight:800;\n\n  letter-spacing:.14em;\n}\n\n\n.sq-twf__build-item strong {\n  display:block;\n\n  color:var(--trail-950);\n\n  font-size:11px;\n  font-weight:850;\n\n  line-height:1.35;\n\n  text-transform:uppercase;\n}\n\n\n\/* ============================================================\n   08 — BOTTLE SCALE\n   ============================================================ *\/\n\n.sq-twf__spec {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.42fr)\n    minmax(280px,.58fr);\n\n  min-width:0;\n\n  margin:0 0 12px;\n\n  background:var(--graphite);\n\n  color:#fff;\n}\n\n\n.sq-twf__spec-main {\n  min-width:0;\n\n  padding:\n    clamp(27px,4.3vw,48px);\n}\n\n\n.sq-twf__spec-label {\n  margin-bottom:22px;\n\n  color:var(--water-soft);\n\n  font-size:10px;\n  font-weight:800;\n\n  letter-spacing:.18em;\n\n  text-transform:uppercase;\n}\n\n\n.sq-twf__dimensions {\n  display:flex;\n  flex-wrap:wrap;\n  align-items:flex-end;\n\n  gap:\n    8px 13px;\n\n  min-width:0;\n}\n\n\n.sq-twf__dimension {\n  color:#fff;\n\n  font-size:\n    clamp(39px,6vw,72px);\n\n  font-weight:850;\n\n  line-height:.91;\n\n  letter-spacing:-.055em;\n}\n\n\n.sq-twf__measure {\n  padding-bottom:7px;\n\n  color:rgba(255,255,255,.45);\n\n  font-size:11px;\n  font-weight:800;\n\n  letter-spacing:.10em;\n}\n\n\n.sq-twf__unit {\n  margin-top:13px;\n\n  color:\n    rgba(255,255,255,.48);\n\n  font-size:9px;\n  font-weight:800;\n\n  letter-spacing:.15em;\n\n  text-transform:uppercase;\n}\n\n\n.sq-twf__spec-side {\n  display:grid;\n\n  grid-template-rows:\n    1fr\n    1fr;\n\n  min-width:0;\n\n  background:\n    linear-gradient(\n      145deg,\n      var(--water-deep),\n      var(--trail-950)\n    );\n}\n\n\n.sq-twf__stat {\n  display:flex;\n  justify-content:space-between;\n  align-items:end;\n\n  gap:15px;\n\n  min-width:0;\n\n  padding:\n    24px\n    22px;\n\n  border-bottom:\n    1px solid rgba(255,255,255,.10);\n}\n\n\n.sq-twf__stat:last-child {\n  border-bottom:0;\n}\n\n\n.sq-twf__stat small {\n  color:\n    rgba(255,255,255,.54);\n\n  font-size:9px;\n  font-weight:800;\n\n  line-height:1.5;\n\n  letter-spacing:.13em;\n\n  text-transform:uppercase;\n}\n\n\n.sq-twf__stat strong {\n  color:#fff;\n\n  text-align:right;\n\n  font-size:\n    clamp(24px,3vw,36px);\n\n  font-weight:850;\n\n  line-height:.95;\n\n  letter-spacing:-.04em;\n}\n\n\n\/* ============================================================\n   09 — COMPONENT SCALE\n   ============================================================ *\/\n\n.sq-twf__parts {\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr));\n\n  min-width:0;\n\n  margin:0 0 12px;\n\n  background:var(--water-pale);\n\n  border:\n    1px solid var(--line);\n}\n\n\n.sq-twf__part {\n  min-width:0;\n\n  padding:\n    20px\n    16px;\n\n  border-right:\n    1px solid var(--line);\n}\n\n\n.sq-twf__part:last-child {\n  border-right:0;\n}\n\n\n.sq-twf__part-small {\n  display:block;\n\n  margin-bottom:8px;\n\n  color:var(--water-deep);\n\n  font-size:9px;\n  font-weight:800;\n\n  letter-spacing:.14em;\n\n  text-transform:uppercase;\n}\n\n\n.sq-twf__part strong {\n  display:block;\n\n  color:var(--trail-950);\n\n  font-size:16px;\n  font-weight:850;\n\n  line-height:1.2;\n}\n\n\n.sq-twf__part span:last-child {\n  display:block;\n\n  margin-top:5px;\n\n  color:var(--muted);\n\n  font-size:10px;\n}\n\n\n\/* ============================================================\n   10 — CLEANING \/ REUSE BAND\n   ============================================================ *\/\n\n.sq-twf__reuse {\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  min-width:0;\n\n  margin:0 0 12px;\n\n  border:\n    1px solid var(--line);\n\n  background:var(--cream);\n}\n\n\n.sq-twf__reuse-item {\n  min-width:0;\n\n  padding:\n    21px\n    18px;\n\n  border-right:\n    1px solid var(--line);\n}\n\n\n.sq-twf__reuse-item:last-child {\n  border-right:0;\n}\n\n\n.sq-twf__reuse-small {\n  display:block;\n\n  margin-bottom:8px;\n\n  color:var(--water-deep);\n\n  font-size:9px;\n  font-weight:800;\n\n  letter-spacing:.15em;\n\n  text-transform:uppercase;\n}\n\n\n.sq-twf__reuse-item strong {\n  display:block;\n\n  color:var(--trail-950);\n\n  font-size:13px;\n  font-weight:850;\n\n  line-height:1.35;\n}\n\n\n\/* ============================================================\n   11 — END\n   ============================================================ *\/\n\n.sq-twf__end {\n  position:relative;\n\n  overflow:hidden;\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.4fr)\n    minmax(210px,.6fr);\n\n  gap:28px;\n\n  align-items:end;\n\n  min-width:0;\n\n  padding:\n    clamp(30px,5vw,56px);\n\n  background:\n    linear-gradient(\n      135deg,\n      #e7f0ed,\n      #cfdfda\n    );\n\n  border:\n    1px solid var(--line);\n}\n\n\n.sq-twf__end::after {\n  content:\"FLOW FORWARD\";\n\n  position:absolute;\n\n  right:-18px;\n  top:-5px;\n\n  color:\n    rgba(38,123,158,.055);\n\n  font-size:\n    clamp(48px,9vw,116px);\n\n  font-weight:900;\n\n  line-height:1;\n\n  letter-spacing:-.07em;\n\n  white-space:nowrap;\n\n  pointer-events:none;\n}\n\n\n.sq-twf__end-main {\n  position:relative;\n  z-index:1;\n\n  min-width:0;\n}\n\n\n.sq-twf__end-label {\n  margin-bottom:14px;\n\n  color:var(--water-deep);\n\n  font-size:10px;\n  font-weight:800;\n\n  letter-spacing:.18em;\n\n  text-transform:uppercase;\n}\n\n\n.sq-twf__end h3 {\n  max-width:630px;\n\n  margin:0;\n\n  color:var(--trail-950);\n\n  font-size:\n    clamp(29px,4.5vw,54px);\n\n  font-weight:850;\n\n  line-height:.97;\n\n  letter-spacing:-.05em;\n}\n\n\n.sq-twf__end-meta {\n  position:relative;\n  z-index:1;\n\n  padding-left:18px;\n\n  border-left:\n    2px solid var(--water);\n\n  color:var(--trail-900);\n\n  font-size:10px;\n  font-weight:800;\n\n  line-height:1.8;\n\n  letter-spacing:.12em;\n\n  text-transform:uppercase;\n}\n\n\n\/* ============================================================\n   MOBILE\n   ============================================================ *\/\n\n@media(max-width:749px) {\n\n  .sq-twf {\n    width:100%;\n    max-width:100%;\n    min-width:0;\n\n    margin:24px 0 38px;\n  }\n\n\n  .sq-twf__hero {\n    padding:\n      28px\n      19px\n      26px;\n  }\n\n\n  .sq-twf__topline {\n    margin-bottom:40px;\n  }\n\n\n  .sq-twf__mode {\n    display:none;\n  }\n\n\n  .sq-twf__hero-grid {\n    grid-template-columns:1fr;\n\n    gap:30px;\n  }\n\n\n  .sq-twf__title {\n    font-size:\n      clamp(39px,12vw,56px);\n  }\n\n\n  .sq-twf__flowmap {\n    width:100%;\n\n    justify-self:stretch;\n  }\n\n\n  .sq-twf__marquee-item {\n    padding:\n      13px\n      16px;\n\n    font-size:9px;\n  }\n\n\n  .sq-twf__chapter {\n    grid-template-columns:\n      52px\n      minmax(0,1fr);\n\n    gap:10px;\n  }\n\n\n  .sq-twf__chapter-code {\n    display:none;\n  }\n\n\n  .sq-twf__plate {\n    padding:5px;\n  }\n\n\n  .sq-twf__plate:hover {\n    transform:translateY(-2px);\n  }\n\n\n  .sq-twf__useflow {\n    grid-template-columns:\n      1fr\n      1fr;\n  }\n\n\n  .sq-twf__use:nth-child(2) {\n    border-right:0;\n  }\n\n\n  .sq-twf__use:nth-child(1),\n  .sq-twf__use:nth-child(2) {\n    border-bottom:\n      1px solid var(--line);\n  }\n\n\n  .sq-twf__filterpanel {\n    grid-template-columns:1fr;\n  }\n\n\n  .sq-twf__filter-visual {\n    min-height:230px;\n  }\n\n\n  .sq-twf__build {\n    grid-template-columns:\n      1fr\n      1fr;\n  }\n\n\n  .sq-twf__build-item:nth-child(2) {\n    border-right:0;\n  }\n\n\n  .sq-twf__build-item:nth-child(1),\n  .sq-twf__build-item:nth-child(2) {\n    border-bottom:\n      1px solid var(--line);\n  }\n\n\n  .sq-twf__spec {\n    grid-template-columns:1fr;\n  }\n\n\n  .sq-twf__parts {\n    grid-template-columns:\n      1fr\n      1fr;\n  }\n\n\n  .sq-twf__part:nth-child(2) {\n    border-right:0;\n  }\n\n\n  .sq-twf__part:nth-child(1),\n  .sq-twf__part:nth-child(2) {\n    border-bottom:\n      1px solid var(--line);\n  }\n\n\n  .sq-twf__reuse {\n    grid-template-columns:1fr;\n  }\n\n\n  .sq-twf__reuse-item {\n    border-right:0;\n\n    border-bottom:\n      1px solid var(--line);\n  }\n\n\n  .sq-twf__reuse-item:last-child {\n    border-bottom:0;\n  }\n\n\n  .sq-twf__end {\n    grid-template-columns:1fr;\n  }\n\n\n  .sq-twf__end-meta {\n    padding-left:14px;\n  }\n\n}\n\n\n@media(prefers-reduced-motion:reduce) {\n\n  .sq-twf__marquee-track {\n    animation:none;\n  }\n\n\n  .sq-twf__plate {\n    transition:none;\n  }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"sq-twf\"\u003e\n\u003c!-- ======================================================\n       HERO\n       ====================================================== --\u003e\n\u003csection class=\"sq-twf__hero\"\u003e\n\u003cdiv class=\"sq-twf__topline\"\u003e\n\u003cdiv class=\"sq-twf__series\"\u003eSORALIQUE \/ TRAIL WATER\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__mode\"\u003ePORTABLE FILTRATION SYSTEM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"sq-twf__eyebrow\"\u003eTrail Water Filtration Bottle\u003c\/p\u003e\n\u003ch2 class=\"sq-twf__title\"\u003eFill Outside. \u003cspan\u003eFilter As You Drink.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sq-twf__intro\"\u003eA portable hydration system built around an integrated filter cartridge, reusable bottle construction and an easy-drink lid for outdoor adventures, travel and everyday hydration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__flowmap\"\u003e\n\u003cdiv class=\"sq-twf__flowstep\"\u003e\n\u003cspan class=\"sq-twf__flow-no\"\u003e01\u003c\/span\u003e \u003cspan class=\"sq-twf__flow-name\"\u003e Carry \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__flowstep\"\u003e\n\u003cspan class=\"sq-twf__flow-no\"\u003e02\u003c\/span\u003e \u003cspan class=\"sq-twf__flow-name\"\u003e Fill \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__flowstep\"\u003e\n\u003cspan class=\"sq-twf__flow-no\"\u003e03\u003c\/span\u003e \u003cspan class=\"sq-twf__flow-name\"\u003e Filter \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__flowstep\"\u003e\n\u003cspan class=\"sq-twf__flow-no\"\u003e04\u003c\/span\u003e \u003cspan class=\"sq-twf__flow-name\"\u003e Reuse \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n       MARQUEE\n       ====================================================== --\u003e\n\u003cdiv class=\"sq-twf__marquee\"\u003e\n\u003cdiv class=\"sq-twf__marquee-track\"\u003e\n\u003cdiv class=\"sq-twf__marquee-group\"\u003e\n\u003cspan class=\"sq-twf__marquee-item\"\u003e 1000 ML BOTTLE \u003ci class=\"sq-twf__marquee-drop\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-twf__marquee-item\"\u003e INTEGRATED FILTER \u003ci class=\"sq-twf__marquee-drop\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-twf__marquee-item\"\u003e BPA-FREE TRITAN CO-POLYESTER \u003ci class=\"sq-twf__marquee-drop\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-twf__marquee-item\"\u003e SILICONE DRINKING NOZZLE \u003ci class=\"sq-twf__marquee-drop\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-twf__marquee-item\"\u003e LEAK-RESISTANT DESIGN \u003ci class=\"sq-twf__marquee-drop\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-twf__marquee-item\"\u003e CLEANING BRUSH INCLUDED \u003ci class=\"sq-twf__marquee-drop\"\u003e\u003c\/i\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__marquee-group\"\u003e\n\u003cspan class=\"sq-twf__marquee-item\"\u003e 1000 ML BOTTLE \u003ci class=\"sq-twf__marquee-drop\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-twf__marquee-item\"\u003e INTEGRATED FILTER \u003ci class=\"sq-twf__marquee-drop\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-twf__marquee-item\"\u003e BPA-FREE TRITAN CO-POLYESTER \u003ci class=\"sq-twf__marquee-drop\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-twf__marquee-item\"\u003e SILICONE DRINKING NOZZLE \u003ci class=\"sq-twf__marquee-drop\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-twf__marquee-item\"\u003e LEAK-RESISTANT DESIGN \u003ci class=\"sq-twf__marquee-drop\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-twf__marquee-item\"\u003e CLEANING BRUSH INCLUDED \u003ci class=\"sq-twf__marquee-drop\"\u003e\u003c\/i\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ======================================================\n       01 — TRAIL FLOW\n       ====================================================== --\u003e\n\u003cdiv class=\"sq-twf__chapter\"\u003e\n\u003cdiv class=\"sq-twf__chapter-no\"\u003e01 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__chapter-main\"\u003e\n\u003cstrong class=\"sq-twf__chapter-title\"\u003e WATER MOVES WITH YOU \u003c\/strong\u003e \u003cspan class=\"sq-twf__chapter-desc\"\u003e Carry \/ fill \/ filter \/ reuse \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__chapter-code\"\u003eTRAIL\u003cbr\u003eFLOW\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__useflow\"\u003e\n\u003cdiv class=\"sq-twf__use\"\u003e\n\u003cspan class=\"sq-twf__use-no\"\u003e 01 \u003c\/span\u003e \u003cstrong\u003e Carry \u003c\/strong\u003e\n\u003cp\u003eLightweight bottle format for backpack and travel use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__use\"\u003e\n\u003cspan class=\"sq-twf__use-no\"\u003e 02 \u003c\/span\u003e \u003cstrong\u003e Fill \u003c\/strong\u003e\n\u003cp\u003eWide bottle opening supports straightforward water collection.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__use\"\u003e\n\u003cspan class=\"sq-twf__use-no\"\u003e 03 \u003c\/span\u003e \u003cstrong\u003e Filter \u003c\/strong\u003e\n\u003cp\u003eIntegrated cartridge creates the internal water flow path.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__use\"\u003e\n\u003cspan class=\"sq-twf__use-no\"\u003e 04 \u003c\/span\u003e \u003cstrong\u003e Reuse \u003c\/strong\u003e\n\u003cp\u003eBottle and removable components support repeated use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-twf__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/11-6.jpg?v=1791292092\" alt=\"SorAlique Trail Water Purification Bottle showing carry, fill, filter and reuse use cases\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n       FILTER FLOW\n       ====================================================== --\u003e\n\u003csection class=\"sq-twf__filterpanel\"\u003e\n\u003cdiv class=\"sq-twf__filter-main\"\u003e\n\u003cdiv class=\"sq-twf__filter-label\"\u003eInternal Flow Path\u003c\/div\u003e\n\u003ch3 class=\"sq-twf__filter-title\"\u003eWater in. \u003cspan\u003eFilter in the flow.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp class=\"sq-twf__filter-copy\"\u003eThe long internal filter cartridge sits directly inside the bottle, creating a compact filtration system without adding a separate piece of equipment to your trail setup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__filter-visual\"\u003e\n\u003cdiv class=\"sq-twf__cartridge\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__flowdrop\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__filter-meta\"\u003eWATER PATH\u003cbr\u003eFILTER CORE\u003cbr\u003eDRINK FLOW\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n       02 — CONSTRUCTION\n       ====================================================== --\u003e\n\u003cdiv class=\"sq-twf__chapter\"\u003e\n\u003cdiv class=\"sq-twf__chapter-no\"\u003e02 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__chapter-main\"\u003e\n\u003cstrong class=\"sq-twf__chapter-title\"\u003e BUILT AROUND THE BOTTLE \u003c\/strong\u003e \u003cspan class=\"sq-twf__chapter-desc\"\u003e Filter \/ body \/ drinking nozzle \/ closure \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__chapter-code\"\u003eWATER\u003cbr\u003eSYSTEM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__build\"\u003e\n\u003cdiv class=\"sq-twf__build-item\"\u003e\n\u003cspan class=\"sq-twf__build-no\"\u003e 01 \u003c\/span\u003e \u003cstrong\u003e Integrated Filter Technology \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__build-item\"\u003e\n\u003cspan class=\"sq-twf__build-no\"\u003e 02 \u003c\/span\u003e \u003cstrong\u003e BPA-Free Tritan Co-Polyester Body \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__build-item\"\u003e\n\u003cspan class=\"sq-twf__build-no\"\u003e 03 \u003c\/span\u003e \u003cstrong\u003e Silicone Drinking Nozzle \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__build-item\"\u003e\n\u003cspan class=\"sq-twf__build-no\"\u003e 04 \u003c\/span\u003e \u003cstrong\u003e Leak-Resistant Lid Design \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-twf__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/11-7.jpg?v=1791292085\" alt=\"SorAlique Trail Water Filtration Bottle showing filter technology, Tritan bottle material, silicone drinking nozzle and leak-resistant lid\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n       03 — SCALE \/ PARTS\n       ====================================================== --\u003e\n\u003cdiv class=\"sq-twf__chapter\"\u003e\n\u003cdiv class=\"sq-twf__chapter-no\"\u003e03 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__chapter-main\"\u003e\n\u003cstrong class=\"sq-twf__chapter-title\"\u003e ONE BOTTLE. INTEGRATED SYSTEM. \u003c\/strong\u003e \u003cspan class=\"sq-twf__chapter-desc\"\u003e Bottle \/ filter \/ nozzle \/ cleaning \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__chapter-code\"\u003eSYSTEM\u003cbr\u003eSCALE\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"sq-twf__spec\"\u003e\n\u003cdiv class=\"sq-twf__spec-main\"\u003e\n\u003cdiv class=\"sq-twf__spec-label\"\u003eBottle Height\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__dimensions\"\u003e\n\u003cstrong class=\"sq-twf__dimension\"\u003e 26.5 \u003c\/strong\u003e \u003cspan class=\"sq-twf__measure\"\u003e CM \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__unit\"\u003eMain bottle system \/ approximately 10.4 in\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__spec-side\"\u003e\n\u003cdiv class=\"sq-twf__stat\"\u003e\n\u003csmall\u003e Bottle\u003cbr\u003eScale \u003c\/small\u003e \u003cstrong\u003e 1000 ML \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__stat\"\u003e\n\u003csmall\u003e Body\u003cbr\u003eDiameter \u003c\/small\u003e \u003cstrong\u003e 7.5 CM \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"sq-twf__parts\"\u003e\n\u003cdiv class=\"sq-twf__part\"\u003e\n\u003cspan class=\"sq-twf__part-small\"\u003e Filter \u003c\/span\u003e \u003cstrong\u003e 11.2 × 2.8 \u003c\/strong\u003e \u003cspan\u003e CM \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__part\"\u003e\n\u003cspan class=\"sq-twf__part-small\"\u003e Drinking Nozzle \u003c\/span\u003e \u003cstrong\u003e 2.0 \u003c\/strong\u003e \u003cspan\u003e CM \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__part\"\u003e\n\u003cspan class=\"sq-twf__part-small\"\u003e Lid Section \u003c\/span\u003e \u003cstrong\u003e 5.0 \u003c\/strong\u003e \u003cspan\u003e CM high \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__part\"\u003e\n\u003cspan class=\"sq-twf__part-small\"\u003e Bottle Opening \u003c\/span\u003e \u003cstrong\u003e 5.5 \u003c\/strong\u003e \u003cspan\u003e CM \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__reuse\"\u003e\n\u003cdiv class=\"sq-twf__reuse-item\"\u003e\n\u003cspan class=\"sq-twf__reuse-small\"\u003e Included \u003c\/span\u003e \u003cstrong\u003e 20 CM Cleaning Brush \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__reuse-item\"\u003e\n\u003cspan class=\"sq-twf__reuse-small\"\u003e Maintenance \u003c\/span\u003e \u003cstrong\u003e Removable Filter Cartridge \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__reuse-item\"\u003e\n\u003cspan class=\"sq-twf__reuse-small\"\u003e Carry \u003c\/span\u003e \u003cstrong\u003e Integrated Wrist Strap \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-twf__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/11-8.png?v=1791292096\" alt=\"SorAlique Trail Water Filtration Bottle dimensions, filter cartridge, drinking nozzle and included cleaning brush\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n       END\n       ====================================================== --\u003e\n\u003csection class=\"sq-twf__end\"\u003e\n\u003cdiv class=\"sq-twf__end-main\"\u003e\n\u003cdiv class=\"sq-twf__end-label\"\u003eSorAlique \/ Trail Hydration System\u003c\/div\u003e\n\u003ch3\u003eCarry the bottle.\u003cbr\u003eKeep the water moving.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-twf__end-meta\"\u003e1000 ML Bottle\u003cbr\u003eIntegrated Filter\u003cbr\u003eLeak-Resistant Lid\u003cbr\u003eCleaning Brush Included\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Soralique","offers":[{"title":"Default Title","offer_id":45685195898903,"sku":"Soralique011*1","price":66.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/11-1.png?v=1791292095","url":"https:\/\/soralique.com\/products\/soralique%e2%84%a2-outdoor-weather-station","provider":"Soralique","version":"1.0","type":"link"}