{"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","url":"https:\/\/soralique.com\/products\/soralique%e2%84%a2-smart-camp-organizer","provider":"Soralique","version":"1.0","type":"link"}