{"product_id":"vehicles-and-parts-example-product-4","title":"Boundless Superior - Premium enjoyment for outdoor","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\u003e \u003clink rel=\"stylesheet\" 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\"\u003e \u003clink href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/tabler-icons.min.css\" rel=\"stylesheet\"\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       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 *\/\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: 17px;\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(2, 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      text-align: center;\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-buttons {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 0.75rem;\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      max-width: 320px;\n    }\n    .cta-btn-primary {\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      width: 100%;\n    }\n    .cta-btn-primary:hover { opacity: 0.88; }\n    .cta-btn-secondary {\n      background: transparent;\n      color: rgba(240,236,228,0.6);\n      border: 0.5px solid rgba(240,236,228,0.2);\n      border-radius: 10px;\n      padding: 12px 36px;\n      font-family: 'DM Sans', sans-serif;\n      font-size: 13px;\n      cursor: pointer;\n      letter-spacing: 0.02em;\n      transition: border-color 0.2s;\n      width: 100%;\n    }\n    .cta-btn-secondary:hover { border-color: rgba(184,144,10,0.4); }\n\n    \/* TRUST BAR *\/\n    .trust-bar {\n      display: flex;\n      justify-content: center;\n      gap: 2rem;\n      margin-top: 0.5rem;\n      flex-wrap: wrap;\n      position: relative;\n      z-index: 1;\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; }\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 Rooftop Tents \u003ci class=\"ti ti-chevron-right\"\u003e\u003c\/i\u003e \u003cspan\u003eOntario Rooftop Tent\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"hero\"\u003e\n\u003cdiv class=\"hero-eyebrow\"\u003eBoundless Base · Rooftop Tents\u003c\/div\u003e\n\u003ch1 class=\"hero-headline\"\u003eBoundless Superior\u003cbr\u003e\u003cem\u003ePremium enjoyment for outdoor\u003c\/em\u003e\n\u003c\/h1\u003e\n\u003cp class=\"hero-body\"\u003eNo more fumbling in the dark. No more wrestling with poles. Just unlock, lift slightly, and you're home — anywhere the road takes you.\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\"\u003e2 adults\u003cbr\u003e2 kids\u003c\/span\u003e \u003cspan class=\"stat-label\"\u003eSleeps\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003e30 cm\u003c\/span\u003e \u003cspan class=\"stat-label\"\u003eLow profile\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"stat\"\u003e\n\u003cspan class=\"stat-value\"\u003ePU3000\u003c\/span\u003e \u003cspan class=\"stat-label\"\u003eWATERPROOF\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 xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewbox=\"0 0 220 160\" height=\"130\" width=\"180\"\u003e\n          \u003crect stroke-width=\"1\" stroke=\"#ccc9c0\" fill=\"#dddad3\" rx=\"3\" height=\"10\" width=\"180\" y=\"128\" x=\"20\"\u003e\u003c\/rect\u003e\n          \u003crect stroke-width=\"1\" stroke=\"#dddad3\" fill=\"#eceae4\" rx=\"4\" height=\"30\" width=\"160\" y=\"100\" x=\"30\"\u003e\u003c\/rect\u003e\n          \u003cpath stroke-width=\"1.5\" stroke=\"#b8900a\" fill=\"#1a1814\" d=\"M30 100 Q110 55 190 100 Z\"\u003e\u003c\/path\u003e\n          \u003cpath fill=\"none\" stroke-width=\"1\" stroke=\"rgba(184,144,10,0.35)\" d=\"M50 92 Q110 62 170 92\"\u003e\u003c\/path\u003e\n          \u003crect stroke-width=\"1\" stroke=\"#ccc9c0\" fill=\"#dddad3\" rx=\"2\" height=\"35\" width=\"6\" y=\"100\" x=\"185\"\u003e\u003c\/rect\u003e\n          \u003cline stroke-width=\"1\" stroke=\"#ccc9c0\" y2=\"110\" x2=\"191\" y1=\"110\" x1=\"185\"\u003e\u003c\/line\u003e\n          \u003cline stroke-width=\"1\" stroke=\"#ccc9c0\" y2=\"118\" x2=\"191\" y1=\"118\" x1=\"185\"\u003e\u003c\/line\u003e\n          \u003cline stroke-width=\"1\" stroke=\"#ccc9c0\" y2=\"126\" x2=\"191\" y1=\"126\" x1=\"185\"\u003e\u003c\/line\u003e\n          \u003ccircle stroke-width=\"1\" stroke=\"rgba(184,144,10,0.6)\" fill=\"none\" r=\"5\" cy=\"115\" cx=\"55\"\u003e\u003c\/circle\u003e\n          \u003ctext font-family=\"sans-serif\" fill=\"rgba(184,144,10,0.8)\" font-size=\"6\" y=\"118\" x=\"52.5\"\u003e12V\u003c\/text\u003e\n          \u003cellipse fill=\"rgba(184,144,10,0.06)\" ry=\"5\" rx=\"70\" cy=\"138\" cx=\"110\"\u003e\u003c\/ellipse\u003e\n        \u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"scene-text\"\u003e\n\u003cp\u003eThe Superior Rooftop Tent features an aerodynamic ABS hardshell and a gas strut EasyOpen system — set up in seconds, packed down just as fast.\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eBuilt for Canadian weather with all-season rain protection and integrated LED light strips so your tent is always lit up at camp.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FEATURE CARDS --\u003e\n\u003cp class=\"section-label\"\u003eWhy the Ontario?\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-bolt\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cp class=\"feature-title\"\u003eSet Up in Seconds\u003c\/p\u003e\n\u003cp class=\"feature-body\"\u003eThe EasyOpen gas strut system does the heavy lifting for you. Unlock, lift slightly, and the tent deploys itself. Tear-down is just as fast — no fumbling, no instructions needed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e\n\u003ci class=\"ti ti-plug\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cp class=\"feature-title\"\u003eIntegrated LED Light Strips\u003c\/p\u003e\n\u003cp class=\"feature-body\"\u003eBuilt-in LED light strips illuminate the interior so you can read, find gear, or wind down after dark — no headlamp required, no fumbling for a torch.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e\n\u003ci class=\"ti ti-cloud-rain\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cp class=\"feature-title\"\u003eAll-Weather Confidence\u003c\/p\u003e\n\u003cp class=\"feature-body\"\u003eThe rugged ABS hardshell and premium tent fabric deliver uncompromising rain protection. Sleep soundly while the storm rolls through — this is built for Canadian weather.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-card\"\u003e\n\u003cdiv class=\"feature-icon\"\u003e\n\u003ci class=\"ti ti-wind\"\u003e\u003c\/i\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cp class=\"feature-title\"\u003eAerodynamic by Design\u003c\/p\u003e\n\u003cp class=\"feature-body\"\u003eAt just 30 cm folded, the sleek black ABS shell cuts through the air cleanly, minimizing drag on the highway so you don't sacrifice fuel economy for adventure.\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\"\u003eOntario Rooftop Tent — Key Specs\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eShell material\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003eABS hardshell — glossy black\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eSleeping area\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003e190 x 210 cm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eClosed Size\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003e190 x 125 x 30 cm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eTent weight\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003e108 kg\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eOpening mechanism\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003eGas strut EasyOpen system\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eLight\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003eIntegrated LED light strips\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eWeather protection\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003eAll-season rain-rated shell \u0026amp; fabric\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-key\"\u003eCompatibility\u003c\/span\u003e \u003cspan class=\"spec-val\"\u003eUniversal roof rack mount\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\"The only tent that makes you feel guilty for ever sleeping indoors.\"\u003c\/p\u003e\n\u003cp class=\"cta-sub\"\u003eBuilt for Canadian weather, designed for every adventure. Find your Ontario Rooftop Tent today.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cta-buttons\"\u003e\n\u003cbutton class=\"cta-btn-primary\"\u003eAdd to Cart — Shop Now\u003c\/button\u003e \u003cbutton class=\"cta-btn-secondary\"\u003eAsk a Question\u003c\/button\u003e\n\u003c\/div\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":43966905810987,"sku":null,"price":3699.0,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0681\/0717\/3931\/files\/Gemini_Generated_Image_sb998jsb998jsb99.png?v=1779944654","url":"https:\/\/boundlessbase.com\/products\/vehicles-and-parts-example-product-4","provider":"Boundless Base","version":"1.0","type":"link"}