{"title":"Sleep Under the StarsShelter","description":"\u003cp\u003esleep, and comfort for nights outside.\u003c\/p\u003e","products":[{"product_id":"trailviora™-airframe-haven-2-modular-camp-tent","title":"Trailviora™ Portable 2-Person Camping Tent","description":"\u003cstyle\u003e\n\/* =========================================================\n   TRAILVIORA™ PORTABLE 2-PERSON CAMPING TENT\n   Shopify Custom Liquid — Two-Zone Organized Camp Shelter\n   NEW LAYOUT: Enter → Separate → Ventilate → Live → Pack\n   Palette: Warm Stone + Alpine Olive + Graphite + Muted Bronze\n   Compact \/ Responsive \/ Product-page safe\n   ========================================================= *\/\n\n.tv-tent,\n.tv-tent * {\n  box-sizing: border-box;\n}\n\n.tv-tent {\n  --tt-stone: #d6cabb;\n  --tt-stone-soft: #f1ebe3;\n  --tt-olive: #495848;\n  --tt-olive-dark: #333f34;\n  --tt-olive-soft: #e8ede6;\n  --tt-graphite: #2b2e2b;\n  --tt-graphite-2: #3b3e39;\n  --tt-bronze: #a77a50;\n  --tt-bronze-soft: #d5b38e;\n  --tt-text: #30332f;\n  --tt-muted: #6c706a;\n  --tt-border: #ddd7cf;\n  --tt-cream: #fbfaf7;\n  --tt-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(43,46,43,.10);\n  border-radius: 20px;\n\n  background: var(--tt-cream);\n  color: var(--tt-text);\n\n  font-family:\n    Arial,\n    Helvetica,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    sans-serif;\n}\n\n.tv-tent h1,\n.tv-tent h2,\n.tv-tent h3,\n.tv-tent p,\n.tv-tent span,\n.tv-tent strong {\n  word-break: normal;\n  overflow-wrap: break-word;\n  hyphens: none;\n}\n\n.tv-tent img {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n}\n\n.tv-tent-shell {\n  width: 100%;\n  max-width: 700px;\n  margin: 0 auto;\n  padding: 0 18px;\n}\n\n.tv-tent-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  margin-bottom: 10px;\n\n  color: var(--tt-bronze);\n\n  font-size: 9px;\n  line-height: 1.2;\n  font-weight: 900;\n  letter-spacing: 1.7px;\n  text-transform: uppercase;\n}\n\n.tv-tent-kicker::before {\n  content: \"\";\n  width: 24px;\n  height: 1px;\n  background: currentColor;\n}\n\n.tv-tent-title {\n  margin: 0;\n\n  color: var(--tt-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.tv-tent-copy {\n  color: var(--tt-muted);\n  font-size: 13px;\n  line-height: 1.66;\n}\n\n\n\/* =========================================================\n   01 — HERO\n   ========================================================= *\/\n\n.tv-tent-hero {\n  padding: 34px 0 24px;\n\n  background:\n    radial-gradient(\n      circle at 89% 8%,\n      rgba(73,88,72,.13),\n      transparent 25%\n    ),\n    linear-gradient(\n      180deg,\n      #f8f5ef 0%,\n      #ece6dd 100%\n    );\n}\n\n.tv-tent-hero h1 {\n  max-width: 660px;\n  margin: 0;\n\n  color: var(--tt-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.tv-tent-hero-sub {\n  margin-top: 12px;\n\n  color: #484b46;\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.tv-tent-hero-copy {\n  margin-top: 16px;\n  padding-top: 15px;\n\n  border-top: 1px solid var(--tt-border);\n}\n\n.tv-tent-hero-copy p {\n  margin: 0;\n\n  color: var(--tt-muted);\n\n  font-size: 13px;\n  line-height: 1.68;\n}\n\n.tv-tent-hero-copy p + p {\n  margin-top: 10px;\n}\n\n.tv-tent-hero-copy strong {\n  display: block;\n  margin-top: 12px;\n\n  color: var(--tt-graphite);\n\n  font-size: 12px;\n  line-height: 1.4;\n}\n\n.tv-tent-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin-top: 18px;\n}\n\n.tv-tent-chip {\n  display: inline-flex;\n  align-items: center;\n\n  padding: 7px 9px;\n\n  border: 1px solid #cec6bb;\n  border-radius: 999px;\n\n  background: rgba(255,255,255,.72);\n  color: var(--tt-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.tv-tent-image {\n  width: 100%;\n  margin: 0 auto;\n  overflow: hidden;\n\n  border-radius: 14px;\n\n  background: #30332f;\n\n  box-shadow:\n    0 12px 26px rgba(43,46,43,.10);\n}\n\n.tv-tent-image--hero {\n  margin-top: 22px;\n}\n\n.tv-tent-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(241,235,227,.34);\n\n  background:\n    radial-gradient(\n      circle at 50% 45%,\n      rgba(214,202,187,.14),\n      transparent 34%\n    ),\n    linear-gradient(\n      135deg,\n      #586254 0%,\n      #30362f 100%\n    );\n\n  text-align: center;\n}\n\n.tv-tent-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.tv-tent-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 — TWO-ZONE PLAN\n   ========================================================= *\/\n\n.tv-tent-plan {\n  padding: 34px 0;\n  background: #ffffff;\n}\n\n.tv-tent-plan-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(220px, 100%), 1fr));\n\n  gap: 8px;\n  margin-top: 18px;\n}\n\n.tv-tent-plan-card {\n  padding: 16px;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 12px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff 0%,\n      #faf8f4 100%\n    );\n}\n\n.tv-tent-plan-card--dark {\n  background:\n    linear-gradient(\n      145deg,\n      #3b4239 0%,\n      #2d332d 100%\n    );\n\n  border-color: transparent;\n}\n\n.tv-tent-plan-label {\n  color: var(--tt-bronze);\n\n  font-size: 9px;\n  line-height: 1.2;\n  font-weight: 900;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.tv-tent-plan-card--dark .tv-tent-plan-label {\n  color: var(--tt-bronze-soft);\n}\n\n.tv-tent-plan-card h3 {\n  margin: 9px 0 5px;\n\n  color: var(--tt-graphite);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 18px;\n  line-height: 1.2;\n  font-weight: 500;\n}\n\n.tv-tent-plan-card--dark h3 {\n  color: #ffffff;\n}\n\n.tv-tent-plan-card p {\n  margin: 0;\n\n  color: var(--tt-muted);\n\n  font-size: 10.8px;\n  line-height: 1.46;\n}\n\n.tv-tent-plan-card--dark p {\n  color: rgba(255,255,255,.68);\n}\n\n.tv-tent-plan-line {\n  margin-top: 11px;\n\n  color: var(--tt-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 — SHELTER ARCHITECTURE\n   ========================================================= *\/\n\n.tv-tent-architecture {\n  padding: 36px 0;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ece6dd 0%,\n      #f8f5ef 100%\n    );\n}\n\n.tv-tent-architecture-head {\n  margin-bottom: 18px;\n}\n\n.tv-tent-architecture-head p {\n  margin: 11px 0 0;\n}\n\n.tv-tent-architecture-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(205px, 100%), 1fr));\n\n  gap: 8px;\n  margin-top: 16px;\n}\n\n.tv-tent-architecture-card {\n  display: grid;\n\n  grid-template-columns:\n    36px minmax(0, 1fr);\n\n  gap: 10px;\n  align-items: start;\n\n  padding: 13px;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 12px;\n\n  background: rgba(255,255,255,.88);\n}\n\n.tv-tent-architecture-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(--tt-olive-dark);\n  color: #ffffff;\n\n  font-size: 15px;\n}\n\n.tv-tent-architecture-card h3 {\n  margin: 0 0 4px;\n\n  color: var(--tt-graphite);\n\n  font-size: 12.8px;\n  line-height: 1.3;\n  font-weight: 900;\n}\n\n.tv-tent-architecture-card p {\n  margin: 0;\n\n  color: var(--tt-muted);\n\n  font-size: 10.8px;\n  line-height: 1.46;\n}\n\n\n\/* =========================================================\n   04 — AIRFLOW MAP\n   ========================================================= *\/\n\n.tv-tent-air {\n  padding: 36px 0;\n  background: #ffffff;\n}\n\n.tv-tent-air-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(145px, 100%), 1fr));\n\n  gap: 8px;\n  margin-top: 18px;\n}\n\n.tv-tent-air-card {\n  padding: 14px;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 12px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff 0%,\n      #faf8f4 100%\n    );\n\n  text-align: center;\n}\n\n.tv-tent-air-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 34px;\n  height: 34px;\n\n  margin: 0 auto 8px;\n\n  border-radius: 10px;\n\n  background: var(--tt-stone-soft);\n\n  font-size: 14px;\n}\n\n.tv-tent-air-card h3 {\n  margin: 0 0 4px;\n\n  color: var(--tt-graphite);\n\n  font-size: 12.4px;\n  line-height: 1.28;\n  font-weight: 900;\n}\n\n.tv-tent-air-card p {\n  margin: 0;\n\n  color: var(--tt-muted);\n\n  font-size: 10.4px;\n  line-height: 1.43;\n}\n\n\n\/* =========================================================\n   05 — ENTRY \/ GEAR \/ NIGHT USE\n   ========================================================= *\/\n\n.tv-tent-living {\n  padding: 36px 0;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f8f5ef 0%,\n      #ffffff 100%\n    );\n}\n\n.tv-tent-living-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(205px, 100%), 1fr));\n\n  gap: 8px;\n  margin-top: 18px;\n}\n\n.tv-tent-living-card {\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(--tt-border);\n  border-radius: 12px;\n\n  background: #ffffff;\n}\n\n.tv-tent-living-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(--tt-olive-soft);\n\n  font-size: 14px;\n}\n\n.tv-tent-living-card h3 {\n  margin: 0 0 4px;\n\n  color: var(--tt-graphite);\n\n  font-size: 12.5px;\n  line-height: 1.28;\n  font-weight: 900;\n}\n\n.tv-tent-living-card p {\n  margin: 0;\n\n  color: var(--tt-muted);\n\n  font-size: 10.7px;\n  line-height: 1.46;\n}\n\n\n\/* =========================================================\n   06 — MATERIAL \/ DESIGN\n   ========================================================= *\/\n\n.tv-tent-design {\n  padding: 36px 0;\n\n  background:\n    radial-gradient(\n      circle at 92% 8%,\n      rgba(214,202,187,.12),\n      transparent 24%\n    ),\n    linear-gradient(\n      135deg,\n      #3c433a 0%,\n      #292e29 100%\n    );\n\n  color: #ffffff;\n}\n\n.tv-tent-design .tv-tent-kicker {\n  color: var(--tt-bronze-soft);\n}\n\n.tv-tent-design .tv-tent-title {\n  color: #ffffff;\n}\n\n.tv-tent-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.tv-tent-materials {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin-top: 15px;\n}\n\n.tv-tent-material {\n  padding: 7px 9px;\n\n  border: 1px solid rgba(241,235,227,.22);\n  border-radius: 999px;\n\n  color: #efe7dc;\n\n  font-size: 9.5px;\n  line-height: 1.2;\n  font-weight: 800;\n}\n\n.tv-tent-design-image {\n  margin-top: 18px;\n}\n\n.tv-tent-design-quote {\n  max-width: 540px;\n  margin: 17px auto 0;\n\n  color: var(--tt-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   07 — USE CASES \/ POSITIONING\n   ========================================================= *\/\n\n.tv-tent-uses {\n  padding: 34px 0;\n  background: var(--tt-cream);\n}\n\n.tv-tent-use-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin-top: 16px;\n}\n\n.tv-tent-use-tag {\n  display: inline-flex;\n  align-items: center;\n\n  padding: 7px 9px;\n\n  border: 1px solid var(--tt-border);\n  border-radius: 999px;\n\n  background: #ffffff;\n  color: var(--tt-graphite);\n\n  font-size: 9.5px;\n  line-height: 1.2;\n  font-weight: 800;\n}\n\n.tv-tent-position-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(150px, 100%), 1fr));\n\n  gap: 8px;\n  margin-top: 18px;\n}\n\n.tv-tent-position-card {\n  padding: 14px;\n\n  border-radius: 12px;\n\n  background: var(--tt-graphite);\n  color: #ffffff;\n\n  text-align: center;\n}\n\n.tv-tent-position-card span {\n  color: rgba(255,255,255,.55);\n\n  font-size: 9px;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.tv-tent-position-card strong {\n  display: block;\n  margin-top: 6px;\n\n  color: #ffffff;\n\n  font-size: 11.7px;\n  line-height: 1.3;\n}\n\n.tv-tent-position-line {\n  margin-top: 10px;\n\n  color: var(--tt-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   08 — LIFESTYLE\n   ========================================================= *\/\n\n.tv-tent-lifestyle {\n  padding: 30px 0;\n  background: #ffffff;\n}\n\n\n\/* =========================================================\n   09 — HOW TO USE\n   ========================================================= *\/\n\n.tv-tent-howto {\n  padding: 34px 0 38px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ece6dd 0%,\n      #faf7f2 100%\n    );\n}\n\n.tv-tent-howto-head {\n  margin-bottom: 18px;\n  text-align: center;\n}\n\n.tv-tent-howto-head .tv-tent-title {\n  margin: 0 auto;\n}\n\n.tv-tent-howto-head p {\n  margin: 8px auto 0;\n\n  color: var(--tt-muted);\n\n  font-size: 11px;\n  line-height: 1.5;\n}\n\n.tv-tent-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.tv-tent-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(--tt-border);\n  border-radius: 11px;\n\n  background: #ffffff;\n}\n\n.tv-tent-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(--tt-olive-dark);\n  color: #ffffff;\n\n  font-size: 10px;\n  line-height: 1;\n  font-weight: 900;\n}\n\n.tv-tent-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.tv-tent-step h3 {\n  grid-column: 3;\n  grid-row: 1;\n\n  margin: 0;\n\n  color: var(--tt-graphite);\n\n  font-size: 11.7px;\n  line-height: 1.26;\n  font-weight: 900;\n}\n\n.tv-tent-step p {\n  grid-column: 3;\n  grid-row: 2;\n\n  margin: 0;\n\n  color: var(--tt-muted);\n\n  font-size: 9.7px;\n  line-height: 1.4;\n}\n\n\n\/* =========================================================\n   10 — FINAL\n   ========================================================= *\/\n\n.tv-tent-final {\n  padding: 42px 0 46px;\n\n  background:\n    radial-gradient(\n      circle at 50% 120%,\n      rgba(214,202,187,.14),\n      transparent 36%\n    ),\n    linear-gradient(\n      135deg,\n      #394139 0%,\n      #252b25 100%\n    );\n\n  text-align: center;\n}\n\n.tv-tent-final-label {\n  color: var(--tt-bronze-soft);\n\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: 1.8px;\n  text-transform: uppercase;\n}\n\n.tv-tent-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.tv-tent-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  .tv-tent {\n    margin-top: 16px;\n    border-radius: 0;\n  }\n\n  .tv-tent-shell {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n\n  .tv-tent-hero h1 {\n    font-size: 31px;\n  }\n\n  .tv-tent-title {\n    font-size: 27px;\n  }\n\n  .tv-tent-placeholder {\n    min-height: 210px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"tv-tent\"\u003e\n\n  \u003c!-- 01 — HERO --\u003e\n\n  \u003csection class=\"tv-tent-hero\"\u003e\n\n    \u003cdiv class=\"tv-tent-shell\"\u003e\n\n      \u003cdiv class=\"tv-tent-kicker\"\u003e\n        Trailviora™ Two-Zone Camp Shelter\n      \u003c\/div\u003e\n\n      \u003ch1\u003e\n        Portable 2-Person Camping Tent\n      \u003c\/h1\u003e\n\n      \u003cdiv class=\"tv-tent-hero-sub\"\u003e\n        More Than a Tent. A Better Way to Live Outside.\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-tent-hero-copy\"\u003e\n\n        \u003cp\u003e\n          Trailviora™ Portable 2-Person Camping Tent is designed for campers\n          who want more than one empty enclosure at the end of the day.\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          Its two-zone architecture separates the sleeping area from a\n          protected gear-and-entry zone, helping shoes, packs, wet jackets\n          and everyday equipment stay closer to the entrance instead of\n          moving directly into the sleeping space.\n        \u003c\/p\u003e\n\n        \u003cstrong\u003e\n          Sleep inside. Keep the trail outside.\n        \u003c\/strong\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-tent-chips\"\u003e\n\n        \u003cspan class=\"tv-tent-chip\"\u003e\n          Two-Zone Interior\n        \u003c\/span\u003e\n\n        \u003cspan class=\"tv-tent-chip\"\u003e\n          CrossFlow Ventilation\n        \u003c\/span\u003e\n\n        \u003cspan class=\"tv-tent-chip\"\u003e\n          Gear Vestibule\n        \u003c\/span\u003e\n\n        \u003cspan class=\"tv-tent-chip\"\u003e\n          NightSky Roof\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-tent-image tv-tent-image--hero\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/1_2db6757d-968f-4c0d-885b-a66004bc6563.png?v=1789750079\" alt=\"Trailviora Portable 2-Person Camping Tent in a premium campsite setting\"\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- 02 — TWO ZONES --\u003e\n\n  \u003csection class=\"tv-tent-plan\"\u003e\n\n    \u003cdiv class=\"tv-tent-shell\"\u003e\n\n      \u003cdiv class=\"tv-tent-kicker\"\u003e\n        A Small Shelter with a Real Floor Plan\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"tv-tent-title\"\u003e\n        Sleep Space and Gear Space Don’t Have to Be the Same Space.\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"tv-tent-plan-grid\"\u003e\n\n        \u003carticle class=\"tv-tent-plan-card\"\u003e\n\n          \u003cdiv class=\"tv-tent-plan-label\"\u003e\n            Zone 01\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Sleeping Interior\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            The main inner space is organized around airflow, visibility\n            and usable headroom for sleeping, sitting and changing.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-tent-plan-card tv-tent-plan-card--dark\"\u003e\n\n          \u003cdiv class=\"tv-tent-plan-label\"\u003e\n            Zone 02\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Gear Landing Zone\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            The protected front vestibule gives boots, backpacks,\n            cookware cases and wet outer layers a dedicated transition area.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-tent-plan-line\"\u003e\n        More room for living. Less room for clutter.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- 03 — ARCHITECTURE --\u003e\n\n  \u003csection class=\"tv-tent-architecture\"\u003e\n\n    \u003cdiv class=\"tv-tent-shell\"\u003e\n\n      \u003cdiv class=\"tv-tent-architecture-head\"\u003e\n\n        \u003cdiv class=\"tv-tent-kicker\"\u003e\n          Organized Shelter Architecture\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"tv-tent-title\"\u003e\n          Designed Around the Way Camp Actually Gets Used.\n        \u003c\/h2\u003e\n\n        \u003cp class=\"tv-tent-copy\"\u003e\n          The entry, gear zone, sleeping zone, roof ventilation and\n          internal light rail work as one compact shelter system instead\n          of leaving every function inside a single open tent body.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-tent-image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/2_b3aaa498-3875-4e9f-b8ed-8c83d1b0dff3.png?v=1789750079\" alt=\"Trailviora two-person camping tent two-zone interior and vestibule layout\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-tent-architecture-grid\"\u003e\n\n        \u003carticle class=\"tv-tent-architecture-card\"\u003e\n\n          \u003cdiv class=\"tv-tent-architecture-icon\"\u003e\n            🏠\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Dual-Zone Interior Architecture\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Separates the sleeping space from the entry and gear zone\n              so dirt, shoes and damp equipment can stay closer to the door.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-tent-architecture-card\"\u003e\n\n          \u003cdiv class=\"tv-tent-architecture-icon\"\u003e\n            🚪\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Wide Side-Entry Door\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              A broader entry makes moving bedding, sleeping bags and\n              everyday camp gear through the doorway easier.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-tent-architecture-card\"\u003e\n\n          \u003cdiv class=\"tv-tent-architecture-icon\"\u003e\n            🎒\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Integrated Gear Landing Zone\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              The vestibule creates a protected place for packs, boots,\n              cookware cases and other equipment near the entrance.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-tent-architecture-card\"\u003e\n\n          \u003cdiv class=\"tv-tent-architecture-icon\"\u003e\n            📐\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              High-Usable Headroom Geometry\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              The frame creates more vertical interior wall space for\n              sitting, changing and organizing the tent.\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!-- 04 — AIRFLOW --\u003e\n\n  \u003csection class=\"tv-tent-air\"\u003e\n\n    \u003cdiv class=\"tv-tent-shell\"\u003e\n\n      \u003cdiv class=\"tv-tent-kicker\"\u003e\n        Airflow from Low to High\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"tv-tent-title\"\u003e\n        Ventilation Designed as a Path, Not One Big Opening.\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"tv-tent-air-grid\"\u003e\n\n        \u003carticle class=\"tv-tent-air-card\"\u003e\n\n          \u003cdiv class=\"tv-tent-air-icon\"\u003e\n            🌬️\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Low Intake Vents\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Lower openings introduce airflow closer to the floor zone.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-tent-air-card\"\u003e\n\n          \u003cdiv class=\"tv-tent-air-icon\"\u003e\n            ⬆️\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            High Exhaust Panels\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Upper ventilation points encourage air to continue moving through the shelter.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-tent-air-card\"\u003e\n\n          \u003cdiv class=\"tv-tent-air-icon\"\u003e\n            🌙\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            NightSky Roof Panel\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            A large upper mesh area adds airflow and an open view when the outer fly is pulled back.\u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-tent-air-card\"\u003e\n\n          \u003cdiv class=\"tv-tent-air-icon\"\u003e\n            🌧️\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Independent Weather Shell\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Configure the outer rainfly for broader coverage or open selected areas for ventilation.\n          \u003c\/p\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 — LIVING DETAILS --\u003e\n\n  \u003csection class=\"tv-tent-living\"\u003e\n\n    \u003cdiv class=\"tv-tent-shell\"\u003e\n\n      \u003cdiv class=\"tv-tent-kicker\"\u003e\n        Small Details That Make the Tent Easier to Live In\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"tv-tent-title\"\u003e\n        Entry, Lighting and Setup Stay More Intentional.\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"tv-tent-living-grid\"\u003e\n\n        \u003carticle class=\"tv-tent-living-card\"\u003e\n\n          \u003cdiv class=\"tv-tent-living-icon\"\u003e\n            🧲\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Magnetic Quick-Close Door Points\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Strategic magnetic guides help hold the entrance together\n              temporarily before the main zipper is fully secured.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-tent-living-card\"\u003e\n\n          \u003cdiv class=\"tv-tent-living-icon\"\u003e\n            🔦\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Integrated Light Rail\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              A discreet interior hanging line provides attachment points\n              for small lanterns, compact lights or lightweight organizers.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-tent-living-card\"\u003e\n\n          \u003cdiv class=\"tv-tent-living-icon\"\u003e\n            🌧️\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Flexible Rainfly Configuration\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Use broader outer coverage when desired or expose selected\n              ventilation areas when conditions allow.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-tent-living-card\"\u003e\n\n          \u003cdiv class=\"tv-tent-living-icon\"\u003e\n            🪶\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Lightweight Structured Frame\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Designed for weekend and vehicle-based camping without\n              the scale and complexity of a large family shelter.\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!-- 06 — DESIGN --\u003e\n\n  \u003csection class=\"tv-tent-design\"\u003e\n\n    \u003cdiv class=\"tv-tent-shell\"\u003e\n\n      \u003cdiv class=\"tv-tent-kicker\"\u003e\n        Material \u0026amp; Design\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"tv-tent-title\"\u003e\n        A Tent with the Visual Calm of Modern Architecture.\n      \u003c\/h2\u003e\n\n      \u003cp class=\"tv-tent-design-copy\"\u003e\n        Warm Stone keeps the main tent body soft and neutral, Deep Alpine Olive\n        defines the weather shell and lower areas, Graphite keeps the frame\n        understated, and small Muted Bronze details add refinement at zippers\n        and connection points. Minimal Trailviora™ mountain branding stays\n        near the door and rainfly corner instead of dominating the shelter.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"tv-tent-materials\"\u003e\n\n        \u003cspan class=\"tv-tent-material\"\u003e\n          Warm Stone\n        \u003c\/span\u003e\n\n        \u003cspan class=\"tv-tent-material\"\u003e\n          Deep Alpine Olive\n        \u003c\/span\u003e\n\n        \u003cspan class=\"tv-tent-material\"\u003e\n          Graphite Frame\n        \u003c\/span\u003e\n\n        \u003cspan class=\"tv-tent-material\"\u003e\n          Muted Bronze\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-tent-design-image\"\u003e\n\n        \u003cdiv class=\"tv-tent-image\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/3_7822a9b6-f6de-4786-b922-f725b97ab5e2.png?v=1789750080\" alt=\"Trailviora camping tent fabric frame zipper ventilation and logo details\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-tent-design-quote\"\u003e\n        More shelter planning. Less visual clutter.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- 07 — USE CASES --\u003e\n\n  \u003csection class=\"tv-tent-uses\"\u003e\n\n    \u003cdiv class=\"tv-tent-shell\"\u003e\n\n      \u003cdiv class=\"tv-tent-kicker\"\u003e\n        Built for Two-Person Camp Life\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"tv-tent-title\"\u003e\n        A Compact Shelter with More Purpose Inside.\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"tv-tent-use-tags\"\u003e\n\n        \u003cspan class=\"tv-tent-use-tag\"\u003e🏕️ Weekend Camping\u003c\/span\u003e\n        \u003cspan class=\"tv-tent-use-tag\"\u003e🤝 Couples Camping\u003c\/span\u003e\n        \u003cspan class=\"tv-tent-use-tag\"\u003e🚙 Two-Person Car Camping\u003c\/span\u003e\n        \u003cspan class=\"tv-tent-use-tag\"\u003e🏞️ National Park Trips\u003c\/span\u003e\n        \u003cspan class=\"tv-tent-use-tag\"\u003e✨ Glamping\u003c\/span\u003e\n        \u003cspan class=\"tv-tent-use-tag\"\u003e🛣️ Road Trips\u003c\/span\u003e\n        \u003cspan class=\"tv-tent-use-tag\"\u003e🎵 Festival Camping\u003c\/span\u003e\n        \u003cspan class=\"tv-tent-use-tag\"\u003e🌊 Lake Camping\u003c\/span\u003e\n        \u003cspan class=\"tv-tent-use-tag\"\u003e🚐 Van-Life Base Camps\u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-tent-position-grid\"\u003e\n\n        \u003cdiv class=\"tv-tent-position-card\"\u003e\n          \u003cspan\u003eFunction 01\u003c\/span\u003e\n          \u003cstrong\u003eSleeping Tent\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tv-tent-position-card\"\u003e\n          \u003cspan\u003eFunction 02\u003c\/span\u003e\n          \u003cstrong\u003eGear Vestibule\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tv-tent-position-card\"\u003e\n          \u003cspan\u003eFunction 03\u003c\/span\u003e\n          \u003cstrong\u003eOrganized Camp Shelter\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-tent-position-line\"\u003e\n        A small outdoor space that feels intentionally planned.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- 08 — IMAGE 04 --\u003e\n\n  \u003csection class=\"tv-tent-lifestyle\"\u003e\n\n    \u003cdiv class=\"tv-tent-shell\"\u003e\n\n      \u003cdiv class=\"tv-tent-image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/4_e8273cb0-2f27-482e-97a3-51e67a59ed31.png?v=1789750079\" alt=\"Trailviora Portable 2-Person Camping Tent outdoor lifestyle\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- 09 — HOW TO USE --\u003e\n\n  \u003csection class=\"tv-tent-howto\"\u003e\n\n    \u003cdiv class=\"tv-tent-shell\"\u003e\n\n      \u003cdiv class=\"tv-tent-howto-head\"\u003e\n\n        \u003cdiv class=\"tv-tent-kicker\"\u003e\n          Build the Shelter Around the Site\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"tv-tent-title\"\u003e\n          How to Use Trailviora™\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Choose the site, orient the entrance, build the frame, secure the gear zone and configure the outer shell for the conditions.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-tent-steps\"\u003e\n\n        \u003carticle class=\"tv-tent-step\"\u003e\n          \u003cdiv class=\"tv-tent-step-number\"\u003e1\u003c\/div\u003e\n          \u003cspan class=\"tv-tent-step-icon\"\u003e🏕️\u003c\/span\u003e\n          \u003ch3\u003eChoose the Campsite\u003c\/h3\u003e\n          \u003cp\u003eSelect a relatively level area with suitable drainage and enough room for the tent footprint.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-tent-step\"\u003e\n          \u003cdiv class=\"tv-tent-step-number\"\u003e2\u003c\/div\u003e\n          \u003cspan class=\"tv-tent-step-icon\"\u003e🎒\u003c\/span\u003e\n          \u003ch3\u003eUnpack the Components\u003c\/h3\u003e\n          \u003cp\u003eRemove the tent body, frame, rainfly and stakes from the storage bag.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-tent-step\"\u003e\n          \u003cdiv class=\"tv-tent-step-number\"\u003e3\u003c\/div\u003e\n          \u003cspan class=\"tv-tent-step-icon\"\u003e🔄\u003c\/span\u003e\n          \u003ch3\u003eLay Out \u0026amp; Orient the Tent\u003c\/h3\u003e\n          \u003cp\u003eSpread the main body flat and position the entry in the direction that best fits the campsite.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-tent-step\"\u003e\n          \u003cdiv class=\"tv-tent-step-number\"\u003e4\u003c\/div\u003e\n          \u003cspan class=\"tv-tent-step-icon\"\u003e🧩\u003c\/span\u003e\n          \u003ch3\u003eAssemble the Main Frame\u003c\/h3\u003e\n          \u003cp\u003eOpen the frame sections and connect them to the intended attachment points.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-tent-step\"\u003e\n          \u003cdiv class=\"tv-tent-step-number\"\u003e5\u003c\/div\u003e\n          \u003cspan class=\"tv-tent-step-icon\"\u003e📐\u003c\/span\u003e\n          \u003ch3\u003eRaise the Shelter\u003c\/h3\u003e\n          \u003cp\u003eLift the main structure into shape and confirm the interior geometry is properly formed.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-tent-step\"\u003e\n          \u003cdiv class=\"tv-tent-step-number\"\u003e6\u003c\/div\u003e\n          \u003cspan class=\"tv-tent-step-icon\"\u003e🔧\u003c\/span\u003e\n          \u003ch3\u003eStake the Corners \u0026amp; Gear Zone\u003c\/h3\u003e\n          \u003cp\u003eSecure the main corners and the front vestibule area using the designated stake points.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-tent-step\"\u003e\n          \u003cdiv class=\"tv-tent-step-number\"\u003e7\u003c\/div\u003e\n          \u003cspan class=\"tv-tent-step-icon\"\u003e🌧️\u003c\/span\u003e\n          \u003ch3\u003eConfigure the Rainfly\u003c\/h3\u003e\n          \u003cp\u003eInstall broader outer coverage or open selected ventilation areas based on the conditions.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-tent-step\"\u003e\n          \u003cdiv class=\"tv-tent-step-number\"\u003e8\u003c\/div\u003e\n          \u003cspan class=\"tv-tent-step-icon\"\u003e🎒\u003c\/span\u003e\n          \u003ch3\u003eUse the Gear Landing Zone\u003c\/h3\u003e\n          \u003cp\u003eKeep shoes, backpacks and outer gear in the vestibule before entering the sleeping area.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-tent-step\"\u003e\n          \u003cdiv class=\"tv-tent-step-number\"\u003e9\u003c\/div\u003e\n          \u003cspan class=\"tv-tent-step-icon\"\u003e🔦\u003c\/span\u003e\n          \u003ch3\u003eAdd a Lightweight Camp Light\u003c\/h3\u003e\n          \u003cp\u003eAttach a compatible lightweight lantern or small light to the internal hanging rail.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-tent-step\"\u003e\n          \u003cdiv class=\"tv-tent-step-number\"\u003e10\u003c\/div\u003e\n          \u003cspan class=\"tv-tent-step-icon\"\u003e🧼\u003c\/span\u003e\n          \u003ch3\u003eDry Before Storage\u003c\/h3\u003e\n          \u003cp\u003eBefore longer-term storage, make sure the tent and rainfly are fully dry, then fold and pack them away.\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!-- 10 — FINAL --\u003e\n\n  \u003csection class=\"tv-tent-final\"\u003e\n\n    \u003cdiv class=\"tv-tent-shell\"\u003e\n\n      \u003cdiv class=\"tv-tent-final-label\"\u003e\n        Trailviora™ Portable 2-Person Camping Tent\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Sleep Inside.\u003cbr\u003e\n        Keep the Trail Outside.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        A two-zone camp shelter designed to separate sleeping from gear,\n        improve interior organization and make a compact tent feel more\n        like a genuinely planned outdoor space.\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":51337276293372,"sku":"Trailviora*7","price":99.97,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/1_17640f50-4b28-4889-b3b2-d94653f77f37.png?v=1789750056"},{"product_id":"trailviora™-terracloud-layered-camp-sleep-mat","title":"Trailviora™ Portable Multi-Layer Inflatable Camping Sleeping Pad","description":"\u003cstyle\u003e\n\/* =========================================================\n   TRAILVIORA™ PORTABLE MULTI-LAYER INFLATABLE CAMPING SLEEPING PAD\n   Shopify Custom Liquid — Premium Camp Sleep Platform\n   NEW LAYOUT: Ground → Layer → Tune → Link → Pack\n   Palette: Stone Taupe + Deep Olive + Graphite + Soft Bronze\n   Compact \/ Responsive \/ Product-page safe\n   ========================================================= *\/\n\n.tv-pad,\n.tv-pad * {\n  box-sizing: border-box;\n}\n\n.tv-pad {\n  --tp-taupe: #d2c4b3;\n  --tp-taupe-soft: #f0e9df;\n  --tp-olive: #4a5847;\n  --tp-olive-dark: #343f34;\n  --tp-graphite: #2b2e2b;\n  --tp-graphite-2: #3a3d39;\n  --tp-bronze: #a87a50;\n  --tp-bronze-soft: #d4b38e;\n  --tp-text: #30332f;\n  --tp-muted: #6c706a;\n  --tp-border: #ddd7cf;\n  --tp-cream: #fbfaf7;\n  --tp-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(43,46,43,.10);\n  border-radius: 20px;\n\n  background: var(--tp-cream);\n  color: var(--tp-text);\n\n  font-family:\n    Arial,\n    Helvetica,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    sans-serif;\n}\n\n.tv-pad h1,\n.tv-pad h2,\n.tv-pad h3,\n.tv-pad p,\n.tv-pad span,\n.tv-pad strong {\n  word-break: normal;\n  overflow-wrap: break-word;\n  hyphens: none;\n}\n\n.tv-pad img {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n}\n\n.tv-pad-shell {\n  width: 100%;\n  max-width: 700px;\n  margin: 0 auto;\n  padding: 0 18px;\n}\n\n.tv-pad-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  margin-bottom: 10px;\n\n  color: var(--tp-bronze);\n\n  font-size: 9px;\n  line-height: 1.2;\n  font-weight: 900;\n  letter-spacing: 1.7px;\n  text-transform: uppercase;\n}\n\n.tv-pad-kicker::before {\n  content: \"\";\n  width: 24px;\n  height: 1px;\n  background: currentColor;\n}\n\n.tv-pad-title {\n  margin: 0;\n\n  color: var(--tp-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.tv-pad-copy {\n  color: var(--tp-muted);\n  font-size: 13px;\n  line-height: 1.66;\n}\n\n\n\/* =========================================================\n   01 — HERO\n   ========================================================= *\/\n\n.tv-pad-hero {\n  padding: 34px 0 24px;\n\n  background:\n    radial-gradient(\n      circle at 88% 10%,\n      rgba(74,88,71,.12),\n      transparent 26%\n    ),\n    linear-gradient(\n      180deg,\n      #f8f5ef 0%,\n      #ece5db 100%\n    );\n}\n\n.tv-pad-hero h1 {\n  max-width: 660px;\n  margin: 0;\n\n  color: var(--tp-graphite);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 34px;\n  line-height: 1.04;\n  font-weight: 500;\n  letter-spacing: -.7px;\n}\n\n.tv-pad-hero-sub {\n  margin-top: 12px;\n\n  color: #484b46;\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.tv-pad-hero-copy {\n  margin-top: 16px;\n  padding-top: 15px;\n\n  border-top: 1px solid var(--tp-border);\n}\n\n.tv-pad-hero-copy p {\n  margin: 0;\n\n  color: var(--tp-muted);\n\n  font-size: 13px;\n  line-height: 1.68;\n}\n\n.tv-pad-hero-copy p + p {\n  margin-top: 10px;\n}\n\n.tv-pad-hero-copy strong {\n  display: block;\n  margin-top: 12px;\n\n  color: var(--tp-graphite);\n\n  font-size: 12px;\n  line-height: 1.4;\n}\n\n.tv-pad-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin-top: 18px;\n}\n\n.tv-pad-chip {\n  display: inline-flex;\n  align-items: center;\n\n  padding: 7px 9px;\n\n  border: 1px solid #cec5ba;\n  border-radius: 999px;\n\n  background: rgba(255,255,255,.70);\n  color: var(--tp-graphite);\n\n  font-size: 9px;\n  line-height: 1.2;\n  font-weight: 800;\n}\n\n\n\/* =========================================================\n   IMAGES \/ PLACEHOLDERS\n   ========================================================= *\/\n\n.tv-pad-image {\n  width: 100%;\n  margin: 0 auto;\n  overflow: hidden;\n\n  border-radius: 14px;\n\n  background: #30332f;\n\n  box-shadow:\n    0 12px 26px rgba(43,46,43,.10);\n}\n\n.tv-pad-image--hero {\n  margin-top: 22px;\n}\n\n.tv-pad-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(240,232,221,.34);\n\n  background:\n    radial-gradient(\n      circle at 50% 45%,\n      rgba(210,196,179,.14),\n      transparent 34%\n    ),\n    linear-gradient(\n      135deg,\n      #596354 0%,\n      #30362f 100%\n    );\n\n  text-align: center;\n}\n\n.tv-pad-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.tv-pad-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 — LAYERED SLEEP LOGIC\n   ========================================================= *\/\n\n.tv-pad-layers {\n  padding: 34px 0;\n  background: #ffffff;\n}\n\n.tv-pad-layers-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(180px, 100%), 1fr));\n\n  gap: 8px;\n  margin-top: 18px;\n}\n\n.tv-pad-layer {\n  padding: 14px;\n\n  border: 1px solid var(--tp-border);\n  border-radius: 12px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff 0%,\n      #faf8f4 100%\n    );\n}\n\n.tv-pad-layer--dark {\n  background:\n    linear-gradient(\n      145deg,\n      #3b4239 0%,\n      #2d332d 100%\n    );\n\n  border-color: transparent;\n}\n\n.tv-pad-layer-label {\n  color: var(--tp-bronze);\n\n  font-size: 9px;\n  line-height: 1.2;\n  font-weight: 900;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.tv-pad-layer--dark .tv-pad-layer-label {\n  color: var(--tp-bronze-soft);\n}\n\n.tv-pad-layer h3 {\n  margin: 8px 0 5px;\n\n  color: var(--tp-graphite);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 16px;\n  line-height: 1.2;\n  font-weight: 500;\n}\n\n.tv-pad-layer--dark h3 {\n  color: #ffffff;\n}\n\n.tv-pad-layer p {\n  margin: 0;\n\n  color: var(--tp-muted);\n\n  font-size: 10.7px;\n  line-height: 1.46;\n}\n\n.tv-pad-layer--dark p {\n  color: rgba(255,255,255,.68);\n}\n\n.tv-pad-layer-line {\n  margin-top: 11px;\n\n  color: var(--tp-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 — SLEEP SURFACE ARCHITECTURE\n   ========================================================= *\/\n\n.tv-pad-architecture {\n  padding: 36px 0;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ece5db 0%,\n      #f8f5ef 100%\n    );\n}\n\n.tv-pad-architecture-head {\n  margin-bottom: 18px;\n}\n\n.tv-pad-architecture-head p {\n  margin: 11px 0 0;\n}\n\n.tv-pad-architecture-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(205px, 100%), 1fr));\n\n  gap: 8px;\n  margin-top: 16px;\n}\n\n.tv-pad-architecture-card {\n  display: grid;\n\n  grid-template-columns:\n    36px minmax(0, 1fr);\n\n  gap: 10px;\n  align-items: start;\n\n  padding: 13px;\n\n  border: 1px solid var(--tp-border);\n  border-radius: 12px;\n\n  background: rgba(255,255,255,.87);\n}\n\n.tv-pad-architecture-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(--tp-olive-dark);\n  color: #ffffff;\n\n  font-size: 15px;\n}\n\n.tv-pad-architecture-card h3 {\n  margin: 0 0 4px;\n\n  color: var(--tp-graphite);\n\n  font-size: 12.8px;\n  line-height: 1.3;\n  font-weight: 900;\n}\n\n.tv-pad-architecture-card p {\n  margin: 0;\n\n  color: var(--tp-muted);\n\n  font-size: 10.8px;\n  line-height: 1.46;\n}\n\n\n\/* =========================================================\n   04 — BODY CONTACT ZONES\n   ========================================================= *\/\n\n.tv-pad-zones {\n  padding: 36px 0;\n  background: #ffffff;\n}\n\n.tv-pad-zone-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(145px, 100%), 1fr));\n\n  gap: 8px;\n  margin-top: 18px;\n}\n\n.tv-pad-zone {\n  padding: 14px;\n\n  border: 1px solid var(--tp-border);\n  border-radius: 12px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff 0%,\n      #faf8f4 100%\n    );\n\n  text-align: center;\n}\n\n.tv-pad-zone-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 34px;\n  height: 34px;\n\n  margin: 0 auto 8px;\n\n  border-radius: 10px;\n\n  background: var(--tp-taupe-soft);\n\n  font-size: 14px;\n}\n\n.tv-pad-zone h3 {\n  margin: 0 0 4px;\n\n  color: var(--tp-graphite);\n\n  font-size: 12.4px;\n  line-height: 1.28;\n  font-weight: 900;\n}\n\n.tv-pad-zone p {\n  margin: 0;\n\n  color: var(--tp-muted);\n\n  font-size: 10.4px;\n  line-height: 1.43;\n}\n\n\n\/* =========================================================\n   05 — INFLATION \/ CONTROL\n   ========================================================= *\/\n\n.tv-pad-control {\n  padding: 36px 0;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f8f5ef 0%,\n      #ffffff 100%\n    );\n}\n\n.tv-pad-control-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(205px, 100%), 1fr));\n\n  gap: 8px;\n  margin-top: 18px;\n}\n\n.tv-pad-control-card {\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(--tp-border);\n  border-radius: 12px;\n\n  background: #ffffff;\n}\n\n.tv-pad-control-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: #e9eee7;\n\n  font-size: 14px;\n}\n\n.tv-pad-control-card h3 {\n  margin: 0 0 4px;\n\n  color: var(--tp-graphite);\n\n  font-size: 12.5px;\n  line-height: 1.28;\n  font-weight: 900;\n}\n\n.tv-pad-control-card p {\n  margin: 0;\n\n  color: var(--tp-muted);\n\n  font-size: 10.7px;\n  line-height: 1.46;\n}\n\n\n\/* =========================================================\n   06 — MATERIAL \/ DESIGN\n   ========================================================= *\/\n\n.tv-pad-design {\n  padding: 36px 0;\n\n  background:\n    radial-gradient(\n      circle at 92% 8%,\n      rgba(210,196,179,.12),\n      transparent 24%\n    ),\n    linear-gradient(\n      135deg,\n      #3c433a 0%,\n      #292e29 100%\n    );\n\n  color: #ffffff;\n}\n\n.tv-pad-design .tv-pad-kicker {\n  color: var(--tp-bronze-soft);\n}\n\n.tv-pad-design .tv-pad-title {\n  color: #ffffff;\n}\n\n.tv-pad-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.tv-pad-materials {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin-top: 15px;\n}\n\n.tv-pad-material {\n  padding: 7px 9px;\n\n  border: 1px solid rgba(240,232,221,.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.tv-pad-design-image {\n  margin-top: 18px;\n}\n\n.tv-pad-design-quote {\n  max-width: 540px;\n  margin: 17px auto 0;\n\n  color: var(--tp-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   07 — USE CASES \/ POSITIONING\n   ========================================================= *\/\n\n.tv-pad-uses {\n  padding: 34px 0;\n  background: var(--tp-cream);\n}\n\n.tv-pad-use-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin-top: 16px;\n}\n\n.tv-pad-use-tag {\n  display: inline-flex;\n  align-items: center;\n\n  padding: 7px 9px;\n\n  border: 1px solid var(--tp-border);\n  border-radius: 999px;\n\n  background: #ffffff;\n  color: var(--tp-graphite);\n\n  font-size: 9.5px;\n  line-height: 1.2;\n  font-weight: 800;\n}\n\n.tv-pad-position-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(150px, 100%), 1fr));\n\n  gap: 8px;\n  margin-top: 18px;\n}\n\n.tv-pad-position-card {\n  padding: 14px;\n\n  border-radius: 12px;\n\n  background: var(--tp-graphite);\n  color: #ffffff;\n\n  text-align: center;\n}\n\n.tv-pad-position-card span {\n  color: rgba(255,255,255,.55);\n\n  font-size: 9px;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.tv-pad-position-card strong {\n  display: block;\n  margin-top: 6px;\n\n  color: #ffffff;\n\n  font-size: 11.7px;\n  line-height: 1.3;\n}\n\n.tv-pad-position-line {\n  margin-top: 10px;\n\n  color: var(--tp-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   08 — LIFESTYLE\n   ========================================================= *\/\n\n.tv-pad-lifestyle {\n  padding: 30px 0;\n  background: #ffffff;\n}\n\n\n\/* =========================================================\n   09 — HOW TO USE\n   ========================================================= *\/\n\n.tv-pad-howto {\n  padding: 34px 0 38px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ece6dc 0%,\n      #faf7f2 100%\n    );\n}\n\n.tv-pad-howto-head {\n  margin-bottom: 18px;\n  text-align: center;\n}\n\n.tv-pad-howto-head .tv-pad-title {\n  margin: 0 auto;\n}\n\n.tv-pad-howto-head p {\n  margin: 8px auto 0;\n\n  color: var(--tp-muted);\n\n  font-size: 11px;\n  line-height: 1.5;\n}\n\n.tv-pad-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.tv-pad-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(--tp-border);\n  border-radius: 11px;\n\n  background: #ffffff;\n}\n\n.tv-pad-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(--tp-olive-dark);\n  color: #ffffff;\n\n  font-size: 10px;\n  line-height: 1;\n  font-weight: 900;\n}\n\n.tv-pad-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.tv-pad-step h3 {\n  grid-column: 3;\n  grid-row: 1;\n\n  margin: 0;\n\n  color: var(--tp-graphite);\n\n  font-size: 11.7px;\n  line-height: 1.26;\n  font-weight: 900;\n}\n\n.tv-pad-step p {\n  grid-column: 3;\n  grid-row: 2;\n\n  margin: 0;\n\n  color: var(--tp-muted);\n\n  font-size: 9.7px;\n  line-height: 1.4;\n}\n\n\n\/* =========================================================\n   10 — FINAL\n   ========================================================= *\/\n\n.tv-pad-final {\n  padding: 42px 0 46px;\n\n  background:\n    radial-gradient(\n      circle at 50% 120%,\n      rgba(210,196,179,.14),\n      transparent 36%\n    ),\n    linear-gradient(\n      135deg,\n      #394139 0%,\n      #252b25 100%\n    );\n\n  text-align: center;\n}\n\n.tv-pad-final-label {\n  color: var(--tp-bronze-soft);\n\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: 1.8px;\n  text-transform: uppercase;\n}\n\n.tv-pad-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.tv-pad-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  .tv-pad {\n    margin-top: 16px;\n    border-radius: 0;\n  }\n\n  .tv-pad-shell {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n\n  .tv-pad-hero h1 {\n    font-size: 29px;\n  }\n\n  .tv-pad-title {\n    font-size: 27px;\n  }\n\n  .tv-pad-placeholder {\n    min-height: 210px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"tv-pad\"\u003e\n\u003c!-- 01 — HERO --\u003e\n\u003csection class=\"tv-pad-hero\"\u003e\n\u003cdiv class=\"tv-pad-shell\"\u003e\n\u003cdiv class=\"tv-pad-kicker\"\u003eTrailviora™ Camp Sleep Platform\u003c\/div\u003e\n\u003ch1\u003ePortable Multi-Layer Inflatable Camping Sleeping Pad\u003c\/h1\u003e\n\u003cdiv class=\"tv-pad-hero-sub\"\u003eGround Comfort, Reconsidered.\u003c\/div\u003e\n\u003cdiv class=\"tv-pad-hero-copy\"\u003e\n\u003cp\u003eTrailviora™ Portable Multi-Layer Inflatable Camping Sleeping Pad is designed for campers who want real sleeping comfort without bringing a bulky home-style mattress into the outdoors.\u003c\/p\u003e\n\u003cp\u003eInstead of relying on one hollow air chamber, the system combines a supportive air core, sculpted comfort surface, insulated underside and reinforced perimeter in one compact camp sleep platform.\u003c\/p\u003e\n\u003cstrong\u003e Sleep deeper. Wake ready. \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tv-pad-chips\"\u003e\n\u003cspan class=\"tv-pad-chip\"\u003e Layered Air Support \u003c\/span\u003e \u003cspan class=\"tv-pad-chip\"\u003e Sculpted Sleep Surface \u003c\/span\u003e \u003cspan class=\"tv-pad-chip\"\u003e Stable Perimeter \u003c\/span\u003e \u003cspan class=\"tv-pad-chip\"\u003e Micro-Adjust Firmness \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tv-pad-image tv-pad-image--hero\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/1_bf2dbb15-f121-4a33-9d83-acf6c10171b2.png?v=1789746918\" alt=\"Trailviora Portable Multi-Layer Inflatable Camping Sleeping Pad in a premium camping setup\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 02 — LAYERED SLEEP LOGIC --\u003e\n\u003csection class=\"tv-pad-layers\"\u003e\n\u003cdiv class=\"tv-pad-shell\"\u003e\n\u003cdiv class=\"tv-pad-kicker\"\u003eMore Than One Air Chamber\u003c\/div\u003e\n\u003ch2 class=\"tv-pad-title\"\u003eComfort Comes from Layers Working Together.\u003c\/h2\u003e\n\u003cdiv class=\"tv-pad-layers-grid\"\u003e\n\u003carticle class=\"tv-pad-layer\"\u003e\n\u003cdiv class=\"tv-pad-layer-label\"\u003eUpper Layer\u003c\/div\u003e\n\u003ch3\u003eSculpted Comfort Surface\u003c\/h3\u003e\n\u003cp\u003eA lightly contoured top helps distribute body contact more evenly across the sleeping area.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tv-pad-layer tv-pad-layer--dark\"\u003e\n\u003cdiv class=\"tv-pad-layer-label\"\u003eCore Layer\u003c\/div\u003e\n\u003ch3\u003eSupportive Air Structure\u003c\/h3\u003e\n\u003cp\u003eThe internal air-support system is designed to feel more stable and less like a basic single-chamber air mattress.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tv-pad-layer\"\u003e\n\u003cdiv class=\"tv-pad-layer-label\"\u003eLower Layer\u003c\/div\u003e\n\u003ch3\u003eInsulated Ground Barrier\u003c\/h3\u003e\n\u003cp\u003eA dedicated underside helps create separation between the sleeper and cooler ground surfaces.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tv-pad-layer-line\"\u003eBecause the ground doesn’t have to feel like the ground.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 03 — ARCHITECTURE --\u003e\n\u003csection class=\"tv-pad-architecture\"\u003e\n\u003cdiv class=\"tv-pad-shell\"\u003e\n\u003cdiv class=\"tv-pad-architecture-head\"\u003e\n\u003cdiv class=\"tv-pad-kicker\"\u003eLayered Sleep Architecture\u003c\/div\u003e\n\u003ch2 class=\"tv-pad-title\"\u003eStable Where It Matters. Softer Where You Feel It.\u003c\/h2\u003e\n\u003cp class=\"tv-pad-copy\"\u003eRather than using oversized horizontal air tubes, Trailviora™ uses a flatter geometric sleep surface with subtle contouring, reinforced edges and dedicated support zones.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tv-pad-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/2_827a00ae-a701-4920-bce1-e2a77edbc691.png?v=1789746923\" alt=\"Trailviora sleeping pad layered construction air core insulation perimeter and valve details\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"tv-pad-architecture-grid\"\u003e\n\u003carticle class=\"tv-pad-architecture-card\"\u003e\n\u003cdiv class=\"tv-pad-architecture-icon\"\u003e☁️\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eLayered Comfort Architecture\u003c\/h3\u003e\n\u003cp\u003eCombines air support with a cushioned upper surface instead of relying on one hollow inflatable chamber.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tv-pad-architecture-card\"\u003e\n\u003cdiv class=\"tv-pad-architecture-icon\"\u003e🛏️\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eSculpted Pressure-Relief Surface\u003c\/h3\u003e\n\u003cp\u003eSubtle contour zones are positioned around the shoulder, torso and hip areas.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tv-pad-architecture-card\"\u003e\n\u003cdiv class=\"tv-pad-architecture-icon\"\u003e🧱\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eStable Perimeter Support\u003c\/h3\u003e\n\u003cp\u003eReinforced side rails help create a more defined sleeping area around the edge of the pad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tv-pad-architecture-card\"\u003e\n\u003cdiv class=\"tv-pad-architecture-icon\"\u003e🌡️\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eInsulated Ground Barrier\u003c\/h3\u003e\n\u003cp\u003eA dedicated lower layer adds useful separation from colder ground surfaces.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 04 — BODY ZONES --\u003e\n\u003csection class=\"tv-pad-zones\"\u003e\n\u003cdiv class=\"tv-pad-shell\"\u003e\n\u003cdiv class=\"tv-pad-kicker\"\u003eA More Considered Sleep Surface\u003c\/div\u003e\n\u003ch2 class=\"tv-pad-title\"\u003eDesigned Around the Places Your Body Meets the Pad.\u003c\/h2\u003e\n\u003cdiv class=\"tv-pad-zone-grid\"\u003e\n\u003carticle class=\"tv-pad-zone\"\u003e\n\u003cdiv class=\"tv-pad-zone-icon\"\u003e🧍\u003c\/div\u003e\n\u003ch3\u003eShoulder Zone\u003c\/h3\u003e\n\u003cp\u003eContouring helps create a calmer upper-body resting area.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tv-pad-zone\"\u003e\n\u003cdiv class=\"tv-pad-zone-icon\"\u003e↔️\u003c\/div\u003e\n\u003ch3\u003eTorso Zone\u003c\/h3\u003e\n\u003cp\u003eA broad central section supports a flatter sleeping feel.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tv-pad-zone\"\u003e\n\u003cdiv class=\"tv-pad-zone-icon\"\u003e🌙\u003c\/div\u003e\n\u003ch3\u003eHip Zone\u003c\/h3\u003e\n\u003cp\u003eSubtle shaping helps reduce the basic air-mattress sensation.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tv-pad-zone\"\u003e\n\u003cdiv class=\"tv-pad-zone-icon\"\u003e🧱\u003c\/div\u003e\n\u003ch3\u003eEdge Zone\u003c\/h3\u003e\n\u003cp\u003eRaised perimeter structure creates a gentle sense of boundary.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 05 — INFLATION CONTROL --\u003e\n\u003csection class=\"tv-pad-control\"\u003e\n\u003cdiv class=\"tv-pad-shell\"\u003e\n\u003cdiv class=\"tv-pad-kicker\"\u003eTune the Feel After Inflation\u003c\/div\u003e\n\u003ch2 class=\"tv-pad-title\"\u003eInflate Fast. Fine-Tune Slowly.\u003c\/h2\u003e\n\u003cdiv class=\"tv-pad-control-grid\"\u003e\n\u003carticle class=\"tv-pad-control-card\"\u003e\n\u003cdiv class=\"tv-pad-control-icon\"\u003e🔄\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eDual-Valve Inflation System\u003c\/h3\u003e\n\u003cp\u003eSeparate inflation and deflation pathways help simplify setup and pack-down.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tv-pad-control-card\"\u003e\n\u003cdiv class=\"tv-pad-control-icon\"\u003e🫧\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eMicro-Adjust Comfort Valve\u003c\/h3\u003e\n\u003cp\u003eRelease small amounts of air after inflation to fine-tune firmness without fully reopening the main valve.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tv-pad-control-card\"\u003e\n\u003cdiv class=\"tv-pad-control-icon\"\u003e🔗\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eSide-Link System\u003c\/h3\u003e\n\u003cp\u003eConnect two compatible Trailviora™ pads side-by-side to create a wider couples sleeping platform.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tv-pad-control-card\"\u003e\n\u003cdiv class=\"tv-pad-control-icon\"\u003e🎒\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eRoll-Compact Carry Format\u003c\/h3\u003e\n\u003cp\u003eDeflates and rolls into a cylindrical carry format rather than requiring a rigid storage case.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 06 — DESIGN --\u003e\n\u003csection class=\"tv-pad-design\"\u003e\n\u003cdiv class=\"tv-pad-shell\"\u003e\n\u003cdiv class=\"tv-pad-kicker\"\u003eMaterial \u0026amp; Design\u003c\/div\u003e\n\u003ch2 class=\"tv-pad-title\"\u003ePremium Outdoor Bedding, Not a Bright Inflatable Mattress.\u003c\/h2\u003e\n\u003cp class=\"tv-pad-design-copy\"\u003eStone Taupe defines the main sleeping surface, Deep Olive frames the perimeter, Graphite protects the underside, and Soft Bronze is reserved for small valve and connection details. Geometric quilting and a broad, calmer sleep area keep the visual language closer to premium bedding than traditional tube-style camping mats.\u003c\/p\u003e\n\u003cdiv class=\"tv-pad-materials\"\u003e\n\u003cspan class=\"tv-pad-material\"\u003e Stone Taupe \u003c\/span\u003e \u003cspan class=\"tv-pad-material\"\u003e Deep Olive \u003c\/span\u003e \u003cspan class=\"tv-pad-material\"\u003e Graphite \u003c\/span\u003e \u003cspan class=\"tv-pad-material\"\u003e Soft Bronze \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tv-pad-design-image\"\u003e\n\u003cdiv class=\"tv-pad-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/3_0b07a77b-c231-461c-930c-96df09cdc213.png?v=1789746924\" alt=\"Trailviora sleeping pad quilted surface perimeter underside valve and side-link details\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tv-pad-design-quote\"\u003eQuiet enough to look refined. Practical enough for camp.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 07 — USE CASES --\u003e\n\u003csection class=\"tv-pad-uses\"\u003e\n\u003cdiv class=\"tv-pad-shell\"\u003e\n\u003cdiv class=\"tv-pad-kicker\"\u003eMade for Real Camp Sleep\u003c\/div\u003e\n\u003ch2 class=\"tv-pad-title\"\u003eA Nighttime Sleep Platform, Not a Daytime Rest Pad.\u003c\/h2\u003e\n\u003cdiv class=\"tv-pad-use-tags\"\u003e\n\u003cspan class=\"tv-pad-use-tag\"\u003e🚙 Car Camping\u003c\/span\u003e \u003cspan class=\"tv-pad-use-tag\"\u003e🔗 Couples Camping\u003c\/span\u003e \u003cspan class=\"tv-pad-use-tag\"\u003e✨ Glamping\u003c\/span\u003e \u003cspan class=\"tv-pad-use-tag\"\u003e🚐 Van Life\u003c\/span\u003e \u003cspan class=\"tv-pad-use-tag\"\u003e🏡 Cabin Weekends\u003c\/span\u003e \u003cspan class=\"tv-pad-use-tag\"\u003e👨👩👧 Family Camping\u003c\/span\u003e \u003cspan class=\"tv-pad-use-tag\"\u003e🛣️ Road Trips\u003c\/span\u003e \u003cspan class=\"tv-pad-use-tag\"\u003e🎵 Festival Camping\u003c\/span\u003e \u003cspan class=\"tv-pad-use-tag\"\u003e🏕️ Longer Camp Stays\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tv-pad-position-grid\"\u003e\n\u003cdiv class=\"tv-pad-position-card\"\u003e\n\u003cspan\u003ePosition 01\u003c\/span\u003e \u003cstrong\u003eSleeping Pad\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tv-pad-position-card\"\u003e\n\u003cspan\u003ePosition 02\u003c\/span\u003e \u003cstrong\u003eLightweight Camp Mattress\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tv-pad-position-card\"\u003e\n\u003cspan\u003ePosition 03\u003c\/span\u003e \u003cstrong\u003eInsulated Sleep Platform\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tv-pad-position-line\"\u003eBuilt for the night, not just the trail stop.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 08 — IMAGE 04 --\u003e\n\u003csection class=\"tv-pad-lifestyle\"\u003e\n\u003cdiv class=\"tv-pad-shell\"\u003e\n\u003cdiv class=\"tv-pad-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/4_227006ea-e7eb-4aa6-be49-265c5a8eedd4.png?v=1789746923\" alt=\"Trailviora inflatable camping sleeping pad outdoor nighttime lifestyle\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 09 — HOW TO USE --\u003e\n\u003csection class=\"tv-pad-howto\"\u003e\n\u003cdiv class=\"tv-pad-shell\"\u003e\n\u003cdiv class=\"tv-pad-howto-head\"\u003e\n\u003cdiv class=\"tv-pad-kicker\"\u003eSet the Surface. Tune the Feel.\u003c\/div\u003e\n\u003ch2 class=\"tv-pad-title\"\u003eHow to Use Trailviora™\u003c\/h2\u003e\n\u003cp\u003eClear the ground, inflate most of the way, fine-tune after lying down, then roll it compact in the morning.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tv-pad-steps\"\u003e\n\u003carticle class=\"tv-pad-step\"\u003e\n\u003cdiv class=\"tv-pad-step-number\"\u003e1\u003c\/div\u003e\n\u003cspan class=\"tv-pad-step-icon\"\u003e🌙\u003c\/span\u003e\n\u003ch3\u003eUnroll the Sleeping Pad\u003c\/h3\u003e\n\u003cp\u003eLay the Trailviora™ pad flat inside the tent or on another suitable level sleeping area.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tv-pad-step\"\u003e\n\u003cdiv class=\"tv-pad-step-number\"\u003e2\u003c\/div\u003e\n\u003cspan class=\"tv-pad-step-icon\"\u003e🪨\u003c\/span\u003e\n\u003ch3\u003eCheck the Ground First\u003c\/h3\u003e\n\u003cp\u003eRemove sharp stones, sticks or other debris before inflation.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tv-pad-step\"\u003e\n\u003cdiv class=\"tv-pad-step-number\"\u003e3\u003c\/div\u003e\n\u003cspan class=\"tv-pad-step-icon\"\u003e🔓\u003c\/span\u003e\n\u003ch3\u003eOpen the Main Inflation Valve\u003c\/h3\u003e\n\u003cp\u003ePrepare the primary valve before connecting a compatible inflation bag or compact pump.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tv-pad-step\"\u003e\n\u003cdiv class=\"tv-pad-step-number\"\u003e4\u003c\/div\u003e\n\u003cspan class=\"tv-pad-step-icon\"\u003e💨\u003c\/span\u003e\n\u003ch3\u003eInflate to About 80–90%\u003c\/h3\u003e\n\u003cp\u003eFill the pad most of the way, leaving room for final comfort adjustment.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tv-pad-step\"\u003e\n\u003cdiv class=\"tv-pad-step-number\"\u003e5\u003c\/div\u003e\n\u003cspan class=\"tv-pad-step-icon\"\u003e🫧\u003c\/span\u003e\n\u003ch3\u003eFine-Tune the Firmness\u003c\/h3\u003e\n\u003cp\u003eLie down and release small amounts of air through the Micro-Adjust Valve until the feel suits you.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tv-pad-step\"\u003e\n\u003cdiv class=\"tv-pad-step-number\"\u003e6\u003c\/div\u003e\n\u003cspan class=\"tv-pad-step-icon\"\u003e🔗\u003c\/span\u003e\n\u003ch3\u003eLink Two Pads if Needed\u003c\/h3\u003e\n\u003cp\u003eUse the side connection points when creating a wider two-person sleep platform.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tv-pad-step\"\u003e\n\u003cdiv class=\"tv-pad-step-number\"\u003e7\u003c\/div\u003e\n\u003cspan class=\"tv-pad-step-icon\"\u003e🛏️\u003c\/span\u003e\n\u003ch3\u003eAdd Your Sleep Layer\u003c\/h3\u003e\n\u003cp\u003ePlace a sleeping bag, quilt, blanket or other compatible bedding on top.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tv-pad-step\"\u003e\n\u003cdiv class=\"tv-pad-step-number\"\u003e8\u003c\/div\u003e\n\u003cspan class=\"tv-pad-step-icon\"\u003e🌅\u003c\/span\u003e\n\u003ch3\u003eOpen the Deflation Valve\u003c\/h3\u003e\n\u003cp\u003eRelease the air fully in the morning before rolling the pad.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tv-pad-step\"\u003e\n\u003cdiv class=\"tv-pad-step-number\"\u003e9\u003c\/div\u003e\n\u003cspan class=\"tv-pad-step-icon\"\u003e🔄\u003c\/span\u003e\n\u003ch3\u003eRoll from the Far End\u003c\/h3\u003e\n\u003cp\u003eStart opposite the open valve and roll gradually to move remaining air out.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"tv-pad-step\"\u003e\n\u003cdiv class=\"tv-pad-step-number\"\u003e10\u003c\/div\u003e\n\u003cspan class=\"tv-pad-step-icon\"\u003e🎒\u003c\/span\u003e\n\u003ch3\u003eStore Dry\u003c\/h3\u003e\n\u003cp\u003eReturn the rolled pad to its carry bag and allow it to dry fully before longer-term storage.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- 10 — FINAL --\u003e\n\u003csection class=\"tv-pad-final\"\u003e\n\u003cdiv class=\"tv-pad-shell\"\u003e\n\u003cdiv class=\"tv-pad-final-label\"\u003eTrailviora™ Portable Multi-Layer Inflatable Camping Sleeping Pad\u003c\/div\u003e\n\u003ch2\u003eSleep Deeper.\u003cbr\u003eWake Ready.\u003c\/h2\u003e\n\u003cp\u003eA layered camp sleep platform designed to feel more stable, more refined and more comfortable than a basic single-chamber inflatable pad.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"𝑇𝑟𝑎𝑖𝑙𝑣𝑖𝑜𝑟𝑎™","offers":[{"title":"Default Title","offer_id":51337297854716,"sku":"Trailviora*6","price":89.96,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/1_9c050a27-3ba0-40f9-8054-0ee4eb5c0e9b.png?v=1789746897"},{"product_id":"trailviora™-skynest-elevated-camp-lounge-system","title":"Trailviora™ Elevated Camping Cot","description":"\u003cstyle\u003e\n\/* =========================================================\n   TRAILVIORA™ ELEVATED CAMPING COT\n   Shopify Custom Liquid — Suspended Day-to-Night Rest System\n   NEW LAYOUT: Suspend → Flatten → Shelter → Organize → Pack\n   Palette: Deep Alpine Olive + Warm Sand + Graphite + Muted Bronze\n   Compact \/ Responsive \/ Product-page safe\n   ========================================================= *\/\n\n.tv-cot,\n.tv-cot * {\n  box-sizing: border-box;\n}\n\n.tv-cot {\n  --tc-olive: #465543;\n  --tc-olive-dark: #313d30;\n  --tc-olive-soft: #e8ede5;\n  --tc-sand: #d4c5b3;\n  --tc-sand-soft: #f1e9df;\n  --tc-graphite: #2b2e2b;\n  --tc-graphite-2: #3a3d39;\n  --tc-bronze: #a77a4f;\n  --tc-bronze-soft: #d4b28c;\n  --tc-text: #30332f;\n  --tc-muted: #6c706a;\n  --tc-border: #ddd7ce;\n  --tc-cream: #fbfaf7;\n  --tc-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(43,46,43,.10);\n  border-radius: 20px;\n\n  background: var(--tc-cream);\n  color: var(--tc-text);\n\n  font-family:\n    Arial,\n    Helvetica,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    sans-serif;\n}\n\n.tv-cot h1,\n.tv-cot h2,\n.tv-cot h3,\n.tv-cot p,\n.tv-cot span,\n.tv-cot strong {\n  word-break: normal;\n  overflow-wrap: break-word;\n  hyphens: none;\n}\n\n.tv-cot img {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n}\n\n.tv-cot-shell {\n  width: 100%;\n  max-width: 700px;\n  margin: 0 auto;\n  padding: 0 18px;\n}\n\n.tv-cot-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  margin-bottom: 10px;\n\n  color: var(--tc-bronze);\n\n  font-size: 9px;\n  line-height: 1.2;\n  font-weight: 900;\n  letter-spacing: 1.7px;\n  text-transform: uppercase;\n}\n\n.tv-cot-kicker::before {\n  content: \"\";\n  width: 24px;\n  height: 1px;\n  background: currentColor;\n}\n\n.tv-cot-title {\n  margin: 0;\n\n  color: var(--tc-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.tv-cot-copy {\n  color: var(--tc-muted);\n  font-size: 13px;\n  line-height: 1.66;\n}\n\n\n\/* =========================================================\n   01 — HERO\n   ========================================================= *\/\n\n.tv-cot-hero {\n  padding: 34px 0 24px;\n\n  background:\n    radial-gradient(\n      circle at 88% 10%,\n      rgba(70,85,67,.13),\n      transparent 26%\n    ),\n    linear-gradient(\n      180deg,\n      #f8f5ef 0%,\n      #ece5db 100%\n    );\n}\n\n.tv-cot-hero h1 {\n  max-width: 650px;\n  margin: 0;\n\n  color: var(--tc-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.tv-cot-hero-sub {\n  margin-top: 12px;\n\n  color: #484b46;\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.tv-cot-hero-copy {\n  margin-top: 16px;\n  padding-top: 15px;\n\n  border-top: 1px solid var(--tc-border);\n}\n\n.tv-cot-hero-copy p {\n  margin: 0;\n\n  color: var(--tc-muted);\n\n  font-size: 13px;\n  line-height: 1.68;\n}\n\n.tv-cot-hero-copy p + p {\n  margin-top: 10px;\n}\n\n.tv-cot-hero-copy strong {\n  display: block;\n  margin-top: 12px;\n\n  color: var(--tc-graphite);\n\n  font-size: 12px;\n  line-height: 1.4;\n}\n\n.tv-cot-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin-top: 18px;\n}\n\n.tv-cot-chip {\n  display: inline-flex;\n  align-items: center;\n\n  padding: 7px 9px;\n\n  border: 1px solid #cec5ba;\n  border-radius: 999px;\n\n  background: rgba(255,255,255,.70);\n  color: var(--tc-graphite);\n\n  font-size: 9px;\n  line-height: 1.2;\n  font-weight: 800;\n}\n\n\n\/* =========================================================\n   IMAGES \/ PLACEHOLDERS\n   ========================================================= *\/\n\n.tv-cot-image {\n  width: 100%;\n  margin: 0 auto;\n  overflow: hidden;\n\n  border-radius: 14px;\n\n  background: #30332f;\n\n  box-shadow:\n    0 12px 26px rgba(43,46,43,.10);\n}\n\n.tv-cot-image--hero {\n  margin-top: 22px;\n}\n\n.tv-cot-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(240,232,221,.34);\n\n  background:\n    radial-gradient(\n      circle at 50% 45%,\n      rgba(212,197,179,.14),\n      transparent 34%\n    ),\n    linear-gradient(\n      135deg,\n      #556251 0%,\n      #30362f 100%\n    );\n\n  text-align: center;\n}\n\n.tv-cot-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.tv-cot-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 — DAY \/ NIGHT SWITCH\n   ========================================================= *\/\n\n.tv-cot-switch {\n  padding: 34px 0;\n  background: #ffffff;\n}\n\n.tv-cot-switch-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(220px, 100%), 1fr));\n\n  gap: 8px;\n  margin-top: 18px;\n}\n\n.tv-cot-switch-card {\n  padding: 16px;\n\n  border: 1px solid var(--tc-border);\n  border-radius: 12px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff 0%,\n      #faf8f4 100%\n    );\n}\n\n.tv-cot-switch-card--dark {\n  background:\n    linear-gradient(\n      145deg,\n      #3b4339 0%,\n      #2d332d 100%\n    );\n\n  border-color: transparent;\n}\n\n.tv-cot-switch-label {\n  color: var(--tc-bronze);\n\n  font-size: 9px;\n  line-height: 1.2;\n  font-weight: 900;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.tv-cot-switch-card--dark .tv-cot-switch-label {\n  color: var(--tc-bronze-soft);\n}\n\n.tv-cot-switch-card h3 {\n  margin: 9px 0 5px;\n\n  color: var(--tc-graphite);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 18px;\n  line-height: 1.2;\n  font-weight: 500;\n}\n\n.tv-cot-switch-card--dark h3 {\n  color: #ffffff;\n}\n\n.tv-cot-switch-card p {\n  margin: 0;\n\n  color: var(--tc-muted);\n\n  font-size: 10.8px;\n  line-height: 1.46;\n}\n\n.tv-cot-switch-card--dark p {\n  color: rgba(255,255,255,.68);\n}\n\n.tv-cot-switch-line {\n  margin-top: 11px;\n\n  color: var(--tc-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 — SUSPENDED ROOM ARCHITECTURE\n   ========================================================= *\/\n\n.tv-cot-architecture {\n  padding: 36px 0;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ece5db 0%,\n      #f8f5ef 100%\n    );\n}\n\n.tv-cot-architecture-head {\n  margin-bottom: 18px;\n}\n\n.tv-cot-architecture-head p {\n  margin: 11px 0 0;\n}\n\n.tv-cot-architecture-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(205px, 100%), 1fr));\n\n  gap: 8px;\n  margin-top: 16px;\n}\n\n.tv-cot-architecture-card {\n  display: grid;\n\n  grid-template-columns:\n    36px minmax(0, 1fr);\n\n  gap: 10px;\n  align-items: start;\n\n  padding: 13px;\n\n  border: 1px solid var(--tc-border);\n  border-radius: 12px;\n\n  background: rgba(255,255,255,.87);\n}\n\n.tv-cot-architecture-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(--tc-olive-dark);\n  color: #ffffff;\n\n  font-size: 15px;\n}\n\n.tv-cot-architecture-card h3 {\n  margin: 0 0 4px;\n\n  color: var(--tc-graphite);\n\n  font-size: 12.8px;\n  line-height: 1.3;\n  font-weight: 900;\n}\n\n.tv-cot-architecture-card p {\n  margin: 0;\n\n  color: var(--tc-muted);\n\n  font-size: 10.8px;\n  line-height: 1.46;\n}\n\n\n\/* =========================================================\n   04 — REST EXPERIENCE\n   ========================================================= *\/\n\n.tv-cot-experience {\n  padding: 36px 0;\n  background: #ffffff;\n}\n\n.tv-cot-experience-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(145px, 100%), 1fr));\n\n  gap: 8px;\n  margin-top: 18px;\n}\n\n.tv-cot-experience-card {\n  padding: 14px;\n\n  border: 1px solid var(--tc-border);\n  border-radius: 12px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff 0%,\n      #faf8f4 100%\n    );\n\n  text-align: center;\n}\n\n.tv-cot-experience-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 34px;\n  height: 34px;\n\n  margin: 0 auto 8px;\n\n  border-radius: 10px;\n\n  background: var(--tc-sand-soft);\n\n  font-size: 14px;\n}\n\n.tv-cot-experience-card h3 {\n  margin: 0 0 4px;\n\n  color: var(--tc-graphite);\n\n  font-size: 12.4px;\n  line-height: 1.28;\n  font-weight: 900;\n}\n\n.tv-cot-experience-card p {\n  margin: 0;\n\n  color: var(--tc-muted);\n\n  font-size: 10.4px;\n  line-height: 1.43;\n}\n\n\n\/* =========================================================\n   05 — PROTECTION \/ TUNING\n   ========================================================= *\/\n\n.tv-cot-protection {\n  padding: 36px 0;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f8f5ef 0%,\n      #ffffff 100%\n    );\n}\n\n.tv-cot-protection-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(205px, 100%), 1fr));\n\n  gap: 8px;\n  margin-top: 18px;\n}\n\n.tv-cot-protection-card {\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(--tc-border);\n  border-radius: 12px;\n\n  background: #ffffff;\n}\n\n.tv-cot-protection-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(--tc-olive-soft);\n\n  font-size: 14px;\n}\n\n.tv-cot-protection-card h3 {\n  margin: 0 0 4px;\n\n  color: var(--tc-graphite);\n\n  font-size: 12.5px;\n  line-height: 1.28;\n  font-weight: 900;\n}\n\n.tv-cot-protection-card p {\n  margin: 0;\n\n  color: var(--tc-muted);\n\n  font-size: 10.7px;\n  line-height: 1.46;\n}\n\n\n\/* =========================================================\n   06 — MATERIAL \/ DESIGN\n   ========================================================= *\/\n\n.tv-cot-design {\n  padding: 36px 0;\n\n  background:\n    radial-gradient(\n      circle at 92% 8%,\n      rgba(212,197,179,.12),\n      transparent 24%\n    ),\n    linear-gradient(\n      135deg,\n      #3c433a 0%,\n      #292e29 100%\n    );\n\n  color: #ffffff;\n}\n\n.tv-cot-design .tv-cot-kicker {\n  color: var(--tc-bronze-soft);\n}\n\n.tv-cot-design .tv-cot-title {\n  color: #ffffff;\n}\n\n.tv-cot-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.tv-cot-materials {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin-top: 15px;\n}\n\n.tv-cot-material {\n  padding: 7px 9px;\n\n  border: 1px solid rgba(240,232,221,.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.tv-cot-design-image {\n  margin-top: 18px;\n}\n\n.tv-cot-design-quote {\n  max-width: 540px;\n  margin: 17px auto 0;\n\n  color: var(--tc-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   07 — USE CASES \/ POSITIONING\n   ========================================================= *\/\n\n.tv-cot-uses {\n  padding: 34px 0;\n  background: var(--tc-cream);\n}\n\n.tv-cot-use-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin-top: 16px;\n}\n\n.tv-cot-use-tag {\n  display: inline-flex;\n  align-items: center;\n\n  padding: 7px 9px;\n\n  border: 1px solid var(--tc-border);\n  border-radius: 999px;\n\n  background: #ffffff;\n  color: var(--tc-graphite);\n\n  font-size: 9.5px;\n  line-height: 1.2;\n  font-weight: 800;\n}\n\n.tv-cot-position-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(145px, 100%), 1fr));\n\n  gap: 8px;\n  margin-top: 18px;\n}\n\n.tv-cot-position-card {\n  padding: 14px;\n\n  border-radius: 12px;\n\n  background: var(--tc-graphite);\n  color: #ffffff;\n\n  text-align: center;\n}\n\n.tv-cot-position-card span {\n  color: rgba(255,255,255,.55);\n\n  font-size: 9px;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.tv-cot-position-card strong {\n  display: block;\n  margin-top: 6px;\n\n  color: #ffffff;\n\n  font-size: 11.5px;\n  line-height: 1.3;\n}\n\n.tv-cot-position-line {\n  margin-top: 10px;\n\n  color: var(--tc-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   08 — LIFESTYLE\n   ========================================================= *\/\n\n.tv-cot-lifestyle {\n  padding: 30px 0;\n  background: #ffffff;\n}\n\n\n\/* =========================================================\n   09 — HOW TO USE\n   ========================================================= *\/\n\n.tv-cot-howto {\n  padding: 34px 0 38px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ece6dc 0%,\n      #faf7f2 100%\n    );\n}\n\n.tv-cot-howto-head {\n  margin-bottom: 18px;\n  text-align: center;\n}\n\n.tv-cot-howto-head .tv-cot-title {\n  margin: 0 auto;\n}\n\n.tv-cot-howto-head p {\n  margin: 8px auto 0;\n\n  color: var(--tc-muted);\n\n  font-size: 11px;\n  line-height: 1.5;\n}\n\n.tv-cot-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.tv-cot-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(--tc-border);\n  border-radius: 11px;\n\n  background: #ffffff;\n}\n\n.tv-cot-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(--tc-olive-dark);\n  color: #ffffff;\n\n  font-size: 10px;\n  line-height: 1;\n  font-weight: 900;\n}\n\n.tv-cot-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.tv-cot-step h3 {\n  grid-column: 3;\n  grid-row: 1;\n\n  margin: 0;\n\n  color: var(--tc-graphite);\n\n  font-size: 11.7px;\n  line-height: 1.26;\n  font-weight: 900;\n}\n\n.tv-cot-step p {\n  grid-column: 3;\n  grid-row: 2;\n\n  margin: 0;\n\n  color: var(--tc-muted);\n\n  font-size: 9.7px;\n  line-height: 1.4;\n}\n\n\n\/* =========================================================\n   10 — FINAL\n   ========================================================= *\/\n\n.tv-cot-final {\n  padding: 42px 0 46px;\n\n  background:\n    radial-gradient(\n      circle at 50% 120%,\n      rgba(212,197,179,.14),\n      transparent 36%\n    ),\n    linear-gradient(\n      135deg,\n      #394139 0%,\n      #252b25 100%\n    );\n\n  text-align: center;\n}\n\n.tv-cot-final-label {\n  color: var(--tc-bronze-soft);\n\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: 1.8px;\n  text-transform: uppercase;\n}\n\n.tv-cot-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.tv-cot-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  .tv-cot {\n    margin-top: 16px;\n    border-radius: 0;\n  }\n\n  .tv-cot-shell {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n\n  .tv-cot-hero h1 {\n    font-size: 31px;\n  }\n\n  .tv-cot-title {\n    font-size: 27px;\n  }\n\n  .tv-cot-placeholder {\n    min-height: 210px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"tv-cot\"\u003e\n\n  \u003c!-- 01 — HERO --\u003e\n\n  \u003csection class=\"tv-cot-hero\"\u003e\n\n    \u003cdiv class=\"tv-cot-shell\"\u003e\n\n      \u003cdiv class=\"tv-cot-kicker\"\u003e\n        Trailviora™ Suspended Camp Rest\n      \u003c\/div\u003e\n\n      \u003ch1\u003e\n        Elevated Camping Cot\n      \u003c\/h1\u003e\n\n      \u003cdiv class=\"tv-cot-hero-sub\"\u003e\n        Rest Above the Ground. Stay Closer to the Outdoors.\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-cot-hero-copy\"\u003e\n\n        \u003cp\u003e\n          Trailviora™ Elevated Camping Cot is designed for campers who want\n          a lighter, more immersive alternative to traditional camp chairs\n          and ground sleeping systems.\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          A shaped suspended body, integrated insect canopy, adjustable\n          ridgeline, gear organizer and optional underside insulation sleeve\n          come together as one day-to-night elevated rest system.\n        \u003c\/p\u003e\n\n        \u003cstrong\u003e\n          Rise above the ground. Settle into the wild.\n        \u003c\/strong\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-cot-chips\"\u003e\n\n        \u003cspan class=\"tv-cot-chip\"\u003e\n          Elevated Rest\n        \u003c\/span\u003e\n\n        \u003cspan class=\"tv-cot-chip\"\u003e\n          Flatter-Lay Geometry\n        \u003c\/span\u003e\n\n        \u003cspan class=\"tv-cot-chip\"\u003e\n          Integrated Insect Canopy\n        \u003c\/span\u003e\n\n        \u003cspan class=\"tv-cot-chip\"\u003e\n          Day-to-Night Design\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-cot-image tv-cot-image--hero\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/1_fcf26f08-f95c-4914-a093-f800c72ddb2e.png?v=1789752258\" alt=\"Trailviora Elevated Camping Cot in a premium forest campsite setting\"\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- 02 — DAY \/ NIGHT --\u003e\n\n  \u003csection class=\"tv-cot-switch\"\u003e\n\n    \u003cdiv class=\"tv-cot-shell\"\u003e\n\n      \u003cdiv class=\"tv-cot-kicker\"\u003e\n        One Suspended Space. Two Camp Modes.\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"tv-cot-title\"\u003e\n        Lounge by Day. Sleep Above the Trail by Night.\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"tv-cot-switch-grid\"\u003e\n\n        \u003carticle class=\"tv-cot-switch-card\"\u003e\n\n          \u003cdiv class=\"tv-cot-switch-label\"\u003e\n            Day Mode\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Open-Air Lounge\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Store the insect canopy away and use the suspended body for\n            reading, resting, conversation or simply taking in the view.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-cot-switch-card tv-cot-switch-card--dark\"\u003e\n\n          \u003cdiv class=\"tv-cot-switch-label\"\u003e\n            Night Mode\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Elevated Sleep Space\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Deploy the canopy, organize small nighttime essentials along\n            the ridgeline and add compatible underside insulation when needed.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-cot-switch-line\"\u003e\n        A suspended outdoor room that changes with the time of day.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- 03 — ARCHITECTURE --\u003e\n\n  \u003csection class=\"tv-cot-architecture\"\u003e\n\n    \u003cdiv class=\"tv-cot-shell\"\u003e\n\n      \u003cdiv class=\"tv-cot-architecture-head\"\u003e\n\n        \u003cdiv class=\"tv-cot-kicker\"\u003e\n          Suspended Room Architecture\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"tv-cot-title\"\u003e\n          More Considered Than Fabric Between Two Trees.\n        \u003c\/h2\u003e\n\n        \u003cp class=\"tv-cot-copy\"\u003e\n          The body shape, ridgeline, canopy and underside channel work\n          together as one organized structure instead of treating lounging,\n          sleeping and gear storage as separate add-ons.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-cot-image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/3_57cd9089-6018-4abd-b802-c95ed0023093.png?v=1789752258\" alt=\"Trailviora Elevated Camping Cot suspended architecture canopy and organizer details\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-cot-architecture-grid\"\u003e\n\n        \u003carticle class=\"tv-cot-architecture-card\"\u003e\n\n          \u003cdiv class=\"tv-cot-architecture-icon\"\u003e\n            🛏️\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Flatter-Lay Geometry\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              A sculpted asymmetric body is designed to create a more\n              natural resting position than a deeply curved hammock.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-cot-architecture-card\"\u003e\n\n          \u003cdiv class=\"tv-cot-architecture-icon\"\u003e\n            🦟\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Integrated Insect Canopy\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Fine mesh can be deployed for nighttime use and stored away\n              when you want an open daytime lounge.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-cot-architecture-card\"\u003e\n\n          \u003cdiv class=\"tv-cot-architecture-icon\"\u003e\n            🧵\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Underquilt Sleeve\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              A dedicated lower channel helps keep compatible insulation\n              positioned beneath the suspended body.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-cot-architecture-card\"\u003e\n\n          \u003cdiv class=\"tv-cot-architecture-icon\"\u003e\n            🔦\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Ridgeline Organizer\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Small overhead storage keeps a phone, glasses, headlamp,\n              keys and other nighttime essentials within reach.\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!-- 04 — REST EXPERIENCE --\u003e\n\n  \u003csection class=\"tv-cot-experience\"\u003e\n\n    \u003cdiv class=\"tv-cot-shell\"\u003e\n\n      \u003cdiv class=\"tv-cot-kicker\"\u003e\n        Rest Above the Campsite\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"tv-cot-title\"\u003e\n        Less Contact with the Ground. More Connection to the Setting.\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"tv-cot-experience-grid\"\u003e\n\n        \u003carticle class=\"tv-cot-experience-card\"\u003e\n          \u003cdiv class=\"tv-cot-experience-icon\"\u003e🌲\u003c\/div\u003e\n          \u003ch3\u003eElevated Rest\u003c\/h3\u003e\n          \u003cp\u003eStay above damp grass, rocks, dirt and uneven ground.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-cot-experience-card\"\u003e\n          \u003cdiv class=\"tv-cot-experience-icon\"\u003e📖\u003c\/div\u003e\n          \u003ch3\u003eReading \u0026amp; Lounging\u003c\/h3\u003e\n          \u003cp\u003eCreate an open suspended place for quiet daytime breaks.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-cot-experience-card\"\u003e\n          \u003cdiv class=\"tv-cot-experience-icon\"\u003e🌙\u003c\/div\u003e\n          \u003ch3\u003eNight Sleep\u003c\/h3\u003e\n          \u003cp\u003eTransition the same system into a more protected sleeping setup.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-cot-experience-card\"\u003e\n          \u003cdiv class=\"tv-cot-experience-icon\"\u003e🎒\u003c\/div\u003e\n          \u003ch3\u003eAll-in-One Carry\u003c\/h3\u003e\n          \u003cp\u003eThe attached storage sack stays with the system during use.\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!-- 05 — PROTECTION \/ TUNING --\u003e\n\n  \u003csection class=\"tv-cot-protection\"\u003e\n\n    \u003cdiv class=\"tv-cot-shell\"\u003e\n\n      \u003cdiv class=\"tv-cot-kicker\"\u003e\n        Tune the Setup to the Site\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"tv-cot-title\"\u003e\n        Suspension, Shelter and Small Adjustments in One System.\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"tv-cot-protection-grid\"\u003e\n\n        \u003carticle class=\"tv-cot-protection-card\"\u003e\n\n          \u003cdiv class=\"tv-cot-protection-icon\"\u003e\n            🌧️\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Optional Weather Fly Attachment\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Built-in attachment points allow a compatible lightweight\n              weather cover to be added when conditions change.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-cot-protection-card\"\u003e\n\n          \u003cdiv class=\"tv-cot-protection-icon\"\u003e\n            🌳\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Tree-Friendly Wide Straps\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Wide webbing is designed to distribute contact across a\n              broader area than narrow rope-style suspension.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-cot-protection-card\"\u003e\n\n          \u003cdiv class=\"tv-cot-protection-icon\"\u003e\n            ⚙️\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Micro-Tension Adjustment\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Fine-tune suspension tension after setup without fully\n              removing the main straps.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-cot-protection-card\"\u003e\n\n          \u003cdiv class=\"tv-cot-protection-icon\"\u003e\n            🎒\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Compact All-in-One Carry Bag\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              The integrated storage sack remains attached during use,\n              reducing the number of loose pieces around camp.\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!-- 06 — DESIGN --\u003e\n\n  \u003csection class=\"tv-cot-design\"\u003e\n\n    \u003cdiv class=\"tv-cot-shell\"\u003e\n\n      \u003cdiv class=\"tv-cot-kicker\"\u003e\n        Material \u0026amp; Design\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"tv-cot-title\"\u003e\n        Premium Outdoor Textile Furniture, Suspended.\n      \u003c\/h2\u003e\n\n      \u003cp class=\"tv-cot-design-copy\"\u003e\n        Deep Alpine Olive defines the outer body, Warm Sand softens the\n        interior sleeping zone, smoke-toned mesh keeps the insect canopy\n        visually light, and Graphite hardware keeps the suspension system\n        understated. Small Muted Bronze adjustment details and a compact\n        Trailviora™ woven label finish the system without oversized branding.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"tv-cot-materials\"\u003e\n\n        \u003cspan class=\"tv-cot-material\"\u003e\n          Deep Alpine Olive\n        \u003c\/span\u003e\n\n        \u003cspan class=\"tv-cot-material\"\u003e\n          Warm Sand\n        \u003c\/span\u003e\n\n        \u003cspan class=\"tv-cot-material\"\u003e\n          Graphite Hardware\n        \u003c\/span\u003e\n\n        \u003cspan class=\"tv-cot-material\"\u003e\n          Muted Bronze\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-cot-design-image\"\u003e\n\n        \u003cdiv class=\"tv-cot-image\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/2_6b1b644f-b742-4687-ad3d-8ced13ff5312.png?v=1789752258\" alt=\"Trailviora Elevated Camping Cot textile mesh strap adjuster and organizer details\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-cot-design-quote\"\u003e\n        Elevated enough to rest. Open enough to still feel outdoors.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- 07 — USE CASES --\u003e\n\n  \u003csection class=\"tv-cot-uses\"\u003e\n\n    \u003cdiv class=\"tv-cot-shell\"\u003e\n\n      \u003cdiv class=\"tv-cot-kicker\"\u003e\n        Made for Slower Time Outside\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"tv-cot-title\"\u003e\n        One Suspended System for Lounging and Sleeping.\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"tv-cot-use-tags\"\u003e\n\n        \u003cspan class=\"tv-cot-use-tag\"\u003e🏕️ Weekend Camping\u003c\/span\u003e\n        \u003cspan class=\"tv-cot-use-tag\"\u003e🌲 Hammock Camping\u003c\/span\u003e\n        \u003cspan class=\"tv-cot-use-tag\"\u003e🏞️ National Parks\u003c\/span\u003e\n        \u003cspan class=\"tv-cot-use-tag\"\u003e🌊 Lake Camping\u003c\/span\u003e\n        \u003cspan class=\"tv-cot-use-tag\"\u003e🌳 Forest Camping\u003c\/span\u003e\n        \u003cspan class=\"tv-cot-use-tag\"\u003e🚐 Van-Life Base Camps\u003c\/span\u003e\n        \u003cspan class=\"tv-cot-use-tag\"\u003e🥾 Solo Camping\u003c\/span\u003e\n        \u003cspan class=\"tv-cot-use-tag\"\u003e📖 Reading Outdoors\u003c\/span\u003e\n        \u003cspan class=\"tv-cot-use-tag\"\u003e🤝 Couples Lounging\u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-cot-position-grid\"\u003e\n\n        \u003cdiv class=\"tv-cot-position-card\"\u003e\n          \u003cspan\u003eFunction 01\u003c\/span\u003e\n          \u003cstrong\u003eHammock\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tv-cot-position-card\"\u003e\n          \u003cspan\u003eFunction 02\u003c\/span\u003e\n          \u003cstrong\u003eLounge Chair\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tv-cot-position-card\"\u003e\n          \u003cspan\u003eFunction 03\u003c\/span\u003e\n          \u003cstrong\u003eBug Shelter\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tv-cot-position-card\"\u003e\n          \u003cspan\u003eFunction 04\u003c\/span\u003e\n          \u003cstrong\u003eElevated Sleep System\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-cot-position-line\"\u003e\n        One suspended space from afternoon reading to overnight rest.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- 08 — IMAGE 04 --\u003e\n\n  \u003csection class=\"tv-cot-lifestyle\"\u003e\n\n    \u003cdiv class=\"tv-cot-shell\"\u003e\n\n      \u003cdiv class=\"tv-cot-image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/3_e0c536bc-2fb2-47bb-8efb-206bf4ff8430.png?v=1789752195\" alt=\"Trailviora Elevated Camping Cot outdoor forest and lake camping lifestyle\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- 09 — HOW TO USE --\u003e\n\n  \u003csection class=\"tv-cot-howto\"\u003e\n\n    \u003cdiv class=\"tv-cot-shell\"\u003e\n\n      \u003cdiv class=\"tv-cot-howto-head\"\u003e\n\n        \u003cdiv class=\"tv-cot-kicker\"\u003e\n          Suspend. Adjust. Settle In.\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"tv-cot-title\"\u003e\n          How to Use Trailviora™\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Choose compatible anchor points, set the suspension, fine-tune the body tension and change from lounge mode to night mode as needed.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-cot-steps\"\u003e\n\n        \u003carticle class=\"tv-cot-step\"\u003e\n          \u003cdiv class=\"tv-cot-step-number\"\u003e1\u003c\/div\u003e\n          \u003cspan class=\"tv-cot-step-icon\"\u003e🌳\u003c\/span\u003e\n          \u003ch3\u003eChoose Suitable Anchor Points\u003c\/h3\u003e\n          \u003cp\u003eSelect healthy, stable trees or other compatible attachment points with appropriate spacing.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-cot-step\"\u003e\n          \u003cdiv class=\"tv-cot-step-number\"\u003e2\u003c\/div\u003e\n          \u003cspan class=\"tv-cot-step-icon\"\u003e🪢\u003c\/span\u003e\n          \u003ch3\u003eInstall the Wide Straps\u003c\/h3\u003e\n          \u003cp\u003eWrap the suspension straps around the selected anchor points according to the intended setup.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-cot-step\"\u003e\n          \u003cdiv class=\"tv-cot-step-number\"\u003e3\u003c\/div\u003e\n          \u003cspan class=\"tv-cot-step-icon\"\u003e🔗\u003c\/span\u003e\n          \u003ch3\u003eConnect Both Ends\u003c\/h3\u003e\n          \u003cp\u003eAttach the two ends of the Trailviora™ cot to the suspension system.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-cot-step\"\u003e\n          \u003cdiv class=\"tv-cot-step-number\"\u003e4\u003c\/div\u003e\n          \u003cspan class=\"tv-cot-step-icon\"\u003e⚙️\u003c\/span\u003e\n          \u003ch3\u003eSet the Hanging Height\u003c\/h3\u003e\n          \u003cp\u003eAdjust both sides until the suspended body sits at a comfortable resting height.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-cot-step\"\u003e\n          \u003cdiv class=\"tv-cot-step-number\"\u003e5\u003c\/div\u003e\n          \u003cspan class=\"tv-cot-step-icon\"\u003e🛏️\u003c\/span\u003e\n          \u003ch3\u003eFine-Tune the Tension\u003c\/h3\u003e\n          \u003cp\u003eAfter entering the cot, use the Micro-Tension system to refine the suspended feel.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-cot-step\"\u003e\n          \u003cdiv class=\"tv-cot-step-number\"\u003e6\u003c\/div\u003e\n          \u003cspan class=\"tv-cot-step-icon\"\u003e🌤️\u003c\/span\u003e\n          \u003ch3\u003eUse Open Lounge Mode\u003c\/h3\u003e\n          \u003cp\u003eKeep the canopy stored during the day for a more open lounging experience.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-cot-step\"\u003e\n          \u003cdiv class=\"tv-cot-step-number\"\u003e7\u003c\/div\u003e\n          \u003cspan class=\"tv-cot-step-icon\"\u003e🦟\u003c\/span\u003e\n          \u003ch3\u003eDeploy the Insect Canopy\u003c\/h3\u003e\n          \u003cp\u003eAt night, open and secure the mesh canopy around the sleeping area.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-cot-step\"\u003e\n          \u003cdiv class=\"tv-cot-step-number\"\u003e8\u003c\/div\u003e\n          \u003cspan class=\"tv-cot-step-icon\"\u003e🔦\u003c\/span\u003e\n          \u003ch3\u003eOrganize Night Essentials\u003c\/h3\u003e\n          \u003cp\u003ePlace a phone, headlamp, glasses or keys in the ridgeline organizer above you.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-cot-step\"\u003e\n          \u003cdiv class=\"tv-cot-step-number\"\u003e9\u003c\/div\u003e\n          \u003cspan class=\"tv-cot-step-icon\"\u003e🌧️\u003c\/span\u003e\n          \u003ch3\u003eAdd a Compatible Weather Fly\u003c\/h3\u003e\n          \u003cp\u003eUse the integrated attachment points when an optional weather cover is needed.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-cot-step\"\u003e\n          \u003cdiv class=\"tv-cot-step-number\"\u003e10\u003c\/div\u003e\n          \u003cspan class=\"tv-cot-step-icon\"\u003e🎒\u003c\/span\u003e\n          \u003ch3\u003eRelease \u0026amp; Pack\u003c\/h3\u003e\n          \u003cp\u003eDisconnect the suspension system and return the components to the attached carry bag.\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!-- 10 — FINAL --\u003e\n\n  \u003csection class=\"tv-cot-final\"\u003e\n\n    \u003cdiv class=\"tv-cot-shell\"\u003e\n\n      \u003cdiv class=\"tv-cot-final-label\"\u003e\n        Trailviora™ Elevated Camping Cot\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        Rise Above the Ground.\u003cbr\u003e\n        Settle Into the Wild.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        A suspended day-to-night rest system designed to combine open-air\n        lounging, organized nighttime essentials, insect coverage and\n        elevated sleeping in one compact setup.\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":51337701916924,"sku":"Trailviora*5","price":79.96,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/f6c6f18a-34b4-4c8b-b8f6-eb976c6a7b08.png?v=1789752187"},{"product_id":"trailviora™-nightlayer-adaptive-camp-quilt-system","title":"Trailviora™ Portable Affordable-Luxury Camping Sleeping Bag Mattress","description":"\u003cstyle\u003e\n\/* =========================================================\n   TRAILVIORA™ PORTABLE AFFORDABLE-LUXURY CAMPING SLEEPING BAG MATTRESS\n   Shopify Custom Liquid — Modular Camp Sleep System\n   NEW LAYOUT: Open Sleep → Adaptive Warmth → Modular Coverage → Pack Down\n   Palette: Warm Sand + Deep Alpine Olive + Graphite + Muted Bronze\n   Compact \/ Responsive \/ Product-page safe\n   ========================================================= *\/\n\n.tv-sleep,\n.tv-sleep * {\n  box-sizing: border-box;\n}\n\n.tv-sleep {\n  --tv-sand: #d6c6b2;\n  --tv-sand-soft: #f0e8dd;\n  --tv-olive: #465545;\n  --tv-olive-dark: #313d31;\n  --tv-graphite: #2b2e2b;\n  --tv-graphite-2: #3a3d39;\n  --tv-bronze: #a77a4f;\n  --tv-bronze-soft: #d4b18a;\n  --tv-text: #30332f;\n  --tv-muted: #6c706a;\n  --tv-border: #ddd7ce;\n  --tv-cream: #fbfaf7;\n  --tv-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(43,46,43,.10);\n  border-radius: 20px;\n\n  background: var(--tv-cream);\n  color: var(--tv-text);\n\n  font-family:\n    Arial,\n    Helvetica,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    sans-serif;\n}\n\n.tv-sleep h1,\n.tv-sleep h2,\n.tv-sleep h3,\n.tv-sleep p,\n.tv-sleep span,\n.tv-sleep strong {\n  word-break: normal;\n  overflow-wrap: break-word;\n  hyphens: none;\n}\n\n.tv-sleep img {\n  display: block;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n}\n\n.tv-sleep-shell {\n  width: 100%;\n  max-width: 700px;\n  margin: 0 auto;\n  padding: 0 18px;\n}\n\n.tv-sleep-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  margin-bottom: 10px;\n\n  color: var(--tv-bronze);\n\n  font-size: 9px;\n  line-height: 1.2;\n  font-weight: 900;\n  letter-spacing: 1.7px;\n  text-transform: uppercase;\n}\n\n.tv-sleep-kicker::before {\n  content: \"\";\n  width: 24px;\n  height: 1px;\n  background: currentColor;\n}\n\n.tv-sleep-title {\n  margin: 0;\n\n  color: var(--tv-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.tv-sleep-copy {\n  color: var(--tv-muted);\n  font-size: 13px;\n  line-height: 1.66;\n}\n\n\n\/* =========================================================\n   01 — HERO\n   ========================================================= *\/\n\n.tv-sleep-hero {\n  padding: 34px 0 24px;\n\n  background:\n    radial-gradient(\n      circle at 88% 10%,\n      rgba(70,85,69,.12),\n      transparent 26%\n    ),\n    linear-gradient(\n      180deg,\n      #f8f4ee 0%,\n      #ece4d9 100%\n    );\n}\n\n.tv-sleep-hero h1 {\n  max-width: 660px;\n  margin: 0;\n\n  color: var(--tv-graphite);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 34px;\n  line-height: 1.04;\n  font-weight: 500;\n  letter-spacing: -.7px;\n}\n\n.tv-sleep-hero-sub {\n  margin-top: 12px;\n\n  color: #484b46;\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.tv-sleep-hero-copy {\n  margin-top: 16px;\n  padding-top: 15px;\n\n  border-top: 1px solid var(--tv-border);\n}\n\n.tv-sleep-hero-copy p {\n  margin: 0;\n\n  color: var(--tv-muted);\n\n  font-size: 13px;\n  line-height: 1.68;\n}\n\n.tv-sleep-hero-copy p + p {\n  margin-top: 10px;\n}\n\n.tv-sleep-hero-copy strong {\n  display: block;\n  margin-top: 12px;\n\n  color: var(--tv-graphite);\n\n  font-size: 12px;\n  line-height: 1.4;\n}\n\n.tv-sleep-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin-top: 18px;\n}\n\n.tv-sleep-chip {\n  display: inline-flex;\n  align-items: center;\n\n  padding: 7px 9px;\n\n  border: 1px solid #cdc5ba;\n  border-radius: 999px;\n\n  background: rgba(255,255,255,.70);\n  color: var(--tv-graphite);\n\n  font-size: 9px;\n  line-height: 1.2;\n  font-weight: 800;\n}\n\n\n\/* =========================================================\n   IMAGES \/ PLACEHOLDERS\n   ========================================================= *\/\n\n.tv-sleep-image {\n  width: 100%;\n  margin: 0 auto;\n  overflow: hidden;\n\n  border-radius: 14px;\n\n  background: #30332f;\n\n  box-shadow:\n    0 12px 26px rgba(43,46,43,.10);\n}\n\n.tv-sleep-image--hero {\n  margin-top: 22px;\n}\n\n.tv-sleep-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(240,232,221,.34);\n\n  background:\n    radial-gradient(\n      circle at 50% 45%,\n      rgba(214,198,178,.14),\n      transparent 34%\n    ),\n    linear-gradient(\n      135deg,\n      #5a6354 0%,\n      #30352e 100%\n    );\n\n  text-align: center;\n}\n\n.tv-sleep-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.tv-sleep-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 — COVERAGE MODES\n   ========================================================= *\/\n\n.tv-sleep-modes {\n  padding: 34px 0;\n  background: #ffffff;\n}\n\n.tv-sleep-mode-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(180px, 100%), 1fr));\n\n  gap: 8px;\n  margin-top: 18px;\n}\n\n.tv-sleep-mode {\n  padding: 14px;\n\n  border: 1px solid var(--tv-border);\n  border-radius: 12px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff 0%,\n      #faf8f4 100%\n    );\n}\n\n.tv-sleep-mode--dark {\n  background:\n    linear-gradient(\n      145deg,\n      #3c443a 0%,\n      #2e342e 100%\n    );\n\n  border-color: transparent;\n}\n\n.tv-sleep-mode-label {\n  color: var(--tv-bronze);\n\n  font-size: 9px;\n  line-height: 1.2;\n  font-weight: 900;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.tv-sleep-mode--dark .tv-sleep-mode-label {\n  color: var(--tv-bronze-soft);\n}\n\n.tv-sleep-mode h3 {\n  margin: 8px 0 5px;\n\n  color: var(--tv-graphite);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 16px;\n  line-height: 1.2;\n  font-weight: 500;\n}\n\n.tv-sleep-mode--dark h3 {\n  color: #ffffff;\n}\n\n.tv-sleep-mode p {\n  margin: 0;\n\n  color: var(--tv-muted);\n\n  font-size: 10.7px;\n  line-height: 1.46;\n}\n\n.tv-sleep-mode--dark p {\n  color: rgba(255,255,255,.68);\n}\n\n.tv-sleep-mode-line {\n  margin-top: 11px;\n\n  color: var(--tv-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.tv-sleep-architecture {\n  padding: 36px 0;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ece5db 0%,\n      #f8f5ef 100%\n    );\n}\n\n.tv-sleep-architecture-head {\n  margin-bottom: 18px;\n}\n\n.tv-sleep-architecture-head p {\n  margin: 11px 0 0;\n}\n\n.tv-sleep-architecture-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(205px, 100%), 1fr));\n\n  gap: 8px;\n  margin-top: 16px;\n}\n\n.tv-sleep-architecture-card {\n  display: grid;\n\n  grid-template-columns:\n    36px minmax(0, 1fr);\n\n  gap: 10px;\n  align-items: start;\n\n  padding: 13px;\n\n  border: 1px solid var(--tv-border);\n  border-radius: 12px;\n\n  background: rgba(255,255,255,.87);\n}\n\n.tv-sleep-architecture-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(--tv-olive-dark);\n  color: #ffffff;\n\n  font-size: 15px;\n}\n\n.tv-sleep-architecture-card h3 {\n  margin: 0 0 4px;\n\n  color: var(--tv-graphite);\n\n  font-size: 12.8px;\n  line-height: 1.3;\n  font-weight: 900;\n}\n\n.tv-sleep-architecture-card p {\n  margin: 0;\n\n  color: var(--tv-muted);\n\n  font-size: 10.8px;\n  line-height: 1.46;\n}\n\n\n\/* =========================================================\n   04 — SLEEP STYLE\n   ========================================================= *\/\n\n.tv-sleep-style {\n  padding: 36px 0;\n  background: #ffffff;\n}\n\n.tv-sleep-style-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(145px, 100%), 1fr));\n\n  gap: 8px;\n  margin-top: 18px;\n}\n\n.tv-sleep-style-card {\n  padding: 14px;\n\n  border: 1px solid var(--tv-border);\n  border-radius: 12px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff 0%,\n      #faf8f4 100%\n    );\n\n  text-align: center;\n}\n\n.tv-sleep-style-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 34px;\n  height: 34px;\n\n  margin: 0 auto 8px;\n\n  border-radius: 10px;\n\n  background: var(--tv-sand-soft);\n\n  font-size: 14px;\n}\n\n.tv-sleep-style-card h3 {\n  margin: 0 0 4px;\n\n  color: var(--tv-graphite);\n\n  font-size: 12.4px;\n  line-height: 1.28;\n  font-weight: 900;\n}\n\n.tv-sleep-style-card p {\n  margin: 0;\n\n  color: var(--tv-muted);\n\n  font-size: 10.4px;\n  line-height: 1.43;\n}\n\n\n\/* =========================================================\n   05 — COMFORT DETAILS\n   ========================================================= *\/\n\n.tv-sleep-comfort {\n  padding: 36px 0;\n\n  background:\n    linear-gradient(\n      180deg,\n      #f8f5ef 0%,\n      #ffffff 100%\n    );\n}\n\n.tv-sleep-comfort-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(205px, 100%), 1fr));\n\n  gap: 8px;\n  margin-top: 18px;\n}\n\n.tv-sleep-comfort-card {\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(--tv-border);\n  border-radius: 12px;\n\n  background: #ffffff;\n}\n\n.tv-sleep-comfort-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: #e9eee7;\n\n  font-size: 14px;\n}\n\n.tv-sleep-comfort-card h3 {\n  margin: 0 0 4px;\n\n  color: var(--tv-graphite);\n\n  font-size: 12.5px;\n  line-height: 1.28;\n  font-weight: 900;\n}\n\n.tv-sleep-comfort-card p {\n  margin: 0;\n\n  color: var(--tv-muted);\n\n  font-size: 10.7px;\n  line-height: 1.46;\n}\n\n\n\/* =========================================================\n   06 — MATERIAL \/ DESIGN\n   ========================================================= *\/\n\n.tv-sleep-design {\n  padding: 36px 0;\n\n  background:\n    radial-gradient(\n      circle at 92% 8%,\n      rgba(214,198,178,.12),\n      transparent 24%\n    ),\n    linear-gradient(\n      135deg,\n      #3c443a 0%,\n      #292e29 100%\n    );\n\n  color: #ffffff;\n}\n\n.tv-sleep-design .tv-sleep-kicker {\n  color: var(--tv-bronze-soft);\n}\n\n.tv-sleep-design .tv-sleep-title {\n  color: #ffffff;\n}\n\n.tv-sleep-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.tv-sleep-materials {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin-top: 15px;\n}\n\n.tv-sleep-material {\n  padding: 7px 9px;\n\n  border: 1px solid rgba(240,232,221,.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.tv-sleep-design-image {\n  margin-top: 18px;\n}\n\n.tv-sleep-design-quote {\n  max-width: 540px;\n  margin: 17px auto 0;\n\n  color: var(--tv-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   07 — USE CASES \/ POSITIONING\n   ========================================================= *\/\n\n.tv-sleep-uses {\n  padding: 34px 0;\n  background: var(--tv-cream);\n}\n\n.tv-sleep-use-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 7px;\n  margin-top: 16px;\n}\n\n.tv-sleep-use-tag {\n  display: inline-flex;\n  align-items: center;\n\n  padding: 7px 9px;\n\n  border: 1px solid var(--tv-border);\n  border-radius: 999px;\n\n  background: #ffffff;\n  color: var(--tv-graphite);\n\n  font-size: 9.5px;\n  line-height: 1.2;\n  font-weight: 800;\n}\n\n.tv-sleep-position-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(auto-fit, minmax(min(150px, 100%), 1fr));\n\n  gap: 8px;\n  margin-top: 18px;\n}\n\n.tv-sleep-position-card {\n  padding: 14px;\n\n  border-radius: 12px;\n\n  background: var(--tv-graphite);\n  color: #ffffff;\n\n  text-align: center;\n}\n\n.tv-sleep-position-card span {\n  color: rgba(255,255,255,.55);\n\n  font-size: 9px;\n  letter-spacing: 1px;\n  text-transform: uppercase;\n}\n\n.tv-sleep-position-card strong {\n  display: block;\n  margin-top: 6px;\n\n  color: #ffffff;\n\n  font-size: 11.7px;\n  line-height: 1.3;\n}\n\n.tv-sleep-position-line {\n  margin-top: 10px;\n\n  color: var(--tv-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   08 — LIFESTYLE\n   ========================================================= *\/\n\n.tv-sleep-lifestyle {\n  padding: 30px 0;\n  background: #ffffff;\n}\n\n\n\/* =========================================================\n   09 — HOW TO USE\n   ========================================================= *\/\n\n.tv-sleep-howto {\n  padding: 34px 0 38px;\n\n  background:\n    linear-gradient(\n      180deg,\n      #ece6dc 0%,\n      #faf7f2 100%\n    );\n}\n\n.tv-sleep-howto-head {\n  margin-bottom: 18px;\n  text-align: center;\n}\n\n.tv-sleep-howto-head .tv-sleep-title {\n  margin: 0 auto;\n}\n\n.tv-sleep-howto-head p {\n  margin: 8px auto 0;\n\n  color: var(--tv-muted);\n\n  font-size: 11px;\n  line-height: 1.5;\n}\n\n.tv-sleep-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.tv-sleep-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(--tv-border);\n  border-radius: 11px;\n\n  background: #ffffff;\n}\n\n.tv-sleep-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(--tv-olive-dark);\n  color: #ffffff;\n\n  font-size: 10px;\n  line-height: 1;\n  font-weight: 900;\n}\n\n.tv-sleep-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.tv-sleep-step h3 {\n  grid-column: 3;\n  grid-row: 1;\n\n  margin: 0;\n\n  color: var(--tv-graphite);\n\n  font-size: 11.7px;\n  line-height: 1.26;\n  font-weight: 900;\n}\n\n.tv-sleep-step p {\n  grid-column: 3;\n  grid-row: 2;\n\n  margin: 0;\n\n  color: var(--tv-muted);\n\n  font-size: 9.7px;\n  line-height: 1.4;\n}\n\n\n\/* =========================================================\n   10 — FINAL\n   ========================================================= *\/\n\n.tv-sleep-final {\n  padding: 42px 0 46px;\n\n  background:\n    radial-gradient(\n      circle at 50% 120%,\n      rgba(214,198,178,.14),\n      transparent 36%\n    ),\n    linear-gradient(\n      135deg,\n      #394139 0%,\n      #252b25 100%\n    );\n\n  text-align: center;\n}\n\n.tv-sleep-final-label {\n  color: var(--tv-bronze-soft);\n\n  font-size: 9px;\n  font-weight: 900;\n  letter-spacing: 1.8px;\n  text-transform: uppercase;\n}\n\n.tv-sleep-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.tv-sleep-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  .tv-sleep {\n    margin-top: 16px;\n    border-radius: 0;\n  }\n\n  .tv-sleep-shell {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n\n  .tv-sleep-hero h1 {\n    font-size: 29px;\n  }\n\n  .tv-sleep-title {\n    font-size: 27px;\n  }\n\n  .tv-sleep-placeholder {\n    min-height: 210px;\n  }\n}\n\u003c\/style\u003e\n\n\u003cdiv class=\"tv-sleep\"\u003e\n\n  \u003c!-- 01 — HERO --\u003e\n\n  \u003csection class=\"tv-sleep-hero\"\u003e\n\n    \u003cdiv class=\"tv-sleep-shell\"\u003e\n\n      \u003cdiv class=\"tv-sleep-kicker\"\u003e\n        Trailviora™ Modular Camp Sleep\n      \u003c\/div\u003e\n\n      \u003ch1\u003e\n        Portable Affordable-Luxury Camping Sleeping Bag Mattress\n      \u003c\/h1\u003e\n\n      \u003cdiv class=\"tv-sleep-hero-sub\"\u003e\n        Sleep Warm Without Sleeping Trapped.\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-sleep-hero-copy\"\u003e\n\n        \u003cp\u003e\n          Trailviora™ Portable Affordable-Luxury Camping Sleeping Bag Mattress\n          is designed for campers who want the warmth of a sleeping bag\n          without the restrictive, zipped-in feeling of a traditional\n          mummy-style design.\n        \u003c\/p\u003e\n\n        \u003cp\u003e\n          Its modular quilt architecture lets you adjust coverage based on\n          the night, your sleep position and how enclosed you want the system to feel.\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=\"tv-sleep-chips\"\u003e\n\n        \u003cspan class=\"tv-sleep-chip\"\u003e\n          Adaptive Quilt\n        \u003c\/span\u003e\n\n        \u003cspan class=\"tv-sleep-chip\"\u003e\n          Adjustable Footbox\n        \u003c\/span\u003e\n\n        \u003cspan class=\"tv-sleep-chip\"\u003e\n          Draft-Control Wings\n        \u003c\/span\u003e\n\n        \u003cspan class=\"tv-sleep-chip\"\u003e\n          Removable Hood\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-sleep-image tv-sleep-image--hero\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/1_bdecca35-742f-438a-9e4e-8aa592154bb6.png?v=1789745690\" alt=\"Trailviora Portable Affordable-Luxury Camping Sleeping Bag Mattress in a premium campsite setting\"\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- 02 — COVERAGE MODES --\u003e\n\n  \u003csection class=\"tv-sleep-modes\"\u003e\n\n    \u003cdiv class=\"tv-sleep-shell\"\u003e\n\n      \u003cdiv class=\"tv-sleep-kicker\"\u003e\n        Choose Your Coverage\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"tv-sleep-title\"\u003e\n        Open When You Want Space. Closer When You Want More Coverage.\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"tv-sleep-mode-grid\"\u003e\n\n        \u003carticle class=\"tv-sleep-mode\"\u003e\n\n          \u003cdiv class=\"tv-sleep-mode-label\"\u003e\n            Mode 01\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Open Quilt\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Use the upper quilt loosely like a blanket for a more open,\n            relaxed sleep setup on milder nights.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-sleep-mode tv-sleep-mode--dark\"\u003e\n\n          \u003cdiv class=\"tv-sleep-mode-label\"\u003e\n            Mode 02\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            Anchored Sleep\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Use the removable pad straps and side wings to hold the quilt\n            closer around the sleeping surface.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-sleep-mode\"\u003e\n\n          \u003cdiv class=\"tv-sleep-mode-label\"\u003e\n            Mode 03\n          \u003c\/div\u003e\n\n          \u003ch3\u003e\n            More Enclosed\n          \u003c\/h3\u003e\n\n          \u003cp\u003e\n            Close the footbox and add the hood module when you prefer\n            a more wrapped-in sleep experience.\n          \u003c\/p\u003e\n\n        \u003c\/article\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-sleep-mode-line\"\u003e\n        You decide how much of the night feels open—and how much feels tucked in.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- 03 — ARCHITECTURE --\u003e\n\n  \u003csection class=\"tv-sleep-architecture\"\u003e\n\n    \u003cdiv class=\"tv-sleep-shell\"\u003e\n\n      \u003cdiv class=\"tv-sleep-architecture-head\"\u003e\n\n        \u003cdiv class=\"tv-sleep-kicker\"\u003e\n          Modular Quilt Architecture\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"tv-sleep-title\"\u003e\n          Built Around Adjustable Coverage.\n        \u003c\/h2\u003e\n\n        \u003cp class=\"tv-sleep-copy\"\u003e\n          Instead of making one enclosed bag do everything, the system\n          separates the main quilt, footbox, pad anchors, side wings and\n          hood so you can use only the coverage you want.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-sleep-image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/2_e3fd652c-e3db-4002-a95a-4a6c80c85f3b.png?v=1789745690\" alt=\"Trailviora modular camping sleep system quilt architecture and comfort features\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-sleep-architecture-grid\"\u003e\n\n        \u003carticle class=\"tv-sleep-architecture-card\"\u003e\n\n          \u003cdiv class=\"tv-sleep-architecture-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 loosely as a blanket or secure it around the sleep mat\n              for a more enclosed sleeping environment.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-sleep-architecture-card\"\u003e\n\n          \u003cdiv class=\"tv-sleep-architecture-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 around\n              the feet when you prefer more coverage.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-sleep-architecture-card\"\u003e\n\n          \u003cdiv class=\"tv-sleep-architecture-icon\"\u003e\n            🛏️\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Sleep-Mat Anchor System\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Low-profile elastic straps help keep the quilt positioned\n              around the sleeper without permanently fixing it to the mat.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-sleep-architecture-card\"\u003e\n\n          \u003cdiv class=\"tv-sleep-architecture-icon\"\u003e\n            🌬️\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Draft-Control Side Wings\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Soft side panels tuck around the body to reduce open gaps\n              when you want a closer fit.\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!-- 04 — SLEEP STYLE --\u003e\n\n  \u003csection class=\"tv-sleep-style\"\u003e\n\n    \u003cdiv class=\"tv-sleep-shell\"\u003e\n\n      \u003cdiv class=\"tv-sleep-kicker\"\u003e\n        Built Around How People Actually Sleep\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"tv-sleep-title\"\u003e\n        More Freedom for Different Sleep Styles.\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"tv-sleep-style-grid\"\u003e\n\n        \u003carticle class=\"tv-sleep-style-card\"\u003e\n          \u003cdiv class=\"tv-sleep-style-icon\"\u003e↔️\u003c\/div\u003e\n          \u003ch3\u003eMove While Sleeping\u003c\/h3\u003e\n          \u003cp\u003eMore room for sleepers who shift position during the night.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-sleep-style-card\"\u003e\n          \u003cdiv class=\"tv-sleep-style-icon\"\u003e🌙\u003c\/div\u003e\n          \u003ch3\u003eSide Sleepers\u003c\/h3\u003e\n          \u003cp\u003eA quilt-style setup avoids the narrow feeling of a tight mummy bag.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-sleep-style-card\"\u003e\n          \u003cdiv class=\"tv-sleep-style-icon\"\u003e🔗\u003c\/div\u003e\n          \u003ch3\u003eCouples Camping\u003c\/h3\u003e\n          \u003cp\u003eTwo quilts can connect to create a wider shared sleep arrangement.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-sleep-style-card\"\u003e\n          \u003cdiv class=\"tv-sleep-style-icon\"\u003e🚐\u003c\/div\u003e\n          \u003ch3\u003eComfort-First Campers\u003c\/h3\u003e\n          \u003cp\u003eDesigned for people who want outdoor bedding to feel closer to home.\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!-- 05 — COMFORT DETAILS --\u003e\n\n  \u003csection class=\"tv-sleep-comfort\"\u003e\n\n    \u003cdiv class=\"tv-sleep-shell\"\u003e\n\n      \u003cdiv class=\"tv-sleep-kicker\"\u003e\n        Small Details. Better Bed Feel.\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"tv-sleep-title\"\u003e\n        More Than a Different Shape.\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"tv-sleep-comfort-grid\"\u003e\n\n        \u003carticle class=\"tv-sleep-comfort-card\"\u003e\n\n          \u003cdiv class=\"tv-sleep-comfort-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              Adds optional head and neck coverage without requiring\n              a full mummy-style sleeping bag.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-sleep-comfort-card\"\u003e\n\n          \u003cdiv class=\"tv-sleep-comfort-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 Trailviora™ quilts to create a wider shared setup\n              for couples camping.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-sleep-comfort-card\"\u003e\n\n          \u003cdiv class=\"tv-sleep-comfort-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              Designed to feel softer and quieter than shiny,\n              crinkly traditional sleeping-bag shells.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-sleep-comfort-card\"\u003e\n\n          \u003cdiv class=\"tv-sleep-comfort-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\n              tent walls, condensation or damp footwear areas.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-sleep-comfort-card\"\u003e\n\n          \u003cdiv class=\"tv-sleep-comfort-icon\"\u003e\n            🎒\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Compression-Friendly Pack Design\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Packs into a compact cylindrical sack for storage alongside\n              sleeping mats and other bedding.\n            \u003c\/p\u003e\n\n          \u003c\/div\u003e\n\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-sleep-comfort-card\"\u003e\n\n          \u003cdiv class=\"tv-sleep-comfort-icon\"\u003e\n            ✨\n          \u003c\/div\u003e\n\n          \u003cdiv\u003e\n\n            \u003ch3\u003e\n              Bedroom-Inspired Outdoor Comfort\n            \u003c\/h3\u003e\n\n            \u003cp\u003e\n              Muted colors, softer quilting and minimal branding create\n              a calmer alternative to bright technical sleeping bags.\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!-- 06 — DESIGN --\u003e\n\n  \u003csection class=\"tv-sleep-design\"\u003e\n\n    \u003cdiv class=\"tv-sleep-shell\"\u003e\n\n      \u003cdiv class=\"tv-sleep-kicker\"\u003e\n        Material \u0026amp; Design\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"tv-sleep-title\"\u003e\n        Premium Bedding Meets Outdoor Technical Textile.\n      \u003c\/h2\u003e\n\n      \u003cp class=\"tv-sleep-design-copy\"\u003e\n        Warm Sand quilting forms the main visual field, Deep Alpine Olive\n        defines the edges and footbox, Graphite keeps straps and hardware\n        understated, and small Muted Bronze details add a restrained\n        premium accent. A compact Trailviora™ mountain mark keeps branding quiet.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"tv-sleep-materials\"\u003e\n\n        \u003cspan class=\"tv-sleep-material\"\u003e\n          Warm Sand\n        \u003c\/span\u003e\n\n        \u003cspan class=\"tv-sleep-material\"\u003e\n          Deep Alpine Olive\n        \u003c\/span\u003e\n\n        \u003cspan class=\"tv-sleep-material\"\u003e\n          Graphite\n        \u003c\/span\u003e\n\n        \u003cspan class=\"tv-sleep-material\"\u003e\n          Muted Bronze\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-sleep-design-image\"\u003e\n\n        \u003cdiv class=\"tv-sleep-image\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/3_133fe7b7-a51c-4f14-b94e-77d528d15249.png?v=1789745690\" alt=\"Trailviora camping sleeping bag mattress quilting textile and hardware details\" loading=\"lazy\"\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-sleep-design-quote\"\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!-- 07 — USE CASES --\u003e\n\n  \u003csection class=\"tv-sleep-uses\"\u003e\n\n    \u003cdiv class=\"tv-sleep-shell\"\u003e\n\n      \u003cdiv class=\"tv-sleep-kicker\"\u003e\n        Made for Comfort-First Camping\n      \u003c\/div\u003e\n\n      \u003ch2 class=\"tv-sleep-title\"\u003e\n        From Car Camping to Cabin Weekends.\n      \u003c\/h2\u003e\n\n      \u003cdiv class=\"tv-sleep-use-tags\"\u003e\n\n        \u003cspan class=\"tv-sleep-use-tag\"\u003e🚙 Car Camping\u003c\/span\u003e\n        \u003cspan class=\"tv-sleep-use-tag\"\u003e🔗 Couples Camping\u003c\/span\u003e\n        \u003cspan class=\"tv-sleep-use-tag\"\u003e🏕️ Weekend Camping\u003c\/span\u003e\n        \u003cspan class=\"tv-sleep-use-tag\"\u003e✨ Glamping\u003c\/span\u003e\n        \u003cspan class=\"tv-sleep-use-tag\"\u003e🚐 Van Life\u003c\/span\u003e\n        \u003cspan class=\"tv-sleep-use-tag\"\u003e🏡 Cabin Trips\u003c\/span\u003e\n        \u003cspan class=\"tv-sleep-use-tag\"\u003e🛣️ Road Trips\u003c\/span\u003e\n        \u003cspan class=\"tv-sleep-use-tag\"\u003e🏞️ National Parks\u003c\/span\u003e\n        \u003cspan class=\"tv-sleep-use-tag\"\u003e🌙 Side Sleepers\u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-sleep-position-grid\"\u003e\n\n        \u003cdiv class=\"tv-sleep-position-card\"\u003e\n          \u003cspan\u003ePosition 01\u003c\/span\u003e\n          \u003cstrong\u003eCamp Quilt\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tv-sleep-position-card\"\u003e\n          \u003cspan\u003ePosition 02\u003c\/span\u003e\n          \u003cstrong\u003eSleeping Bag Alternative\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"tv-sleep-position-card\"\u003e\n          \u003cspan\u003ePosition 03\u003c\/span\u003e\n          \u003cstrong\u003eModular Sleep Layer\u003c\/strong\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-sleep-position-line\"\u003e\n        One sleep system. You choose how enclosed the night feels.\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- 08 — IMAGE 04 --\u003e\n\n  \u003csection class=\"tv-sleep-lifestyle\"\u003e\n\n    \u003cdiv class=\"tv-sleep-shell\"\u003e\n\n      \u003cdiv class=\"tv-sleep-image\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/4_8673c246-5a1a-483a-82c6-ede8085eb115.png?v=1789745690\" alt=\"Trailviora camping sleep system outdoor lifestyle\" loading=\"lazy\"\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n  \u003c!-- 09 — HOW TO USE --\u003e\n\n  \u003csection class=\"tv-sleep-howto\"\u003e\n\n    \u003cdiv class=\"tv-sleep-shell\"\u003e\n\n      \u003cdiv class=\"tv-sleep-howto-head\"\u003e\n\n        \u003cdiv class=\"tv-sleep-kicker\"\u003e\n          Build the Night Around You\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"tv-sleep-title\"\u003e\n          How to Use Trailviora™\n        \u003c\/h2\u003e\n\n        \u003cp\u003e\n          Start open, add coverage only where you want it, then air out and pack down in the morning.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"tv-sleep-steps\"\u003e\n\n        \u003carticle class=\"tv-sleep-step\"\u003e\n          \u003cdiv class=\"tv-sleep-step-number\"\u003e1\u003c\/div\u003e\n          \u003cspan class=\"tv-sleep-step-icon\"\u003e🌙\u003c\/span\u003e\n          \u003ch3\u003eLay Out the Quilt\u003c\/h3\u003e\n          \u003cp\u003ePlace the Trailviora™ sleep system over TerraCloud or another compatible sleeping mat.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-sleep-step\"\u003e\n          \u003cdiv class=\"tv-sleep-step-number\"\u003e2\u003c\/div\u003e\n          \u003cspan class=\"tv-sleep-step-icon\"\u003e🛏️\u003c\/span\u003e\n          \u003ch3\u003eAdd the Pad Straps\u003c\/h3\u003e\n          \u003cp\u003eWrap the removable lower straps around the sleeping mat when you want extra positioning support.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-sleep-step\"\u003e\n          \u003cdiv class=\"tv-sleep-step-number\"\u003e3\u003c\/div\u003e\n          \u003cspan class=\"tv-sleep-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 more airflow around the feet.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-sleep-step\"\u003e\n          \u003cdiv class=\"tv-sleep-step-number\"\u003e4\u003c\/div\u003e\n          \u003cspan class=\"tv-sleep-step-icon\"\u003e❄️\u003c\/span\u003e\n          \u003ch3\u003eClose the Footbox\u003c\/h3\u003e\n          \u003cp\u003eWhen you prefer more coverage, draw the lower section into a more enclosed foot area.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-sleep-step\"\u003e\n          \u003cdiv class=\"tv-sleep-step-number\"\u003e5\u003c\/div\u003e\n          \u003cspan class=\"tv-sleep-step-icon\"\u003e☁️\u003c\/span\u003e\n          \u003ch3\u003eTuck the Side Wings\u003c\/h3\u003e\n          \u003cp\u003eBring the soft side panels gently around the body to reduce open gaps.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-sleep-step\"\u003e\n          \u003cdiv class=\"tv-sleep-step-number\"\u003e6\u003c\/div\u003e\n          \u003cspan class=\"tv-sleep-step-icon\"\u003e🧢\u003c\/span\u003e\n          \u003ch3\u003eAdd the Hood if Needed\u003c\/h3\u003e\n          \u003cp\u003eAttach the removable hood when you want additional head and neck coverage.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-sleep-step\"\u003e\n          \u003cdiv class=\"tv-sleep-step-number\"\u003e7\u003c\/div\u003e\n          \u003cspan class=\"tv-sleep-step-icon\"\u003e🔗\u003c\/span\u003e\n          \u003ch3\u003eLink Two for Couples\u003c\/h3\u003e\n          \u003cp\u003eConnect two compatible Trailviora™ quilts when creating a wider shared sleep setup.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-sleep-step\"\u003e\n          \u003cdiv class=\"tv-sleep-step-number\"\u003e8\u003c\/div\u003e\n          \u003cspan class=\"tv-sleep-step-icon\"\u003e🌅\u003c\/span\u003e\n          \u003ch3\u003eAir Out in the Morning\u003c\/h3\u003e\n          \u003cp\u003eOpen the quilt fully and allow any overnight moisture to dissipate before packing.\u003c\/p\u003e\n        \u003c\/article\u003e\n\n        \u003carticle class=\"tv-sleep-step\"\u003e\n          \u003cdiv class=\"tv-sleep-step-number\"\u003e9\u003c\/div\u003e\n          \u003cspan class=\"tv-sleep-step-icon\"\u003e🎒\u003c\/span\u003e\n          \u003ch3\u003eFold \u0026amp; Pack\u003c\/h3\u003e\n          \u003cp\u003eFold lengthwise, compress the system and return it to its storage 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!-- 10 — FINAL --\u003e\n\n  \u003csection class=\"tv-sleep-final\"\u003e\n\n    \u003cdiv class=\"tv-sleep-shell\"\u003e\n\n      \u003cdiv class=\"tv-sleep-final-label\"\u003e\n        Trailviora™ Portable Affordable-Luxury Camping Sleeping Bag Mattress\n      \u003c\/div\u003e\n\n      \u003ch2\u003e\n        More Room to Move.\u003cbr\u003e\n        More Reasons to Stay Out.\n      \u003c\/h2\u003e\n\n      \u003cp\u003e\n        A modular camp sleep layer for people who want warmth, flexibility\n        and a more bed-like outdoor sleep experience without the narrow\n        zipped-in feel of a traditional mummy bag.\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":"Trailviora*3","price":76.96,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/files\/1_e914ffcc-e424-4bc2-9d72-5f1b7b9d9c3d.png?v=1789745370"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0820\/8436\/4540\/collections\/a9a22472-54d0-4963-a7fd-675da0bf2f24.png?v=1789755723","url":"https:\/\/trailviora.com\/collections\/sleep-under-the-starsshelter.oembed","provider":"𝑇𝑟𝑎𝑖𝑙𝑣𝑖𝑜𝑟𝑎™","version":"1.0","type":"link"}