{"product_id":"james-baroud-vision-rooftop-tent","title":"James Baroud VISION Rooftop Tent","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n        \/* PROMO BANNER *\/\n        .james-baroud-banner {\n            position: relative;\n            width: 100%;\n            max-width: 1000px;\n            height: 500px;\n            margin: 0 auto;\n            border-radius: 16px;\n            overflow: hidden;\n            background: linear-gradient(135deg, rgba(0, 0, 0, 0.70), rgba(0, 0, 0, 0.30)), \n                        url('https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/James_Baroud_Space_White_1x1_9.png?v=1754927732');\n            background-size: cover;\n            background-position: center;\n            background-repeat: no-repeat;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.05);\n        }\n\n        .banner-content {\n            position: relative;\n            height: 100%;\n            display: flex;\n            align-items: center;\n            padding: 80px 60px 40px 60px;\n        }\n\n        .banner-title {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;\n            font-size: 2.75rem;\n            font-weight: bold;\n            line-height: 1.1;\n            margin-bottom: 24px;\n            letter-spacing: -0.02em;\n            max-width: 600px;\n            color: white;\n        }\n\n        .banner-description {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;\n            font-size: 1.125rem;\n            line-height: 1.6;\n            margin-bottom: 20px;\n            color: rgba(255, 255, 255, 0.9);\n            font-weight: 400;\n            max-width: 520px;\n        }\n\n        .banner-subtitle {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;\n            font-size: 0.875rem;\n            line-height: 1.5;\n            color: rgba(255, 255, 255, 0.7);\n            font-weight: 400;\n            max-width: 520px;\n            margin: 0;\n        }\n\n        .logo-container {\n            position: absolute;\n            top: 24px;\n            left: 60px;\n            width: 140px;\n            height: 40px;\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(12px);\n            border-radius: 8px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 1px solid rgba(0, 0, 0, 0.1);\n            padding: 8px;\n        }\n\n        .logo-container img {\n            width: 100%;\n            height: 100%;\n            object-fit: contain;\n        }\n\n        .limited-offer {\n            position: absolute;\n            top: 24px;\n            right: 60px;\n            background: rgba(0, 0, 0, 0.8);\n            backdrop-filter: blur(12px);\n            padding: 8px 16px;\n            border-radius: 50px;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;\n            font-size: 0.875rem;\n            font-weight: 600;\n            color: white;\n            border: 1px solid rgba(255, 255, 255, 0.2);\n        }\n\n        \/* MOBILE RESPONSIVE STYLES *\/\n        @media (max-width: 768px) {\n            .james-baroud-banner {\n                height: 450px;\n            }\n\n            .banner-content {\n                padding: 100px 20px 20px 20px;\n            }\n\n            .banner-title {\n                font-size: 2.2rem;\n                margin-bottom: 20px;\n            }\n\n            .banner-description {\n                font-size: 1rem;\n                margin-bottom: 16px;\n            }\n\n            .banner-subtitle {\n                font-size: 0.8rem;\n            }\n\n            .logo-container {\n                top: 16px;\n                left: 20px;\n                width: 120px;\n                height: 36px;\n            }\n\n            .limited-offer {\n                top: 16px;\n                right: 20px;\n                font-size: 0.75rem;\n                padding: 6px 12px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .james-baroud-banner {\n                height: 480px;\n            }\n\n            .banner-content {\n                padding: 80px 16px 20px 16px;\n            }\n\n            .banner-title {\n                font-size: 1.8rem;\n            }\n\n            .logo-container {\n                width: 100px;\n                height: 30px;\n            }\n        }\n    \u003c\/style\u003e\n\u003cdiv class=\"james-baroud-banner\"\u003e\n\u003cdiv class=\"banner-content\"\u003e\n\u003cdiv\u003e\n\u003ch2 class=\"banner-title\"\u003eBuy your tent and \u003cspan style=\"font-weight: 800;\"\u003eSave 50%\u003c\/span\u003e on a Roof Rack\u003c\/h2\u003e\n\u003cp class=\"banner-description\"\u003eGet 50% off any Rhino Rack roof bars or platform (up to $300 discount) with your James Baroud tent purchase\u003c\/p\u003e\n\u003cp class=\"banner-subtitle\"\u003ePurchase your tent and we'll contact you to help select a discounted Rhino Rack system that fits your vehicle\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"logo-container\"\u003e\u003cimg alt=\"James Baroud Logo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/James-Baroud-Logo-Horizontal.svg?v=1749231113\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"limited-offer\"\u003eLimited Offer\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\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 class=\"specs-columns\" style=\"display: flex; flex-wrap: wrap; gap: 40px;\"\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 class=\"video-modal\" id=\"videoModal\"\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 data-block-id=\"faf52d1\" data-v=\"4\" class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-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 data-block-id=\"8ad4748\" class=\"wp-block-stackable-text stk-block-text stk-block stk-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 id=\"carousel\" class=\"carousel-container\"\u003e\n\u003cimg alt=\"Image 1\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/James_Baroud_Grand_Raid_White_1x1_4.png?v=1749264935\"\u003e \u003cimg alt=\"Image 2\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/James_Baroud_Grand_Raid_Black_1x1_8.png?v=1749264929\"\u003e \u003cimg alt=\"Image 3\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/James_Baroud_Grand_Raid_Black_1x1_6.png?v=1749264929\"\u003e \u003cimg alt=\"Image 4\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/James_Baroud_Grand_Raid_Black_1x1_5.png?v=1749264929\"\u003e \u003cimg alt=\"Image 5\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/James_Baroud_Grand_Raid_White_1x1_6.png?v=1749264935\"\u003e \u003cimg alt=\"Image 6\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/James_Baroud_Grand_Raid_Black_1x1_4.png?v=1749264929\"\u003e \u003cimg alt=\"Image 7\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/James_Baroud_Grand_Raid_White_1x1_7.png?v=1749264935\"\u003e \u003cimg alt=\"Image 8\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/James_Baroud_Grand_Raid_White_1x1_5.png?v=1749264935\"\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 style=\"font-size: 18px; line-height: 1.6; color: #000; margin: 0;\" class=\"mobile-space-top\"\u003e \u003c\/p\u003e\n\u003cp style=\"font-size: 18px; line-height: 1.6; color: #000; margin: 0;\" class=\"mobile-space-top\"\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 class=\"video-carousel-container\" id=\"videoCarousel\"\u003e\n\u003cimg src=\"https:\/\/img.youtube.com\/vi\/v3ep1C1_dy4\/hqdefault.jpg\" data-video=\"v3ep1C1_dy4\" alt=\"Video 1\"\u003e \u003cimg src=\"https:\/\/img.youtube.com\/vi\/xCMV4MqxAuM\/hqdefault.jpg\" data-video=\"xCMV4MqxAuM\" alt=\"Video 2\"\u003e \u003cimg src=\"https:\/\/img.youtube.com\/vi\/i-6TWwIekSA\/hqdefault.jpg\" data-video=\"i-6TWwIekSA\" alt=\"Video 3\"\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 src=\"https:\/\/www.youtube.com\/embed\/v3ep1C1_dy4\" title=\"Video 1\"\u003e\u003c\/iframe\u003e \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/xCMV4MqxAuM\" title=\"Video 2\"\u003e\u003c\/iframe\u003e \u003ciframe src=\"https:\/\/www.youtube.com\/embed\/i-6TWwIekSA\" title=\"Video 3\"\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 alt=\"Handmade in Europe\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/hand_made.webp?v=1749350099\"\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 alt=\"5-Year Warranty\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/Warranty.webp?v=1749350099\"\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 alt=\"Customized Color\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/colors.webp?v=1749350099\"\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 alt=\"Engineered for Comfort\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/eng_for_confort.webp?v=1749350099\"\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 alt=\"Waterproof\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/water.webp?v=1749350099\"\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 alt=\"Easy to Use\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0650\/2285\/3193\/files\/easy.webp?v=1749350099\"\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":44928536314047,"sku":"984","price":3395.0,"currency_code":"USD","in_stock":true},{"title":"180 \/ Grey","offer_id":44928536346815,"sku":"985","price":3595.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0268\/2486\/8031\/files\/James_Baroud_Vision_1x1_4.png?v=1769048780","url":"https:\/\/yotanation.com\/products\/james-baroud-vision-rooftop-tent","provider":"Yota Nation","version":"1.0","type":"link"}