{"title":"Rooftop Attachments","description":"\u003cbody\u003e\n\n\n  \u003cmeta charset=\"UTF-8\"\u003e\n  \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n  \u003ctitle\u003eOverland Accessories – Boundless Base\u003c\/title\u003e\n  \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n  \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400\u0026amp;family=DM+Sans:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n  \u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/tabler-icons.min.css\"\u003e\n  \u003cstyle\u003e\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    :root {\n      --gold: #b8900a;\n      --gold-light: rgba(184,144,10,0.08);\n      --gold-mid: rgba(184,144,10,0.18);\n      --surface: #f5f4f1;\n      --surface-2: #eceae4;\n      --text-primary: #1a1814;\n      --text-secondary: #4a4540;\n      --text-muted: #8a857c;\n      --border: #dddad3;\n      --radius: 14px;\n    }\n\n    body {\n    background: #ffffff;\n    color: var(--text-primary);\n    font-family: 'DM Sans', sans-serif;\n    margin: 0;\n    padding: 0;\n    width: 100%;\n    }\n\n    .page {\n      width: 100%;\n      max-width: 100%;\n    }\n\n    \/* BREADCRUMB *\/\n    .breadcrumb {\n      display: flex;\n      align-items: center;\n      justify-content: space-evenly;\n      gap: 8px;\n      font-size: 12px;\n      color: var(--text-muted);\n      margin-bottom: 2.5rem;\n      letter-spacing: 0.04em;\n    }\n    .breadcrumb span { color: var(--gold); }\n    .breadcrumb i { font-size: 12px; }\n\n    \/* HERO BANNER *\/\n    .hero {\n      position: relative;\n      background: linear-gradient(135deg, #1a1814 0%, #2e2820 100%);\n      border-radius: var(--radius);\n      padding: 3.5rem 3rem 3rem;\n      margin-bottom: 2.5rem;\n      overflow: hidden;\n      text-align: center;\n    }\n\n    .hero::before {\n      content: '';\n      position: absolute;\n      top: -80px; right: -80px;\n      width: 260px; height: 260px;\n      border-radius: 50%;\n      background: rgba(184,144,10,0.07);\n    }\n\n    .hero::after {\n      content: '';\n      position: absolute;\n      bottom: -50px; left: 60px;\n      width: 160px; height: 160px;\n      border-radius: 50%;\n      background: rgba(184,144,10,0.04);\n    }\n\n    .hero-eyebrow {\n      display: inline-block;\n      font-size: 11px;\n      font-weight: 500;\n      letter-spacing: 0.16em;\n      text-transform: uppercase;\n      color: #b8900a;\n      border: 0.5px solid rgba(184,144,10,0.35);\n      border-radius: 100px;\n      padding: 4px 14px;\n      margin-bottom: 1.4rem;\n      position: relative;\n      z-index: 1;\n    }\n\n    .hero-headline {\n      font-family: 'Playfair Display', serif;\n      font-size: 40px;\n      font-weight: 400;\n      line-height: 1.15;\n      color: #f0ece4;\n      margin-bottom: 1.25rem;\n      position: relative;\n      z-index: 1;\n    }\n\n    .hero-headline em {\n      font-style: italic;\n      color: #b8900a;\n    }\n\n    .hero-body {\n      font-size: 15px;\n      font-weight: 300;\n      color: rgba(240,236,228,0.65);\n      max-width: 540px;\n      line-height: 1.8;\n      position: relative;\n      z-index: 1;\n      margin: 0 auto;\n    }\n\n    \/* SCENE STRIP *\/\n    .scene-strip {\n      background: var(--surface);\n      border: 1px solid var(--border);\n      border-radius: var(--radius);\n      padding: 2rem 2rem 1.5rem;\n      margin-bottom: 2rem;\n      display: flex;\n      align-items: center;\n      gap: 2rem;\n      overflow: hidden;\n      position: relative;\n    }\n\n    .scene-svg { flex-shrink: 0; }\n\n    .scene-text { flex: 1; }\n\n    .scene-text p {\n      font-size: 14px;\n      color: var(--text-secondary);\n      line-height: 1.8;\n      margin-bottom: 0.75rem;\n      text-align: center;\n    }\n\n    .scene-text p:last-child { margin-bottom: 0; }\n\n    \/* PRODUCT CARDS — 2 columns for 2 accessories *\/\n    .use-cases {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 1rem;\n      margin-bottom: 2rem;\n    }\n\n    .use-card {\n      background: var(--surface);\n      border: 1px solid var(--border);\n      border-radius: var(--radius);\n      padding: 1.75rem 1.5rem;\n      transition: border-color 0.2s, box-shadow 0.2s;\n    }\n    .use-card:hover {\n      border-color: var(--gold);\n      box-shadow: 0 2px 16px rgba(184,144,10,0.08);\n    }\n\n    .use-icon {\n      width: 48px;\n      height: 48px;\n      background: var(--gold-light);\n      border-radius: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 22px;\n      color: var(--gold);\n      margin: 0 auto 1rem;\n    }\n\n    .use-title {\n      font-size: 15px;\n      font-weight: 500;\n      color: var(--text-primary);\n      margin-bottom: 0.5rem;\n      text-align: center;\n    }\n\n    .use-body {\n      font-size: 13px;\n      color: var(--text-secondary);\n      line-height: 1.7;\n      text-align: center;\n    }\n\n    \/* BENEFIT TILES *\/\n    .why-block {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 1rem;\n      margin-bottom: 2rem;\n    }\n\n    .why-row {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      background: var(--surface);\n      border: 1px solid var(--border);\n      border-radius: var(--radius);\n      padding: 1.5rem 1.25rem;\n      transition: border-color 0.2s;\n    }\n    .why-row:hover { border-color: var(--gold); }\n\n    .why-icon {\n      font-size: 22px;\n      color: var(--gold);\n      flex-shrink: 0;\n      margin-top: 2px;\n    }\n\n    .why-text p { margin: 0; }\n    .why-title { font-size: 14px; font-weight: 500; color: var(--text-primary); margin-bottom: 4px; text-align: center; }\n    .why-desc { font-size: 13px; color: var(--text-secondary); line-height: 1.6; text-align: center; }\n\n    \/* CTA *\/\n    .cta-block {\n      background: linear-gradient(135deg, #1a1814 0%, #2e2820 100%);\n      border-radius: var(--radius);\n      padding: 2.5rem;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      gap: 1.5rem;\n      position: relative;\n      overflow: hidden;\n    }\n\n    .cta-block::before {\n      content: '';\n      position: absolute;\n      top: -50px; right: -50px;\n      width: 160px; height: 160px;\n      border-radius: 50%;\n      background: rgba(184,144,10,0.07);\n    }\n\n    .cta-text { position: relative; z-index: 1; }\n\n    .cta-quote {\n      font-family: 'Playfair Display', serif;\n      font-size: 22px;\n      font-style: italic;\n      color: #f0ece4;\n      line-height: 1.45;\n      margin-bottom: 0.6rem;\n    }\n\n    .cta-sub {\n      font-size: 13px;\n      color: rgba(240,236,228,0.5);\n      max-width: 480px;\n      margin: 0 auto;\n      line-height: 1.6;\n    }\n\n    .cta-btn {\n      background: var(--gold);\n      color: #ffffff;\n      border: none;\n      border-radius: 10px;\n      padding: 14px 36px;\n      font-family: 'DM Sans', sans-serif;\n      font-size: 14px;\n      font-weight: 600;\n      cursor: pointer;\n      letter-spacing: 0.02em;\n      transition: opacity 0.2s;\n      position: relative;\n      z-index: 1;\n    }\n    .cta-btn:hover { opacity: 0.88; }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 640px) {\n      .hero { padding: 2rem 1.5rem; }\n      .hero-headline { font-size: 28px; }\n      .scene-strip { flex-direction: column; gap: 1rem; }\n      .use-cases { grid-template-columns: 1fr; }\n      .why-block { grid-template-columns: 1fr; }\n    }\n  \u003c\/style\u003e\n\n\n  \u003cdiv class=\"page\"\u003e\n\n    \u003c!-- BREADCRUMB --\u003e\n    \u003cdiv class=\"breadcrumb\"\u003e\n      Boundless Base\n      \u003ci class=\"ti ti-chevron-right\"\u003e\u003c\/i\u003e\n      \u003cspan\u003eOverland Accessories\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- HERO --\u003e\n    \u003cdiv class=\"hero\"\u003e\n      \u003cdiv class=\"hero-eyebrow\"\u003ePointed toward adventures\u003c\/div\u003e\n      \u003ch1 class=\"hero-headline\"\u003eOverland Accessories for\u003cbr\u003e\u003cem\u003eEvery Adventure.\u003c\/em\u003e\n\u003c\/h1\u003e\n      \u003cp class=\"hero-body\"\u003eComplete your overland setup with practical accessories designed for comfort outdoors.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- SCENE STRIP --\u003e\n    \u003cdiv class=\"scene-strip\"\u003e\n      \u003cdiv class=\"scene-svg\"\u003e\n        \u003csvg width=\"180\" height=\"130\" viewbox=\"0 0 180 130\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \u003c!-- Ground --\u003e\n          \u003crect x=\"0\" y=\"112\" width=\"180\" height=\"18\" rx=\"3\" fill=\"#eceae4\"\u003e\u003c\/rect\u003e\n          \u003c!-- Sky gradient suggestion --\u003e\n          \u003crect x=\"0\" y=\"0\" width=\"180\" height=\"112\" fill=\"#f5f4f1\"\u003e\u003c\/rect\u003e\n          \u003c!-- Sun --\u003e\n          \u003ccircle cx=\"150\" cy=\"28\" r=\"14\" fill=\"#eceae4\" stroke=\"#dddad3\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"150\" cy=\"28\" r=\"9\" fill=\"#dddad3\"\u003e\u003c\/circle\u003e\n          \u003c!-- Sun rays --\u003e\n          \u003cline x1=\"150\" y1=\"8\" x2=\"150\" y2=\"4\" stroke=\"#dddad3\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"164\" y1=\"14\" x2=\"167\" y2=\"11\" stroke=\"#dddad3\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"170\" y1=\"28\" x2=\"174\" y2=\"28\" stroke=\"#dddad3\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"164\" y1=\"42\" x2=\"167\" y2=\"45\" stroke=\"#dddad3\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"136\" y1=\"14\" x2=\"133\" y2=\"11\" stroke=\"#dddad3\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003c!-- Car body --\u003e\n          \u003crect x=\"20\" y=\"88\" width=\"120\" height=\"24\" rx=\"4\" fill=\"#2e2820\"\u003e\u003c\/rect\u003e\n          \u003c!-- Roof rack --\u003e\n          \u003crect x=\"22\" y=\"76\" width=\"116\" height=\"14\" rx=\"3\" fill=\"#1a1814\" stroke=\"#3a3530\" stroke-width=\"0.5\"\u003e\u003c\/rect\u003e\n          \u003c!-- Awning extended from car --\u003e\n          \u003crect x=\"22\" y=\"58\" width=\"100\" height=\"20\" rx=\"3\" fill=\"#b8900a\" opacity=\"0.85\"\u003e\u003c\/rect\u003e\n          \u003c!-- Awning pole left --\u003e\n          \u003cline x1=\"30\" y1=\"78\" x2=\"30\" y2=\"112\" stroke=\"#8a857c\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003c!-- Awning pole right --\u003e\n          \u003cline x1=\"114\" y1=\"78\" x2=\"114\" y2=\"112\" stroke=\"#8a857c\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003c!-- Awning edge detail --\u003e\n          \u003crect x=\"22\" y=\"55\" width=\"100\" height=\"4\" rx=\"1.5\" fill=\"#8a6a00\"\u003e\u003c\/rect\u003e\n          \u003c!-- Privacy room hanging from awning --\u003e\n          \u003crect x=\"28\" y=\"78\" width=\"30\" height=\"34\" rx=\"2\" fill=\"#eceae4\" stroke=\"#dddad3\" stroke-width=\"1\" opacity=\"0.9\"\u003e\u003c\/rect\u003e\n          \u003cline x1=\"43\" y1=\"78\" x2=\"43\" y2=\"112\" stroke=\"#dddad3\" stroke-width=\"0.8\" stroke-dasharray=\"3,2\"\u003e\u003c\/line\u003e\n          \u003c!-- Wheels --\u003e\n          \u003ccircle cx=\"55\" cy=\"112\" r=\"12\" fill=\"#1a1814\" stroke=\"#3a3530\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"55\" cy=\"112\" r=\"5\" fill=\"#3a3530\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"115\" cy=\"112\" r=\"12\" fill=\"#1a1814\" stroke=\"#3a3530\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"115\" cy=\"112\" r=\"5\" fill=\"#3a3530\"\u003e\u003c\/circle\u003e\n          \u003c!-- Glow under car --\u003e\n          \u003cellipse cx=\"80\" cy=\"124\" rx=\"55\" ry=\"4\" fill=\"rgba(184,144,10,0.06)\"\u003e\u003c\/ellipse\u003e\n        \u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"scene-text\"\u003e\n        \u003cp\u003eEasy to set up and built for adventure, these attachments help make every trip more comfortable — wherever you go.\u003c\/p\u003e\n        \u003cp\u003eFrom shade on a sunny afternoon to a private space to freshen up, the right accessories turn a good trip into a great one.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- PRODUCT CARDS --\u003e\n    \u003cdiv class=\"use-cases\"\u003e\n      \u003cdiv class=\"use-card\"\u003e\n        \u003cdiv class=\"use-icon\"\u003e\u003ci class=\"ti ti-umbrella\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n        \u003cp class=\"use-title\"\u003eAwnings\u003c\/p\u003e\n        \u003cp class=\"use-body\"\u003eAwnings provide quick shade and shelter from sun or rain, creating the perfect space to relax, cook, or unwind at camp. Deploy in seconds and transform any campsite into a comfortable outdoor living area.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"use-card\"\u003e\n        \u003cdiv class=\"use-icon\"\u003e\u003ci class=\"ti ti-door\"\u003e\u003c\/i\u003e\u003c\/div\u003e\n        \u003cp class=\"use-title\"\u003ePrivacy \u0026amp; Shower Rooms\u003c\/p\u003e\n        \u003cp class=\"use-body\"\u003eAdd convenience on the road with a private space to change, shower, or organize gear. Compact when packed, spacious when set up — built for life off the beaten path.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- BENEFIT TILES --\u003e\n    \u003cdiv class=\"why-block\"\u003e\n      \u003cdiv class=\"why-row\"\u003e\n        \u003ci class=\"ti ti-bolt why-icon\"\u003e\u003c\/i\u003e\n        \u003cdiv class=\"why-text\"\u003e\n          \u003cp class=\"why-title\"\u003eQuick to Deploy\u003c\/p\u003e\n          \u003cp class=\"why-desc\"\u003eSet up in minutes with no complicated steps — spend less time on gear and more time enjoying the outdoors.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"why-row\"\u003e\n        \u003ci class=\"ti ti-shield why-icon\"\u003e\u003c\/i\u003e\n        \u003cdiv class=\"why-text\"\u003e\n          \u003cp class=\"why-title\"\u003eBuilt for Adventure\u003c\/p\u003e\n          \u003cp class=\"why-desc\"\u003eTough materials and rugged construction handle whatever conditions the trail throws your way.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"why-row\"\u003e\n        \u003ci class=\"ti ti-sun why-icon\"\u003e\u003c\/i\u003e\n        \u003cdiv class=\"why-text\"\u003e\n          \u003cp class=\"why-title\"\u003eShade \u0026amp; Shelter\u003c\/p\u003e\n          \u003cp class=\"why-desc\"\u003eKeep the sun and rain off your setup so camp always feels like a comfortable base to return to.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"why-row\"\u003e\n        \u003ci class=\"ti ti-lock why-icon\"\u003e\u003c\/i\u003e\n        \u003cdiv class=\"why-text\"\u003e\n          \u003cp class=\"why-title\"\u003ePrivacy on the Road\u003c\/p\u003e\n          \u003cp class=\"why-desc\"\u003eChange, shower, or sort your gear away from the crowd — wherever you park for the night.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- CTA --\u003e\n    \u003cdiv class=\"cta-block\"\u003e\n      \u003cdiv class=\"cta-text\"\u003e\n        \u003cp class=\"cta-quote\"\u003e\"The right gear turns a good trip into an unforgettable one.\"\u003c\/p\u003e\n        \u003cp class=\"cta-sub\"\u003eFind the accessories that complete your setup and take your adventures further.\u003c\/p\u003e\n      \u003c\/div\u003e\n \n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/body\u003e","products":[{"product_id":"boundless-270-awning-drivers-side-copy","title":"Boundless 270 Awning - Drivers Side","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400\u0026amp;family=DM+Sans:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/tabler-icons.min.css\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    :root {\n      --gold: #b8900a;\n      --gold-light: rgba(184,144,10,0.08);\n      --surface: #f5f4f1;\n      --surface-2: #eceae4;\n      --text-primary: #1a1814;\n      --text-secondary: #4a4540;\n      --text-muted: #8a857c;\n      --border: #dddad3;\n      --radius: 14px;\n    }\n\n    body {\n      background: #ffffff;\n      color: var(--text-primary);\n      font-family: 'DM Sans', sans-serif;\n      padding: 2rem 1rem 4rem;\n      min-height: 100vh;\n      display: flex;\n      justify-content: center;\n      align-items: Space-evenly;\n    }\n\n    .page { width: 100%; max-width: 100%; }\n\n    \/* BREADCRUMB *\/\n    .breadcrumb {\n      display: flex;\n      align-items: center;\n      justify-content: space-evenly;\n      gap: 8px;\n      font-size: 12px;\n      color: var(--text-muted);\n      margin-bottom: 2.5rem;\n      letter-spacing: 0.04em;\n    }\n    .breadcrumb span { color: var(--gold); }\n    .breadcrumb i { font-size: 12px; }\n\n    \/* HERO *\/\n    .hero {\n      position: relative;\n      background: linear-gradient(135deg, #1a1814 0%, #2e2820 100%);\n      border-radius: var(--radius);\n      padding: 3.5rem 3rem 3rem;\n      margin-bottom: 2.5rem;\n      overflow: hidden;\n      text-align: center;\n    }\n    .hero::before {\n      content: '';\n      position: absolute;\n      top: -80px; right: -80px;\n      width: 260px; height: 260px;\n      border-radius: 50%;\n      background: rgba(184,144,10,0.07);\n    }\n    .hero::after {\n      content: '';\n      position: absolute;\n      bottom: -50px; left: 60px;\n      width: 160px; height: 160px;\n      border-radius: 50%;\n      background: rgba(184,144,10,0.04);\n    }\n\n    .hero-eyebrow {\n      display: inline-block;\n      font-size: 11px;\n      font-weight: 500;\n      letter-spacing: 0.16em;\n      text-transform: uppercase;\n      color: #b8900a;\n      border: 0.5px solid rgba(184,144,10,0.35);\n      border-radius: 100px;\n      padding: 4px 14px;\n      margin-bottom: 1.4rem;\n      position: relative;\n      z-index: 1;\n    }\n\n    .hero-headline {\n      font-family: 'Playfair Display', serif;\n      font-size: 40px;\n      font-weight: 400;\n      line-height: 1.15;\n      color: #f0ece4;\n      margin-bottom: 1.25rem;\n      position: relative;\n      z-index: 1;\n    }\n    .hero-headline em { font-style: italic; color: #b8900a; }\n\n    .hero-body {\n      font-size: 15px;\n      font-weight: 300;\n      color: rgba(240,236,228,0.65);\n      max-width: 520px;\n      line-height: 1.8;\n      position: relative;\n      z-index: 1;\n      margin: 0 auto;\n    }\n\n    \/* STATS BAR *\/\n    .stats-bar {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 1rem;\n      margin-bottom: 2rem;\n    }\n\n    .stat {\n      background: var(--surface);\n      border: 1px solid var(--border);\n      border-radius: var(--radius);\n      padding: 1.1rem 0.75rem;\n      text-align: center;\n    }\n    .stat-value {\n      font-family: 'Playfair Display', serif;\n      font-size: 20px;\n      color: var(--text-primary);\n      display: block;\n      margin-bottom: 3px;\n      line-height: 1.2;\n    }\n    .stat-label {\n      font-size: 11px;\n      color: var(--text-muted);\n      letter-spacing: 0.06em;\n      text-transform: uppercase;\n    }\n\n    \/* SCENE STRIP *\/\n    .scene-strip {\n      background: var(--surface);\n      border: 1px solid var(--border);\n      border-radius: var(--radius);\n      padding: 2rem;\n      margin-bottom: 2rem;\n      display: flex;\n      align-items: center;\n      gap: 2rem;\n      overflow: hidden;\n    }\n    .scene-svg { flex-shrink: 0; }\n    .scene-text { flex: 1; }\n    .scene-text p {\n      font-size: 14px;\n      color: var(--text-secondary);\n      line-height: 1.8;\n      margin-bottom: 0.75rem;\n      text-align: center;\n    }\n    .scene-text p:last-child { margin-bottom: 0; }\n\n    \/* FEATURE CARDS *\/\n    .section-label {\n      font-size: 11px;\n      font-weight: 500;\n      letter-spacing: 0.16em;\n      text-transform: uppercase;\n      color: var(--text-muted);\n      margin-bottom: 1.25rem;\n      text-align: center;\n    }\n\n    .features-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 1rem;\n      margin-bottom: 2rem;\n    }\n\n    .feature-card {\n      background: var(--surface);\n      border: 1px solid var(--border);\n      border-radius: var(--radius);\n      padding: 1.4rem 1.25rem;\n      transition: border-color 0.2s, box-shadow 0.2s;\n    }\n    .feature-card:hover {\n      border-color: var(--gold);\n      box-shadow: 0 2px 16px rgba(184,144,10,0.08);\n    }\n\n    .feature-icon {\n      width: 44px;\n      height: 44px;\n      background: var(--gold-light);\n      border-radius: 11px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 20px;\n      color: var(--gold);\n      margin: 0 auto 0.9rem;\n    }\n    .feature-title {\n      font-size: 14px;\n      font-weight: 500;\n      color: var(--text-primary);\n      margin-bottom: 0.4rem;\n      text-align: center;\n    }\n    .feature-body {\n      font-size: 13px;\n      color: var(--text-secondary);\n      line-height: 1.65;\n      text-align: center;\n    }\n\n    \/* SPECS *\/\n    .specs-block {\n      background: var(--surface);\n      border: 1px solid var(--border);\n      border-radius: var(--radius);\n      overflow: hidden;\n      margin-bottom: 2rem;\n    }\n    .specs-header {\n      padding: 1.25rem 1.5rem;\n      border-bottom: 1px solid var(--border);\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--text-primary);\n      letter-spacing: 0.04em;\n      background: var(--surface-2);\n      text-align: center;\n    }\n    .spec-row {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 0.9rem 1.5rem;\n      border-bottom: 1px solid var(--border);\n    }\n    .spec-row:last-child { border-bottom: none; }\n    .spec-key { font-size: 13px; color: var(--text-muted); }\n    .spec-val { font-size: 13px; font-weight: 500; color: var(--text-primary); text-align: right; }\n\n    \/* CTA *\/\n    .cta-block {\n      background: linear-gradient(135deg, #1a1814 0%, #2e2820 100%);\n      border-radius: var(--radius);\n      padding: 2.5rem;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      gap: 1.5rem;\n      position: relative;\n      overflow: hidden;\n    }\n    .cta-block::before {\n      content: '';\n      position: absolute;\n      top: -50px; right: -50px;\n      width: 160px; height: 160px;\n      border-radius: 50%;\n      background: rgba(184,144,10,0.07);\n    }\n    .cta-text { position: relative; z-index: 1; }\n    .cta-quote {\n      font-family: 'Playfair Display', serif;\n      font-size: 22px;\n      font-style: italic;\n      color: #f0ece4;\n      line-height: 1.45;\n      margin-bottom: 0.6rem;\n    }\n    .cta-sub {\n      font-size: 13px;\n      color: rgba(240,236,228,0.5);\n      max-width: 480px;\n      margin: 0 auto;\n      line-height: 1.6;\n    }\n    .cta-btn {\n      background: var(--gold);\n      color: #ffffff;\n      border: none;\n      border-radius: 10px;\n      padding: 14px 36px;\n      font-family: 'DM Sans', sans-serif;\n      font-size: 14px;\n      font-weight: 600;\n      cursor: pointer;\n      letter-spacing: 0.02em;\n      transition: opacity 0.2s;\n      position: relative;\n      z-index: 1;\n    }\n    .cta-btn:hover { opacity: 0.88; }\n\n    \/* TRUST BAR *\/\n    .trust-bar {\n      display: flex;\n      justify-content: center;\n      gap: 2rem;\n      margin-top: 1.5rem;\n      flex-wrap: wrap;\n    }\n    .trust-item {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 12px;\n      color: rgba(240,236,228,0.45);\n    }\n    .trust-item i { color: #b8900a; font-size: 14px; }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 640px) {\n      .hero { padding: 2rem 1.5rem; }\n      .hero-headline { font-size: 28px; }\n      .stats-bar { grid-template-columns: repeat(2, 1fr); }\n      .scene-strip { flex-direction: column; gap: 1rem; }\n      .features-grid { grid-template-columns: 1fr 1fr; }\n      .why-block { grid-template-columns: 1fr; }\n    }\n    @media (max-width: 420px) {\n      .features-grid { grid-template-columns: 1fr; }\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"page\"\u003e\n\u003c!-- BREADCRUMB --\u003e\n\u003cdiv class=\"breadcrumb\"\u003eBoundless Base \u003ci class=\"ti ti-chevron-right\"\u003e\u003c\/i\u003e Overland Accessories \u003ci class=\"ti ti-chevron-right\"\u003e\u003c\/i\u003e \u003cspan\u003e270° Awning\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"hero\"\u003e\n\u003cdiv class=\"hero-eyebrow\"\u003ePointed toward adventures\u003c\/div\u003e\n\u003ch1 class=\"hero-headline\"\u003eStay Cool.\u003cbr\u003e\u003cem\u003eCamp in Comfort.\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hero-body\"\u003eThe 270-Degree Awning wraps your campsite in shade from multiple angles — so you stay comfortable from sunrise to sunset, no matter where you park.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- STATS BAR --\u003e\n\u003cdiv class=\"stats-bar\"\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e270°\u003c\/span\u003e \u003cspan class=\"stat-label\"\u003eCoverage\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e2.5 m\u003c\/span\u003e \u003cspan class=\"stat-label\"\u003eRadius\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e14.73 m²\u003c\/span\u003e \u003cspan class=\"stat-label\"\u003eShade area\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e1 person\u003c\/span\u003e \u003cspan class=\"stat-label\"\u003eSetup\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SCENE STRIP --\u003e\n\u003cdiv class=\"scene-strip\"\u003e\n\u003cdiv class=\"scene-svg\"\u003e\u003csvg width=\"180\" height=\"130\" viewbox=\"0 0 180 130\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \n          \u003crect x=\"0\" y=\"112\" width=\"180\" height=\"18\" rx=\"3\" fill=\"#eceae4\"\u003e\u003c\/rect\u003e\n          \n          \u003crect x=\"0\" y=\"0\" width=\"180\" height=\"112\" fill=\"#f5f4f1\"\u003e\u003c\/rect\u003e\n          \n          \u003ccircle cx=\"155\" cy=\"22\" r=\"12\" fill=\"#eceae4\" stroke=\"#dddad3\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"155\" cy=\"22\" r=\"7\" fill=\"#dddad3\"\u003e\u003c\/circle\u003e\n          \u003cline x1=\"155\" y1=\"5\" x2=\"155\" y2=\"2\" stroke=\"#dddad3\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"167\" y1=\"10\" x2=\"170\" y2=\"7\" stroke=\"#dddad3\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"172\" y1=\"22\" x2=\"175\" y2=\"22\" stroke=\"#dddad3\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"167\" y1=\"34\" x2=\"170\" y2=\"37\" stroke=\"#dddad3\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"143\" y1=\"10\" x2=\"140\" y2=\"7\" stroke=\"#dddad3\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \n          \u003cpath d=\"M75 78 L20 40 Q10 78 20 112 L75 112 Z\" fill=\"rgba(184,144,10,0.12)\" stroke=\"rgba(184,144,10,0.3)\" stroke-width=\"0.8\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M75 78 L20 40 Q45 20 75 30 Z\" fill=\"rgba(184,144,10,0.10)\" stroke=\"rgba(184,144,10,0.3)\" stroke-width=\"0.8\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M75 78 L75 30 Q110 18 130 40 L75 78 Z\" fill=\"rgba(184,144,10,0.08)\" stroke=\"rgba(184,144,10,0.25)\" stroke-width=\"0.8\"\u003e\u003c\/path\u003e\n          \n          \u003cpath d=\"M75 78 L20 40 Q10 78 20 112 L75 112 Z\" fill=\"rgba(184,144,10,0.18)\"\u003e\u003c\/path\u003e\n          \n          \u003cpath d=\"M20 40 Q10 78 20 112\" stroke=\"#b8900a\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M20 40 Q45 20 75 30\" stroke=\"#b8900a\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003cpath d=\"M75 30 Q110 18 130 40\" stroke=\"#b8900a\" stroke-width=\"1.5\" fill=\"none\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \n          \u003cline x1=\"20\" y1=\"112\" x2=\"20\" y2=\"40\" stroke=\"#8a857c\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"20\" y1=\"112\" x2=\"20\" y2=\"40\" stroke=\"#8a857c\" stroke-width=\"1.5\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \n          \u003crect x=\"55\" y=\"82\" width=\"110\" height=\"30\" rx=\"4\" fill=\"#2e2820\"\u003e\u003c\/rect\u003e\n          \n          \u003crect x=\"63\" y=\"64\" width=\"80\" height=\"20\" rx=\"4\" fill=\"#1a1814\"\u003e\u003c\/rect\u003e\n          \n          \u003crect x=\"69\" y=\"68\" width=\"66\" height=\"12\" rx=\"2\" fill=\"#3a3530\" opacity=\"0.8\"\u003e\u003c\/rect\u003e\n          \n          \u003crect x=\"55\" y=\"60\" width=\"110\" height=\"5\" rx=\"2\" fill=\"#4a4540\" stroke=\"#b8900a\" stroke-width=\"0.8\"\u003e\u003c\/rect\u003e\n          \n          \u003cline x1=\"75\" y1=\"62\" x2=\"75\" y2=\"78\" stroke=\"#b8900a\" stroke-width=\"2\" stroke-linecap=\"round\"\u003e\u003c\/line\u003e\n          \n          \u003crect x=\"28\" y=\"98\" width=\"14\" height=\"12\" rx=\"2\" fill=\"#4a4540\" opacity=\"0.5\"\u003e\u003c\/rect\u003e\n          \u003cline x1=\"28\" y1=\"110\" x2=\"24\" y2=\"112\" stroke=\"#4a4540\" stroke-width=\"1.2\" opacity=\"0.5\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"42\" y1=\"110\" x2=\"46\" y2=\"112\" stroke=\"#4a4540\" stroke-width=\"1.2\" opacity=\"0.5\"\u003e\u003c\/line\u003e\n          \n          \u003ccircle cx=\"83\" cy=\"112\" r=\"13\" fill=\"#1a1814\" stroke=\"#3a3530\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"83\" cy=\"112\" r=\"5\" fill=\"#3a3530\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"145\" cy=\"112\" r=\"13\" fill=\"#1a1814\" stroke=\"#3a3530\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"145\" cy=\"112\" r=\"5\" fill=\"#3a3530\"\u003e\u003c\/circle\u003e\n          \n          \u003cellipse cx=\"100\" cy=\"125\" rx=\"65\" ry=\"4\" fill=\"rgba(184,144,10,0.05)\"\u003e\u003c\/ellipse\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"scene-text\"\u003e\n\u003cp\u003eWith its unique 270° design, this awning wraps shade around your entire campsite — front, side, and back — so the sun never has an angle on you.\u003c\/p\u003e\n\u003cp\u003eAt 2.5 m radius and covering up to 14.73 m² (48 sq ft), it creates a generous outdoor living space wherever you set up camp.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURE CARDS --\u003e\n\u003cp class=\"section-label\"\u003eWhy the 270° Awning?\u003c\/p\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e\n\u003ci class=\"ti ti-360\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cp class=\"feature-title\"\u003e270° Shade Coverage\u003c\/p\u003e\n\u003cp class=\"feature-body\"\u003eShade from multiple angles all day long — front, rear, and side. No matter where the sun moves, you stay cool and comfortable.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e\n\u003ci class=\"ti ti-arrows-maximize\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cp class=\"feature-title\"\u003e70 Sq Ft of Space\u003c\/p\u003e\n\u003cp class=\"feature-body\"\u003eWith a 2.5 m radius covering up to 14.73 m², you have plenty of room to relax, cook, socialize, or simply unwind at camp.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e\n\u003ci class=\"ti ti-user\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cp class=\"feature-title\"\u003eSolo Setup\u003c\/p\u003e\n\u003cp class=\"feature-body\"\u003eDesigned so one person can set it up and take it down with ease — no wrestling with poles, no second pair of hands needed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SPECS TABLE --\u003e\n\u003cp class=\"section-label\"\u003eSpecifications\u003c\/p\u003e\n\u003cdiv class=\"specs-block\"\u003e\n\u003cdiv class=\"specs-header\"\u003e270° Awning — Key Specs\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eCoverage angle\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003e270 degrees\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eRadius\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003e2.5 m\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eShade area\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003e14.73 m² (approx. 48 sq ft)\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eSetup\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003eOne person — no tools required\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eMount\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003eUniversal roof rack compatible\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eUse\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003eSun shade \u0026amp; rain shelter\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA --\u003e\n\u003cdiv class=\"cta-block\"\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cp class=\"cta-quote\"\u003e\"Shade from every angle. Comfort at every camp.\"\u003c\/p\u003e\n\u003cp class=\"cta-sub\"\u003eAdd the 270° Awning to your setup and turn any parking spot into a proper outdoor living space.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"cta-btn\"\u003eAdd to Cart — Shop Now\u003c\/button\u003e\n\u003cdiv class=\"trust-bar\"\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003ci class=\"ti ti-truck\"\u003e\u003c\/i\u003e Free shipping across Canada\u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003ci class=\"ti ti-shield-check\"\u003e\u003c\/i\u003e 1-year warranty\u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003ci class=\"ti ti-headset\"\u003e\u003c\/i\u003e Expert gear support\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Boundless Base","offers":[{"title":"Default Title","offer_id":44183806148651,"sku":null,"price":999.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0681\/0717\/3931\/files\/desert.png?v=1781063453"},{"product_id":"boundless-shower-tent-copy","title":"Boundless Shower Tent","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400\u0026amp;family=DM+Sans:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e \u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/tabler-icons.min.css\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    :root {\n      --gold: #b8900a;\n      --gold-light: rgba(184,144,10,0.08);\n      --surface: #f5f4f1;\n      --surface-2: #eceae4;\n      --text-primary: #1a1814;\n      --text-secondary: #4a4540;\n      --text-muted: #8a857c;\n      --border: #dddad3;\n      --radius: 14px;\n    }\n\n    body {\n      background: #ffffff;\n      color: var(--text-primary);\n      font-family: 'DM Sans', sans-serif;\n      padding: 2rem 1rem 4rem;\n      min-height: 100vh;\n      display: flex;\n      justify-content: center;\n      align-items: Space-evenly;\n    }\n\n    .page { width: 100%; max-width: 100%; }\n\n    \/* BREADCRUMB *\/\n    .breadcrumb {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 8px;\n      font-size: 12px;\n      color: var(--text-muted);\n      margin-bottom: 2.5rem;\n      letter-spacing: 0.04em;\n    }\n    .breadcrumb span { color: var(--gold); }\n    .breadcrumb i { font-size: 12px; }\n\n    \/* HERO *\/\n    .hero {\n      position: relative;\n      background: linear-gradient(135deg, #1a1814 0%, #2e2820 100%);\n      border-radius: var(--radius);\n      padding: 3.5rem 3rem 3rem;\n      margin-bottom: 2.5rem;\n      overflow: hidden;\n      text-align: center;\n    }\n    .hero::before {\n      content: '';\n      position: absolute;\n      top: -80px; right: -80px;\n      width: 260px; height: 260px;\n      border-radius: 50%;\n      background: rgba(184,144,10,0.07);\n    }\n    .hero::after {\n      content: '';\n      position: absolute;\n      bottom: -50px; left: 60px;\n      width: 160px; height: 160px;\n      border-radius: 50%;\n      background: rgba(184,144,10,0.04);\n    }\n\n    .hero-eyebrow {\n      display: inline-block;\n      font-size: 11px;\n      font-weight: 500;\n      letter-spacing: 0.16em;\n      text-transform: uppercase;\n      color: #b8900a;\n      border: 0.5px solid rgba(184,144,10,0.35);\n      border-radius: 100px;\n      padding: 4px 14px;\n      margin-bottom: 1.4rem;\n      position: relative;\n      z-index: 1;\n    }\n\n    .hero-headline {\n      font-family: 'Playfair Display', serif;\n      font-size: 40px;\n      font-weight: 400;\n      line-height: 1.15;\n      color: #f0ece4;\n      margin-bottom: 1.25rem;\n      position: relative;\n      z-index: 1;\n    }\n    .hero-headline em { font-style: italic; color: #b8900a; }\n\n    .hero-body {\n      font-size: 15px;\n      font-weight: 300;\n      color: rgba(240,236,228,0.65);\n      max-width: 520px;\n      line-height: 1.8;\n      position: relative;\n      z-index: 1;\n      margin: 0 auto;\n    }\n\n    \/* STATS BAR *\/\n    .stats-bar {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 1rem;\n      margin-bottom: 2rem;\n    }\n    .stat {\n      background: var(--surface);\n      border: 1px solid var(--border);\n      border-radius: var(--radius);\n      padding: 1.1rem 0.75rem;\n      text-align: center;\n    }\n    .stat-value {\n      font-family: 'Playfair Display', serif;\n      font-size: 18px;\n      color: var(--text-primary);\n      display: block;\n      margin-bottom: 3px;\n      line-height: 1.3;\n    }\n    .stat-label {\n      font-size: 11px;\n      color: var(--text-muted);\n      letter-spacing: 0.06em;\n      text-transform: uppercase;\n    }\n\n    \/* SCENE STRIP *\/\n    .scene-strip {\n      background: var(--surface);\n      border: 1px solid var(--border);\n      border-radius: var(--radius);\n      padding: 2rem;\n      margin-bottom: 2rem;\n      display: flex;\n      align-items: center;\n      gap: 2rem;\n      overflow: hidden;\n    }\n    .scene-svg { flex-shrink: 0; }\n    .scene-text { flex: 1; }\n    .scene-text p {\n      font-size: 14px;\n      color: var(--text-secondary);\n      line-height: 1.8;\n      margin-bottom: 0.75rem;\n      text-align: center;\n    }\n    .scene-text p:last-child { margin-bottom: 0; }\n\n    \/* SECTION LABEL *\/\n    .section-label {\n      font-size: 11px;\n      font-weight: 500;\n      letter-spacing: 0.16em;\n      text-transform: uppercase;\n      color: var(--text-muted);\n      margin-bottom: 1.25rem;\n      text-align: center;\n    }\n\n    \/* FEATURE CARDS *\/\n    .features-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 1rem;\n      margin-bottom: 2rem;\n    }\n    .feature-card {\n      background: var(--surface);\n      border: 1px solid var(--border);\n      border-radius: var(--radius);\n      padding: 1.4rem 1.25rem;\n      text-align: center;\n      transition: border-color 0.2s, box-shadow 0.2s;\n    }\n    .feature-card:hover {\n      border-color: var(--gold);\n      box-shadow: 0 2px 16px rgba(184,144,10,0.08);\n    }\n    .feature-icon {\n      width: 44px;\n      height: 44px;\n      background: var(--gold-light);\n      border-radius: 11px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 20px;\n      color: var(--gold);\n      margin: 0 auto 0.9rem;\n    }\n    .feature-title {\n      font-size: 14px;\n      font-weight: 500;\n      color: var(--text-primary);\n      margin-bottom: 0.4rem;\n    }\n    .feature-body {\n      font-size: 13px;\n      color: var(--text-secondary);\n      line-height: 1.65;\n    }\n\n    \/* USE CASES — 3 ways to use *\/\n    .use-cases {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 1rem;\n      margin-bottom: 2rem;\n    }\n    .use-card {\n      background: var(--surface);\n      border: 1px solid var(--border);\n      border-radius: var(--radius);\n      padding: 1.4rem 1.25rem;\n      text-align: center;\n      transition: border-color 0.2s, box-shadow 0.2s;\n    }\n    .use-card:hover {\n      border-color: var(--gold);\n      box-shadow: 0 2px 16px rgba(184,144,10,0.08);\n    }\n    .use-icon {\n      width: 44px;\n      height: 44px;\n      background: var(--gold-light);\n      border-radius: 11px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 20px;\n      color: var(--gold);\n      margin: 0 auto 0.9rem;\n    }\n    .use-title {\n      font-size: 14px;\n      font-weight: 500;\n      color: var(--text-primary);\n      margin-bottom: 0.4rem;\n    }\n    .use-body {\n      font-size: 13px;\n      color: var(--text-secondary);\n      line-height: 1.65;\n    }\n\n    \/* SPECS TABLE *\/\n    .specs-block {\n      background: var(--surface);\n      border: 1px solid var(--border);\n      border-radius: var(--radius);\n      overflow: hidden;\n      margin-bottom: 2rem;\n    }\n    .specs-header {\n      padding: 1.25rem 1.5rem;\n      border-bottom: 1px solid var(--border);\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--text-primary);\n      letter-spacing: 0.04em;\n      background: var(--surface-2);\n      text-align: center;\n    }\n    .spec-row {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      padding: 0.9rem 1.5rem;\n      border-bottom: 1px solid var(--border);\n    }\n    .spec-row:last-child { border-bottom: none; }\n    .spec-key { font-size: 13px; color: var(--text-muted); }\n    .spec-val { font-size: 13px; font-weight: 500; color: var(--text-primary); text-align: right; }\n\n    \/* CTA *\/\n    .cta-block {\n      background: linear-gradient(135deg, #1a1814 0%, #2e2820 100%);\n      border-radius: var(--radius);\n      padding: 2.5rem;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      text-align: center;\n      gap: 1.5rem;\n      position: relative;\n      overflow: hidden;\n    }\n    .cta-block::before {\n      content: '';\n      position: absolute;\n      top: -50px; right: -50px;\n      width: 160px; height: 160px;\n      border-radius: 50%;\n      background: rgba(184,144,10,0.07);\n    }\n    .cta-text { position: relative; z-index: 1; }\n    .cta-quote {\n      font-family: 'Playfair Display', serif;\n      font-size: 22px;\n      font-style: italic;\n      color: #f0ece4;\n      line-height: 1.45;\n      margin-bottom: 0.6rem;\n    }\n    .cta-sub {\n      font-size: 13px;\n      color: rgba(240,236,228,0.5);\n      max-width: 480px;\n      margin: 0 auto;\n      line-height: 1.6;\n    }\n    .cta-btn {\n      background: var(--gold);\n      color: #ffffff;\n      border: none;\n      border-radius: 10px;\n      padding: 14px 36px;\n      font-family: 'DM Sans', sans-serif;\n      font-size: 14px;\n      font-weight: 600;\n      cursor: pointer;\n      letter-spacing: 0.02em;\n      transition: opacity 0.2s;\n      position: relative;\n      z-index: 1;\n    }\n    .cta-btn:hover { opacity: 0.88; }\n\n    \/* TRUST BAR *\/\n    .trust-bar {\n      display: flex;\n      justify-content: center;\n      gap: 2rem;\n      margin-top: 1.5rem;\n      flex-wrap: wrap;\n    }\n    .trust-item {\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      font-size: 12px;\n      color: rgba(240,236,228,0.45);\n    }\n    .trust-item i { color: #b8900a; font-size: 14px; }\n\n    \/* RESPONSIVE *\/\n    @media (max-width: 640px) {\n      .hero { padding: 2rem 1.5rem; }\n      .hero-headline { font-size: 28px; }\n      .stats-bar { grid-template-columns: repeat(3, 1fr); }\n      .scene-strip { flex-direction: column; gap: 1rem; }\n      .features-grid { grid-template-columns: 1fr 1fr; }\n      .use-cases { grid-template-columns: 1fr; }\n    }\n    @media (max-width: 420px) {\n      .features-grid { grid-template-columns: 1fr; }\n      .stats-bar { grid-template-columns: repeat(2, 1fr); }\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"page\"\u003e\n\u003c!-- BREADCRUMB --\u003e\n\u003cdiv class=\"breadcrumb\"\u003eBoundless Base \u003ci class=\"ti ti-chevron-right\"\u003e\u003c\/i\u003e Overland Accessories \u003ci class=\"ti ti-chevron-right\"\u003e\u003c\/i\u003e \u003cspan\u003ePrivacy Shower Tent\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"hero\"\u003e\n\u003cdiv class=\"hero-eyebrow\"\u003ePointed toward adventures\u003c\/div\u003e\n\u003ch1 class=\"hero-headline\"\u003eYour Private Space.\u003cbr\u003e\u003cem\u003eAnywhere You Camp.\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hero-body\"\u003eA spacious, fully private shower and changing tent — built from a rugged aluminum alloy frame and 420D Oxford cloth so it stands firm in any weather, day or night.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- STATS BAR --\u003e\n\u003cdiv class=\"stats-bar\"\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e420D\u003c\/span\u003e \u003cspan class=\"stat-label\"\u003eOxford cloth\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eAluminum\u003c\/span\u003e \u003cspan class=\"stat-label\"\u003eAlloy frame\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003eLED\u003c\/span\u003e \u003cspan class=\"stat-label\"\u003eLight included\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SCENE STRIP --\u003e\n\u003cdiv class=\"scene-strip\"\u003e\n\u003cdiv class=\"scene-svg\"\u003e\u003csvg width=\"180\" height=\"130\" viewbox=\"0 0 180 130\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n          \n          \u003crect x=\"0\" y=\"112\" width=\"180\" height=\"18\" rx=\"3\" fill=\"#eceae4\"\u003e\u003c\/rect\u003e\n          \u003crect x=\"0\" y=\"0\" width=\"180\" height=\"112\" fill=\"#f5f4f1\"\u003e\u003c\/rect\u003e\n          \n          \u003cellipse cx=\"28\" cy=\"75\" rx=\"18\" ry=\"28\" fill=\"#dddad3\"\u003e\u003c\/ellipse\u003e\n          \u003crect x=\"25\" y=\"95\" width=\"6\" height=\"17\" rx=\"2\" fill=\"#ccc9c0\"\u003e\u003c\/rect\u003e\n          \u003cellipse cx=\"155\" cy=\"78\" rx=\"16\" ry=\"24\" fill=\"#dddad3\"\u003e\u003c\/ellipse\u003e\n          \u003crect x=\"152\" y=\"96\" width=\"5\" height=\"16\" rx=\"2\" fill=\"#ccc9c0\"\u003e\u003c\/rect\u003e\n          \n          \u003ccircle cx=\"70\" cy=\"14\" r=\"1.2\" fill=\"#b8900a\" opacity=\"0.5\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"100\" cy=\"8\" r=\"1\" fill=\"#b8900a\" opacity=\"0.4\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"130\" cy=\"16\" r=\"1.2\" fill=\"#b8900a\" opacity=\"0.5\"\u003e\u003c\/circle\u003e\n          \n          \u003ccircle cx=\"148\" cy=\"18\" r=\"8\" fill=\"#eceae4\" opacity=\"0.5\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"152\" cy=\"16\" r=\"6\" fill=\"#dddad3\" opacity=\"0.8\"\u003e\u003c\/circle\u003e\n\n          \n          \u003crect x=\"60\" y=\"38\" width=\"60\" height=\"74\" rx=\"3\" fill=\"#eceae4\" stroke=\"#dddad3\" stroke-width=\"1.2\"\u003e\u003c\/rect\u003e\n          \n          \u003cline x1=\"60\" y1=\"58\" x2=\"120\" y2=\"58\" stroke=\"#dddad3\" stroke-width=\"0.6\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"60\" y1=\"78\" x2=\"120\" y2=\"78\" stroke=\"#dddad3\" stroke-width=\"0.6\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"60\" y1=\"98\" x2=\"120\" y2=\"98\" stroke=\"#dddad3\" stroke-width=\"0.6\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"80\" y1=\"38\" x2=\"80\" y2=\"112\" stroke=\"#dddad3\" stroke-width=\"0.6\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"100\" y1=\"38\" x2=\"100\" y2=\"112\" stroke=\"#dddad3\" stroke-width=\"0.6\"\u003e\u003c\/line\u003e\n          \n          \u003cpath d=\"M90 55 L90 112\" stroke=\"#b8900a\" stroke-width=\"1\" stroke-dasharray=\"4,3\" opacity=\"0.5\"\u003e\u003c\/path\u003e\n          \u003ccircle cx=\"90\" cy=\"84\" r=\"3\" fill=\"#b8900a\" opacity=\"0.4\"\u003e\u003c\/circle\u003e\n          \n          \u003cpath d=\"M58 38 L90 22 L122 38 Z\" fill=\"#dddad3\" stroke=\"#b8900a\" stroke-width=\"1\"\u003e\u003c\/path\u003e\n          \n          \u003crect x=\"59\" y=\"37\" width=\"5\" height=\"5\" rx=\"1\" fill=\"#4a4540\"\u003e\u003c\/rect\u003e\n          \u003crect x=\"116\" y=\"37\" width=\"5\" height=\"5\" rx=\"1\" fill=\"#4a4540\"\u003e\u003c\/rect\u003e\n          \u003crect x=\"59\" y=\"108\" width=\"5\" height=\"5\" rx=\"1\" fill=\"#4a4540\"\u003e\u003c\/rect\u003e\n          \u003crect x=\"116\" y=\"108\" width=\"5\" height=\"5\" rx=\"1\" fill=\"#4a4540\"\u003e\u003c\/rect\u003e\n          \n          \u003cellipse cx=\"90\" cy=\"46\" rx=\"15\" ry=\"5\" fill=\"rgba(184,144,10,0.2)\"\u003e\u003c\/ellipse\u003e\n          \u003ccircle cx=\"90\" cy=\"42\" r=\"4\" fill=\"rgba(184,144,10,0.35)\"\u003e\u003c\/circle\u003e\n          \u003ccircle cx=\"90\" cy=\"42\" r=\"2\" fill=\"#b8900a\" opacity=\"0.6\"\u003e\u003c\/circle\u003e\n          \n          \u003cline x1=\"90\" y1=\"36\" x2=\"90\" y2=\"34\" stroke=\"#b8900a\" stroke-width=\"0.8\" opacity=\"0.4\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"95\" y1=\"38\" x2=\"97\" y2=\"36\" stroke=\"#b8900a\" stroke-width=\"0.8\" opacity=\"0.4\"\u003e\u003c\/line\u003e\n          \u003cline x1=\"85\" y1=\"38\" x2=\"83\" y2=\"36\" stroke=\"#b8900a\" stroke-width=\"0.8\" opacity=\"0.4\"\u003e\u003c\/line\u003e\n          \n          \u003cellipse cx=\"90\" cy=\"120\" rx=\"30\" ry=\"4\" fill=\"rgba(184,144,10,0.07)\"\u003e\u003c\/ellipse\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"scene-text\"\u003e\n\u003cp\u003eComplete privacy and generous interior space — use it as a shower room, bathroom, or changing area wherever you're camped, from provincial parks to remote backcountry sites.\u003c\/p\u003e\n\u003cp\u003eThe aluminum alloy frame and 420D Oxford cloth construction keep it stable and shielded even in wind and rain.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURE CARDS --\u003e\n\u003cp class=\"section-label\"\u003eBuilt for comfort. Built for the outdoors.\u003c\/p\u003e\n\u003cdiv class=\"features-grid\"\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e\n\u003ci class=\"ti ti-lock\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cp class=\"feature-title\"\u003eComplete Privacy\u003c\/p\u003e\n\u003cp class=\"feature-body\"\u003eFully enclosed walls with secure zippered door give you a private, comfortable space — no matter how busy the campsite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e\n\u003ci class=\"ti ti-atom\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cp class=\"feature-title\"\u003eAluminum Alloy Frame\u003c\/p\u003e\n\u003cp class=\"feature-body\"\u003eA sturdy aluminum alloy skeleton provides structural stability in bad weather — resists bending, corrosion, and the elements trip after trip.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e\n\u003ci class=\"ti ti-bulb\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cp class=\"feature-title\"\u003eBuilt-in LED Light\u003c\/p\u003e\n\u003cp class=\"feature-body\"\u003eAn included LED light means full usability after dark — no fumbling with headlamps, no losing track of your gear in the dark.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 3 WAYS TO USE IT --\u003e\n\u003cp class=\"section-label\"\u003eThree ways to use it at camp\u003c\/p\u003e\n\u003cdiv class=\"use-cases\"\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-icon\"\u003e\n\u003ci class=\"ti ti-shower\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cp class=\"use-title\"\u003eShower Room\u003c\/p\u003e\n\u003cp class=\"use-body\"\u003eHang a solar camp shower inside and enjoy a proper rinse after a long day on the trail — with full walls and complete enclosure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-icon\"\u003e\n\u003ci class=\"ti ti-shirt\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cp class=\"use-title\"\u003eChanging Room\u003c\/p\u003e\n\u003cp class=\"use-body\"\u003eA spacious, private changing area for the whole family — no more contorting in the back of the car or waiting for everyone to look away.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"use-card\"\u003e\n\u003cdiv class=\"use-icon\"\u003e\n\u003ci class=\"ti ti-toilet-paper\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cp class=\"use-title\"\u003eToilet Enclosure\u003c\/p\u003e\n\u003cp class=\"use-body\"\u003ePair with a portable camp toilet for a proper bathroom setup at any site — comfort and dignity wherever you park for the night.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SPECS TABLE --\u003e\n\u003cp class=\"section-label\"\u003eSpecifications\u003c\/p\u003e\n\u003cdiv class=\"specs-block\"\u003e\n\u003cdiv class=\"specs-header\"\u003ePrivacy Shower Tent — Key Specs\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eFrame material\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003eAluminum alloy\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eFabric\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003e420D Oxford cloth\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003ePrivacy\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003eFully enclosed — zippered door\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eLighting\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003eLED light included\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eWeather resistance\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003eStable in wind, rain \u0026amp; bad weather\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eUse cases\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003eShower, changing room, toilet enclosure\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eCompatible with\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003eRooftop tent awning \u0026amp; annex setups\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- CTA --\u003e\n\u003cdiv class=\"cta-block\"\u003e\n\u003cdiv class=\"cta-text\"\u003e\n\u003cp class=\"cta-quote\"\u003e\"Comfort and privacy — wherever the road takes you.\"\u003c\/p\u003e\n\u003cp class=\"cta-sub\"\u003eAdd the Privacy Shower Tent to your overland setup and bring the comforts of home to every campsite.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"cta-btn\"\u003eAdd to Cart — Shop Now\u003c\/button\u003e\n\u003cdiv class=\"trust-bar\"\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003ci class=\"ti ti-truck\"\u003e\u003c\/i\u003e Free shipping across Canada\u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003ci class=\"ti ti-shield-check\"\u003e\u003c\/i\u003e 2-year warranty\u003c\/div\u003e\n\u003cdiv class=\"trust-item\"\u003e\n\u003ci class=\"ti ti-headset\"\u003e\u003c\/i\u003e Expert gear support\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Boundless Base","offers":[{"title":"Default Title","offer_id":44241116168235,"sku":null,"price":299.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0681\/0717\/3931\/files\/1_6.png?v=1779255750"}],"url":"https:\/\/boundlessbase.com\/collections\/roof-top-tant-annex.oembed","provider":"Boundless Base","version":"1.0","type":"link"}