{"product_id":"soralique™-outdoor-relax-hammock","title":"Soralique™ Outdoor Relax Hammock","description":"\u003cstyle\u003e\n\/* ============================================================\n   SORALIQUE — OUTDOOR HAMMOCK SYSTEM\n   SUSPENSION ARC \/ HANG BETWEEN THE TREES\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-hmk {\n  --canopy-950:#0d3429;\n  --canopy-900:#154437;\n  --canopy-700:#2f6250;\n  --canopy-600:#4d7868;\n\n  --sand-900:#8c755e;\n  --sand-700:#b09a7d;\n  --sand-soft:#d8c9b4;\n\n  --bark:#554034;\n  --bark-soft:#866d5d;\n\n  --charcoal:#242929;\n  --graphite:#3b4241;\n\n  --sun:#d99a4a;\n  --sun-soft:#efbd77;\n\n  --canvas:#f8f5ef;\n  --mist:#e9ede9;\n  --stone:#e1ddd5;\n\n  --ink:#18211e;\n  --muted:#707873;\n  --line:rgba(13,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-hmk),\n.product-description:has(.sq-hmk),\n.product__text:has(.sq-hmk),\n.product-info__description:has(.sq-hmk),\n.product-info__block:has(.sq-hmk),\n.rte:has(.sq-hmk) {\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  .sq-hmk {\n    width:min(920px,46vw);\n    max-width:calc(100vw - 40px);\n    min-width:0;\n  }\n}\n\n@media screen and (min-width:990px) and (max-width:1199px) {\n  .sq-hmk {\n    width:min(800px,46vw);\n    max-width:calc(100vw - 32px);\n    min-width:0;\n  }\n}\n\n@media screen and (max-width:989px) {\n  .sq-hmk {\n    width:100%;\n    max-width:100%;\n    min-width:0;\n  }\n}\n\n\n.sq-hmk *,\n.sq-hmk *::before,\n.sq-hmk *::after {\n  box-sizing:border-box;\n}\n\n\n\/* ============================================================\n   01 — HERO \/ SUSPENSION ARC\n   ============================================================ *\/\n\n.sq-hmk__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      #fbfaf6 0%,\n      #f1ede6 58%,\n      #e5e7e0 100%\n    );\n}\n\n\n\/* hammock suspension arc *\/\n.sq-hmk__hero::before {\n  content:\"\";\n\n  position:absolute;\n\n  width:440px;\n  height:220px;\n\n  right:-105px;\n  top:-45px;\n\n  border-bottom:\n    1px solid rgba(21,68,55,.17);\n\n  border-radius:\n    0 0 50% 50%;\n\n  box-shadow:\n    0 22px 0 -21px rgba(21,68,55,.10),\n    0 44px 0 -43px rgba(21,68,55,.07),\n    0 66px 0 -65px rgba(21,68,55,.045);\n\n  transform:rotate(-5deg);\n\n  pointer-events:none;\n}\n\n\n\/* suspension point *\/\n.sq-hmk__hero::after {\n  content:\"\";\n\n  position:absolute;\n\n  right:59px;\n  top:49px;\n\n  width:12px;\n  height:12px;\n\n  border-radius:50%;\n\n  background:var(--sun);\n\n  box-shadow:\n    0 0 0 7px rgba(217,154,74,.10);\n\n  pointer-events:none;\n}\n\n\n.sq-hmk__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-hmk__series {\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  color:var(--canopy-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-hmk__series::before {\n  content:\"\";\n\n  width:26px;\n  height:2px;\n\n  background:var(--sand-700);\n}\n\n\n.sq-hmk__mode {\n  color:\n    rgba(13,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-hmk__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-hmk__eyebrow {\n  margin:0 0 13px;\n\n  color:var(--sun);\n\n  font-size:10px;\n  font-weight:800;\n\n  letter-spacing:.20em;\n\n  text-transform:uppercase;\n}\n\n\n.sq-hmk__title {\n  max-width:700px;\n\n  margin:0;\n\n  color:var(--canopy-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-hmk__title span {\n  display:block;\n\n  color:var(--bark);\n}\n\n\n.sq-hmk__intro {\n  max-width:560px;\n\n  margin:20px 0 0;\n\n  color:\n    rgba(24,33,30,.66);\n\n  font-size:13px;\n\n  line-height:1.72;\n}\n\n\n\/* ============================================================\n   SUSPENSION MAP\n   ============================================================ *\/\n\n.sq-hmk__suspension {\n  position:relative;\n\n  width:min(100%,240px);\n  height:185px;\n\n  justify-self:end;\n\n  min-width:0;\n}\n\n\n.sq-hmk__anchor {\n  position:absolute;\n\n  top:22px;\n\n  width:10px;\n  height:10px;\n\n  border-radius:50%;\n\n  background:var(--bark);\n\n  box-shadow:\n    0 0 0 5px rgba(85,64,52,.08);\n}\n\n\n.sq-hmk__anchor--left {\n  left:10px;\n}\n\n\n.sq-hmk__anchor--right {\n  right:10px;\n}\n\n\n.sq-hmk__strap {\n  position:absolute;\n\n  top:27px;\n\n  width:74px;\n  height:2px;\n\n  background:var(--sand-900);\n}\n\n\n.sq-hmk__strap--left {\n  left:18px;\n\n  transform:rotate(18deg);\n  transform-origin:left center;\n}\n\n\n.sq-hmk__strap--right {\n  right:18px;\n\n  transform:rotate(-18deg);\n  transform-origin:right center;\n}\n\n\n.sq-hmk__hammock {\n  position:absolute;\n\n  left:50%;\n  top:55px;\n\n  width:170px;\n  height:72px;\n\n  transform:\n    translateX(-50%);\n\n  border-bottom:\n    18px solid var(--canopy-900);\n\n  border-radius:\n    0 0 50% 50%;\n}\n\n\n.sq-hmk__hammock::before {\n  content:\"\";\n\n  position:absolute;\n\n  left:12px;\n  right:12px;\n  top:9px;\n\n  height:39px;\n\n  border-bottom:\n    7px solid var(--sand-700);\n\n  border-radius:\n    0 0 50% 50%;\n}\n\n\n.sq-hmk__suspension-copy {\n  position:absolute;\n\n  left:0;\n  right:0;\n  bottom:0;\n\n  color:var(--canopy-900);\n\n  text-align:center;\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   02 — MARQUEE\n   ============================================================ *\/\n\n.sq-hmk__marquee {\n  overflow:hidden;\n\n  margin:12px 0;\n\n  background:var(--canopy-950);\n\n  color:#fff;\n}\n\n\n.sq-hmk__marquee-track {\n  display:flex;\n\n  width:max-content;\n\n  animation:\n    sqHmkRun 30s linear infinite;\n\n  will-change:transform;\n}\n\n\n.sq-hmk__marquee:hover\n.sq-hmk__marquee-track {\n  animation-play-state:paused;\n}\n\n\n.sq-hmk__marquee-group {\n  display:flex;\n  align-items:center;\n\n  flex-shrink:0;\n\n  white-space:nowrap;\n}\n\n\n.sq-hmk__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-hmk__marquee-mark {\n  width:18px;\n  height:2px;\n\n  flex:0 0 18px;\n\n  border-radius:99px;\n\n  background:var(--sand-soft);\n}\n\n\n@keyframes sqHmkRun {\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-hmk__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-hmk__chapter-no {\n  color:var(--sun);\n\n  font-size:10px;\n  font-weight:800;\n\n  letter-spacing:.16em;\n}\n\n\n.sq-hmk__chapter-main {\n  min-width:0;\n}\n\n\n.sq-hmk__chapter-title {\n  display:block;\n\n  color:var(--canopy-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-hmk__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-hmk__chapter-code {\n  color:\n    rgba(13,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-hmk__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(13,52,41,.11);\n\n  background:#f7f6f2;\n\n  transition:\n    transform .28s ease,\n    box-shadow .28s ease;\n}\n\n\n.sq-hmk__plate:hover {\n  transform:translateY(-5px);\n\n  box-shadow:\n    0 27px 58px rgba(8,36,28,.11),\n    0 8px 18px rgba(8,36,28,.05);\n}\n\n\n.sq-hmk__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(--sand-900);\n}\n\n\n.sq-hmk__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(--canopy-900);\n}\n\n\n.sq-hmk__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 — PACK → ATTACH → CONNECT → RELAX\n   ============================================================ *\/\n\n.sq-hmk__flow {\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(--canvas);\n}\n\n\n.sq-hmk__flow-item {\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-hmk__flow-item:last-child {\n  border-right:0;\n}\n\n\n.sq-hmk__flow-no {\n  display:flex;\n  align-items:center;\n\n  gap:8px;\n\n  margin-bottom:15px;\n\n  color:var(--sun);\n\n  font-size:9px;\n  font-weight:800;\n\n  letter-spacing:.14em;\n}\n\n\n.sq-hmk__flow-no::after {\n  content:\"\";\n\n  height:1px;\n\n  flex:1;\n\n  background:\n    rgba(217,154,74,.28);\n}\n\n\n.sq-hmk__flow-item strong {\n  display:block;\n\n  color:var(--canopy-950);\n\n  font-size:13px;\n  font-weight:850;\n}\n\n\n.sq-hmk__flow-item 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 — TENSION SYSTEM\n   ============================================================ *\/\n\n.sq-hmk__tension {\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.34fr)\n    minmax(250px,.66fr);\n\n  min-width:0;\n\n  margin:0 0 12px;\n\n  background:var(--charcoal);\n\n  color:#fff;\n}\n\n\n.sq-hmk__tension-main {\n  min-width:0;\n\n  padding:\n    clamp(28px,4.5vw,52px);\n}\n\n\n.sq-hmk__tension-label {\n  margin-bottom:19px;\n\n  color:var(--sand-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-hmk__tension-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:820;\n\n  line-height:.95;\n\n  letter-spacing:-.048em;\n}\n\n\n.sq-hmk__tension-title span {\n  color:#d7c5ae;\n}\n\n\n.sq-hmk__tension-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\/* hanging tension visual *\/\n.sq-hmk__tension-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      #354b43,\n      #192b25\n    );\n}\n\n\n.sq-hmk__tension-line {\n  position:absolute;\n\n  left:50%;\n  top:54px;\n\n  width:190px;\n  height:110px;\n\n  transform:\n    translateX(-50%);\n}\n\n\n.sq-hmk__tension-line::before {\n  content:\"\";\n\n  position:absolute;\n\n  left:0;\n  right:0;\n  top:0;\n\n  height:2px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--sand-700),\n      var(--sand-soft),\n      var(--sand-700)\n    );\n}\n\n\n.sq-hmk__tension-arc {\n  position:absolute;\n\n  left:17px;\n  right:17px;\n  top:10px;\n\n  height:78px;\n\n  border-bottom:\n    16px solid var(--canopy-700);\n\n  border-radius:\n    0 0 50% 50%;\n}\n\n\n.sq-hmk__tension-node {\n  position:absolute;\n\n  top:-5px;\n\n  width:12px;\n  height:12px;\n\n  border-radius:50%;\n\n  background:var(--sun);\n}\n\n\n.sq-hmk__tension-node--left {\n  left:-5px;\n}\n\n\n.sq-hmk__tension-node--right {\n  right:-5px;\n}\n\n\n.sq-hmk__tension-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 — BUILD SYSTEM\n   ============================================================ *\/\n\n.sq-hmk__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      #f8f7f3,\n      #ecebe6\n    );\n}\n\n\n.sq-hmk__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-hmk__build-item:last-child {\n  border-right:0;\n}\n\n\n.sq-hmk__build-no {\n  display:block;\n\n  margin-bottom:14px;\n\n  color:var(--sun);\n\n  font-size:9px;\n  font-weight:800;\n\n  letter-spacing:.14em;\n}\n\n\n.sq-hmk__build-item strong {\n  display:block;\n\n  color:var(--canopy-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 — SUSPENSION KIT\n   ============================================================ *\/\n\n.sq-hmk__kit {\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(--stone);\n}\n\n\n.sq-hmk__kit-item {\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-hmk__kit-item:last-child {\n  border-right:0;\n}\n\n\n.sq-hmk__kit-small {\n  display:block;\n\n  margin-bottom:8px;\n\n  color:var(--sun);\n\n  font-size:9px;\n  font-weight:800;\n\n  letter-spacing:.14em;\n\n  text-transform:uppercase;\n}\n\n\n.sq-hmk__kit-item strong {\n  display:block;\n\n  color:var(--canopy-950);\n\n  font-size:12px;\n  font-weight:850;\n\n  line-height:1.35;\n}\n\n\n\/* ============================================================\n   09 — RELAX PANEL\n   ============================================================ *\/\n\n.sq-hmk__relax {\n  position:relative;\n\n  overflow:hidden;\n\n  min-width:0;\n\n  margin:0 0 12px;\n\n  padding:\n    clamp(30px,5vw,56px);\n\n  background:\n    linear-gradient(\n      135deg,\n      #e2e8e2,\n      #d6ddd4\n    );\n\n  border:1px solid var(--line);\n}\n\n\n.sq-hmk__relax::before {\n  content:\"\";\n\n  position:absolute;\n\n  width:410px;\n  height:175px;\n\n  right:-90px;\n  bottom:-55px;\n\n  border-bottom:\n    1px solid rgba(13,52,41,.13);\n\n  border-radius:\n    0 0 50% 50%;\n\n  box-shadow:\n    0 24px 0 -23px rgba(13,52,41,.07),\n    0 48px 0 -47px rgba(13,52,41,.04);\n\n  pointer-events:none;\n}\n\n\n.sq-hmk__relax-label {\n  position:relative;\n  z-index:1;\n\n  margin-bottom:14px;\n\n  color:var(--sun);\n\n  font-size:10px;\n  font-weight:800;\n\n  letter-spacing:.18em;\n\n  text-transform:uppercase;\n}\n\n\n.sq-hmk__relax h3 {\n  position:relative;\n  z-index:1;\n\n  max-width:630px;\n\n  margin:0;\n\n  color:var(--canopy-950);\n\n  font-size:\n    clamp(30px,4.8vw,56px);\n\n  font-weight:850;\n\n  line-height:.97;\n\n  letter-spacing:-.05em;\n}\n\n\n.sq-hmk__relax p {\n  position:relative;\n  z-index:1;\n\n  max-width:560px;\n\n  margin:18px 0 0;\n\n  color:var(--muted);\n\n  font-size:12px;\n\n  line-height:1.72;\n}\n\n\n\/* ============================================================\n   10 — END\n   ============================================================ *\/\n\n.sq-hmk__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      #e6dfd4,\n      #d4cabc\n    );\n\n  border:\n    1px solid var(--line);\n}\n\n\n.sq-hmk__end::after {\n  content:\"HANG OUTSIDE\";\n\n  position:absolute;\n\n  right:-18px;\n  top:-5px;\n\n  color:\n    rgba(13,52,41,.05);\n\n  font-size:\n    clamp(52px,9.5vw,122px);\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-hmk__end-main {\n  position:relative;\n  z-index:1;\n\n  min-width:0;\n}\n\n\n.sq-hmk__end-label {\n  margin-bottom:14px;\n\n  color:var(--sun);\n\n  font-size:10px;\n  font-weight:800;\n\n  letter-spacing:.18em;\n\n  text-transform:uppercase;\n}\n\n\n.sq-hmk__end h3 {\n  max-width:630px;\n\n  margin:0;\n\n  color:var(--canopy-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-hmk__end-meta {\n  position:relative;\n  z-index:1;\n\n  padding-left:18px;\n\n  border-left:\n    2px solid var(--sun);\n\n  color:var(--canopy-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-hmk {\n    width:100%;\n    max-width:100%;\n    min-width:0;\n\n    margin:24px 0 38px;\n  }\n\n\n  .sq-hmk__hero {\n    padding:\n      28px\n      19px\n      26px;\n  }\n\n\n  .sq-hmk__topline {\n    margin-bottom:40px;\n  }\n\n\n  .sq-hmk__mode {\n    display:none;\n  }\n\n\n  .sq-hmk__hero-grid {\n    grid-template-columns:1fr;\n\n    gap:30px;\n  }\n\n\n  .sq-hmk__title {\n    font-size:\n      clamp(39px,12vw,56px);\n  }\n\n\n  .sq-hmk__suspension {\n    width:100%;\n\n    justify-self:stretch;\n  }\n\n\n  .sq-hmk__marquee-item {\n    padding:\n      13px\n      16px;\n\n    font-size:9px;\n  }\n\n\n  .sq-hmk__chapter {\n    grid-template-columns:\n      52px\n      minmax(0,1fr);\n\n    gap:10px;\n  }\n\n\n  .sq-hmk__chapter-code {\n    display:none;\n  }\n\n\n  .sq-hmk__plate {\n    padding:5px;\n  }\n\n\n  .sq-hmk__plate:hover {\n    transform:translateY(-2px);\n  }\n\n\n  .sq-hmk__flow {\n    grid-template-columns:\n      1fr\n      1fr;\n  }\n\n\n  .sq-hmk__flow-item:nth-child(2) {\n    border-right:0;\n  }\n\n\n  .sq-hmk__flow-item:nth-child(1),\n  .sq-hmk__flow-item:nth-child(2) {\n    border-bottom:\n      1px solid var(--line);\n  }\n\n\n  .sq-hmk__tension {\n    grid-template-columns:1fr;\n  }\n\n\n  .sq-hmk__tension-visual {\n    min-height:230px;\n  }\n\n\n  .sq-hmk__build {\n    grid-template-columns:\n      1fr\n      1fr;\n  }\n\n\n  .sq-hmk__build-item:nth-child(2) {\n    border-right:0;\n  }\n\n\n  .sq-hmk__build-item:nth-child(1),\n  .sq-hmk__build-item:nth-child(2) {\n    border-bottom:\n      1px solid var(--line);\n  }\n\n\n  .sq-hmk__kit {\n    grid-template-columns:\n      1fr\n      1fr;\n  }\n\n\n  .sq-hmk__kit-item:nth-child(2) {\n    border-right:0;\n  }\n\n\n  .sq-hmk__kit-item:nth-child(1),\n  .sq-hmk__kit-item:nth-child(2) {\n    border-bottom:\n      1px solid var(--line);\n  }\n\n\n  .sq-hmk__end {\n    grid-template-columns:1fr;\n  }\n\n\n  .sq-hmk__end-meta {\n    padding-left:14px;\n  }\n\n}\n\n\n@media(prefers-reduced-motion:reduce) {\n\n  .sq-hmk__marquee-track {\n    animation:none;\n  }\n\n\n  .sq-hmk__plate {\n    transition:none;\n  }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"sq-hmk\"\u003e\n\u003c!-- ======================================================\n       HERO\n       ====================================================== --\u003e\n\u003csection class=\"sq-hmk__hero\"\u003e\n\u003cdiv class=\"sq-hmk__topline\"\u003e\n\u003cdiv class=\"sq-hmk__series\"\u003eSORALIQUE \/ SUSPENSION SERIES\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__mode\"\u003eOUTDOOR HAMMOCK SYSTEM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"sq-hmk__eyebrow\"\u003ePortable Outdoor Hammock\u003c\/p\u003e\n\u003ch2 class=\"sq-hmk__title\"\u003eHang Between. \u003cspan\u003eSlow Everything Down.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sq-hmk__intro\"\u003eA portable suspension system built around breathable fabric, reinforced seams and adjustable tree straps — creating a comfortable place to rest wherever two anchor points meet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__suspension\"\u003e\n\u003cspan class=\"sq-hmk__anchor sq-hmk__anchor--left\"\u003e\u003c\/span\u003e \u003cspan class=\"sq-hmk__anchor sq-hmk__anchor--right\"\u003e\u003c\/span\u003e \u003cspan class=\"sq-hmk__strap sq-hmk__strap--left\"\u003e\u003c\/span\u003e \u003cspan class=\"sq-hmk__strap sq-hmk__strap--right\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"sq-hmk__hammock\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__suspension-copy\"\u003eANCHOR → TENSION → ARC → REST\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-hmk__marquee\"\u003e\n\u003cdiv class=\"sq-hmk__marquee-track\"\u003e\n\u003cdiv class=\"sq-hmk__marquee-group\"\u003e\n\u003cspan class=\"sq-hmk__marquee-item\"\u003e BREATHABLE FABRIC \u003ci class=\"sq-hmk__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-hmk__marquee-item\"\u003e REINFORCED SEAMS \u003ci class=\"sq-hmk__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-hmk__marquee-item\"\u003e ADJUSTABLE TREE STRAPS \u003ci class=\"sq-hmk__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-hmk__marquee-item\"\u003e EASY SETUP \u003ci class=\"sq-hmk__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-hmk__marquee-item\"\u003e STRONG SUPPORT \u003ci class=\"sq-hmk__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-hmk__marquee-item\"\u003e LIGHTWEIGHT STORAGE \u003ci class=\"sq-hmk__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__marquee-group\"\u003e\n\u003cspan class=\"sq-hmk__marquee-item\"\u003e BREATHABLE FABRIC \u003ci class=\"sq-hmk__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-hmk__marquee-item\"\u003e REINFORCED SEAMS \u003ci class=\"sq-hmk__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-hmk__marquee-item\"\u003e ADJUSTABLE TREE STRAPS \u003ci class=\"sq-hmk__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-hmk__marquee-item\"\u003e EASY SETUP \u003ci class=\"sq-hmk__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-hmk__marquee-item\"\u003e STRONG SUPPORT \u003ci class=\"sq-hmk__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-hmk__marquee-item\"\u003e LIGHTWEIGHT STORAGE \u003ci class=\"sq-hmk__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 — SETUP FLOW\n       ====================================================== --\u003e\n\u003cdiv class=\"sq-hmk__chapter\"\u003e\n\u003cdiv class=\"sq-hmk__chapter-no\"\u003e01 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__chapter-main\"\u003e\n\u003cstrong class=\"sq-hmk__chapter-title\"\u003e FROM PACK TO REST \u003c\/strong\u003e \u003cspan class=\"sq-hmk__chapter-desc\"\u003e Pack \/ attach \/ connect \/ relax \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__chapter-code\"\u003eSETUP\u003cbr\u003eFLOW\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__flow\"\u003e\n\u003cdiv class=\"sq-hmk__flow-item\"\u003e\n\u003cspan class=\"sq-hmk__flow-no\"\u003e 01 \u003c\/span\u003e \u003cstrong\u003e Pack \u003c\/strong\u003e\n\u003cp\u003eCompact storage keeps the hammock easy to travel with.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__flow-item\"\u003e\n\u003cspan class=\"sq-hmk__flow-no\"\u003e 02 \u003c\/span\u003e \u003cstrong\u003e Attach \u003c\/strong\u003e\n\u003cp\u003eWrap the suspension straps around suitable anchor points.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__flow-item\"\u003e\n\u003cspan class=\"sq-hmk__flow-no\"\u003e 03 \u003c\/span\u003e \u003cstrong\u003e Connect \u003c\/strong\u003e\n\u003cp\u003eSecure the hammock using the adjustable hanging hardware.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__flow-item\"\u003e\n\u003cspan class=\"sq-hmk__flow-no\"\u003e 04 \u003c\/span\u003e \u003cstrong\u003e Relax \u003c\/strong\u003e\n\u003cp\u003eLet the suspended fabric form a comfortable resting arc.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-hmk__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/14-6.jpg?v=1791293407\" alt=\"SorAlique outdoor hammock showing pack, attach, connect and relax setup process\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n       SUSPENSION FEATURE\n       ====================================================== --\u003e\n\u003csection class=\"sq-hmk__tension\"\u003e\n\u003cdiv class=\"sq-hmk__tension-main\"\u003e\n\u003cdiv class=\"sq-hmk__tension-label\"\u003eSuspension Geometry\u003c\/div\u003e\n\u003ch3 class=\"sq-hmk__tension-title\"\u003eTension at the ends. \u003cspan\u003eComfort in the middle.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp class=\"sq-hmk__tension-copy\"\u003eAdjustable tree straps create the two secure suspension points, while the hammock body drops naturally into a relaxed arc between them.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__tension-visual\"\u003e\n\u003cdiv class=\"sq-hmk__tension-line\"\u003e\n\u003cspan class=\"sq-hmk__tension-node sq-hmk__tension-node--left\"\u003e\u003c\/span\u003e\n\u003cdiv class=\"sq-hmk__tension-arc\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"sq-hmk__tension-node sq-hmk__tension-node--right\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__tension-meta\"\u003eANCHOR POINT\u003cbr\u003eSTRAP TENSION\u003cbr\u003eCOMFORT ARC\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n       02 — MATERIAL \/ SUPPORT\n       ====================================================== --\u003e\n\u003cdiv class=\"sq-hmk__chapter\"\u003e\n\u003cdiv class=\"sq-hmk__chapter-no\"\u003e02 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__chapter-main\"\u003e\n\u003cstrong class=\"sq-hmk__chapter-title\"\u003e BUILT FOR SUSPENDED COMFORT \u003c\/strong\u003e \u003cspan class=\"sq-hmk__chapter-desc\"\u003e Fabric \/ seams \/ hardware \/ support \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__chapter-code\"\u003eHANG\u003cbr\u003eSYSTEM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__build\"\u003e\n\u003cdiv class=\"sq-hmk__build-item\"\u003e\n\u003cspan class=\"sq-hmk__build-no\"\u003e 01 \u003c\/span\u003e \u003cstrong\u003e Breathable Fabric \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__build-item\"\u003e\n\u003cspan class=\"sq-hmk__build-no\"\u003e 02 \u003c\/span\u003e \u003cstrong\u003e Reinforced Seams \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__build-item\"\u003e\n\u003cspan class=\"sq-hmk__build-no\"\u003e 03 \u003c\/span\u003e \u003cstrong\u003e Easy Connect Hardware \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__build-item\"\u003e\n\u003cspan class=\"sq-hmk__build-no\"\u003e 04 \u003c\/span\u003e \u003cstrong\u003e Strong Strap Support \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-hmk__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/14-7.jpg?v=1791293407\" alt=\"SorAlique outdoor hammock showing breathable fabric, reinforced seams, easy setup hardware and support straps\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n       03 — KIT \/ RELAX\n       ====================================================== --\u003e\n\u003cdiv class=\"sq-hmk__chapter\"\u003e\n\u003cdiv class=\"sq-hmk__chapter-no\"\u003e03 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__chapter-main\"\u003e\n\u003cstrong class=\"sq-hmk__chapter-title\"\u003e EVERYTHING NEEDED TO HANG OUT \u003c\/strong\u003e \u003cspan class=\"sq-hmk__chapter-desc\"\u003e Hammock \/ straps \/ connectors \/ storage \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__chapter-code\"\u003eFULL\u003cbr\u003eKIT\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__kit\"\u003e\n\u003cdiv class=\"sq-hmk__kit-item\"\u003e\n\u003cspan class=\"sq-hmk__kit-small\"\u003e Main \u003c\/span\u003e \u003cstrong\u003e Outdoor Hammock \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__kit-item\"\u003e\n\u003cspan class=\"sq-hmk__kit-small\"\u003e Suspension \u003c\/span\u003e \u003cstrong\u003e Adjustable Tree Straps \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__kit-item\"\u003e\n\u003cspan class=\"sq-hmk__kit-small\"\u003e Connection \u003c\/span\u003e \u003cstrong\u003e Hanging Hardware \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__kit-item\"\u003e\n\u003cspan class=\"sq-hmk__kit-small\"\u003e Travel \u003c\/span\u003e \u003cstrong\u003e Compact Storage Bag \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"sq-hmk__relax\"\u003e\n\u003cdiv class=\"sq-hmk__relax-label\"\u003eSuspended Rest\u003c\/div\u003e\n\u003ch3\u003eFind two trees.\u003cbr\u003eLet the ground disappear.\u003c\/h3\u003e\n\u003cp\u003eThe hammock creates a suspended resting space that packs small, sets up simply and turns a wooded campsite into a place to slow down.\u003c\/p\u003e\n\u003c\/section\u003e\n\u003cfigure class=\"sq-hmk__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/14-8.png?v=1791293416\" alt=\"SorAlique outdoor hammock product dimensions and included suspension accessories\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n       END\n       ====================================================== --\u003e\n\u003csection class=\"sq-hmk__end\"\u003e\n\u003cdiv class=\"sq-hmk__end-main\"\u003e\n\u003cdiv class=\"sq-hmk__end-label\"\u003eSorAlique \/ Suspension Outdoor Series\u003c\/div\u003e\n\u003ch3\u003eCarry less structure.\u003cbr\u003eFind more ways to rest.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hmk__end-meta\"\u003eBreathable Fabric\u003cbr\u003eReinforced Seams\u003cbr\u003eAdjustable Suspension\u003cbr\u003eCompact Travel Storage\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Soralique","offers":[{"title":"Default Title","offer_id":45685494218775,"sku":"Soralique014*1","price":76.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/14-1.png?v=1791293418","url":"https:\/\/soralique.com\/products\/soralique%e2%84%a2-outdoor-relax-hammock","provider":"Soralique","version":"1.0","type":"link"}