{"product_id":"soralique™-trail-explorer-backpack","title":"Soralique™ Trail Explorer Backpack","description":"\u003cstyle\u003e\n\/* ============================================================\n   SORALIQUE — TRAIL EXPLORER BACKPACK\n   TRAIL LOADOUT \/ ORGANIZED CARRY SYSTEM\n\n   FIXED STORE LAYOUT RULES\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-teb {\n  --trail-950:#0b3025;\n  --trail-900:#103a2c;\n  --trail-800:#174a38;\n  --trail-650:#355f4e;\n\n  --pack:#1f2624;\n  --graphite:#3d4542;\n  --mesh:#717b77;\n\n  --sand:#eee9df;\n  --sand-light:#f8f6f0;\n  --mist:#e5e9e5;\n\n  --signal:#d8933e;\n  --signal-soft:#eab86f;\n\n  --ink:#17221e;\n  --muted:#707873;\n  --line:rgba(11,48,37,.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-teb),\n.product-description:has(.sq-teb),\n.product__text:has(.sq-teb),\n.product-info__description:has(.sq-teb),\n.product-info__block:has(.sq-teb),\n.rte:has(.sq-teb) {\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\n@media screen and (min-width:1200px) {\n\n  .sq-teb {\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-teb {\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-teb {\n    width:100%;\n    max-width:100%;\n    min-width:0;\n  }\n\n}\n\n\n.sq-teb *,\n.sq-teb *::before,\n.sq-teb *::after {\n  box-sizing:border-box;\n}\n\n\n\/* ============================================================\n   01 — HERO \/ LOADOUT MAP\n   ============================================================ *\/\n\n.sq-teb__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(28px,4vw,48px);\n\n  background:\n    linear-gradient(\n      145deg,\n      #faf8f3 0%,\n      #f0ede5 56%,\n      #e3e5df 100%\n    );\n\n  border:1px solid var(--line);\n}\n\n\n\/* topographic trail lines *\/\n.sq-teb__hero::before {\n  content:\"\";\n\n  position:absolute;\n\n  width:430px;\n  height:430px;\n\n  right:-165px;\n  top:-175px;\n\n  border:\n    1px solid rgba(16,58,44,.11);\n\n  border-radius:\n    52% 48% 45% 55% \/ 46% 53% 47% 54%;\n\n  box-shadow:\n    0 0 0 32px rgba(16,58,44,.035),\n    0 0 0 64px rgba(16,58,44,.025),\n    0 0 0 96px rgba(16,58,44,.016);\n\n  transform:rotate(-18deg);\n\n  pointer-events:none;\n}\n\n\n\/* trail position marker *\/\n.sq-teb__hero::after {\n  content:\"\";\n\n  position:absolute;\n\n  right:56px;\n  top:52px;\n\n  width:12px;\n  height:12px;\n\n  border-radius:50%;\n\n  border:3px solid var(--signal);\n\n  box-shadow:\n    0 0 0 7px rgba(216,147,62,.09);\n\n  pointer-events:none;\n}\n\n\n.sq-teb__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-teb__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-teb__series::before {\n  content:\"\";\n\n  width:23px;\n  height:1px;\n\n  background:var(--signal);\n}\n\n\n.sq-teb__series::after {\n  content:\"\";\n\n  width:5px;\n  height:5px;\n\n  margin-left:-6px;\n\n  border-radius:50%;\n\n  background:var(--signal);\n}\n\n\n.sq-teb__mode {\n  color:\n    rgba(16,58,44,.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-teb__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-teb__eyebrow {\n  margin:0 0 13px;\n\n  color:var(--signal);\n\n  font-size:10px;\n  font-weight:800;\n\n  letter-spacing:.2em;\n\n  text-transform:uppercase;\n}\n\n\n.sq-teb__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:800;\n\n  line-height:.91;\n\n  letter-spacing:-.055em;\n}\n\n\n.sq-teb__title span {\n  display:block;\n\n  color:var(--graphite);\n}\n\n\n.sq-teb__intro {\n  max-width:560px;\n\n  margin:20px 0 0;\n\n  color:\n    rgba(23,34,30,.66);\n\n  font-size:13px;\n\n  line-height:1.72;\n}\n\n\n\/* ============================================================\n   PACK MAP\n   ============================================================ *\/\n\n.sq-teb__packmap {\n  display:grid;\n\n  width:min(100%,230px);\n\n  justify-self:end;\n\n  border:\n    1px solid rgba(16,58,44,.17);\n\n  background:\n    rgba(255,255,255,.48);\n\n  min-width:0;\n}\n\n\n.sq-teb__packmap-head {\n  padding:\n    12px 14px;\n\n  background:var(--trail-950);\n\n  color:#fff;\n\n  font-size:9px;\n  font-weight:800;\n\n  letter-spacing:.16em;\n\n  text-transform:uppercase;\n}\n\n\n.sq-teb__packmap-row {\n  display:grid;\n\n  grid-template-columns:\n    34px\n    minmax(0,1fr);\n\n  align-items:center;\n\n  min-width:0;\n\n  border-bottom:\n    1px solid var(--line);\n}\n\n\n.sq-teb__packmap-row:last-child {\n  border-bottom:0;\n}\n\n\n.sq-teb__packmap-no {\n  display:grid;\n  place-items:center;\n\n  align-self:stretch;\n\n  min-height:45px;\n\n  background:\n    rgba(16,58,44,.055);\n\n  color:var(--signal);\n\n  font-size:9px;\n  font-weight:800;\n}\n\n\n.sq-teb__packmap-name {\n  padding:\n    11px 12px;\n\n  color:var(--trail-900);\n\n  font-size:9px;\n  font-weight:800;\n\n  line-height:1.3;\n\n  letter-spacing:.09em;\n\n  text-transform:uppercase;\n}\n\n\n\/* ============================================================\n   02 — MARQUEE\n   ============================================================ *\/\n\n.sq-teb__marquee {\n  overflow:hidden;\n\n  margin:12px 0;\n\n  background:var(--pack);\n\n  color:#fff;\n}\n\n\n.sq-teb__marquee-track {\n  display:flex;\n\n  width:max-content;\n\n  animation:\n    sqTebRun 30s linear infinite;\n\n  will-change:transform;\n}\n\n\n.sq-teb__marquee:hover\n.sq-teb__marquee-track {\n  animation-play-state:paused;\n}\n\n\n.sq-teb__marquee-group {\n  display:flex;\n  align-items:center;\n\n  flex-shrink:0;\n\n  white-space:nowrap;\n}\n\n\n.sq-teb__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-teb__marquee-mark {\n  position:relative;\n\n  width:15px;\n  height:1px;\n\n  flex:0 0 15px;\n\n  background:var(--signal-soft);\n}\n\n\n.sq-teb__marquee-mark::after {\n  content:\"\";\n\n  position:absolute;\n\n  right:-1px;\n  top:-2px;\n\n  width:5px;\n  height:5px;\n\n  border-radius:50%;\n\n  background:var(--signal-soft);\n}\n\n\n@keyframes sqTebRun {\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-teb__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-teb__chapter-no {\n  color:var(--signal);\n\n  font-size:10px;\n  font-weight:800;\n\n  letter-spacing:.16em;\n}\n\n\n.sq-teb__chapter-main {\n  min-width:0;\n}\n\n\n.sq-teb__chapter-title {\n  display:block;\n\n  color:var(--trail-950);\n\n  font-size:\n    clamp(18px,2vw,25px);\n\n  font-weight:800;\n\n  letter-spacing:-.025em;\n}\n\n\n.sq-teb__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-teb__chapter-code {\n  color:\n    rgba(16,58,44,.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   100% 完整图像，不裁切、不压字\n   ============================================================ *\/\n\n.sq-teb__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(16,58,44,.11);\n\n  background:#f6f5f1;\n\n  transition:\n    transform .28s ease,\n    box-shadow .28s ease;\n}\n\n\n.sq-teb__plate:hover {\n  transform:\n    translateY(-5px);\n\n  box-shadow:\n    0 27px 58px rgba(10,34,27,.11),\n    0 8px 18px rgba(10,34,27,.05);\n}\n\n\n\/* trail registration marks *\/\n.sq-teb__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(--signal);\n}\n\n\n.sq-teb__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-teb__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 — BUILD SYSTEM\n   ============================================================ *\/\n\n.sq-teb__build {\n  display:grid;\n\n  grid-template-columns:\n    repeat(5,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(--sand-light);\n}\n\n\n.sq-teb__build-item {\n  min-width:0;\n\n  padding:\n    19px 14px 18px;\n\n  border-right:\n    1px solid var(--line);\n}\n\n\n.sq-teb__build-item:last-child {\n  border-right:0;\n}\n\n\n.sq-teb__build-no {\n  display:block;\n\n  margin-bottom:15px;\n\n  color:var(--signal);\n\n  font-size:9px;\n  font-weight:800;\n\n  letter-spacing:.14em;\n}\n\n\n.sq-teb__build-item strong {\n  display:block;\n\n  color:var(--trail-900);\n\n  font-size:10px;\n  font-weight:800;\n\n  line-height:1.35;\n\n  letter-spacing:.04em;\n\n  text-transform:uppercase;\n}\n\n\n\/* ============================================================\n   06 — CARRY SUPPORT PANEL\n   ============================================================ *\/\n\n.sq-teb__carry {\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-teb__carry-main {\n  min-width:0;\n\n  padding:\n    clamp(28px,4.5vw,52px);\n}\n\n\n.sq-teb__carry-label {\n  margin-bottom:19px;\n\n  color:var(--signal-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-teb__carry-title {\n  max-width:560px;\n\n  margin:0;\n\n  color:#fff;\n\n  font-size:\n    clamp(30px,4.8vw,56px);\n\n  font-weight:780;\n\n  line-height:.96;\n\n  letter-spacing:-.046em;\n}\n\n\n.sq-teb__carry-title span {\n  color:#c8d6cf;\n}\n\n\n.sq-teb__carry-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 back-support system *\/\n.sq-teb__carry-visual {\n  position:relative;\n\n  overflow:hidden;\n\n  min-width:0;\n  min-height:270px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #345248,\n      #172e27\n    );\n}\n\n\n.sq-teb__spine {\n  position:absolute;\n\n  left:50%;\n  top:50%;\n\n  width:92px;\n  height:196px;\n\n  transform:\n    translate(-50%,-50%);\n}\n\n\n.sq-teb__spine::before {\n  content:\"\";\n\n  position:absolute;\n\n  left:50%;\n  top:0;\n\n  width:1px;\n  height:100%;\n\n  background:\n    rgba(255,255,255,.20);\n}\n\n\n.sq-teb__support {\n  position:absolute;\n\n  left:50%;\n\n  width:88px;\n  height:24px;\n\n  margin-left:-44px;\n\n  border:\n    1px solid rgba(255,255,255,.18);\n\n  border-radius:50%;\n}\n\n\n.sq-teb__support:nth-child(1) {\n  top:10px;\n}\n\n.sq-teb__support:nth-child(2) {\n  top:54px;\n  width:104px;\n  margin-left:-52px;\n}\n\n.sq-teb__support:nth-child(3) {\n  top:100px;\n  width:116px;\n  margin-left:-58px;\n}\n\n.sq-teb__support:nth-child(4) {\n  top:148px;\n  width:126px;\n  margin-left:-63px;\n}\n\n\n.sq-teb__support:nth-child(4)::after {\n  content:\"\";\n\n  position:absolute;\n\n  left:50%;\n  top:50%;\n\n  width:13px;\n  height:13px;\n\n  margin:\n    -6.5px\n    0\n    0\n    -6.5px;\n\n  border-radius:50%;\n\n  background:var(--signal);\n}\n\n\n.sq-teb__carry-meta {\n  position:absolute;\n\n  right:20px;\n  bottom:18px;\n\n  color:\n    rgba(255,255,255,.55);\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 — LOADOUT SYSTEM\n   ============================================================ *\/\n\n.sq-teb__loadout {\n  display:grid;\n\n  grid-template-columns:\n    1.2fr\n    1fr\n    1fr\n    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      #f8f6f1,\n      #edeae2\n    );\n}\n\n\n.sq-teb__load {\n  min-width:0;\n\n  padding:\n    20px 16px 19px;\n\n  border-right:\n    1px solid var(--line);\n}\n\n\n.sq-teb__load:last-child {\n  border-right:0;\n}\n\n\n.sq-teb__load-no {\n  display:flex;\n  align-items:center;\n\n  gap:8px;\n\n  margin-bottom:15px;\n\n  color:var(--signal);\n\n  font-size:9px;\n  font-weight:800;\n\n  letter-spacing:.14em;\n}\n\n\n.sq-teb__load-no::after {\n  content:\"\";\n\n  height:1px;\n\n  flex:1;\n\n  background:\n    rgba(216,147,62,.28);\n}\n\n\n.sq-teb__load strong {\n  display:block;\n\n  color:var(--trail-950);\n\n  font-size:12px;\n  font-weight:800;\n\n  line-height:1.35;\n\n  text-transform:uppercase;\n}\n\n\n.sq-teb__load 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   08 — SIZE \/ WEIGHT DASHBOARD\n   ============================================================ *\/\n\n.sq-teb__spec {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.45fr)\n    minmax(260px,.55fr);\n\n  min-width:0;\n\n  margin:0 0 12px;\n\n  background:var(--pack);\n\n  color:#fff;\n}\n\n\n.sq-teb__spec-main {\n  min-width:0;\n\n  padding:\n    clamp(27px,4.3vw,48px);\n}\n\n\n.sq-teb__spec-label {\n  margin-bottom:22px;\n\n  color:var(--signal-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-teb__dimensions {\n  display:flex;\n  flex-wrap:wrap;\n  align-items:flex-end;\n\n  gap:8px 13px;\n\n  min-width:0;\n}\n\n\n.sq-teb__dimension {\n  color:#fff;\n\n  font-size:\n    clamp(36px,5.7vw,68px);\n\n  font-weight:800;\n\n  line-height:.92;\n\n  letter-spacing:-.055em;\n}\n\n\n.sq-teb__x {\n  padding-bottom:5px;\n\n  color:var(--signal);\n\n  font-size:16px;\n}\n\n\n.sq-teb__unit {\n  margin-top:13px;\n\n  color:\n    rgba(255,255,255,.47);\n\n  font-size:9px;\n  font-weight:800;\n\n  letter-spacing:.15em;\n\n  text-transform:uppercase;\n}\n\n\n.sq-teb__spec-side {\n  display:grid;\n\n  grid-template-columns:1fr 1fr;\n\n  min-width:0;\n\n  background:\n    linear-gradient(\n      145deg,\n      var(--trail-800),\n      var(--trail-950)\n    );\n}\n\n\n.sq-teb__stat {\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n\n  min-width:0;\n\n  padding:\n    clamp(24px,3vw,34px)\n    18px;\n\n  border-left:\n    1px solid rgba(255,255,255,.08);\n}\n\n\n.sq-teb__stat-small {\n  color:\n    rgba(255,255,255,.50);\n\n  font-size:9px;\n  font-weight:800;\n\n  letter-spacing:.14em;\n\n  text-transform:uppercase;\n}\n\n\n.sq-teb__stat strong {\n  margin-top:24px;\n\n  color:#fff;\n\n  font-size:\n    clamp(25px,3vw,37px);\n\n  font-weight:800;\n\n  line-height:.95;\n\n  letter-spacing:-.04em;\n}\n\n\n.sq-teb__stat strong span {\n  display:block;\n\n  margin-top:7px;\n\n  color:var(--signal-soft);\n\n  font-size:9px;\n\n  letter-spacing:.12em;\n\n  text-transform:uppercase;\n}\n\n\n\/* ============================================================\n   09 — THREE-MODE STRIP\n   ============================================================ *\/\n\n.sq-teb__modes {\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  background:var(--mist);\n\n  border:\n    1px solid var(--line);\n}\n\n\n.sq-teb__mode-item {\n  min-width:0;\n\n  padding:\n    21px 18px;\n\n  border-right:\n    1px solid var(--line);\n}\n\n\n.sq-teb__mode-item:last-child {\n  border-right:0;\n}\n\n\n.sq-teb__mode-small {\n  display:block;\n\n  margin-bottom:8px;\n\n  color:var(--signal);\n\n  font-size:9px;\n  font-weight:800;\n\n  letter-spacing:.15em;\n\n  text-transform:uppercase;\n}\n\n\n.sq-teb__mode-item strong {\n  display:block;\n\n  color:var(--trail-950);\n\n  font-size:14px;\n  font-weight:800;\n}\n\n\n\/* ============================================================\n   10 — END\n   ============================================================ *\/\n\n.sq-teb__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  align-items:end;\n\n  gap:28px;\n\n  min-width:0;\n\n  padding:\n    clamp(30px,5vw,56px);\n\n  background:\n    linear-gradient(\n      135deg,\n      #e4e8e3,\n      #d2d8d2\n    );\n\n  border:\n    1px solid var(--line);\n}\n\n\n.sq-teb__end::after {\n  content:\"TRAIL LOADOUT\";\n\n  position:absolute;\n\n  right:-18px;\n  top:-6px;\n\n  color:\n    rgba(11,48,37,.05);\n\n  font-size:\n    clamp(48px,9vw,115px);\n\n  font-weight:850;\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-teb__end-main {\n  position:relative;\n  z-index:1;\n\n  min-width:0;\n}\n\n\n.sq-teb__end-label {\n  margin-bottom:14px;\n\n  color:var(--signal);\n\n  font-size:10px;\n  font-weight:800;\n\n  letter-spacing:.18em;\n\n  text-transform:uppercase;\n}\n\n\n.sq-teb__end h3 {\n  max-width:620px;\n\n  margin:0;\n\n  color:var(--trail-950);\n\n  font-size:\n    clamp(29px,4.5vw,54px);\n\n  font-weight:800;\n\n  line-height:.98;\n\n  letter-spacing:-.048em;\n}\n\n\n.sq-teb__end-meta {\n  position:relative;\n  z-index:1;\n\n  padding-left:18px;\n\n  border-left:\n    2px solid var(--signal);\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-teb {\n    width:100%;\n    max-width:100%;\n    min-width:0;\n\n    margin:24px 0 38px;\n  }\n\n\n  .sq-teb__hero {\n    padding:\n      28px\n      19px\n      26px;\n  }\n\n\n  .sq-teb__topline {\n    margin-bottom:40px;\n  }\n\n\n  .sq-teb__mode {\n    display:none;\n  }\n\n\n  .sq-teb__hero-grid {\n    grid-template-columns:1fr;\n\n    gap:30px;\n  }\n\n\n  .sq-teb__title {\n    font-size:\n      clamp(39px,12vw,56px);\n  }\n\n\n  .sq-teb__packmap {\n    width:100%;\n\n    justify-self:stretch;\n  }\n\n\n  .sq-teb__marquee-item {\n    padding:\n      13px\n      16px;\n\n    font-size:9px;\n  }\n\n\n  .sq-teb__chapter {\n    grid-template-columns:\n      52px\n      minmax(0,1fr);\n\n    gap:10px;\n  }\n\n\n  .sq-teb__chapter-code {\n    display:none;\n  }\n\n\n  .sq-teb__plate {\n    padding:5px;\n  }\n\n\n  .sq-teb__plate:hover {\n    transform:\n      translateY(-2px);\n  }\n\n\n  .sq-teb__build {\n    grid-template-columns:1fr;\n  }\n\n\n  .sq-teb__build-item {\n    display:grid;\n\n    grid-template-columns:\n      42px\n      minmax(0,1fr);\n\n    align-items:center;\n\n    padding:\n      13px 15px;\n\n    border-right:0;\n\n    border-bottom:\n      1px solid var(--line);\n  }\n\n\n  .sq-teb__build-item:last-child {\n    border-bottom:0;\n  }\n\n\n  .sq-teb__build-no {\n    margin:0;\n  }\n\n\n  .sq-teb__carry {\n    grid-template-columns:1fr;\n  }\n\n\n  .sq-teb__carry-visual {\n    min-height:220px;\n  }\n\n\n  .sq-teb__loadout {\n    grid-template-columns:\n      1fr\n      1fr;\n  }\n\n\n  .sq-teb__load:nth-child(2) {\n    border-right:0;\n  }\n\n\n  .sq-teb__load:nth-child(1),\n  .sq-teb__load:nth-child(2) {\n    border-bottom:\n      1px solid var(--line);\n  }\n\n\n  .sq-teb__spec {\n    grid-template-columns:1fr;\n  }\n\n\n  .sq-teb__spec-side {\n    grid-template-columns:1fr 1fr;\n  }\n\n\n  .sq-teb__modes {\n    grid-template-columns:1fr;\n  }\n\n\n  .sq-teb__mode-item {\n    border-right:0;\n\n    border-bottom:\n      1px solid var(--line);\n  }\n\n\n  .sq-teb__mode-item:last-child {\n    border-bottom:0;\n  }\n\n\n  .sq-teb__end {\n    grid-template-columns:1fr;\n  }\n\n\n  .sq-teb__end-meta {\n    padding-left:14px;\n  }\n\n}\n\n\n@media(prefers-reduced-motion:reduce) {\n\n  .sq-teb__marquee-track {\n    animation:none;\n  }\n\n\n  .sq-teb__plate {\n    transition:none;\n  }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"sq-teb\"\u003e\n\u003c!-- ======================================================\n       HERO\n       ====================================================== --\u003e\n\u003csection class=\"sq-teb__hero\"\u003e\n\u003cdiv class=\"sq-teb__topline\"\u003e\n\u003cdiv class=\"sq-teb__series\"\u003eSORALIQUE \/ TRAIL EXPLORER\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__mode\"\u003eORGANIZED CARRY SYSTEM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"sq-teb__eyebrow\"\u003e30L Explorer Backpack\u003c\/p\u003e\n\u003ch2 class=\"sq-teb__title\"\u003ePack Smarter. \u003cspan\u003eMove Further.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sq-teb__intro\"\u003eA versatile carry system built to organize trail gear, everyday essentials and travel tech without turning access into a search mission.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__packmap\"\u003e\n\u003cdiv class=\"sq-teb__packmap-head\"\u003eLoadout Map\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__packmap-row\"\u003e\n\u003cspan class=\"sq-teb__packmap-no\"\u003e01\u003c\/span\u003e \u003cspan class=\"sq-teb__packmap-name\"\u003e Main Load \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__packmap-row\"\u003e\n\u003cspan class=\"sq-teb__packmap-no\"\u003e02\u003c\/span\u003e \u003cspan class=\"sq-teb__packmap-name\"\u003e Tech Pocket \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__packmap-row\"\u003e\n\u003cspan class=\"sq-teb__packmap-no\"\u003e03\u003c\/span\u003e \u003cspan class=\"sq-teb__packmap-name\"\u003e Quick Access \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__packmap-row\"\u003e\n\u003cspan class=\"sq-teb__packmap-no\"\u003e04\u003c\/span\u003e \u003cspan class=\"sq-teb__packmap-name\"\u003e Side Carry \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-teb__marquee\"\u003e\n\u003cdiv class=\"sq-teb__marquee-track\"\u003e\n\u003cdiv class=\"sq-teb__marquee-group\"\u003e\n\u003cspan class=\"sq-teb__marquee-item\"\u003e 30L CAPACITY \u003ci class=\"sq-teb__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-teb__marquee-item\"\u003e 0.9 KG LIGHTWEIGHT \u003ci class=\"sq-teb__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-teb__marquee-item\"\u003e WATER RESISTANT NYLON \u003ci class=\"sq-teb__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-teb__marquee-item\"\u003e BREATHABLE BACK SUPPORT \u003ci class=\"sq-teb__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-teb__marquee-item\"\u003e ORGANIZED STORAGE \u003ci class=\"sq-teb__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-teb__marquee-item\"\u003e WORK \/ TRAVEL \/ HIKE \u003ci class=\"sq-teb__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__marquee-group\"\u003e\n\u003cspan class=\"sq-teb__marquee-item\"\u003e 30L CAPACITY \u003ci class=\"sq-teb__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-teb__marquee-item\"\u003e 0.9 KG LIGHTWEIGHT \u003ci class=\"sq-teb__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-teb__marquee-item\"\u003e WATER RESISTANT NYLON \u003ci class=\"sq-teb__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-teb__marquee-item\"\u003e BREATHABLE BACK SUPPORT \u003ci class=\"sq-teb__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-teb__marquee-item\"\u003e ORGANIZED STORAGE \u003ci class=\"sq-teb__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-teb__marquee-item\"\u003e WORK \/ TRAVEL \/ HIKE \u003ci class=\"sq-teb__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ======================================================\n       01 — BUILD\n       ====================================================== --\u003e\n\u003cdiv class=\"sq-teb__chapter\"\u003e\n\u003cdiv class=\"sq-teb__chapter-no\"\u003e01 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__chapter-main\"\u003e\n\u003cstrong class=\"sq-teb__chapter-title\"\u003e BUILT FOR MOVEMENT \u003c\/strong\u003e \u003cspan class=\"sq-teb__chapter-desc\"\u003e Shell \/ stitch \/ zip \/ airflow \/ adjustment \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__chapter-code\"\u003eTRAIL\u003cbr\u003eBUILD\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__build\"\u003e\n\u003cdiv class=\"sq-teb__build-item\"\u003e\n\u003cspan class=\"sq-teb__build-no\"\u003e 01 \u003c\/span\u003e \u003cstrong\u003e Water Resistant\u003cbr\u003eNylon Fabric \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__build-item\"\u003e\n\u003cspan class=\"sq-teb__build-no\"\u003e 02 \u003c\/span\u003e \u003cstrong\u003e Reinforced\u003cbr\u003eStitching \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__build-item\"\u003e\n\u003cspan class=\"sq-teb__build-no\"\u003e 03 \u003c\/span\u003e \u003cstrong\u003e Durable\u003cbr\u003eZipper \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__build-item\"\u003e\n\u003cspan class=\"sq-teb__build-no\"\u003e 04 \u003c\/span\u003e \u003cstrong\u003e Breathable\u003cbr\u003eBack Padding \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__build-item\"\u003e\n\u003cspan class=\"sq-teb__build-no\"\u003e 05 \u003c\/span\u003e \u003cstrong\u003e Adjustable\u003cbr\u003eStrap System \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-teb__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/6-6.jpg?v=1791282069\" alt=\"SorAlique Trail Explorer Backpack construction details including water resistant nylon, reinforced stitching and breathable support\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n       CARRY SUPPORT\n       ====================================================== --\u003e\n\u003csection class=\"sq-teb__carry\"\u003e\n\u003cdiv class=\"sq-teb__carry-main\"\u003e\n\u003cdiv class=\"sq-teb__carry-label\"\u003eCarry Support\u003c\/div\u003e\n\u003ch3 class=\"sq-teb__carry-title\"\u003eLoad the pack. \u003cspan\u003eNot your back.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp class=\"sq-teb__carry-copy\"\u003eBreathable padding, adjustable shoulder straps and waist support help distribute the load while keeping airflow between your back and the pack.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__carry-visual\"\u003e\n\u003cdiv class=\"sq-teb__spine\"\u003e\n\u003cspan class=\"sq-teb__support\"\u003e\u003c\/span\u003e \u003cspan class=\"sq-teb__support\"\u003e\u003c\/span\u003e \u003cspan class=\"sq-teb__support\"\u003e\u003c\/span\u003e \u003cspan class=\"sq-teb__support\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__carry-meta\"\u003eAIRFLOW\u003cbr\u003eLOAD SUPPORT\u003cbr\u003eWAIST CONTROL\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n       02 — ORGANIZATION\n       ====================================================== --\u003e\n\u003cdiv class=\"sq-teb__chapter\"\u003e\n\u003cdiv class=\"sq-teb__chapter-no\"\u003e02 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__chapter-main\"\u003e\n\u003cstrong class=\"sq-teb__chapter-title\"\u003e EVERYTHING HAS A ZONE \u003c\/strong\u003e \u003cspan class=\"sq-teb__chapter-desc\"\u003e Main load \/ tech \/ access \/ hydration \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__chapter-code\"\u003ePACK\u003cbr\u003eMAP\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__loadout\"\u003e\n\u003cdiv class=\"sq-teb__load\"\u003e\n\u003cspan class=\"sq-teb__load-no\"\u003e 01 \u003c\/span\u003e \u003cstrong\u003e Main Compartment \u003c\/strong\u003e\n\u003cp\u003eJackets, outdoor gear and daily essentials.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__load\"\u003e\n\u003cspan class=\"sq-teb__load-no\"\u003e 02 \u003c\/span\u003e \u003cstrong\u003e Tech Pocket \u003c\/strong\u003e\n\u003cp\u003eLaptop, tablet and electronics.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__load\"\u003e\n\u003cspan class=\"sq-teb__load-no\"\u003e 03 \u003c\/span\u003e \u003cstrong\u003e Quick Access \u003c\/strong\u003e\n\u003cp\u003eKeys, wallet and small essentials.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__load\"\u003e\n\u003cspan class=\"sq-teb__load-no\"\u003e 04 \u003c\/span\u003e \u003cstrong\u003e Side Pockets \u003c\/strong\u003e\n\u003cp\u003eBottles and outdoor accessories.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-teb__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/6-7.jpg?v=1791282065\" alt=\"SorAlique Trail Explorer Backpack showing main storage, quick access pocket, bottle holder, breathable back panel and included rain cover\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n       03 — SIZE \/ CAPACITY\n       ====================================================== --\u003e\n\u003cdiv class=\"sq-teb__chapter\"\u003e\n\u003cdiv class=\"sq-teb__chapter-no\"\u003e03 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__chapter-main\"\u003e\n\u003cstrong class=\"sq-teb__chapter-title\"\u003e CAPACITY WITHOUT BULK \u003c\/strong\u003e \u003cspan class=\"sq-teb__chapter-desc\"\u003e 30 liters \/ lightweight \/ trail-ready proportions \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__chapter-code\"\u003ePACK\u003cbr\u003eSCALE\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"sq-teb__spec\"\u003e\n\u003cdiv class=\"sq-teb__spec-main\"\u003e\n\u003cdiv class=\"sq-teb__spec-label\"\u003eBackpack Size\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__dimensions\"\u003e\n\u003cstrong class=\"sq-teb__dimension\"\u003e 50 \u003c\/strong\u003e \u003cspan class=\"sq-teb__x\"\u003e × \u003c\/span\u003e \u003cstrong class=\"sq-teb__dimension\"\u003e 32 \u003c\/strong\u003e \u003cspan class=\"sq-teb__x\"\u003e × \u003c\/span\u003e \u003cstrong class=\"sq-teb__dimension\"\u003e 20 \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__unit\"\u003eHeight × Width × Depth \/ CM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__spec-side\"\u003e\n\u003cdiv class=\"sq-teb__stat\"\u003e\n\u003cspan class=\"sq-teb__stat-small\"\u003e Capacity \u003c\/span\u003e \u003cstrong\u003e 30L \u003cspan\u003eLoad Volume\u003c\/span\u003e \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__stat\"\u003e\n\u003cspan class=\"sq-teb__stat-small\"\u003e Weight \u003c\/span\u003e \u003cstrong\u003e 0.9 \u003cspan\u003eKG \/ Lightweight\u003c\/span\u003e \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"sq-teb__modes\"\u003e\n\u003cdiv class=\"sq-teb__mode-item\"\u003e\n\u003cspan class=\"sq-teb__mode-small\"\u003e 01 \/ Work \u003c\/span\u003e \u003cstrong\u003e Everyday Carry \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__mode-item\"\u003e\n\u003cspan class=\"sq-teb__mode-small\"\u003e 02 \/ Travel \u003c\/span\u003e \u003cstrong\u003e Journey Ready \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__mode-item\"\u003e\n\u003cspan class=\"sq-teb__mode-small\"\u003e 03 \/ Hike \u003c\/span\u003e \u003cstrong\u003e Trail Loadout \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-teb__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/6-8.png?v=1791282075\" alt=\"SorAlique Trail Explorer Backpack dimensions, 30 liter capacity and organized pocket system\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n       END\n       ====================================================== --\u003e\n\u003csection class=\"sq-teb__end\"\u003e\n\u003cdiv class=\"sq-teb__end-main\"\u003e\n\u003cdiv class=\"sq-teb__end-label\"\u003eSorAlique \/ Trail Explorer System\u003c\/div\u003e\n\u003ch3\u003eOne pack.\u003cbr\u003eEvery kind of route.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-teb__end-meta\"\u003e30L Organized Carry\u003cbr\u003eLightweight 0.9 KG\u003cbr\u003eRain Cover Included\u003cbr\u003eWork \/ Travel \/ Hike\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Soralique","offers":[{"title":"Default Title","offer_id":45684092141591,"sku":"Soralique006*1","price":69.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/6-1.png?v=1791282078","url":"https:\/\/soralique.com\/products\/soralique%e2%84%a2-trail-explorer-backpack","provider":"Soralique","version":"1.0","type":"link"}