{"id":2062,"date":"2026-08-19T15:26:53","date_gmt":"2026-08-19T15:26:53","guid":{"rendered":"https:\/\/morningpick.shop\/?post_type=product&#038;p=2062"},"modified":"2026-08-19T15:33:18","modified_gmt":"2026-08-19T15:33:18","slug":"xtm-lightweight-hardtop-rooftop-tent","status":"publish","type":"product","link":"https:\/\/morningpick.shop\/de\/produkt\/xtm-lightweight-hardtop-rooftop-tent\/","title":{"rendered":"XTM Leichtbau-Hardtop-Dachzelt"},"content":{"rendered":"\t\t<div data-elementor-type=\"product-post\" data-elementor-id=\"2062\" class=\"elementor elementor-2062\" data-elementor-post-type=\"product\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2a9294 e-flex e-con-boxed e-con e-parent\" data-id=\"e2a9294\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08bab95 elementor-widget elementor-widget-html\" data-id=\"08bab95\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     HOMEVERA \/ OUTDOOR PRODUCT LANDING CONTENT\r\n     Pure HTML + CSS + JS\r\n     Elementor HTML Widget Ready\r\n========================================================= -->\r\n\r\n<div class=\"hv-product-landing\">\r\n\r\n  <!-- =====================================================\r\n       01. PRODUCT INFO\r\n  ====================================================== -->\r\n  <section class=\"hv-product-story\">\r\n\r\n    <div class=\"hv-product-container\">\r\n\r\n      <div class=\"hv-product-story__grid\">\r\n\r\n        <!-- LEFT: DESCRIPTION -->\r\n        <div class=\"hv-product-description\">\r\n\r\n          <div class=\"hv-product-heading\">\r\n            <span class=\"hv-product-eyebrow\">Product Details<\/span>\r\n\r\n            <h2>\r\n              Built for the Adventure\r\n            <\/h2>\r\n          <\/div>\r\n\r\n\r\n          <div\r\n            class=\"hv-product-description__body is-collapsed\"\r\n            data-hv-description\r\n          >\r\n\r\n            <p class=\"hv-product-notice\">\r\n              Available for home delivery to most areas.\r\n            <\/p>\r\n\r\n            <p>\r\n              The XTM Lightweight Hardtop Rooftop Tent is built for\r\n              off-road adventures and weekend escapes. Tough,\r\n              lightweight and packed with practical features, it turns\r\n              your vehicle into a comfortable basecamp wherever your\r\n              next trip takes you.\r\n            <\/p>\r\n\r\n\r\n            <h3>\r\n              Lightweight Hardtop Design\r\n            <\/h3>\r\n\r\n            <p>\r\n              Built with a robust powder-coated aluminium honeycomb\r\n              base, the rooftop tent delivers excellent durability\r\n              without unnecessary weight. Two pre-fitted external\r\n              mounting rails make installation easier on compatible\r\n              roof racks.\r\n            <\/p>\r\n\r\n\r\n            <h3>\r\n              Fast Setup System\r\n            <\/h3>\r\n\r\n            <p>\r\n              Gas-strut assisted opening and closing makes setup and\r\n              pack-down quick and simple, so less time is spent\r\n              preparing camp and more time can be spent enjoying it.\r\n            <\/p>\r\n\r\n\r\n            <h3>\r\n              Durable Weather-Ready Fabric\r\n            <\/h3>\r\n\r\n            <p>\r\n              The tent uses 280GSM rip-stop poly-cotton fabric designed\r\n              for demanding outdoor conditions while helping provide a\r\n              comfortable and protected sleeping environment.\r\n            <\/p>\r\n\r\n\r\n            <h3>\r\n              Comfortable Sleeping Setup\r\n            <\/h3>\r\n\r\n            <p>\r\n              Inside is a 50mm mattress paired with a 10mm 3D\r\n              condensation mat, creating a more comfortable sleeping\r\n              platform while keeping you elevated above the ground.\r\n            <\/p>\r\n\r\n\r\n            <h3>\r\n              Adventure-Ready Capacity\r\n            <\/h3>\r\n\r\n            <p>\r\n              A maximum 300kg load capacity provides plenty of support,\r\n              while the included 2.3m telescopic ladder provides easy\r\n              access when the tent is deployed.\r\n            <\/p>\r\n\r\n\r\n            <h3>\r\n              Built-In Convenience\r\n            <\/h3>\r\n\r\n            <p>\r\n              Internal storage pockets provide convenient space for\r\n              smaller camping essentials. A multi-colour LED light bar\r\n              with adjustable dimmer provides flexible lighting inside\r\n              the tent after dark.\r\n            <\/p>\r\n\r\n\r\n            <p class=\"hv-product-note\">\r\n              Roof bars shown in product photography are sold separately.\r\n            <\/p>\r\n\r\n\r\n            <div class=\"hv-product-description__fade\"><\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <button\r\n            class=\"hv-product-readmore\"\r\n            type=\"button\"\r\n            data-hv-readmore\r\n            aria-expanded=\"false\"\r\n          >\r\n            <span>Read more<\/span>\r\n\r\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n              <path\r\n                d=\"M6 9l6 6 6-6\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"2\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              \/>\r\n            <\/svg>\r\n\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- RIGHT: FEATURES -->\r\n        <aside class=\"hv-product-features\">\r\n\r\n          <span class=\"hv-product-eyebrow\">\r\n            Highlights\r\n          <\/span>\r\n\r\n          <h2>\r\n            Key Features\r\n          <\/h2>\r\n\r\n\r\n          <ul class=\"hv-product-features__list\">\r\n\r\n            <li>\r\n              <span class=\"hv-feature-check\">\u2713<\/span>\r\n\r\n              <span>\r\n                Lightweight hardtop design with durable aluminium\r\n                honeycomb base\r\n              <\/span>\r\n            <\/li>\r\n\r\n\r\n            <li>\r\n              <span class=\"hv-feature-check\">\u2713<\/span>\r\n\r\n              <span>\r\n                Gas-strut assisted opening and closing\r\n              <\/span>\r\n            <\/li>\r\n\r\n\r\n            <li>\r\n              <span class=\"hv-feature-check\">\u2713<\/span>\r\n\r\n              <span>\r\n                280GSM rip-stop poly-cotton tent fabric\r\n              <\/span>\r\n            <\/li>\r\n\r\n\r\n            <li>\r\n              <span class=\"hv-feature-check\">\u2713<\/span>\r\n\r\n              <span>\r\n                50mm mattress with 10mm 3D condensation mat\r\n              <\/span>\r\n            <\/li>\r\n\r\n\r\n            <li>\r\n              <span class=\"hv-feature-check\">\u2713<\/span>\r\n\r\n              <span>\r\n                Maximum 300kg weight capacity\r\n              <\/span>\r\n            <\/li>\r\n\r\n\r\n            <li>\r\n              <span class=\"hv-feature-check\">\u2713<\/span>\r\n\r\n              <span>\r\n                Multi-colour LED light bar with adjustable dimmer\r\n              <\/span>\r\n            <\/li>\r\n\r\n\r\n            <li>\r\n              <span class=\"hv-feature-check\">\u2713<\/span>\r\n\r\n              <span>\r\n                2.3m telescopic ladder included\r\n              <\/span>\r\n            <\/li>\r\n\r\n\r\n            <li>\r\n              <span class=\"hv-feature-check\">\u2713<\/span>\r\n\r\n              <span>\r\n                Built-in internal storage pockets\r\n              <\/span>\r\n            <\/li>\r\n\r\n\r\n            <li>\r\n              <span class=\"hv-feature-check\">\u2713<\/span>\r\n\r\n              <span>\r\n                Pre-fitted external mounting rails\r\n              <\/span>\r\n            <\/li>\r\n\r\n\r\n            <li>\r\n              <span class=\"hv-feature-check\">\u2713<\/span>\r\n\r\n              <span>\r\n                Open size: 217 \u00d7 133 \u00d7 157cm\r\n              <\/span>\r\n            <\/li>\r\n\r\n          <\/ul>\r\n\r\n        <\/aside>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       02. BENEFIT STRIP\r\n  ====================================================== -->\r\n  <section class=\"hv-product-benefits\">\r\n\r\n    <div class=\"hv-product-container\">\r\n\r\n      <div class=\"hv-product-benefits__grid\">\r\n\r\n        <div class=\"hv-product-benefit\">\r\n          <strong>54.3kg<\/strong>\r\n          <span>Lightweight Design<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"hv-product-benefit\">\r\n          <strong>300kg<\/strong>\r\n          <span>Weight Capacity<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"hv-product-benefit\">\r\n          <strong>2 Person<\/strong>\r\n          <span>Sleeping Capacity<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"hv-product-benefit\">\r\n          <strong>50mm<\/strong>\r\n          <span>Comfort Mattress<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       03. RELATED VIDEOS\r\n  ====================================================== -->\r\n  <section class=\"hv-product-videos\">\r\n\r\n    <div class=\"hv-product-container\">\r\n\r\n      <div class=\"hv-product-section-heading\">\r\n\r\n        <span class=\"hv-product-eyebrow\">\r\n          See It In Action\r\n        <\/span>\r\n\r\n        <h2>\r\n          Product Videos\r\n        <\/h2>\r\n\r\n        <p>\r\n          Take a closer look at the rooftop tent and see how quickly it\r\n          can be set up at camp.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"hv-product-videos__grid\">\r\n\r\n        <!-- VIDEO 01 -->\r\n        <article class=\"hv-video-card\">\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"hv-video-card__media\"\r\n            data-hv-video=\"https:\/\/www.youtube.com\/embed\/pTnYAJkhj30\"\r\n            aria-label=\"Play introducing the XTM Lightweight Rooftop Tent\"\r\n          >\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/img.youtube.com\/vi\/pTnYAJkhj30\/maxresdefault.jpg\"\r\n              alt=\"Introducing the XTM Lightweight Rooftop Tent\"\r\n              loading=\"lazy\"\r\n            >\r\n\r\n            <span class=\"hv-video-play\">\r\n\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path\r\n                  d=\"M9 7l8 5-8 5V7z\"\r\n                  fill=\"currentColor\"\r\n                \/>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n          <\/button>\r\n\r\n\r\n          <div class=\"hv-video-card__content\">\r\n\r\n            <span>\r\n              Product Overview\r\n            <\/span>\r\n\r\n            <h3>\r\n              Introducing the XTM Lightweight Rooftop Tent\r\n            <\/h3>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- VIDEO 02 -->\r\n        <article class=\"hv-video-card\">\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"hv-video-card__media\"\r\n            data-hv-video=\"https:\/\/www.youtube.com\/embed\/yhequ8Imc0I\"\r\n            aria-label=\"Play rooftop tent setup video\"\r\n          >\r\n\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/img.youtube.com\/vi\/yhequ8Imc0I\/maxresdefault.jpg\"\r\n              alt=\"How to set up the XTM Lightweight Rooftop Tent\"\r\n              loading=\"lazy\"\r\n            >\r\n\r\n            <span class=\"hv-video-play\">\r\n\r\n              <svg viewBox=\"0 0 24 24\">\r\n                <path\r\n                  d=\"M9 7l8 5-8 5V7z\"\r\n                  fill=\"currentColor\"\r\n                \/>\r\n              <\/svg>\r\n\r\n            <\/span>\r\n\r\n          <\/button>\r\n\r\n\r\n          <div class=\"hv-video-card__content\">\r\n\r\n            <span>\r\n              Setup Guide\r\n            <\/span>\r\n\r\n            <h3>\r\n              How to Set Up Your Rooftop Tent\r\n            <\/h3>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       04. SPECS + INFORMATION\r\n  ====================================================== -->\r\n  <section class=\"hv-product-information\">\r\n\r\n    <div class=\"hv-product-container\">\r\n\r\n      <div class=\"hv-product-section-heading\">\r\n\r\n        <span class=\"hv-product-eyebrow\">\r\n          Everything You Need to Know\r\n        <\/span>\r\n\r\n        <h2>\r\n          Product Information\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"hv-product-accordion\">\r\n\r\n        <!-- TECH SPECS -->\r\n        <div class=\"hv-product-accordion__item is-open\">\r\n\r\n          <button\r\n            class=\"hv-product-accordion__button\"\r\n            type=\"button\"\r\n            aria-expanded=\"true\"\r\n          >\r\n\r\n            <span>\r\n              Tech Specs\r\n            <\/span>\r\n\r\n            <span class=\"hv-product-accordion__icon\"><\/span>\r\n\r\n          <\/button>\r\n\r\n\r\n          <div class=\"hv-product-accordion__panel\">\r\n\r\n            <div class=\"hv-product-accordion__content\">\r\n\r\n              <div class=\"hv-spec-heading\">\r\n                XTM Lightweight Hardtop Rooftop Tent\r\n              <\/div>\r\n\r\n\r\n              <div class=\"hv-spec-table-wrap\">\r\n\r\n                <table class=\"hv-spec-table\">\r\n\r\n                  <tbody>\r\n\r\n                    <tr>\r\n                      <th>Weight<\/th>\r\n                      <td>\r\n                        54.3kg excluding ladder and roof bar\r\n                      <\/td>\r\n                    <\/tr>\r\n\r\n                    <tr>\r\n                      <th>Open Dimensions<\/th>\r\n                      <td>\r\n                        217(L) \u00d7 133(W) \u00d7 157(H)cm\r\n                      <\/td>\r\n                    <\/tr>\r\n\r\n                    <tr>\r\n                      <th>Closed Dimensions<\/th>\r\n                      <td>\r\n                        217(L) \u00d7 133(W) \u00d7 16.5(H)cm\r\n                      <\/td>\r\n                    <\/tr>\r\n\r\n                    <tr>\r\n                      <th>Sleeping Capacity<\/th>\r\n                      <td>\r\n                        2 people\r\n                      <\/td>\r\n                    <\/tr>\r\n\r\n                    <tr>\r\n                      <th>Material<\/th>\r\n                      <td>\r\n                        280GSM rip-stop poly-cotton\r\n                      <\/td>\r\n                    <\/tr>\r\n\r\n                    <tr>\r\n                      <th>Mattress<\/th>\r\n                      <td>\r\n                        50mm mattress with 10mm 3D condensation mat\r\n                      <\/td>\r\n                    <\/tr>\r\n\r\n                    <tr>\r\n                      <th>Weight Capacity<\/th>\r\n                      <td>\r\n                        300kg\r\n                      <\/td>\r\n                    <\/tr>\r\n\r\n                    <tr>\r\n                      <th>Warranty<\/th>\r\n                      <td>\r\n                        12 months\r\n                      <\/td>\r\n                    <\/tr>\r\n\r\n                  <\/tbody>\r\n\r\n                <\/table>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- WHAT'S INCLUDED -->\r\n        <div class=\"hv-product-accordion__item\">\r\n\r\n          <button\r\n            class=\"hv-product-accordion__button\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n          >\r\n\r\n            <span>\r\n              What's Included\r\n            <\/span>\r\n\r\n            <span class=\"hv-product-accordion__icon\"><\/span>\r\n\r\n          <\/button>\r\n\r\n\r\n          <div class=\"hv-product-accordion__panel\">\r\n\r\n            <div class=\"hv-product-accordion__content\">\r\n\r\n              <ul class=\"hv-product-included\">\r\n\r\n                <li>\r\n                  <span>\u2713<\/span>\r\n                  50mm mattress\r\n                <\/li>\r\n\r\n                <li>\r\n                  <span>\u2713<\/span>\r\n                  10mm 3D condensation mat\r\n                <\/li>\r\n\r\n                <li>\r\n                  <span>\u2713<\/span>\r\n                  2.3m telescopic ladder\r\n                <\/li>\r\n\r\n                <li>\r\n                  <span>\u2713<\/span>\r\n                  Multi-colour LED light bar\r\n                <\/li>\r\n\r\n                <li>\r\n                  <span>\u2713<\/span>\r\n                  Pre-fitted external mounting rails\r\n                <\/li>\r\n\r\n              <\/ul>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- FAQ -->\r\n        <div class=\"hv-product-accordion__item\">\r\n\r\n          <button\r\n            class=\"hv-product-accordion__button\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n          >\r\n\r\n            <span>\r\n              Frequently Asked Questions\r\n            <\/span>\r\n\r\n            <span class=\"hv-product-accordion__icon\"><\/span>\r\n\r\n          <\/button>\r\n\r\n\r\n          <div class=\"hv-product-accordion__panel\">\r\n\r\n            <div class=\"hv-product-accordion__content\">\r\n\r\n              <div class=\"hv-product-faq\">\r\n\r\n                <div class=\"hv-product-faq__item\">\r\n\r\n                  <h3>\r\n                    What is the maximum weight capacity?\r\n                  <\/h3>\r\n\r\n                  <p>\r\n                    The rooftop tent has a maximum weight capacity\r\n                    of 300kg.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hv-product-faq__item\">\r\n\r\n                  <h3>\r\n                    What mattress is included?\r\n                  <\/h3>\r\n\r\n                  <p>\r\n                    A 50mm mattress and 10mm 3D condensation mat are\r\n                    included.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hv-product-faq__item\">\r\n\r\n                  <h3>\r\n                    Does the rooftop tent include a ladder?\r\n                  <\/h3>\r\n\r\n                  <p>\r\n                    Yes. A 2.3m telescopic ladder is included.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hv-product-faq__item\">\r\n\r\n                  <h3>\r\n                    What material is the tent made from?\r\n                  <\/h3>\r\n\r\n                  <p>\r\n                    The tent fabric is made from 280GSM rip-stop\r\n                    poly-cotton.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"hv-product-faq__item\">\r\n\r\n                  <h3>\r\n                    Are roof bars included?\r\n                  <\/h3>\r\n\r\n                  <p>\r\n                    No. Roof bars shown in product photography are\r\n                    sold separately.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- SHIPPING -->\r\n        <div class=\"hv-product-accordion__item\">\r\n\r\n          <button\r\n            class=\"hv-product-accordion__button\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n          >\r\n\r\n            <span>\r\n              Shipping & Delivery\r\n            <\/span>\r\n\r\n            <span class=\"hv-product-accordion__icon\"><\/span>\r\n\r\n          <\/button>\r\n\r\n\r\n          <div class=\"hv-product-accordion__panel\">\r\n\r\n            <div class=\"hv-product-accordion__content\">\r\n\r\n              <div class=\"hv-product-richtext\">\r\n\r\n                <h3>\r\n                  Delivery\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Orders are carefully prepared and dispatched using\r\n                  suitable delivery services based on product size and\r\n                  destination.\r\n                <\/p>\r\n\r\n                <h3>\r\n                  Delivery Time\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Delivery times vary depending on your location.\r\n                  Final delivery details will be displayed during\r\n                  checkout where available.\r\n                <\/p>\r\n\r\n                <h3>\r\n                  Oversized Items\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Large or bulky products may require specialised\r\n                  delivery arrangements.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- RETURNS -->\r\n        <div class=\"hv-product-accordion__item\">\r\n\r\n          <button\r\n            class=\"hv-product-accordion__button\"\r\n            type=\"button\"\r\n            aria-expanded=\"false\"\r\n          >\r\n\r\n            <span>\r\n              Returns\r\n            <\/span>\r\n\r\n            <span class=\"hv-product-accordion__icon\"><\/span>\r\n\r\n          <\/button>\r\n\r\n\r\n          <div class=\"hv-product-accordion__panel\">\r\n\r\n            <div class=\"hv-product-accordion__content\">\r\n\r\n              <div class=\"hv-product-richtext\">\r\n\r\n                <h3>\r\n                  30 Day Returns\r\n                <\/h3>\r\n\r\n                <p>\r\n                  Eligible items can be returned within 30 days in\r\n                  accordance with our Returns &amp; Refund Policy.\r\n                <\/p>\r\n\r\n                <p>\r\n                  Please review the full returns policy before sending\r\n                  oversized or bulky items back.\r\n                <\/p>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n\r\n  <!-- =====================================================\r\n       VIDEO MODAL\r\n  ====================================================== -->\r\n  <div\r\n    class=\"hv-video-modal\"\r\n    data-hv-video-modal\r\n    aria-hidden=\"true\"\r\n  >\r\n\r\n    <button\r\n      class=\"hv-video-modal__backdrop\"\r\n      type=\"button\"\r\n      data-hv-video-close\r\n      aria-label=\"Close video\"\r\n    ><\/button>\r\n\r\n\r\n    <div\r\n      class=\"hv-video-modal__dialog\"\r\n      role=\"dialog\"\r\n      aria-modal=\"true\"\r\n    >\r\n\r\n      <button\r\n        class=\"hv-video-modal__close\"\r\n        type=\"button\"\r\n        data-hv-video-close\r\n        aria-label=\"Close video\"\r\n      >\r\n        \u00d7\r\n      <\/button>\r\n\r\n\r\n      <div class=\"hv-video-modal__frame\">\r\n\r\n        <iframe\r\n          data-hv-video-frame\r\n          src=\"\"\r\n          title=\"Product video\"\r\n          allow=\"autoplay; fullscreen\"\r\n          allowfullscreen\r\n        ><\/iframe>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   ROOT\r\n========================================================= *\/\r\n\r\n.hv-product-landing,\r\n.hv-product-landing * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.hv-product-landing {\r\n\r\n    --hv-primary:\r\n        var(--store-primary, #31543a);\r\n\r\n    --hv-primary-hover:\r\n        var(--store-primary-hover, #243f2c);\r\n\r\n    --hv-text:\r\n        var(--store-text, #20251f);\r\n\r\n    --hv-muted:\r\n        var(--store-muted, #697067);\r\n\r\n    --hv-border:\r\n        var(--store-border, #e1e3dd);\r\n\r\n    --hv-soft:\r\n        var(--store-bg-soft, #f5f3ed);\r\n\r\n    --hv-warm:\r\n        #eee8dc;\r\n\r\n    --hv-white:\r\n        #ffffff;\r\n\r\n    --hv-radius:\r\n        var(--store-radius, 10px);\r\n\r\n    width: 100%;\r\n\r\n    color: var(--hv-text);\r\n\r\n    background: var(--hv-white);\r\n\r\n    font-family:\r\n        \"Segoe UI\",\r\n        \"Helvetica Neue\",\r\n        Arial,\r\n        sans-serif;\r\n}\r\n\r\n\r\n.hv-product-container {\r\n\r\n    width:\r\n        min(\r\n            1240px,\r\n            calc(100% - 48px)\r\n        );\r\n\r\n    margin:\r\n        0 auto;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TYPOGRAPHY\r\n========================================================= *\/\r\n\r\n.hv-product-eyebrow {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 9px;\r\n\r\n    color: var(--hv-primary);\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 750;\r\n\r\n    letter-spacing: .12em;\r\n\r\n    text-transform: uppercase;\r\n}\r\n\r\n\r\n.hv-product-heading h2,\r\n.hv-product-section-heading h2,\r\n.hv-product-features h2 {\r\n\r\n    margin:\r\n        0;\r\n\r\n    color: var(--hv-text);\r\n\r\n    font-size:\r\n        clamp(\r\n            28px,\r\n            3.2vw,\r\n            42px\r\n        );\r\n\r\n    line-height: 1.13;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n.hv-product-section-heading {\r\n\r\n    max-width: 700px;\r\n\r\n    margin-bottom: 38px;\r\n}\r\n\r\n\r\n.hv-product-section-heading p {\r\n\r\n    max-width: 620px;\r\n\r\n    margin:\r\n        15px 0 0;\r\n\r\n    color: var(--hv-muted);\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.7;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PRODUCT STORY\r\n========================================================= *\/\r\n\r\n.hv-product-story {\r\n\r\n    padding:\r\n        72px 0 78px;\r\n}\r\n\r\n\r\n.hv-product-story__grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1.25fr)\r\n        minmax(340px, .75fr);\r\n\r\n    gap: 72px;\r\n\r\n    align-items: start;\r\n}\r\n\r\n\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.hv-product-description__body {\r\n\r\n    position: relative;\r\n\r\n    margin-top: 30px;\r\n\r\n    overflow: hidden;\r\n\r\n    color: var(--hv-muted);\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.8;\r\n\r\n    transition:\r\n        max-height .4s ease;\r\n}\r\n\r\n\r\n.hv-product-description__body.is-collapsed {\r\n    max-height: 540px;\r\n}\r\n\r\n\r\n.hv-product-description__body.is-expanded {\r\n    max-height: 3000px;\r\n}\r\n\r\n\r\n.hv-product-description__body p {\r\n\r\n    margin:\r\n        0 0 18px;\r\n}\r\n\r\n\r\n.hv-product-description__body h3 {\r\n\r\n    margin:\r\n        27px 0 8px;\r\n\r\n    color: var(--hv-text);\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.4;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n.hv-product-notice {\r\n\r\n    padding:\r\n        13px 16px;\r\n\r\n    border-left:\r\n        3px solid\r\n        var(--hv-primary);\r\n\r\n    border-radius:\r\n        0 5px 5px 0;\r\n\r\n    background:\r\n        var(--hv-soft);\r\n\r\n    color:\r\n        var(--hv-text) !important;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 650;\r\n}\r\n\r\n\r\n.hv-product-note {\r\n\r\n    margin-top:\r\n        28px !important;\r\n\r\n    font-size: 13px;\r\n\r\n    font-style: italic;\r\n}\r\n\r\n\r\n.hv-product-description__fade {\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n\r\n    height: 120px;\r\n\r\n    pointer-events: none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            rgba(255,255,255,0),\r\n            #fff\r\n        );\r\n\r\n    transition:\r\n        opacity .25s ease;\r\n}\r\n\r\n\r\n.hv-product-description__body.is-expanded\r\n.hv-product-description__fade {\r\n    opacity: 0;\r\n}\r\n\r\n\r\n.hv-product-readmore {\r\n\r\n    display:\r\n        inline-flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        6px;\r\n\r\n    margin-top:\r\n        14px;\r\n\r\n    padding:\r\n        0;\r\n\r\n    border:\r\n        0;\r\n\r\n    background:\r\n        transparent;\r\n\r\n    color:\r\n        var(--hv-primary);\r\n\r\n    font-family:\r\n        inherit;\r\n\r\n    font-size:\r\n        14px;\r\n\r\n    font-weight:\r\n        700;\r\n\r\n    cursor:\r\n        pointer;\r\n}\r\n\r\n\r\n.hv-product-readmore svg {\r\n\r\n    width:\r\n        18px;\r\n\r\n    height:\r\n        18px;\r\n\r\n    transition:\r\n        transform .25s ease;\r\n}\r\n\r\n\r\n.hv-product-readmore[aria-expanded=\"true\"] svg {\r\n    transform:\r\n        rotate(180deg);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FEATURES\r\n========================================================= *\/\r\n\r\n.hv-product-features {\r\n\r\n    position:\r\n        sticky;\r\n\r\n    top:\r\n        24px;\r\n\r\n    padding:\r\n        32px;\r\n\r\n    border:\r\n        1px solid\r\n        var(--hv-border);\r\n\r\n    border-radius:\r\n        var(--hv-radius);\r\n\r\n    background:\r\n        var(--hv-soft);\r\n}\r\n\r\n\r\n.hv-product-features h2 {\r\n\r\n    margin-bottom:\r\n        25px;\r\n\r\n    font-size:\r\n        25px;\r\n}\r\n\r\n\r\n.hv-product-features__list {\r\n\r\n    list-style:\r\n        none;\r\n\r\n    padding:\r\n        0;\r\n\r\n    margin:\r\n        0;\r\n}\r\n\r\n\r\n.hv-product-features__list li {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        24px\r\n        minmax(0, 1fr);\r\n\r\n    gap:\r\n        11px;\r\n\r\n    padding:\r\n        13px 0;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        rgba(40,60,45,.11);\r\n\r\n    color:\r\n        var(--hv-text);\r\n\r\n    font-size:\r\n        14px;\r\n\r\n    line-height:\r\n        1.5;\r\n}\r\n\r\n\r\n.hv-product-features__list li:first-child {\r\n    padding-top:\r\n        0;\r\n}\r\n\r\n\r\n.hv-product-features__list li:last-child {\r\n\r\n    padding-bottom:\r\n        0;\r\n\r\n    border-bottom:\r\n        0;\r\n}\r\n\r\n\r\n.hv-feature-check {\r\n\r\n    width:\r\n        20px;\r\n\r\n    height:\r\n        20px;\r\n\r\n    display:\r\n        inline-flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    margin-top:\r\n        1px;\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    background:\r\n        var(--hv-primary);\r\n\r\n    color:\r\n        #fff;\r\n\r\n    font-size:\r\n        11px;\r\n\r\n    font-weight:\r\n        800;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BENEFITS\r\n========================================================= *\/\r\n\r\n.hv-product-benefits {\r\n\r\n    padding:\r\n        0 0 72px;\r\n}\r\n\r\n\r\n.hv-product-benefits__grid {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4, 1fr);\r\n\r\n    border:\r\n        1px solid\r\n        var(--hv-border);\r\n\r\n    border-radius:\r\n        var(--hv-radius);\r\n\r\n    overflow:\r\n        hidden;\r\n}\r\n\r\n\r\n.hv-product-benefit {\r\n\r\n    padding:\r\n        27px 20px;\r\n\r\n    text-align:\r\n        center;\r\n\r\n    border-right:\r\n        1px solid\r\n        var(--hv-border);\r\n}\r\n\r\n\r\n.hv-product-benefit:last-child {\r\n    border-right:\r\n        0;\r\n}\r\n\r\n\r\n.hv-product-benefit strong {\r\n\r\n    display:\r\n        block;\r\n\r\n    margin-bottom:\r\n        6px;\r\n\r\n    color:\r\n        var(--hv-primary);\r\n\r\n    font-size:\r\n        25px;\r\n\r\n    line-height:\r\n        1.2;\r\n}\r\n\r\n\r\n.hv-product-benefit span {\r\n\r\n    color:\r\n        var(--hv-muted);\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    font-weight:\r\n        650;\r\n\r\n    text-transform:\r\n        uppercase;\r\n\r\n    letter-spacing:\r\n        .055em;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   VIDEOS\r\n========================================================= *\/\r\n\r\n.hv-product-videos {\r\n\r\n    padding:\r\n        78px 0;\r\n\r\n    background:\r\n        var(--hv-soft);\r\n}\r\n\r\n\r\n.hv-product-videos__grid {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2, minmax(0,1fr));\r\n\r\n    gap:\r\n        24px;\r\n}\r\n\r\n\r\n.hv-video-card {\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    border:\r\n        1px solid\r\n        var(--hv-border);\r\n\r\n    border-radius:\r\n        var(--hv-radius);\r\n\r\n    background:\r\n        #fff;\r\n}\r\n\r\n\r\n.hv-video-card__media {\r\n\r\n    position:\r\n        relative;\r\n\r\n    display:\r\n        block;\r\n\r\n    width:\r\n        100%;\r\n\r\n    aspect-ratio:\r\n        16 \/ 9;\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    padding:\r\n        0;\r\n\r\n    border:\r\n        0;\r\n\r\n    background:\r\n        #111;\r\n\r\n    cursor:\r\n        pointer;\r\n}\r\n\r\n\r\n.hv-video-card__media::after {\r\n\r\n    content:\r\n        \"\";\r\n\r\n    position:\r\n        absolute;\r\n\r\n    inset:\r\n        0;\r\n\r\n    background:\r\n        rgba(0,0,0,.08);\r\n\r\n    transition:\r\n        background .25s ease;\r\n}\r\n\r\n\r\n.hv-video-card__media:hover::after {\r\n\r\n    background:\r\n        rgba(0,0,0,.22);\r\n}\r\n\r\n\r\n.hv-video-card__media img {\r\n\r\n    width:\r\n        100%;\r\n\r\n    height:\r\n        100%;\r\n\r\n    display:\r\n        block;\r\n\r\n    object-fit:\r\n        cover;\r\n\r\n    transition:\r\n        transform .4s ease;\r\n}\r\n\r\n\r\n.hv-video-card__media:hover img {\r\n\r\n    transform:\r\n        scale(1.025);\r\n}\r\n\r\n\r\n.hv-video-play {\r\n\r\n    position:\r\n        absolute;\r\n\r\n    z-index:\r\n        3;\r\n\r\n    left:\r\n        50%;\r\n\r\n    top:\r\n        50%;\r\n\r\n    width:\r\n        58px;\r\n\r\n    height:\r\n        58px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    transform:\r\n        translate(-50%,-50%);\r\n\r\n    border-radius:\r\n        50%;\r\n\r\n    background:\r\n        rgba(255,255,255,.94);\r\n\r\n    color:\r\n        var(--hv-primary);\r\n\r\n    box-shadow:\r\n        0 8px 30px\r\n        rgba(0,0,0,.18);\r\n}\r\n\r\n\r\n.hv-video-play svg {\r\n\r\n    width:\r\n        27px;\r\n\r\n    height:\r\n        27px;\r\n\r\n    margin-left:\r\n        2px;\r\n}\r\n\r\n\r\n.hv-video-card__content {\r\n\r\n    padding:\r\n        21px 22px 24px;\r\n}\r\n\r\n\r\n.hv-video-card__content > span {\r\n\r\n    display:\r\n        block;\r\n\r\n    margin-bottom:\r\n        6px;\r\n\r\n    color:\r\n        var(--hv-primary);\r\n\r\n    font-size:\r\n        11px;\r\n\r\n    font-weight:\r\n        750;\r\n\r\n    letter-spacing:\r\n        .085em;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.hv-video-card__content h3 {\r\n\r\n    margin:\r\n        0;\r\n\r\n    color:\r\n        var(--hv-text);\r\n\r\n    font-size:\r\n        17px;\r\n\r\n    line-height:\r\n        1.4;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INFORMATION\r\n========================================================= *\/\r\n\r\n.hv-product-information {\r\n\r\n    padding:\r\n        78px 0 90px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ACCORDION\r\n========================================================= *\/\r\n\r\n.hv-product-accordion {\r\n\r\n    border-top:\r\n        1px solid\r\n        var(--hv-border);\r\n}\r\n\r\n\r\n.hv-product-accordion__item {\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(--hv-border);\r\n}\r\n\r\n\r\n.hv-product-accordion__button {\r\n\r\n    width:\r\n        100%;\r\n\r\n    min-height:\r\n        72px;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        space-between;\r\n\r\n    gap:\r\n        24px;\r\n\r\n    padding:\r\n        0;\r\n\r\n    border:\r\n        0;\r\n\r\n    background:\r\n        transparent;\r\n\r\n    color:\r\n        var(--hv-text);\r\n\r\n    font-family:\r\n        inherit;\r\n\r\n    font-size:\r\n        18px;\r\n\r\n    font-weight:\r\n        700;\r\n\r\n    text-align:\r\n        left;\r\n\r\n    cursor:\r\n        pointer;\r\n}\r\n\r\n\r\n.hv-product-accordion__button:hover {\r\n\r\n    color:\r\n        var(--hv-primary);\r\n}\r\n\r\n\r\n.hv-product-accordion__icon {\r\n\r\n    position:\r\n        relative;\r\n\r\n    width:\r\n        20px;\r\n\r\n    height:\r\n        20px;\r\n\r\n    flex:\r\n        0 0 20px;\r\n}\r\n\r\n\r\n.hv-product-accordion__icon::before,\r\n.hv-product-accordion__icon::after {\r\n\r\n    content:\r\n        \"\";\r\n\r\n    position:\r\n        absolute;\r\n\r\n    left:\r\n        50%;\r\n\r\n    top:\r\n        50%;\r\n\r\n    width:\r\n        14px;\r\n\r\n    height:\r\n        2px;\r\n\r\n    border-radius:\r\n        99px;\r\n\r\n    background:\r\n        currentColor;\r\n\r\n    transform:\r\n        translate(-50%,-50%);\r\n\r\n    transition:\r\n        transform .25s ease;\r\n}\r\n\r\n\r\n.hv-product-accordion__icon::after {\r\n\r\n    transform:\r\n        translate(-50%,-50%)\r\n        rotate(90deg);\r\n}\r\n\r\n\r\n.hv-product-accordion__item.is-open\r\n.hv-product-accordion__icon::after {\r\n\r\n    transform:\r\n        translate(-50%,-50%)\r\n        rotate(0);\r\n}\r\n\r\n\r\n.hv-product-accordion__panel {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-rows:\r\n        0fr;\r\n\r\n    transition:\r\n        grid-template-rows .32s ease;\r\n}\r\n\r\n\r\n.hv-product-accordion__item.is-open\r\n.hv-product-accordion__panel {\r\n\r\n    grid-template-rows:\r\n        1fr;\r\n}\r\n\r\n\r\n.hv-product-accordion__content {\r\n\r\n    overflow:\r\n        hidden;\r\n\r\n    color:\r\n        var(--hv-muted);\r\n\r\n    font-size:\r\n        14px;\r\n\r\n    line-height:\r\n        1.7;\r\n}\r\n\r\n\r\n.hv-product-accordion__item.is-open\r\n.hv-product-accordion__content {\r\n\r\n    padding-bottom:\r\n        34px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SPECS\r\n========================================================= *\/\r\n\r\n.hv-spec-heading {\r\n\r\n    padding:\r\n        17px 20px;\r\n\r\n    border-radius:\r\n        6px 6px 0 0;\r\n\r\n    background:\r\n        var(--hv-primary);\r\n\r\n    color:\r\n        #fff;\r\n\r\n    font-size:\r\n        13px;\r\n\r\n    font-weight:\r\n        750;\r\n\r\n    letter-spacing:\r\n        .055em;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n.hv-spec-table-wrap {\r\n\r\n    overflow-x:\r\n        auto;\r\n\r\n    border:\r\n        1px solid\r\n        var(--hv-border);\r\n\r\n    border-top:\r\n        0;\r\n\r\n    border-radius:\r\n        0 0 6px 6px;\r\n}\r\n\r\n\r\n.hv-spec-table {\r\n\r\n    width:\r\n        100%;\r\n\r\n    border-collapse:\r\n        collapse;\r\n}\r\n\r\n\r\n.hv-spec-table th,\r\n.hv-spec-table td {\r\n\r\n    padding:\r\n        17px 20px;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(--hv-border);\r\n\r\n    text-align:\r\n        left;\r\n}\r\n\r\n\r\n.hv-spec-table tr:last-child th,\r\n.hv-spec-table tr:last-child td {\r\n\r\n    border-bottom:\r\n        0;\r\n}\r\n\r\n\r\n.hv-spec-table th {\r\n\r\n    width:\r\n        34%;\r\n\r\n    background:\r\n        #fafaf7;\r\n\r\n    color:\r\n        var(--hv-text);\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    font-weight:\r\n        700;\r\n\r\n    letter-spacing:\r\n        .035em;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INCLUDED\r\n========================================================= *\/\r\n\r\n.hv-product-included {\r\n\r\n    display:\r\n        grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2,minmax(0,1fr));\r\n\r\n    gap:\r\n        12px 28px;\r\n\r\n    padding:\r\n        0;\r\n\r\n    margin:\r\n        0;\r\n\r\n    list-style:\r\n        none;\r\n}\r\n\r\n\r\n.hv-product-included li {\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    gap:\r\n        10px;\r\n\r\n    padding:\r\n        13px 0;\r\n\r\n    color:\r\n        var(--hv-text);\r\n\r\n    font-weight:\r\n        600;\r\n}\r\n\r\n\r\n.hv-product-included span {\r\n\r\n    color:\r\n        var(--hv-primary);\r\n\r\n    font-weight:\r\n        800;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FAQ \/ RICH TEXT\r\n========================================================= *\/\r\n\r\n.hv-product-faq {\r\n\r\n    max-width:\r\n        900px;\r\n}\r\n\r\n\r\n.hv-product-faq__item {\r\n\r\n    padding:\r\n        20px 0;\r\n\r\n    border-bottom:\r\n        1px solid\r\n        var(--hv-border);\r\n}\r\n\r\n\r\n.hv-product-faq__item:first-child {\r\n    padding-top:\r\n        0;\r\n}\r\n\r\n\r\n.hv-product-faq__item:last-child {\r\n\r\n    border-bottom:\r\n        0;\r\n}\r\n\r\n\r\n.hv-product-faq h3,\r\n.hv-product-richtext h3 {\r\n\r\n    margin:\r\n        0 0 7px;\r\n\r\n    color:\r\n        var(--hv-text);\r\n\r\n    font-size:\r\n        15px;\r\n\r\n    line-height:\r\n        1.5;\r\n}\r\n\r\n\r\n.hv-product-faq p,\r\n.hv-product-richtext p {\r\n\r\n    margin:\r\n        0 0 17px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   VIDEO MODAL\r\n========================================================= *\/\r\n\r\n.hv-video-modal {\r\n\r\n    position:\r\n        fixed;\r\n\r\n    z-index:\r\n        99999;\r\n\r\n    inset:\r\n        0;\r\n\r\n    display:\r\n        flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    padding:\r\n        30px;\r\n\r\n    opacity:\r\n        0;\r\n\r\n    visibility:\r\n        hidden;\r\n\r\n    transition:\r\n        opacity .25s ease,\r\n        visibility .25s ease;\r\n}\r\n\r\n\r\n.hv-video-modal.is-open {\r\n\r\n    opacity:\r\n        1;\r\n\r\n    visibility:\r\n        visible;\r\n}\r\n\r\n\r\n.hv-video-modal__backdrop {\r\n\r\n    position:\r\n        absolute;\r\n\r\n    inset:\r\n        0;\r\n\r\n    width:\r\n        100%;\r\n\r\n    height:\r\n        100%;\r\n\r\n    border:\r\n        0;\r\n\r\n    background:\r\n        rgba(9,12,10,.88);\r\n\r\n    cursor:\r\n        pointer;\r\n}\r\n\r\n\r\n.hv-video-modal__dialog {\r\n\r\n    position:\r\n        relative;\r\n\r\n    z-index:\r\n        2;\r\n\r\n    width:\r\n        min(1000px,100%);\r\n\r\n    background:\r\n        #000;\r\n\r\n    border-radius:\r\n        8px;\r\n}\r\n\r\n\r\n.hv-video-modal__frame {\r\n\r\n    position:\r\n        relative;\r\n\r\n    aspect-ratio:\r\n        16 \/ 9;\r\n}\r\n\r\n\r\n.hv-video-modal__frame iframe {\r\n\r\n    position:\r\n        absolute;\r\n\r\n    inset:\r\n        0;\r\n\r\n    width:\r\n        100%;\r\n\r\n    height:\r\n        100%;\r\n\r\n    border:\r\n        0;\r\n}\r\n\r\n\r\n.hv-video-modal__close {\r\n\r\n    position:\r\n        absolute;\r\n\r\n    z-index:\r\n        5;\r\n\r\n    top:\r\n        -42px;\r\n\r\n    right:\r\n        0;\r\n\r\n    padding:\r\n        0;\r\n\r\n    border:\r\n        0;\r\n\r\n    background:\r\n        transparent;\r\n\r\n    color:\r\n        #fff;\r\n\r\n    font-size:\r\n        34px;\r\n\r\n    line-height:\r\n        1;\r\n\r\n    cursor:\r\n        pointer;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .hv-product-container {\r\n\r\n        width:\r\n            calc(100% - 36px);\r\n    }\r\n\r\n\r\n    .hv-product-story__grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap:\r\n            45px;\r\n    }\r\n\r\n\r\n    .hv-product-features {\r\n\r\n        position:\r\n            static;\r\n    }\r\n\r\n\r\n    .hv-product-benefits__grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2,1fr);\r\n    }\r\n\r\n\r\n    .hv-product-benefit:nth-child(2) {\r\n\r\n        border-right:\r\n            0;\r\n    }\r\n\r\n\r\n    .hv-product-benefit:nth-child(-n+2) {\r\n\r\n        border-bottom:\r\n            1px solid\r\n            var(--hv-border);\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 640px) {\r\n\r\n    .hv-product-container {\r\n\r\n        width:\r\n            calc(100% - 28px);\r\n    }\r\n\r\n\r\n    .hv-product-story {\r\n\r\n        padding:\r\n            48px 0;\r\n    }\r\n\r\n\r\n    .hv-product-story__grid {\r\n\r\n        gap:\r\n            34px;\r\n    }\r\n\r\n\r\n    .hv-product-description__body.is-collapsed {\r\n\r\n        max-height:\r\n            470px;\r\n    }\r\n\r\n\r\n    .hv-product-features {\r\n\r\n        padding:\r\n            24px 20px;\r\n    }\r\n\r\n\r\n    .hv-product-benefits {\r\n\r\n        padding-bottom:\r\n            48px;\r\n    }\r\n\r\n\r\n    .hv-product-benefit {\r\n\r\n        padding:\r\n            22px 10px;\r\n    }\r\n\r\n\r\n    .hv-product-benefit strong {\r\n\r\n        font-size:\r\n            20px;\r\n    }\r\n\r\n\r\n    .hv-product-benefit span {\r\n\r\n        font-size:\r\n            10px;\r\n    }\r\n\r\n\r\n    .hv-product-videos,\r\n    .hv-product-information {\r\n\r\n        padding:\r\n            52px 0;\r\n    }\r\n\r\n\r\n    .hv-product-videos__grid {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n    }\r\n\r\n\r\n    .hv-product-section-heading {\r\n\r\n        margin-bottom:\r\n            27px;\r\n    }\r\n\r\n\r\n    .hv-product-section-heading h2,\r\n    .hv-product-heading h2 {\r\n\r\n        font-size:\r\n            28px;\r\n    }\r\n\r\n\r\n    .hv-product-accordion__button {\r\n\r\n        min-height:\r\n            64px;\r\n\r\n        font-size:\r\n            16px;\r\n    }\r\n\r\n\r\n    .hv-product-included {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n    }\r\n\r\n\r\n    .hv-spec-table th,\r\n    .hv-spec-table td {\r\n\r\n        padding:\r\n            14px;\r\n    }\r\n\r\n\r\n    .hv-spec-table th {\r\n\r\n        width:\r\n            42%;\r\n    }\r\n\r\n\r\n    .hv-video-modal {\r\n\r\n        padding:\r\n            16px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const root =\r\n        document.querySelector(\".hv-product-landing\");\r\n\r\n    if (!root) return;\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       READ MORE\r\n    ====================================================== *\/\r\n\r\n    const description =\r\n        root.querySelector(\"[data-hv-description]\");\r\n\r\n    const readMore =\r\n        root.querySelector(\"[data-hv-readmore]\");\r\n\r\n\r\n    if (description && readMore) {\r\n\r\n        readMore.addEventListener(\r\n            \"click\",\r\n            function () {\r\n\r\n                const expanded =\r\n                    description.classList.contains(\r\n                        \"is-expanded\"\r\n                    );\r\n\r\n\r\n                description.classList.toggle(\r\n                    \"is-expanded\",\r\n                    !expanded\r\n                );\r\n\r\n                description.classList.toggle(\r\n                    \"is-collapsed\",\r\n                    expanded\r\n                );\r\n\r\n\r\n                readMore.setAttribute(\r\n                    \"aria-expanded\",\r\n                    String(!expanded)\r\n                );\r\n\r\n\r\n                const text =\r\n                    readMore.querySelector(\"span\");\r\n\r\n\r\n                if (text) {\r\n\r\n                    text.textContent =\r\n                        expanded\r\n                            ? \"Read more\"\r\n                            : \"Read less\";\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       ACCORDION\r\n    ====================================================== *\/\r\n\r\n    const accordionItems =\r\n        root.querySelectorAll(\r\n            \".hv-product-accordion__item\"\r\n        );\r\n\r\n\r\n    accordionItems.forEach(\r\n        function (item) {\r\n\r\n            const button =\r\n                item.querySelector(\r\n                    \".hv-product-accordion__button\"\r\n                );\r\n\r\n\r\n            if (!button) return;\r\n\r\n\r\n            button.addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    const open =\r\n                        item.classList.contains(\r\n                            \"is-open\"\r\n                        );\r\n\r\n\r\n                    \/*\r\n                     * Close the other panels.\r\n                     * Remove this block if you want\r\n                     * multiple panels open at once.\r\n                     *\/\r\n\r\n                    accordionItems.forEach(\r\n                        function (otherItem) {\r\n\r\n                            if (otherItem === item) {\r\n                                return;\r\n                            }\r\n\r\n\r\n                            otherItem.classList.remove(\r\n                                \"is-open\"\r\n                            );\r\n\r\n\r\n                            const otherButton =\r\n                                otherItem.querySelector(\r\n                                    \".hv-product-accordion__button\"\r\n                                );\r\n\r\n\r\n                            if (otherButton) {\r\n\r\n                                otherButton.setAttribute(\r\n                                    \"aria-expanded\",\r\n                                    \"false\"\r\n                                );\r\n\r\n                            }\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                    item.classList.toggle(\r\n                        \"is-open\",\r\n                        !open\r\n                    );\r\n\r\n\r\n                    button.setAttribute(\r\n                        \"aria-expanded\",\r\n                        String(!open)\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       VIDEO POPUP\r\n    ====================================================== *\/\r\n\r\n    const modal =\r\n        root.querySelector(\r\n            \"[data-hv-video-modal]\"\r\n        );\r\n\r\n    const iframe =\r\n        root.querySelector(\r\n            \"[data-hv-video-frame]\"\r\n        );\r\n\r\n    const videoButtons =\r\n        root.querySelectorAll(\r\n            \"[data-hv-video]\"\r\n        );\r\n\r\n    const closeButtons =\r\n        root.querySelectorAll(\r\n            \"[data-hv-video-close]\"\r\n        );\r\n\r\n\r\n    function closeVideo() {\r\n\r\n        if (!modal || !iframe) return;\r\n\r\n\r\n        modal.classList.remove(\r\n            \"is-open\"\r\n        );\r\n\r\n\r\n        modal.setAttribute(\r\n            \"aria-hidden\",\r\n            \"true\"\r\n        );\r\n\r\n\r\n        iframe.src = \"\";\r\n\r\n\r\n        document.documentElement.style.overflow =\r\n            \"\";\r\n\r\n    }\r\n\r\n\r\n    videoButtons.forEach(\r\n        function (button) {\r\n\r\n            button.addEventListener(\r\n                \"click\",\r\n                function () {\r\n\r\n                    if (!modal || !iframe) {\r\n                        return;\r\n                    }\r\n\r\n\r\n                    const video =\r\n                        button.getAttribute(\r\n                            \"data-hv-video\"\r\n                        );\r\n\r\n\r\n                    if (!video) return;\r\n\r\n\r\n                    iframe.src =\r\n                        video +\r\n                        \"?autoplay=1&rel=0\";\r\n\r\n\r\n                    modal.classList.add(\r\n                        \"is-open\"\r\n                    );\r\n\r\n\r\n                    modal.setAttribute(\r\n                        \"aria-hidden\",\r\n                        \"false\"\r\n                    );\r\n\r\n\r\n                    document.documentElement.style.overflow =\r\n                        \"hidden\";\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    closeButtons.forEach(\r\n        function (button) {\r\n\r\n            button.addEventListener(\r\n                \"click\",\r\n                closeVideo\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    document.addEventListener(\r\n        \"keydown\",\r\n        function (event) {\r\n\r\n            if (event.key === \"Escape\") {\r\n                closeVideo();\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Product Details Built for the Adventure Available for home delivery to most areas. The XTM Lightweight Hardtop Rooftop Tent is built for off-road adventures and weekend escapes. Tough, lightweight and packed with practical features, it turns your vehicle into a comfortable basecamp wherever your next trip takes you. Lightweight Hardtop Design Built with a robust [&hellip;]<\/p>\n","protected":false},"featured_media":2072,"comment_status":"open","ping_status":"closed","template":"","meta":[],"product_brand":[],"product_cat":[45],"product_tag":[],"class_list":["post-2062","product","type-product","status-publish","has-post-thumbnail","product_cat-vehicle-rv","first","instock","shipping-taxable","purchasable","product-type-simple"],"_links":{"self":[{"href":"https:\/\/morningpick.shop\/de\/wp-json\/wp\/v2\/product\/2062","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/morningpick.shop\/de\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/morningpick.shop\/de\/wp-json\/wp\/v2\/types\/product"}],"replies":[{"embeddable":true,"href":"https:\/\/morningpick.shop\/de\/wp-json\/wp\/v2\/comments?post=2062"}],"version-history":[{"count":8,"href":"https:\/\/morningpick.shop\/de\/wp-json\/wp\/v2\/product\/2062\/revisions"}],"predecessor-version":[{"id":2082,"href":"https:\/\/morningpick.shop\/de\/wp-json\/wp\/v2\/product\/2062\/revisions\/2082"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/morningpick.shop\/de\/wp-json\/wp\/v2\/media\/2072"}],"wp:attachment":[{"href":"https:\/\/morningpick.shop\/de\/wp-json\/wp\/v2\/media?parent=2062"}],"wp:term":[{"taxonomy":"product_brand","embeddable":true,"href":"https:\/\/morningpick.shop\/de\/wp-json\/wp\/v2\/product_brand?post=2062"},{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/morningpick.shop\/de\/wp-json\/wp\/v2\/product_cat?post=2062"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/morningpick.shop\/de\/wp-json\/wp\/v2\/product_tag?post=2062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}