{"product_id":"trailviora™-nightlayer-adaptive-camp-quilt-system","title":"Trailviora™ NightLayer Adaptive Camp Quilt System","description":"\u003cstyle\u003e\n\/* =========================================================\n   TRAILVIORA™ NIGHTLAYER ADAPTIVE CAMP QUILT SYSTEM\n   Shopify Custom Liquid — Premium Modular Sleep Layer Layout\n   Palette: Warm Sand + Deep Alpine Olive + Graphite + Muted Bronze\n   ========================================================= *\/\n\n.nightlayer-page,\n.nightlayer-page * {\n  box-sizing: border-box;\n}\n\n.nightlayer-page {\n  --nl-sand: #c9b89f;\n  --nl-sand-soft: #efe5d8;\n  --nl-sand-light: #f8f4ee;\n  --nl-olive: #4f5d49;\n  --nl-olive-dark: #354132;\n  --nl-graphite: #292b27;\n  --nl-graphite-2: #393b36;\n  --nl-bronze: #a8794d;\n  --nl-bronze-soft: #d3b18b;\n  --nl-text: #30312d;\n  --nl-muted: #6d6e69;\n  --nl-border: #ddd5ca;\n  --nl-white: #ffffff;\n\n  width: 100%;\n  max-width: 760px;\n  margin: 24px auto 0;\n  padding: 0;\n  overflow: hidden;\n\n  border: 1px solid rgba(79,93,73,.10);\n  border-radius: 20px;\n\n  background: #fbfaf7;\n  color: var(--nl-text);\n\n  font-family:\n    Arial,\n    Helvetica,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    sans-serif;\n}\n\n.nightlayer-page h1,\n.nightlayer-page h2,\n.nightlayer-page h3,\n.nightlayer-page p,\n.nightlayer-page span,\n.nightlayer-page strong {\n  word-break: normal;\n  overflow-wrap: break-word;\n  hyphens: none;\n}\n\n.nightlayer-page img {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n}\n\n.nightlayer-shell {\n  width: 100%;\n  max-width: 700px;\n  margin: 0 auto;\n  padding: 0 18px;\n}\n\n.nightlayer-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  margin-bottom: 10px;\n\n  color: var(--nl-bronze);\n\n  font-size: 9px;\n  line-height: 1.2;\n  font-weight: 900;\n  letter-spacing: 1.8px;\n  text-transform: uppercase;\n}\n\n.nightlayer-kicker::before {\n  content: \"\";\n  width: 26px;\n  height: 1px;\n  background: currentColor;\n}\n\n.nightlayer-title {\n  margin: 0;\n\n  color: var(--nl-graphite);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 31px;\n  line-height: 1.08;\n  font-weight: 500;\n  letter-spacing: -.4px;\n}\n\n.nightlayer-copy {\n  color: var(--nl-muted);\n  font-size: 13px;\n  line-height: 1.66;\n}\n\n\n\/* =========================================================\n   01 — HERO\n   ========================================================= *\/\n\n.nightlayer-hero {\n  padding: 34px 0 24px;\n\n  background:\n    radial-gradient(\n      circle at 90% 8%,\n      rgba(201,184,159,.17),\n      transparent 26%\n    ),\n    linear-gradient(\n      180deg,\n      #f7f3ed 0%,\n      #ece5da 100%\n    );\n}\n\n.nightlayer-hero h1 {\n  max-width: 620px;\n  margin: 0;\n\n  color: var(--nl-graphite);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 36px;\n  line-height: 1.04;\n  font-weight: 500;\n  letter-spacing: -.7px;\n}\n\n.nightlayer-hero-subtitle {\n  margin-top: 12px;\n\n  color: #494b46;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 18px;\n  line-height: 1.34;\n}\n\n.nightlayer-hero-copy {\n  margin-top: 16px;\n  padding-top: 15px;\n\n  border-top: 1px solid var(--nl-border);\n}\n\n.nightlayer-hero-copy p {\n  margin: 0;\n\n  color: var(--nl-muted);\n\n  font-size: 13px;\n  line-height: 1.68;\n}\n\n.nightlayer-hero-copy strong {\n  display: block;\n  margin-top: 12px;\n\n  color: var(--nl-graphite);\n\n  font-size: 12px;\n  line-height: 1.4;\n}\n\n.nightlayer-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin-top: 18px;\n}\n\n.nightlayer-chip {\n  display: inline-flex;\n  align-items: center;\n\n  padding: 7px 9px;\n\n  border: 1px solid #ccc3b7;\n  border-radius: 999px;\n\n  background: rgba(255,255,255,.66);\n  color: var(--nl-graphite);\n\n  font-size: 9px;\n  line-height: 1.2;\n  font-weight: 800;\n}\n\n\n\/* =========================================================\n   IMAGE PLACEHOLDERS\n   ========================================================= *\/\n\n.nightlayer-image {\n  width: 100%;\n  margin: 0 auto;\n  overflow: hidden;\n\n  border-radius: 14px;\n\n  background: #31332f;\n\n  box-shadow:\n    0 12px 26px rgba(41,43,39,.10);\n}\n\n.nightlayer-image--hero {\n  margin-top: 22px;\n}\n\n.nightlayer-placeholder {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  min-height: 245px;\n  padding: 22px 16px;\n\n  border: 1px dashed rgba(239,229,216,.34);\n\n  background:\n    radial-gradient(\n      circle at 50% 45%,\n      rgba(201,184,159,.14),\n      transparent 34%\n    ),\n    linear-gradient(\n      135deg,\n      #596352 0%,\n      #30342e 100%\n    );\n\n  text-align: center;\n}\n\n.nightlayer-placeholder strong {\n  display: block;\n\n  color: #ffffff;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 19px;\n  line-height: 1.2;\n  font-weight: 500;\n}\n\n.nightlayer-placeholder span {\n  display: block;\n  margin-top: 7px;\n\n  color: rgba(255,255,255,.62);\n\n  font-size: 9px;\n  line-height: 1.45;\n  font-weight: 800;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n\n\/* =========================================================\n   02 — ADAPTIVE COVERAGE MODES\n   ========================================================= *\/\n\n.nightlayer-modes {\n  padding: 34px 0;\n  background: #ffffff;\n}\n\n.nightlayer-mode-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(190px, 100%), 1fr));\n\n  gap: 8px;\n  margin-top: 18px;\n}\n\n.nightlayer-mode {\n  min-width: 0;\n  padding: 15px;\n\n  border: 1px solid var(--nl-border);\n  border-radius: 13px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      #faf7f2 100%\n    );\n}\n\n.nightlayer-mode--cool {\n  background:\n    linear-gradient(\n      145deg,\n      #eef1eb 0%,\n      #f8f8f4 100%\n    );\n}\n\n.nightlayer-mode-no {\n  color: var(--nl-bronze);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 12px;\n}\n\n.nightlayer-mode h3 {\n  margin: 11px 0 5px;\n\n  color: var(--nl-graphite);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 17px;\n  line-height: 1.2;\n  font-weight: 500;\n}\n\n.nightlayer-mode p {\n  margin: 0;\n\n  color: var(--nl-muted);\n\n  font-size: 11px;\n  line-height: 1.48;\n}\n\n.nightlayer-mode-bridge {\n  margin-top: 11px;\n\n  color: var(--nl-olive);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 17px;\n  line-height: 1.4;\n\n  text-align: center;\n}\n\n\n\/* =========================================================\n   03 — MODULAR SLEEP ARCHITECTURE\n   ========================================================= *\/\n\n.nightlayer-system {\n  padding: 36px 0;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ebe5dc 0%,\n      #f8f5ef 100%\n    );\n}\n\n.nightlayer-system-head {\n  margin-bottom: 18px;\n}\n\n.nightlayer-system-head p {\n  margin: 11px 0 0;\n}\n\n.nightlayer-system-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(210px, 100%), 1fr));\n\n  gap: 8px;\n  margin-top: 16px;\n}\n\n.nightlayer-system-card {\n  display: grid;\n  grid-template-columns: 36px minmax(0, 1fr);\n  gap: 10px;\n  align-items: start;\n\n  padding: 13px;\n\n  border: 1px solid var(--nl-border);\n  border-radius: 12px;\n\n  background: rgba(255,255,255,.84);\n}\n\n.nightlayer-system-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 36px;\n  height: 36px;\n\n  border-radius: 50%;\n\n  background: var(--nl-olive-dark);\n  color: #ffffff;\n\n  font-size: 15px;\n}\n\n.nightlayer-system-card h3 {\n  margin: 0 0 4px;\n\n  color: var(--nl-graphite);\n\n  font-size: 12.8px;\n  line-height: 1.3;\n  font-weight: 900;\n}\n\n.nightlayer-system-card p {\n  margin: 0;\n\n  color: var(--nl-muted);\n\n  font-size: 10.8px;\n  line-height: 1.46;\n}\n\n\n\/* =========================================================\n   04 — CORE FEATURES\n   ========================================================= *\/\n\n.nightlayer-features {\n  padding: 36px 0;\n  background: #ffffff;\n}\n\n.nightlayer-feature-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(210px, 100%), 1fr));\n\n  gap: 8px;\n  margin-top: 18px;\n}\n\n.nightlayer-feature {\n  display: grid;\n\n  grid-template-columns:\n    34px minmax(0, 1fr);\n\n  gap: 9px;\n  align-items: start;\n\n  padding: 13px;\n\n  border: 1px solid var(--nl-border);\n  border-radius: 12px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff 0%,\n      #faf8f4 100%\n    );\n}\n\n.nightlayer-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 34px;\n  height: 34px;\n\n  border-radius: 10px;\n\n  background: var(--nl-sand-soft);\n  color: var(--nl-graphite);\n\n  font-size: 14px;\n}\n\n.nightlayer-feature h3 {\n  margin: 0 0 4px;\n\n  color: var(--nl-graphite);\n\n  font-size: 12.5px;\n  line-height: 1.28;\n  font-weight: 900;\n}\n\n.nightlayer-feature p {\n  margin: 0;\n\n  color: var(--nl-muted);\n\n  font-size: 10.8px;\n  line-height: 1.46;\n}\n\n\n\/* =========================================================\n   05 — DESIGN \/ MATERIAL\n   ========================================================= *\/\n\n.nightlayer-design {\n  padding: 36px 0;\n\n  background:\n    radial-gradient(\n      circle at 92% 8%,\n      rgba(201,184,159,.12),\n      transparent 25%\n    ),\n    linear-gradient(\n      135deg,\n      #393b36 0%,\n      #292b27 100%\n    );\n\n  color: #ffffff;\n}\n\n.nightlayer-design .nightlayer-kicker {\n  color: var(--nl-bronze-soft);\n}\n\n.nightlayer-design .nightlayer-title {\n  color: #ffffff;\n}\n\n.nightlayer-design-copy {\n  margin-top: 12px;\n\n  color: rgba(255,255,255,.70);\n\n  font-size: 12.5px;\n  line-height: 1.64;\n}\n\n.nightlayer-materials {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin-top: 15px;\n}\n\n.nightlayer-material {\n  padding: 7px 9px;\n\n  border: 1px solid rgba(239,229,216,.22);\n  border-radius: 999px;\n\n  color: #efe6da;\n\n  font-size: 9.5px;\n  line-height: 1.2;\n  font-weight: 800;\n}\n\n.nightlayer-design-image {\n  margin-top: 18px;\n}\n\n.nightlayer-design-quote {\n  max-width: 540px;\n  margin: 17px auto 0;\n\n  color: var(--nl-bronze-soft);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 17px;\n  line-height: 1.4;\n\n  text-align: center;\n}\n\n\n\/* =========================================================\n   06 — USE CASES \/ POSITIONING\n   ========================================================= *\/\n\n.nightlayer-uses {\n  padding: 34px 0;\n  background: #fbfaf7;\n}\n\n.nightlayer-use-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin-top: 16px;\n}\n\n.nightlayer-use-tag {\n  display: inline-flex;\n  align-items: center;\n\n  padding: 7px 9px;\n\n  border: 1px solid var(--nl-border);\n  border-radius: 999px;\n\n  background: #ffffff;\n  color: var(--nl-graphite);\n\n  font-size: 9.5px;\n  line-height: 1.2;\n  font-weight: 800;\n}\n\n.nightlayer-positioning {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(165px, 100%), 1fr));\n\n  gap: 8px;\n  margin-top: 18px;\n}\n\n.nightlayer-position {\n  padding: 14px;\n\n  border-radius: 12px;\n\n  background: var(--nl-graphite);\n  color: #ffffff;\n\n  text-align: center;\n}\n\n.nightlayer-position span {\n  color: rgba(255,255,255,.55);\n\n  font-size: 9px;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.nightlayer-position strong {\n  display: block;\n  margin-top: 6px;\n\n  color: #ffffff;\n\n  font-size: 11.8px;\n  line-height: 1.3;\n}\n\n.nightlayer-equals {\n  margin-top: 10px;\n\n  color: var(--nl-olive);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 17px;\n  line-height: 1.4;\n\n  text-align: center;\n}\n\n\n\/* =========================================================\n   07 — LIFESTYLE IMAGE\n   ========================================================= *\/\n\n.nightlayer-lifestyle {\n  padding: 30px 0;\n  background: #ffffff;\n}\n\n\n\/* =========================================================\n   08 — HOW TO USE\n   ========================================================= *\/\n\n.nightlayer-howto {\n  padding: 34px 0 38px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ece6dc 0%,\n      #faf7f2 100%\n    );\n}\n\n.nightlayer-howto-head {\n  margin-bottom: 18px;\n  text-align: center;\n}\n\n.nightlayer-howto-head .nightlayer-title {\n  margin: 0 auto;\n}\n\n.nightlayer-howto-head p {\n  margin: 8px auto 0;\n\n  color: var(--nl-muted);\n\n  font-size: 11px;\n  line-height: 1.5;\n}\n\n.nightlayer-steps {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(220px, 100%), 1fr));\n\n  gap: 8px;\n}\n\n.nightlayer-step {\n  display: grid;\n\n  grid-template-columns:\n    30px\n    20px\n    minmax(0, 1fr);\n\n  grid-template-rows:\n    auto\n    auto;\n\n  column-gap: 8px;\n  row-gap: 3px;\n  align-items: center;\n\n  min-width: 0;\n  padding: 10px 11px;\n\n  border: 1px solid var(--nl-border);\n  border-radius: 11px;\n\n  background: #ffffff;\n}\n\n.nightlayer-step-number {\n  grid-column: 1;\n  grid-row: 1 \/ 3;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 30px;\n  height: 30px;\n\n  border-radius: 50%;\n\n  background: var(--nl-olive-dark);\n  color: #ffffff;\n\n  font-size: 10px;\n  line-height: 1;\n  font-weight: 900;\n}\n\n.nightlayer-step-icon {\n  grid-column: 2;\n  grid-row: 1 \/ 3;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 20px;\n\n  font-size: 14px;\n}\n\n.nightlayer-step h3 {\n  grid-column: 3;\n  grid-row: 1;\n\n  margin: 0;\n\n  color: var(--nl-graphite);\n\n  font-size: 11.7px;\n  line-height: 1.26;\n  font-weight: 900;\n}\n\n.nightlayer-step p {\n  grid-column: 3;\n  grid-row: 2;\n\n  margin: 0;\n\n  color: var(--nl-muted);\n\n  font-size: 9.7px;\n  line-height: 1.4;\n}\n\n\n\/* =========================================================\n   09 — FINAL\n   ========================================================= *\/\n\n.nightlayer-final {\n  padding: 42px 0 46px;\n\n  background:\n    radial-gradient(\n      circle at 50% 120%,\n      rgba(201,184,159,.15),\n      transparent 36%\n    ),\n    linear-gradient(\n      135deg,\n      #393b36 0%,\n      #292b27 100%\n    );\n\n  text-align: center;\n}\n\n.nightlayer-final-label {\n  color: var(--nl-bronze-soft);\n\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: 1.8px;\n  text-transform: uppercase;\n}\n\n.nightlayer-final h2 {\n  margin: 10px 0 0;\n\n  color: #ffffff;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 29px;\n  line-height: 1.08;\n  font-weight: 500;\n}\n\n.nightlayer-final p {\n  max-width: 520px;\n  margin: 13px auto 0;\n\n  color: rgba(255,255,255,.66);\n\n  font-size: 12px;\n  line-height: 1.62;\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 420px) {\n\n  .nightlayer-page {\n    margin-top: 16px;\n    border-radius: 0;\n  }\n\n  .nightlayer-shell {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n\n  .nightlayer-hero h1 {\n    font-size: 31px;\n  }\n\n  .nightlayer-title {\n    font-size: 27px;\n  }\n\n  .nightlayer-placeholder {\n    min-height: 210px;\n  }\n}\n\n\/* =========================================================\n   REAL SHOPIFY PRODUCT IMAGES\n   ========================================================= *\/\n.nightlayer-image \u003e img {\n  display: block;\n  width: 100%;\n  height: auto;\n  max-height: none;\n  object-fit: contain;\n  background: #f2eee7;\n}\n.nightlayer-design .nightlayer-image \u003e img {\n  background: #2f302c;\n}\n\n\u003c\/style\u003e\n\n\u003cdiv class=\"nightlayer-page\"\u003e\n\n  \u003c!-- 01 — HERO --\u003e\n\n  \u003csection class=\"nightlayer-hero\"\u003e\n\n    \u003cdiv class=\"nightlayer-shell\"\u003e\n\n      \u003cdiv class=\"nightlayer-kicker\"\u003e\n        Trailviora™ Adaptive Camp Sleep\n      \u003c\/div\u003e\n\n      \u003ch1\u003e\n        NightLayer™ Adaptive Camp Quilt System\n      \u003c\/h1\u003e\n\n      \u003cdiv class=\"nightlayer-hero-subtitle\"\u003e\n        Sleep Warm Without Sleeping Trapped.\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"nightlayer-hero-copy\"\u003e\n\n        \u003cp\u003e\n          NightLayer™ is designed for campers who want the warmth of\n          a sleeping bag without the restrictive zipped-in feeling of\n          a traditional mummy-style design. Its modular quilt architecture\n          lets you adjust coverage around the temperature, sleeping position\n          and the way you naturally move at night.\n        \u003c\/p\u003e\n\n        \u003cstrong\u003e\n          More room to move. More reasons to stay out.\n        \u003c\/strong\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"nightlayer-chips\"\u003e\n\n        \u003cspan class=\"nightlayer-chip\"\u003e\n          Adaptive Quilt\n        \u003c\/span\u003e\n\n        \u003cspan class=\"nightlayer-chip\"\u003e\n          Adjustable Footbox\n        \u003c\/span\u003e\n\n        \u003cspan class=\"nightlayer-chip\"\u003e\n          Draft-Control Wings\n        \u003c\/span\u003e\n\n        \u003cspan class=\"nightlayer-chip\"\u003e\n          Couples Link\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"nightlayer-image nightlayer-image--hero\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/1_3a461ecd-c204-481b-979c-1944edd19dfd.png?v=1789672558\" alt=\"Trailviora NightLayer adaptive camp quilt hero sleep setup\" loading=\"lazy\"\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- 02 — ADAPTIVE COVERAGE --\u003e\n\n  \u003csection class=\"nightlayer-modes\"\u003e\n\n    \u003cdiv class=\"nightlayer-shell\"\u003e\n\n      \u003cdiv class=\"nightlayer-kicker\"\u003e\n        Choose Tonight’s Coverage\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"nightlayer-title\"\u003e\n        Open When It’s Warm. Secure When It’s Cool.\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"nightlayer-mode-grid\"\u003e\n\n        \u003carticle class=\"nightlayer-mode\"\u003e\n\n          \u003cdiv class=\"nightlayer-mode-no\"\u003e\n            01\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Open Quilt Mode\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Use NightLayer™ loosely like a blanket for more airflow,\n            easier movement and a relaxed warm-night setup.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"nightlayer-mode nightlayer-mode--cool\"\u003e\n\n          \u003cdiv class=\"nightlayer-mode-no\"\u003e\n            02\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Secured Sleep Mode\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Anchor the quilt around the sleep mat, close the footbox\n            and tuck the side wings when temperatures drop.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"nightlayer-mode-bridge\"\u003e\n        Warmth without the zip-in feeling.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- 03 — MODULAR SYSTEM --\u003e\n\n  \u003csection class=\"nightlayer-system\"\u003e\n\n    \u003cdiv class=\"nightlayer-shell\"\u003e\n\n      \u003cdiv class=\"nightlayer-system-head\"\u003e\n\n        \u003cdiv class=\"nightlayer-kicker\"\u003e\n          Modular Sleep Architecture\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"nightlayer-title\"\u003e\n          Build the Sleep Setup Around You.\n        \u003c\/h2\u003e\n\n        \u003cp class=\"nightlayer-copy\"\u003e\n          NightLayer™ combines adjustable coverage, removable anchoring and\n          optional head protection so you can decide how enclosed—or how open—\n          your sleep system feels each night.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"nightlayer-image\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/3_1c348207-580a-462a-84a7-33244deb7228.png?v=1789672560\" alt=\"Trailviora NightLayer quilt architecture footbox straps hood and draft wings\" loading=\"lazy\"\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"nightlayer-system-grid\"\u003e\n\n        \u003cdiv class=\"nightlayer-system-card\"\u003e\n\n          \u003cdiv class=\"nightlayer-system-icon\"\u003e\n            🌡️\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Adjustable Footbox\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Leave the lower section open for airflow or close it\n              around the feet for more warmth.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"nightlayer-system-card\"\u003e\n\n          \u003cdiv class=\"nightlayer-system-icon\"\u003e\n            🛏️\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Sleep-Mat Anchors\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Low-profile elastic straps help keep the quilt positioned\n              without permanently attaching it to the mat.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"nightlayer-system-card\"\u003e\n\n          \u003cdiv class=\"nightlayer-system-icon\"\u003e\n            🌬️\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Draft-Control Wings\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Soft side panels tuck naturally around the sleeper\n              to reduce open gaps on cooler nights.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"nightlayer-system-card\"\u003e\n\n          \u003cdiv class=\"nightlayer-system-icon\"\u003e\n            🧢\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Removable Warmth Hood\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Add compact head and neck coverage without switching\n              to a full mummy-style sleeping bag.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- 04 — CORE FEATURES --\u003e\n\n  \u003csection class=\"nightlayer-features\"\u003e\n\n    \u003cdiv class=\"nightlayer-shell\"\u003e\n\n      \u003cdiv class=\"nightlayer-kicker\"\u003e\n        Camp Bedding, Refined\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"nightlayer-title\"\u003e\n        Designed for Sleepers Who Actually Move.\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"nightlayer-feature-grid\"\u003e\n\n        \u003carticle class=\"nightlayer-feature\"\u003e\n\n          \u003cdiv class=\"nightlayer-icon\"\u003e\n            ☁️\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Adaptive Quilt Architecture\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Use it loose and open or secure it around the sleep mat for more coverage.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"nightlayer-feature\"\u003e\n\n          \u003cdiv class=\"nightlayer-icon\"\u003e\n            🔗\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Couples Link System\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Connect two NightLayer™ quilts to create a wider shared sleep arrangement.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"nightlayer-feature\"\u003e\n\n          \u003cdiv class=\"nightlayer-icon\"\u003e\n            🧵\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Quiet-Touch Outer Textile\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              A softer outer surface helps reduce the shiny, crinkly feel of technical shells.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"nightlayer-feature\"\u003e\n\n          \u003cdiv class=\"nightlayer-icon\"\u003e\n            💧\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Moisture-Resistant Foot Zone\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              A more durable lower exterior is suited to contact with tent walls and damp zones.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"nightlayer-feature\"\u003e\n\n          \u003cdiv class=\"nightlayer-icon\"\u003e\n            🎒\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Compression-Friendly Pack\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Compresses into a compact cylindrical sack alongside mats and other bedding.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"nightlayer-feature\"\u003e\n\n          \u003cdiv class=\"nightlayer-icon\"\u003e\n            ✨\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Bedroom-Inspired Comfort\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Muted colors, broad quilting and minimal branding create a more refined sleep setup.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- 05 — DESIGN \/ MATERIAL --\u003e\n\n  \u003csection class=\"nightlayer-design\"\u003e\n\n    \u003cdiv class=\"nightlayer-shell\"\u003e\n\n      \u003cdiv class=\"nightlayer-kicker\"\u003e\n        Material \u0026amp; Design\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"nightlayer-title\"\u003e\n        Premium Bedding Meets Outdoor Technical Textile.\n      \u003c\/h2\u003e\n\n      \u003cp class=\"nightlayer-design-copy\"\u003e\n        NightLayer™ combines a Warm Sand quilted body, Deep Alpine Olive\n        footbox and perimeter, Graphite hardware and restrained Muted Bronze\n        adjustment points. A small Trailviora™ mountain embroidery keeps\n        branding quiet and lets the material system lead visually.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"nightlayer-materials\"\u003e\n\n        \u003cspan class=\"nightlayer-material\"\u003e\n          Warm Sand\n        \u003c\/span\u003e\n\n        \u003cspan class=\"nightlayer-material\"\u003e\n          Deep Alpine Olive\n        \u003c\/span\u003e\n\n        \u003cspan class=\"nightlayer-material\"\u003e\n          Graphite Hardware\n        \u003c\/span\u003e\n\n        \u003cspan class=\"nightlayer-material\"\u003e\n          Muted Bronze Detail\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"nightlayer-design-image\"\u003e\n\n        \u003cdiv class=\"nightlayer-image\"\u003e\n\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/4_9b0c8993-262b-4c47-a822-e5f672b4dfe8.png?v=1789672564\" alt=\"Trailviora NightLayer quilting footbox strap buckle embroidery and textile detail\" loading=\"lazy\"\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"nightlayer-design-quote\"\u003e\n        More room to move. More reasons to stay out.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- 06 — USE CASES \/ POSITIONING --\u003e\n\n  \u003csection class=\"nightlayer-uses\"\u003e\n\n    \u003cdiv class=\"nightlayer-shell\"\u003e\n\n      \u003cdiv class=\"nightlayer-kicker\"\u003e\n        Made for Flexible Camp Sleep\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"nightlayer-title\"\u003e\n        From Side Sleepers to Couples Campers.\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"nightlayer-use-tags\"\u003e\n\n        \u003cspan class=\"nightlayer-use-tag\"\u003e\n          🚙 Car Camping\n        \u003c\/span\u003e\n\n        \u003cspan class=\"nightlayer-use-tag\"\u003e\n          💑 Couples Camping\n        \u003c\/span\u003e\n\n        \u003cspan class=\"nightlayer-use-tag\"\u003e\n          🏕️ Weekend Camping\n        \u003c\/span\u003e\n\n        \u003cspan class=\"nightlayer-use-tag\"\u003e\n          ✨ Glamping\n        \u003c\/span\u003e\n\n        \u003cspan class=\"nightlayer-use-tag\"\u003e\n          🚐 Van Life\n        \u003c\/span\u003e\n\n        \u003cspan class=\"nightlayer-use-tag\"\u003e\n          🏡 Cabin Trips\n        \u003c\/span\u003e\n\n        \u003cspan class=\"nightlayer-use-tag\"\u003e\n          🛣️ Road Trips\n        \u003c\/span\u003e\n\n        \u003cspan class=\"nightlayer-use-tag\"\u003e\n          🏞️ National Park Camping\n        \u003c\/span\u003e\n\n        \u003cspan class=\"nightlayer-use-tag\"\u003e\n          🛏️ Side Sleepers\n        \u003c\/span\u003e\n\n        \u003cspan class=\"nightlayer-use-tag\"\u003e\n          🌙 Freedom-to-Move Sleepers\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"nightlayer-positioning\"\u003e\n\n        \u003cdiv class=\"nightlayer-position\"\u003e\n\n          \u003cspan\u003e\n            Function 01\n          \u003c\/span\u003e\n\n          \u003cstrong\u003e\n            Camp Quilt\n          \u003c\/strong\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"nightlayer-position\"\u003e\n\n          \u003cspan\u003e\n            Function 02\n          \u003c\/span\u003e\n\n          \u003cstrong\u003e\n            Sleeping Bag Alternative\n          \u003c\/strong\u003e\n\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"nightlayer-position\"\u003e\n\n          \u003cspan\u003e\n            Function 03\n          \u003c\/span\u003e\n\n          \u003cstrong\u003e\n            Modular Sleep Layer\n          \u003c\/strong\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"nightlayer-equals\"\u003e\n        One adaptive sleep system connecting all three.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- 07 — IMAGE 04 --\u003e\n\n  \u003csection class=\"nightlayer-lifestyle\"\u003e\n\n    \u003cdiv class=\"nightlayer-shell\"\u003e\n\n      \u003cdiv class=\"nightlayer-image\"\u003e\n\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/5.png?v=1789672564\" alt=\"Trailviora NightLayer side sleeper couple camping van and premium bedding lifestyle\" loading=\"lazy\"\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- 08 — HOW TO USE --\u003e\n\n  \u003csection class=\"nightlayer-howto\"\u003e\n\n    \u003cdiv class=\"nightlayer-shell\"\u003e\n\n      \u003cdiv class=\"nightlayer-howto-head\"\u003e\n\n        \u003cdiv class=\"nightlayer-kicker\"\u003e\n          Flexible Night Setup\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"nightlayer-title\"\u003e\n          How to Use NightLayer™\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Anchor it loosely, adjust the footbox, add coverage as temperatures change and air it out before packing.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"nightlayer-steps\"\u003e\n\n        \u003carticle class=\"nightlayer-step\"\u003e\n          \u003cdiv class=\"nightlayer-step-number\"\u003e1\u003c\/div\u003e\n          \u003cspan class=\"nightlayer-step-icon\"\u003e🌙\u003c\/span\u003e\n          \u003ch3\u003eLay Out NightLayer™\u003c\/h3\u003e\n          \u003cp\u003ePlace the quilt over TerraCloud™ or another compatible sleep mat.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"nightlayer-step\"\u003e\n          \u003cdiv class=\"nightlayer-step-number\"\u003e2\u003c\/div\u003e\n          \u003cspan class=\"nightlayer-step-icon\"\u003e🛏️\u003c\/span\u003e\n          \u003ch3\u003eAttach the Pad Straps\u003c\/h3\u003e\n          \u003cp\u003eWrap the lower elastic straps around the mat if extra positioning is needed.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"nightlayer-step\"\u003e\n          \u003cdiv class=\"nightlayer-step-number\"\u003e3\u003c\/div\u003e\n          \u003cspan class=\"nightlayer-step-icon\"\u003e🌡️\u003c\/span\u003e\n          \u003ch3\u003eKeep the Footbox Open\u003c\/h3\u003e\n          \u003cp\u003eOn warmer nights, leave the lower section open for natural airflow.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"nightlayer-step\"\u003e\n          \u003cdiv class=\"nightlayer-step-number\"\u003e4\u003c\/div\u003e\n          \u003cspan class=\"nightlayer-step-icon\"\u003e❄️\u003c\/span\u003e\n          \u003ch3\u003eClose the Footbox\u003c\/h3\u003e\n          \u003cp\u003eWhen temperatures cool, cinch the lower section around your feet.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"nightlayer-step\"\u003e\n          \u003cdiv class=\"nightlayer-step-number\"\u003e5\u003c\/div\u003e\n          \u003cspan class=\"nightlayer-step-icon\"\u003e☁️\u003c\/span\u003e\n          \u003ch3\u003eTuck the Draft Wings\u003c\/h3\u003e\n          \u003cp\u003eBring the soft side panels gently around your body to reduce open gaps.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"nightlayer-step\"\u003e\n          \u003cdiv class=\"nightlayer-step-number\"\u003e6\u003c\/div\u003e\n          \u003cspan class=\"nightlayer-step-icon\"\u003e🧢\u003c\/span\u003e\n          \u003ch3\u003eAdd the Warmth Hood\u003c\/h3\u003e\n          \u003cp\u003eAttach the removable hood when extra head and neck coverage is preferred.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"nightlayer-step\"\u003e\n          \u003cdiv class=\"nightlayer-step-number\"\u003e7\u003c\/div\u003e\n          \u003cspan class=\"nightlayer-step-icon\"\u003e🔗\u003c\/span\u003e\n          \u003ch3\u003eLink Two Quilts\u003c\/h3\u003e\n          \u003cp\u003eConnect two NightLayer™ systems when setting up a wider couples sleep area.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"nightlayer-step\"\u003e\n          \u003cdiv class=\"nightlayer-step-number\"\u003e8\u003c\/div\u003e\n          \u003cspan class=\"nightlayer-step-icon\"\u003e🌅\u003c\/span\u003e\n          \u003ch3\u003eAir It Out\u003c\/h3\u003e\n          \u003cp\u003eAfter waking, open the quilt fully and let overnight moisture disperse.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"nightlayer-step\"\u003e\n          \u003cdiv class=\"nightlayer-step-number\"\u003e9\u003c\/div\u003e\n          \u003cspan class=\"nightlayer-step-icon\"\u003e🎒\u003c\/span\u003e\n          \u003ch3\u003eFold \u0026amp; Compress\u003c\/h3\u003e\n          \u003cp\u003eFold lengthwise and pack the quilt into its dedicated compression sack.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- 09 — FINAL --\u003e\n\n  \u003csection class=\"nightlayer-final\"\u003e\n\n    \u003cdiv class=\"nightlayer-shell\"\u003e\n\n      \u003cdiv class=\"nightlayer-final-label\"\u003e\n        Trailviora™ NightLayer\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Warmth Without\u003cbr\u003e\n        the Zip-In Feeling.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        An adaptive camp quilt system for sleepers who want more movement,\n        flexible coverage and a more bed-like way to stay warm outdoors.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"𝑇𝑟𝑎𝑖𝑙𝑣𝑖𝑜𝑟𝑎™","offers":[{"title":"Default Title","offer_id":51337833316604,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/44cacbc9-bcf1-4b4d-98e1-a2a7a7c91626.png?v=1789672123","url":"https:\/\/trailviora.com\/products\/trailviora%e2%84%a2-nightlayer-adaptive-camp-quilt-system","provider":"𝑇𝑟𝑎𝑖𝑙𝑣𝑖𝑜𝑟𝑎™","version":"1.0","type":"link"}