{"title":"Home page","description":null,"products":[{"product_id":"soralique™-compact-adventure-shelter","title":"Soralique™ Compact Adventure Shelter","description":"\u003cstyle\u003e\n\/* ============================================================\n SORALIQUE — RAPID DEPLOY SHELTER\n Product-specific Shopify Description\n\n LAYOUT FIX:\n - 保留原设计\n - 不修改 Product Gallery\n - 不使用负 margin\n - 桌面端宽度逻辑与 Bellorique 一致\n - 防止 Description intrinsic width 挤压左侧 Gallery\n ============================================================ *\/\n\n.sq-rds {\n --pine-950:#082c22;\n --pine-900:#0d392d;\n --pine-800:#124b3a;\n --pine-700:#1d5e49;\n\n --canvas:#e8dfca;\n --canvas-soft:#f5f0e5;\n --canvas-pale:#faf8f2;\n\n --amber:#c9812d;\n --amber-soft:#e2ad67;\n\n --aluminium:#b7bdba;\n --ink:#10251f;\n --muted:#66726d;\n --line:rgba(13,57,45,.16);\n\n \/*\n IMPORTANT LAYOUT FIX\n\n 原代码：\n width:min(1180px, calc(100vw - 32px));\n max-width:none;\n\n 这里改成正常占满 Product Info，\n 桌面端再通过下面的 media query 向右扩展。\n *\/\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 只处理包含本模块的 Description\n 不碰 Product Gallery\n ============================================================ *\/\n\n.product__description:has(.sq-rds),\n.product-description:has(.sq-rds),\n.product__text:has(.sq-rds),\n.product-info__description:has(.sq-rds),\n.product-info__block:has(.sq-rds),\n.rte:has(.sq-rds) {\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 \/*\n 防止内容 intrinsic width\n 把 Shopify Product Info 列撑宽\n *\/\n min-width:0 !important;\n}\n\n\n\/* ============================================================\n DESKTOP WIDTH SYSTEM\n 与第一份 Bellorique 使用同一套逻辑\n\n 向右扩展\n 不用负 margin\n 不向左侵入 Gallery\n ============================================================ *\/\n\n@media screen and (min-width:1200px) {\n\n .sq-rds {\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-rds {\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-rds {\n width:100%;\n max-width:100%;\n min-width:0;\n }\n\n}\n\n\n.sq-rds *,\n.sq-rds *::before,\n.sq-rds *::after {\n box-sizing:border-box;\n}\n\n\n\/* ============================================================\n 01 — PRODUCT IDENTITY\n Inspired by the tent's hub + radial frame\n ============================================================ *\/\n\n.sq-rds__hero {\n position:relative;\n overflow:hidden;\n\n padding:\n clamp(30px,5vw,66px)\n clamp(22px,5vw,64px)\n clamp(26px,4vw,48px);\n\n border:1px solid rgba(13,57,45,.12);\n\n \/*\n More technical than generic rounded card:\n asymmetrical clipped shelter silhouette.\n *\/\n\n clip-path:polygon(\n 0 0,\n calc(100% - 42px) 0,\n 100% 42px,\n 100% 100%,\n 0 100%\n );\n\n background:\n radial-gradient(\n circle at 82% 12%,\n rgba(201,129,45,.13) 0 2px,\n transparent 3px\n ),\n linear-gradient(\n 120deg,\n var(--canvas-pale) 0%,\n #f1eadc 60%,\n #e7dcc5 100%\n );\n}\n\n\n.sq-rds__hero::before {\n content:\"\";\n\n position:absolute;\n\n width:340px;\n height:340px;\n\n right:-75px;\n top:-180px;\n\n border:1px solid rgba(13,57,45,.11);\n border-radius:50%;\n\n box-shadow:\n 0 0 0 38px rgba(13,57,45,.035),\n 0 0 0 76px rgba(13,57,45,.024),\n 0 0 0 114px rgba(13,57,45,.015);\n\n pointer-events:none;\n}\n\n\n.sq-rds__hero::after {\n content:\"\";\n\n position:absolute;\n\n top:0;\n right:0;\n\n width:42px;\n height:42px;\n\n background:var(--amber);\n\n clip-path:polygon(\n 100% 0,\n 100% 100%,\n 0 0\n );\n}\n\n\n.sq-rds__topline {\n display:flex;\n\n justify-content:space-between;\n align-items:center;\n\n gap:24px;\n\n margin-bottom:clamp(42px,7vw,86px);\n\n color:var(--pine-800);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.19em;\n\n line-height:1.4;\n\n text-transform:uppercase;\n}\n\n\n.sq-rds__serial {\n display:flex;\n\n align-items:center;\n\n gap:10px;\n}\n\n\n.sq-rds__serial::before {\n content:\"\";\n\n width:8px;\n height:8px;\n\n border:2px solid var(--amber);\n\n border-radius:50%;\n}\n\n\n.sq-rds__family {\n opacity:.65;\n}\n\n\n.sq-rds__hero-grid {\n position:relative;\n\n z-index:1;\n\n display:grid;\n\n grid-template-columns:\n minmax(0,1.7fr)\n minmax(180px,.55fr);\n\n gap:clamp(28px,5vw,70px);\n\n align-items:end;\n\n min-width:0;\n}\n\n\n.sq-rds__kicker {\n margin:0 0 12px;\n\n color:var(--amber);\n\n font-size:11px;\n font-weight:800;\n\n letter-spacing:.2em;\n\n text-transform:uppercase;\n}\n\n\n.sq-rds__title {\n max-width:760px;\n\n margin:0;\n\n color:var(--pine-950);\n\n font-size:clamp(38px,6.3vw,80px);\n font-weight:800;\n\n letter-spacing:-.057em;\n\n line-height:.89;\n}\n\n\n.sq-rds__title span {\n display:block;\n\n color:var(--pine-700);\n}\n\n\n.sq-rds__hero-note {\n max-width:270px;\n\n margin:18px 0 0;\n\n color:rgba(16,37,31,.66);\n\n font-size:13px;\n\n line-height:1.7;\n}\n\n\n.sq-rds__hub {\n position:relative;\n\n width:min(100%,220px);\n\n aspect-ratio:1;\n\n justify-self:end;\n\n display:grid;\n\n place-items:center;\n}\n\n\n.sq-rds__hub-ring {\n position:absolute;\n\n inset:0;\n\n border:1px solid rgba(13,57,45,.21);\n\n border-radius:50%;\n}\n\n\n.sq-rds__hub-ring::before,\n.sq-rds__hub-ring::after {\n content:\"\";\n\n position:absolute;\n\n inset:17%;\n\n border:1px solid rgba(13,57,45,.13);\n\n border-radius:50%;\n}\n\n\n.sq-rds__hub-ring::after {\n inset:35%;\n\n background:var(--pine-950);\n\n border:none;\n}\n\n\n.sq-rds__hub-axis {\n position:absolute;\n\n width:100%;\n height:1px;\n\n background:rgba(13,57,45,.17);\n\n transform-origin:center;\n}\n\n\n.sq-rds__hub-axis:nth-child(2) {\n transform:rotate(0deg);\n}\n\n.sq-rds__hub-axis:nth-child(3) {\n transform:rotate(45deg);\n}\n\n.sq-rds__hub-axis:nth-child(4) {\n transform:rotate(90deg);\n}\n\n.sq-rds__hub-axis:nth-child(5) {\n transform:rotate(135deg);\n}\n\n\n.sq-rds__hub-copy {\n position:relative;\n\n z-index:2;\n\n width:90px;\n\n text-align:center;\n\n color:white;\n\n font-size:9px;\n font-weight:800;\n\n line-height:1.45;\n\n letter-spacing:.12em;\n\n text-transform:uppercase;\n}\n\n\n\/* ============================================================\n 02 — PRODUCT DATA MARQUEE\n ============================================================ *\/\n\n.sq-rds__marquee {\n overflow:hidden;\n\n margin:12px 0;\n\n border-top:1px solid rgba(255,255,255,.1);\n border-bottom:1px solid rgba(0,0,0,.2);\n\n background:var(--pine-950);\n\n color:#fff;\n}\n\n\n.sq-rds__marquee-track {\n display:flex;\n\n width:max-content;\n\n animation:sqRdsRun 28s linear infinite;\n\n will-change:transform;\n}\n\n\n.sq-rds__marquee:hover .sq-rds__marquee-track {\n animation-play-state:paused;\n}\n\n\n.sq-rds__marquee-group {\n display:flex;\n\n align-items:center;\n\n flex-shrink:0;\n\n white-space:nowrap;\n}\n\n\n.sq-rds__marquee-item {\n display:inline-flex;\n\n align-items:center;\n\n gap:16px;\n\n padding:14px 22px;\n\n font-size:10px;\n font-weight:750;\n\n letter-spacing:.16em;\n\n line-height:1;\n\n text-transform:uppercase;\n}\n\n\n.sq-rds__marquee-node {\n width:7px;\n height:7px;\n\n flex:0 0 7px;\n\n border:1px solid var(--amber-soft);\n\n transform:rotate(45deg);\n}\n\n\n@keyframes sqRdsRun {\n\n from {\n transform:translateX(0);\n }\n\n to {\n transform:translateX(-50%);\n }\n\n}\n\n\n\/* ============================================================\n 03 — IMAGE PLATES\n Images stay 100% intact.\n ============================================================ *\/\n\n.sq-rds__plate {\n position:relative;\n\n width:100%;\n min-width:0;\n\n padding:clamp(9px,1.4vw,14px);\n\n margin:0 0 12px;\n\n background:\n linear-gradient(\n 135deg,\n rgba(13,57,45,.08),\n rgba(13,57,45,.02)\n );\n\n border:1px solid rgba(13,57,45,.11);\n\n transition:\n transform .28s ease,\n box-shadow .28s ease;\n}\n\n\n.sq-rds__plate:hover {\n transform:translateY(-5px);\n\n box-shadow:\n 0 26px 55px rgba(8,44,34,.12),\n 0 8px 18px rgba(8,44,34,.06);\n}\n\n\n.sq-rds__plate::before,\n.sq-rds__plate::after {\n content:\"\";\n\n position:absolute;\n\n pointer-events:none;\n}\n\n\n\/* technical corner markers *\/\n\n.sq-rds__plate::before {\n left:-1px;\n top:-1px;\n\n width:28px;\n height:28px;\n\n border-left:3px solid var(--amber);\n border-top:3px solid var(--amber);\n}\n\n\n.sq-rds__plate::after {\n right:-1px;\n bottom:-1px;\n\n width:28px;\n height:28px;\n\n border-right:3px solid var(--pine-700);\n border-bottom:3px solid var(--pine-700);\n}\n\n\n.sq-rds__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 border-radius:0;\n\n transform:none;\n}\n\n\n\/* ============================================================\n 04 — CHAPTER SYSTEM\n Each chapter references actual product characteristics.\n ============================================================ *\/\n\n.sq-rds__chapter {\n display:grid;\n\n grid-template-columns:\n 84px\n minmax(0,1fr)\n auto;\n\n gap:18px;\n\n align-items:center;\n\n min-width:0;\n\n margin:10px 0 12px;\n\n padding:17px 2px 18px;\n\n border-bottom:1px solid var(--line);\n}\n\n\n.sq-rds__chapter-index {\n color:var(--amber);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.16em;\n}\n\n\n.sq-rds__chapter-main {\n display:flex;\n\n flex-wrap:wrap;\n\n align-items:baseline;\n\n gap:8px 14px;\n\n min-width:0;\n}\n\n\n.sq-rds__chapter-title {\n color:var(--pine-950);\n\n font-size:clamp(17px,2vw,24px);\n font-weight:780;\n\n letter-spacing:-.025em;\n}\n\n\n.sq-rds__chapter-desc {\n color:var(--muted);\n\n font-size:11px;\n\n letter-spacing:.06em;\n\n text-transform:uppercase;\n}\n\n\n.sq-rds__chapter-code {\n color:rgba(13,57,45,.43);\n\n font-size:9px;\n font-weight:750;\n\n letter-spacing:.15em;\n\n text-align:right;\n\n text-transform:uppercase;\n}\n\n\n\/* ============================================================\n 05 — FRAME SYSTEM STRIP\n A visual reference to the five construction details\n in the actual product image.\n ============================================================ *\/\n\n.sq-rds__systems {\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:1px solid var(--line);\n\n background:var(--canvas-pale);\n}\n\n\n.sq-rds__system {\n min-width:0;\n\n padding:19px 15px 18px;\n\n border-right:1px solid var(--line);\n}\n\n\n.sq-rds__system:last-child {\n border-right:0;\n}\n\n\n.sq-rds__system-no {\n display:flex;\n\n align-items:center;\n\n gap:8px;\n\n margin:0 0 16px;\n\n color:var(--amber);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.14em;\n}\n\n\n.sq-rds__system-no::after {\n content:\"\";\n\n height:1px;\n\n flex:1;\n\n background:rgba(201,129,45,.28);\n}\n\n\n.sq-rds__system strong {\n display:block;\n\n color:var(--pine-900);\n\n font-size:11px;\n\n line-height:1.32;\n\n letter-spacing:.055em;\n\n text-transform:uppercase;\n}\n\n\n\/* ============================================================\n 06 — DEPLOY \/ PACK RATIO\n Derived from the product dimensions shown in image #3.\n ============================================================ *\/\n\n.sq-rds__ratio {\n display:grid;\n\n grid-template-columns:\n minmax(0,1.4fr)\n minmax(260px,.6fr);\n\n gap:1px;\n\n min-width:0;\n\n margin:0 0 12px;\n\n background:rgba(13,57,45,.18);\n\n border:1px solid rgba(13,57,45,.15);\n}\n\n\n.sq-rds__ratio-main,\n.sq-rds__ratio-pack {\n min-width:0;\n\n background:var(--pine-950);\n\n color:white;\n}\n\n\n.sq-rds__ratio-main {\n padding:clamp(26px,4.2vw,50px);\n}\n\n\n.sq-rds__ratio-label {\n margin:0 0 24px;\n\n color:var(--amber-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-rds__dimensions {\n display:flex;\n\n flex-wrap:wrap;\n\n align-items:flex-end;\n\n gap:8px 15px;\n}\n\n\n.sq-rds__dimension {\n color:white;\n\n font-size:clamp(35px,6vw,72px);\n font-weight:790;\n\n letter-spacing:-.055em;\n\n line-height:.92;\n}\n\n\n.sq-rds__x {\n padding-bottom:6px;\n\n color:var(--amber);\n\n font-size:16px;\n font-weight:300;\n}\n\n\n.sq-rds__unit {\n margin-top:14px;\n\n color:rgba(255,255,255,.49);\n\n font-size:10px;\n font-weight:750;\n\n letter-spacing:.15em;\n\n text-transform:uppercase;\n}\n\n\n.sq-rds__ratio-pack {\n position:relative;\n\n display:flex;\n\n flex-direction:column;\n\n justify-content:space-between;\n\n padding:clamp(26px,4vw,44px);\n\n background:\n linear-gradient(\n 145deg,\n var(--pine-800),\n var(--pine-950)\n );\n}\n\n\n.sq-rds__ratio-pack::before {\n content:\"\";\n\n position:absolute;\n\n width:10px;\n height:10px;\n\n left:-5px;\n top:50%;\n\n margin-top:-5px;\n\n background:var(--amber);\n\n transform:rotate(45deg);\n}\n\n\n.sq-rds__pack-title {\n color:rgba(255,255,255,.6);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.17em;\n\n text-transform:uppercase;\n}\n\n\n.sq-rds__pack-value {\n margin-top:28px;\n\n color:white;\n\n font-size:clamp(27px,3vw,40px);\n font-weight:780;\n\n line-height:.98;\n\n letter-spacing:-.04em;\n}\n\n\n.sq-rds__pack-value small {\n display:block;\n\n margin-top:9px;\n\n color:var(--amber-soft);\n\n font-size:10px;\n font-weight:750;\n\n letter-spacing:.13em;\n\n text-transform:uppercase;\n}\n\n\n\/* ============================================================\n 07 — END PLATE\n ============================================================ *\/\n\n.sq-rds__end {\n position:relative;\n\n overflow:hidden;\n\n display:grid;\n\n grid-template-columns:\n minmax(0,1.3fr)\n minmax(220px,.7fr);\n\n gap:28px;\n\n align-items:end;\n\n min-width:0;\n\n padding:clamp(28px,5vw,56px);\n\n background:var(--canvas);\n\n border:1px solid rgba(13,57,45,.14);\n}\n\n\n.sq-rds__end::after {\n content:\"RAPID DEPLOY\";\n\n position:absolute;\n\n right:-12px;\n top:8px;\n\n color:rgba(13,57,45,.045);\n\n font-size:clamp(50px,10vw,128px);\n font-weight:850;\n\n letter-spacing:-.06em;\n\n line-height:1;\n\n white-space:nowrap;\n\n pointer-events:none;\n}\n\n\n.sq-rds__end-copy {\n position:relative;\n\n z-index:1;\n\n min-width:0;\n}\n\n\n.sq-rds__end-tag {\n margin-bottom:13px;\n\n color:var(--amber);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.18em;\n\n text-transform:uppercase;\n}\n\n\n.sq-rds__end h3 {\n max-width:650px;\n\n margin:0;\n\n color:var(--pine-950);\n\n font-size:clamp(28px,4.5vw,53px);\n font-weight:800;\n\n letter-spacing:-.047em;\n\n line-height:.98;\n}\n\n\n.sq-rds__end-meta {\n position:relative;\n\n z-index:1;\n\n min-width:0;\n\n padding-left:20px;\n\n border-left:2px solid var(--amber);\n\n color:var(--pine-800);\n\n font-size:10px;\n font-weight:750;\n\n letter-spacing:.13em;\n\n line-height:1.8;\n\n text-transform:uppercase;\n}\n\n\n\/* ============================================================\n MOBILE\n ============================================================ *\/\n\n@media(max-width:749px) {\n\n .sq-rds {\n width:100%;\n max-width:100%;\n min-width:0;\n\n margin:24px 0 38px;\n }\n\n\n .sq-rds__hero {\n padding:27px 19px 25px;\n\n clip-path:polygon(\n 0 0,\n calc(100% - 28px) 0,\n 100% 28px,\n 100% 100%,\n 0 100%\n );\n }\n\n\n .sq-rds__hero::after {\n width:28px;\n height:28px;\n }\n\n\n .sq-rds__topline {\n margin-bottom:42px;\n }\n\n\n .sq-rds__family {\n display:none;\n }\n\n\n .sq-rds__hero-grid {\n grid-template-columns:1fr;\n\n gap:30px;\n }\n\n\n .sq-rds__title {\n font-size:clamp(38px,12.5vw,56px);\n }\n\n\n .sq-rds__hub {\n width:150px;\n\n justify-self:start;\n }\n\n\n .sq-rds__marquee-item {\n padding:13px 16px;\n\n font-size:9px;\n }\n\n\n .sq-rds__plate {\n padding:5px;\n }\n\n\n .sq-rds__plate:hover {\n transform:translateY(-2px);\n }\n\n\n .sq-rds__chapter {\n grid-template-columns:\n 54px\n minmax(0,1fr);\n\n gap:10px;\n }\n\n\n .sq-rds__chapter-code {\n display:none;\n }\n\n\n .sq-rds__chapter-main {\n display:block;\n }\n\n\n .sq-rds__chapter-desc {\n display:block;\n\n margin-top:5px;\n }\n\n\n .sq-rds__systems {\n grid-template-columns:1fr;\n }\n\n\n .sq-rds__system {\n display:grid;\n\n grid-template-columns:\n 46px\n minmax(0,1fr);\n\n align-items:center;\n\n padding:13px 15px;\n\n border-right:0;\n\n border-bottom:1px solid var(--line);\n }\n\n\n .sq-rds__system:last-child {\n border-bottom:0;\n }\n\n\n .sq-rds__system-no {\n margin:0;\n }\n\n\n .sq-rds__system-no::after {\n display:none;\n }\n\n\n .sq-rds__ratio {\n grid-template-columns:1fr;\n }\n\n\n .sq-rds__ratio-pack::before {\n top:-5px;\n left:28px;\n\n margin:0;\n }\n\n\n .sq-rds__end {\n grid-template-columns:1fr;\n }\n\n\n .sq-rds__end-meta {\n padding-left:14px;\n }\n\n}\n\n\n\/* ============================================================\n REDUCED MOTION\n ============================================================ *\/\n\n@media(prefers-reduced-motion:reduce) {\n\n .sq-rds__marquee-track {\n animation:none;\n }\n\n\n .sq-rds__plate {\n transition:none;\n }\n\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"sq-rds\"\u003e\n\n \u003c!-- ======================================================\n HERO \/ ENGINEERING ID\n ====================================================== --\u003e\n\n \u003csection class=\"sq-rds__hero\"\u003e\n\n \u003cdiv class=\"sq-rds__topline\"\u003e\n\n \u003cdiv class=\"sq-rds__serial\"\u003e\n SORALIQUE \/ FIELD SYSTEM 01\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq-rds__family\"\u003e\n COMPACT ADVENTURE SHELTER\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sq-rds__hero-grid\"\u003e\n\n \u003cdiv\u003e\n\n \u003cp class=\"sq-rds__kicker\"\u003e\n Rapid Deploy Shelter\n \u003c\/p\u003e\n\n \u003ch2 class=\"sq-rds__title\"\u003e\n Deploy Fast.\n \u003cspan\u003eStay Further.\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp class=\"sq-rds__hero-note\"\u003e\n A compact outdoor shelter built around a linked aluminum\n support system, lightweight packability and fast campsite\n deployment.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- Abstract hub graphic based on the tent's central frame joint --\u003e\n\n \u003cdiv class=\"sq-rds__hub\"\u003e\n\n \u003cdiv class=\"sq-rds__hub-ring\"\u003e\u003c\/div\u003e\n\n \u003cspan class=\"sq-rds__hub-axis\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sq-rds__hub-axis\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sq-rds__hub-axis\"\u003e\u003c\/span\u003e\n \u003cspan class=\"sq-rds__hub-axis\"\u003e\u003c\/span\u003e\n\n \u003cdiv class=\"sq-rds__hub-copy\"\u003e\n LINKED\u003cbr\u003e\n FRAME\u003cbr\u003e\n SYSTEM\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003c!-- ======================================================\n REAL PRODUCT DATA MARQUEE\n ====================================================== --\u003e\n\n \u003cdiv class=\"sq-rds__marquee\"\u003e\n\n \u003cdiv class=\"sq-rds__marquee-track\"\u003e\n\n \u003cdiv class=\"sq-rds__marquee-group\"\u003e\n\n \u003cspan class=\"sq-rds__marquee-item\"\u003e\n 200 CM LENGTH\n \u003ci class=\"sq-rds__marquee-node\"\u003e\u003c\/i\u003e\n \u003c\/span\u003e\n\n \u003cspan class=\"sq-rds__marquee-item\"\u003e\n 150 CM WIDTH\n \u003ci class=\"sq-rds__marquee-node\"\u003e\u003c\/i\u003e\n \u003c\/span\u003e\n\n \u003cspan class=\"sq-rds__marquee-item\"\u003e\n 110 CM HEIGHT\n \u003ci class=\"sq-rds__marquee-node\"\u003e\u003c\/i\u003e\n \u003c\/span\u003e\n\n \u003cspan class=\"sq-rds__marquee-item\"\u003e\n 55 CM PACK LENGTH\n \u003ci class=\"sq-rds__marquee-node\"\u003e\u003c\/i\u003e\n \u003c\/span\u003e\n\n \u003cspan class=\"sq-rds__marquee-item\"\u003e\n ALUMINUM SUPPORT FRAME\n \u003ci class=\"sq-rds__marquee-node\"\u003e\u003c\/i\u003e\n \u003c\/span\u003e\n\n \u003cspan class=\"sq-rds__marquee-item\"\u003e\n QUICK SETUP\n \u003ci class=\"sq-rds__marquee-node\"\u003e\u003c\/i\u003e\n \u003c\/span\u003e\n\n \u003cspan class=\"sq-rds__marquee-item\"\u003e\n WATER RESISTANT FABRIC\n \u003ci class=\"sq-rds__marquee-node\"\u003e\u003c\/i\u003e\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- duplicate for seamless movement --\u003e\n\n \u003cdiv class=\"sq-rds__marquee-group\"\u003e\n\n \u003cspan class=\"sq-rds__marquee-item\"\u003e\n 200 CM LENGTH\n \u003ci class=\"sq-rds__marquee-node\"\u003e\u003c\/i\u003e\n \u003c\/span\u003e\n\n \u003cspan class=\"sq-rds__marquee-item\"\u003e\n 150 CM WIDTH\n \u003ci class=\"sq-rds__marquee-node\"\u003e\u003c\/i\u003e\n \u003c\/span\u003e\n\n \u003cspan class=\"sq-rds__marquee-item\"\u003e\n 110 CM HEIGHT\n \u003ci class=\"sq-rds__marquee-node\"\u003e\u003c\/i\u003e\n \u003c\/span\u003e\n\n \u003cspan class=\"sq-rds__marquee-item\"\u003e\n 55 CM PACK LENGTH\n \u003ci class=\"sq-rds__marquee-node\"\u003e\u003c\/i\u003e\n \u003c\/span\u003e\n\n \u003cspan class=\"sq-rds__marquee-item\"\u003e\n ALUMINUM SUPPORT FRAME\n \u003ci class=\"sq-rds__marquee-node\"\u003e\u003c\/i\u003e\n \u003c\/span\u003e\n\n \u003cspan class=\"sq-rds__marquee-item\"\u003e\n QUICK SETUP\n \u003ci class=\"sq-rds__marquee-node\"\u003e\u003c\/i\u003e\n \u003c\/span\u003e\n\n \u003cspan class=\"sq-rds__marquee-item\"\u003e\n WATER RESISTANT FABRIC\n \u003ci class=\"sq-rds__marquee-node\"\u003e\u003c\/i\u003e\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- ======================================================\n CHAPTER 01\n ====================================================== --\u003e\n\n \u003cdiv class=\"sq-rds__chapter\"\u003e\n\n \u003cdiv class=\"sq-rds__chapter-index\"\u003e\n 01 \/ 03\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq-rds__chapter-main\"\u003e\n\n \u003cstrong class=\"sq-rds__chapter-title\"\u003e\n CAMP MODE\n \u003c\/strong\u003e\n\n \u003cspan class=\"sq-rds__chapter-desc\"\u003e\n Small shelter \/ social outdoor footprint\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq-rds__chapter-code\"\u003e\n FIELD\u003cbr\u003e\n CONTEXT\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cfigure class=\"sq-rds__plate\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/1-6.jpg?v=1791274832\" alt=\"SorAlique compact adventure shelter in an outdoor campsite\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\n\n \u003c\/figure\u003e\n\n\n \u003c!-- ======================================================\n CHAPTER 02\n ====================================================== --\u003e\n\n \u003cdiv class=\"sq-rds__chapter\"\u003e\n\n \u003cdiv class=\"sq-rds__chapter-index\"\u003e\n 02 \/ 03\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq-rds__chapter-main\"\u003e\n\n \u003cstrong class=\"sq-rds__chapter-title\"\u003e\n MATERIAL SYSTEM\n \u003c\/strong\u003e\n\n \u003cspan class=\"sq-rds__chapter-desc\"\u003e\n Shell \/ seams \/ hub \/ airflow \/ closure\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq-rds__chapter-code\"\u003e\n 05 POINT\u003cbr\u003e\n BUILD\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sq-rds__systems\"\u003e\n\n \u003cdiv class=\"sq-rds__system\"\u003e\n\n \u003cspan class=\"sq-rds__system-no\"\u003e\n 01\n \u003c\/span\u003e\n\n \u003cstrong\u003e\n Water Resistant\u003cbr\u003e\n Fabric\n \u003c\/strong\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sq-rds__system\"\u003e\n\n \u003cspan class=\"sq-rds__system-no\"\u003e\n 02\n \u003c\/span\u003e\n\n \u003cstrong\u003e\n Reinforced\u003cbr\u003e\n Seams\n \u003c\/strong\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sq-rds__system\"\u003e\n\n \u003cspan class=\"sq-rds__system-no\"\u003e\n 03\n \u003c\/span\u003e\n\n \u003cstrong\u003e\n Aluminum Frame\u003cbr\u003e\n Connection\n \u003c\/strong\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sq-rds__system\"\u003e\n\n \u003cspan class=\"sq-rds__system-no\"\u003e\n 04\n \u003c\/span\u003e\n\n \u003cstrong\u003e\n Ventilation\u003cbr\u003e\n Mesh\n \u003c\/strong\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sq-rds__system\"\u003e\n\n \u003cspan class=\"sq-rds__system-no\"\u003e\n 05\n \u003c\/span\u003e\n\n \u003cstrong\u003e\n Zipper\u003cbr\u003e\n Details\n \u003c\/strong\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cfigure class=\"sq-rds__plate\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/1-7.png?v=1791274866\" alt=\"SorAlique shelter material and frame construction details\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\n\n \u003c\/figure\u003e\n\n\n \u003c!-- ======================================================\n CHAPTER 03\n ====================================================== --\u003e\n\n \u003cdiv class=\"sq-rds__chapter\"\u003e\n\n \u003cdiv class=\"sq-rds__chapter-index\"\u003e\n 03 \/ 03\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq-rds__chapter-main\"\u003e\n\n \u003cstrong class=\"sq-rds__chapter-title\"\u003e\n DEPLOY \/ PACK\n \u003c\/strong\u003e\n\n \u003cspan class=\"sq-rds__chapter-desc\"\u003e\n Full shelter volume \/ compact carry format\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"sq-rds__chapter-code\"\u003e\n SIZE\u003cbr\u003e\n SYSTEM\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003c!-- dimensional relationship --\u003e\n\n \u003csection class=\"sq-rds__ratio\"\u003e\n\n \u003cdiv class=\"sq-rds__ratio-main\"\u003e\n\n \u003cdiv class=\"sq-rds__ratio-label\"\u003e\n Deployed footprint\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sq-rds__dimensions\"\u003e\n\n \u003cstrong class=\"sq-rds__dimension\"\u003e\n 200\n \u003c\/strong\u003e\n\n \u003cspan class=\"sq-rds__x\"\u003e\n ×\n \u003c\/span\u003e\n\n \u003cstrong class=\"sq-rds__dimension\"\u003e\n 150\n \u003c\/strong\u003e\n\n \u003cspan class=\"sq-rds__x\"\u003e\n ×\n \u003c\/span\u003e\n\n \u003cstrong class=\"sq-rds__dimension\"\u003e\n 110\n \u003c\/strong\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sq-rds__unit\"\u003e\n Length × Width × Height \/ CM\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sq-rds__ratio-pack\"\u003e\n\n \u003cspan class=\"sq-rds__pack-title\"\u003e\n Carry Format\n \u003c\/span\u003e\n\n \u003cstrong class=\"sq-rds__pack-value\"\u003e\n\n 55 × 18 × 18\n\n \u003csmall\u003e\n CM \/ Packed\n \u003c\/small\u003e\n\n \u003c\/strong\u003e\n\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\n \u003cfigure class=\"sq-rds__plate\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/1-8.png?v=1791274866\" alt=\"SorAlique compact adventure shelter size, included contents and features\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\n\n \u003c\/figure\u003e\n\n\n \u003c!-- ======================================================\n CLOSING\n ====================================================== --\u003e\n\n \u003csection class=\"sq-rds__end\"\u003e\n\n \u003cdiv class=\"sq-rds__end-copy\"\u003e\n\n \u003cdiv class=\"sq-rds__end-tag\"\u003e\n SorAlique \/ Compact Adventure System\n \u003c\/div\u003e\n\n \u003ch3\u003e\n More shelter when deployed.\u003cbr\u003e\n Less shelter when carried.\n \u003c\/h3\u003e\n\n \u003c\/div\u003e\n\n\n \u003cdiv class=\"sq-rds__end-meta\"\u003e\n Lightweight Design\u003cbr\u003e\n Quick Setup\u003cbr\u003e\n Easy Storage\u003cbr\u003e\n Outdoor Ready\n \u003c\/div\u003e\n\n \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"Soralique","offers":[{"title":"Default Title","offer_id":45682582028311,"sku":"Soralique001*1","price":89.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/1-1.png?v=1791274856"},{"product_id":"soralique™-horizon-outdoor-lounge-chair","title":"Soralique™ Horizon Outdoor Lounge Chair","description":"\u003cstyle\u003e\n\/* ============================================================\n SORALIQUE — HORIZON OUTDOOR LOUNGE CHAIR\n RESORT UTILITY \/ RECLINE SYSTEM\n\n LAYOUT RULES:\n - 不修改 Product Gallery\n - 不使用负 margin\n - 默认 width:100%\n - 桌面端只从 Product Info 向右扩展\n - 防止 intrinsic width 撑宽 Shopify Product Info\n ============================================================ *\/\n\n.sq-hlc {\n --forest:#143f31;\n --forest-deep:#0b2e24;\n --forest-mid:#235542;\n\n --charcoal:#292b2c;\n --graphite:#3a3d3f;\n --soft-black:#1e2021;\n\n --cream:#f5f2ea;\n --stone:#e7e3d9;\n --warm:#d4b07a;\n\n --text:#18211e;\n --muted:#717874;\n --line:rgba(20,63,49,.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(--text);\n font-family:inherit;\n box-sizing:border-box;\n isolation:isolate;\n}\n\n\n\/* ============================================================\n SHOPIFY DESCRIPTION CONTAINER FIX\n ============================================================ *\/\n\n.product__description:has(.sq-hlc),\n.product-description:has(.sq-hlc),\n.product__text:has(.sq-hlc),\n.product-info__description:has(.sq-hlc),\n.product-info__block:has(.sq-hlc),\n.rte:has(.sq-hlc) {\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-hlc {\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-hlc {\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-hlc {\n width:100%;\n max-width:100%;\n min-width:0;\n }\n}\n\n.sq-hlc *,\n.sq-hlc *::before,\n.sq-hlc *::after {\n box-sizing:border-box;\n}\n\n\n\/* ============================================================\n 01 — OPENING \/ RECLINE LANGUAGE\n ============================================================ *\/\n\n.sq-hlc__hero {\n position:relative;\n overflow:hidden;\n\n padding:\n clamp(32px,5vw,64px)\n clamp(22px,5vw,60px)\n clamp(30px,4vw,46px);\n\n background:\n linear-gradient(\n 150deg,\n #f8f6ef 0%,\n #efebe1 58%,\n #e4ddd0 100%\n );\n\n border:1px solid var(--line);\n\n min-width:0;\n}\n\n\n\/* reclining axis *\/\n.sq-hlc__hero::before {\n content:\"\";\n\n position:absolute;\n\n width:520px;\n height:1px;\n\n right:-120px;\n top:138px;\n\n background:\n linear-gradient(\n 90deg,\n transparent,\n rgba(20,63,49,.15),\n rgba(20,63,49,.38)\n );\n\n transform:rotate(-18deg);\n transform-origin:right center;\n\n pointer-events:none;\n}\n\n\n\/* soft sun disc *\/\n.sq-hlc__hero::after {\n content:\"\";\n\n position:absolute;\n\n width:230px;\n height:230px;\n\n right:-72px;\n top:-92px;\n\n border-radius:50%;\n\n background:\n radial-gradient(\n circle,\n rgba(212,176,122,.24) 0 36%,\n rgba(212,176,122,.08) 37% 60%,\n transparent 61%\n );\n\n pointer-events:none;\n}\n\n\n.sq-hlc__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 margin-bottom:clamp(44px,7vw,82px);\n\n min-width:0;\n}\n\n\n.sq-hlc__series {\n display:flex;\n align-items:center;\n gap:10px;\n\n color:var(--forest);\n font-size:10px;\n font-weight:800;\n letter-spacing:.18em;\n text-transform:uppercase;\n}\n\n\n.sq-hlc__series::before {\n content:\"\";\n\n width:26px;\n height:1px;\n\n background:var(--warm);\n}\n\n\n.sq-hlc__mode {\n color:rgba(20,63,49,.56);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.16em;\n text-transform:uppercase;\n}\n\n\n.sq-hlc__hero-grid {\n position:relative;\n z-index:1;\n\n display:grid;\n\n grid-template-columns:\n minmax(0,1.55fr)\n minmax(190px,.55fr);\n\n gap:clamp(26px,5vw,66px);\n\n align-items:end;\n\n min-width:0;\n}\n\n\n.sq-hlc__eyebrow {\n margin:0 0 14px;\n\n color:var(--warm);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.2em;\n text-transform:uppercase;\n}\n\n\n.sq-hlc__title {\n margin:0;\n\n max-width:680px;\n\n color:var(--forest-deep);\n\n font-size:clamp(39px,6vw,76px);\n font-weight:780;\n\n letter-spacing:-.055em;\n line-height:.91;\n}\n\n\n.sq-hlc__title span {\n display:block;\n\n color:var(--graphite);\n}\n\n\n.sq-hlc__intro {\n max-width:560px;\n\n margin:20px 0 0;\n\n color:rgba(24,33,30,.66);\n\n font-size:13px;\n line-height:1.72;\n}\n\n\n\/* abstract recline gauge *\/\n.sq-hlc__gauge {\n position:relative;\n\n width:min(100%,220px);\n aspect-ratio:1;\n\n justify-self:end;\n\n display:grid;\n place-items:center;\n}\n\n\n.sq-hlc__gauge-ring {\n position:absolute;\n inset:0;\n\n border:\n 1px solid rgba(20,63,49,.18);\n\n border-radius:50%;\n}\n\n\n.sq-hlc__gauge-ring::before {\n content:\"\";\n\n position:absolute;\n\n inset:16%;\n\n border:\n 1px dashed rgba(20,63,49,.16);\n\n border-radius:50%;\n}\n\n\n.sq-hlc__gauge-axis {\n position:absolute;\n\n width:76%;\n height:2px;\n\n background:\n linear-gradient(\n 90deg,\n var(--forest),\n var(--warm)\n );\n\n transform:rotate(-32deg);\n\n transform-origin:center;\n}\n\n\n.sq-hlc__gauge-axis::before,\n.sq-hlc__gauge-axis::after {\n content:\"\";\n\n position:absolute;\n top:50%;\n\n width:8px;\n height:8px;\n\n margin-top:-4px;\n\n border-radius:50%;\n\n background:var(--forest-deep);\n}\n\n\n.sq-hlc__gauge-axis::before {\n left:-4px;\n}\n\n\n.sq-hlc__gauge-axis::after {\n right:-4px;\n\n background:var(--warm);\n}\n\n\n.sq-hlc__gauge-copy {\n position:absolute;\n\n bottom:22px;\n\n text-align:center;\n\n color:var(--forest);\n\n font-size:9px;\n font-weight:800;\n\n line-height:1.5;\n letter-spacing:.15em;\n\n text-transform:uppercase;\n}\n\n\n\/* ============================================================\n 02 — MARQUEE\n ============================================================ *\/\n\n.sq-hlc__marquee {\n overflow:hidden;\n\n margin:12px 0;\n\n background:var(--soft-black);\n\n color:#fff;\n}\n\n\n.sq-hlc__marquee-track {\n display:flex;\n\n width:max-content;\n\n animation:sqHlcMarquee 28s linear infinite;\n\n will-change:transform;\n}\n\n\n.sq-hlc__marquee:hover .sq-hlc__marquee-track {\n animation-play-state:paused;\n}\n\n\n.sq-hlc__marquee-group {\n display:flex;\n align-items:center;\n\n flex-shrink:0;\n\n white-space:nowrap;\n}\n\n\n.sq-hlc__marquee-item {\n display:inline-flex;\n align-items:center;\n\n gap:16px;\n\n padding:14px 22px;\n\n font-size:10px;\n font-weight:750;\n\n letter-spacing:.16em;\n\n line-height:1;\n\n text-transform:uppercase;\n}\n\n\n.sq-hlc__marquee-mark {\n width:22px;\n height:1px;\n\n flex:0 0 22px;\n\n background:var(--warm);\n}\n\n\n@keyframes sqHlcMarquee {\n from {\n transform:translateX(0);\n }\n\n to {\n transform:translateX(-50%);\n }\n}\n\n\n\/* ============================================================\n 03 — CHAPTER LABEL\n ============================================================ *\/\n\n.sq-hlc__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 margin:12px 0;\n\n padding:18px 2px;\n\n border-bottom:1px solid var(--line);\n\n min-width:0;\n}\n\n\n.sq-hlc__chapter-no {\n color:var(--warm);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.16em;\n}\n\n\n.sq-hlc__chapter-main {\n min-width:0;\n}\n\n\n.sq-hlc__chapter-title {\n display:block;\n\n color:var(--forest-deep);\n\n font-size:clamp(18px,2vw,25px);\n font-weight:780;\n\n letter-spacing:-.025em;\n}\n\n\n.sq-hlc__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-hlc__chapter-code {\n color:rgba(20,63,49,.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 PLATES\n 完整显示，不裁切、不压字\n ============================================================ *\/\n\n.sq-hlc__plate {\n position:relative;\n\n width:100%;\n min-width:0;\n\n margin:0 0 12px;\n\n padding:8px;\n\n background:#f4f2ec;\n\n border:1px solid rgba(20,63,49,.10);\n\n transition:\n transform .28s ease,\n box-shadow .28s ease;\n}\n\n\n.sq-hlc__plate:hover {\n transform:translateY(-5px);\n\n box-shadow:\n 0 26px 58px rgba(22,35,30,.11),\n 0 8px 18px rgba(22,35,30,.05);\n}\n\n\n.sq-hlc__plate::before {\n content:\"\";\n\n position:absolute;\n\n left:-1px;\n top:-1px;\n\n width:70px;\n height:3px;\n\n background:var(--warm);\n}\n\n\n.sq-hlc__plate::after {\n content:\"\";\n\n position:absolute;\n\n right:-1px;\n bottom:-1px;\n\n width:70px;\n height:3px;\n\n background:var(--forest);\n}\n\n\n.sq-hlc__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 — COMFORT SYSTEM\n ============================================================ *\/\n\n.sq-hlc__comfort {\n display:grid;\n\n grid-template-columns:\n repeat(4,minmax(0,1fr));\n\n margin:0 0 12px;\n\n border:\n 1px solid var(--line);\n\n background:\n linear-gradient(\n 180deg,\n #f7f5ef,\n #efebe2\n );\n\n min-width:0;\n}\n\n\n.sq-hlc__comfort-item {\n position:relative;\n\n min-width:0;\n\n padding:\n 22px\n 17px\n 20px;\n\n border-right:\n 1px solid var(--line);\n}\n\n\n.sq-hlc__comfort-item:last-child {\n border-right:0;\n}\n\n\n.sq-hlc__comfort-no {\n display:block;\n\n margin-bottom:20px;\n\n color:var(--warm);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.15em;\n}\n\n\n.sq-hlc__comfort-item strong {\n display:block;\n\n color:var(--forest-deep);\n\n font-size:11px;\n font-weight:780;\n\n line-height:1.38;\n\n letter-spacing:.045em;\n\n text-transform:uppercase;\n}\n\n\n.sq-hlc__comfort-item::after {\n content:\"\";\n\n position:absolute;\n\n left:17px;\n bottom:0;\n\n width:0;\n height:2px;\n\n background:var(--forest);\n\n transition:width .28s ease;\n}\n\n\n.sq-hlc__comfort-item:hover::after {\n width:calc(100% - 34px);\n}\n\n\n\/* ============================================================\n 06 — RECLINE BAND\n Inspired by adjustable recline mechanism\n ============================================================ *\/\n\n.sq-hlc__recline {\n display:grid;\n\n grid-template-columns:\n minmax(0,1.35fr)\n minmax(240px,.65fr);\n\n min-width:0;\n\n margin:0 0 12px;\n\n background:var(--forest-deep);\n\n color:#fff;\n}\n\n\n.sq-hlc__recline-main {\n min-width:0;\n\n padding:\n clamp(28px,4.5vw,52px);\n}\n\n\n.sq-hlc__recline-label {\n margin-bottom:20px;\n\n color:var(--warm);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.18em;\n\n text-transform:uppercase;\n}\n\n\n.sq-hlc__recline-title {\n max-width:550px;\n\n margin:0;\n\n color:#fff;\n\n font-size:clamp(30px,4.8vw,56px);\n font-weight:760;\n\n line-height:.97;\n\n letter-spacing:-.045em;\n}\n\n\n.sq-hlc__recline-title span {\n color:#c9d8d1;\n}\n\n\n.sq-hlc__recline-copy {\n max-width:520px;\n\n margin:18px 0 0;\n\n color:rgba(255,255,255,.60);\n\n font-size:12px;\n\n line-height:1.75;\n}\n\n\n.sq-hlc__recline-visual {\n position:relative;\n\n min-width:0;\n\n min-height:250px;\n\n overflow:hidden;\n\n background:\n linear-gradient(\n 150deg,\n #304c40,\n #172c24\n );\n}\n\n\n.sq-hlc__recline-visual::before,\n.sq-hlc__recline-visual::after {\n content:\"\";\n\n position:absolute;\n\n width:220px;\n height:2px;\n\n left:50%;\n\n background:\n linear-gradient(\n 90deg,\n rgba(255,255,255,.16),\n var(--warm)\n );\n\n transform-origin:left center;\n}\n\n\n.sq-hlc__recline-visual::before {\n top:42%;\n\n transform:rotate(-18deg);\n}\n\n\n.sq-hlc__recline-visual::after {\n top:63%;\n\n transform:rotate(-38deg);\n}\n\n\n.sq-hlc__recline-circle {\n position:absolute;\n\n left:44%;\n top:52%;\n\n width:76px;\n height:76px;\n\n margin:\n -38px\n 0\n 0\n -38px;\n\n display:grid;\n place-items:center;\n\n border:\n 1px solid rgba(255,255,255,.23);\n\n border-radius:50%;\n}\n\n\n.sq-hlc__recline-circle::before {\n content:\"\";\n\n width:24px;\n height:24px;\n\n border-radius:50%;\n\n background:var(--warm);\n}\n\n\n.sq-hlc__recline-word {\n position:absolute;\n\n right:20px;\n bottom:18px;\n\n color: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 — CARRY \/ STORAGE STRIP\n ============================================================ *\/\n\n.sq-hlc__carry {\n display:grid;\n\n grid-template-columns:\n minmax(0,1fr)\n minmax(0,1fr)\n minmax(0,1fr);\n\n min-width:0;\n\n margin:0 0 12px;\n\n background:var(--stone);\n\n border:1px solid var(--line);\n}\n\n\n.sq-hlc__carry-item {\n min-width:0;\n\n padding:\n 22px\n 18px;\n\n border-right:\n 1px solid var(--line);\n}\n\n\n.sq-hlc__carry-item:last-child {\n border-right:0;\n}\n\n\n.sq-hlc__carry-small {\n display:block;\n\n margin-bottom:7px;\n\n color:var(--warm);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.15em;\n\n text-transform:uppercase;\n}\n\n\n.sq-hlc__carry-item strong {\n color:var(--forest-deep);\n\n font-size:13px;\n font-weight:780;\n\n line-height:1.35;\n}\n\n\n\/* ============================================================\n 08 — CLOSING\n ============================================================ *\/\n\n.sq-hlc__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 padding:\n clamp(30px,5vw,56px);\n\n min-width:0;\n\n background:\n linear-gradient(\n 135deg,\n #ece6d9,\n #dcd4c4\n );\n\n border:1px solid var(--line);\n}\n\n\n.sq-hlc__end::before {\n content:\"HORIZON\";\n\n position:absolute;\n\n right:-16px;\n top:-6px;\n\n color:\n rgba(20,63,49,.05);\n\n font-size:\n clamp(60px,11vw,135px);\n\n font-weight:850;\n\n letter-spacing:-.07em;\n\n line-height:1;\n\n pointer-events:none;\n}\n\n\n.sq-hlc__end-main {\n position:relative;\n z-index:1;\n\n min-width:0;\n}\n\n\n.sq-hlc__end-label {\n margin-bottom:14px;\n\n color:var(--warm);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.18em;\n\n text-transform:uppercase;\n}\n\n\n.sq-hlc__end h3 {\n margin:0;\n\n max-width:620px;\n\n color:var(--forest-deep);\n\n font-size:clamp(29px,4.5vw,54px);\n font-weight:780;\n\n letter-spacing:-.048em;\n\n line-height:.98;\n}\n\n\n.sq-hlc__end-meta {\n position:relative;\n z-index:1;\n\n padding-left:18px;\n\n border-left:2px solid var(--warm);\n\n color:var(--forest);\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-hlc {\n width:100%;\n max-width:100%;\n min-width:0;\n\n margin:24px 0 38px;\n }\n\n\n .sq-hlc__hero {\n padding:\n 28px\n 19px\n 26px;\n }\n\n\n .sq-hlc__topline {\n margin-bottom:40px;\n }\n\n\n .sq-hlc__mode {\n display:none;\n }\n\n\n .sq-hlc__hero-grid {\n grid-template-columns:1fr;\n\n gap:30px;\n }\n\n\n .sq-hlc__title {\n font-size:\n clamp(39px,12vw,56px);\n }\n\n\n .sq-hlc__gauge {\n justify-self:start;\n\n width:145px;\n }\n\n\n .sq-hlc__marquee-item {\n padding:\n 13px\n 16px;\n\n font-size:9px;\n }\n\n\n .sq-hlc__chapter {\n grid-template-columns:\n 52px\n minmax(0,1fr);\n\n gap:10px;\n }\n\n\n .sq-hlc__chapter-code {\n display:none;\n }\n\n\n .sq-hlc__plate {\n padding:5px;\n }\n\n\n .sq-hlc__plate:hover {\n transform:translateY(-2px);\n }\n\n\n .sq-hlc__comfort {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-hlc__comfort-item {\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-hlc__comfort-item:nth-child(2) {\n border-right:0;\n }\n\n\n .sq-hlc__comfort-item:nth-child(3),\n .sq-hlc__comfort-item:nth-child(4) {\n border-bottom:0;\n }\n\n\n .sq-hlc__recline {\n grid-template-columns:1fr;\n }\n\n\n .sq-hlc__recline-visual {\n min-height:210px;\n }\n\n\n .sq-hlc__carry {\n grid-template-columns:1fr;\n }\n\n\n .sq-hlc__carry-item {\n border-right:0;\n\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-hlc__carry-item:last-child {\n border-bottom:0;\n }\n\n\n .sq-hlc__end {\n grid-template-columns:1fr;\n }\n\n\n .sq-hlc__end-meta {\n padding-left:14px;\n }\n\n}\n\n\n@media(prefers-reduced-motion:reduce) {\n\n .sq-hlc__marquee-track {\n animation:none;\n }\n\n .sq-hlc__plate,\n .sq-hlc__comfort-item::after {\n transition:none;\n }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"sq-hlc\"\u003e\n\u003c!-- ======================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"sq-hlc__hero\"\u003e\n\u003cdiv class=\"sq-hlc__topline\"\u003e\n\u003cdiv class=\"sq-hlc__series\"\u003eSORALIQUE \/ HORIZON SERIES\u003c\/div\u003e\n\u003cdiv class=\"sq-hlc__mode\"\u003eOUTDOOR RECLINE SYSTEM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hlc__hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"sq-hlc__eyebrow\"\u003eOutdoor Lounge Chair\u003c\/p\u003e\n\u003ch2 class=\"sq-hlc__title\"\u003eLean Back. \u003cspan\u003eStay Outside.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sq-hlc__intro\"\u003eA foldable outdoor lounge chair built around breathable support, a strong aluminum frame and adjustable reclining comfort for slower moments outdoors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hlc__gauge\"\u003e\n\u003cdiv class=\"sq-hlc__gauge-ring\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq-hlc__gauge-axis\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq-hlc__gauge-copy\"\u003eAdjustable\u003cbr\u003eRecline\u003cbr\u003eSystem\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-hlc__marquee\"\u003e\n\u003cdiv class=\"sq-hlc__marquee-track\"\u003e\n\u003cdiv class=\"sq-hlc__marquee-group\"\u003e\n\u003cspan class=\"sq-hlc__marquee-item\"\u003e ERGONOMIC COMFORT \u003ci class=\"sq-hlc__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-hlc__marquee-item\"\u003e BREATHABLE OUTDOOR FABRIC \u003ci class=\"sq-hlc__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-hlc__marquee-item\"\u003e STRONG ALUMINUM FRAME \u003ci class=\"sq-hlc__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-hlc__marquee-item\"\u003e ADJUSTABLE RECLINING \u003ci class=\"sq-hlc__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-hlc__marquee-item\"\u003e STABLE CHAIR FEET \u003ci class=\"sq-hlc__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-hlc__marquee-item\"\u003e PORTABLE STORAGE \u003ci class=\"sq-hlc__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hlc__marquee-group\"\u003e\n\u003cspan class=\"sq-hlc__marquee-item\"\u003e ERGONOMIC COMFORT \u003ci class=\"sq-hlc__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-hlc__marquee-item\"\u003e BREATHABLE OUTDOOR FABRIC \u003ci class=\"sq-hlc__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-hlc__marquee-item\"\u003e STRONG ALUMINUM FRAME \u003ci class=\"sq-hlc__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-hlc__marquee-item\"\u003e ADJUSTABLE RECLINING \u003ci class=\"sq-hlc__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-hlc__marquee-item\"\u003e STABLE CHAIR FEET \u003ci class=\"sq-hlc__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-hlc__marquee-item\"\u003e PORTABLE STORAGE \u003ci class=\"sq-hlc__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ======================================================\n CHAPTER 01\n ====================================================== --\u003e\n\u003cdiv class=\"sq-hlc__chapter\"\u003e\n\u003cdiv class=\"sq-hlc__chapter-no\"\u003e01 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-hlc__chapter-main\"\u003e\n\u003cstrong class=\"sq-hlc__chapter-title\"\u003e OUTDOOR LOUNGE MODE \u003c\/strong\u003e \u003cspan class=\"sq-hlc__chapter-desc\"\u003e Garden \/ patio \/ campsite relaxation \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hlc__chapter-code\"\u003eHORIZON\u003cbr\u003eSERIES\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-hlc__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/2-6.jpg?v=1791279031\" alt=\"SorAlique Horizon Outdoor Lounge Chair in a garden setting\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n CHAPTER 02\n ====================================================== --\u003e\n\u003cdiv class=\"sq-hlc__chapter\"\u003e\n\u003cdiv class=\"sq-hlc__chapter-no\"\u003e02 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-hlc__chapter-main\"\u003e\n\u003cstrong class=\"sq-hlc__chapter-title\"\u003e COMFORT CONSTRUCTION \u003c\/strong\u003e \u003cspan class=\"sq-hlc__chapter-desc\"\u003e Fabric \/ stitching \/ frame \/ recline \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hlc__chapter-code\"\u003eSUPPORT\u003cbr\u003eSYSTEM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hlc__comfort\"\u003e\n\u003cdiv class=\"sq-hlc__comfort-item\"\u003e\n\u003cspan class=\"sq-hlc__comfort-no\"\u003e 01 \u003c\/span\u003e \u003cstrong\u003e Breathable\u003cbr\u003eOutdoor Fabric \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hlc__comfort-item\"\u003e\n\u003cspan class=\"sq-hlc__comfort-no\"\u003e 02 \u003c\/span\u003e \u003cstrong\u003e Reinforced\u003cbr\u003eStitching \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hlc__comfort-item\"\u003e\n\u003cspan class=\"sq-hlc__comfort-no\"\u003e 03 \u003c\/span\u003e \u003cstrong\u003e Strong Aluminum\u003cbr\u003eFrame \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hlc__comfort-item\"\u003e\n\u003cspan class=\"sq-hlc__comfort-no\"\u003e 04 \u003c\/span\u003e \u003cstrong\u003e Stable\u003cbr\u003eChair Feet \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-hlc__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/2-7.jpg?v=1791279031\" alt=\"SorAlique lounge chair construction details and adjustable reclining mechanism\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n RECLINE STORY\n ====================================================== --\u003e\n\u003csection class=\"sq-hlc__recline\"\u003e\n\u003cdiv class=\"sq-hlc__recline-main\"\u003e\n\u003cdiv class=\"sq-hlc__recline-label\"\u003eRecline System\u003c\/div\u003e\n\u003ch3 class=\"sq-hlc__recline-title\"\u003eSit upright. \u003cspan\u003eLean into rest.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp class=\"sq-hlc__recline-copy\"\u003eThe adjustable reclining mechanism is designed to shift the chair from active sitting toward a more relaxed, extended lounge position while keeping the frame supported.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hlc__recline-visual\"\u003e\n\u003cdiv class=\"sq-hlc__recline-circle\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq-hlc__recline-word\"\u003eRecline Axis\u003cbr\u003eComfort Range\u003cbr\u003eOutdoor Rest\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n CHAPTER 03\n ====================================================== --\u003e\n\u003cdiv class=\"sq-hlc__chapter\"\u003e\n\u003cdiv class=\"sq-hlc__chapter-no\"\u003e03 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-hlc__chapter-main\"\u003e\n\u003cstrong class=\"sq-hlc__chapter-title\"\u003e FOLD \/ CARRY \/ STORE \u003c\/strong\u003e \u003cspan class=\"sq-hlc__chapter-desc\"\u003e Portable outdoor living \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hlc__chapter-code\"\u003ePACK\u003cbr\u003eMODE\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hlc__carry\"\u003e\n\u003cdiv class=\"sq-hlc__carry-item\"\u003e\n\u003cspan class=\"sq-hlc__carry-small\"\u003e Included \u003c\/span\u003e \u003cstrong\u003e Folding Lounge Chair \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hlc__carry-item\"\u003e\n\u003cspan class=\"sq-hlc__carry-small\"\u003e Included \u003c\/span\u003e \u003cstrong\u003e Carry Strap \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hlc__carry-item\"\u003e\n\u003cspan class=\"sq-hlc__carry-small\"\u003e Included \u003c\/span\u003e \u003cstrong\u003e Storage Bag \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-hlc__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/2-8.jpg?v=1791279031\" alt=\"SorAlique Horizon Outdoor Lounge Chair product details\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n CLOSING\n ====================================================== --\u003e\n\u003csection class=\"sq-hlc__end\"\u003e\n\u003cdiv class=\"sq-hlc__end-main\"\u003e\n\u003cdiv class=\"sq-hlc__end-label\"\u003eSorAlique \/ Horizon Outdoor Series\u003c\/div\u003e\n\u003ch3\u003eTake the chair outside.\u003cbr\u003eLeave the rush behind.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-hlc__end-meta\"\u003eErgonomic Comfort\u003cbr\u003eAdjustable Recline\u003cbr\u003eFoldable Frame\u003cbr\u003ePortable Storage\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Soralique","offers":[{"title":"Default Title","offer_id":45683160776727,"sku":"Soralique002*1","price":79.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/2-1.png?v=1791279053"},{"product_id":"soralique™-nomad-camp-kitchen-station","title":"Soralique™ Nomad Camp Kitchen Station","description":"\u003cstyle\u003e\n\/* ============================================================\n SORALIQUE — FIELD KITCHEN SYSTEM\n COOKFLOW \/ PREP → COOK → STORE\n\n LAYOUT STANDARD:\n - 不修改 Product Gallery\n - 不使用负 margin\n - 默认 100%\n - 桌面端向右扩展\n - min-width:0 防止撑坏 Product Info\n ============================================================ *\/\n\n.sq-fks {\n --forest-950:#102f27;\n --forest-900:#153b30;\n --forest-700:#31594a;\n\n --olive:#596553;\n --olive-soft:#7a8674;\n\n --charcoal:#202526;\n --graphite:#34393a;\n --steel:#a8b0ad;\n\n --cream:#f4f1e9;\n --stone:#e6e3da;\n\n --fire:#cf7d32;\n --fire-soft:#e1ad70;\n\n --ink:#18211e;\n --muted:#6e7672;\n --line:rgba(16,47,39,.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-fks),\n.product-description:has(.sq-fks),\n.product__text:has(.sq-fks),\n.product-info__description:has(.sq-fks),\n.product-info__block:has(.sq-fks),\n.rte:has(.sq-fks) {\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-fks {\n width:min(920px,46vw);\n max-width:calc(100vw - 40px);\n min-width:0;\n }\n\n}\n\n@media screen and (min-width:990px) and (max-width:1199px) {\n\n .sq-fks {\n width:min(800px,46vw);\n max-width:calc(100vw - 32px);\n min-width:0;\n }\n\n}\n\n@media screen and (max-width:989px) {\n\n .sq-fks {\n width:100%;\n max-width:100%;\n min-width:0;\n }\n\n}\n\n\n.sq-fks *,\n.sq-fks *::before,\n.sq-fks *::after {\n box-sizing:border-box;\n}\n\n\n\/* ============================================================\n 01 — HERO \/ FIELD KITCHEN IDENTITY\n ============================================================ *\/\n\n.sq-fks__hero {\n position:relative;\n overflow:hidden;\n\n padding:\n clamp(30px,5vw,64px)\n clamp(22px,5vw,62px)\n clamp(28px,4vw,48px);\n\n min-width:0;\n\n background:\n linear-gradient(\n 145deg,\n #f7f5ef 0%,\n #ebe8df 58%,\n #dfdbd0 100%\n );\n\n border:1px solid var(--line);\n}\n\n\n\/* worktop grid *\/\n.sq-fks__hero::before {\n content:\"\";\n\n position:absolute;\n inset:0;\n\n background-image:\n linear-gradient(\n rgba(16,47,39,.045) 1px,\n transparent 1px\n ),\n linear-gradient(\n 90deg,\n rgba(16,47,39,.045) 1px,\n transparent 1px\n );\n\n background-size:\n 34px 34px;\n\n mask-image:\n linear-gradient(\n to left,\n rgba(0,0,0,.9),\n transparent 68%\n );\n\n pointer-events:none;\n}\n\n\n\/* flame \/ heat circle *\/\n.sq-fks__hero::after {\n content:\"\";\n\n position:absolute;\n\n width:270px;\n height:270px;\n\n right:-88px;\n top:-105px;\n\n border-radius:50%;\n\n border:\n 1px solid rgba(207,125,50,.24);\n\n box-shadow:\n 0 0 0 34px rgba(207,125,50,.05),\n 0 0 0 68px rgba(207,125,50,.03);\n\n pointer-events:none;\n}\n\n\n.sq-fks__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 margin-bottom:\n clamp(42px,7vw,82px);\n\n min-width:0;\n}\n\n\n.sq-fks__serial {\n display:flex;\n align-items:center;\n\n gap:10px;\n\n color:var(--forest-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-fks__serial::before {\n content:\"\";\n\n width:8px;\n height:8px;\n\n background:var(--fire);\n\n transform:rotate(45deg);\n}\n\n\n.sq-fks__type {\n color:\n rgba(16,47,39,.54);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.16em;\n\n text-transform:uppercase;\n}\n\n\n.sq-fks__hero-grid {\n position:relative;\n z-index:1;\n\n display:grid;\n\n grid-template-columns:\n minmax(0,1.55fr)\n minmax(220px,.55fr);\n\n align-items:end;\n\n gap:\n clamp(30px,5vw,68px);\n\n min-width:0;\n}\n\n\n.sq-fks__eyebrow {\n margin:0 0 13px;\n\n color:var(--fire);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.20em;\n\n text-transform:uppercase;\n}\n\n\n.sq-fks__title {\n margin:0;\n\n max-width:700px;\n\n color:var(--forest-950);\n\n font-size:\n clamp(38px,6vw,76px);\n\n font-weight:800;\n\n letter-spacing:-.055em;\n\n line-height:.91;\n}\n\n\n.sq-fks__title span {\n display:block;\n\n color:var(--charcoal);\n}\n\n\n.sq-fks__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 COOKFLOW MINI MAP\n ============================================================ *\/\n\n.sq-fks__flowmap {\n position:relative;\n\n display:grid;\n\n grid-template-columns:1fr;\n gap:7px;\n\n width:min(100%,220px);\n\n justify-self:end;\n}\n\n\n.sq-fks__flowstep {\n display:grid;\n\n grid-template-columns:\n 33px\n minmax(0,1fr);\n\n align-items:center;\n\n min-width:0;\n\n border:\n 1px solid rgba(16,47,39,.16);\n\n background:\n rgba(255,255,255,.46);\n}\n\n\n.sq-fks__flow-no {\n display:grid;\n place-items:center;\n\n align-self:stretch;\n\n min-height:54px;\n\n background:var(--forest-950);\n\n color:#fff;\n\n font-size:9px;\n font-weight:800;\n}\n\n\n.sq-fks__flow-copy {\n padding:\n 12px 13px;\n\n color:var(--forest-900);\n\n font-size:10px;\n font-weight:800;\n\n line-height:1.35;\n\n letter-spacing:.11em;\n\n text-transform:uppercase;\n}\n\n\n.sq-fks__flowstep:nth-child(2)\n.sq-fks__flow-no {\n background:var(--fire);\n}\n\n\n\/* ============================================================\n 02 — MARQUEE\n ============================================================ *\/\n\n.sq-fks__marquee {\n overflow:hidden;\n\n margin:12px 0;\n\n background:var(--charcoal);\n\n color:#fff;\n}\n\n\n.sq-fks__marquee-track {\n display:flex;\n\n width:max-content;\n\n animation:\n sqFksRun 30s linear infinite;\n\n will-change:transform;\n}\n\n\n.sq-fks__marquee:hover\n.sq-fks__marquee-track {\n animation-play-state:paused;\n}\n\n\n.sq-fks__marquee-group {\n display:flex;\n align-items:center;\n\n flex-shrink:0;\n\n white-space:nowrap;\n}\n\n\n.sq-fks__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-fks__marquee-mark {\n width:7px;\n height:7px;\n\n flex:0 0 7px;\n\n border:\n 1px solid var(--fire-soft);\n\n transform:rotate(45deg);\n}\n\n\n@keyframes sqFksRun {\n\n from {\n transform:translateX(0);\n }\n\n to {\n transform:translateX(-50%);\n }\n\n}\n\n\n\/* ============================================================\n 03 — CHAPTER SYSTEM\n ============================================================ *\/\n\n.sq-fks__chapter {\n display:grid;\n\n grid-template-columns:\n 72px\n minmax(0,1fr)\n auto;\n\n align-items:center;\n\n gap:18px;\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-fks__chapter-no {\n color:var(--fire);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.16em;\n}\n\n\n.sq-fks__chapter-main {\n min-width:0;\n}\n\n\n.sq-fks__chapter-title {\n display:block;\n\n color:var(--forest-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-fks__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-fks__chapter-code {\n color:\n rgba(16,47,39,.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 PLATES\n 完整展示，不裁切、不遮罩、不压字\n ============================================================ *\/\n\n.sq-fks__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,47,39,.11);\n\n background:#f5f3ed;\n\n transition:\n transform .28s ease,\n box-shadow .28s ease;\n}\n\n\n.sq-fks__plate:hover {\n transform:\n translateY(-5px);\n\n box-shadow:\n 0 26px 58px\n rgba(12,34,28,.11),\n 0 8px 18px\n rgba(12,34,28,.05);\n}\n\n\n\/* workbench registration marks *\/\n.sq-fks__plate::before {\n content:\"\";\n\n position:absolute;\n\n left:-1px;\n top:-1px;\n\n width:66px;\n height:3px;\n\n background:var(--fire);\n}\n\n\n.sq-fks__plate::after {\n content:\"\";\n\n position:absolute;\n\n right:-1px;\n bottom:-1px;\n\n width:66px;\n height:3px;\n\n background:var(--forest-900);\n}\n\n\n.sq-fks__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 — WORKFLOW STRIP\n PREP \/ COOK \/ STORE\n ============================================================ *\/\n\n.sq-fks__workflow {\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-fks__workflow-item {\n position:relative;\n\n min-width:0;\n\n padding:\n 22px\n 18px\n 21px;\n\n border-right:\n 1px solid var(--line);\n}\n\n\n.sq-fks__workflow-item:last-child {\n border-right:0;\n}\n\n\n.sq-fks__workflow-no {\n display:flex;\n align-items:center;\n\n gap:9px;\n\n margin-bottom:17px;\n\n color:var(--fire);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.15em;\n}\n\n\n.sq-fks__workflow-no::after {\n content:\"\";\n\n height:1px;\n\n flex:1;\n\n background:\n rgba(207,125,50,.25);\n}\n\n\n.sq-fks__workflow-item strong {\n display:block;\n\n color:var(--forest-950);\n\n font-size:17px;\n font-weight:800;\n\n letter-spacing:-.02em;\n}\n\n\n.sq-fks__workflow-item p {\n margin:7px 0 0;\n\n color:var(--muted);\n\n font-size:11px;\n\n line-height:1.55;\n}\n\n\n\/* ============================================================\n 06 — MATERIAL SYSTEM\n ============================================================ *\/\n\n.sq-fks__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:\n linear-gradient(\n 180deg,\n #f5f3ed,\n #ebe7df\n );\n}\n\n\n.sq-fks__build-item {\n min-width:0;\n\n padding:\n 18px\n 14px\n 17px;\n\n border-right:\n 1px solid var(--line);\n}\n\n\n.sq-fks__build-item:last-child {\n border-right:0;\n}\n\n\n.sq-fks__build-num {\n display:block;\n\n margin-bottom:15px;\n\n color:var(--fire);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.14em;\n}\n\n\n.sq-fks__build-item strong {\n display:block;\n\n color:var(--forest-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 07 — HEAT \/ COOK ZONE\n ============================================================ *\/\n\n.sq-fks__cookzone {\n display:grid;\n\n grid-template-columns:\n minmax(0,1.35fr)\n minmax(250px,.65fr);\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-fks__cook-main {\n min-width:0;\n\n padding:\n clamp(28px,4.5vw,50px);\n}\n\n\n.sq-fks__cook-label {\n margin-bottom:20px;\n\n color:var(--fire-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-fks__cook-title {\n max-width:560px;\n\n margin:0;\n\n color:#fff;\n\n font-size:\n clamp(30px,4.8vw,57px);\n\n font-weight:780;\n\n line-height:.96;\n\n letter-spacing:-.046em;\n}\n\n\n.sq-fks__cook-title span {\n color:#cfd6d2;\n}\n\n\n.sq-fks__cook-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\/* cooktop visualization *\/\n.sq-fks__cook-visual {\n position:relative;\n\n min-width:0;\n min-height:270px;\n\n overflow:hidden;\n\n background:\n linear-gradient(\n 145deg,\n #3a403f,\n #1f2424\n );\n}\n\n\n.sq-fks__burner {\n position:absolute;\n\n left:50%;\n top:50%;\n\n width:148px;\n height:148px;\n\n margin:\n -74px\n 0\n 0\n -74px;\n\n border:\n 1px solid\n rgba(255,255,255,.17);\n\n border-radius:50%;\n\n box-shadow:\n 0 0 0 26px\n rgba(255,255,255,.035),\n 0 0 0 52px\n rgba(255,255,255,.025);\n}\n\n\n.sq-fks__burner::before,\n.sq-fks__burner::after {\n content:\"\";\n\n position:absolute;\n\n border-radius:50%;\n\n left:50%;\n top:50%;\n\n transform:\n translate(-50%,-50%);\n}\n\n\n.sq-fks__burner::before {\n width:72px;\n height:72px;\n\n border:\n 1px dashed\n rgba(225,173,112,.55);\n}\n\n\n.sq-fks__burner::after {\n width:20px;\n height:20px;\n\n background:var(--fire);\n}\n\n\n.sq-fks__heat-label {\n position:absolute;\n\n right:19px;\n bottom:18px;\n\n color:\n rgba(255,255,255,.56);\n\n text-align:right;\n\n font-size:9px;\n font-weight:800;\n\n line-height:1.55;\n\n letter-spacing:.13em;\n\n text-transform:uppercase;\n}\n\n\n\/* ============================================================\n 08 — STORAGE \/ ORGANIZATION\n ============================================================ *\/\n\n.sq-fks__organize {\n display:grid;\n\n grid-template-columns:\n minmax(0,1fr)\n minmax(0,1fr)\n minmax(0,1fr);\n\n min-width:0;\n\n margin:0 0 12px;\n\n background:\n var(--stone);\n\n border:\n 1px solid var(--line);\n}\n\n\n.sq-fks__organize-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-fks__organize-item:last-child {\n border-right:0;\n}\n\n\n.sq-fks__organize-small {\n display:block;\n\n margin-bottom:8px;\n\n color:var(--fire);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.15em;\n\n text-transform:uppercase;\n}\n\n\n.sq-fks__organize-item strong {\n display:block;\n\n color:var(--forest-950);\n\n font-size:13px;\n font-weight:800;\n\n line-height:1.35;\n}\n\n\n\/* ============================================================\n 09 — THIRD IMAGE PLACEHOLDER AREA\n ============================================================ *\/\n\n.sq-fks__third-note {\n padding:\n 18px\n 20px;\n\n margin-bottom:12px;\n\n border-left:\n 3px solid var(--fire);\n\n background:\n #f3efe6;\n\n color:var(--muted);\n\n font-size:11px;\n\n line-height:1.65;\n}\n\n\n\/* ============================================================\n 10 — END PANEL\n ============================================================ *\/\n\n.sq-fks__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 #dfe1da,\n #cfd4cb\n );\n\n border:\n 1px solid var(--line);\n}\n\n\n.sq-fks__end::after {\n content:\"FIELD KITCHEN\";\n\n position:absolute;\n\n right:-20px;\n top:-4px;\n\n color:\n rgba(16,47,39,.05);\n\n font-size:\n clamp(48px,9vw,112px);\n\n font-weight:850;\n\n letter-spacing:-.07em;\n\n line-height:1;\n\n white-space:nowrap;\n\n pointer-events:none;\n}\n\n\n.sq-fks__end-main {\n position:relative;\n z-index:1;\n\n min-width:0;\n}\n\n\n.sq-fks__end-label {\n margin-bottom:14px;\n\n color:var(--fire);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.18em;\n\n text-transform:uppercase;\n}\n\n\n.sq-fks__end h3 {\n margin:0;\n\n max-width:620px;\n\n color:var(--forest-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-fks__end-meta {\n position:relative;\n z-index:1;\n\n padding-left:18px;\n\n border-left:\n 2px solid var(--fire);\n\n color:var(--forest-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-fks {\n width:100%;\n max-width:100%;\n min-width:0;\n\n margin:24px 0 38px;\n }\n\n\n .sq-fks__hero {\n padding:\n 28px\n 19px\n 26px;\n }\n\n\n .sq-fks__topline {\n margin-bottom:40px;\n }\n\n\n .sq-fks__type {\n display:none;\n }\n\n\n .sq-fks__hero-grid {\n grid-template-columns:1fr;\n\n gap:30px;\n }\n\n\n .sq-fks__title {\n font-size:\n clamp(39px,12vw,56px);\n }\n\n\n .sq-fks__flowmap {\n width:100%;\n\n justify-self:stretch;\n }\n\n\n .sq-fks__marquee-item {\n padding:\n 13px\n 16px;\n\n font-size:9px;\n }\n\n\n .sq-fks__chapter {\n grid-template-columns:\n 52px\n minmax(0,1fr);\n\n gap:10px;\n }\n\n\n .sq-fks__chapter-code {\n display:none;\n }\n\n\n .sq-fks__plate {\n padding:5px;\n }\n\n\n .sq-fks__plate:hover {\n transform:\n translateY(-2px);\n }\n\n\n .sq-fks__workflow {\n grid-template-columns:1fr;\n }\n\n\n .sq-fks__workflow-item {\n border-right:0;\n\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-fks__workflow-item:last-child {\n border-bottom:0;\n }\n\n\n .sq-fks__build {\n grid-template-columns:1fr;\n }\n\n\n .sq-fks__build-item {\n display:grid;\n\n grid-template-columns:\n 42px\n minmax(0,1fr);\n\n align-items:center;\n\n border-right:0;\n\n border-bottom:\n 1px solid var(--line);\n\n padding:\n 13px\n 15px;\n }\n\n\n .sq-fks__build-item:last-child {\n border-bottom:0;\n }\n\n\n .sq-fks__build-num {\n margin:0;\n }\n\n\n .sq-fks__cookzone {\n grid-template-columns:1fr;\n }\n\n\n .sq-fks__cook-visual {\n min-height:220px;\n }\n\n\n .sq-fks__organize {\n grid-template-columns:1fr;\n }\n\n\n .sq-fks__organize-item {\n border-right:0;\n\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-fks__organize-item:last-child {\n border-bottom:0;\n }\n\n\n .sq-fks__end {\n grid-template-columns:1fr;\n }\n\n\n .sq-fks__end-meta {\n padding-left:14px;\n }\n\n}\n\n\n@media(prefers-reduced-motion:reduce) {\n\n .sq-fks__marquee-track {\n animation:none;\n }\n\n .sq-fks__plate {\n transition:none;\n }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"sq-fks\"\u003e\n\u003c!-- ======================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"sq-fks__hero\"\u003e\n\u003cdiv class=\"sq-fks__topline\"\u003e\n\u003cdiv class=\"sq-fks__serial\"\u003eSORALIQUE \/ FIELD KITCHEN\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__type\"\u003eMODULAR OUTDOOR COOKING STATION\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"sq-fks__eyebrow\"\u003eOutdoor Cooking System\u003c\/p\u003e\n\u003ch2 class=\"sq-fks__title\"\u003ePrep. Cook. \u003cspan\u003eStore Anywhere.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sq-fks__intro\"\u003eA portable field kitchen designed around the way outdoor cooking actually works — room to prepare, a central cooking zone and organized storage for everything that follows you outside.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__flowmap\"\u003e\n\u003cdiv class=\"sq-fks__flowstep\"\u003e\n\u003cspan class=\"sq-fks__flow-no\"\u003e 01 \u003c\/span\u003e \u003cspan class=\"sq-fks__flow-copy\"\u003e Prep Zone \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__flowstep\"\u003e\n\u003cspan class=\"sq-fks__flow-no\"\u003e 02 \u003c\/span\u003e \u003cspan class=\"sq-fks__flow-copy\"\u003e Cook Zone \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__flowstep\"\u003e\n\u003cspan class=\"sq-fks__flow-no\"\u003e 03 \u003c\/span\u003e \u003cspan class=\"sq-fks__flow-copy\"\u003e Store Zone \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-fks__marquee\"\u003e\n\u003cdiv class=\"sq-fks__marquee-track\"\u003e\n\u003cdiv class=\"sq-fks__marquee-group\"\u003e\n\u003cspan class=\"sq-fks__marquee-item\"\u003e HEAT RESISTANT TABLETOP \u003ci class=\"sq-fks__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-fks__marquee-item\"\u003e INTEGRATED HOOK SYSTEM \u003ci class=\"sq-fks__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-fks__marquee-item\"\u003e POWDER COATED FRAME \u003ci class=\"sq-fks__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-fks__marquee-item\"\u003e FOLDING HINGES \u003ci class=\"sq-fks__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-fks__marquee-item\"\u003e REINFORCED STORAGE \u003ci class=\"sq-fks__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-fks__marquee-item\"\u003e FIELD COOKING READY \u003ci class=\"sq-fks__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__marquee-group\"\u003e\n\u003cspan class=\"sq-fks__marquee-item\"\u003e HEAT RESISTANT TABLETOP \u003ci class=\"sq-fks__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-fks__marquee-item\"\u003e INTEGRATED HOOK SYSTEM \u003ci class=\"sq-fks__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-fks__marquee-item\"\u003e POWDER COATED FRAME \u003ci class=\"sq-fks__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-fks__marquee-item\"\u003e FOLDING HINGES \u003ci class=\"sq-fks__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-fks__marquee-item\"\u003e REINFORCED STORAGE \u003ci class=\"sq-fks__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-fks__marquee-item\"\u003e FIELD COOKING READY \u003ci class=\"sq-fks__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ======================================================\n CHAPTER 01 — USE CASE\n ====================================================== --\u003e\n\u003cdiv class=\"sq-fks__chapter\"\u003e\n\u003cdiv class=\"sq-fks__chapter-no\"\u003e01 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__chapter-main\"\u003e\n\u003cstrong class=\"sq-fks__chapter-title\"\u003e KITCHEN WITHOUT WALLS \u003c\/strong\u003e \u003cspan class=\"sq-fks__chapter-desc\"\u003e Camping \/ road trips \/ gatherings \/ outdoor cooking \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__chapter-code\"\u003eFIELD\u003cbr\u003eUSE\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__workflow\"\u003e\n\u003cdiv class=\"sq-fks__workflow-item\"\u003e\n\u003cspan class=\"sq-fks__workflow-no\"\u003e 01 \u003c\/span\u003e \u003cstrong\u003e PREP \u003c\/strong\u003e\n\u003cp\u003eSide worktop space keeps ingredients and tools within reach before cooking.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__workflow-item\"\u003e\n\u003cspan class=\"sq-fks__workflow-no\"\u003e 02 \u003c\/span\u003e \u003cstrong\u003e COOK \u003c\/strong\u003e\n\u003cp\u003eA dedicated center section creates a practical stove and cookware zone.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__workflow-item\"\u003e\n\u003cspan class=\"sq-fks__workflow-no\"\u003e 03 \u003c\/span\u003e \u003cstrong\u003e STORE \u003c\/strong\u003e\n\u003cp\u003eShelving and enclosed storage help keep cookware, ingredients and supplies organized.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-fks__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/3-6.jpg?v=1791279867\" alt=\"SorAlique portable outdoor kitchen used for camping, road trips and outdoor gatherings\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n CHAPTER 02 — BUILD\n ====================================================== --\u003e\n\u003cdiv class=\"sq-fks__chapter\"\u003e\n\u003cdiv class=\"sq-fks__chapter-no\"\u003e02 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__chapter-main\"\u003e\n\u003cstrong class=\"sq-fks__chapter-title\"\u003e BUILT FOR THE COOK ZONE \u003c\/strong\u003e \u003cspan class=\"sq-fks__chapter-desc\"\u003e Heat \/ frame \/ hinge \/ hook \/ storage \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__chapter-code\"\u003eBUILD\u003cbr\u003eSYSTEM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__build\"\u003e\n\u003cdiv class=\"sq-fks__build-item\"\u003e\n\u003cspan class=\"sq-fks__build-num\"\u003e 01 \u003c\/span\u003e \u003cstrong\u003e Heat Resistant\u003cbr\u003eTabletop \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__build-item\"\u003e\n\u003cspan class=\"sq-fks__build-num\"\u003e 02 \u003c\/span\u003e \u003cstrong\u003e Integrated\u003cbr\u003eHook System \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__build-item\"\u003e\n\u003cspan class=\"sq-fks__build-num\"\u003e 03 \u003c\/span\u003e \u003cstrong\u003e Powder Coated\u003cbr\u003eAluminum Frame \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__build-item\"\u003e\n\u003cspan class=\"sq-fks__build-num\"\u003e 04 \u003c\/span\u003e \u003cstrong\u003e Strong Folding\u003cbr\u003eHinges \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__build-item\"\u003e\n\u003cspan class=\"sq-fks__build-num\"\u003e 05 \u003c\/span\u003e \u003cstrong\u003e Reinforced\u003cbr\u003eStorage Fabric \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-fks__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/3-7.jpg?v=1791279867\" alt=\"SorAlique outdoor kitchen construction details including tabletop, frame, hooks and storage\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n COOK ZONE FEATURE\n ====================================================== --\u003e\n\u003csection class=\"sq-fks__cookzone\"\u003e\n\u003cdiv class=\"sq-fks__cook-main\"\u003e\n\u003cdiv class=\"sq-fks__cook-label\"\u003eCentral Cook Zone\u003c\/div\u003e\n\u003ch3 class=\"sq-fks__cook-title\"\u003eEverything revolves \u003cspan\u003earound the heat.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp class=\"sq-fks__cook-copy\"\u003eThe central work area keeps the stove at the heart of the setup, while side surfaces, hanging tools and storage zones keep preparation moving without turning camp into clutter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__cook-visual\"\u003e\n\u003cdiv class=\"sq-fks__burner\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__heat-label\"\u003eHEAT ZONE\u003cbr\u003ePREP RADIUS\u003cbr\u003eTOOL ACCESS\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n CHAPTER 03 — ORGANIZATION\n ====================================================== --\u003e\n\u003cdiv class=\"sq-fks__chapter\"\u003e\n\u003cdiv class=\"sq-fks__chapter-no\"\u003e03 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__chapter-main\"\u003e\n\u003cstrong class=\"sq-fks__chapter-title\"\u003e ORGANIZE THE FIELD \u003c\/strong\u003e \u003cspan class=\"sq-fks__chapter-desc\"\u003e Tools \/ cookware \/ supplies \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__chapter-code\"\u003eSTORAGE\u003cbr\u003eMODE\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__organize\"\u003e\n\u003cdiv class=\"sq-fks__organize-item\"\u003e\n\u003cspan class=\"sq-fks__organize-small\"\u003e Hanging \u003c\/span\u003e \u003cstrong\u003e Cooking Tools \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__organize-item\"\u003e\n\u003cspan class=\"sq-fks__organize-small\"\u003e Lower Shelf \u003c\/span\u003e \u003cstrong\u003e Cookware \u0026amp; Supplies \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__organize-item\"\u003e\n\u003cspan class=\"sq-fks__organize-small\"\u003e Side Storage \u003c\/span\u003e \u003cstrong\u003e Ingredients \u0026amp; Gear \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 第三张链接恢复后，此处自动显示 --\u003e\n\u003cfigure class=\"sq-fks__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/3-8.jpg?v=1791279867\" alt=\"SorAlique portable field kitchen product specifications and storage details\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n END\n ====================================================== --\u003e\n\u003csection class=\"sq-fks__end\"\u003e\n\u003cdiv class=\"sq-fks__end-main\"\u003e\n\u003cdiv class=\"sq-fks__end-label\"\u003eSorAlique \/ Field Kitchen System\u003c\/div\u003e\n\u003ch3\u003eYour kitchen ends\u003cbr\u003ewhere the road begins.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-fks__end-meta\"\u003ePrep Surface\u003cbr\u003eCentral Cook Zone\u003cbr\u003eIntegrated Storage\u003cbr\u003eFoldable Field System\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Soralique","offers":[{"title":"Default Title","offer_id":45683420856343,"sku":"Soralique003*1","price":99.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/3-1.png?v=1791279881"},{"product_id":"soralique™-alpine-thermal-sleeping-system","title":"Soralique™ Alpine Thermal Sleeping System","description":"\u003cstyle\u003e\n\/* ============================================================\n SORALIQUE — ALPINE THERMAL SLEEPING SYSTEM\n THERMAL LAYER \/ SLEEP \/ PACK\n\n LAYOUT STANDARD:\n - 不修改 Product Gallery\n - 不使用负 margin\n - 默认 100%\n - 桌面端只向右扩展\n - min-width:0 防止撑坏 Product Info\n ============================================================ *\/\n\n.sq-ats {\n --pine-950:#0b2f25;\n --pine-900:#123a2e;\n --pine-700:#2b5b49;\n\n --charcoal:#25292a;\n --graphite:#3a3f40;\n --black:#171a1b;\n\n --cream:#f5f3ed;\n --mist:#e7e9e6;\n --stone:#d9ddda;\n\n --warm:#d58a35;\n --warm-soft:#e9b36c;\n\n --ink:#18201d;\n --muted:#707773;\n --line:rgba(11,47,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-ats),\n.product-description:has(.sq-ats),\n.product__text:has(.sq-ats),\n.product-info__description:has(.sq-ats),\n.product-info__block:has(.sq-ats),\n.rte:has(.sq-ats) {\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-ats {\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-ats {\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-ats {\n width:100%;\n max-width:100%;\n min-width:0;\n }\n}\n\n.sq-ats *,\n.sq-ats *::before,\n.sq-ats *::after {\n box-sizing:border-box;\n}\n\n\n\/* ============================================================\n 01 — HERO\n thermal contours \/ sleep envelope\n ============================================================ *\/\n\n.sq-ats__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 150deg,\n #f8f7f3 0%,\n #efefea 58%,\n #e4e6e1 100%\n );\n\n border:1px solid var(--line);\n}\n\n\n\/* thermal contour lines *\/\n.sq-ats__hero::before {\n content:\"\";\n\n position:absolute;\n\n width:420px;\n height:420px;\n\n right:-130px;\n top:-130px;\n\n border:\n 1px solid rgba(11,47,37,.11);\n\n border-radius:\n 48% 52% 58% 42% \/ 42% 47% 53% 58%;\n\n box-shadow:\n 0 0 0 32px rgba(11,47,37,.035),\n 0 0 0 64px rgba(11,47,37,.024),\n 0 0 0 96px rgba(11,47,37,.016);\n\n transform:rotate(18deg);\n\n pointer-events:none;\n}\n\n\n.sq-ats__hero::after {\n content:\"\";\n\n position:absolute;\n\n width:12px;\n height:12px;\n\n right:48px;\n top:48px;\n\n border-radius:50%;\n\n background:var(--warm);\n\n box-shadow:\n 0 0 0 8px rgba(213,138,53,.10);\n\n pointer-events:none;\n}\n\n\n.sq-ats__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 margin-bottom:\n clamp(42px,7vw,84px);\n\n min-width:0;\n}\n\n\n.sq-ats__series {\n display:flex;\n align-items:center;\n gap:10px;\n\n color:var(--pine-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-ats__series::before {\n content:\"\";\n\n width:28px;\n height:2px;\n\n border-radius:99px;\n\n background:var(--warm);\n}\n\n\n.sq-ats__type {\n color:rgba(11,47,37,.50);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.16em;\n\n text-transform:uppercase;\n}\n\n\n.sq-ats__hero-grid {\n position:relative;\n z-index:1;\n\n display:grid;\n\n grid-template-columns:\n minmax(0,1.5fr)\n minmax(210px,.6fr);\n\n gap:\n clamp(30px,5vw,66px);\n\n align-items:end;\n\n min-width:0;\n}\n\n\n.sq-ats__eyebrow {\n margin:0 0 13px;\n\n color:var(--warm);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.20em;\n\n text-transform:uppercase;\n}\n\n\n.sq-ats__title {\n max-width:700px;\n\n margin:0;\n\n color:var(--pine-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-ats__title span {\n display:block;\n\n color:var(--charcoal);\n}\n\n\n.sq-ats__intro {\n max-width:560px;\n\n margin:20px 0 0;\n\n color:\n rgba(24,32,29,.66);\n\n font-size:13px;\n\n line-height:1.72;\n}\n\n\n\/* ============================================================\n LAYER STACK\n ============================================================ *\/\n\n.sq-ats__layers {\n width:min(100%,230px);\n\n justify-self:end;\n\n display:grid;\n gap:7px;\n\n min-width:0;\n}\n\n\n.sq-ats__layer {\n position:relative;\n\n overflow:hidden;\n\n min-width:0;\n\n padding:\n 14px 15px 14px 48px;\n\n border:\n 1px solid rgba(11,47,37,.14);\n\n background:\n rgba(255,255,255,.48);\n\n color:var(--pine-900);\n\n font-size:10px;\n font-weight:800;\n\n line-height:1.35;\n\n letter-spacing:.1em;\n\n text-transform:uppercase;\n}\n\n\n.sq-ats__layer::before {\n content:\"\";\n\n position:absolute;\n\n left:0;\n top:0;\n bottom:0;\n\n width:34px;\n}\n\n\n.sq-ats__layer:nth-child(1)::before {\n background:var(--charcoal);\n}\n\n.sq-ats__layer:nth-child(2)::before {\n background:var(--pine-900);\n}\n\n.sq-ats__layer:nth-child(3)::before {\n background:var(--warm);\n}\n\n\n\/* ============================================================\n 02 — MARQUEE\n ============================================================ *\/\n\n.sq-ats__marquee {\n overflow:hidden;\n\n margin:12px 0;\n\n background:var(--black);\n\n color:#fff;\n}\n\n\n.sq-ats__marquee-track {\n display:flex;\n\n width:max-content;\n\n animation:\n sqAtsRun 30s linear infinite;\n\n will-change:transform;\n}\n\n\n.sq-ats__marquee:hover\n.sq-ats__marquee-track {\n animation-play-state:paused;\n}\n\n\n.sq-ats__marquee-group {\n display:flex;\n align-items:center;\n\n flex-shrink:0;\n\n white-space:nowrap;\n}\n\n\n.sq-ats__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-ats__marquee-mark {\n width:18px;\n height:1px;\n\n flex:0 0 18px;\n\n background:var(--warm-soft);\n}\n\n\n@keyframes sqAtsRun {\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-ats__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-ats__chapter-no {\n color:var(--warm);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.16em;\n}\n\n\n.sq-ats__chapter-main {\n min-width:0;\n}\n\n\n.sq-ats__chapter-title {\n display:block;\n\n color:var(--pine-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-ats__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-ats__chapter-code {\n color:\n rgba(11,47,37,.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 PLATES\n 完整显示\n ============================================================ *\/\n\n.sq-ats__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,47,37,.11);\n\n background:#f6f6f2;\n\n transition:\n transform .28s ease,\n box-shadow .28s ease;\n}\n\n\n.sq-ats__plate:hover {\n transform:\n translateY(-5px);\n\n box-shadow:\n 0 26px 58px rgba(10,30,24,.11),\n 0 8px 18px rgba(10,30,24,.05);\n}\n\n\n.sq-ats__plate::before {\n content:\"\";\n\n position:absolute;\n\n left:-1px;\n top:-1px;\n\n width:64px;\n height:3px;\n\n background:var(--warm);\n}\n\n\n.sq-ats__plate::after {\n content:\"\";\n\n position:absolute;\n\n right:-1px;\n bottom:-1px;\n\n width:64px;\n height:3px;\n\n background:var(--pine-900);\n}\n\n\n.sq-ats__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 — TRAVEL SEQUENCE\n PACK → SAVE → GO → SLEEP\n ============================================================ *\/\n\n.sq-ats__sequence {\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(--cream);\n}\n\n\n.sq-ats__sequence-item {\n position:relative;\n\n min-width:0;\n\n padding:\n 20px 16px 18px;\n\n border-right:\n 1px solid var(--line);\n}\n\n\n.sq-ats__sequence-item:last-child {\n border-right:0;\n}\n\n\n.sq-ats__sequence-no {\n display:block;\n\n margin-bottom:16px;\n\n color:var(--warm);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.14em;\n}\n\n\n.sq-ats__sequence-item strong {\n display:block;\n\n color:var(--pine-950);\n\n font-size:13px;\n font-weight:800;\n\n line-height:1.3;\n}\n\n\n.sq-ats__sequence-item span:last-child {\n display:block;\n\n margin-top:6px;\n\n color:var(--muted);\n\n font-size:10px;\n\n line-height:1.5;\n}\n\n\n\/* ============================================================\n 06 — THERMAL SYSTEM\n ============================================================ *\/\n\n.sq-ats__thermal {\n display:grid;\n\n grid-template-columns:\n minmax(0,1.35fr)\n minmax(250px,.65fr);\n\n min-width:0;\n\n margin:0 0 12px;\n\n background:var(--pine-950);\n\n color:#fff;\n}\n\n\n.sq-ats__thermal-main {\n min-width:0;\n\n padding:\n clamp(28px,4.5vw,52px);\n}\n\n\n.sq-ats__thermal-label {\n margin-bottom:20px;\n\n color:var(--warm-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-ats__thermal-title {\n max-width:560px;\n\n margin:0;\n\n color:#fff;\n\n font-size:\n clamp(30px,4.8vw,57px);\n\n font-weight:780;\n\n line-height:.96;\n\n letter-spacing:-.046em;\n}\n\n\n.sq-ats__thermal-title span {\n color:#cbd7d1;\n}\n\n\n.sq-ats__thermal-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\/* thermal visualization *\/\n.sq-ats__thermal-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 #374c43,\n #1b2f28\n );\n}\n\n\n.sq-ats__thermal-ring {\n position:absolute;\n\n left:50%;\n top:50%;\n\n width:150px;\n height:150px;\n\n margin:\n -75px\n 0\n 0\n -75px;\n\n border:\n 1px solid rgba(255,255,255,.18);\n\n border-radius:\n 48% 52% 45% 55% \/ 52% 46% 54% 48%;\n\n box-shadow:\n 0 0 0 22px rgba(255,255,255,.035),\n 0 0 0 44px rgba(255,255,255,.025);\n}\n\n\n.sq-ats__thermal-ring::before {\n content:\"\";\n\n position:absolute;\n\n inset:30%;\n\n border-radius:50%;\n\n background:var(--warm);\n}\n\n\n.sq-ats__thermal-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 — COMPONENT SYSTEM\n ============================================================ *\/\n\n.sq-ats__components {\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 #f6f6f2,\n #eceeea\n );\n}\n\n\n.sq-ats__component {\n min-width:0;\n\n padding:\n 19px 15px 18px;\n\n border-right:\n 1px solid var(--line);\n}\n\n\n.sq-ats__component:last-child {\n border-right:0;\n}\n\n\n.sq-ats__component-no {\n display:block;\n\n margin-bottom:15px;\n\n color:var(--warm);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.14em;\n}\n\n\n.sq-ats__component strong {\n display:block;\n\n color:var(--pine-900);\n\n font-size:10px;\n font-weight:800;\n\n line-height:1.36;\n\n letter-spacing:.04em;\n\n text-transform:uppercase;\n}\n\n\n\/* ============================================================\n 08 — COMFORT STRIP\n ============================================================ *\/\n\n.sq-ats__comfort {\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(--stone);\n\n border:\n 1px solid var(--line);\n}\n\n\n.sq-ats__comfort-item {\n min-width:0;\n\n padding:\n 21px 16px;\n\n border-right:\n 1px solid var(--line);\n}\n\n\n.sq-ats__comfort-item:last-child {\n border-right:0;\n}\n\n\n.sq-ats__comfort-small {\n display:block;\n\n margin-bottom:8px;\n\n color:var(--warm);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.15em;\n\n text-transform:uppercase;\n}\n\n\n.sq-ats__comfort-item strong {\n display:block;\n\n color:var(--pine-950);\n\n font-size:12px;\n font-weight:800;\n\n line-height:1.35;\n}\n\n\n\/* ============================================================\n 09 — END\n ============================================================ *\/\n\n.sq-ats__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 #e4e7e2,\n #d3d8d2\n );\n\n border:\n 1px solid var(--line);\n}\n\n\n.sq-ats__end::after {\n content:\"ALPINE SLEEP\";\n\n position:absolute;\n\n right:-18px;\n top:-5px;\n\n color:\n rgba(11,47,37,.05);\n\n font-size:\n clamp(52px,9vw,118px);\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-ats__end-main {\n position:relative;\n z-index:1;\n\n min-width:0;\n}\n\n\n.sq-ats__end-label {\n margin-bottom:14px;\n\n color:var(--warm);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.18em;\n\n text-transform:uppercase;\n}\n\n\n.sq-ats__end h3 {\n max-width:620px;\n\n margin:0;\n\n color:var(--pine-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-ats__end-meta {\n position:relative;\n z-index:1;\n\n padding-left:18px;\n\n border-left:\n 2px solid var(--warm);\n\n color:var(--pine-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-ats {\n width:100%;\n max-width:100%;\n min-width:0;\n\n margin:24px 0 38px;\n }\n\n\n .sq-ats__hero {\n padding:\n 28px\n 19px\n 26px;\n }\n\n\n .sq-ats__topline {\n margin-bottom:40px;\n }\n\n\n .sq-ats__type {\n display:none;\n }\n\n\n .sq-ats__hero-grid {\n grid-template-columns:1fr;\n\n gap:30px;\n }\n\n\n .sq-ats__title {\n font-size:\n clamp(39px,12vw,56px);\n }\n\n\n .sq-ats__layers {\n width:100%;\n\n justify-self:stretch;\n }\n\n\n .sq-ats__marquee-item {\n padding:\n 13px\n 16px;\n\n font-size:9px;\n }\n\n\n .sq-ats__chapter {\n grid-template-columns:\n 52px\n minmax(0,1fr);\n\n gap:10px;\n }\n\n\n .sq-ats__chapter-code {\n display:none;\n }\n\n\n .sq-ats__plate {\n padding:5px;\n }\n\n\n .sq-ats__plate:hover {\n transform:\n translateY(-2px);\n }\n\n\n .sq-ats__sequence {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-ats__sequence-item:nth-child(2) {\n border-right:0;\n }\n\n\n .sq-ats__sequence-item:nth-child(1),\n .sq-ats__sequence-item:nth-child(2) {\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-ats__thermal {\n grid-template-columns:1fr;\n }\n\n\n .sq-ats__thermal-visual {\n min-height:220px;\n }\n\n\n .sq-ats__components {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-ats__component:nth-child(2) {\n border-right:0;\n }\n\n\n .sq-ats__component:nth-child(1),\n .sq-ats__component:nth-child(2) {\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-ats__comfort {\n grid-template-columns:1fr;\n }\n\n\n .sq-ats__comfort-item {\n border-right:0;\n\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-ats__comfort-item:last-child {\n border-bottom:0;\n }\n\n\n .sq-ats__end {\n grid-template-columns:1fr;\n }\n\n\n .sq-ats__end-meta {\n padding-left:14px;\n }\n\n}\n\n\n@media(prefers-reduced-motion:reduce) {\n\n .sq-ats__marquee-track {\n animation:none;\n }\n\n .sq-ats__plate {\n transition:none;\n }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"sq-ats\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"sq-ats__hero\"\u003e\n\u003cdiv class=\"sq-ats__topline\"\u003e\n\u003cdiv class=\"sq-ats__series\"\u003eSORALIQUE \/ ALPINE SLEEP\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__type\"\u003eTHERMAL SLEEPING SYSTEM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"sq-ats__eyebrow\"\u003eAlpine Thermal System\u003c\/p\u003e\n\u003ch2 class=\"sq-ats__title\"\u003ePack Small. \u003cspan\u003eSleep Warm.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sq-ats__intro\"\u003eA compact sleeping system built around layered warmth, cushioned ground insulation and efficient packability for nights beyond the road.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__layers\"\u003e\n\u003cdiv class=\"sq-ats__layer\"\u003eThermal Layer\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__layer\"\u003eInsulated Ground Layer\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__layer\"\u003eCompression Layer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MARQUEE --\u003e\n\u003cdiv class=\"sq-ats__marquee\"\u003e\n\u003cdiv class=\"sq-ats__marquee-track\"\u003e\n\u003cdiv class=\"sq-ats__marquee-group\"\u003e\n\u003cspan class=\"sq-ats__marquee-item\"\u003e COLD WEATHER INSULATION \u003ci class=\"sq-ats__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ats__marquee-item\"\u003e SOFT INNER LINING \u003ci class=\"sq-ats__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ats__marquee-item\"\u003e INSULATED SLEEPING PAD \u003ci class=\"sq-ats__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ats__marquee-item\"\u003e LIGHTWEIGHT DESIGN \u003ci class=\"sq-ats__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ats__marquee-item\"\u003e COMPACT STORAGE \u003ci class=\"sq-ats__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ats__marquee-item\"\u003e ALPINE READY \u003ci class=\"sq-ats__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__marquee-group\"\u003e\n\u003cspan class=\"sq-ats__marquee-item\"\u003e COLD WEATHER INSULATION \u003ci class=\"sq-ats__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ats__marquee-item\"\u003e SOFT INNER LINING \u003ci class=\"sq-ats__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ats__marquee-item\"\u003e INSULATED SLEEPING PAD \u003ci class=\"sq-ats__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ats__marquee-item\"\u003e LIGHTWEIGHT DESIGN \u003ci class=\"sq-ats__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ats__marquee-item\"\u003e COMPACT STORAGE \u003ci class=\"sq-ats__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ats__marquee-item\"\u003e ALPINE READY \u003ci class=\"sq-ats__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CHAPTER 01 --\u003e\n\u003cdiv class=\"sq-ats__chapter\"\u003e\n\u003cdiv class=\"sq-ats__chapter-no\"\u003e01 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__chapter-main\"\u003e\n\u003cstrong class=\"sq-ats__chapter-title\"\u003e FROM PACK TO SLEEP \u003c\/strong\u003e \u003cspan class=\"sq-ats__chapter-desc\"\u003e Compress \/ carry \/ deploy \/ rest \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__chapter-code\"\u003eTRAVEL\u003cbr\u003eFLOW\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__sequence\"\u003e\n\u003cdiv class=\"sq-ats__sequence-item\"\u003e\n\u003cspan class=\"sq-ats__sequence-no\"\u003e01\u003c\/span\u003e \u003cstrong\u003eCompact Storage\u003c\/strong\u003e \u003cspan\u003eEasy packing after use.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__sequence-item\"\u003e\n\u003cspan class=\"sq-ats__sequence-no\"\u003e02\u003c\/span\u003e \u003cstrong\u003eSpace Saving\u003c\/strong\u003e \u003cspan\u003eDesigned for travel efficiency.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__sequence-item\"\u003e\n\u003cspan class=\"sq-ats__sequence-no\"\u003e03\u003c\/span\u003e \u003cstrong\u003eReady To Go\u003c\/strong\u003e \u003cspan\u003eBuilt for camping trips.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__sequence-item\"\u003e\n\u003cspan class=\"sq-ats__sequence-no\"\u003e04\u003c\/span\u003e \u003cstrong\u003eSleep Comfortably\u003c\/strong\u003e \u003cspan\u003eWarm rest wherever you explore.\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-ats__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/4-6.jpg?v=1791280508\" alt=\"SorAlique Alpine Thermal Sleeping System shown from compact storage to outdoor sleeping use\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- CHAPTER 02 --\u003e\n\u003cdiv class=\"sq-ats__chapter\"\u003e\n\u003cdiv class=\"sq-ats__chapter-no\"\u003e02 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__chapter-main\"\u003e\n\u003cstrong class=\"sq-ats__chapter-title\"\u003e THERMAL SLEEP SYSTEM \u003c\/strong\u003e \u003cspan class=\"sq-ats__chapter-desc\"\u003e Warmth \/ cushion \/ lining \/ insulation \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__chapter-code\"\u003eSLEEP\u003cbr\u003eLAYERS\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"sq-ats__thermal\"\u003e\n\u003cdiv class=\"sq-ats__thermal-main\"\u003e\n\u003cdiv class=\"sq-ats__thermal-label\"\u003eLayered Warmth\u003c\/div\u003e\n\u003ch3 class=\"sq-ats__thermal-title\"\u003eWarm above. \u003cspan\u003eInsulated below.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp class=\"sq-ats__thermal-copy\"\u003eThe sleeping bag creates a thermal envelope above, while the insulated sleeping pad adds a cushioned barrier between you and the ground.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__thermal-visual\"\u003e\n\u003cdiv class=\"sq-ats__thermal-ring\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__thermal-meta\"\u003eTHERMAL LAYER\u003cbr\u003eGROUND BARRIER\u003cbr\u003eCOMFORT CORE\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"sq-ats__components\"\u003e\n\u003cdiv class=\"sq-ats__component\"\u003e\n\u003cspan class=\"sq-ats__component-no\"\u003e01\u003c\/span\u003e \u003cstrong\u003e Thermal\u003cbr\u003eSleeping Bag \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__component\"\u003e\n\u003cspan class=\"sq-ats__component-no\"\u003e02\u003c\/span\u003e \u003cstrong\u003e Insulated\u003cbr\u003eSleeping Pad \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__component\"\u003e\n\u003cspan class=\"sq-ats__component-no\"\u003e03\u003c\/span\u003e \u003cstrong\u003e Compression\u003cbr\u003eStorage Bag \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__component\"\u003e\n\u003cspan class=\"sq-ats__component-no\"\u003e04\u003c\/span\u003e \u003cstrong\u003e Pillow\u003cbr\u003eSupport \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-ats__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/4-7.jpg?v=1791280508\" alt=\"SorAlique Alpine Thermal Sleeping System including sleeping bag, insulated pad, pillow and compression bag\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- CHAPTER 03 --\u003e\n\u003cdiv class=\"sq-ats__chapter\"\u003e\n\u003cdiv class=\"sq-ats__chapter-no\"\u003e03 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__chapter-main\"\u003e\n\u003cstrong class=\"sq-ats__chapter-title\"\u003e COMFORT THAT TRAVELS \u003c\/strong\u003e \u003cspan class=\"sq-ats__chapter-desc\"\u003e Soft \/ light \/ warm \/ compact \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__chapter-code\"\u003eCAMP\u003cbr\u003eREADY\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__comfort\"\u003e\n\u003cdiv class=\"sq-ats__comfort-item\"\u003e\n\u003cspan class=\"sq-ats__comfort-small\"\u003e Warmth \u003c\/span\u003e \u003cstrong\u003e Cold Weather Insulation \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__comfort-item\"\u003e\n\u003cspan class=\"sq-ats__comfort-small\"\u003e Touch \u003c\/span\u003e \u003cstrong\u003e Soft Inner Lining \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__comfort-item\"\u003e\n\u003cspan class=\"sq-ats__comfort-small\"\u003e Carry \u003c\/span\u003e \u003cstrong\u003e Lightweight Outdoor Design \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__comfort-item\"\u003e\n\u003cspan class=\"sq-ats__comfort-small\"\u003e Pack \u003c\/span\u003e \u003cstrong\u003e Compact Storage \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-ats__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/4-8.jpg?v=1791280508\" alt=\"SorAlique Alpine Thermal Sleeping System product details\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- END --\u003e\n\u003csection class=\"sq-ats__end\"\u003e\n\u003cdiv class=\"sq-ats__end-main\"\u003e\n\u003cdiv class=\"sq-ats__end-label\"\u003eSorAlique \/ Alpine Sleep System\u003c\/div\u003e\n\u003ch3\u003ePack less volume.\u003cbr\u003eBring more comfort.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ats__end-meta\"\u003eThermal Sleeping Bag\u003cbr\u003eInsulated Ground Pad\u003cbr\u003ePillow Support\u003cbr\u003eCompression Storage\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Soralique","offers":[{"title":"Default Title","offer_id":45683534528535,"sku":"Soralique004*1","price":69.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/4-1.png?v=1791280519"},{"product_id":"soralique™-wilderness-solar-lantern","title":"Soralique™ Wilderness Solar Lantern","description":"\u003cstyle\u003e\n\/* ============================================================\n SORALIQUE — SOLAR ORBIT LANTERN\n DAY → CARRY → HANG → GLOW\n\n LAYOUT STANDARD\n - 不修改 Product Gallery\n - 不使用负 margin\n - 默认 100%\n - 桌面端仅向右扩展\n - 所有关键容器 min-width:0\n ============================================================ *\/\n\n.sq-sol {\n --night:#102f28;\n --night-deep:#09241f;\n --forest:#1c493d;\n --forest-soft:#3f655b;\n\n --solar:#d7953f;\n --solar-soft:#efbd75;\n --glow:#f3d59b;\n\n --cream:#f8f5ed;\n --sand:#ebe5d9;\n --mist:#ecefea;\n\n --charcoal:#282c2d;\n --ink:#17211e;\n --muted:#6d7671;\n --line:rgba(16,47,40,.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\n ============================================================ *\/\n\n.product__description:has(.sq-sol),\n.product-description:has(.sq-sol),\n.product__text:has(.sq-sol),\n.product-info__description:has(.sq-sol),\n.product-info__block:has(.sq-sol),\n.rte:has(.sq-sol) {\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 .sq-sol {\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-sol {\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-sol {\n width:100%;\n max-width:100%;\n min-width:0;\n }\n}\n\n\n.sq-sol *,\n.sq-sol *::before,\n.sq-sol *::after {\n box-sizing:border-box;\n}\n\n\n\/* ============================================================\n 01 — HERO \/ SOLAR ORBIT\n ============================================================ *\/\n\n.sq-sol__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 #faf8f2 0%,\n #f1ece1 57%,\n #e8dfcf 100%\n );\n}\n\n\n\/* solar orbit *\/\n.sq-sol__hero::before {\n content:\"\";\n\n position:absolute;\n\n width:350px;\n height:350px;\n\n right:-115px;\n top:-160px;\n\n border:\n 1px solid rgba(215,149,63,.28);\n\n border-radius:50%;\n\n box-shadow:\n 0 0 0 36px rgba(215,149,63,.06),\n 0 0 0 72px rgba(215,149,63,.035),\n 0 0 0 108px rgba(215,149,63,.018);\n\n pointer-events:none;\n}\n\n\n\/* sun *\/\n.sq-sol__hero::after {\n content:\"\";\n\n position:absolute;\n\n right:62px;\n top:50px;\n\n width:13px;\n height:13px;\n\n border-radius:50%;\n\n background:var(--solar);\n\n box-shadow:\n 0 0 0 7px rgba(215,149,63,.10);\n\n pointer-events:none;\n}\n\n\n.sq-sol__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 margin-bottom:\n clamp(42px,7vw,84px);\n\n min-width:0;\n}\n\n\n.sq-sol__series {\n display:flex;\n align-items:center;\n gap:10px;\n\n color:var(--night);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.18em;\n\n text-transform:uppercase;\n}\n\n\n.sq-sol__series::before {\n content:\"\";\n\n width:7px;\n height:7px;\n\n border-radius:50%;\n\n background:var(--solar);\n}\n\n\n.sq-sol__mode {\n color:\n rgba(16,47,40,.5);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.16em;\n\n text-transform:uppercase;\n}\n\n\n.sq-sol__hero-grid {\n position:relative;\n z-index:1;\n\n display:grid;\n\n grid-template-columns:\n minmax(0,1.5fr)\n minmax(210px,.6fr);\n\n gap:\n clamp(28px,5vw,64px);\n\n align-items:end;\n\n min-width:0;\n}\n\n\n.sq-sol__eyebrow {\n margin:0 0 13px;\n\n color:var(--solar);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.20em;\n\n text-transform:uppercase;\n}\n\n\n.sq-sol__title {\n max-width:700px;\n\n margin:0;\n\n color:var(--night-deep);\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-sol__title span {\n display:block;\n\n color:var(--forest);\n}\n\n\n.sq-sol__intro {\n max-width:550px;\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 ENERGY ORBIT VISUAL\n Inspired by lantern cylindrical shape\n ============================================================ *\/\n\n.sq-sol__orbit {\n position:relative;\n\n width:min(100%,210px);\n aspect-ratio:1;\n\n justify-self:end;\n\n display:grid;\n place-items:center;\n}\n\n\n.sq-sol__orbit-ring {\n position:absolute;\n\n inset:0;\n\n border:\n 1px solid rgba(16,47,40,.17);\n\n border-radius:50%;\n}\n\n\n.sq-sol__orbit-ring::before {\n content:\"\";\n\n position:absolute;\n\n inset:17%;\n\n border:\n 1px dashed rgba(16,47,40,.17);\n\n border-radius:50%;\n}\n\n\n.sq-sol__orbit-core {\n width:74px;\n height:108px;\n\n border-radius:\n 30px 30px 22px 22px;\n\n background:\n linear-gradient(\n 180deg,\n var(--charcoal) 0 22%,\n var(--glow) 23% 72%,\n var(--charcoal) 73%\n );\n\n box-shadow:\n 0 0 28px rgba(243,213,155,.24);\n}\n\n\n.sq-sol__orbit-copy {\n position:absolute;\n\n bottom:8px;\n\n color:var(--night);\n\n text-align:center;\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 02 — MARQUEE\n ============================================================ *\/\n\n.sq-sol__marquee {\n overflow:hidden;\n\n margin:12px 0;\n\n background:var(--night-deep);\n\n color:#fff;\n}\n\n\n.sq-sol__marquee-track {\n display:flex;\n\n width:max-content;\n\n animation:\n sqSolarRun 29s linear infinite;\n\n will-change:transform;\n}\n\n\n.sq-sol__marquee:hover\n.sq-sol__marquee-track {\n animation-play-state:paused;\n}\n\n\n.sq-sol__marquee-group {\n display:flex;\n align-items:center;\n\n flex-shrink:0;\n\n white-space:nowrap;\n}\n\n\n.sq-sol__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-sol__marquee-sun {\n width:7px;\n height:7px;\n\n flex:0 0 7px;\n\n border-radius:50%;\n\n background:var(--solar-soft);\n}\n\n\n@keyframes sqSolarRun {\n\n from {\n transform:translateX(0);\n }\n\n to {\n transform:translateX(-50%);\n }\n\n}\n\n\n\/* ============================================================\n 03 — DAY \/ NIGHT TRANSITION\n ============================================================ *\/\n\n.sq-sol__cycle {\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(--cream);\n}\n\n\n.sq-sol__cycle-item {\n position:relative;\n\n min-width:0;\n\n padding:\n 21px\n 16px\n 20px;\n\n border-right:\n 1px solid var(--line);\n}\n\n\n.sq-sol__cycle-item:last-child {\n border-right:0;\n}\n\n\n.sq-sol__cycle-no {\n display:flex;\n align-items:center;\n\n gap:8px;\n\n margin-bottom:17px;\n\n color:var(--solar);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.14em;\n}\n\n\n.sq-sol__cycle-no::after {\n content:\"\";\n\n height:1px;\n\n flex:1;\n\n background:\n rgba(215,149,63,.26);\n}\n\n\n.sq-sol__cycle-item strong {\n display:block;\n\n color:var(--night);\n\n font-size:13px;\n font-weight:800;\n\n line-height:1.3;\n\n letter-spacing:-.01em;\n}\n\n\n.sq-sol__cycle-item span:last-child {\n display:block;\n\n margin-top:6px;\n\n color:var(--muted);\n\n font-size:10px;\n\n line-height:1.5;\n}\n\n\n\/* ============================================================\n 04 — CHAPTER\n ============================================================ *\/\n\n.sq-sol__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-sol__chapter-no {\n color:var(--solar);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.16em;\n}\n\n\n.sq-sol__chapter-main {\n min-width:0;\n}\n\n\n.sq-sol__chapter-title {\n display:block;\n\n color:var(--night-deep);\n\n font-size:\n clamp(18px,2vw,25px);\n\n font-weight:800;\n\n letter-spacing:-.025em;\n}\n\n\n.sq-sol__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-sol__chapter-code {\n color:\n rgba(16,47,40,.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 05 — IMAGE PLATE\n 完整显示 \/ 不裁切 \/ 不遮罩 \/ 不压字\n ============================================================ *\/\n\n.sq-sol__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,47,40,.11);\n\n background:#f7f5ef;\n\n transition:\n transform .28s ease,\n box-shadow .28s ease;\n}\n\n\n.sq-sol__plate:hover {\n transform:\n translateY(-5px);\n\n box-shadow:\n 0 27px 58px rgba(8,31,25,.11),\n 0 8px 18px rgba(8,31,25,.05);\n}\n\n\n.sq-sol__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(--solar);\n}\n\n\n.sq-sol__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(--night);\n}\n\n\n.sq-sol__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 06 — LIGHT MODE PANEL\n ============================================================ *\/\n\n.sq-sol__light {\n display:grid;\n\n grid-template-columns:\n minmax(0,1.35fr)\n minmax(250px,.65fr);\n\n min-width:0;\n\n margin:0 0 12px;\n\n background:var(--night-deep);\n\n color:#fff;\n}\n\n\n.sq-sol__light-main {\n min-width:0;\n\n padding:\n clamp(28px,4.5vw,52px);\n}\n\n\n.sq-sol__light-label {\n margin-bottom:20px;\n\n color:var(--solar-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-sol__light-title {\n max-width:560px;\n\n margin:0;\n\n color:#fff;\n\n font-size:\n clamp(30px,4.8vw,57px);\n\n font-weight:780;\n\n line-height:.96;\n\n letter-spacing:-.046em;\n}\n\n\n.sq-sol__light-title span {\n color:#f0d39c;\n}\n\n\n.sq-sol__light-copy {\n max-width:510px;\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\/* lantern glow illustration *\/\n.sq-sol__light-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 #29473d,\n #10251f\n );\n}\n\n\n.sq-sol__glow-ring {\n position:absolute;\n\n left:50%;\n top:50%;\n\n width:126px;\n height:126px;\n\n margin:\n -63px\n 0\n 0\n -63px;\n\n border-radius:50%;\n\n background:\n radial-gradient(\n circle,\n rgba(243,213,155,.85) 0 13%,\n rgba(243,213,155,.28) 14% 37%,\n rgba(243,213,155,.08) 38% 58%,\n transparent 59%\n );\n\n box-shadow:\n 0 0 0 28px rgba(243,213,155,.035),\n 0 0 0 56px rgba(243,213,155,.022);\n}\n\n\n.sq-sol__light-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 — PLACEMENT SYSTEM\n ============================================================ *\/\n\n.sq-sol__places {\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(--sand);\n}\n\n\n.sq-sol__place {\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-sol__place:last-child {\n border-right:0;\n}\n\n\n.sq-sol__place-small {\n display:block;\n\n margin-bottom:8px;\n\n color:var(--solar);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.15em;\n\n text-transform:uppercase;\n}\n\n\n.sq-sol__place strong {\n display:block;\n\n color:var(--night);\n\n font-size:13px;\n font-weight:800;\n\n line-height:1.35;\n}\n\n\n\/* ============================================================\n 08 — END\n ============================================================ *\/\n\n.sq-sol__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 #ede7da,\n #ded7c8\n );\n\n border:\n 1px solid var(--line);\n}\n\n\n.sq-sol__end::after {\n content:\"SUN → NIGHT\";\n\n position:absolute;\n\n right:-16px;\n top:-6px;\n\n color:\n rgba(16,47,40,.05);\n\n font-size:\n clamp(52px,10vw,122px);\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-sol__end-main {\n position:relative;\n z-index:1;\n\n min-width:0;\n}\n\n\n.sq-sol__end-label {\n margin-bottom:14px;\n\n color:var(--solar);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.18em;\n\n text-transform:uppercase;\n}\n\n\n.sq-sol__end h3 {\n max-width:620px;\n\n margin:0;\n\n color:var(--night-deep);\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-sol__end-meta {\n position:relative;\n z-index:1;\n\n padding-left:18px;\n\n border-left:\n 2px solid var(--solar);\n\n color:var(--forest);\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-sol {\n width:100%;\n max-width:100%;\n min-width:0;\n\n margin:24px 0 38px;\n }\n\n\n .sq-sol__hero {\n padding:\n 28px\n 19px\n 26px;\n }\n\n\n .sq-sol__topline {\n margin-bottom:40px;\n }\n\n\n .sq-sol__mode {\n display:none;\n }\n\n\n .sq-sol__hero-grid {\n grid-template-columns:1fr;\n\n gap:30px;\n }\n\n\n .sq-sol__title {\n font-size:\n clamp(39px,12vw,56px);\n }\n\n\n .sq-sol__orbit {\n justify-self:start;\n\n width:150px;\n }\n\n\n .sq-sol__marquee-item {\n padding:\n 13px\n 16px;\n\n font-size:9px;\n }\n\n\n .sq-sol__cycle {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-sol__cycle-item:nth-child(2) {\n border-right:0;\n }\n\n\n .sq-sol__cycle-item:nth-child(1),\n .sq-sol__cycle-item:nth-child(2) {\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-sol__chapter {\n grid-template-columns:\n 52px\n minmax(0,1fr);\n\n gap:10px;\n }\n\n\n .sq-sol__chapter-code {\n display:none;\n }\n\n\n .sq-sol__plate {\n padding:5px;\n }\n\n\n .sq-sol__plate:hover {\n transform:\n translateY(-2px);\n }\n\n\n .sq-sol__light {\n grid-template-columns:1fr;\n }\n\n\n .sq-sol__light-visual {\n min-height:220px;\n }\n\n\n .sq-sol__places {\n grid-template-columns:1fr;\n }\n\n\n .sq-sol__place {\n border-right:0;\n\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-sol__place:last-child {\n border-bottom:0;\n }\n\n\n .sq-sol__end {\n grid-template-columns:1fr;\n }\n\n\n .sq-sol__end-meta {\n padding-left:14px;\n }\n\n}\n\n\n@media(prefers-reduced-motion:reduce) {\n\n .sq-sol__marquee-track {\n animation:none;\n }\n\n .sq-sol__plate {\n transition:none;\n }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"sq-sol\"\u003e\n\u003c!-- ======================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"sq-sol__hero\"\u003e\n\u003cdiv class=\"sq-sol__topline\"\u003e\n\u003cdiv class=\"sq-sol__series\"\u003eSORALIQUE \/ SOLAR LIGHT\u003c\/div\u003e\n\u003cdiv class=\"sq-sol__mode\"\u003eDAY-TO-NIGHT LIGHT SYSTEM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-sol__hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"sq-sol__eyebrow\"\u003ePortable Solar Lantern\u003c\/p\u003e\n\u003ch2 class=\"sq-sol__title\"\u003eCollect Daylight. \u003cspan\u003eCarry The Glow.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sq-sol__intro\"\u003eA portable outdoor lantern designed around a simple day-to-night rhythm — collect solar energy outdoors, carry it wherever camp moves and bring warm light into the evening.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-sol__orbit\"\u003e\n\u003cdiv class=\"sq-sol__orbit-ring\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq-sol__orbit-core\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq-sol__orbit-copy\"\u003eSolar\u003cbr\u003eLight\u003cbr\u003eCycle\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-sol__marquee\"\u003e\n\u003cdiv class=\"sq-sol__marquee-track\"\u003e\n\u003cdiv class=\"sq-sol__marquee-group\"\u003e\n\u003cspan class=\"sq-sol__marquee-item\"\u003e SOLAR CHARGING \u003ci class=\"sq-sol__marquee-sun\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-sol__marquee-item\"\u003e EASY TO CARRY \u003ci class=\"sq-sol__marquee-sun\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-sol__marquee-item\"\u003e HANG ANYWHERE \u003ci class=\"sq-sol__marquee-sun\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-sol__marquee-item\"\u003e WARM LIGHT \u003ci class=\"sq-sol__marquee-sun\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-sol__marquee-item\"\u003e PORTABLE OUTDOOR LIGHTING \u003ci class=\"sq-sol__marquee-sun\"\u003e\u003c\/i\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-sol__marquee-group\"\u003e\n\u003cspan class=\"sq-sol__marquee-item\"\u003e SOLAR CHARGING \u003ci class=\"sq-sol__marquee-sun\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-sol__marquee-item\"\u003e EASY TO CARRY \u003ci class=\"sq-sol__marquee-sun\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-sol__marquee-item\"\u003e HANG ANYWHERE \u003ci class=\"sq-sol__marquee-sun\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-sol__marquee-item\"\u003e WARM LIGHT \u003ci class=\"sq-sol__marquee-sun\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-sol__marquee-item\"\u003e PORTABLE OUTDOOR LIGHTING \u003ci class=\"sq-sol__marquee-sun\"\u003e\u003c\/i\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ======================================================\n PRODUCT CYCLE\n ====================================================== --\u003e\n\u003cdiv class=\"sq-sol__chapter\"\u003e\n\u003cdiv class=\"sq-sol__chapter-no\"\u003e01 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-sol__chapter-main\"\u003e\n\u003cstrong class=\"sq-sol__chapter-title\"\u003e ONE LIGHT. FOUR MOMENTS. \u003c\/strong\u003e \u003cspan class=\"sq-sol__chapter-desc\"\u003e Charge \/ carry \/ hang \/ illuminate \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-sol__chapter-code\"\u003eLIGHT\u003cbr\u003eCYCLE\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-sol__cycle\"\u003e\n\u003cdiv class=\"sq-sol__cycle-item\"\u003e\n\u003cspan class=\"sq-sol__cycle-no\"\u003e 01 \u003c\/span\u003e \u003cstrong\u003e Solar Charging \u003c\/strong\u003e \u003cspan\u003e Collect energy during the day. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-sol__cycle-item\"\u003e\n\u003cspan class=\"sq-sol__cycle-no\"\u003e 02 \u003c\/span\u003e \u003cstrong\u003e Easy To Carry \u003c\/strong\u003e \u003cspan\u003e Portable outdoor lighting. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-sol__cycle-item\"\u003e\n\u003cspan class=\"sq-sol__cycle-no\"\u003e 03 \u003c\/span\u003e \u003cstrong\u003e Hang Anywhere \u003c\/strong\u003e \u003cspan\u003e Flexible lighting placement. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-sol__cycle-item\"\u003e\n\u003cspan class=\"sq-sol__cycle-no\"\u003e 04 \u003c\/span\u003e \u003cstrong\u003e Warm Light \u003c\/strong\u003e \u003cspan\u003e Comfortable nighttime atmosphere. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- PRODUCT IMAGE \/ ONLY ONCE because all 3 URLs supplied are identical --\u003e\n\u003cfigure class=\"sq-sol__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/5-6.jpg?v=1791281515\" alt=\"SorAlique portable solar lantern showing solar charging, carrying, hanging and warm nighttime lighting\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n LIGHT EXPERIENCE\n ====================================================== --\u003e\n\u003cdiv class=\"sq-sol__chapter\"\u003e\n\u003cdiv class=\"sq-sol__chapter-no\"\u003e02 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-sol__chapter-main\"\u003e\n\u003cstrong class=\"sq-sol__chapter-title\"\u003e FROM SUN TO WARM LIGHT \u003c\/strong\u003e \u003cspan class=\"sq-sol__chapter-desc\"\u003e Daylight in \/ atmosphere out \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-sol__chapter-code\"\u003eSOLAR\u003cbr\u003eMODE\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"sq-sol__light\"\u003e\n\u003cdiv class=\"sq-sol__light-main\"\u003e\n\u003cdiv class=\"sq-sol__light-label\"\u003eDay → Night\u003c\/div\u003e\n\u003ch3 class=\"sq-sol__light-title\"\u003eCharge outside. \u003cspan\u003eGlow after sunset.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp class=\"sq-sol__light-copy\"\u003eUse daylight as part of the camping routine, then bring the lantern into tents, tables and gathering spaces once the surroundings go dark.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-sol__light-visual\"\u003e\n\u003cdiv class=\"sq-sol__glow-ring\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq-sol__light-meta\"\u003eSOLAR INPUT\u003cbr\u003ePORTABLE LIGHT\u003cbr\u003eWARM GLOW\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n PLACEMENT\n ====================================================== --\u003e\n\u003cdiv class=\"sq-sol__chapter\"\u003e\n\u003cdiv class=\"sq-sol__chapter-no\"\u003e03 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-sol__chapter-main\"\u003e\n\u003cstrong class=\"sq-sol__chapter-title\"\u003e LIGHT WHERE CAMP NEEDS IT \u003c\/strong\u003e \u003cspan class=\"sq-sol__chapter-desc\"\u003e Carry \/ hang \/ place \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-sol__chapter-code\"\u003eCAMP\u003cbr\u003eLIGHT\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-sol__places\"\u003e\n\u003cdiv class=\"sq-sol__place\"\u003e\n\u003cspan class=\"sq-sol__place-small\"\u003e Carry \u003c\/span\u003e \u003cstrong\u003e Trail \u0026amp; Campsite \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-sol__place\"\u003e\n\u003cspan class=\"sq-sol__place-small\"\u003e Hang \u003c\/span\u003e \u003cstrong\u003e Inside The Tent \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-sol__place\"\u003e\n\u003cspan class=\"sq-sol__place-small\"\u003e Place \u003c\/span\u003e \u003cstrong\u003e Table \u0026amp; Gathering Area \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ======================================================\n END\n ====================================================== --\u003e\n\u003csection class=\"sq-sol__end\"\u003e\n\u003cdiv class=\"sq-sol__end-main\"\u003e\n\u003cdiv class=\"sq-sol__end-label\"\u003eSorAlique \/ Solar Light System\u003c\/div\u003e\n\u003ch3\u003eFollow the sun.\u003cbr\u003eKeep the night glowing.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-sol__end-meta\"\u003eSolar Charging\u003cbr\u003ePortable Carry\u003cbr\u003eFlexible Hanging\u003cbr\u003eWarm Outdoor Light\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Soralique","offers":[{"title":"Default Title","offer_id":45683811811351,"sku":"Soralique005*1","price":58.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/5-1.png?v=1791281537"},{"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"},{"product_id":"soralique™-portable-fire-cooking-set","title":"Soralique™ Portable Fire Cooking Set","description":"\u003cstyle\u003e\n\/* ============================================================\n SORALIQUE — PORTABLE FIRE COOKING SET\n FIRE KIT \/ OPEN-FLAME COOK 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 防止 intrinsic width 撑坏主题\n ============================================================ *\/\n\n.sq-pfc {\n --fire:#d56f28;\n --fire-soft:#eda561;\n --ember:#a9471d;\n\n --steel-950:#181c1d;\n --steel-900:#222728;\n --steel-800:#323839;\n --steel-700:#555d5e;\n --steel-light:#b4bbba;\n\n --forest:#103b2f;\n --forest-soft:#31584c;\n\n --ash:#e7e7e4;\n --ash-light:#f6f5f1;\n\n --ink:#171c1b;\n --muted:#707573;\n --line:rgba(24,28,29,.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-pfc),\n.product-description:has(.sq-pfc),\n.product__text:has(.sq-pfc),\n.product-info__description:has(.sq-pfc),\n.product-info__block:has(.sq-pfc),\n.rte:has(.sq-pfc) {\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-pfc {\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-pfc {\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-pfc {\n width:100%;\n max-width:100%;\n min-width:0;\n }\n\n}\n\n\n.sq-pfc *,\n.sq-pfc *::before,\n.sq-pfc *::after {\n box-sizing:border-box;\n}\n\n\n\/* ============================================================\n 01 — HERO \/ OPEN FIRE SYSTEM\n ============================================================ *\/\n\n.sq-pfc__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 #f4f3ef 0%,\n #e7e6e1 60%,\n #d9d9d4 100%\n );\n}\n\n\n\/* grill-bar background *\/\n.sq-pfc__hero::before {\n content:\"\";\n\n position:absolute;\n\n width:420px;\n height:330px;\n\n right:-120px;\n top:-120px;\n\n background:\n repeating-linear-gradient(\n 90deg,\n rgba(24,28,29,.08) 0 1px,\n transparent 1px 18px\n );\n\n transform:rotate(-16deg);\n\n mask-image:\n linear-gradient(\n to left,\n rgba(0,0,0,.85),\n transparent 78%\n );\n\n pointer-events:none;\n}\n\n\n\/* ember *\/\n.sq-pfc__hero::after {\n content:\"\";\n\n position:absolute;\n\n right:56px;\n top:48px;\n\n width:12px;\n height:12px;\n\n border-radius:50%;\n\n background:var(--fire);\n\n box-shadow:\n 0 0 0 8px rgba(213,111,40,.10),\n 0 0 28px rgba(213,111,40,.30);\n\n pointer-events:none;\n}\n\n\n.sq-pfc__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-pfc__series {\n display:flex;\n align-items:center;\n\n gap:10px;\n\n color:var(--forest);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.18em;\n\n text-transform:uppercase;\n}\n\n\n.sq-pfc__series::before {\n content:\"\";\n\n width:8px;\n height:12px;\n\n background:var(--fire);\n\n clip-path:\n polygon(\n 50% 0,\n 90% 45%,\n 70% 100%,\n 30% 100%,\n 10% 45%\n );\n}\n\n\n.sq-pfc__mode {\n color:\n rgba(16,59,47,.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-pfc__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 gap:\n clamp(28px,5vw,66px);\n\n align-items:end;\n\n min-width:0;\n}\n\n\n.sq-pfc__eyebrow {\n margin:0 0 13px;\n\n color:var(--fire);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.2em;\n\n text-transform:uppercase;\n}\n\n\n.sq-pfc__title {\n max-width:700px;\n\n margin:0;\n\n color:var(--steel-950);\n\n font-size:\n clamp(38px,6vw,76px);\n\n font-weight:850;\n\n line-height:.89;\n\n letter-spacing:-.058em;\n}\n\n\n.sq-pfc__title span {\n display:block;\n\n color:var(--forest);\n}\n\n\n.sq-pfc__intro {\n max-width:560px;\n\n margin:20px 0 0;\n\n color:\n rgba(23,28,27,.66);\n\n font-size:13px;\n\n line-height:1.72;\n}\n\n\n\/* ============================================================\n FIRE TRIAD\n Steel \/ Cast Iron \/ Stainless\n ============================================================ *\/\n\n.sq-pfc__material-map {\n display:grid;\n\n width:min(100%,235px);\n\n justify-self:end;\n\n gap:6px;\n\n min-width:0;\n}\n\n\n.sq-pfc__material {\n display:grid;\n\n grid-template-columns:\n 36px\n minmax(0,1fr);\n\n align-items:center;\n\n min-width:0;\n\n border:\n 1px solid rgba(24,28,29,.15);\n\n background:\n rgba(255,255,255,.50);\n}\n\n\n.sq-pfc__material-no {\n display:grid;\n place-items:center;\n\n align-self:stretch;\n\n min-height:55px;\n\n background:var(--steel-950);\n\n color:#fff;\n\n font-size:9px;\n font-weight:800;\n}\n\n\n.sq-pfc__material:nth-child(2)\n.sq-pfc__material-no {\n background:var(--fire);\n}\n\n\n.sq-pfc__material-name {\n padding:\n 12px 13px;\n\n color:var(--steel-900);\n\n font-size:10px;\n font-weight:800;\n\n line-height:1.35;\n\n letter-spacing:.08em;\n\n text-transform:uppercase;\n}\n\n\n\/* ============================================================\n 02 — MARQUEE\n ============================================================ *\/\n\n.sq-pfc__marquee {\n overflow:hidden;\n\n margin:12px 0;\n\n background:var(--steel-950);\n\n color:#fff;\n}\n\n\n.sq-pfc__marquee-track {\n display:flex;\n\n width:max-content;\n\n animation:\n sqPfcRun 29s linear infinite;\n\n will-change:transform;\n}\n\n\n.sq-pfc__marquee:hover\n.sq-pfc__marquee-track {\n animation-play-state:paused;\n}\n\n\n.sq-pfc__marquee-group {\n display:flex;\n align-items:center;\n\n flex-shrink:0;\n\n white-space:nowrap;\n}\n\n\n.sq-pfc__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:760;\n\n line-height:1;\n\n letter-spacing:.15em;\n\n text-transform:uppercase;\n}\n\n\n.sq-pfc__marquee-mark {\n width:8px;\n height:10px;\n\n flex:0 0 8px;\n\n background:var(--fire-soft);\n\n clip-path:\n polygon(\n 50% 0,\n 100% 48%,\n 70% 100%,\n 30% 100%,\n 0 48%\n );\n}\n\n\n@keyframes sqPfcRun {\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-pfc__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-pfc__chapter-no {\n color:var(--fire);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.16em;\n}\n\n\n.sq-pfc__chapter-main {\n min-width:0;\n}\n\n\n.sq-pfc__chapter-title {\n display:block;\n\n color:var(--steel-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-pfc__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-pfc__chapter-code {\n color:\n rgba(24,28,29,.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 PLATES\n ============================================================ *\/\n\n.sq-pfc__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(24,28,29,.11);\n\n background:#f4f4f1;\n\n transition:\n transform .28s ease,\n box-shadow .28s ease;\n}\n\n\n.sq-pfc__plate:hover {\n transform:\n translateY(-5px);\n\n box-shadow:\n 0 28px 60px rgba(20,24,23,.13),\n 0 8px 18px rgba(20,24,23,.06);\n}\n\n\n.sq-pfc__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(--fire);\n}\n\n\n.sq-pfc__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(--steel-950);\n}\n\n\n.sq-pfc__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 — FIELD FLOW\n PACK → CARRY → SET UP → COOK\n ============================================================ *\/\n\n.sq-pfc__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(--ash-light);\n}\n\n\n.sq-pfc__flow-item {\n position:relative;\n\n min-width:0;\n\n padding:\n 20px 16px 18px;\n\n border-right:\n 1px solid var(--line);\n}\n\n\n.sq-pfc__flow-item:last-child {\n border-right:0;\n}\n\n\n.sq-pfc__flow-no {\n display:block;\n\n margin-bottom:16px;\n\n color:var(--fire);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.14em;\n}\n\n\n.sq-pfc__flow-item strong {\n display:block;\n\n color:var(--steel-950);\n\n font-size:13px;\n font-weight:850;\n\n line-height:1.3;\n}\n\n\n.sq-pfc__flow-item span:last-child {\n display:block;\n\n margin-top:6px;\n\n color:var(--muted);\n\n font-size:10px;\n\n line-height:1.5;\n}\n\n\n\/* ============================================================\n 06 — FIRE CORE PANEL\n ============================================================ *\/\n\n.sq-pfc__firecore {\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(--steel-950);\n\n color:#fff;\n}\n\n\n.sq-pfc__firecore-main {\n min-width:0;\n\n padding:\n clamp(28px,4.5vw,52px);\n}\n\n\n.sq-pfc__firecore-label {\n margin-bottom:19px;\n\n color:var(--fire-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-pfc__firecore-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:820;\n\n line-height:.95;\n\n letter-spacing:-.048em;\n}\n\n\n.sq-pfc__firecore-title span {\n color:var(--fire-soft);\n}\n\n\n.sq-pfc__firecore-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\/* flame visual *\/\n.sq-pfc__firevisual {\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 #343a3a,\n #171b1b\n );\n}\n\n\n.sq-pfc__grate {\n position:absolute;\n\n left:50%;\n top:43%;\n\n width:176px;\n height:108px;\n\n transform:\n translate(-50%,-50%)\n perspective(250px)\n rotateX(58deg);\n\n border:\n 1px solid rgba(255,255,255,.24);\n\n background:\n repeating-linear-gradient(\n 90deg,\n rgba(255,255,255,.32) 0 2px,\n transparent 2px 15px\n );\n}\n\n\n.sq-pfc__flame {\n position:absolute;\n\n left:50%;\n bottom:44px;\n\n width:54px;\n height:78px;\n\n transform:\n translateX(-50%);\n\n background:\n linear-gradient(\n 180deg,\n var(--fire-soft),\n var(--fire),\n var(--ember)\n );\n\n clip-path:\n polygon(\n 50% 0,\n 68% 24%,\n 90% 52%,\n 75% 100%,\n 25% 100%,\n 10% 52%,\n 34% 28%\n );\n\n filter:\n drop-shadow(\n 0 0 18px\n rgba(213,111,40,.28)\n );\n}\n\n\n.sq-pfc__fire-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 — MATERIAL TRIAD\n ============================================================ *\/\n\n.sq-pfc__materials {\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(--ash);\n\n border:\n 1px solid var(--line);\n}\n\n\n.sq-pfc__material-card {\n min-width:0;\n\n padding:\n 22px 18px 20px;\n\n border-right:\n 1px solid var(--line);\n}\n\n\n.sq-pfc__material-card:last-child {\n border-right:0;\n}\n\n\n.sq-pfc__material-card small {\n display:block;\n\n margin-bottom:9px;\n\n color:var(--fire);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.15em;\n\n text-transform:uppercase;\n}\n\n\n.sq-pfc__material-card strong {\n display:block;\n\n color:var(--steel-950);\n\n font-size:15px;\n font-weight:850;\n\n line-height:1.3;\n}\n\n\n.sq-pfc__material-card p {\n margin:\n 7px 0 0;\n\n color:var(--muted);\n\n font-size:10px;\n\n line-height:1.55;\n}\n\n\n\/* ============================================================\n 08 — DIMENSION DASHBOARD\n ============================================================ *\/\n\n.sq-pfc__spec {\n display:grid;\n\n grid-template-columns:\n minmax(0,1.35fr)\n minmax(290px,.65fr);\n\n min-width:0;\n\n margin:0 0 12px;\n\n background:var(--steel-900);\n\n color:#fff;\n}\n\n\n.sq-pfc__spec-main {\n min-width:0;\n\n padding:\n clamp(27px,4.3vw,48px);\n}\n\n\n.sq-pfc__spec-label {\n margin-bottom:22px;\n\n color:var(--fire-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-pfc__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-pfc__dimension {\n color:#fff;\n\n font-size:\n clamp(36px,5.7vw,67px);\n\n font-weight:850;\n\n line-height:.91;\n\n letter-spacing:-.055em;\n}\n\n\n.sq-pfc__x {\n padding-bottom:5px;\n\n color:var(--fire);\n\n font-size:16px;\n}\n\n\n.sq-pfc__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-pfc__folded {\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n\n min-width:0;\n\n padding:\n clamp(25px,3.6vw,42px);\n\n background:\n linear-gradient(\n 145deg,\n var(--forest),\n #0a2b22\n );\n\n border-left:\n 1px solid rgba(255,255,255,.08);\n}\n\n\n.sq-pfc__folded-label {\n color:\n rgba(255,255,255,.52);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.14em;\n\n text-transform:uppercase;\n}\n\n\n.sq-pfc__folded-value {\n margin-top:28px;\n\n color:#fff;\n\n font-size:\n clamp(28px,4vw,46px);\n\n font-weight:850;\n\n line-height:.94;\n\n letter-spacing:-.045em;\n}\n\n\n.sq-pfc__folded-value span {\n display:block;\n\n margin-top:8px;\n\n color:var(--fire-soft);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.13em;\n\n text-transform:uppercase;\n}\n\n\n\/* ============================================================\n 09 — KIT CONTENTS\n ============================================================ *\/\n\n.sq-pfc__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(--ash-light);\n}\n\n\n.sq-pfc__kit-item {\n min-width:0;\n\n padding:\n 18px 14px 17px;\n\n border-right:\n 1px solid var(--line);\n\n border-bottom:\n 1px solid var(--line);\n}\n\n\n.sq-pfc__kit-item:nth-child(4n) {\n border-right:0;\n}\n\n\n.sq-pfc__kit-item:nth-last-child(-n+4) {\n border-bottom:0;\n}\n\n\n.sq-pfc__kit-no {\n display:block;\n\n margin-bottom:12px;\n\n color:var(--fire);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.14em;\n}\n\n\n.sq-pfc__kit-item strong {\n display:block;\n\n color:var(--steel-950);\n\n font-size:10px;\n font-weight:850;\n\n line-height:1.35;\n\n text-transform:uppercase;\n}\n\n\n\/* ============================================================\n 10 — COOKWARE SCALE\n ============================================================ *\/\n\n.sq-pfc__scale {\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:\n linear-gradient(\n 180deg,\n #e9e9e6,\n #ddddda\n );\n\n border:\n 1px solid var(--line);\n}\n\n\n.sq-pfc__scale-item {\n min-width:0;\n\n padding:\n 20px 16px;\n\n border-right:\n 1px solid var(--line);\n}\n\n\n.sq-pfc__scale-item:last-child {\n border-right:0;\n}\n\n\n.sq-pfc__scale-small {\n display:block;\n\n margin-bottom:8px;\n\n color:var(--fire);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.14em;\n\n text-transform:uppercase;\n}\n\n\n.sq-pfc__scale-item strong {\n display:block;\n\n color:var(--steel-950);\n\n font-size:17px;\n font-weight:850;\n\n line-height:1.2;\n}\n\n\n.sq-pfc__scale-item 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 11 — END\n ============================================================ *\/\n\n.sq-pfc__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 #deded9,\n #cacbc6\n );\n\n border:\n 1px solid var(--line);\n}\n\n\n.sq-pfc__end::after {\n content:\"REAL FIRE\";\n\n position:absolute;\n\n right:-10px;\n top:-4px;\n\n color:\n rgba(24,28,29,.05);\n\n font-size:\n clamp(58px,11vw,132px);\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-pfc__end-main {\n position:relative;\n z-index:1;\n\n min-width:0;\n}\n\n\n.sq-pfc__end-label {\n margin-bottom:14px;\n\n color:var(--fire);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.18em;\n\n text-transform:uppercase;\n}\n\n\n.sq-pfc__end h3 {\n max-width:630px;\n\n margin:0;\n\n color:var(--steel-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-pfc__end-meta {\n position:relative;\n z-index:1;\n\n padding-left:18px;\n\n border-left:\n 2px solid var(--fire);\n\n color:var(--forest);\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-pfc {\n width:100%;\n max-width:100%;\n min-width:0;\n\n margin:24px 0 38px;\n }\n\n\n .sq-pfc__hero {\n padding:\n 28px\n 19px\n 26px;\n }\n\n\n .sq-pfc__topline {\n margin-bottom:40px;\n }\n\n\n .sq-pfc__mode {\n display:none;\n }\n\n\n .sq-pfc__hero-grid {\n grid-template-columns:1fr;\n\n gap:30px;\n }\n\n\n .sq-pfc__title {\n font-size:\n clamp(39px,12vw,56px);\n }\n\n\n .sq-pfc__material-map {\n width:100%;\n\n justify-self:stretch;\n }\n\n\n .sq-pfc__marquee-item {\n padding:\n 13px\n 16px;\n\n font-size:9px;\n }\n\n\n .sq-pfc__chapter {\n grid-template-columns:\n 52px\n minmax(0,1fr);\n\n gap:10px;\n }\n\n\n .sq-pfc__chapter-code {\n display:none;\n }\n\n\n .sq-pfc__plate {\n padding:5px;\n }\n\n\n .sq-pfc__plate:hover {\n transform:\n translateY(-2px);\n }\n\n\n .sq-pfc__flow {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-pfc__flow-item:nth-child(2) {\n border-right:0;\n }\n\n\n .sq-pfc__flow-item:nth-child(1),\n .sq-pfc__flow-item:nth-child(2) {\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-pfc__firecore {\n grid-template-columns:1fr;\n }\n\n\n .sq-pfc__firevisual {\n min-height:220px;\n }\n\n\n .sq-pfc__materials {\n grid-template-columns:1fr;\n }\n\n\n .sq-pfc__material-card {\n border-right:0;\n\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-pfc__material-card:last-child {\n border-bottom:0;\n }\n\n\n .sq-pfc__spec {\n grid-template-columns:1fr;\n }\n\n\n .sq-pfc__folded {\n border-left:0;\n\n border-top:\n 1px solid rgba(255,255,255,.08);\n }\n\n\n .sq-pfc__kit {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-pfc__kit-item {\n border-right:\n 1px solid var(--line);\n\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-pfc__kit-item:nth-child(2n) {\n border-right:0;\n }\n\n\n .sq-pfc__kit-item:nth-last-child(-n+2) {\n border-bottom:0;\n }\n\n\n .sq-pfc__scale {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-pfc__scale-item:nth-child(2) {\n border-right:0;\n }\n\n\n .sq-pfc__scale-item:nth-child(1),\n .sq-pfc__scale-item:nth-child(2) {\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-pfc__end {\n grid-template-columns:1fr;\n }\n\n\n .sq-pfc__end-meta {\n padding-left:14px;\n }\n\n}\n\n\n@media(prefers-reduced-motion:reduce) {\n\n .sq-pfc__marquee-track {\n animation:none;\n }\n\n .sq-pfc__plate {\n transition:none;\n }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"sq-pfc\"\u003e\n\u003c!-- ======================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"sq-pfc__hero\"\u003e\n\u003cdiv class=\"sq-pfc__topline\"\u003e\n\u003cdiv class=\"sq-pfc__series\"\u003eSORALIQUE \/ FIRE COOK\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__mode\"\u003ePORTABLE OPEN-FLAME SYSTEM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"sq-pfc__eyebrow\"\u003ePortable Fire Cooking Set\u003c\/p\u003e\n\u003ch2 class=\"sq-pfc__title\"\u003ePack The Kit. \u003cspan\u003eCook Over Real Fire.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sq-pfc__intro\"\u003eA compact fire-side cooking system built around heat-ready steel, cast iron cookware and a durable stainless grate — packed together for real outdoor meals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__material-map\"\u003e\n\u003cdiv class=\"sq-pfc__material\"\u003e\n\u003cspan class=\"sq-pfc__material-no\"\u003e 01 \u003c\/span\u003e \u003cspan class=\"sq-pfc__material-name\"\u003e Heat-Ready Steel \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__material\"\u003e\n\u003cspan class=\"sq-pfc__material-no\"\u003e 02 \u003c\/span\u003e \u003cspan class=\"sq-pfc__material-name\"\u003e Cast Iron \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__material\"\u003e\n\u003cspan class=\"sq-pfc__material-no\"\u003e 03 \u003c\/span\u003e \u003cspan class=\"sq-pfc__material-name\"\u003e Stainless Grate \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-pfc__marquee\"\u003e\n\u003cdiv class=\"sq-pfc__marquee-track\"\u003e\n\u003cdiv class=\"sq-pfc__marquee-group\"\u003e\n\u003cspan class=\"sq-pfc__marquee-item\"\u003e FOLDING FIRE GRILL \u003ci class=\"sq-pfc__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-pfc__marquee-item\"\u003e CAST IRON COOKWARE \u003ci class=\"sq-pfc__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-pfc__marquee-item\"\u003e STAINLESS STEEL GRATE \u003ci class=\"sq-pfc__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-pfc__marquee-item\"\u003e HEAT-RESISTANT GLOVES \u003ci class=\"sq-pfc__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-pfc__marquee-item\"\u003e COMPACT FOLDING DESIGN \u003ci class=\"sq-pfc__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-pfc__marquee-item\"\u003e REAL FIRE COOKING \u003ci class=\"sq-pfc__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__marquee-group\"\u003e\n\u003cspan class=\"sq-pfc__marquee-item\"\u003e FOLDING FIRE GRILL \u003ci class=\"sq-pfc__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-pfc__marquee-item\"\u003e CAST IRON COOKWARE \u003ci class=\"sq-pfc__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-pfc__marquee-item\"\u003e STAINLESS STEEL GRATE \u003ci class=\"sq-pfc__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-pfc__marquee-item\"\u003e HEAT-RESISTANT GLOVES \u003ci class=\"sq-pfc__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-pfc__marquee-item\"\u003e COMPACT FOLDING DESIGN \u003ci class=\"sq-pfc__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-pfc__marquee-item\"\u003e REAL FIRE COOKING \u003ci class=\"sq-pfc__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 — PACK TO FIRE\n ====================================================== --\u003e\n\u003cdiv class=\"sq-pfc__chapter\"\u003e\n\u003cdiv class=\"sq-pfc__chapter-no\"\u003e01 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__chapter-main\"\u003e\n\u003cstrong class=\"sq-pfc__chapter-title\"\u003e FROM CAR TO CAMPFIRE \u003c\/strong\u003e \u003cspan class=\"sq-pfc__chapter-desc\"\u003e Pack \/ carry \/ set up \/ cook \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__chapter-code\"\u003eFIELD\u003cbr\u003eFLOW\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__flow\"\u003e\n\u003cdiv class=\"sq-pfc__flow-item\"\u003e\n\u003cspan class=\"sq-pfc__flow-no\"\u003e 01 \u003c\/span\u003e \u003cstrong\u003e Pack \u003c\/strong\u003e \u003cspan\u003e Compact storage for easier transport. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__flow-item\"\u003e\n\u003cspan class=\"sq-pfc__flow-no\"\u003e 02 \u003c\/span\u003e \u003cstrong\u003e Carry \u003c\/strong\u003e \u003cspan\u003e One portable cooking kit. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__flow-item\"\u003e\n\u003cspan class=\"sq-pfc__flow-no\"\u003e 03 \u003c\/span\u003e \u003cstrong\u003e Set Up \u003c\/strong\u003e \u003cspan\u003e Folding structure gets fire-side cooking ready. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__flow-item\"\u003e\n\u003cspan class=\"sq-pfc__flow-no\"\u003e 04 \u003c\/span\u003e \u003cstrong\u003e Cook \u003c\/strong\u003e \u003cspan\u003e A complete outdoor fire cooking station. \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-pfc__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/7-6.jpg?v=1791282894\" alt=\"SorAlique portable fire cooking set shown from pack and carry to setup and outdoor cooking\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n FIRE CORE\n ====================================================== --\u003e\n\u003csection class=\"sq-pfc__firecore\"\u003e\n\u003cdiv class=\"sq-pfc__firecore-main\"\u003e\n\u003cdiv class=\"sq-pfc__firecore-label\"\u003eOpen-Flame Core\u003c\/div\u003e\n\u003ch3 class=\"sq-pfc__firecore-title\"\u003eBuilt around \u003cspan\u003ereal heat.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp class=\"sq-pfc__firecore-copy\"\u003eThe folding steel frame supports an open fire below, while cast iron cookware and a stainless grate handle the cooking work above.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__firevisual\"\u003e\n\u003cdiv class=\"sq-pfc__grate\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__flame\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__fire-meta\"\u003eOPEN FLAME\u003cbr\u003eSTEEL FRAME\u003cbr\u003eCOOK SURFACE\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n 02 — MATERIAL BUILD\n ====================================================== --\u003e\n\u003cdiv class=\"sq-pfc__chapter\"\u003e\n\u003cdiv class=\"sq-pfc__chapter-no\"\u003e02 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__chapter-main\"\u003e\n\u003cstrong class=\"sq-pfc__chapter-title\"\u003e BUILT FOR REAL FIRE COOKING \u003c\/strong\u003e \u003cspan class=\"sq-pfc__chapter-desc\"\u003e Steel \/ cast iron \/ stainless \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__chapter-code\"\u003eHEAT\u003cbr\u003eBUILD\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__materials\"\u003e\n\u003cdiv class=\"sq-pfc__material-card\"\u003e\n\u003csmall\u003e 01 \/ Frame \u003c\/small\u003e \u003cstrong\u003e Heat-Ready Steel \u003c\/strong\u003e\n\u003cp\u003eFolding structural support for the fire-side setup.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__material-card\"\u003e\n\u003csmall\u003e 02 \/ Cookware \u003c\/small\u003e \u003cstrong\u003e Cast Iron \u003c\/strong\u003e\n\u003cp\u003eHeavy cooking surfaces designed for outdoor heat.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__material-card\"\u003e\n\u003csmall\u003e 03 \/ Grill \u003c\/small\u003e \u003cstrong\u003e Stainless Steel \u003c\/strong\u003e\n\u003cp\u003eDurable removable grate for direct-fire cooking.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-pfc__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/7-7.jpg?v=1791282894\" alt=\"SorAlique fire cooking set showing heat-ready steel frame, cast iron cookware and stainless steel grate\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n 03 — SYSTEM SCALE\n ====================================================== --\u003e\n\u003cdiv class=\"sq-pfc__chapter\"\u003e\n\u003cdiv class=\"sq-pfc__chapter-no\"\u003e03 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__chapter-main\"\u003e\n\u003cstrong class=\"sq-pfc__chapter-title\"\u003e FULL KIT. FLAT PACK. \u003c\/strong\u003e \u003cspan class=\"sq-pfc__chapter-desc\"\u003e Complete cookware \/ compact carry format \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__chapter-code\"\u003eKIT\u003cbr\u003eSCALE\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"sq-pfc__spec\"\u003e\n\u003cdiv class=\"sq-pfc__spec-main\"\u003e\n\u003cdiv class=\"sq-pfc__spec-label\"\u003eFolding Fire Grill\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__dimensions\"\u003e\n\u003cstrong class=\"sq-pfc__dimension\"\u003e 40 \u003c\/strong\u003e \u003cspan class=\"sq-pfc__x\"\u003e × \u003c\/span\u003e \u003cstrong class=\"sq-pfc__dimension\"\u003e 30 \u003c\/strong\u003e \u003cspan class=\"sq-pfc__x\"\u003e × \u003c\/span\u003e \u003cstrong class=\"sq-pfc__dimension\"\u003e 22 \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__unit\"\u003eWidth × Depth × Height \/ CM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__folded\"\u003e\n\u003cspan class=\"sq-pfc__folded-label\"\u003e Folded Height \u003c\/span\u003e \u003cstrong class=\"sq-pfc__folded-value\"\u003e 8 CM \u003cspan\u003e Folds Flat \u003c\/span\u003e \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- KIT CONTENTS --\u003e\n\u003cdiv class=\"sq-pfc__kit\"\u003e\n\u003cdiv class=\"sq-pfc__kit-item\"\u003e\n\u003cspan class=\"sq-pfc__kit-no\"\u003e01\u003c\/span\u003e \u003cstrong\u003eFolding Fire Grill\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__kit-item\"\u003e\n\u003cspan class=\"sq-pfc__kit-no\"\u003e02\u003c\/span\u003e \u003cstrong\u003eCast Iron Pan\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__kit-item\"\u003e\n\u003cspan class=\"sq-pfc__kit-no\"\u003e03\u003c\/span\u003e \u003cstrong\u003eStainless Steel Grate\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__kit-item\"\u003e\n\u003cspan class=\"sq-pfc__kit-no\"\u003e04\u003c\/span\u003e \u003cstrong\u003eCooking Pot\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__kit-item\"\u003e\n\u003cspan class=\"sq-pfc__kit-no\"\u003e05\u003c\/span\u003e \u003cstrong\u003eDetachable Handle\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__kit-item\"\u003e\n\u003cspan class=\"sq-pfc__kit-no\"\u003e06\u003c\/span\u003e \u003cstrong\u003eHeat-Resistant Gloves\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__kit-item\"\u003e\n\u003cspan class=\"sq-pfc__kit-no\"\u003e07\u003c\/span\u003e \u003cstrong\u003eCarry Bag\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__kit-item\"\u003e\n\u003cspan class=\"sq-pfc__kit-no\"\u003e08\u003c\/span\u003e \u003cstrong\u003eComplete Fire Kit\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- COMPONENT SCALE --\u003e\n\u003cdiv class=\"sq-pfc__scale\"\u003e\n\u003cdiv class=\"sq-pfc__scale-item\"\u003e\n\u003cspan class=\"sq-pfc__scale-small\"\u003e Cast Iron Pan \u003c\/span\u003e \u003cstrong\u003e 32 CM \u003c\/strong\u003e \u003cspan\u003e 5 CM high \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__scale-item\"\u003e\n\u003cspan class=\"sq-pfc__scale-small\"\u003e Cooking Pot \u003c\/span\u003e \u003cstrong\u003e 24 CM \u003c\/strong\u003e \u003cspan\u003e 14 CM high \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__scale-item\"\u003e\n\u003cspan class=\"sq-pfc__scale-small\"\u003e Grill Grate \u003c\/span\u003e \u003cstrong\u003e 38 × 28 \u003c\/strong\u003e \u003cspan\u003e CM \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__scale-item\"\u003e\n\u003cspan class=\"sq-pfc__scale-small\"\u003e Carry Bag \u003c\/span\u003e \u003cstrong\u003e 42 × 31 \u003c\/strong\u003e \u003cspan\u003e × 15 CM \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-pfc__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/7-8.png?v=1791282905\" alt=\"SorAlique portable fire cooking set dimensions, included cookware, gloves, handle and carry bag\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n END\n ====================================================== --\u003e\n\u003csection class=\"sq-pfc__end\"\u003e\n\u003cdiv class=\"sq-pfc__end-main\"\u003e\n\u003cdiv class=\"sq-pfc__end-label\"\u003eSorAlique \/ Portable Fire Cook System\u003c\/div\u003e\n\u003ch3\u003eFold it flat.\u003cbr\u003eCook over flame.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-pfc__end-meta\"\u003eHeat-Ready Steel\u003cbr\u003eCast Iron Cookware\u003cbr\u003eStainless Grill Grate\u003cbr\u003eComplete Carry Kit\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Soralique","offers":[{"title":"Default Title","offer_id":45684284686359,"sku":"Soralique007*1","price":78.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/7-1.png?v=1791282910"},{"product_id":"soralique™-outdoor-coffee-ritual-kit","title":"Soralique™ Outdoor Coffee Ritual Kit","description":"\u003cstyle\u003e\n\/* ============================================================\n SORALIQUE — OUTDOOR COFFEE RITUAL KIT\n MORNING RITUAL \/ FIELD BREW SYSTEM\n\n FIXED STORE LAYOUT\n ------------------------------------------------------------\n - 不修改 Product Gallery\n - 不使用负 margin\n - 默认 width:100%\n - Desktop 从 Product Info 向右扩展\n - Mobile \/ Tablet 恢复 100%\n ============================================================ *\/\n\n.sq-ocr {\n --forest-950:#0c3329;\n --forest-900:#123e32;\n --forest-700:#315d50;\n\n --coffee-950:#33251d;\n --coffee-800:#594233;\n --coffee-600:#7d604a;\n\n --steel:#aeb4b2;\n --steel-soft:#d9ddda;\n\n --oat:#eee3d3;\n --cream:#faf6ef;\n --latte:#d6b792;\n\n --sun:#dc9b4a;\n --sun-soft:#efbe7a;\n\n --ink:#1b211f;\n --muted:#747a76;\n --line:rgba(12,51,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 FIX\n ============================================================ *\/\n\n.product__description:has(.sq-ocr),\n.product-description:has(.sq-ocr),\n.product__text:has(.sq-ocr),\n.product-info__description:has(.sq-ocr),\n.product-info__block:has(.sq-ocr),\n.rte:has(.sq-ocr) {\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 WIDTH SYSTEM\n ============================================================ *\/\n\n@media screen and (min-width:1200px) {\n .sq-ocr {\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-ocr {\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-ocr {\n width:100%;\n max-width:100%;\n min-width:0;\n }\n}\n\n\n.sq-ocr *,\n.sq-ocr *::before,\n.sq-ocr *::after {\n box-sizing:border-box;\n}\n\n\n\/* ============================================================\n 01 — HERO \/ MORNING RITUAL\n ============================================================ *\/\n\n.sq-ocr__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 #fbf8f1 0%,\n #f2eadf 58%,\n #e8ddce 100%\n );\n}\n\n\n\/* pour-over rings *\/\n.sq-ocr__hero::before {\n content:\"\";\n\n position:absolute;\n\n width:360px;\n height:360px;\n\n right:-125px;\n top:-150px;\n\n border:\n 1px solid rgba(89,66,51,.12);\n\n border-radius:50%;\n\n box-shadow:\n 0 0 0 34px rgba(89,66,51,.035),\n 0 0 0 68px rgba(89,66,51,.022),\n 0 0 0 102px rgba(89,66,51,.014);\n\n pointer-events:none;\n}\n\n\n\/* sunrise dot *\/\n.sq-ocr__hero::after {\n content:\"\";\n\n position:absolute;\n\n right:58px;\n top:48px;\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 8px rgba(220,155,74,.10);\n\n pointer-events:none;\n}\n\n\n.sq-ocr__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-ocr__series {\n display:flex;\n align-items:center;\n\n gap:10px;\n\n color:var(--forest-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-ocr__series::before {\n content:\"\";\n\n width:26px;\n height:1px;\n\n background:var(--sun);\n}\n\n\n.sq-ocr__mode {\n color:\n rgba(12,51,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-ocr__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-ocr__eyebrow {\n margin:0 0 13px;\n\n color:var(--sun);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.2em;\n\n text-transform:uppercase;\n}\n\n\n.sq-ocr__title {\n max-width:700px;\n\n margin:0;\n\n color:var(--forest-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-ocr__title span {\n display:block;\n\n color:var(--coffee-800);\n}\n\n\n.sq-ocr__intro {\n max-width:560px;\n\n margin:20px 0 0;\n\n color:\n rgba(27,33,31,.66);\n\n font-size:13px;\n\n line-height:1.72;\n}\n\n\n\/* ============================================================\n BREW RITUAL MAP\n ============================================================ *\/\n\n.sq-ocr__ritual {\n display:grid;\n\n width:min(100%,230px);\n\n justify-self:end;\n\n gap:6px;\n\n min-width:0;\n}\n\n\n.sq-ocr__ritual-step {\n display:grid;\n\n grid-template-columns:\n 36px\n minmax(0,1fr);\n\n align-items:center;\n\n min-width:0;\n\n border:\n 1px solid rgba(12,51,41,.15);\n\n background:\n rgba(255,255,255,.50);\n}\n\n\n.sq-ocr__ritual-no {\n display:grid;\n place-items:center;\n\n align-self:stretch;\n\n min-height:48px;\n\n background:var(--forest-950);\n\n color:#fff;\n\n font-size:9px;\n font-weight:800;\n}\n\n\n.sq-ocr__ritual-step:nth-child(2)\n.sq-ocr__ritual-no {\n background:var(--coffee-800);\n}\n\n\n.sq-ocr__ritual-step:nth-child(3)\n.sq-ocr__ritual-no {\n background:var(--sun);\n}\n\n\n.sq-ocr__ritual-name {\n padding:\n 11px 12px;\n\n color:var(--forest-900);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.09em;\n\n text-transform:uppercase;\n}\n\n\n\/* ============================================================\n 02 — MARQUEE\n ============================================================ *\/\n\n.sq-ocr__marquee {\n overflow:hidden;\n\n margin:12px 0;\n\n background:var(--coffee-950);\n\n color:#fff;\n}\n\n\n.sq-ocr__marquee-track {\n display:flex;\n\n width:max-content;\n\n animation:\n sqOcrRun 30s linear infinite;\n\n will-change:transform;\n}\n\n\n.sq-ocr__marquee:hover\n.sq-ocr__marquee-track {\n animation-play-state:paused;\n}\n\n\n.sq-ocr__marquee-group {\n display:flex;\n align-items:center;\n\n flex-shrink:0;\n\n white-space:nowrap;\n}\n\n\n.sq-ocr__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-ocr__marquee-dot {\n width:7px;\n height:7px;\n\n flex:0 0 7px;\n\n border-radius:50%;\n\n background:var(--sun-soft);\n}\n\n\n@keyframes sqOcrRun {\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-ocr__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-ocr__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-ocr__chapter-main {\n min-width:0;\n}\n\n\n.sq-ocr__chapter-title {\n display:block;\n\n color:var(--forest-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-ocr__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-ocr__chapter-code {\n color:\n rgba(12,51,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.sq-ocr__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(12,51,41,.11);\n\n background:#f7f4ee;\n\n transition:\n transform .28s ease,\n box-shadow .28s ease;\n}\n\n\n.sq-ocr__plate:hover {\n transform:\n translateY(-5px);\n\n box-shadow:\n 0 27px 58px rgba(34,26,21,.11),\n 0 8px 18px rgba(34,26,21,.05);\n}\n\n\n.sq-ocr__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(--sun);\n}\n\n\n.sq-ocr__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(--forest-900);\n}\n\n\n.sq-ocr__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 — BREW FLOW\n ============================================================ *\/\n\n.sq-ocr__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(--cream);\n}\n\n\n.sq-ocr__flow-item {\n min-width:0;\n\n padding:\n 20px\n 16px\n 18px;\n\n border-right:\n 1px solid var(--line);\n}\n\n\n.sq-ocr__flow-item:last-child {\n border-right:0;\n}\n\n\n.sq-ocr__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-ocr__flow-no::after {\n content:\"\";\n\n height:1px;\n\n flex:1;\n\n background:\n rgba(220,155,74,.28);\n}\n\n\n.sq-ocr__flow-item strong {\n display:block;\n\n color:var(--forest-950);\n\n font-size:13px;\n font-weight:800;\n}\n\n\n.sq-ocr__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 — POUR PANEL\n ============================================================ *\/\n\n.sq-ocr__brew {\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(--forest-950);\n\n color:#fff;\n}\n\n\n.sq-ocr__brew-main {\n min-width:0;\n\n padding:\n clamp(28px,4.5vw,52px);\n}\n\n\n.sq-ocr__brew-label {\n margin-bottom:19px;\n\n color:var(--sun-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-ocr__brew-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-ocr__brew-title span {\n color:#e9cfad;\n}\n\n\n.sq-ocr__brew-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 pour-over cone *\/\n.sq-ocr__brew-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 #3a554c,\n #172d26\n );\n}\n\n\n.sq-ocr__cone {\n position:absolute;\n\n left:50%;\n top:45%;\n\n width:120px;\n height:105px;\n\n transform:\n translate(-50%,-50%);\n\n clip-path:\n polygon(\n 8% 0,\n 92% 0,\n 67% 100%,\n 33% 100%\n );\n\n border:\n 1px solid rgba(255,255,255,.18);\n\n background:\n repeating-linear-gradient(\n 90deg,\n rgba(255,255,255,.12) 0 1px,\n transparent 1px 12px\n );\n}\n\n\n.sq-ocr__drop {\n position:absolute;\n\n left:50%;\n top:63%;\n\n width:10px;\n height:16px;\n\n transform:\n translateX(-50%);\n\n border-radius:\n 50% 50% 55% 55% \/ 35% 35% 65% 65%;\n\n background:var(--sun);\n\n box-shadow:\n 0 0 18px rgba(220,155,74,.28);\n}\n\n\n.sq-ocr__brew-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 — KIT CONTENTS\n ============================================================ *\/\n\n.sq-ocr__kit {\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:\n linear-gradient(\n 180deg,\n #f8f5ef,\n #ece5da\n );\n}\n\n\n.sq-ocr__kit-item {\n min-width:0;\n\n padding:\n 20px\n 16px\n 18px;\n\n border-right:\n 1px solid var(--line);\n\n border-bottom:\n 1px solid var(--line);\n}\n\n\n.sq-ocr__kit-item:nth-child(3n) {\n border-right:0;\n}\n\n\n.sq-ocr__kit-item:nth-last-child(-n+3) {\n border-bottom:0;\n}\n\n\n.sq-ocr__kit-no {\n display:block;\n\n margin-bottom:13px;\n\n color:var(--sun);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.14em;\n}\n\n\n.sq-ocr__kit-item strong {\n display:block;\n\n color:var(--forest-950);\n\n font-size:11px;\n font-weight:800;\n\n line-height:1.35;\n\n text-transform:uppercase;\n}\n\n\n\/* ============================================================\n 08 — DIMENSION DASHBOARD\n ============================================================ *\/\n\n.sq-ocr__spec {\n display:grid;\n\n grid-template-columns:\n minmax(0,1.25fr)\n minmax(300px,.75fr);\n\n min-width:0;\n\n margin:0 0 12px;\n\n background:var(--coffee-950);\n\n color:#fff;\n}\n\n\n.sq-ocr__spec-main {\n min-width:0;\n\n padding:\n clamp(27px,4.3vw,48px);\n}\n\n\n.sq-ocr__spec-label {\n margin-bottom:22px;\n\n color:var(--sun-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-ocr__bag-size {\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-ocr__dimension {\n color:#fff;\n\n font-size:\n clamp(36px,5.7vw,66px);\n\n font-weight:800;\n\n line-height:.92;\n\n letter-spacing:-.055em;\n}\n\n\n.sq-ocr__x {\n padding-bottom:5px;\n\n color:var(--sun);\n\n font-size:16px;\n}\n\n\n.sq-ocr__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-ocr__spec-side {\n display:grid;\n\n grid-template-columns:\n 1fr\n 1fr;\n\n min-width:0;\n\n background:\n linear-gradient(\n 145deg,\n var(--forest-900),\n var(--forest-950)\n );\n}\n\n\n.sq-ocr__stat {\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n\n min-width:0;\n\n padding:\n 26px\n 18px;\n\n border-left:\n 1px solid rgba(255,255,255,.08);\n}\n\n\n.sq-ocr__stat small {\n color:\n rgba(255,255,255,.52);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.13em;\n\n text-transform:uppercase;\n}\n\n\n.sq-ocr__stat strong {\n margin-top:25px;\n\n color:#fff;\n\n font-size:\n clamp(26px,3vw,38px);\n\n font-weight:800;\n\n line-height:.95;\n\n letter-spacing:-.04em;\n}\n\n\n.sq-ocr__stat span {\n display:block;\n\n margin-top:7px;\n\n color:var(--sun-soft);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.12em;\n\n text-transform:uppercase;\n}\n\n\n\/* ============================================================\n 09 — TOOL SCALE\n ============================================================ *\/\n\n.sq-ocr__scale {\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(--oat);\n\n border:\n 1px solid var(--line);\n}\n\n\n.sq-ocr__scale-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-ocr__scale-item:last-child {\n border-right:0;\n}\n\n\n.sq-ocr__scale-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-ocr__scale-item strong {\n display:block;\n\n color:var(--forest-950);\n\n font-size:16px;\n font-weight:800;\n\n line-height:1.2;\n}\n\n\n.sq-ocr__scale-item 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 — END\n ============================================================ *\/\n\n.sq-ocr__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 #e8dfd1,\n #d8cbb8\n );\n\n border:\n 1px solid var(--line);\n}\n\n\n.sq-ocr__end::after {\n content:\"FIELD BREW\";\n\n position:absolute;\n\n right:-14px;\n top:-5px;\n\n color:\n rgba(51,37,29,.055);\n\n font-size:\n clamp(55px,10vw,126px);\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-ocr__end-main {\n position:relative;\n z-index:1;\n\n min-width:0;\n}\n\n\n.sq-ocr__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-ocr__end h3 {\n max-width:630px;\n\n margin:0;\n\n color:var(--forest-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-ocr__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(--coffee-800);\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-ocr {\n width:100%;\n max-width:100%;\n min-width:0;\n\n margin:24px 0 38px;\n }\n\n\n .sq-ocr__hero {\n padding:\n 28px\n 19px\n 26px;\n }\n\n\n .sq-ocr__topline {\n margin-bottom:40px;\n }\n\n\n .sq-ocr__mode {\n display:none;\n }\n\n\n .sq-ocr__hero-grid {\n grid-template-columns:1fr;\n\n gap:30px;\n }\n\n\n .sq-ocr__title {\n font-size:\n clamp(39px,12vw,56px);\n }\n\n\n .sq-ocr__ritual {\n width:100%;\n\n justify-self:stretch;\n }\n\n\n .sq-ocr__marquee-item {\n padding:\n 13px\n 16px;\n\n font-size:9px;\n }\n\n\n .sq-ocr__chapter {\n grid-template-columns:\n 52px\n minmax(0,1fr);\n\n gap:10px;\n }\n\n\n .sq-ocr__chapter-code {\n display:none;\n }\n\n\n .sq-ocr__plate {\n padding:5px;\n }\n\n\n .sq-ocr__plate:hover {\n transform:\n translateY(-2px);\n }\n\n\n .sq-ocr__flow {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-ocr__flow-item:nth-child(2) {\n border-right:0;\n }\n\n\n .sq-ocr__flow-item:nth-child(1),\n .sq-ocr__flow-item:nth-child(2) {\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-ocr__brew {\n grid-template-columns:1fr;\n }\n\n\n .sq-ocr__brew-visual {\n min-height:220px;\n }\n\n\n .sq-ocr__kit {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-ocr__kit-item {\n border-right:\n 1px solid var(--line);\n\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-ocr__kit-item:nth-child(2n) {\n border-right:0;\n }\n\n\n .sq-ocr__kit-item:nth-last-child(-n+2) {\n border-bottom:0;\n }\n\n\n .sq-ocr__spec {\n grid-template-columns:1fr;\n }\n\n\n .sq-ocr__spec-side {\n grid-template-columns:1fr 1fr;\n }\n\n\n .sq-ocr__scale {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-ocr__scale-item:nth-child(2) {\n border-right:0;\n }\n\n\n .sq-ocr__scale-item:nth-child(1),\n .sq-ocr__scale-item:nth-child(2) {\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-ocr__end {\n grid-template-columns:1fr;\n }\n\n\n .sq-ocr__end-meta {\n padding-left:14px;\n }\n\n}\n\n\n@media(prefers-reduced-motion:reduce) {\n\n .sq-ocr__marquee-track {\n animation:none;\n }\n\n\n .sq-ocr__plate {\n transition:none;\n }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"sq-ocr\"\u003e\n\u003c!-- HERO --\u003e\n\u003csection class=\"sq-ocr__hero\"\u003e\n\u003cdiv class=\"sq-ocr__topline\"\u003e\n\u003cdiv class=\"sq-ocr__series\"\u003eSORALIQUE \/ FIELD BREW\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__mode\"\u003eOUTDOOR COFFEE RITUAL SYSTEM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"sq-ocr__eyebrow\"\u003eOutdoor Coffee Ritual Kit\u003c\/p\u003e\n\u003ch2 class=\"sq-ocr__title\"\u003eGrind Fresh. \u003cspan\u003eBrew Anywhere.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sq-ocr__intro\"\u003eA complete manual coffee setup designed to turn outdoor mornings into a slower ritual — from fresh grinding to pour-over brewing and the first warm sip.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__ritual\"\u003e\n\u003cdiv class=\"sq-ocr__ritual-step\"\u003e\n\u003cspan class=\"sq-ocr__ritual-no\"\u003e01\u003c\/span\u003e \u003cspan class=\"sq-ocr__ritual-name\"\u003e Pack \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__ritual-step\"\u003e\n\u003cspan class=\"sq-ocr__ritual-no\"\u003e02\u003c\/span\u003e \u003cspan class=\"sq-ocr__ritual-name\"\u003e Grind \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__ritual-step\"\u003e\n\u003cspan class=\"sq-ocr__ritual-no\"\u003e03\u003c\/span\u003e \u003cspan class=\"sq-ocr__ritual-name\"\u003e Brew \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__ritual-step\"\u003e\n\u003cspan class=\"sq-ocr__ritual-no\"\u003e04\u003c\/span\u003e \u003cspan class=\"sq-ocr__ritual-name\"\u003e Enjoy \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- MARQUEE --\u003e\n\u003cdiv class=\"sq-ocr__marquee\"\u003e\n\u003cdiv class=\"sq-ocr__marquee-track\"\u003e\n\u003cdiv class=\"sq-ocr__marquee-group\"\u003e\n\u003cspan class=\"sq-ocr__marquee-item\"\u003e MANUAL COFFEE GRINDER \u003ci class=\"sq-ocr__marquee-dot\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ocr__marquee-item\"\u003e STAINLESS STEEL KETTLE \u003ci class=\"sq-ocr__marquee-dot\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ocr__marquee-item\"\u003e POUR-OVER BREWER \u003ci class=\"sq-ocr__marquee-dot\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ocr__marquee-item\"\u003e CERAMIC TRAVEL CUP \u003ci class=\"sq-ocr__marquee-dot\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ocr__marquee-item\"\u003e COMPACT STORAGE \u003ci class=\"sq-ocr__marquee-dot\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ocr__marquee-item\"\u003e FRESH COFFEE ANYWHERE \u003ci class=\"sq-ocr__marquee-dot\"\u003e\u003c\/i\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__marquee-group\"\u003e\n\u003cspan class=\"sq-ocr__marquee-item\"\u003e MANUAL COFFEE GRINDER \u003ci class=\"sq-ocr__marquee-dot\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ocr__marquee-item\"\u003e STAINLESS STEEL KETTLE \u003ci class=\"sq-ocr__marquee-dot\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ocr__marquee-item\"\u003e POUR-OVER BREWER \u003ci class=\"sq-ocr__marquee-dot\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ocr__marquee-item\"\u003e CERAMIC TRAVEL CUP \u003ci class=\"sq-ocr__marquee-dot\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ocr__marquee-item\"\u003e COMPACT STORAGE \u003ci class=\"sq-ocr__marquee-dot\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ocr__marquee-item\"\u003e FRESH COFFEE ANYWHERE \u003ci class=\"sq-ocr__marquee-dot\"\u003e\u003c\/i\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 01 --\u003e\n\u003cdiv class=\"sq-ocr__chapter\"\u003e\n\u003cdiv class=\"sq-ocr__chapter-no\"\u003e01 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__chapter-main\"\u003e\n\u003cstrong class=\"sq-ocr__chapter-title\"\u003e THE MORNING RITUAL \u003c\/strong\u003e \u003cspan class=\"sq-ocr__chapter-desc\"\u003e Pack \/ grind \/ brew \/ enjoy \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__chapter-code\"\u003eBREW\u003cbr\u003eFLOW\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__flow\"\u003e\n\u003cdiv class=\"sq-ocr__flow-item\"\u003e\n\u003cspan class=\"sq-ocr__flow-no\"\u003e01\u003c\/span\u003e \u003cstrong\u003ePack\u003c\/strong\u003e\n\u003cp\u003eEverything organized in one compact kit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__flow-item\"\u003e\n\u003cspan class=\"sq-ocr__flow-no\"\u003e02\u003c\/span\u003e \u003cstrong\u003eGrind\u003c\/strong\u003e\n\u003cp\u003eFresh coffee preparation wherever camp starts.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__flow-item\"\u003e\n\u003cspan class=\"sq-ocr__flow-no\"\u003e03\u003c\/span\u003e \u003cstrong\u003eBrew\u003c\/strong\u003e\n\u003cp\u003eSimple manual pour-over coffee outdoors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__flow-item\"\u003e\n\u003cspan class=\"sq-ocr__flow-no\"\u003e04\u003c\/span\u003e \u003cstrong\u003eEnjoy\u003c\/strong\u003e\n\u003cp\u003eA slower outdoor morning ritual.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-ocr__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/8-6.jpg?v=1791283971\" alt=\"SorAlique Outdoor Coffee Ritual Kit showing pack, grind, brew and enjoy sequence\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- BREW FEATURE --\u003e\n\u003csection class=\"sq-ocr__brew\"\u003e\n\u003cdiv class=\"sq-ocr__brew-main\"\u003e\n\u003cdiv class=\"sq-ocr__brew-label\"\u003eManual Pour-Over\u003c\/div\u003e\n\u003ch3 class=\"sq-ocr__brew-title\"\u003eGrind by hand. \u003cspan\u003ePour with intention.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp class=\"sq-ocr__brew-copy\"\u003eA manual grinder, stainless kettle and metal pour-over brewer keep the process simple and tactile — no complicated setup between you and fresh coffee outdoors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__brew-visual\"\u003e\n\u003cdiv class=\"sq-ocr__cone\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__drop\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__brew-meta\"\u003eGRIND\u003cbr\u003ePOUR\u003cbr\u003eEXTRACT\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 02 --\u003e\n\u003cdiv class=\"sq-ocr__chapter\"\u003e\n\u003cdiv class=\"sq-ocr__chapter-no\"\u003e02 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__chapter-main\"\u003e\n\u003cstrong class=\"sq-ocr__chapter-title\"\u003e EVERYTHING FOR THE BREW \u003c\/strong\u003e \u003cspan class=\"sq-ocr__chapter-desc\"\u003e Grinder \/ kettle \/ brewer \/ cup \/ scoop \/ bag \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__chapter-code\"\u003eFULL\u003cbr\u003eKIT\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__kit\"\u003e\n\u003cdiv class=\"sq-ocr__kit-item\"\u003e\n\u003cspan class=\"sq-ocr__kit-no\"\u003e01\u003c\/span\u003e \u003cstrong\u003e Manual Coffee Grinder \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__kit-item\"\u003e\n\u003cspan class=\"sq-ocr__kit-no\"\u003e02\u003c\/span\u003e \u003cstrong\u003e Stainless Steel Kettle \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__kit-item\"\u003e\n\u003cspan class=\"sq-ocr__kit-no\"\u003e03\u003c\/span\u003e \u003cstrong\u003e Pour-Over Brewer \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__kit-item\"\u003e\n\u003cspan class=\"sq-ocr__kit-no\"\u003e04\u003c\/span\u003e \u003cstrong\u003e Ceramic Travel Cup \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__kit-item\"\u003e\n\u003cspan class=\"sq-ocr__kit-no\"\u003e05\u003c\/span\u003e \u003cstrong\u003e Coffee Scoop \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__kit-item\"\u003e\n\u003cspan class=\"sq-ocr__kit-no\"\u003e06\u003c\/span\u003e \u003cstrong\u003e Organizer Bag \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-ocr__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/8-7.jpg?v=1791283971\" alt=\"SorAlique Outdoor Coffee Ritual Kit showing grinder, stainless kettle, pour-over brewer, travel cup, scoop and organizer bag\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- 03 --\u003e\n\u003cdiv class=\"sq-ocr__chapter\"\u003e\n\u003cdiv class=\"sq-ocr__chapter-no\"\u003e03 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__chapter-main\"\u003e\n\u003cstrong class=\"sq-ocr__chapter-title\"\u003e COMPACT ENOUGH TO TRAVEL \u003c\/strong\u003e \u003cspan class=\"sq-ocr__chapter-desc\"\u003e Organized storage \/ durable tools \/ field-ready proportions \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__chapter-code\"\u003eTRAVEL\u003cbr\u003eSCALE\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"sq-ocr__spec\"\u003e\n\u003cdiv class=\"sq-ocr__spec-main\"\u003e\n\u003cdiv class=\"sq-ocr__spec-label\"\u003eOrganizer Bag\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__bag-size\"\u003e\n\u003cstrong class=\"sq-ocr__dimension\"\u003e 26 \u003c\/strong\u003e \u003cspan class=\"sq-ocr__x\"\u003e × \u003c\/span\u003e \u003cstrong class=\"sq-ocr__dimension\"\u003e 18 \u003c\/strong\u003e \u003cspan class=\"sq-ocr__x\"\u003e × \u003c\/span\u003e \u003cstrong class=\"sq-ocr__dimension\"\u003e 8 \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__unit\"\u003eLength × Width × Height \/ CM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__spec-side\"\u003e\n\u003cdiv class=\"sq-ocr__stat\"\u003e\n\u003csmall\u003e Grinder \u003c\/small\u003e \u003cstrong\u003e 17.5 \u003cspan\u003eCM Tall\u003c\/span\u003e \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__stat\"\u003e\n\u003csmall\u003e Kettle \u003c\/small\u003e \u003cstrong\u003e 16 \u003cspan\u003eCM Wide\u003c\/span\u003e \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"sq-ocr__scale\"\u003e\n\u003cdiv class=\"sq-ocr__scale-item\"\u003e\n\u003cspan class=\"sq-ocr__scale-small\"\u003e Pour-Over Brewer \u003c\/span\u003e \u003cstrong\u003e 10 × 7.5 \u003c\/strong\u003e \u003cspan\u003e CM \/ 6 CM base \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__scale-item\"\u003e\n\u003cspan class=\"sq-ocr__scale-small\"\u003e Ceramic Cup \u003c\/span\u003e \u003cstrong\u003e 12 × 8.5 \u003c\/strong\u003e \u003cspan\u003e CM \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__scale-item\"\u003e\n\u003cspan class=\"sq-ocr__scale-small\"\u003e Grinder \u003c\/span\u003e \u003cstrong\u003e 17.5 × 5 \u003c\/strong\u003e \u003cspan\u003e CM \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__scale-item\"\u003e\n\u003cspan class=\"sq-ocr__scale-small\"\u003e Kettle \u003c\/span\u003e \u003cstrong\u003e 16 × 12 \u003c\/strong\u003e \u003cspan\u003e CM \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-ocr__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/8-8.png?v=1791283979\" alt=\"SorAlique Outdoor Coffee Ritual Kit dimensions, compact organizer storage and outdoor coffee components\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- END --\u003e\n\u003csection class=\"sq-ocr__end\"\u003e\n\u003cdiv class=\"sq-ocr__end-main\"\u003e\n\u003cdiv class=\"sq-ocr__end-label\"\u003eSorAlique \/ Field Brew Ritual\u003c\/div\u003e\n\u003ch3\u003eBring the trail.\u003cbr\u003eKeep the ritual.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ocr__end-meta\"\u003eFresh Manual Grinding\u003cbr\u003eStainless Pour Kettle\u003cbr\u003ePour-Over Brewing\u003cbr\u003eCompact Organizer Kit\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Soralique","offers":[{"title":"Default Title","offer_id":45684310474775,"sku":"Soralique008*1","price":85.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/8-1.png?v=1791283979"},{"product_id":"soralique™-adventure-blanket","title":"Soralique™ Adventure Blanket","description":"\u003cstyle\u003e\n\/* ============================================================\n SORALIQUE — ADVENTURE BLANKET\n GROUND LAYER \/ COMFORT ABOVE \/ PROTECTION BELOW\n\n FIXED 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-ab {\n --forest-950:#0c352a;\n --forest-900:#123f32;\n --forest-700:#315f4f;\n\n --blanket:#264f3e;\n --blanket-soft:#3f6958;\n\n --ground:#4a5050;\n --ground-dark:#2e3333;\n\n --sand:#d2b695;\n --sand-soft:#eadcc9;\n\n --cream:#f8f5ef;\n --mist:#e8ebe7;\n\n --sun:#d99a4b;\n --sun-soft:#efc07c;\n\n --ink:#18221e;\n --muted:#707873;\n --line:rgba(12,53,42,.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 FIX\n ============================================================ *\/\n\n.product__description:has(.sq-ab),\n.product-description:has(.sq-ab),\n.product__text:has(.sq-ab),\n.product-info__description:has(.sq-ab),\n.product-info__block:has(.sq-ab),\n.rte:has(.sq-ab) {\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 WIDTH SYSTEM\n ============================================================ *\/\n\n@media screen and (min-width:1200px) {\n .sq-ab {\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-ab {\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-ab {\n width:100%;\n max-width:100%;\n min-width:0;\n }\n}\n\n\n.sq-ab *,\n.sq-ab *::before,\n.sq-ab *::after {\n box-sizing:border-box;\n}\n\n\n\/* ============================================================\n 01 — HERO \/ TERRAIN BLANKET\n ============================================================ *\/\n\n.sq-ab__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 #faf8f3 0%,\n #f0ece3 58%,\n #e4e5df 100%\n );\n}\n\n\n\/* quilt \/ contour lines *\/\n.sq-ab__hero::before {\n content:\"\";\n\n position:absolute;\n\n width:430px;\n height:310px;\n\n right:-120px;\n top:-90px;\n\n background:\n repeating-radial-gradient(\n ellipse at center,\n transparent 0 22px,\n rgba(12,53,42,.065) 23px 24px\n );\n\n transform:rotate(-14deg);\n\n mask-image:\n linear-gradient(\n to left,\n rgba(0,0,0,.86),\n transparent 76%\n );\n\n pointer-events:none;\n}\n\n\n\/* outdoor marker *\/\n.sq-ab__hero::after {\n content:\"\";\n\n position:absolute;\n\n right:56px;\n top:50px;\n\n width:10px;\n height:10px;\n\n border-radius:50%;\n\n background:var(--sun);\n\n box-shadow:\n 0 0 0 7px rgba(217,154,75,.10);\n\n pointer-events:none;\n}\n\n\n.sq-ab__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-ab__series {\n display:flex;\n align-items:center;\n gap:10px;\n\n color:var(--forest-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-ab__series::before {\n content:\"\";\n\n width:26px;\n height:2px;\n\n border-radius:99px;\n\n background:var(--sun);\n}\n\n\n.sq-ab__mode {\n color:rgba(12,53,42,.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-ab__hero-grid {\n position:relative;\n z-index:1;\n\n display:grid;\n\n grid-template-columns:\n minmax(0,1.5fr)\n minmax(220px,.6fr);\n\n gap:\n clamp(28px,5vw,66px);\n\n align-items:end;\n\n min-width:0;\n}\n\n\n.sq-ab__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-ab__title {\n max-width:700px;\n\n margin:0;\n\n color:var(--forest-950);\n\n font-size:clamp(38px,6vw,76px);\n font-weight:800;\n\n line-height:.91;\n letter-spacing:-.055em;\n}\n\n\n.sq-ab__title span {\n display:block;\n\n color:var(--blanket);\n}\n\n\n.sq-ab__intro {\n max-width:560px;\n\n margin:20px 0 0;\n\n color:rgba(24,34,30,.66);\n\n font-size:13px;\n\n line-height:1.72;\n}\n\n\n\/* ============================================================\n LAYER MAP\n ============================================================ *\/\n\n.sq-ab__layers {\n display:grid;\n\n width:min(100%,230px);\n\n justify-self:end;\n\n gap:7px;\n\n min-width:0;\n}\n\n\n.sq-ab__layer {\n position:relative;\n\n overflow:hidden;\n\n min-width:0;\n\n padding:\n 15px\n 14px\n 15px\n 48px;\n\n border:\n 1px solid rgba(12,53,42,.15);\n\n background:\n rgba(255,255,255,.52);\n\n color:var(--forest-900);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.10em;\n\n text-transform:uppercase;\n}\n\n\n.sq-ab__layer::before {\n content:\"\";\n\n position:absolute;\n\n left:0;\n top:0;\n bottom:0;\n\n width:34px;\n}\n\n\n.sq-ab__layer:nth-child(1)::before {\n background:var(--blanket);\n}\n\n\n.sq-ab__layer:nth-child(2)::before {\n background:var(--sand);\n}\n\n\n.sq-ab__layer:nth-child(3)::before {\n background:var(--ground-dark);\n}\n\n\n\/* ============================================================\n 02 — MARQUEE\n ============================================================ *\/\n\n.sq-ab__marquee {\n overflow:hidden;\n\n margin:12px 0;\n\n background:var(--forest-950);\n\n color:#fff;\n}\n\n\n.sq-ab__marquee-track {\n display:flex;\n\n width:max-content;\n\n animation:\n sqAbRun 30s linear infinite;\n\n will-change:transform;\n}\n\n\n.sq-ab__marquee:hover\n.sq-ab__marquee-track {\n animation-play-state:paused;\n}\n\n\n.sq-ab__marquee-group {\n display:flex;\n align-items:center;\n\n flex-shrink:0;\n\n white-space:nowrap;\n}\n\n\n.sq-ab__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 letter-spacing:.15em;\n\n line-height:1;\n\n text-transform:uppercase;\n}\n\n\n.sq-ab__marquee-mark {\n width:18px;\n height:1px;\n\n flex:0 0 18px;\n\n background:var(--sun-soft);\n}\n\n\n@keyframes sqAbRun {\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-ab__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-ab__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-ab__chapter-main {\n min-width:0;\n}\n\n\n.sq-ab__chapter-title {\n display:block;\n\n color:var(--forest-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-ab__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-ab__chapter-code {\n color:rgba(12,53,42,.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.sq-ab__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(12,53,42,.11);\n\n background:#f6f5f1;\n\n transition:\n transform .28s ease,\n box-shadow .28s ease;\n}\n\n\n.sq-ab__plate:hover {\n transform:\n translateY(-5px);\n\n box-shadow:\n 0 27px 58px rgba(10,36,28,.11),\n 0 8px 18px rgba(10,36,28,.05);\n}\n\n\n.sq-ab__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(--sun);\n}\n\n\n.sq-ab__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(--forest-900);\n}\n\n\n.sq-ab__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 — OUTDOOR MOMENTS\n ============================================================ *\/\n\n.sq-ab__moments {\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-ab__moment {\n min-width:0;\n\n padding:\n 21px\n 18px\n 19px;\n\n border-right:\n 1px solid var(--line);\n}\n\n\n.sq-ab__moment:last-child {\n border-right:0;\n}\n\n\n.sq-ab__moment-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-ab__moment-no::after {\n content:\"\";\n\n flex:1;\n\n height:1px;\n\n background:\n rgba(217,154,75,.28);\n}\n\n\n.sq-ab__moment strong {\n display:block;\n\n color:var(--forest-950);\n\n font-size:13px;\n font-weight:800;\n}\n\n\n.sq-ab__moment p {\n margin: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 — TWO-SIDED SYSTEM\n ============================================================ *\/\n\n.sq-ab__dual {\n display:grid;\n\n grid-template-columns:\n minmax(0,1fr)\n minmax(0,1fr);\n\n min-width:0;\n\n margin:0 0 12px;\n\n background:var(--forest-950);\n\n color:#fff;\n}\n\n\n.sq-ab__dual-side {\n position:relative;\n\n min-width:0;\n\n padding:\n clamp(30px,4.5vw,50px);\n\n overflow:hidden;\n}\n\n\n.sq-ab__dual-side:first-child {\n background:\n linear-gradient(\n 145deg,\n #315d4c,\n #173c31\n );\n}\n\n\n.sq-ab__dual-side:last-child {\n background:\n linear-gradient(\n 145deg,\n #505757,\n #292f2f\n );\n}\n\n\n.sq-ab__dual-label {\n margin-bottom:20px;\n\n color:var(--sun-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-ab__dual h3 {\n max-width:380px;\n\n margin:0;\n\n color:#fff;\n\n font-size:\n clamp(28px,4vw,48px);\n\n font-weight:800;\n\n line-height:.97;\n\n letter-spacing:-.04em;\n}\n\n\n.sq-ab__dual p {\n max-width:390px;\n\n margin:17px 0 0;\n\n color:\n rgba(255,255,255,.62);\n\n font-size:12px;\n\n line-height:1.7;\n}\n\n\n\/* tactile lines *\/\n.sq-ab__dual-side::after {\n content:\"\";\n\n position:absolute;\n\n width:170px;\n height:170px;\n\n right:-55px;\n bottom:-60px;\n\n border-radius:50%;\n\n border:\n 1px solid rgba(255,255,255,.10);\n\n box-shadow:\n 0 0 0 22px rgba(255,255,255,.025),\n 0 0 0 44px rgba(255,255,255,.018);\n\n pointer-events:none;\n}\n\n\n\/* ============================================================\n 07 — CONSTRUCTION STRIP\n ============================================================ *\/\n\n.sq-ab__build {\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-ab__build-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-ab__build-item:last-child {\n border-right:0;\n}\n\n\n.sq-ab__build-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:.15em;\n\n text-transform:uppercase;\n}\n\n\n.sq-ab__build-item strong {\n display:block;\n\n color:var(--forest-950);\n\n font-size:13px;\n font-weight:800;\n\n line-height:1.35;\n}\n\n\n\/* ============================================================\n 08 — SIZE \/ ROLL SYSTEM\n ============================================================ *\/\n\n.sq-ab__spec {\n display:grid;\n\n grid-template-columns:\n minmax(0,1.35fr)\n minmax(280px,.65fr);\n\n min-width:0;\n\n margin:0 0 12px;\n\n background:var(--forest-950);\n\n color:#fff;\n}\n\n\n.sq-ab__spec-main {\n min-width:0;\n\n padding:\n clamp(27px,4.3vw,48px);\n}\n\n\n.sq-ab__spec-label {\n margin-bottom:22px;\n\n color:var(--sun-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-ab__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-ab__dimension {\n color:#fff;\n\n font-size:\n clamp(39px,6vw,72px);\n\n font-weight:800;\n\n line-height:.91;\n\n letter-spacing:-.055em;\n}\n\n\n.sq-ab__x {\n padding-bottom:6px;\n\n color:var(--sun);\n\n font-size:16px;\n}\n\n\n.sq-ab__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-ab__roll {\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n\n min-width:0;\n\n padding:\n clamp(26px,3.6vw,42px);\n\n background:\n linear-gradient(\n 145deg,\n var(--blanket-soft),\n var(--forest-950)\n );\n\n border-left:\n 1px solid rgba(255,255,255,.08);\n}\n\n\n.sq-ab__roll-label {\n color:\n rgba(255,255,255,.52);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.14em;\n\n text-transform:uppercase;\n}\n\n\n.sq-ab__roll-value {\n margin-top:28px;\n\n color:#fff;\n\n font-size:\n clamp(28px,4vw,46px);\n\n font-weight:800;\n\n line-height:.94;\n\n letter-spacing:-.045em;\n}\n\n\n.sq-ab__roll-value span {\n display:block;\n\n margin-top:8px;\n\n color:var(--sun-soft);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.13em;\n\n text-transform:uppercase;\n}\n\n\n\/* ============================================================\n 09 — INCLUDED SYSTEM\n ============================================================ *\/\n\n.sq-ab__included {\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(--sand-soft);\n}\n\n\n.sq-ab__included-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-ab__included-item:last-child {\n border-right:0;\n}\n\n\n.sq-ab__included-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:.15em;\n\n text-transform:uppercase;\n}\n\n\n.sq-ab__included-item strong {\n display:block;\n\n color:var(--forest-950);\n\n font-size:13px;\n font-weight:800;\n\n line-height:1.35;\n}\n\n\n\/* ============================================================\n 10 — USE MODES\n ============================================================ *\/\n\n.sq-ab__modes {\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(--cream);\n}\n\n\n.sq-ab__mode-item {\n min-width:0;\n\n padding:\n 18px\n 14px\n 17px;\n\n border-right:\n 1px solid var(--line);\n}\n\n\n.sq-ab__mode-item:last-child {\n border-right:0;\n}\n\n\n.sq-ab__mode-no {\n display:block;\n\n margin-bottom:11px;\n\n color:var(--sun);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.14em;\n}\n\n\n.sq-ab__mode-item strong {\n display:block;\n\n color:var(--forest-950);\n\n font-size:11px;\n font-weight:800;\n\n text-transform:uppercase;\n}\n\n\n\/* ============================================================\n 11 — END\n ============================================================ *\/\n\n.sq-ab__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 #e6e5dc,\n #d3d7cf\n );\n\n border:\n 1px solid var(--line);\n}\n\n\n.sq-ab__end::after {\n content:\"COMFORT ANYWHERE\";\n\n position:absolute;\n\n right:-22px;\n top:-4px;\n\n color:\n rgba(12,53,42,.05);\n\n font-size:\n clamp(45px,8.5vw,108px);\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-ab__end-main {\n position:relative;\n z-index:1;\n\n min-width:0;\n}\n\n\n.sq-ab__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-ab__end h3 {\n max-width:630px;\n\n margin:0;\n\n color:var(--forest-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-ab__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(--forest-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-ab {\n width:100%;\n max-width:100%;\n min-width:0;\n\n margin:24px 0 38px;\n }\n\n\n .sq-ab__hero {\n padding:\n 28px\n 19px\n 26px;\n }\n\n\n .sq-ab__topline {\n margin-bottom:40px;\n }\n\n\n .sq-ab__mode {\n display:none;\n }\n\n\n .sq-ab__hero-grid {\n grid-template-columns:1fr;\n\n gap:30px;\n }\n\n\n .sq-ab__title {\n font-size:\n clamp(39px,12vw,56px);\n }\n\n\n .sq-ab__layers {\n width:100%;\n\n justify-self:stretch;\n }\n\n\n .sq-ab__marquee-item {\n padding:\n 13px\n 16px;\n\n font-size:9px;\n }\n\n\n .sq-ab__chapter {\n grid-template-columns:\n 52px\n minmax(0,1fr);\n\n gap:10px;\n }\n\n\n .sq-ab__chapter-code {\n display:none;\n }\n\n\n .sq-ab__plate {\n padding:5px;\n }\n\n\n .sq-ab__plate:hover {\n transform:translateY(-2px);\n }\n\n\n .sq-ab__moments {\n grid-template-columns:1fr;\n }\n\n\n .sq-ab__moment {\n border-right:0;\n\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-ab__moment:last-child {\n border-bottom:0;\n }\n\n\n .sq-ab__dual {\n grid-template-columns:1fr;\n }\n\n\n .sq-ab__build {\n grid-template-columns:1fr;\n }\n\n\n .sq-ab__build-item {\n border-right:0;\n\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-ab__build-item:last-child {\n border-bottom:0;\n }\n\n\n .sq-ab__spec {\n grid-template-columns:1fr;\n }\n\n\n .sq-ab__roll {\n border-left:0;\n\n border-top:\n 1px solid rgba(255,255,255,.08);\n }\n\n\n .sq-ab__included {\n grid-template-columns:1fr;\n }\n\n\n .sq-ab__included-item {\n border-right:0;\n\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-ab__included-item:last-child {\n border-bottom:0;\n }\n\n\n .sq-ab__modes {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-ab__mode-item:nth-child(2) {\n border-right:0;\n }\n\n\n .sq-ab__mode-item:nth-child(1),\n .sq-ab__mode-item:nth-child(2) {\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-ab__end {\n grid-template-columns:1fr;\n }\n\n\n .sq-ab__end-meta {\n padding-left:14px;\n }\n\n}\n\n\n@media(prefers-reduced-motion:reduce) {\n\n .sq-ab__marquee-track {\n animation:none;\n }\n\n\n .sq-ab__plate {\n transition:none;\n }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"sq-ab\"\u003e\n\u003c!-- ======================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"sq-ab__hero\"\u003e\n\u003cdiv class=\"sq-ab__topline\"\u003e\n\u003cdiv class=\"sq-ab__series\"\u003eSORALIQUE \/ ADVENTURE BLANKET\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__mode\"\u003eCOMFORT GROUND SYSTEM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"sq-ab__eyebrow\"\u003eWaterproof Outdoor Blanket\u003c\/p\u003e\n\u003ch2 class=\"sq-ab__title\"\u003eSoft Above. \u003cspan\u003eProtected Below.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sq-ab__intro\"\u003eA comfortable outdoor ground layer built with a soft quilted surface above and waterproof protection below — ready for slow mornings, campsites and days outside.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__layers\"\u003e\n\u003cdiv class=\"sq-ab__layer\"\u003eSoft Comfort Top\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__layer\"\u003eReinforced Edge\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__layer\"\u003eWaterproof Backing\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-ab__marquee\"\u003e\n\u003cdiv class=\"sq-ab__marquee-track\"\u003e\n\u003cdiv class=\"sq-ab__marquee-group\"\u003e\n\u003cspan class=\"sq-ab__marquee-item\"\u003e 200 × 150 CM \u003ci class=\"sq-ab__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ab__marquee-item\"\u003e SOFT FABRIC TOP \u003ci class=\"sq-ab__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ab__marquee-item\"\u003e WATERPROOF BACKING \u003ci class=\"sq-ab__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ab__marquee-item\"\u003e REINFORCED EDGES \u003ci class=\"sq-ab__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ab__marquee-item\"\u003e EASY TO CARRY \u003ci class=\"sq-ab__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ab__marquee-item\"\u003e PICNIC \/ CAMP \/ BEACH \u003ci class=\"sq-ab__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__marquee-group\"\u003e\n\u003cspan class=\"sq-ab__marquee-item\"\u003e 200 × 150 CM \u003ci class=\"sq-ab__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ab__marquee-item\"\u003e SOFT FABRIC TOP \u003ci class=\"sq-ab__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ab__marquee-item\"\u003e WATERPROOF BACKING \u003ci class=\"sq-ab__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ab__marquee-item\"\u003e REINFORCED EDGES \u003ci class=\"sq-ab__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ab__marquee-item\"\u003e EASY TO CARRY \u003ci class=\"sq-ab__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ab__marquee-item\"\u003e PICNIC \/ CAMP \/ BEACH \u003ci class=\"sq-ab__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 — MOMENTS OUTSIDE\n ====================================================== --\u003e\n\u003cdiv class=\"sq-ab__chapter\"\u003e\n\u003cdiv class=\"sq-ab__chapter-no\"\u003e01 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__chapter-main\"\u003e\n\u003cstrong class=\"sq-ab__chapter-title\"\u003e YOUR SPACE OUTSIDE \u003c\/strong\u003e \u003cspan class=\"sq-ab__chapter-desc\"\u003e Sit \/ rest \/ share the ground \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__chapter-code\"\u003eOUTDOOR\u003cbr\u003eMOMENTS\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__moments\"\u003e\n\u003cdiv class=\"sq-ab__moment\"\u003e\n\u003cspan class=\"sq-ab__moment-no\"\u003e 01 \u003c\/span\u003e \u003cstrong\u003e Quiet Mornings \u003c\/strong\u003e\n\u003cp\u003eA softer place to read, relax or enjoy coffee outdoors.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__moment\"\u003e\n\u003cspan class=\"sq-ab__moment-no\"\u003e 02 \u003c\/span\u003e \u003cstrong\u003e Shared Adventures \u003c\/strong\u003e\n\u003cp\u003eRoom for people, pets and gear wherever the day stops.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__moment\"\u003e\n\u003cspan class=\"sq-ab__moment-no\"\u003e 03 \u003c\/span\u003e \u003cstrong\u003e Ground Comfort \u003c\/strong\u003e\n\u003cp\u003eCreates a defined outdoor space without giving up comfort.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-ab__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/9-6.jpg?v=1791290450\" alt=\"SorAlique Adventure Blanket used beside a lake with a person and dog\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n 02 — DUAL LAYER\n ====================================================== --\u003e\n\u003cdiv class=\"sq-ab__chapter\"\u003e\n\u003cdiv class=\"sq-ab__chapter-no\"\u003e02 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__chapter-main\"\u003e\n\u003cstrong class=\"sq-ab__chapter-title\"\u003e TWO SIDES. TWO JOBS. \u003c\/strong\u003e \u003cspan class=\"sq-ab__chapter-desc\"\u003e Comfort above \/ protection below \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__chapter-code\"\u003eDUAL\u003cbr\u003eLAYER\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"sq-ab__dual\"\u003e\n\u003cdiv class=\"sq-ab__dual-side\"\u003e\n\u003cdiv class=\"sq-ab__dual-label\"\u003eTop Layer\u003c\/div\u003e\n\u003ch3\u003eSoft where you sit.\u003c\/h3\u003e\n\u003cp\u003eA quilted fabric surface creates a warmer, softer space for longer outdoor use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__dual-side\"\u003e\n\u003cdiv class=\"sq-ab__dual-label\"\u003eGround Layer\u003c\/div\u003e\n\u003ch3\u003eProtected where it matters.\u003c\/h3\u003e\n\u003cp\u003eThe waterproof backing creates a barrier between your setup and damp ground.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"sq-ab__build\"\u003e\n\u003cdiv class=\"sq-ab__build-item\"\u003e\n\u003cspan class=\"sq-ab__build-small\"\u003e Surface \u003c\/span\u003e \u003cstrong\u003e Soft Fabric Top \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__build-item\"\u003e\n\u003cspan class=\"sq-ab__build-small\"\u003e Perimeter \u003c\/span\u003e \u003cstrong\u003e Reinforced Corner Stitching \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__build-item\"\u003e\n\u003cspan class=\"sq-ab__build-small\"\u003e Ground \u003c\/span\u003e \u003cstrong\u003e Waterproof Backing \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-ab__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/9-7.jpg?v=1791290450\" alt=\"SorAlique Adventure Blanket showing soft fabric top, reinforced edges and waterproof backing\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n 03 — SIZE \/ PACK\n ====================================================== --\u003e\n\u003cdiv class=\"sq-ab__chapter\"\u003e\n\u003cdiv class=\"sq-ab__chapter-no\"\u003e03 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__chapter-main\"\u003e\n\u003cstrong class=\"sq-ab__chapter-title\"\u003e SPREAD WIDE. ROLL SMALL. \u003c\/strong\u003e \u003cspan class=\"sq-ab__chapter-desc\"\u003e Full outdoor surface \/ portable carry format \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__chapter-code\"\u003eROLL\u003cbr\u003eSYSTEM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"sq-ab__spec\"\u003e\n\u003cdiv class=\"sq-ab__spec-main\"\u003e\n\u003cdiv class=\"sq-ab__spec-label\"\u003eOpen Blanket\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__dimensions\"\u003e\n\u003cstrong class=\"sq-ab__dimension\"\u003e 200 \u003c\/strong\u003e \u003cspan class=\"sq-ab__x\"\u003e × \u003c\/span\u003e \u003cstrong class=\"sq-ab__dimension\"\u003e 150 \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__unit\"\u003eLength × Width \/ CM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__roll\"\u003e\n\u003cspan class=\"sq-ab__roll-label\"\u003e Rolled Format \u003c\/span\u003e \u003cstrong class=\"sq-ab__roll-value\"\u003e 35 × 20 \u003cspan\u003e CM \/ Compact Carry \u003c\/span\u003e \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"sq-ab__included\"\u003e\n\u003cdiv class=\"sq-ab__included-item\"\u003e\n\u003cspan class=\"sq-ab__included-small\"\u003e Included \/ 01 \u003c\/span\u003e \u003cstrong\u003e Waterproof Outdoor Blanket \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__included-item\"\u003e\n\u003cspan class=\"sq-ab__included-small\"\u003e Included \/ 02 \u003c\/span\u003e \u003cstrong\u003e Adjustable Carry Strap \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__included-item\"\u003e\n\u003cspan class=\"sq-ab__included-small\"\u003e Included \/ 03 \u003c\/span\u003e \u003cstrong\u003e Storage Bag \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__modes\"\u003e\n\u003cdiv class=\"sq-ab__mode-item\"\u003e\n\u003cspan class=\"sq-ab__mode-no\"\u003e01\u003c\/span\u003e \u003cstrong\u003ePicnic\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__mode-item\"\u003e\n\u003cspan class=\"sq-ab__mode-no\"\u003e02\u003c\/span\u003e \u003cstrong\u003eCamping\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__mode-item\"\u003e\n\u003cspan class=\"sq-ab__mode-no\"\u003e03\u003c\/span\u003e \u003cstrong\u003eBeach\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__mode-item\"\u003e\n\u003cspan class=\"sq-ab__mode-no\"\u003e04\u003c\/span\u003e \u003cstrong\u003eHiking\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-ab__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/9-8.png?v=1791290457\" alt=\"SorAlique Adventure Blanket dimensions, carry strap, storage bag and portable rolled format\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n END\n ====================================================== --\u003e\n\u003csection class=\"sq-ab__end\"\u003e\n\u003cdiv class=\"sq-ab__end-main\"\u003e\n\u003cdiv class=\"sq-ab__end-label\"\u003eSorAlique \/ Adventure Ground System\u003c\/div\u003e\n\u003ch3\u003eMake the ground\u003cbr\u003epart of the comfort.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ab__end-meta\"\u003e200 × 150 CM\u003cbr\u003eSoft Quilted Surface\u003cbr\u003eWaterproof Backing\u003cbr\u003eRoll \u0026amp; Carry Design\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Soralique","offers":[{"title":"Default Title","offer_id":45685027405847,"sku":"Soralique009*1","price":62.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/9-1.png?v=1791290459"},{"product_id":"soralique™-smart-camp-organizer","title":"Soralique™ Smart Camp Organizer","description":"\u003cstyle\u003e\n\/* ============================================================\n SORALIQUE — MODULAR OUTDOOR STORAGE SYSTEM\n FIELD GRID \/ GEAR CONTROL 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-mgs {\n --case-950:#171b1b;\n --case-900:#222727;\n --case-800:#343a39;\n --case-650:#555d5a;\n\n --olive-950:#19382d;\n --olive-900:#244739;\n --olive-700:#4b6255;\n --olive-soft:#788579;\n\n --amber:#d8953e;\n --amber-soft:#ecba72;\n\n --cream:#f6f4ee;\n --stone:#e7e6df;\n --mist:#eef0ec;\n\n --ink:#18201d;\n --muted:#707672;\n --line:rgba(23,27,27,.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 FIX\n ============================================================ *\/\n\n.product__description:has(.sq-mgs),\n.product-description:has(.sq-mgs),\n.product__text:has(.sq-mgs),\n.product-info__description:has(.sq-mgs),\n.product-info__block:has(.sq-mgs),\n.rte:has(.sq-mgs) {\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 WIDTH SYSTEM\n ============================================================ *\/\n\n@media screen and (min-width:1200px) {\n .sq-mgs {\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-mgs {\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-mgs {\n width:100%;\n max-width:100%;\n min-width:0;\n }\n}\n\n\n.sq-mgs *,\n.sq-mgs *::before,\n.sq-mgs *::after {\n box-sizing:border-box;\n}\n\n\n\/* ============================================================\n 01 — HERO \/ FIELD GRID\n ============================================================ *\/\n\n.sq-mgs__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 #faf9f5 0%,\n #f0efe9 58%,\n #e3e5e0 100%\n );\n}\n\n\n\/* modular grid *\/\n.sq-mgs__hero::before {\n content:\"\";\n\n position:absolute;\n inset:0;\n\n background-image:\n linear-gradient(\n rgba(25,56,45,.045) 1px,\n transparent 1px\n ),\n linear-gradient(\n 90deg,\n rgba(25,56,45,.045) 1px,\n transparent 1px\n );\n\n background-size:34px 34px;\n\n mask-image:\n linear-gradient(\n to left,\n rgba(0,0,0,.88),\n transparent 69%\n );\n\n pointer-events:none;\n}\n\n\n\/* locator marker *\/\n.sq-mgs__hero::after {\n content:\"\";\n\n position:absolute;\n\n right:54px;\n top:48px;\n\n width:12px;\n height:12px;\n\n border:2px solid var(--amber);\n\n transform:rotate(45deg);\n\n box-shadow:\n 0 0 0 7px rgba(216,149,62,.08);\n\n pointer-events:none;\n}\n\n\n.sq-mgs__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-mgs__series {\n display:flex;\n align-items:center;\n\n gap:10px;\n\n color:var(--olive-950);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.18em;\n\n text-transform:uppercase;\n}\n\n\n.sq-mgs__series::before {\n content:\"\";\n\n width:8px;\n height:8px;\n\n background:var(--amber);\n}\n\n\n.sq-mgs__mode {\n color:\n rgba(25,56,45,.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-mgs__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-mgs__eyebrow {\n margin:0 0 13px;\n\n color:var(--amber);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.20em;\n\n text-transform:uppercase;\n}\n\n\n.sq-mgs__title {\n max-width:700px;\n\n margin:0;\n\n color:var(--case-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-mgs__title span {\n display:block;\n\n color:var(--olive-900);\n}\n\n\n.sq-mgs__intro {\n max-width:560px;\n\n margin:20px 0 0;\n\n color:\n rgba(24,32,29,.66);\n\n font-size:13px;\n\n line-height:1.72;\n}\n\n\n\/* ============================================================\n MODULAR GRID VISUAL\n ============================================================ *\/\n\n.sq-mgs__gridmap {\n display:grid;\n\n grid-template-columns:\n repeat(3,1fr);\n\n gap:5px;\n\n width:min(100%,225px);\n\n justify-self:end;\n\n padding:8px;\n\n border:\n 1px solid rgba(23,27,27,.16);\n\n background:\n rgba(255,255,255,.46);\n\n min-width:0;\n}\n\n\n.sq-mgs__gridcell {\n aspect-ratio:1;\n\n display:grid;\n place-items:center;\n\n min-width:0;\n\n border:\n 1px solid rgba(25,56,45,.14);\n\n background:\n rgba(36,71,57,.06);\n\n color:var(--olive-900);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.06em;\n}\n\n\n.sq-mgs__gridcell:nth-child(2),\n.sq-mgs__gridcell:nth-child(5) {\n background:var(--olive-900);\n\n color:#fff;\n}\n\n\n.sq-mgs__gridcell:nth-child(6) {\n background:var(--amber);\n\n color:#fff;\n}\n\n\n\/* ============================================================\n 02 — MARQUEE\n ============================================================ *\/\n\n.sq-mgs__marquee {\n overflow:hidden;\n\n margin:12px 0;\n\n background:var(--case-950);\n\n color:#fff;\n}\n\n\n.sq-mgs__marquee-track {\n display:flex;\n\n width:max-content;\n\n animation:\n sqMgsRun 29s linear infinite;\n\n will-change:transform;\n}\n\n\n.sq-mgs__marquee:hover\n.sq-mgs__marquee-track {\n animation-play-state:paused;\n}\n\n\n.sq-mgs__marquee-group {\n display:flex;\n align-items:center;\n\n flex-shrink:0;\n\n white-space:nowrap;\n}\n\n\n.sq-mgs__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:760;\n\n line-height:1;\n\n letter-spacing:.15em;\n\n text-transform:uppercase;\n}\n\n\n.sq-mgs__marquee-mark {\n width:7px;\n height:7px;\n\n flex:0 0 7px;\n\n background:var(--amber-soft);\n\n transform:rotate(45deg);\n}\n\n\n@keyframes sqMgsRun {\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-mgs__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-mgs__chapter-no {\n color:var(--amber);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.16em;\n}\n\n\n.sq-mgs__chapter-main {\n min-width:0;\n}\n\n\n.sq-mgs__chapter-title {\n display:block;\n\n color:var(--case-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-mgs__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-mgs__chapter-code {\n color:\n rgba(23,27,27,.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.sq-mgs__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(23,27,27,.11);\n\n background:#f5f5f1;\n\n transition:\n transform .28s ease,\n box-shadow .28s ease;\n}\n\n\n.sq-mgs__plate:hover {\n transform:\n translateY(-5px);\n\n box-shadow:\n 0 28px 60px rgba(15,26,21,.12),\n 0 8px 18px rgba(15,26,21,.05);\n}\n\n\n.sq-mgs__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(--amber);\n}\n\n\n.sq-mgs__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(--case-950);\n}\n\n\n.sq-mgs__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 — CORE SYSTEM\n ============================================================ *\/\n\n.sq-mgs__core {\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(--cream);\n}\n\n\n.sq-mgs__core-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-mgs__core-item:last-child {\n border-right:0;\n}\n\n\n.sq-mgs__core-no {\n display:flex;\n align-items:center;\n\n gap:8px;\n\n margin-bottom:15px;\n\n color:var(--amber);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.14em;\n}\n\n\n.sq-mgs__core-no::after {\n content:\"\";\n\n height:1px;\n\n flex:1;\n\n background:\n rgba(216,149,62,.28);\n}\n\n\n.sq-mgs__core-item strong {\n display:block;\n\n color:var(--case-950);\n\n font-size:12px;\n font-weight:850;\n\n line-height:1.35;\n}\n\n\n\/* ============================================================\n 06 — ORGANIZE FLOW\n ============================================================ *\/\n\n.sq-mgs__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 background:var(--olive-950);\n\n color:#fff;\n}\n\n\n.sq-mgs__flow-item {\n position:relative;\n\n min-width:0;\n\n padding:\n 26px\n 18px\n 24px;\n\n border-right:\n 1px solid rgba(255,255,255,.09);\n}\n\n\n.sq-mgs__flow-item:last-child {\n border-right:0;\n}\n\n\n.sq-mgs__flow-step {\n display:block;\n\n margin-bottom:18px;\n\n color:var(--amber-soft);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.15em;\n\n text-transform:uppercase;\n}\n\n\n.sq-mgs__flow-item strong {\n display:block;\n\n color:#fff;\n\n font-size:\n clamp(18px,2.1vw,27px);\n\n font-weight:850;\n\n line-height:1;\n\n letter-spacing:-.025em;\n}\n\n\n.sq-mgs__flow-item p {\n margin:10px 0 0;\n\n color:\n rgba(255,255,255,.60);\n\n font-size:10px;\n\n line-height:1.55;\n}\n\n\n\/* ============================================================\n 07 — MODULAR INVENTORY\n ============================================================ *\/\n\n.sq-mgs__modules {\n display:grid;\n\n grid-template-columns:\n 1.3fr\n 1fr\n 1fr\n .8fr;\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 #ecece6\n );\n}\n\n\n.sq-mgs__module {\n min-width:0;\n\n padding:\n 21px\n 17px\n 19px;\n\n border-right:\n 1px solid var(--line);\n}\n\n\n.sq-mgs__module:last-child {\n border-right:0;\n}\n\n\n.sq-mgs__module-count {\n display:block;\n\n margin-bottom:13px;\n\n color:var(--amber);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.15em;\n\n text-transform:uppercase;\n}\n\n\n.sq-mgs__module strong {\n display:block;\n\n color:var(--case-950);\n\n font-size:13px;\n font-weight:850;\n\n line-height:1.3;\n}\n\n\n.sq-mgs__module p {\n margin: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 — HARD CASE PANEL\n ============================================================ *\/\n\n.sq-mgs__protect {\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(--case-950);\n\n color:#fff;\n}\n\n\n.sq-mgs__protect-main {\n min-width:0;\n\n padding:\n clamp(28px,4.5vw,52px);\n}\n\n\n.sq-mgs__protect-label {\n margin-bottom:19px;\n\n color:var(--amber-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-mgs__protect-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:820;\n\n line-height:.95;\n\n letter-spacing:-.048em;\n}\n\n\n.sq-mgs__protect-title span {\n color:#bbc7c1;\n}\n\n\n.sq-mgs__protect-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\/* shell visualization *\/\n.sq-mgs__protect-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 #3d4442,\n #1a1f1e\n );\n}\n\n\n.sq-mgs__shell {\n position:absolute;\n\n left:50%;\n top:50%;\n\n width:165px;\n height:108px;\n\n transform:\n translate(-50%,-50%);\n\n border:\n 2px solid rgba(255,255,255,.20);\n\n border-radius:13px;\n\n box-shadow:\n inset 0 0 0 10px rgba(255,255,255,.025);\n}\n\n\n.sq-mgs__shell::before,\n.sq-mgs__shell::after {\n content:\"\";\n\n position:absolute;\n\n width:28px;\n height:11px;\n\n bottom:-8px;\n\n border:\n 1px solid rgba(255,255,255,.18);\n\n background:var(--case-900);\n}\n\n\n.sq-mgs__shell::before {\n left:22px;\n}\n\n\n.sq-mgs__shell::after {\n right:22px;\n}\n\n\n.sq-mgs__shell-grid {\n position:absolute;\n\n inset:18px;\n\n display:grid;\n\n grid-template-columns:\n repeat(3,1fr);\n\n gap:4px;\n}\n\n\n.sq-mgs__shell-grid span {\n border:\n 1px solid rgba(236,186,114,.42);\n\n background:\n rgba(216,149,62,.09);\n}\n\n\n.sq-mgs__protect-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 09 — SPEC DASHBOARD\n ============================================================ *\/\n\n.sq-mgs__spec {\n display:grid;\n\n grid-template-columns:\n minmax(0,1.4fr)\n minmax(280px,.6fr);\n\n min-width:0;\n\n margin:0 0 12px;\n\n background:var(--olive-950);\n\n color:#fff;\n}\n\n\n.sq-mgs__spec-main {\n min-width:0;\n\n padding:\n clamp(27px,4.3vw,48px);\n}\n\n\n.sq-mgs__spec-label {\n margin-bottom:22px;\n\n color:var(--amber-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-mgs__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-mgs__dimension {\n color:#fff;\n\n font-size:\n clamp(37px,5.7vw,68px);\n\n font-weight:850;\n\n line-height:.92;\n\n letter-spacing:-.055em;\n}\n\n\n.sq-mgs__x {\n padding-bottom:5px;\n\n color:var(--amber);\n\n font-size:16px;\n}\n\n\n.sq-mgs__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-mgs__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(--case-800),\n var(--case-950)\n );\n}\n\n\n.sq-mgs__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,.08);\n}\n\n\n.sq-mgs__stat:last-child {\n border-bottom:0;\n}\n\n\n.sq-mgs__stat small {\n color:\n rgba(255,255,255,.50);\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-mgs__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 10 — COMPONENT SIZE\n ============================================================ *\/\n\n.sq-mgs__sizes {\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(--stone);\n\n border:\n 1px solid var(--line);\n}\n\n\n.sq-mgs__size {\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-mgs__size:last-child {\n border-right:0;\n}\n\n\n.sq-mgs__size-small {\n display:block;\n\n margin-bottom:8px;\n\n color:var(--amber);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.14em;\n\n text-transform:uppercase;\n}\n\n\n.sq-mgs__size strong {\n display:block;\n\n color:var(--case-950);\n\n font-size:16px;\n font-weight:850;\n\n line-height:1.2;\n}\n\n\n.sq-mgs__size 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 11 — END\n ============================================================ *\/\n\n.sq-mgs__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 #e4e5df,\n #d2d6ce\n );\n\n border:\n 1px solid var(--line);\n}\n\n\n.sq-mgs__end::after {\n content:\"PACK READY\";\n\n position:absolute;\n\n right:-12px;\n top:-5px;\n\n color:\n rgba(23,27,27,.05);\n\n font-size:\n clamp(56px,10vw,126px);\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-mgs__end-main {\n position:relative;\n z-index:1;\n\n min-width:0;\n}\n\n\n.sq-mgs__end-label {\n margin-bottom:14px;\n\n color:var(--amber);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.18em;\n\n text-transform:uppercase;\n}\n\n\n.sq-mgs__end h3 {\n max-width:630px;\n\n margin:0;\n\n color:var(--case-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-mgs__end-meta {\n position:relative;\n z-index:1;\n\n padding-left:18px;\n\n border-left:\n 2px solid var(--amber);\n\n color:var(--olive-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-mgs {\n width:100%;\n max-width:100%;\n min-width:0;\n\n margin:24px 0 38px;\n }\n\n\n .sq-mgs__hero {\n padding:\n 28px\n 19px\n 26px;\n }\n\n\n .sq-mgs__topline {\n margin-bottom:40px;\n }\n\n\n .sq-mgs__mode {\n display:none;\n }\n\n\n .sq-mgs__hero-grid {\n grid-template-columns:1fr;\n\n gap:30px;\n }\n\n\n .sq-mgs__title {\n font-size:\n clamp(39px,12vw,56px);\n }\n\n\n .sq-mgs__gridmap {\n width:100%;\n\n justify-self:stretch;\n }\n\n\n .sq-mgs__marquee-item {\n padding:\n 13px\n 16px;\n\n font-size:9px;\n }\n\n\n .sq-mgs__chapter {\n grid-template-columns:\n 52px\n minmax(0,1fr);\n\n gap:10px;\n }\n\n\n .sq-mgs__chapter-code {\n display:none;\n }\n\n\n .sq-mgs__plate {\n padding:5px;\n }\n\n\n .sq-mgs__plate:hover {\n transform:translateY(-2px);\n }\n\n\n .sq-mgs__core {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-mgs__core-item:nth-child(2) {\n border-right:0;\n }\n\n\n .sq-mgs__core-item:nth-child(1),\n .sq-mgs__core-item:nth-child(2) {\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-mgs__flow {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-mgs__flow-item:nth-child(2) {\n border-right:0;\n }\n\n\n .sq-mgs__flow-item:nth-child(1),\n .sq-mgs__flow-item:nth-child(2) {\n border-bottom:\n 1px solid rgba(255,255,255,.09);\n }\n\n\n .sq-mgs__modules {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-mgs__module:nth-child(2) {\n border-right:0;\n }\n\n\n .sq-mgs__module:nth-child(1),\n .sq-mgs__module:nth-child(2) {\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-mgs__protect {\n grid-template-columns:1fr;\n }\n\n\n .sq-mgs__protect-visual {\n min-height:220px;\n }\n\n\n .sq-mgs__spec {\n grid-template-columns:1fr;\n }\n\n\n .sq-mgs__sizes {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-mgs__size:nth-child(2) {\n border-right:0;\n }\n\n\n .sq-mgs__size:nth-child(1),\n .sq-mgs__size:nth-child(2) {\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-mgs__end {\n grid-template-columns:1fr;\n }\n\n\n .sq-mgs__end-meta {\n padding-left:14px;\n }\n\n}\n\n\n@media(prefers-reduced-motion:reduce) {\n\n .sq-mgs__marquee-track {\n animation:none;\n }\n\n\n .sq-mgs__plate {\n transition:none;\n }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"sq-mgs\"\u003e\n\u003c!-- ======================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"sq-mgs__hero\"\u003e\n\u003cdiv class=\"sq-mgs__topline\"\u003e\n\u003cdiv class=\"sq-mgs__series\"\u003eSORALIQUE \/ FIELD GRID\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__mode\"\u003eMODULAR GEAR CONTROL SYSTEM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"sq-mgs__eyebrow\"\u003eModular Outdoor Storage Case\u003c\/p\u003e\n\u003ch2 class=\"sq-mgs__title\"\u003eSort The Gear. \u003cspan\u003eControl The Loadout.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sq-mgs__intro\"\u003eA hard-shell outdoor storage system built to protect, separate and organize the gear that normally disappears into the bottom of a trunk.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__gridmap\"\u003e\n\u003cdiv class=\"sq-mgs__gridcell\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__gridcell\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__gridcell\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__gridcell\"\u003e04\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__gridcell\"\u003e05\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__gridcell\"\u003e06\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-mgs__marquee\"\u003e\n\u003cdiv class=\"sq-mgs__marquee-track\"\u003e\n\u003cdiv class=\"sq-mgs__marquee-group\"\u003e\n\u003cspan class=\"sq-mgs__marquee-item\"\u003e DURABLE HARD SHELL \u003ci class=\"sq-mgs__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-mgs__marquee-item\"\u003e MODULAR STORAGE \u003ci class=\"sq-mgs__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-mgs__marquee-item\"\u003e EASY ACCESS \u003ci class=\"sq-mgs__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-mgs__marquee-item\"\u003e WEATHER RESISTANT \u003ci class=\"sq-mgs__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-mgs__marquee-item\"\u003e 6 STORAGE CUBES \u003ci class=\"sq-mgs__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-mgs__marquee-item\"\u003e PACK SMARTER \u003ci class=\"sq-mgs__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__marquee-group\"\u003e\n\u003cspan class=\"sq-mgs__marquee-item\"\u003e DURABLE HARD SHELL \u003ci class=\"sq-mgs__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-mgs__marquee-item\"\u003e MODULAR STORAGE \u003ci class=\"sq-mgs__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-mgs__marquee-item\"\u003e EASY ACCESS \u003ci class=\"sq-mgs__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-mgs__marquee-item\"\u003e WEATHER RESISTANT \u003ci class=\"sq-mgs__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-mgs__marquee-item\"\u003e 6 STORAGE CUBES \u003ci class=\"sq-mgs__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-mgs__marquee-item\"\u003e PACK SMARTER \u003ci class=\"sq-mgs__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 — PROTECT \u0026 ACCESS\n ====================================================== --\u003e\n\u003cdiv class=\"sq-mgs__chapter\"\u003e\n\u003cdiv class=\"sq-mgs__chapter-no\"\u003e01 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__chapter-main\"\u003e\n\u003cstrong class=\"sq-mgs__chapter-title\"\u003e PROTECT THE LOADOUT \u003c\/strong\u003e \u003cspan class=\"sq-mgs__chapter-desc\"\u003e Shell \/ access \/ weather \/ modules \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__chapter-code\"\u003eCASE\u003cbr\u003eSYSTEM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__core\"\u003e\n\u003cdiv class=\"sq-mgs__core-item\"\u003e\n\u003cspan class=\"sq-mgs__core-no\"\u003e 01 \u003c\/span\u003e \u003cstrong\u003e Durable Impact-Resistant Shell \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__core-item\"\u003e\n\u003cspan class=\"sq-mgs__core-no\"\u003e 02 \u003c\/span\u003e \u003cstrong\u003e Flexible Modular Storage \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__core-item\"\u003e\n\u003cspan class=\"sq-mgs__core-no\"\u003e 03 \u003c\/span\u003e \u003cstrong\u003e Quick Easy Access \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__core-item\"\u003e\n\u003cspan class=\"sq-mgs__core-no\"\u003e 04 \u003c\/span\u003e \u003cstrong\u003e Weather Resistant Protection \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-mgs__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/10-6.jpg?v=1791291406\" alt=\"SorAlique modular outdoor storage case with durable shell, storage cubes, dividers, mesh pouches and ID cards\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n HARD CASE FEATURE\n ====================================================== --\u003e\n\u003csection class=\"sq-mgs__protect\"\u003e\n\u003cdiv class=\"sq-mgs__protect-main\"\u003e\n\u003cdiv class=\"sq-mgs__protect-label\"\u003eHard Case Protection\u003c\/div\u003e\n\u003ch3 class=\"sq-mgs__protect-title\"\u003eOutside stays tough. \u003cspan\u003eInside stays ordered.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp class=\"sq-mgs__protect-copy\"\u003eA rigid outer shell protects the loadout while modular cubes and dividers create individual zones for tools, camp gear and smaller essentials.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__protect-visual\"\u003e\n\u003cdiv class=\"sq-mgs__shell\"\u003e\n\u003cdiv class=\"sq-mgs__shell-grid\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__protect-meta\"\u003eHARD SHELL\u003cbr\u003e06 STORAGE ZONES\u003cbr\u003eLOCKED LOADOUT\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n 02 — ORGANIZE FLOW\n ====================================================== --\u003e\n\u003cdiv class=\"sq-mgs__chapter\"\u003e\n\u003cdiv class=\"sq-mgs__chapter-no\"\u003e02 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__chapter-main\"\u003e\n\u003cstrong class=\"sq-mgs__chapter-title\"\u003e FROM CHAOS TO READY \u003c\/strong\u003e \u003cspan class=\"sq-mgs__chapter-desc\"\u003e Before \/ sort \/ organize \/ ready \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__chapter-code\"\u003eGEAR\u003cbr\u003eFLOW\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__flow\"\u003e\n\u003cdiv class=\"sq-mgs__flow-item\"\u003e\n\u003cspan class=\"sq-mgs__flow-step\"\u003e Step 01 \u003c\/span\u003e \u003cstrong\u003e Before \u003c\/strong\u003e\n\u003cp\u003eLoose equipment takes time to find and repack.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__flow-item\"\u003e\n\u003cspan class=\"sq-mgs__flow-step\"\u003e Step 02 \u003c\/span\u003e \u003cstrong\u003e Sort \u003c\/strong\u003e\n\u003cp\u003eGive tools, accessories and essentials their own place.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__flow-item\"\u003e\n\u003cspan class=\"sq-mgs__flow-step\"\u003e Step 03 \u003c\/span\u003e \u003cstrong\u003e Organize \u003c\/strong\u003e\n\u003cp\u003eConfigure flexible storage around different types of gear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__flow-item\"\u003e\n\u003cspan class=\"sq-mgs__flow-step\"\u003e Step 04 \u003c\/span\u003e \u003cstrong\u003e Ready \u003c\/strong\u003e\n\u003cp\u003eLoad the case and leave without searching for equipment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-mgs__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/10-7.jpg?v=1791291410\" alt=\"SorAlique outdoor storage system showing before, sort, organize and ready packing process\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n 03 — MODULAR SYSTEM\n ====================================================== --\u003e\n\u003cdiv class=\"sq-mgs__chapter\"\u003e\n\u003cdiv class=\"sq-mgs__chapter-no\"\u003e03 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__chapter-main\"\u003e\n\u003cstrong class=\"sq-mgs__chapter-title\"\u003e BUILD YOUR OWN GRID \u003c\/strong\u003e \u003cspan class=\"sq-mgs__chapter-desc\"\u003e Cubes \/ dividers \/ mesh \/ identification \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__chapter-code\"\u003eMODULAR\u003cbr\u003eGRID\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__modules\"\u003e\n\u003cdiv class=\"sq-mgs__module\"\u003e\n\u003cspan class=\"sq-mgs__module-count\"\u003e 06 Units \u003c\/span\u003e \u003cstrong\u003e Storage Cubes \u003c\/strong\u003e\n\u003cp\u003eSeparate equipment into dedicated carry modules.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__module\"\u003e\n\u003cspan class=\"sq-mgs__module-count\"\u003e 03 Units \u003c\/span\u003e \u003cstrong\u003e Divider Panels \u003c\/strong\u003e\n\u003cp\u003eReconfigure the internal layout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__module\"\u003e\n\u003cspan class=\"sq-mgs__module-count\"\u003e 02 Units \u003c\/span\u003e \u003cstrong\u003e Mesh Pouches \u003c\/strong\u003e\n\u003cp\u003eKeep smaller items visible and accessible.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__module\"\u003e\n\u003cspan class=\"sq-mgs__module-count\"\u003e 04 Units \u003c\/span\u003e \u003cstrong\u003e ID Cards \u003c\/strong\u003e\n\u003cp\u003eLabel the loadout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ======================================================\n MAIN CASE SIZE\n ====================================================== --\u003e\n\u003csection class=\"sq-mgs__spec\"\u003e\n\u003cdiv class=\"sq-mgs__spec-main\"\u003e\n\u003cdiv class=\"sq-mgs__spec-label\"\u003eMain Storage Case\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__dimensions\"\u003e\n\u003cstrong class=\"sq-mgs__dimension\"\u003e 56 \u003c\/strong\u003e \u003cspan class=\"sq-mgs__x\"\u003e × \u003c\/span\u003e \u003cstrong class=\"sq-mgs__dimension\"\u003e 34 \u003c\/strong\u003e \u003cspan class=\"sq-mgs__x\"\u003e × \u003c\/span\u003e \u003cstrong class=\"sq-mgs__dimension\"\u003e 26 \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__unit\"\u003eLength × Depth × Main Body Height \/ CM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__spec-side\"\u003e\n\u003cdiv class=\"sq-mgs__stat\"\u003e\n\u003csmall\u003e Lower Case\u003cbr\u003eSection \u003c\/small\u003e \u003cstrong\u003e 16 CM \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__stat\"\u003e\n\u003csmall\u003e Lid\u003cbr\u003eDepth \u003c\/small\u003e \u003cstrong\u003e 10 CM \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- COMPONENT SIZES --\u003e\n\u003cdiv class=\"sq-mgs__sizes\"\u003e\n\u003cdiv class=\"sq-mgs__size\"\u003e\n\u003cspan class=\"sq-mgs__size-small\"\u003e Storage Cube \u003c\/span\u003e \u003cstrong\u003e 24 × 18 × 12 \u003c\/strong\u003e \u003cspan\u003e CM \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__size\"\u003e\n\u003cspan class=\"sq-mgs__size-small\"\u003e Divider Panel \u003c\/span\u003e \u003cstrong\u003e 24 × 12 \u003c\/strong\u003e \u003cspan\u003e CM \/ 1 CM thick \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__size\"\u003e\n\u003cspan class=\"sq-mgs__size-small\"\u003e Mesh Pouch \u003c\/span\u003e \u003cstrong\u003e 22 × 12 \u003c\/strong\u003e \u003cspan\u003e CM \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__size\"\u003e\n\u003cspan class=\"sq-mgs__size-small\"\u003e ID Card \u003c\/span\u003e \u003cstrong\u003e 9 × 6 \u003c\/strong\u003e \u003cspan\u003e CM \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-mgs__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/10-8.png?v=1791291433\" alt=\"SorAlique modular outdoor storage case dimensions with six storage cubes, three dividers, two mesh pouches and four ID cards\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n END\n ====================================================== --\u003e\n\u003csection class=\"sq-mgs__end\"\u003e\n\u003cdiv class=\"sq-mgs__end-main\"\u003e\n\u003cdiv class=\"sq-mgs__end-label\"\u003eSorAlique \/ Field Grid Storage System\u003c\/div\u003e\n\u003ch3\u003eKnow where it is.\u003cbr\u003eKnow you're ready.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mgs__end-meta\"\u003eDurable Hard Shell\u003cbr\u003e06 Storage Cubes\u003cbr\u003eModular Interior\u003cbr\u003eWeather Resistant\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Soralique","offers":[{"title":"Default Title","offer_id":45685053784087,"sku":"Soralique010*1","price":78.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/10-1.png?v=1791291443"},{"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"},{"product_id":"soralique™-outdoor-weather-station-1","title":"Soralique™ Outdoor Weather Station","description":"\u003cstyle\u003e\n\/* ============================================================\n SORALIQUE — OUTDOOR WEATHER STATION\n FIELD TELEMETRY \/ KNOW THE CONDITIONS\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 防止 intrinsic width 影响 Gallery\n ============================================================ *\/\n\n.sq-ows {\n --sensor-950:#092f27;\n --sensor-900:#113d32;\n --sensor-750:#285b4c;\n --sensor-600:#477365;\n\n --instrument:#191e1f;\n --instrument-2:#272d2e;\n --graphite:#3c4444;\n\n --lcd:#dcecef;\n --lcd-blue:#78b9ca;\n --lcd-deep:#438ea2;\n\n --signal:#d89645;\n --signal-soft:#edbd79;\n\n --cream:#f7f6f1;\n --mist:#e9eeeb;\n --stone:#dfe4e0;\n\n --ink:#17211e;\n --muted:#6e7772;\n --line:rgba(9,47,39,.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-ows),\n.product-description:has(.sq-ows),\n.product__text:has(.sq-ows),\n.product-info__description:has(.sq-ows),\n.product-info__block:has(.sq-ows),\n.rte:has(.sq-ows) {\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-ows {\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-ows {\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-ows {\n width:100%;\n max-width:100%;\n min-width:0;\n }\n}\n\n\n.sq-ows *,\n.sq-ows *::before,\n.sq-ows *::after {\n box-sizing:border-box;\n}\n\n\n\/* ============================================================\n 01 — HERO \/ TELEMETRY TERMINAL\n ============================================================ *\/\n\n.sq-ows__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 #fafaf7 0%,\n #eff2ef 58%,\n #e3eae6 100%\n );\n}\n\n\n\/* telemetry rings *\/\n.sq-ows__hero::before {\n content:\"\";\n\n position:absolute;\n\n width:390px;\n height:390px;\n\n right:-145px;\n top:-155px;\n\n border:\n 1px solid rgba(67,142,162,.16);\n\n border-radius:50%;\n\n box-shadow:\n 0 0 0 28px rgba(67,142,162,.040),\n 0 0 0 56px rgba(67,142,162,.025),\n 0 0 0 84px rgba(67,142,162,.015);\n\n pointer-events:none;\n}\n\n\n\/* signal point *\/\n.sq-ows__hero::after {\n content:\"\";\n\n position:absolute;\n\n right:58px;\n top:50px;\n\n width:9px;\n height:9px;\n\n border-radius:50%;\n\n background:var(--signal);\n\n box-shadow:\n 0 0 0 7px rgba(216,150,69,.10);\n\n pointer-events:none;\n}\n\n\n.sq-ows__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-ows__series {\n display:flex;\n align-items:center;\n\n gap:10px;\n\n color:var(--sensor-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-ows__series::before {\n content:\"\";\n\n width:24px;\n height:1px;\n\n background:var(--lcd-deep);\n}\n\n\n.sq-ows__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(--signal);\n}\n\n\n.sq-ows__mode {\n color:rgba(9,47,39,.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-ows__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 gap:\n clamp(28px,5vw,66px);\n\n align-items:end;\n\n min-width:0;\n}\n\n\n.sq-ows__eyebrow {\n margin:0 0 13px;\n\n color:var(--lcd-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-ows__title {\n max-width:700px;\n\n margin:0;\n\n color:var(--sensor-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-ows__title span {\n display:block;\n\n color:var(--instrument-2);\n}\n\n\n.sq-ows__intro {\n max-width:570px;\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 LIVE DATA PANEL\n ============================================================ *\/\n\n.sq-ows__telemetry {\n width:min(100%,240px);\n\n justify-self:end;\n\n overflow:hidden;\n\n border:\n 1px solid rgba(9,47,39,.18);\n\n background:var(--instrument);\n\n color:#fff;\n\n min-width:0;\n}\n\n\n.sq-ows__telemetry-head {\n display:flex;\n justify-content:space-between;\n align-items:center;\n\n gap:10px;\n\n padding:\n 11px\n 13px;\n\n border-bottom:\n 1px solid rgba(255,255,255,.08);\n\n color:var(--lcd);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.14em;\n\n text-transform:uppercase;\n}\n\n\n.sq-ows__live {\n display:inline-flex;\n align-items:center;\n\n gap:6px;\n}\n\n\n.sq-ows__live::before {\n content:\"\";\n\n width:6px;\n height:6px;\n\n border-radius:50%;\n\n background:var(--signal);\n}\n\n\n.sq-ows__telemetry-grid {\n display:grid;\n\n grid-template-columns:\n 1fr\n 1fr;\n}\n\n\n.sq-ows__reading {\n min-width:0;\n\n padding:\n 15px\n 12px;\n\n border-right:\n 1px solid rgba(255,255,255,.08);\n\n border-bottom:\n 1px solid rgba(255,255,255,.08);\n}\n\n\n.sq-ows__reading:nth-child(2n) {\n border-right:0;\n}\n\n\n.sq-ows__reading:nth-last-child(-n+2) {\n border-bottom:0;\n}\n\n\n.sq-ows__reading small {\n display:block;\n\n margin-bottom:7px;\n\n color:\n rgba(220,236,239,.45);\n\n font-size:8px;\n font-weight:800;\n\n letter-spacing:.11em;\n\n text-transform:uppercase;\n}\n\n\n.sq-ows__reading strong {\n display:block;\n\n color:var(--lcd);\n\n font-size:18px;\n font-weight:700;\n\n line-height:1;\n\n letter-spacing:-.03em;\n}\n\n\n.sq-ows__reading strong span {\n margin-left:2px;\n\n color:var(--lcd-blue);\n\n font-size:8px;\n\n letter-spacing:.05em;\n}\n\n\n\/* ============================================================\n 02 — MARQUEE\n ============================================================ *\/\n\n.sq-ows__marquee {\n overflow:hidden;\n\n margin:12px 0;\n\n background:var(--instrument);\n\n color:#fff;\n}\n\n\n.sq-ows__marquee-track {\n display:flex;\n\n width:max-content;\n\n animation:\n sqOwsRun 30s linear infinite;\n\n will-change:transform;\n}\n\n\n.sq-ows__marquee:hover\n.sq-ows__marquee-track {\n animation-play-state:paused;\n}\n\n\n.sq-ows__marquee-group {\n display:flex;\n align-items:center;\n\n flex-shrink:0;\n\n white-space:nowrap;\n}\n\n\n.sq-ows__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-ows__marquee-signal {\n position:relative;\n\n width:13px;\n height:8px;\n\n flex:0 0 13px;\n\n border-top:\n 1px solid var(--lcd-blue);\n\n border-right:\n 1px solid var(--lcd-blue);\n\n transform:skewX(-25deg);\n}\n\n\n@keyframes sqOwsRun {\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-ows__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-ows__chapter-no {\n color:var(--lcd-deep);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.16em;\n}\n\n\n.sq-ows__chapter-main {\n min-width:0;\n}\n\n\n.sq-ows__chapter-title {\n display:block;\n\n color:var(--sensor-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-ows__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-ows__chapter-code {\n color:\n rgba(9,47,39,.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-ows__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(9,47,39,.11);\n\n background:#f6f7f4;\n\n transition:\n transform .28s ease,\n box-shadow .28s ease;\n}\n\n\n.sq-ows__plate:hover {\n transform:translateY(-5px);\n\n box-shadow:\n 0 27px 58px rgba(7,33,27,.11),\n 0 8px 18px rgba(7,33,27,.05);\n}\n\n\n.sq-ows__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(--lcd-deep);\n}\n\n\n.sq-ows__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(--signal);\n}\n\n\n.sq-ows__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 — FIELD FLOW\n PACK → SET UP → MONITOR → PLAN\n ============================================================ *\/\n\n.sq-ows__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(--cream);\n}\n\n\n.sq-ows__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-ows__flow-item:last-child {\n border-right:0;\n}\n\n\n.sq-ows__flow-no {\n display:flex;\n align-items:center;\n\n gap:8px;\n\n margin-bottom:15px;\n\n color:var(--lcd-deep);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.14em;\n}\n\n\n.sq-ows__flow-no::after {\n content:\"\";\n\n height:1px;\n\n flex:1;\n\n background:\n rgba(67,142,162,.28);\n}\n\n\n.sq-ows__flow-item strong {\n display:block;\n\n color:var(--sensor-950);\n\n font-size:13px;\n font-weight:850;\n}\n\n\n.sq-ows__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 — SENSOR CORE\n ============================================================ *\/\n\n.sq-ows__sensor {\n display:grid;\n\n grid-template-columns:\n minmax(0,1.30fr)\n minmax(260px,.70fr);\n\n min-width:0;\n\n margin:0 0 12px;\n\n background:var(--instrument);\n\n color:#fff;\n}\n\n\n.sq-ows__sensor-main {\n min-width:0;\n\n padding:\n clamp(28px,4.5vw,52px);\n}\n\n\n.sq-ows__sensor-label {\n margin-bottom:19px;\n\n color:var(--lcd-blue);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.18em;\n\n text-transform:uppercase;\n}\n\n\n.sq-ows__sensor-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-ows__sensor-title span {\n color:var(--lcd);\n}\n\n\n.sq-ows__sensor-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\/* sensor illustration *\/\n.sq-ows__sensor-visual {\n position:relative;\n\n overflow:hidden;\n\n min-width:0;\n min-height:290px;\n\n background:\n linear-gradient(\n 145deg,\n #304941,\n #172521\n );\n}\n\n\n.sq-ows__mast {\n position:absolute;\n\n left:50%;\n top:44%;\n\n width:8px;\n height:126px;\n\n transform:\n translate(-50%,-50%);\n\n background:\n rgba(255,255,255,.16);\n}\n\n\n.sq-ows__shield {\n position:absolute;\n\n left:50%;\n top:22px;\n\n width:74px;\n height:76px;\n\n transform:\n translateX(-50%);\n}\n\n\n.sq-ows__shield span {\n display:block;\n\n width:74px;\n height:7px;\n\n margin-bottom:5px;\n\n border-radius:20px;\n\n background:\n rgba(220,236,239,.42);\n}\n\n\n.sq-ows__wind {\n position:absolute;\n\n left:50%;\n top:117px;\n\n width:130px;\n height:56px;\n\n transform:\n translateX(-50%);\n}\n\n\n.sq-ows__wind::before {\n content:\"\";\n\n position:absolute;\n\n left:50%;\n top:27px;\n\n width:125px;\n height:2px;\n\n transform:\n translateX(-50%);\n\n background:\n rgba(255,255,255,.25);\n}\n\n\n.sq-ows__cup {\n position:absolute;\n\n top:16px;\n\n width:28px;\n height:28px;\n\n border:\n 2px solid rgba(185,220,232,.60);\n\n border-radius:50%;\n}\n\n\n.sq-ows__cup--left {\n left:0;\n}\n\n\n.sq-ows__cup--right {\n left:38px;\n}\n\n\n.sq-ows__vane {\n position:absolute;\n\n right:0;\n top:9px;\n\n width:34px;\n height:34px;\n\n background:var(--signal);\n\n clip-path:\n polygon(\n 0 40%,\n 100% 0,\n 84% 100%,\n 0 60%\n );\n}\n\n\n.sq-ows__sensor-meta {\n position:absolute;\n\n right:20px;\n bottom:18px;\n\n color:\n rgba(255,255,255,.53);\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 — DATA GRID\n ============================================================ *\/\n\n.sq-ows__data {\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 #f8faf8,\n #edf2ef\n );\n}\n\n\n.sq-ows__data-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-ows__data-item:last-child {\n border-right:0;\n}\n\n\n.sq-ows__data-code {\n display:block;\n\n margin-bottom:14px;\n\n color:var(--lcd-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-ows__data-item strong {\n display:block;\n\n color:var(--sensor-950);\n\n font-size:12px;\n font-weight:850;\n\n line-height:1.35;\n}\n\n\n\/* ============================================================\n 08 — CONSTRUCTION\n ============================================================ *\/\n\n.sq-ows__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:var(--stone);\n}\n\n\n.sq-ows__build-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-ows__build-item:last-child {\n border-right:0;\n}\n\n\n.sq-ows__build-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:.14em;\n\n text-transform:uppercase;\n}\n\n\n.sq-ows__build-item strong {\n display:block;\n\n color:var(--sensor-950);\n\n font-size:12px;\n font-weight:850;\n\n line-height:1.35;\n}\n\n\n\/* ============================================================\n 09 — SIZE DASHBOARD\n ============================================================ *\/\n\n.sq-ows__spec {\n display:grid;\n\n grid-template-columns:\n minmax(0,1.4fr)\n minmax(280px,.6fr);\n\n min-width:0;\n\n margin:0 0 12px;\n\n background:var(--instrument);\n\n color:#fff;\n}\n\n\n.sq-ows__spec-main {\n min-width:0;\n\n padding:\n clamp(27px,4.3vw,48px);\n}\n\n\n.sq-ows__spec-label {\n margin-bottom:22px;\n\n color:var(--lcd-blue);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.18em;\n\n text-transform:uppercase;\n}\n\n\n.sq-ows__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-ows__dimension {\n color:#fff;\n\n font-size:\n clamp(37px,5.7vw,68px);\n\n font-weight:850;\n\n line-height:.92;\n\n letter-spacing:-.055em;\n}\n\n\n.sq-ows__x {\n padding-bottom:5px;\n\n color:var(--signal);\n\n font-size:16px;\n}\n\n\n.sq-ows__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-ows__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(--sensor-750),\n var(--sensor-950)\n );\n}\n\n\n.sq-ows__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,.09);\n}\n\n\n.sq-ows__stat:last-child {\n border-bottom:0;\n}\n\n\n.sq-ows__stat small {\n color:\n rgba(255,255,255,.52);\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-ows__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 10 — ACCESSORIES\n ============================================================ *\/\n\n.sq-ows__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(--cream);\n}\n\n\n.sq-ows__kit-item {\n min-width:0;\n\n padding:\n 20px\n 15px;\n\n border-right:\n 1px solid var(--line);\n}\n\n\n.sq-ows__kit-item:last-child {\n border-right:0;\n}\n\n\n.sq-ows__kit-no {\n display:block;\n\n margin-bottom:11px;\n\n color:var(--lcd-deep);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.14em;\n}\n\n\n.sq-ows__kit-item strong {\n display:block;\n\n color:var(--sensor-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 11 — ACCESSORY SCALE\n ============================================================ *\/\n\n.sq-ows__parts {\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(--mist);\n}\n\n\n.sq-ows__part {\n min-width:0;\n\n padding:\n 20px\n 17px;\n\n border-right:\n 1px solid var(--line);\n}\n\n\n.sq-ows__part:last-child {\n border-right:0;\n}\n\n\n.sq-ows__part-small {\n display:block;\n\n margin-bottom:8px;\n\n color:var(--lcd-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-ows__part strong {\n display:block;\n\n color:var(--sensor-950);\n\n font-size:16px;\n font-weight:850;\n\n line-height:1.2;\n}\n\n\n.sq-ows__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 12 — END\n ============================================================ *\/\n\n.sq-ows__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 #e6eeea,\n #d2e0da\n );\n\n border:\n 1px solid var(--line);\n}\n\n\n.sq-ows__end::after {\n content:\"READ THE FIELD\";\n\n position:absolute;\n\n right:-20px;\n top:-5px;\n\n color:\n rgba(67,142,162,.055);\n\n font-size:\n clamp(47px,8.8vw,114px);\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-ows__end-main {\n position:relative;\n z-index:1;\n\n min-width:0;\n}\n\n\n.sq-ows__end-label {\n margin-bottom:14px;\n\n color:var(--lcd-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-ows__end h3 {\n max-width:630px;\n\n margin:0;\n\n color:var(--sensor-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-ows__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(--sensor-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-ows {\n width:100%;\n max-width:100%;\n min-width:0;\n\n margin:24px 0 38px;\n }\n\n\n .sq-ows__hero {\n padding:\n 28px\n 19px\n 26px;\n }\n\n\n .sq-ows__topline {\n margin-bottom:40px;\n }\n\n\n .sq-ows__mode {\n display:none;\n }\n\n\n .sq-ows__hero-grid {\n grid-template-columns:1fr;\n\n gap:30px;\n }\n\n\n .sq-ows__title {\n font-size:\n clamp(39px,12vw,56px);\n }\n\n\n .sq-ows__telemetry {\n width:100%;\n\n justify-self:stretch;\n }\n\n\n .sq-ows__marquee-item {\n padding:\n 13px\n 16px;\n\n font-size:9px;\n }\n\n\n .sq-ows__chapter {\n grid-template-columns:\n 52px\n minmax(0,1fr);\n\n gap:10px;\n }\n\n\n .sq-ows__chapter-code {\n display:none;\n }\n\n\n .sq-ows__plate {\n padding:5px;\n }\n\n\n .sq-ows__plate:hover {\n transform:translateY(-2px);\n }\n\n\n .sq-ows__flow {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-ows__flow-item:nth-child(2) {\n border-right:0;\n }\n\n\n .sq-ows__flow-item:nth-child(1),\n .sq-ows__flow-item:nth-child(2) {\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-ows__sensor {\n grid-template-columns:1fr;\n }\n\n\n .sq-ows__sensor-visual {\n min-height:235px;\n }\n\n\n .sq-ows__data {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-ows__data-item:nth-child(2) {\n border-right:0;\n }\n\n\n .sq-ows__data-item:nth-child(1),\n .sq-ows__data-item:nth-child(2) {\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-ows__build {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-ows__build-item:nth-child(2) {\n border-right:0;\n }\n\n\n .sq-ows__build-item:nth-child(1),\n .sq-ows__build-item:nth-child(2) {\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-ows__spec {\n grid-template-columns:1fr;\n }\n\n\n .sq-ows__kit {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-ows__kit-item:nth-child(2) {\n border-right:0;\n }\n\n\n .sq-ows__kit-item:nth-child(1),\n .sq-ows__kit-item:nth-child(2) {\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-ows__parts {\n grid-template-columns:1fr;\n }\n\n\n .sq-ows__part {\n border-right:0;\n\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-ows__part:last-child {\n border-bottom:0;\n }\n\n\n .sq-ows__end {\n grid-template-columns:1fr;\n }\n\n\n .sq-ows__end-meta {\n padding-left:14px;\n }\n\n}\n\n\n@media(prefers-reduced-motion:reduce) {\n\n .sq-ows__marquee-track {\n animation:none;\n }\n\n\n .sq-ows__plate {\n transition:none;\n }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"sq-ows\"\u003e\n\u003c!-- ======================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"sq-ows__hero\"\u003e\n\u003cdiv class=\"sq-ows__topline\"\u003e\n\u003cdiv class=\"sq-ows__series\"\u003eSORALIQUE \/ FIELD TELEMETRY\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__mode\"\u003ePORTABLE WEATHER MONITORING\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"sq-ows__eyebrow\"\u003eOutdoor Weather Station\u003c\/p\u003e\n\u003ch2 class=\"sq-ows__title\"\u003eRead The Conditions. \u003cspan\u003ePlan The Next Move.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sq-ows__intro\"\u003eA portable outdoor monitoring station designed to keep changing environmental conditions visible at camp, on the trail and wherever the next decision starts.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__telemetry\"\u003e\n\u003cdiv class=\"sq-ows__telemetry-head\"\u003e\n\u003cspan\u003e Field Data \u003c\/span\u003e \u003cspan class=\"sq-ows__live\"\u003e Live \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__telemetry-grid\"\u003e\n\u003cdiv class=\"sq-ows__reading\"\u003e\n\u003csmall\u003eOutdoor\u003c\/small\u003e \u003cstrong\u003e 23.6\u003cspan\u003e°C\u003c\/span\u003e \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__reading\"\u003e\n\u003csmall\u003eHumidity\u003c\/small\u003e \u003cstrong\u003e 58\u003cspan\u003e%\u003c\/span\u003e \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__reading\"\u003e\n\u003csmall\u003eWind\u003c\/small\u003e \u003cstrong\u003e 12.4\u003cspan\u003eKM\/H\u003c\/span\u003e \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__reading\"\u003e\n\u003csmall\u003ePressure\u003c\/small\u003e \u003cstrong\u003e 1013\u003cspan\u003eHPA\u003c\/span\u003e \u003c\/strong\u003e\n\u003c\/div\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-ows__marquee\"\u003e\n\u003cdiv class=\"sq-ows__marquee-track\"\u003e\n\u003cdiv class=\"sq-ows__marquee-group\"\u003e\n\u003cspan class=\"sq-ows__marquee-item\"\u003e TEMPERATURE MONITORING \u003ci class=\"sq-ows__marquee-signal\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ows__marquee-item\"\u003e HUMIDITY TRACKING \u003ci class=\"sq-ows__marquee-signal\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ows__marquee-item\"\u003e WIND READOUT \u003ci class=\"sq-ows__marquee-signal\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ows__marquee-item\"\u003e PRESSURE DISPLAY \u003ci class=\"sq-ows__marquee-signal\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ows__marquee-item\"\u003e WEATHER TREND DISPLAY \u003ci class=\"sq-ows__marquee-signal\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ows__marquee-item\"\u003e PORTABLE OUTDOOR DESIGN \u003ci class=\"sq-ows__marquee-signal\"\u003e\u003c\/i\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__marquee-group\"\u003e\n\u003cspan class=\"sq-ows__marquee-item\"\u003e TEMPERATURE MONITORING \u003ci class=\"sq-ows__marquee-signal\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ows__marquee-item\"\u003e HUMIDITY TRACKING \u003ci class=\"sq-ows__marquee-signal\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ows__marquee-item\"\u003e WIND READOUT \u003ci class=\"sq-ows__marquee-signal\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ows__marquee-item\"\u003e PRESSURE DISPLAY \u003ci class=\"sq-ows__marquee-signal\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ows__marquee-item\"\u003e WEATHER TREND DISPLAY \u003ci class=\"sq-ows__marquee-signal\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-ows__marquee-item\"\u003e PORTABLE OUTDOOR DESIGN \u003ci class=\"sq-ows__marquee-signal\"\u003e\u003c\/i\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ======================================================\n 01 — FIELD FLOW\n ====================================================== --\u003e\n\u003cdiv class=\"sq-ows__chapter\"\u003e\n\u003cdiv class=\"sq-ows__chapter-no\"\u003e01 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__chapter-main\"\u003e\n\u003cstrong class=\"sq-ows__chapter-title\"\u003e CONDITIONS BEFORE DECISIONS \u003c\/strong\u003e \u003cspan class=\"sq-ows__chapter-desc\"\u003e Pack \/ set up \/ monitor \/ plan \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__chapter-code\"\u003eFIELD\u003cbr\u003eROUTINE\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__flow\"\u003e\n\u003cdiv class=\"sq-ows__flow-item\"\u003e\n\u003cspan class=\"sq-ows__flow-no\"\u003e 01 \u003c\/span\u003e \u003cstrong\u003e Pack \u003c\/strong\u003e\n\u003cp\u003eCompact enough to travel with the rest of the outdoor kit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__flow-item\"\u003e\n\u003cspan class=\"sq-ows__flow-no\"\u003e 02 \u003c\/span\u003e \u003cstrong\u003e Set Up \u003c\/strong\u003e\n\u003cp\u003ePosition it at camp or secure it using the mounting strap.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__flow-item\"\u003e\n\u003cspan class=\"sq-ows__flow-no\"\u003e 03 \u003c\/span\u003e \u003cstrong\u003e Monitor \u003c\/strong\u003e\n\u003cp\u003eKeep changing outdoor readings visible in one place.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__flow-item\"\u003e\n\u003cspan class=\"sq-ows__flow-no\"\u003e 04 \u003c\/span\u003e \u003cstrong\u003e Plan \u003c\/strong\u003e\n\u003cp\u003eUse current conditions to make better outdoor decisions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-ows__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/12-6.jpg?v=1791292297\" alt=\"SorAlique Outdoor Weather Station shown through pack, setup, monitoring and outdoor planning use cases\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n SENSOR CORE\n ====================================================== --\u003e\n\u003csection class=\"sq-ows__sensor\"\u003e\n\u003cdiv class=\"sq-ows__sensor-main\"\u003e\n\u003cdiv class=\"sq-ows__sensor-label\"\u003eEnvironmental Sensor Array\u003c\/div\u003e\n\u003ch3 class=\"sq-ows__sensor-title\"\u003eThe weather changes. \u003cspan\u003eYour readout changes with it.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp class=\"sq-ows__sensor-copy\"\u003eThe upper sensor assembly and wind hardware feed outdoor conditions into a single LCD interface, keeping the most useful field information together in one portable device.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__sensor-visual\"\u003e\n\u003cdiv class=\"sq-ows__shield\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__mast\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__wind\"\u003e\n\u003cspan class=\"sq-ows__cup sq-ows__cup--left\"\u003e\u003c\/span\u003e \u003cspan class=\"sq-ows__cup sq-ows__cup--right\"\u003e\u003c\/span\u003e \u003cspan class=\"sq-ows__vane\"\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__sensor-meta\"\u003eSENSOR ARRAY\u003cbr\u003eWIND HARDWARE\u003cbr\u003eLIVE DISPLAY\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n 02 — DATA + HARDWARE\n ====================================================== --\u003e\n\u003cdiv class=\"sq-ows__chapter\"\u003e\n\u003cdiv class=\"sq-ows__chapter-no\"\u003e02 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__chapter-main\"\u003e\n\u003cstrong class=\"sq-ows__chapter-title\"\u003e ONE SCREEN. MULTIPLE CONDITIONS. \u003c\/strong\u003e \u003cspan class=\"sq-ows__chapter-desc\"\u003e Temperature \/ humidity \/ wind \/ pressure \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__chapter-code\"\u003eLIVE\u003cbr\u003eDATA\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__data\"\u003e\n\u003cdiv class=\"sq-ows__data-item\"\u003e\n\u003cspan class=\"sq-ows__data-code\"\u003e TEMP \u003c\/span\u003e \u003cstrong\u003e Outdoor Temperature \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__data-item\"\u003e\n\u003cspan class=\"sq-ows__data-code\"\u003e HUM \u003c\/span\u003e \u003cstrong\u003e Humidity Tracking \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__data-item\"\u003e\n\u003cspan class=\"sq-ows__data-code\"\u003e WIND \u003c\/span\u003e \u003cstrong\u003e Wind Readout \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__data-item\"\u003e\n\u003cspan class=\"sq-ows__data-code\"\u003e PRES \u003c\/span\u003e \u003cstrong\u003e Pressure Display \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__build\"\u003e\n\u003cdiv class=\"sq-ows__build-item\"\u003e\n\u003cspan class=\"sq-ows__build-small\"\u003e Sensor \u003c\/span\u003e \u003cstrong\u003e Weather Sensor Assembly \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__build-item\"\u003e\n\u003cspan class=\"sq-ows__build-small\"\u003e Interface \u003c\/span\u003e \u003cstrong\u003e LCD Data Display \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__build-item\"\u003e\n\u003cspan class=\"sq-ows__build-small\"\u003e Protection \u003c\/span\u003e \u003cstrong\u003e Protective Edge \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__build-item\"\u003e\n\u003cspan class=\"sq-ows__build-small\"\u003e Placement \u003c\/span\u003e \u003cstrong\u003e Folding Stand \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-ows__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/12-7.jpg?v=1791292297\" alt=\"SorAlique Outdoor Weather Station showing weather sensor, LCD display, protective edge, folding stand and included accessories\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n 03 — SCALE \/ KIT\n ====================================================== --\u003e\n\u003cdiv class=\"sq-ows__chapter\"\u003e\n\u003cdiv class=\"sq-ows__chapter-no\"\u003e03 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__chapter-main\"\u003e\n\u003cstrong class=\"sq-ows__chapter-title\"\u003e FIELD DATA IN A COMPACT FORMAT \u003c\/strong\u003e \u003cspan class=\"sq-ows__chapter-desc\"\u003e Portable station \/ mounting \/ charging \/ storage \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__chapter-code\"\u003eFIELD\u003cbr\u003eSCALE\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"sq-ows__spec\"\u003e\n\u003cdiv class=\"sq-ows__spec-main\"\u003e\n\u003cdiv class=\"sq-ows__spec-label\"\u003eWeather Station\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__dimensions\"\u003e\n\u003cstrong class=\"sq-ows__dimension\"\u003e 18.5 \u003c\/strong\u003e \u003cspan class=\"sq-ows__x\"\u003e × \u003c\/span\u003e \u003cstrong class=\"sq-ows__dimension\"\u003e 10.5 \u003c\/strong\u003e \u003cspan class=\"sq-ows__x\"\u003e × \u003c\/span\u003e \u003cstrong class=\"sq-ows__dimension\"\u003e 5.5 \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__unit\"\u003eHeight × Width × Depth \/ CM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__spec-side\"\u003e\n\u003cdiv class=\"sq-ows__stat\"\u003e\n\u003csmall\u003e Charging\u003cbr\u003eCable \u003c\/small\u003e \u003cstrong\u003e 100 CM \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__stat\"\u003e\n\u003csmall\u003e Mounting\u003cbr\u003eStrap \u003c\/small\u003e \u003cstrong\u003e 50 CM \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"sq-ows__kit\"\u003e\n\u003cdiv class=\"sq-ows__kit-item\"\u003e\n\u003cspan class=\"sq-ows__kit-no\"\u003e 01 \u003c\/span\u003e \u003cstrong\u003e Outdoor Weather Station \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__kit-item\"\u003e\n\u003cspan class=\"sq-ows__kit-no\"\u003e 02 \u003c\/span\u003e \u003cstrong\u003e Charging Cable \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__kit-item\"\u003e\n\u003cspan class=\"sq-ows__kit-no\"\u003e 03 \u003c\/span\u003e \u003cstrong\u003e Mounting Strap \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__kit-item\"\u003e\n\u003cspan class=\"sq-ows__kit-no\"\u003e 04 \u003c\/span\u003e \u003cstrong\u003e Protective Pouch \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__parts\"\u003e\n\u003cdiv class=\"sq-ows__part\"\u003e\n\u003cspan class=\"sq-ows__part-small\"\u003e Protective Pouch \u003c\/span\u003e \u003cstrong\u003e 18 × 12 \u003c\/strong\u003e \u003cspan\u003e × 1.5 CM \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__part\"\u003e\n\u003cspan class=\"sq-ows__part-small\"\u003e Charging Cable \u003c\/span\u003e \u003cstrong\u003e 100 CM \u003c\/strong\u003e \u003cspan\u003e Approx. 39.4 in \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__part\"\u003e\n\u003cspan class=\"sq-ows__part-small\"\u003e Mounting Strap \u003c\/span\u003e \u003cstrong\u003e 50 × 2.5 \u003c\/strong\u003e \u003cspan\u003e CM \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-ows__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/12-8.png?v=1791292306\" alt=\"SorAlique Outdoor Weather Station dimensions with protective pouch, charging cable and mounting strap\" width=\"1000\" height=\"1000\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n END\n ====================================================== --\u003e\n\u003csection class=\"sq-ows__end\"\u003e\n\u003cdiv class=\"sq-ows__end-main\"\u003e\n\u003cdiv class=\"sq-ows__end-label\"\u003eSorAlique \/ Field Telemetry System\u003c\/div\u003e\n\u003ch3\u003eKnow the conditions.\u003cbr\u003eMove with better context.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-ows__end-meta\"\u003eTemperature Monitoring\u003cbr\u003eHumidity Tracking\u003cbr\u003eWeather Trend Display\u003cbr\u003ePortable Field Setup\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Soralique","offers":[{"title":"Default Title","offer_id":45685392769047,"sku":"Soralique012*1","price":98.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/12-1.png?v=1791292306"},{"product_id":"soralique™-modular-camp-table","title":"Soralique™ Modular Camp Table","description":"\u003cstyle\u003e\n\/* ============================================================\n SORALIQUE — MODULAR CAMP TABLE\n FIELD PLATFORM \/ MODULAR SURFACE 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-mct {\n --wood-950:#3a281d;\n --wood-800:#604431;\n --wood-650:#8a6344;\n --wood-soft:#c59b70;\n\n --bronze-900:#54463b;\n --bronze-700:#7b6755;\n --bronze-soft:#b59a7e;\n\n --frame:#202425;\n --frame-2:#34393a;\n --graphite:#555c5c;\n\n --forest:#173d31;\n\n --canvas:#f6f2ea;\n --sand:#e9dfd0;\n --mist:#ebece8;\n\n --signal:#d58a37;\n --signal-soft:#edb66e;\n\n --ink:#1d211f;\n --muted:#727874;\n --line:rgba(58,40,29,.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 FIX\n ============================================================ *\/\n\n.product__description:has(.sq-mct),\n.product-description:has(.sq-mct),\n.product__text:has(.sq-mct),\n.product-info__description:has(.sq-mct),\n.product-info__block:has(.sq-mct),\n.rte:has(.sq-mct) {\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-mct {\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-mct {\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-mct {\n width:100%;\n max-width:100%;\n min-width:0;\n }\n}\n\n\n.sq-mct *,\n.sq-mct *::before,\n.sq-mct *::after {\n box-sizing:border-box;\n}\n\n\n\/* ============================================================\n 01 — HERO \/ MODULAR PLATFORM\n ============================================================ *\/\n\n.sq-mct__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 #fbf8f2 0%,\n #f2ece3 57%,\n #e6ddcf 100%\n );\n}\n\n\n\/* tabletop rail grid *\/\n.sq-mct__hero::before {\n content:\"\";\n\n position:absolute;\n inset:0;\n\n background-image:\n repeating-linear-gradient(\n 90deg,\n rgba(96,68,49,.055) 0 1px,\n transparent 1px 26px\n );\n\n mask-image:\n linear-gradient(\n to left,\n rgba(0,0,0,.88),\n transparent 72%\n );\n\n pointer-events:none;\n}\n\n\n\/* joint marker *\/\n.sq-mct__hero::after {\n content:\"\";\n\n position:absolute;\n\n right:58px;\n top:49px;\n\n width:12px;\n height:12px;\n\n border:2px solid var(--signal);\n\n background:\n rgba(255,255,255,.45);\n\n transform:rotate(45deg);\n\n box-shadow:\n 0 0 0 7px rgba(213,138,55,.08);\n\n pointer-events:none;\n}\n\n\n.sq-mct__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-mct__series {\n display:flex;\n align-items:center;\n\n gap:10px;\n\n color:var(--wood-950);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.18em;\n\n text-transform:uppercase;\n}\n\n\n.sq-mct__series::before {\n content:\"\";\n\n width:26px;\n height:2px;\n\n background:var(--signal);\n}\n\n\n.sq-mct__mode {\n color:\n rgba(58,40,29,.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-mct__hero-grid {\n position:relative;\n z-index:1;\n\n display:grid;\n\n grid-template-columns:\n minmax(0,1.5fr)\n minmax(220px,.6fr);\n\n align-items:end;\n\n gap:\n clamp(28px,5vw,66px);\n\n min-width:0;\n}\n\n\n.sq-mct__eyebrow {\n margin:0 0 13px;\n\n color:var(--signal);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.20em;\n\n text-transform:uppercase;\n}\n\n\n.sq-mct__title {\n max-width:710px;\n\n margin:0;\n\n color:var(--frame);\n\n font-size:\n clamp(38px,6vw,76px);\n\n font-weight:850;\n\n line-height:.90;\n\n letter-spacing:-.058em;\n}\n\n\n.sq-mct__title span {\n display:block;\n\n color:var(--wood-800);\n}\n\n\n.sq-mct__intro {\n max-width:570px;\n\n margin:20px 0 0;\n\n color:\n rgba(29,33,31,.66);\n\n font-size:13px;\n\n line-height:1.72;\n}\n\n\n\/* ============================================================\n PLATFORM MAP\n ============================================================ *\/\n\n.sq-mct__platformmap {\n display:grid;\n\n width:min(100%,240px);\n\n justify-self:end;\n\n gap:6px;\n\n min-width:0;\n}\n\n\n.sq-mct__module {\n display:grid;\n\n grid-template-columns:\n 42px\n minmax(0,1fr);\n\n align-items:center;\n\n min-width:0;\n\n border:\n 1px solid rgba(58,40,29,.16);\n\n background:\n rgba(255,255,255,.50);\n}\n\n\n.sq-mct__module-no {\n display:grid;\n place-items:center;\n\n align-self:stretch;\n\n min-height:50px;\n\n background:var(--frame);\n\n color:#fff;\n\n font-size:9px;\n font-weight:800;\n}\n\n\n.sq-mct__module:nth-child(2)\n.sq-mct__module-no {\n background:var(--wood-800);\n}\n\n\n.sq-mct__module:nth-child(3)\n.sq-mct__module-no {\n background:var(--signal);\n}\n\n\n.sq-mct__module-name {\n padding:\n 11px 13px;\n\n color:var(--wood-950);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.09em;\n\n text-transform:uppercase;\n}\n\n\n\/* ============================================================\n 02 — MARQUEE\n ============================================================ *\/\n\n.sq-mct__marquee {\n overflow:hidden;\n\n margin:12px 0;\n\n background:var(--frame);\n\n color:#fff;\n}\n\n\n.sq-mct__marquee-track {\n display:flex;\n\n width:max-content;\n\n animation:\n sqMctRun 29s linear infinite;\n\n will-change:transform;\n}\n\n\n.sq-mct__marquee:hover\n.sq-mct__marquee-track {\n animation-play-state:paused;\n}\n\n\n.sq-mct__marquee-group {\n display:flex;\n align-items:center;\n\n flex-shrink:0;\n\n white-space:nowrap;\n}\n\n\n.sq-mct__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-mct__marquee-mark {\n width:16px;\n height:2px;\n\n flex:0 0 16px;\n\n background:var(--signal-soft);\n}\n\n\n@keyframes sqMctRun {\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-mct__chapter {\n display:grid;\n\n grid-template-columns:\n 72px\n minmax(0,1fr)\n auto;\n\n align-items:center;\n\n gap:18px;\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-mct__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-mct__chapter-main {\n min-width:0;\n}\n\n\n.sq-mct__chapter-title {\n display:block;\n\n color:var(--frame);\n\n font-size:\n clamp(18px,2vw,25px);\n\n font-weight:850;\n\n letter-spacing:-.025em;\n}\n\n\n.sq-mct__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-mct__chapter-code {\n color:\n rgba(58,40,29,.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-mct__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(58,40,29,.11);\n\n background:#f7f5f0;\n\n transition:\n transform .28s ease,\n box-shadow .28s ease;\n}\n\n\n.sq-mct__plate:hover {\n transform:translateY(-5px);\n\n box-shadow:\n 0 28px 60px rgba(44,31,23,.12),\n 0 8px 18px rgba(44,31,23,.05);\n}\n\n\n.sq-mct__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-mct__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(--wood-800);\n}\n\n\n.sq-mct__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 — FOUR CORE FEATURES\n ============================================================ *\/\n\n.sq-mct__core {\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-mct__core-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-mct__core-item:last-child {\n border-right:0;\n}\n\n\n.sq-mct__core-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-mct__core-no::after {\n content:\"\";\n\n flex:1;\n\n height:1px;\n\n background:\n rgba(213,138,55,.28);\n}\n\n\n.sq-mct__core-item strong {\n display:block;\n\n color:var(--frame);\n\n font-size:12px;\n font-weight:850;\n\n line-height:1.35;\n}\n\n\n\/* ============================================================\n 06 — EXPANSION SYSTEM\n ============================================================ *\/\n\n.sq-mct__expand {\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(--frame);\n\n color:#fff;\n}\n\n\n.sq-mct__expand-main {\n min-width:0;\n\n padding:\n clamp(28px,4.5vw,52px);\n}\n\n\n.sq-mct__expand-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-mct__expand-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-mct__expand-title span {\n color:#dcc7b1;\n}\n\n\n.sq-mct__expand-copy {\n max-width:520px;\n\n margin:18px 0 0;\n\n color:\n rgba(255,255,255,.61);\n\n font-size:12px;\n\n line-height:1.75;\n}\n\n\n\/* modular rail visualization *\/\n.sq-mct__expand-visual {\n position:relative;\n\n overflow:hidden;\n\n min-width:0;\n min-height:285px;\n\n background:\n linear-gradient(\n 145deg,\n #574a40,\n #282b2a\n );\n}\n\n\n.sq-mct__rail {\n position:absolute;\n\n left:50%;\n top:50%;\n\n width:190px;\n height:74px;\n\n transform:\n translate(-50%,-50%);\n}\n\n\n.sq-mct__rail-main {\n position:absolute;\n\n left:0;\n top:17px;\n\n width:124px;\n height:40px;\n\n border:\n 1px solid rgba(255,255,255,.22);\n\n background:\n repeating-linear-gradient(\n 90deg,\n rgba(197,155,112,.60) 0 8px,\n transparent 8px 12px\n );\n}\n\n\n.sq-mct__rail-extension {\n position:absolute;\n\n right:0;\n top:17px;\n\n width:58px;\n height:40px;\n\n border:\n 1px solid rgba(237,182,110,.50);\n\n background:\n repeating-linear-gradient(\n 90deg,\n rgba(213,138,55,.55) 0 8px,\n transparent 8px 12px\n );\n}\n\n\n.sq-mct__rail-joint {\n position:absolute;\n\n left:120px;\n top:10px;\n\n width:9px;\n height:54px;\n\n background:var(--signal);\n}\n\n\n.sq-mct__expand-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 — STRUCTURE MAP\n ============================================================ *\/\n\n.sq-mct__structure {\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 #f8f6f1,\n #ece7df\n );\n}\n\n\n.sq-mct__structure-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-mct__structure-item:last-child {\n border-right:0;\n}\n\n\n.sq-mct__structure-code {\n display:block;\n\n margin-bottom:13px;\n\n color:var(--signal);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.14em;\n}\n\n\n.sq-mct__structure-item strong {\n display:block;\n\n color:var(--wood-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 — KIT SYSTEM\n ============================================================ *\/\n\n.sq-mct__kit {\n display:grid;\n\n grid-template-columns:\n 1.2fr\n 1fr\n 1fr\n 1fr\n 1.1fr;\n\n min-width:0;\n\n margin:0 0 12px;\n\n border:\n 1px solid var(--line);\n\n background:var(--mist);\n}\n\n\n.sq-mct__kit-item {\n min-width:0;\n\n padding:\n 18px\n 14px\n 17px;\n\n border-right:\n 1px solid var(--line);\n}\n\n\n.sq-mct__kit-item:last-child {\n border-right:0;\n}\n\n\n.sq-mct__kit-no {\n display:block;\n\n margin-bottom:12px;\n\n color:var(--signal);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.14em;\n}\n\n\n.sq-mct__kit-item strong {\n display:block;\n\n color:var(--frame);\n\n font-size:10px;\n font-weight:850;\n\n line-height:1.35;\n\n text-transform:uppercase;\n}\n\n\n\/* ============================================================\n 09 — DIMENSION DASHBOARD\n ============================================================ *\/\n\n.sq-mct__spec {\n display:grid;\n\n grid-template-columns:\n minmax(0,1.35fr)\n minmax(300px,.65fr);\n\n min-width:0;\n\n margin:0 0 12px;\n\n background:var(--wood-950);\n\n color:#fff;\n}\n\n\n.sq-mct__spec-main {\n min-width:0;\n\n padding:\n clamp(27px,4.3vw,48px);\n}\n\n\n.sq-mct__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-mct__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-mct__dimension {\n color:#fff;\n\n font-size:\n clamp(37px,5.7vw,68px);\n\n font-weight:850;\n\n line-height:.91;\n\n letter-spacing:-.055em;\n}\n\n\n.sq-mct__x {\n padding-bottom:5px;\n\n color:var(--signal);\n\n font-size:16px;\n}\n\n\n.sq-mct__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-mct__height {\n display:flex;\n flex-direction:column;\n justify-content:space-between;\n\n min-width:0;\n\n padding:\n clamp(26px,3.6vw,42px);\n\n background:\n linear-gradient(\n 145deg,\n var(--bronze-700),\n #3f352e\n );\n\n border-left:\n 1px solid rgba(255,255,255,.08);\n}\n\n\n.sq-mct__height-label {\n color:\n rgba(255,255,255,.52);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.14em;\n\n text-transform:uppercase;\n}\n\n\n.sq-mct__height-value {\n margin-top:28px;\n\n color:#fff;\n\n font-size:\n clamp(28px,4vw,46px);\n\n font-weight:850;\n\n line-height:.94;\n\n letter-spacing:-.045em;\n}\n\n\n.sq-mct__height-value span {\n display:block;\n\n margin-top:8px;\n\n color:var(--signal-soft);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.13em;\n\n text-transform:uppercase;\n}\n\n\n\/* ============================================================\n 10 — DETAIL SCALE\n ============================================================ *\/\n\n.sq-mct__details {\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(--sand);\n}\n\n\n.sq-mct__detail {\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-mct__detail:last-child {\n border-right:0;\n}\n\n\n.sq-mct__detail-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:.14em;\n\n text-transform:uppercase;\n}\n\n\n.sq-mct__detail strong {\n display:block;\n\n color:var(--wood-950);\n\n font-size:16px;\n font-weight:850;\n\n line-height:1.2;\n}\n\n\n.sq-mct__detail 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 11 — USE MODES\n ============================================================ *\/\n\n.sq-mct__uses {\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(--canvas);\n}\n\n\n.sq-mct__use {\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-mct__use:last-child {\n border-right:0;\n}\n\n\n.sq-mct__use-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-mct__use strong {\n display:block;\n\n color:var(--frame);\n\n font-size:13px;\n font-weight:850;\n}\n\n\n\/* ============================================================\n 12 — END\n ============================================================ *\/\n\n.sq-mct__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 #e8dfd2,\n #d6c8b6\n );\n\n border:1px solid var(--line);\n}\n\n\n.sq-mct__end::after {\n content:\"BUILD THE TABLE\";\n\n position:absolute;\n\n right:-22px;\n top:-5px;\n\n color:\n rgba(58,40,29,.055);\n\n font-size:\n clamp(46px,8.5vw,108px);\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-mct__end-main {\n position:relative;\n z-index:1;\n\n min-width:0;\n}\n\n\n.sq-mct__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-mct__end h3 {\n max-width:630px;\n\n margin:0;\n\n color:var(--frame);\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-mct__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(--wood-800);\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-mct {\n width:100%;\n max-width:100%;\n min-width:0;\n\n margin:24px 0 38px;\n }\n\n\n .sq-mct__hero {\n padding:\n 28px\n 19px\n 26px;\n }\n\n\n .sq-mct__topline {\n margin-bottom:40px;\n }\n\n\n .sq-mct__mode {\n display:none;\n }\n\n\n .sq-mct__hero-grid {\n grid-template-columns:1fr;\n\n gap:30px;\n }\n\n\n .sq-mct__title {\n font-size:\n clamp(39px,12vw,56px);\n }\n\n\n .sq-mct__platformmap {\n width:100%;\n\n justify-self:stretch;\n }\n\n\n .sq-mct__marquee-item {\n padding:\n 13px\n 16px;\n\n font-size:9px;\n }\n\n\n .sq-mct__chapter {\n grid-template-columns:\n 52px\n minmax(0,1fr);\n\n gap:10px;\n }\n\n\n .sq-mct__chapter-code {\n display:none;\n }\n\n\n .sq-mct__plate {\n padding:5px;\n }\n\n\n .sq-mct__plate:hover {\n transform:translateY(-2px);\n }\n\n\n .sq-mct__core {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-mct__core-item:nth-child(2) {\n border-right:0;\n }\n\n\n .sq-mct__core-item:nth-child(1),\n .sq-mct__core-item:nth-child(2) {\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-mct__expand {\n grid-template-columns:1fr;\n }\n\n\n .sq-mct__expand-visual {\n min-height:230px;\n }\n\n\n .sq-mct__structure {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-mct__structure-item:nth-child(2) {\n border-right:0;\n }\n\n\n .sq-mct__structure-item:nth-child(1),\n .sq-mct__structure-item:nth-child(2) {\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-mct__kit {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-mct__kit-item {\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-mct__kit-item:nth-child(2n) {\n border-right:0;\n }\n\n\n .sq-mct__kit-item:last-child {\n grid-column:1 \/ -1;\n\n border-right:0;\n border-bottom:0;\n }\n\n\n .sq-mct__spec {\n grid-template-columns:1fr;\n }\n\n\n .sq-mct__height {\n border-left:0;\n\n border-top:\n 1px solid rgba(255,255,255,.08);\n }\n\n\n .sq-mct__details {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-mct__detail:nth-child(2) {\n border-right:0;\n }\n\n\n .sq-mct__detail:nth-child(1),\n .sq-mct__detail:nth-child(2) {\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-mct__uses {\n grid-template-columns:1fr;\n }\n\n\n .sq-mct__use {\n border-right:0;\n\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-mct__use:last-child {\n border-bottom:0;\n }\n\n\n .sq-mct__end {\n grid-template-columns:1fr;\n }\n\n\n .sq-mct__end-meta {\n padding-left:14px;\n }\n\n}\n\n\n@media(prefers-reduced-motion:reduce) {\n\n .sq-mct__marquee-track {\n animation:none;\n }\n\n\n .sq-mct__plate {\n transition:none;\n }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"sq-mct\"\u003e\n\u003c!-- ======================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"sq-mct__hero\"\u003e\n\u003cdiv class=\"sq-mct__topline\"\u003e\n\u003cdiv class=\"sq-mct__series\"\u003eSORALIQUE \/ FIELD PLATFORM\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__mode\"\u003eMODULAR OUTDOOR TABLE SYSTEM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"sq-mct__eyebrow\"\u003eModular Camp Table\u003c\/p\u003e\n\u003ch2 class=\"sq-mct__title\"\u003eBuild The Surface. \u003cspan\u003eShape The Camp.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sq-mct__intro\"\u003eA modular outdoor table system built around a folding frame, removable tabletop panels and adjustable legs — ready to become a dining table, cooking surface or organized camp workspace.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__platformmap\"\u003e\n\u003cdiv class=\"sq-mct__module\"\u003e\n\u003cspan class=\"sq-mct__module-no\"\u003e 01 \u003c\/span\u003e \u003cspan class=\"sq-mct__module-name\"\u003e Main Platform \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__module\"\u003e\n\u003cspan class=\"sq-mct__module-no\"\u003e 02 \u003c\/span\u003e \u003cspan class=\"sq-mct__module-name\"\u003e Extension Module \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__module\"\u003e\n\u003cspan class=\"sq-mct__module-no\"\u003e 03 \u003c\/span\u003e \u003cspan class=\"sq-mct__module-name\"\u003e Adjustable Frame \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-mct__marquee\"\u003e\n\u003cdiv class=\"sq-mct__marquee-track\"\u003e\n\u003cdiv class=\"sq-mct__marquee-group\"\u003e\n\u003cspan class=\"sq-mct__marquee-item\"\u003e MODULAR TABLETOP \u003ci class=\"sq-mct__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-mct__marquee-item\"\u003e STRONG ALUMINUM FRAME \u003ci class=\"sq-mct__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-mct__marquee-item\"\u003e 500–700 MM ADJUSTABLE HEIGHT \u003ci class=\"sq-mct__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-mct__marquee-item\"\u003e FOLDING FRAME \u003ci class=\"sq-mct__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-mct__marquee-item\"\u003e STORAGE HOOKS \u003ci class=\"sq-mct__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-mct__marquee-item\"\u003e COOK \/ DINE \/ ORGANIZE \u003ci class=\"sq-mct__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__marquee-group\"\u003e\n\u003cspan class=\"sq-mct__marquee-item\"\u003e MODULAR TABLETOP \u003ci class=\"sq-mct__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-mct__marquee-item\"\u003e STRONG ALUMINUM FRAME \u003ci class=\"sq-mct__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-mct__marquee-item\"\u003e 500–700 MM ADJUSTABLE HEIGHT \u003ci class=\"sq-mct__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-mct__marquee-item\"\u003e FOLDING FRAME \u003ci class=\"sq-mct__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-mct__marquee-item\"\u003e STORAGE HOOKS \u003ci class=\"sq-mct__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-mct__marquee-item\"\u003e COOK \/ DINE \/ ORGANIZE \u003ci class=\"sq-mct__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 — FLEXIBLE OUTDOOR LIVING\n ====================================================== --\u003e\n\u003cdiv class=\"sq-mct__chapter\"\u003e\n\u003cdiv class=\"sq-mct__chapter-no\"\u003e01 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__chapter-main\"\u003e\n\u003cstrong class=\"sq-mct__chapter-title\"\u003e A PLATFORM THAT CHANGES WITH CAMP \u003c\/strong\u003e \u003cspan class=\"sq-mct__chapter-desc\"\u003e Frame \/ surface \/ modules \/ adjustment \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__chapter-code\"\u003eFLEX\u003cbr\u003eSYSTEM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__core\"\u003e\n\u003cdiv class=\"sq-mct__core-item\"\u003e\n\u003cspan class=\"sq-mct__core-no\"\u003e 01 \u003c\/span\u003e \u003cstrong\u003e Strong Structural Frame \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__core-item\"\u003e\n\u003cspan class=\"sq-mct__core-no\"\u003e 02 \u003c\/span\u003e \u003cstrong\u003e Modular Tabletop Design \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__core-item\"\u003e\n\u003cspan class=\"sq-mct__core-no\"\u003e 03 \u003c\/span\u003e \u003cstrong\u003e Durable Outdoor Surface \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__core-item\"\u003e\n\u003cspan class=\"sq-mct__core-no\"\u003e 04 \u003c\/span\u003e \u003cstrong\u003e Adjustable Leg Height \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-mct__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/13-6.jpg?v=1791293236\" alt=\"SorAlique modular outdoor camp table showing strong frame, modular design, durable surface and adjustable legs\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n MODULAR EXPANSION\n ====================================================== --\u003e\n\u003csection class=\"sq-mct__expand\"\u003e\n\u003cdiv class=\"sq-mct__expand-main\"\u003e\n\u003cdiv class=\"sq-mct__expand-label\"\u003eModular Surface\u003c\/div\u003e\n\u003ch3 class=\"sq-mct__expand-title\"\u003eAdd surface. \u003cspan\u003eChange the setup.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp class=\"sq-mct__expand-copy\"\u003eSeparate tabletop panels and an extension module let the table function as a flexible outdoor platform rather than a fixed single-purpose piece of furniture.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__expand-visual\"\u003e\n\u003cdiv class=\"sq-mct__rail\"\u003e\n\u003cdiv class=\"sq-mct__rail-main\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__rail-joint\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__rail-extension\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__expand-meta\"\u003eMAIN PANEL\u003cbr\u003eJOINING NODE\u003cbr\u003eEXTENSION MODULE\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n 02 — FRAME + KIT\n ====================================================== --\u003e\n\u003cdiv class=\"sq-mct__chapter\"\u003e\n\u003cdiv class=\"sq-mct__chapter-no\"\u003e02 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__chapter-main\"\u003e\n\u003cstrong class=\"sq-mct__chapter-title\"\u003e BUILT TO FOLD. BUILT TO EXPAND. \u003c\/strong\u003e \u003cspan class=\"sq-mct__chapter-desc\"\u003e Panels \/ adjustable legs \/ hooks \/ folding frame \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__chapter-code\"\u003eTABLE\u003cbr\u003eBUILD\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__structure\"\u003e\n\u003cdiv class=\"sq-mct__structure-item\"\u003e\n\u003cspan class=\"sq-mct__structure-code\"\u003e MOD \/ 01 \u003c\/span\u003e \u003cstrong\u003e Modular Panels \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__structure-item\"\u003e\n\u003cspan class=\"sq-mct__structure-code\"\u003e LEG \/ 02 \u003c\/span\u003e \u003cstrong\u003e Adjustable Legs \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__structure-item\"\u003e\n\u003cspan class=\"sq-mct__structure-code\"\u003e UTIL \/ 03 \u003c\/span\u003e \u003cstrong\u003e Storage Hooks \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__structure-item\"\u003e\n\u003cspan class=\"sq-mct__structure-code\"\u003e FOLD \/ 04 \u003c\/span\u003e \u003cstrong\u003e Folding Frame \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__kit\"\u003e\n\u003cdiv class=\"sq-mct__kit-item\"\u003e\n\u003cspan class=\"sq-mct__kit-no\"\u003e 01 \u003c\/span\u003e \u003cstrong\u003e Folding Table Frame \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__kit-item\"\u003e\n\u003cspan class=\"sq-mct__kit-no\"\u003e 02 \u003c\/span\u003e \u003cstrong\u003e 2 × Tabletop Panels \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__kit-item\"\u003e\n\u003cspan class=\"sq-mct__kit-no\"\u003e 03 \u003c\/span\u003e \u003cstrong\u003e Extension Module \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__kit-item\"\u003e\n\u003cspan class=\"sq-mct__kit-no\"\u003e 04 \u003c\/span\u003e \u003cstrong\u003e Storage Hook Set \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__kit-item\"\u003e\n\u003cspan class=\"sq-mct__kit-no\"\u003e 05 \u003c\/span\u003e \u003cstrong\u003e Carry Bag \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-mct__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/13-7.jpg?v=1791293235\" alt=\"SorAlique Modular Camp Table showing modular panels, adjustable legs, storage hooks, folding frame and included components\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n 03 — REAL SCALE\n ====================================================== --\u003e\n\u003cdiv class=\"sq-mct__chapter\"\u003e\n\u003cdiv class=\"sq-mct__chapter-no\"\u003e03 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__chapter-main\"\u003e\n\u003cstrong class=\"sq-mct__chapter-title\"\u003e FULL SURFACE. VARIABLE HEIGHT. \u003c\/strong\u003e \u003cspan class=\"sq-mct__chapter-desc\"\u003e 1200 mm platform \/ adjustable working height \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__chapter-code\"\u003eTABLE\u003cbr\u003eSCALE\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"sq-mct__spec\"\u003e\n\u003cdiv class=\"sq-mct__spec-main\"\u003e\n\u003cdiv class=\"sq-mct__spec-label\"\u003eFull Tabletop\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__dimensions\"\u003e\n\u003cstrong class=\"sq-mct__dimension\"\u003e 1200 \u003c\/strong\u003e \u003cspan class=\"sq-mct__x\"\u003e × \u003c\/span\u003e \u003cstrong class=\"sq-mct__dimension\"\u003e 600 \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__unit\"\u003eLength × Width \/ MM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__height\"\u003e\n\u003cspan class=\"sq-mct__height-label\"\u003e Adjustable Height \u003c\/span\u003e \u003cstrong class=\"sq-mct__height-value\"\u003e 500–700 \u003cspan\u003e MM \/ Variable Setup \u003c\/span\u003e \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cdiv class=\"sq-mct__details\"\u003e\n\u003cdiv class=\"sq-mct__detail\"\u003e\n\u003cspan class=\"sq-mct__detail-small\"\u003e Frame Joint \u003c\/span\u003e \u003cstrong\u003e 25 MM \u003c\/strong\u003e \u003cspan\u003e Connection profile \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__detail\"\u003e\n\u003cspan class=\"sq-mct__detail-small\"\u003e Support Tube \u003c\/span\u003e \u003cstrong\u003e Φ22 MM \u003c\/strong\u003e \u003cspan\u003e Frame tube \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__detail\"\u003e\n\u003cspan class=\"sq-mct__detail-small\"\u003e Panel Join \u003c\/span\u003e \u003cstrong\u003e 8 MM \u003c\/strong\u003e \u003cspan\u003e Modular connection \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__detail\"\u003e\n\u003cspan class=\"sq-mct__detail-small\"\u003e Foot Pad \u003c\/span\u003e \u003cstrong\u003e Φ28 MM \u003c\/strong\u003e \u003cspan\u003e Stable ground contact \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__uses\"\u003e\n\u003cdiv class=\"sq-mct__use\"\u003e\n\u003cspan class=\"sq-mct__use-small\"\u003e Surface \/ 01 \u003c\/span\u003e \u003cstrong\u003e Outdoor Cooking \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__use\"\u003e\n\u003cspan class=\"sq-mct__use-small\"\u003e Surface \/ 02 \u003c\/span\u003e \u003cstrong\u003e Camp Dining \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__use\"\u003e\n\u003cspan class=\"sq-mct__use-small\"\u003e Surface \/ 03 \u003c\/span\u003e \u003cstrong\u003e Gear Organization \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-mct__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/13-8.png?v=1791293245\" alt=\"SorAlique Modular Camp Table dimensions, adjustable height, frame details and modular tabletop construction\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n END\n ====================================================== --\u003e\n\u003csection class=\"sq-mct__end\"\u003e\n\u003cdiv class=\"sq-mct__end-main\"\u003e\n\u003cdiv class=\"sq-mct__end-label\"\u003eSorAlique \/ Field Platform System\u003c\/div\u003e\n\u003ch3\u003eOne frame.\u003cbr\u003eMore ways to use the space.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-mct__end-meta\"\u003e1200 × 600 MM Surface\u003cbr\u003e500–700 MM Height\u003cbr\u003eModular Table Panels\u003cbr\u003eFolding Carry System\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Soralique","offers":[{"title":"Default Title","offer_id":45685461549079,"sku":"Soralique013*1","price":89.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/13-1.png?v=1791293245"},{"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"},{"product_id":"soralique™-outdoor-relax-hammock-1","title":"Soralique™ Adventure Essential Kit","description":"\u003cstyle\u003e\n\/* ============================================================\n SORALIQUE — TRAIL READINESS KIT\n READY KIT \/ FIELD RESPONSE SYSTEM\n ============================================================ *\/\n\n.sq-trk {\n --field-950:#0b3027;\n --field-900:#113d31;\n --field-700:#315f50;\n\n --case:#252a2b;\n --case-2:#363d3d;\n --steel:#707a78;\n\n --signal:#e67932;\n --signal-dark:#bc5420;\n --signal-soft:#f2aa69;\n\n --cream:#f8f6f0;\n --sand:#e9e1d5;\n --mist:#e8ece8;\n\n --ink:#17201d;\n --muted:#707873;\n --line:rgba(11,48,39,.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 FIX\n ============================================================ *\/\n\n.product__description:has(.sq-trk),\n.product-description:has(.sq-trk),\n.product__text:has(.sq-trk),\n.product-info__description:has(.sq-trk),\n.product-info__block:has(.sq-trk),\n.rte:has(.sq-trk) {\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 FIXED WIDTH SYSTEM\n ============================================================ *\/\n\n@media screen and (min-width:1200px) {\n .sq-trk {\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-trk {\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-trk {\n width:100%;\n max-width:100%;\n min-width:0;\n }\n}\n\n\n.sq-trk *,\n.sq-trk *::before,\n.sq-trk *::after {\n box-sizing:border-box;\n}\n\n\n\/* ============================================================\n HERO\n ============================================================ *\/\n\n.sq-trk__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 #faf9f5 0%,\n #f0eee7 58%,\n #e2e6e1 100%\n );\n}\n\n\n\/* response coordinates *\/\n.sq-trk__hero::before {\n content:\"\";\n\n position:absolute;\n\n width:390px;\n height:390px;\n\n right:-155px;\n top:-160px;\n\n border:\n 1px solid rgba(11,48,39,.12);\n\n border-radius:50%;\n\n background:\n linear-gradient(\n rgba(11,48,39,.04) 1px,\n transparent 1px\n ),\n linear-gradient(\n 90deg,\n rgba(11,48,39,.04) 1px,\n transparent 1px\n );\n\n background-size:28px 28px;\n\n box-shadow:\n 0 0 0 32px rgba(11,48,39,.025),\n 0 0 0 64px rgba(11,48,39,.015);\n\n pointer-events:none;\n}\n\n\n.sq-trk__hero::after {\n content:\"\";\n\n position:absolute;\n\n right:58px;\n top:49px;\n\n width:12px;\n height:12px;\n\n background:var(--signal);\n\n box-shadow:\n 0 0 0 7px rgba(230,121,50,.11);\n\n pointer-events:none;\n}\n\n\n.sq-trk__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-trk__series {\n display:flex;\n align-items:center;\n\n gap:10px;\n\n color:var(--field-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-trk__series::before {\n content:\"\";\n\n width:8px;\n height:8px;\n\n background:var(--signal);\n}\n\n\n.sq-trk__mode {\n color:rgba(11,48,39,.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-trk__hero-grid {\n position:relative;\n z-index:1;\n\n display:grid;\n\n grid-template-columns:\n minmax(0,1.5fr)\n minmax(220px,.6fr);\n\n align-items:end;\n\n gap:\n clamp(28px,5vw,66px);\n\n min-width:0;\n}\n\n\n.sq-trk__eyebrow {\n margin:0 0 13px;\n\n color:var(--signal);\n\n font-size:10px;\n font-weight:800;\n\n letter-spacing:.20em;\n\n text-transform:uppercase;\n}\n\n\n.sq-trk__title {\n max-width:710px;\n\n margin:0;\n\n color:var(--field-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-trk__title span {\n display:block;\n\n color:var(--case);\n}\n\n\n.sq-trk__intro {\n max-width:570px;\n\n margin:20px 0 0;\n\n color:rgba(23,32,29,.66);\n\n font-size:13px;\n\n line-height:1.72;\n}\n\n\n\/* ============================================================\n READINESS CONSOLE\n ============================================================ *\/\n\n.sq-trk__console {\n width:min(100%,235px);\n\n justify-self:end;\n\n min-width:0;\n\n border:\n 1px solid rgba(11,48,39,.16);\n\n background:rgba(255,255,255,.52);\n}\n\n\n.sq-trk__console-head {\n display:flex;\n justify-content:space-between;\n align-items:center;\n\n gap:12px;\n\n padding:\n 11px\n 13px;\n\n background:var(--case);\n\n color:#fff;\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.15em;\n\n text-transform:uppercase;\n}\n\n\n.sq-trk__status {\n display:inline-flex;\n align-items:center;\n\n gap:6px;\n\n color:var(--signal-soft);\n}\n\n\n.sq-trk__status::before {\n content:\"\";\n\n width:6px;\n height:6px;\n\n border-radius:50%;\n\n background:var(--signal);\n}\n\n\n.sq-trk__console-row {\n display:grid;\n\n grid-template-columns:\n 36px\n minmax(0,1fr)\n 34px;\n\n align-items:center;\n\n min-width:0;\n\n border-bottom:\n 1px solid var(--line);\n}\n\n\n.sq-trk__console-row:last-child {\n border-bottom:0;\n}\n\n\n.sq-trk__console-no {\n display:grid;\n place-items:center;\n\n align-self:stretch;\n\n min-height:44px;\n\n background:\n rgba(11,48,39,.055);\n\n color:var(--signal);\n\n font-size:9px;\n font-weight:800;\n}\n\n\n.sq-trk__console-name {\n padding:\n 10px 11px;\n\n color:var(--field-900);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.08em;\n\n text-transform:uppercase;\n}\n\n\n.sq-trk__console-check {\n color:var(--field-700);\n\n text-align:center;\n\n font-size:11px;\n font-weight:900;\n}\n\n\n\/* ============================================================\n MARQUEE\n ============================================================ *\/\n\n.sq-trk__marquee {\n overflow:hidden;\n\n margin:12px 0;\n\n background:var(--case);\n\n color:#fff;\n}\n\n\n.sq-trk__marquee-track {\n display:flex;\n\n width:max-content;\n\n animation:\n sqTrkRun 29s linear infinite;\n\n will-change:transform;\n}\n\n\n.sq-trk__marquee:hover\n.sq-trk__marquee-track {\n animation-play-state:paused;\n}\n\n\n.sq-trk__marquee-group {\n display:flex;\n align-items:center;\n\n flex-shrink:0;\n\n white-space:nowrap;\n}\n\n\n.sq-trk__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-trk__marquee-mark {\n width:8px;\n height:8px;\n\n flex:0 0 8px;\n\n background:var(--signal);\n\n transform:rotate(45deg);\n}\n\n\n@keyframes sqTrkRun {\n\n from {\n transform:translateX(0);\n }\n\n to {\n transform:translateX(-50%);\n }\n\n}\n\n\n\/* ============================================================\n CHAPTER\n ============================================================ *\/\n\n.sq-trk__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-trk__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-trk__chapter-main {\n min-width:0;\n}\n\n\n.sq-trk__chapter-title {\n display:block;\n\n color:var(--field-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-trk__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-trk__chapter-code {\n color:\n rgba(11,48,39,.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 IMAGE PLATE\n ============================================================ *\/\n\n.sq-trk__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,48,39,.11);\n\n background:#f6f6f2;\n\n transition:\n transform .28s ease,\n box-shadow .28s ease;\n}\n\n\n.sq-trk__plate:hover {\n transform:translateY(-5px);\n\n box-shadow:\n 0 27px 58px rgba(10,33,27,.11),\n 0 8px 18px rgba(10,33,27,.05);\n}\n\n\n.sq-trk__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-trk__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(--field-900);\n}\n\n\n.sq-trk__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 01 — READINESS FLOW\n ============================================================ *\/\n\n.sq-trk__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(--cream);\n}\n\n\n.sq-trk__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-trk__flow-item:last-child {\n border-right:0;\n}\n\n\n.sq-trk__flow-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-trk__flow-no::after {\n content:\"\";\n\n height:1px;\n\n flex:1;\n\n background:\n rgba(230,121,50,.26);\n}\n\n\n.sq-trk__flow-item strong {\n display:block;\n\n color:var(--field-950);\n\n font-size:13px;\n font-weight:850;\n}\n\n\n.sq-trk__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 RAPID ACCESS PANEL\n ============================================================ *\/\n\n.sq-trk__response {\n display:grid;\n\n grid-template-columns:\n minmax(0,1.33fr)\n minmax(250px,.67fr);\n\n min-width:0;\n\n margin:0 0 12px;\n\n background:var(--case);\n\n color:#fff;\n}\n\n\n.sq-trk__response-main {\n min-width:0;\n\n padding:\n clamp(28px,4.5vw,52px);\n}\n\n\n.sq-trk__response-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-trk__response-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-trk__response-title span {\n color:#c8d5cf;\n}\n\n\n.sq-trk__response-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\/* case cross section *\/\n.sq-trk__response-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 #3b4945,\n #1c2824\n );\n}\n\n\n.sq-trk__case {\n position:absolute;\n\n left:50%;\n top:50%;\n\n width:170px;\n height:130px;\n\n transform:\n translate(-50%,-50%);\n\n border:\n 2px solid rgba(255,255,255,.20);\n\n border-radius:13px;\n\n padding:10px;\n\n display:grid;\n\n grid-template-columns:\n 1fr 1fr;\n\n gap:6px;\n}\n\n\n.sq-trk__case span {\n position:relative;\n\n border:\n 1px solid rgba(255,255,255,.12);\n\n background:\n rgba(255,255,255,.035);\n}\n\n\n.sq-trk__case span:nth-child(1)::after {\n content:\"\";\n\n position:absolute;\n\n left:50%;\n top:50%;\n\n width:20px;\n height:34px;\n\n transform:\n translate(-50%,-50%);\n\n border-radius:7px;\n\n background:var(--signal);\n}\n\n\n.sq-trk__case span:nth-child(2)::after {\n content:\"\";\n\n position:absolute;\n\n left:50%;\n top:50%;\n\n width:31px;\n height:8px;\n\n transform:\n translate(-50%,-50%)\n rotate(-35deg);\n\n background:\n rgba(199,211,206,.60);\n}\n\n\n.sq-trk__case span:nth-child(3)::after {\n content:\"\";\n\n position:absolute;\n\n left:50%;\n top:50%;\n\n width:24px;\n height:24px;\n\n transform:\n translate(-50%,-50%);\n\n border:\n 3px solid rgba(199,211,206,.60);\n\n border-radius:50%;\n}\n\n\n.sq-trk__case span:nth-child(4)::after {\n content:\"\";\n\n position:absolute;\n\n left:50%;\n top:50%;\n\n width:14px;\n height:32px;\n\n transform:\n translate(-50%,-50%);\n\n border-radius:6px;\n\n background:\n var(--field-700);\n}\n\n\n.sq-trk__response-meta {\n position:absolute;\n\n right:20px;\n bottom:18px;\n\n color:\n rgba(255,255,255,.53);\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 CONFIRMED KIT CATEGORIES\n ============================================================ *\/\n\n.sq-trk__kit {\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:\n linear-gradient(\n 180deg,\n #f9f8f4,\n #ecebe5\n );\n}\n\n\n.sq-trk__kit-item {\n min-width:0;\n\n padding:\n 21px\n 17px\n 19px;\n\n border-right:\n 1px solid var(--line);\n\n border-bottom:\n 1px solid var(--line);\n}\n\n\n.sq-trk__kit-item:nth-child(3n) {\n border-right:0;\n}\n\n\n.sq-trk__kit-item:nth-last-child(-n+3) {\n border-bottom:0;\n}\n\n\n.sq-trk__kit-no {\n display:block;\n\n margin-bottom:12px;\n\n color:var(--signal);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.14em;\n}\n\n\n.sq-trk__kit-item strong {\n display:block;\n\n color:var(--field-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 THREE READINESS ZONES\n ============================================================ *\/\n\n.sq-trk__zones {\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(--sand);\n}\n\n\n.sq-trk__zone {\n min-width:0;\n\n padding:\n 22px\n 18px;\n\n border-right:\n 1px solid var(--line);\n}\n\n\n.sq-trk__zone:last-child {\n border-right:0;\n}\n\n\n.sq-trk__zone-small {\n display:block;\n\n margin-bottom:9px;\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-trk__zone strong {\n display:block;\n\n color:var(--field-950);\n\n font-size:14px;\n font-weight:850;\n\n line-height:1.3;\n}\n\n\n.sq-trk__zone 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 ORANGE SIGNAL BAND\n ============================================================ *\/\n\n.sq-trk__signal {\n display:grid;\n\n grid-template-columns:\n minmax(0,1.2fr)\n minmax(230px,.8fr);\n\n min-width:0;\n\n margin:0 0 12px;\n\n background:var(--signal);\n\n color:#fff;\n}\n\n\n.sq-trk__signal-main {\n min-width:0;\n\n padding:\n clamp(27px,4vw,46px);\n}\n\n\n.sq-trk__signal-label {\n margin-bottom:12px;\n\n color:\n rgba(255,255,255,.72);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.16em;\n\n text-transform:uppercase;\n}\n\n\n.sq-trk__signal h3 {\n max-width:520px;\n\n margin:0;\n\n color:#fff;\n\n font-size:\n clamp(27px,4vw,47px);\n\n font-weight:850;\n\n line-height:.96;\n\n letter-spacing:-.045em;\n}\n\n\n.sq-trk__signal-side {\n display:flex;\n flex-direction:column;\n justify-content:center;\n\n gap:8px;\n\n min-width:0;\n\n padding:\n 25px;\n\n background:\n rgba(64,29,12,.18);\n}\n\n\n.sq-trk__signal-side span {\n display:flex;\n align-items:center;\n\n gap:9px;\n\n color:\n rgba(255,255,255,.86);\n\n font-size:9px;\n font-weight:800;\n\n letter-spacing:.13em;\n\n text-transform:uppercase;\n}\n\n\n.sq-trk__signal-side span::before {\n content:\"\";\n\n width:6px;\n height:6px;\n\n flex:0 0 6px;\n\n background:#fff;\n}\n\n\n\/* ============================================================\n END\n ============================================================ *\/\n\n.sq-trk__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 #e5e9e4,\n #d2d9d1\n );\n\n border:\n 1px solid var(--line);\n}\n\n\n.sq-trk__end::after {\n content:\"STAY READY\";\n\n position:absolute;\n\n right:-10px;\n top:-5px;\n\n color:\n rgba(11,48,39,.05);\n\n font-size:\n clamp(56px,10vw,128px);\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-trk__end-main {\n position:relative;\n z-index:1;\n\n min-width:0;\n}\n\n\n.sq-trk__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-trk__end h3 {\n max-width:630px;\n\n margin:0;\n\n color:var(--field-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-trk__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(--field-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-trk {\n width:100%;\n max-width:100%;\n min-width:0;\n\n margin:24px 0 38px;\n }\n\n\n .sq-trk__hero {\n padding:\n 28px\n 19px\n 26px;\n }\n\n\n .sq-trk__topline {\n margin-bottom:40px;\n }\n\n\n .sq-trk__mode {\n display:none;\n }\n\n\n .sq-trk__hero-grid {\n grid-template-columns:1fr;\n\n gap:30px;\n }\n\n\n .sq-trk__title {\n font-size:\n clamp(39px,12vw,56px);\n }\n\n\n .sq-trk__console {\n width:100%;\n\n justify-self:stretch;\n }\n\n\n .sq-trk__marquee-item {\n padding:\n 13px\n 16px;\n\n font-size:9px;\n }\n\n\n .sq-trk__chapter {\n grid-template-columns:\n 52px\n minmax(0,1fr);\n\n gap:10px;\n }\n\n\n .sq-trk__chapter-code {\n display:none;\n }\n\n\n .sq-trk__plate {\n padding:5px;\n }\n\n\n .sq-trk__plate:hover {\n transform:translateY(-2px);\n }\n\n\n .sq-trk__flow {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-trk__flow-item:nth-child(2) {\n border-right:0;\n }\n\n\n .sq-trk__flow-item:nth-child(1),\n .sq-trk__flow-item:nth-child(2) {\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-trk__response {\n grid-template-columns:1fr;\n }\n\n\n .sq-trk__response-visual {\n min-height:230px;\n }\n\n\n .sq-trk__kit {\n grid-template-columns:\n 1fr\n 1fr;\n }\n\n\n .sq-trk__kit-item {\n border-right:\n 1px solid var(--line);\n\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-trk__kit-item:nth-child(2n) {\n border-right:0;\n }\n\n\n .sq-trk__kit-item:nth-last-child(-n+2) {\n border-bottom:0;\n }\n\n\n .sq-trk__zones {\n grid-template-columns:1fr;\n }\n\n\n .sq-trk__zone {\n border-right:0;\n\n border-bottom:\n 1px solid var(--line);\n }\n\n\n .sq-trk__zone:last-child {\n border-bottom:0;\n }\n\n\n .sq-trk__signal {\n grid-template-columns:1fr;\n }\n\n\n .sq-trk__end {\n grid-template-columns:1fr;\n }\n\n\n .sq-trk__end-meta {\n padding-left:14px;\n }\n\n}\n\n\n@media(prefers-reduced-motion:reduce) {\n\n .sq-trk__marquee-track {\n animation:none;\n }\n\n\n .sq-trk__plate {\n transition:none;\n }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"sq-trk\"\u003e\n\u003c!-- ======================================================\n HERO\n ====================================================== --\u003e\n\u003csection class=\"sq-trk__hero\"\u003e\n\u003cdiv class=\"sq-trk__topline\"\u003e\n\u003cdiv class=\"sq-trk__series\"\u003eSORALIQUE \/ READY KIT\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__mode\"\u003eTRAIL RESPONSE SYSTEM\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__hero-grid\"\u003e\n\u003cdiv\u003e\n\u003cp class=\"sq-trk__eyebrow\"\u003eOutdoor Adventure Readiness Kit\u003c\/p\u003e\n\u003ch2 class=\"sq-trk__title\"\u003ePack Ready. \u003cspan\u003eMove Prepared.\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cp class=\"sq-trk__intro\"\u003eA compact outdoor kit designed to keep useful trail equipment organized, visible and ready when the journey moves beyond the campsite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__console\"\u003e\n\u003cdiv class=\"sq-trk__console-head\"\u003e\n\u003cspan\u003e Readiness \u003c\/span\u003e \u003cspan class=\"sq-trk__status\"\u003e Ready \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__console-row\"\u003e\n\u003cspan class=\"sq-trk__console-no\"\u003e 01 \u003c\/span\u003e \u003cspan class=\"sq-trk__console-name\"\u003e Light \u003c\/span\u003e \u003cspan class=\"sq-trk__console-check\"\u003e ✓ \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__console-row\"\u003e\n\u003cspan class=\"sq-trk__console-no\"\u003e 02 \u003c\/span\u003e \u003cspan class=\"sq-trk__console-name\"\u003e Tools \u003c\/span\u003e \u003cspan class=\"sq-trk__console-check\"\u003e ✓ \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__console-row\"\u003e\n\u003cspan class=\"sq-trk__console-no\"\u003e 03 \u003c\/span\u003e \u003cspan class=\"sq-trk__console-name\"\u003e Navigation \u003c\/span\u003e \u003cspan class=\"sq-trk__console-check\"\u003e ✓ \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__console-row\"\u003e\n\u003cspan class=\"sq-trk__console-no\"\u003e 04 \u003c\/span\u003e \u003cspan class=\"sq-trk__console-name\"\u003e Hydration \u003c\/span\u003e \u003cspan class=\"sq-trk__console-check\"\u003e ✓ \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-trk__marquee\"\u003e\n\u003cdiv class=\"sq-trk__marquee-track\"\u003e\n\u003cdiv class=\"sq-trk__marquee-group\"\u003e\n\u003cspan class=\"sq-trk__marquee-item\"\u003e HARD CASE ORGANIZATION \u003ci class=\"sq-trk__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-trk__marquee-item\"\u003e CAMP LIGHTING \u003ci class=\"sq-trk__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-trk__marquee-item\"\u003e MULTI-TOOL ACCESS \u003ci class=\"sq-trk__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-trk__marquee-item\"\u003e NAVIGATION READY \u003ci class=\"sq-trk__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-trk__marquee-item\"\u003e QUICK ACCESS \u003ci class=\"sq-trk__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-trk__marquee-item\"\u003e PREPARED FOR THE JOURNEY \u003ci class=\"sq-trk__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__marquee-group\"\u003e\n\u003cspan class=\"sq-trk__marquee-item\"\u003e HARD CASE ORGANIZATION \u003ci class=\"sq-trk__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-trk__marquee-item\"\u003e CAMP LIGHTING \u003ci class=\"sq-trk__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-trk__marquee-item\"\u003e MULTI-TOOL ACCESS \u003ci class=\"sq-trk__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-trk__marquee-item\"\u003e NAVIGATION READY \u003ci class=\"sq-trk__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-trk__marquee-item\"\u003e QUICK ACCESS \u003ci class=\"sq-trk__marquee-mark\"\u003e\u003c\/i\u003e \u003c\/span\u003e \u003cspan class=\"sq-trk__marquee-item\"\u003e PREPARED FOR THE JOURNEY \u003ci class=\"sq-trk__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 — FIELD ROUTINE\n ====================================================== --\u003e\n\u003cdiv class=\"sq-trk__chapter\"\u003e\n\u003cdiv class=\"sq-trk__chapter-no\"\u003e01 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__chapter-main\"\u003e\n\u003cstrong class=\"sq-trk__chapter-title\"\u003e READINESS STARTS BEFORE THE TRAIL \u003c\/strong\u003e \u003cspan class=\"sq-trk__chapter-desc\"\u003e Pack \/ organize \/ use \/ explore \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__chapter-code\"\u003eREADY\u003cbr\u003eFLOW\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__flow\"\u003e\n\u003cdiv class=\"sq-trk__flow-item\"\u003e\n\u003cspan class=\"sq-trk__flow-no\"\u003e 01 \u003c\/span\u003e \u003cstrong\u003e Pack \u003c\/strong\u003e\n\u003cp\u003eKeep essential outdoor equipment together in one case.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__flow-item\"\u003e\n\u003cspan class=\"sq-trk__flow-no\"\u003e 02 \u003c\/span\u003e \u003cstrong\u003e Organize \u003c\/strong\u003e\n\u003cp\u003eGive each item a defined place for easier access.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__flow-item\"\u003e\n\u003cspan class=\"sq-trk__flow-no\"\u003e 03 \u003c\/span\u003e \u003cstrong\u003e Use \u003c\/strong\u003e\n\u003cp\u003eReach lighting, tools and navigation gear when needed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__flow-item\"\u003e\n\u003cspan class=\"sq-trk__flow-no\"\u003e 04 \u003c\/span\u003e \u003cstrong\u003e Explore \u003c\/strong\u003e\n\u003cp\u003eCarry a prepared kit into the next part of the journey.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-trk__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/15-6.jpg?v=1791294070\" alt=\"SorAlique outdoor readiness kit showing pack, organize, use and explore sequence\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n RAPID ACCESS\n ====================================================== --\u003e\n\u003csection class=\"sq-trk__response\"\u003e\n\u003cdiv class=\"sq-trk__response-main\"\u003e\n\u003cdiv class=\"sq-trk__response-label\"\u003eRapid Access Layout\u003c\/div\u003e\n\u003ch3 class=\"sq-trk__response-title\"\u003eEverything visible. \u003cspan\u003eNothing buried.\u003c\/span\u003e\n\u003c\/h3\u003e\n\u003cp class=\"sq-trk__response-copy\"\u003eThe hard case keeps different types of outdoor gear separated into defined zones, so the tool you need does not disappear beneath the rest of the loadout.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__response-visual\"\u003e\n\u003cdiv class=\"sq-trk__case\"\u003e\n\u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e \u003cspan\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__response-meta\"\u003eLIGHT\u003cbr\u003eTOOL\u003cbr\u003eNAVIGATION\u003cbr\u003eHYDRATION\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ======================================================\n 02 — KIT SYSTEM\n ====================================================== --\u003e\n\u003cdiv class=\"sq-trk__chapter\"\u003e\n\u003cdiv class=\"sq-trk__chapter-no\"\u003e02 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__chapter-main\"\u003e\n\u003cstrong class=\"sq-trk__chapter-title\"\u003e ONE CASE. MULTIPLE ROLES. \u003c\/strong\u003e \u003cspan class=\"sq-trk__chapter-desc\"\u003e Light \/ tools \/ direction \/ hydration \/ signaling \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__chapter-code\"\u003eFIELD\u003cbr\u003eKIT\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__kit\"\u003e\n\u003cdiv class=\"sq-trk__kit-item\"\u003e\n\u003cspan class=\"sq-trk__kit-no\"\u003e KIT \/ 01 \u003c\/span\u003e \u003cstrong\u003e Portable Camp Lantern \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__kit-item\"\u003e\n\u003cspan class=\"sq-trk__kit-no\"\u003e KIT \/ 02 \u003c\/span\u003e \u003cstrong\u003e Multi-Tool \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__kit-item\"\u003e\n\u003cspan class=\"sq-trk__kit-no\"\u003e KIT \/ 03 \u003c\/span\u003e \u003cstrong\u003e Compass \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__kit-item\"\u003e\n\u003cspan class=\"sq-trk__kit-no\"\u003e KIT \/ 04 \u003c\/span\u003e \u003cstrong\u003e Signal Whistle \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__kit-item\"\u003e\n\u003cspan class=\"sq-trk__kit-no\"\u003e KIT \/ 05 \u003c\/span\u003e \u003cstrong\u003e Water Bottle \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__kit-item\"\u003e\n\u003cspan class=\"sq-trk__kit-no\"\u003e KIT \/ 06 \u003c\/span\u003e \u003cstrong\u003e Compact Gear Pouch \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__zones\"\u003e\n\u003cdiv class=\"sq-trk__zone\"\u003e\n\u003cspan class=\"sq-trk__zone-small\"\u003e Zone \/ Visibility \u003c\/span\u003e \u003cstrong\u003e Light the setup. \u003c\/strong\u003e\n\u003cp\u003ePortable lighting supports camp use after daylight fades.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__zone\"\u003e\n\u003cspan class=\"sq-trk__zone-small\"\u003e Zone \/ Utility \u003c\/span\u003e \u003cstrong\u003e Keep tools close. \u003c\/strong\u003e\n\u003cp\u003eMulti-purpose equipment stays organized for faster access.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__zone\"\u003e\n\u003cspan class=\"sq-trk__zone-small\"\u003e Zone \/ Orientation \u003c\/span\u003e \u003cstrong\u003e Keep direction visible. \u003c\/strong\u003e\n\u003cp\u003eNavigation and signaling tools remain part of the same kit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"sq-trk__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/15-7.jpg?v=1791294083\" alt=\"SorAlique trail readiness kit product construction and included outdoor equipment\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n 03 — RESPONSE SYSTEM\n ====================================================== --\u003e\n\u003cdiv class=\"sq-trk__chapter\"\u003e\n\u003cdiv class=\"sq-trk__chapter-no\"\u003e03 \/ 03\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__chapter-main\"\u003e\n\u003cstrong class=\"sq-trk__chapter-title\"\u003e READY WHEN THE ROUTE CHANGES \u003c\/strong\u003e \u003cspan class=\"sq-trk__chapter-desc\"\u003e Organized carry \/ fast access \/ outdoor utility \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__chapter-code\"\u003eTRAIL\u003cbr\u003eREADY\u003c\/div\u003e\n\u003c\/div\u003e\n\u003csection class=\"sq-trk__signal\"\u003e\n\u003cdiv class=\"sq-trk__signal-main\"\u003e\n\u003cdiv class=\"sq-trk__signal-label\"\u003eHigh-Visibility Readiness\u003c\/div\u003e\n\u003ch3\u003eSmall tools.\u003cbr\u003eClear roles.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__signal-side\"\u003e\n\u003cspan\u003e Find the gear faster \u003c\/span\u003e \u003cspan\u003e Keep equipment together \u003c\/span\u003e \u003cspan\u003e Carry one organized system \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cfigure class=\"sq-trk__plate\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/15-8.png?v=1791294131\" alt=\"SorAlique outdoor readiness kit dimensions and product components\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c!-- ======================================================\n END\n ====================================================== --\u003e\n\u003csection class=\"sq-trk__end\"\u003e\n\u003cdiv class=\"sq-trk__end-main\"\u003e\n\u003cdiv class=\"sq-trk__end-label\"\u003eSorAlique \/ Trail Readiness System\u003c\/div\u003e\n\u003ch3\u003ePack the essentials.\u003cbr\u003eLeave ready.\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"sq-trk__end-meta\"\u003eOrganized Hard Case\u003cbr\u003eLighting \u0026amp; Utility Gear\u003cbr\u003eNavigation Essentials\u003cbr\u003eQuick Outdoor Access\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"Soralique","offers":[{"title":"Default Title","offer_id":45685501198359,"sku":"Soralique015*1","price":96.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0815\/5457\/1287\/files\/15-1.png?v=1791294150"}],"url":"https:\/\/soralique.com\/collections\/frontpage.oembed","provider":"Soralique","version":"1.0","type":"link"}