{"product_id":"james-baroud-vision-rooftop-tent","title":"James Baroud VISION Rooftop Tent","description":"\u003c!-- Beginning of section of the table with two columns - Title + Motivational --\u003e\n\u003cstyle\u003e\n  @media (max-width: 768px) {\n    .mobile-space-top {\n      margin-top: 16px !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; font-family: 'Open Sans', sans-serif; padding: 20px 20px;\"\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; gap: 40px;\" class=\"specs-columns\"\u003e\n\u003cdiv style=\"flex: 1 1 45%;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Beginning of sizes --\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; font-family: 'Open Sans', sans-serif; padding: 0px 20px;\"\u003e\n\u003ch2 style=\"font-size: 28px; font-weight: 800; margin: 0 0 20px 0;\"\u003eSIZES\u003c\/h2\u003e\n\u003ctable style=\"width: 100%; border-collapse: collapse; font-size: 16px;\"\u003e\n\u003cthead\u003e\n\u003ctr style=\"border-bottom: 2px solid #ccc;\"\u003e\n\u003cth style=\"text-align: left; padding: 0px;\"\u003e \u003c\/th\u003e\n\u003cth style=\"padding: 10px;\"\u003eLength\u003c\/th\u003e\n\u003cth style=\"padding: 10px;\"\u003eOpen Width\u003c\/th\u003e\n\u003cth style=\"padding-top: 10px; padding-right: 10px; padding-bottom: 10px;\"\u003eClose Width\u003c\/th\u003e\n\u003cth style=\"padding: 10px;\"\u003eClose Height\u003c\/th\u003e\n\u003cth style=\"padding: 10px;\"\u003eWeight\u003csup\u003e2\u003c\/sup\u003e\n\u003c\/th\u003e\n\u003cth style=\"padding: 10px;\"\u003eCapacity\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr style=\"border-bottom: 1px solid #ccc;\"\u003e\n\u003ctd style=\"font-weight: bold; padding: 12px;\"\u003e150\u003c\/td\u003e\n\u003ctd style=\"padding: 12px;\"\u003e150cm\u003cbr\u003e\u003cspan style=\"font-size: 14px;\"\u003e59″\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 12px;\"\u003e220cm\u003cbr\u003e\u003cspan style=\"font-size: 14px;\"\u003e87″\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 12px;\"\u003e115cm\u003cbr\u003e\u003cspan style=\"font-size: 14px;\"\u003e45″\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 12px;\"\u003e33.5cm\u003cbr\u003e\u003cspan style=\"font-size: 14px;\"\u003e13″\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 12px;\"\u003e47kg\u003cbr\u003e\u003cspan style=\"font-size: 14px;\"\u003e104lbs\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 12px; font-size: 20px;\"\u003e👤👤👶\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr style=\"border-bottom: 1px solid #ccc;\"\u003e\n\u003ctd style=\"font-weight: bold; padding: 12px;\"\u003e180\u003c\/td\u003e\n\u003ctd style=\"padding: 12px;\"\u003e180cm\u003cbr\u003e\u003cspan style=\"font-size: 14px;\"\u003e71″\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 12px;\"\u003e\u003cspan style=\"font-size: 14px;\"\u003e220cm\u003cbr\u003e87″\u003c\/span\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 12px;\"\u003e115cm\u003cbr\u003e\u003cspan style=\"font-size: 14px;\"\u003e45″\u003c\/span\u003e\u003cspan style=\"font-size: 14px;\"\u003e\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 12px;\"\u003e33.5cm\u003cbr\u003e\u003cspan style=\"font-size: 14px;\"\u003e13″\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 12px;\"\u003e57kg\u003cbr\u003e\u003cspan style=\"font-size: 14px;\"\u003e126lbs\u003c\/span\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 12px; font-size: 20px;\"\u003e👤👤👶👶\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd style=\"font-weight: bold; padding: 12px;\"\u003e\u003cbr\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 12px;\"\u003e\n\u003cbr\u003e\u003cbr\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 12px;\"\u003e\n\u003cbr\u003e\u003cbr\u003e\n\u003c\/td\u003e\n\u003ctd style=\"padding: 12px;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 12px;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 12px;\"\u003e\u003c\/td\u003e\n\u003ctd style=\"padding: 12px; font-size: 20px;\"\u003e\u003cbr\u003e\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv style=\"margin-top: 12px; font-size: 12px; color: #555;\"\u003e\n\u003cp style=\"margin: 4px 0;\"\u003e\u003csup\u003e1\u003c\/sup\u003e Internal measurements\u003c\/p\u003e\n\u003cp style=\"margin: 4px 0;\"\u003e\u003csup\u003e2\u003c\/sup\u003e Without Ladder. 5% weight variation due to handmade manufacturing process.\u003c\/p\u003e\n\u003cp style=\"margin: 4px 0;\"\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- End of sizes --\u003e\u003c!-- Beginning of Features--\u003e\n\u003cdiv style=\"display: flex; flex-wrap: wrap; font-family: 'Open Sans', sans-serif; max-width: 1200px; margin: 0 auto; color: #000; line-height: 1.6;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- end of images carrousel --\u003e\n\u003cdiv class=\"video-carousel-wrapper\"\u003e\u003cbutton class=\"carousel-arrow right\"\u003e›\u003c\/button\u003e\u003c\/div\u003e\n\u003cdiv id=\"videoModal\" class=\"video-modal\"\u003e\n\u003cspan class=\"close-btn\"\u003e×\u003c\/span\u003e \u003ciframe id=\"modalIframe\"\u003e\u003c\/iframe\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-grid-wrapper\"\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003cdiv class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-faf52d1\" data-v=\"4\" data-block-id=\"faf52d1\"\u003e\n\u003cdiv class=\"stk-column-wrapper stk-block-column__content stk-container stk-faf52d1-container stk--no-background stk--no-padding\"\u003e\n\u003cdiv class=\"stk--column-flex stk-block-content stk-inner-blocks stk-faf52d1-inner-blocks\"\u003e\n\u003cdiv class=\"wp-block-stackable-text stk-block-text stk-block stk-8ad4748\" data-block-id=\"8ad4748\"\u003e\n\u003cp class=\"stk-block-text__text\"\u003e\u003cstrong\u003eIn the box\u003c\/strong\u003e: Rooftop tent, tent cover, Ladder with cover, Mattress with cover, Portable Light, Clamps kit (6 units), product manual and warranty information\u003c\/p\u003e\n\u003cp class=\"stk-block-text__text\"\u003e \u003c\/p\u003e\n\u003cp class=\"stk-block-text__text\"\u003e \u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- End of diff value prop --\u003e\n\u003cstyle\u003e\n  @media (max-width: 768px) {\n    .specs-columns {\n      flex-direction: column !important;\n      gap: 16px !important; \/* reduced vertical spacing *\/\n    }\n\n    .specs-columns \u003e div {\n      flex: 1 1 100% !important;\n    }\n  }\n\u003c\/style\u003e\n\u003cstyle\u003e\n  .video-carousel-wrapper {\n    position: relative;\n    max-width: 100%;\n    margin: auto;\n    overflow: hidden;\n  }\n\n  .video-carousel-container {\n    display: flex;\n    gap: 16px;\n    scroll-behavior: smooth;\n    overflow-x: auto;\n    scroll-snap-type: x mandatory;\n    padding: 8px;\n  }\n\n  .video-carousel-container::-webkit-scrollbar {\n    display: none;\n  }\n\n  .video-carousel-container img {\n    height: 220px;\n    width: auto;\n    flex-shrink: 0;\n    object-fit: cover;\n    cursor: pointer;\n    border-radius: 8px;\n    scroll-snap-align: start;\n    transition: transform 0.3s ease;\n  }\n\n  .video-carousel-container img:hover {\n    transform: scale(1.05);\n    z-index: 2;\n  }\n\n  .carousel-arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background-color: rgba(255, 255, 255, 0.7);\n    border: none;\n    padding: 10px;\n    cursor: pointer;\n    z-index: 3;\n    font-size: 24px;\n  }\n\n  .carousel-arrow.left {\n    left: 0;\n  }\n\n  .carousel-arrow.right {\n    right: 0;\n  }\n\n  \/* Modal *\/\n  .video-modal {\n    display: none;\n    position: fixed;\n    z-index: 9999;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.9);\n    justify-content: center;\n    align-items: center;\n    padding: 20px;\n  }\n\n  .video-modal iframe {\n    width: 100%;\n    max-width: 900px;\n    height: 80vh;\n    border: none;\n  }\n\n  .video-modal .close-btn {\n    position: absolute;\n    top: 20px;\n    right: 30px;\n    font-size: 36px;\n    color: white;\n    cursor: pointer;\n  }\n\n  @media (max-width: 768px) {\n    .video-carousel-container img {\n      height: 180px;\n    }\n\n    .carousel-arrow {\n      font-size: 20px;\n      padding: 8px;\n    }\n  }\n\u003c\/style\u003e\n\u003cstyle\u003e\n  .carousel-wrapper {\n    position: relative;\n    max-width: 100%;\n    margin: auto;\n    overflow: hidden;\n  }\n\n  .carousel-container {\n    display: flex;\n    gap: 16px;\n    scroll-behavior: smooth;\n    overflow-x: auto;\n    scroll-snap-type: x mandatory;\n    padding: 8px;\n  }\n\n  .carousel-container::-webkit-scrollbar {\n    display: none;\n  }\n\n  .carousel-container img {\n    height: 300px;\n    width: auto;\n    object-fit: cover;\n    flex-shrink: 0;\n    scroll-snap-align: start;\n    transition: transform 0.3s ease;\n    border-radius: 4px;\n  }\n\n  .carousel-container img:hover {\n    transform: scale(1.05);\n    z-index: 2;\n  }\n\n  .carousel-arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background-color: rgba(255, 255, 255, 0.7);\n    border: none;\n    padding: 10px;\n    cursor: pointer;\n    z-index: 3;\n    font-size: 24px;\n  }\n\n  .carousel-arrow.left {\n    left: 0;\n  }\n\n  .carousel-arrow.right {\n    right: 0;\n  }\n\n  @media (max-width: 768px) {\n    .carousel-container img {\n      height: 250px;\n    }\n\n    .carousel-arrow {\n      font-size: 20px;\n      padding: 8px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"carousel-wrapper\"\u003e\n\u003cbutton class=\"carousel-arrow left\"\u003e‹\u003c\/button\u003e\n\u003ch2 style=\"font-size: 28px; font-weight: 800; margin-bottom: 30px;\"\u003eGET INSPIRED\u003c\/h2\u003e\n\u003cdiv class=\"carousel-container\" id=\"carousel\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/James_Baroud_Grand_Raid_White_1x1_4.png?v=1749264935\" alt=\"Image 1\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/James_Baroud_Grand_Raid_Black_1x1_8.png?v=1749264929\" alt=\"Image 2\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/James_Baroud_Grand_Raid_Black_1x1_6.png?v=1749264929\" alt=\"Image 3\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/James_Baroud_Grand_Raid_Black_1x1_5.png?v=1749264929\" alt=\"Image 4\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/James_Baroud_Grand_Raid_White_1x1_6.png?v=1749264935\" alt=\"Image 5\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/James_Baroud_Grand_Raid_Black_1x1_4.png?v=1749264929\" alt=\"Image 6\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/James_Baroud_Grand_Raid_White_1x1_7.png?v=1749264935\" alt=\"Image 7\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/James_Baroud_Grand_Raid_White_1x1_5.png?v=1749264935\" alt=\"Image 8\"\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"carousel-arrow right\"\u003e›\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"max-width: 1000px; margin: 0 auto; font-family: 'Open Sans', sans-serif; padding: 20px 20px;\"\u003e\n\u003cdiv style=\"display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;\"\u003e\n\u003cdiv style=\"flex: 1 1 40%; min-width: 200px;\"\u003e\n\u003ch2 style=\"font-size: 36px; font-weight: 800; margin: 0; line-height: 1.2;\"\u003eABOUT JAMES BAROUD\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003c!-- Right Column --\u003e\n\u003cdiv style=\"flex: 1 1 50%; min-width: 0;\"\u003e\n\u003cp class=\"mobile-space-top\" style=\"font-size: 18px; line-height: 1.6; color: #000; margin: 0;\"\u003e \u003c\/p\u003e\n\u003cp class=\"mobile-space-top\" style=\"font-size: 18px; line-height: 1.6; color: #000; margin: 0;\"\u003eJames Baroud specializes in designing and handcrafting hard-shell rooftop tents known for their durability, aesthetic appeal, and ability to withstand extreme weather conditions. Through seven decades of building the world’s most premium gear, James Baroud elevates life outside to the next level. Redefine your journey with the ultimate rooftop tent.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 style=\"font-size: 28px; font-weight: 800; margin: 0 0 20px 0;\"\u003e\u003c!-- End of section --\u003e\u003c\/h2\u003e\n\u003ch2 style=\"font-size: 28px; font-weight: 800; margin: 0 0 20px 0;\"\u003e\u003c!-- Beginning of specs --\u003e\u003c\/h2\u003e\n\u003cstyle\u003e\n  @media (max-width: 768px) {\n    .specs-columns {\n      flex-direction: column !important;\n      gap: 16px !important;\n    }\n    .specs-columns \u003e div {\n      flex: 1 1 100% !important;\n    }\n  }\n\u003c\/style\u003e\n\u003c!-- end of images carrousel --\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003c!-- Beginning of videos x 3--\u003e\n\u003cstyle\u003e\n  .video-section-wrapper {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px 40px 20px;\n    font-family: 'Open Sans', sans-serif;\n  }\n\n  \/* === CAROUSEL Styles === *\/\n  .video-carousel-wrapper {\n    position: relative;\n    max-width: 100%;\n    margin: 20px 0;\n    overflow: hidden;\n  }\n\n  .video-carousel-container {\n    display: flex;\n    gap: 16px;\n    scroll-behavior: smooth;\n    overflow-x: auto;\n    scroll-snap-type: x mandatory;\n    padding: 8px;\n  }\n\n  .video-carousel-container::-webkit-scrollbar {\n    display: none;\n  }\n\n  .video-carousel-container img {\n    height: 180px;\n    width: auto;\n    flex-shrink: 0;\n    object-fit: cover;\n    cursor: pointer;\n    border-radius: 8px;\n    scroll-snap-align: start;\n    transition: transform 0.3s ease;\n  }\n\n  .video-carousel-container img:hover {\n    transform: scale(1.05);\n    z-index: 2;\n  }\n\n  .carousel-arrow {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    background-color: rgba(255, 255, 255, 0.7);\n    border: none;\n    padding: 10px;\n    cursor: pointer;\n    z-index: 3;\n    font-size: 24px;\n  }\n\n  .carousel-arrow.left {\n    left: 0;\n  }\n\n  .carousel-arrow.right {\n    right: 0;\n  }\n\n  .video-modal {\n    display: none;\n    position: fixed;\n    z-index: 9999;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.9);\n    justify-content: center;\n    align-items: center;\n    padding: 20px;\n  }\n\n  .video-modal iframe {\n    width: 100%;\n    max-width: 900px;\n    height: 80vh;\n    border: none;\n  }\n\n  .video-modal .close-btn {\n    position: absolute;\n    top: 20px;\n    right: 30px;\n    font-size: 36px;\n    color: white;\n    cursor: pointer;\n  }\n\n  \/* === Embedded Videos Grid === *\/\n  .embedded-video-grid {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 24px;\n    justify-content: center;\n    margin-top: 40px;\n  }\n\n  .embedded-video-grid iframe {\n    width: 100%;\n    max-width: 360px;\n    height: 200px;\n    border-radius: 8px;\n    border: none;\n  }\n\n  \/* === Hide\/Show Rules === *\/\n  @media (min-width: 769px) {\n    \/* Desktop - show grid, hide carousel *\/\n    .video-carousel-wrapper {\n      display: none;\n    }\n  }\n\n  @media (max-width: 768px) {\n    \/* Mobile - show carousel, hide grid *\/\n    .embedded-video-grid {\n      display: none;\n    }\n\n    .video-carousel-container img {\n      height: 180px;\n    }\n\n    .carousel-arrow {\n      font-size: 20px;\n      padding: 8px;\n    }\n\n    .embedded-video-grid iframe {\n      max-width: 100%;\n      height: 220px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"video-section-wrapper\"\u003e\n\u003c!-- === MOBILE CAROUSEL === --\u003e\n\u003cdiv class=\"video-carousel-wrapper\"\u003e\n\u003cdiv id=\"videoCarousel\" class=\"video-carousel-container\"\u003e\n\u003cimg alt=\"Video 1\" data-video=\"v3ep1C1_dy4\" src=\"https:\/\/img.youtube.com\/vi\/v3ep1C1_dy4\/hqdefault.jpg\"\u003e \u003cimg alt=\"Video 2\" data-video=\"xCMV4MqxAuM\" src=\"https:\/\/img.youtube.com\/vi\/xCMV4MqxAuM\/hqdefault.jpg\"\u003e \u003cimg alt=\"Video 3\" data-video=\"i-6TWwIekSA\" src=\"https:\/\/img.youtube.com\/vi\/i-6TWwIekSA\/hqdefault.jpg\"\u003e\n\u003c\/div\u003e\n\u003ch2 style=\"font-size: 28px; font-weight: 800; margin: 0 0 20px 0;\"\u003e\u003cbr\u003e\u003c\/h2\u003e\n\u003ch2 style=\"font-size: 28px; font-weight: 800; margin: 0 0 20px 0;\"\u003eWHAT MAKES JAMES BAROUD DIFFERENT\u003c\/h2\u003e\n\u003cbutton class=\"carousel-arrow right\"\u003e›\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c!-- === DESKTOP INLINE EMBEDDED VIDEOS === --\u003e\n\u003cdiv class=\"embedded-video-grid\"\u003e\n\u003ciframe title=\"Video 1\" src=\"https:\/\/www.youtube.com\/embed\/v3ep1C1_dy4\"\u003e\u003c\/iframe\u003e \u003ciframe title=\"Video 2\" src=\"https:\/\/www.youtube.com\/embed\/xCMV4MqxAuM\"\u003e\u003c\/iframe\u003e \u003ciframe title=\"Video 3\" src=\"https:\/\/www.youtube.com\/embed\/i-6TWwIekSA\"\u003e\u003c\/iframe\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Beginning of diff value prop --\u003e\n\u003cstyle\u003e\n  .feature-grid-wrapper {\n    max-width: 1000px;\n    margin: 0 auto 60px auto;\n    padding: 20px;\n    font-family: 'Open Sans', sans-serif;\n  }\n\n  .feature-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n  }\n\n  .feature-item {\n    position: relative;\n    overflow: hidden;\n    height: 360px;\n    border-radius: 2px;\n  }\n\n  .feature-item img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n    transition: transform 0.3s ease;\n  }\n\n  .feature-item:hover img {\n    transform: scale(1.05);\n  }\n\n  .feature-text {\n    position: absolute;\n    bottom: 0;\n    color: #ffffff;\n    padding: 20px;\n    width: 100%;\n    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);\n  }\n\n  .feature-text h3 {\n    margin: 0;\n    font-size: 1.2em;\n    font-weight: bold;\n    color: #ffffff;\n  }\n\n  .feature-text p {\n    margin: 5px 0 0;\n    font-size: 0.9em;\n    color: #ffffff;\n  }\n\n  @media (max-width: 768px) {\n    .feature-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 480px) {\n    .feature-grid {\n      grid-template-columns: 1fr;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"feature-grid-wrapper\"\u003e\n\u003cdiv class=\"feature-grid\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/hand_made.webp?v=1749350099\" alt=\"Handmade in Europe\"\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003ch3\u003eHANDMADE IN EUROPE\u003c\/h3\u003e\n\u003cp\u003eCrafted with European materials, prohibiting the use of harmful chemicals.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/Warranty.webp?v=1749350099\" alt=\"5-Year Warranty\"\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003ch3\u003eMANUFACTURER'S WARRANTY\u003c\/h3\u003e\n\u003cp\u003eIndustry-leading full replacement warranty since the 1990s.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/colors.webp?v=1749350099\" alt=\"Customized Color\"\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003ch3\u003eCUSTOMIZED IN ANY COLOR\u003c\/h3\u003e\n\u003cp\u003e200+ options to match your style with European design.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/eng_for_confort.webp?v=1749350099\" alt=\"Engineered for Comfort\"\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003ch3\u003eENGINEERED FOR COMFORT\u003c\/h3\u003e\n\u003cp\u003eNoise-absorbing materials and award-winning insulating technology.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/water.webp?v=1749350099\" alt=\"Waterproof\"\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003ch3\u003eWATERPROOF\u003c\/h3\u003e\n\u003cp\u003eStorm-rated canopies with high-tension waterproof fabric.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/easy.webp?v=1749350099\" alt=\"Easy to Use\"\u003e\n\u003cdiv class=\"feature-text\"\u003e\n\u003ch3\u003eEASY TO USE\u003c\/h3\u003e\n\u003cp\u003e60 seconds to open and close so you can focus on the adventure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"The Nomad Place","offers":[{"title":"150 \/ Grey","offer_id":46994533253347,"sku":"984","price":3395.0,"currency_code":"USD","in_stock":true},{"title":"180 \/ Grey","offer_id":46994533286115,"sku":"985","price":3595.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0010\/0617\/4266\/files\/James_Baroud_Vision_1x1_4.png?v=1754585279","url":"https:\/\/www.artemisoutdoorsupply.com\/products\/james-baroud-vision-rooftop-tent","provider":"Artemis Outdoor","version":"1.0","type":"link"}