{"id":2637,"date":"2026-05-25T02:12:53","date_gmt":"2026-05-25T02:12:53","guid":{"rendered":"https:\/\/oceanstarhouse.com\/?page_id=2637"},"modified":"2026-06-18T06:38:41","modified_gmt":"2026-06-18T06:38:41","slug":"produkt","status":"publish","type":"page","link":"https:\/\/oceanstarhouse.com\/de\/product\/","title":{"rendered":"Produkt"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2637\" class=\"elementor elementor-2637\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53163c9 e-con-full e-flex e-con e-parent\" data-id=\"53163c9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-347ed679 e-con-full e-flex e-con e-child\" data-id=\"347ed679\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7fb67fc9 elementor-widget elementor-widget-heading\" data-id=\"7fb67fc9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">product<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d5df56 e-con-full e-flex e-con e-parent\" data-id=\"8d5df56\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c80518d elementor-widget elementor-widget-shortcode\" data-id=\"c80518d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <main class=\"osh-products-page\">\n\n        <section class=\"osh-products-hero\">\n            <div class=\"osh-products-wrap\">\n\n                <div class=\"osh-products-hero-inner\">\n                    <div class=\"osh-products-hero-copy\">\n                        <span class=\"osh-products-kicker\">Product Systems<\/span>\n                        <h1>Modular housing systems for project supply<\/h1>\n                    <\/div>\n\n                    <div class=\"osh-products-hero-text\">\n                        <p>\n                            Explore modular housing systems for resort accommodation, expandable living,\n                            folding deployment, flat pack project buildings, and commercial container spaces.\n                        <\/p>\n\n                        <a href=\"\/contact\/\">\n                            Discuss Your Project\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                <path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <path d=\"M9 7H17V15\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <\/svg>\n                        <\/a>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <section class=\"osh-products-catalog\">\n            <div class=\"osh-products-wrap\">\n\n                                    \n                    <article class=\"osh-products-row osh-products-row--space\">\n\n                        <div\n                            class=\"osh-products-row-media\"\n                            data-osh-gallery\n                            aria-label=\"Space Capsule House\"\n                        >\n                            <div class=\"osh-products-row-img has-image\">\n\n                                                                                                            <div\n                                            class=\"osh-products-row-slide is-active\"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Space-Capsule-House-1.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Space-Capsule-House-2.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Space-Capsule-House-3.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Space-Capsule-House-Fit-Out-1.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Space-Capsule-House-Fit-Out-2.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Space-Capsule-House-Fit-Out-3.png');\"\n                                        ><\/div>\n                                                                    \n                            <\/div>\n\n                                                            <div class=\"osh-products-gallery-controls\" aria-label=\"Product gallery controls\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"osh-products-gallery-arrow osh-products-gallery-prev\"\n                                        aria-label=\"Previous image\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                            <path d=\"M15 6L9 12L15 18\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/button>\n\n                                    <button\n                                        type=\"button\"\n                                        class=\"osh-products-gallery-arrow osh-products-gallery-next\"\n                                        aria-label=\"Next image\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                            <path d=\"M9 6L15 12L9 18\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/button>\n\n                                    <div class=\"osh-products-gallery-dots\" aria-label=\"Product gallery navigation\">\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot is-active\"\n                                                data-index=\"0\"\n                                                aria-label=\"View image 1\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"1\"\n                                                aria-label=\"View image 2\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"2\"\n                                                aria-label=\"View image 3\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"3\"\n                                                aria-label=\"View image 4\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"4\"\n                                                aria-label=\"View image 5\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"5\"\n                                                aria-label=\"View image 6\"\n                                            ><\/button>\n                                                                            <\/div>\n                                <\/div>\n                            \n                            <div class=\"osh-products-row-mask\"><\/div>\n\n                            <a\n                                class=\"osh-products-row-click\"\n                                href=\"\/products\/space-capsule-house\/\"\n                                aria-label=\"Space Capsule House\"\n                            ><\/a>\n\n                            <div class=\"osh-products-row-media-text\">\n                                <span>Resort Accommodation Unit<\/span>\n                                <strong>Space Capsule House<\/strong>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"osh-products-row-content\">\n                            <span class=\"osh-products-product-type\">Resort Accommodation Unit<\/span>\n\n                            <h2>Space Capsule House<\/h2>\n\n                            <p>Premium capsule-style modular units for resorts, scenic destinations, campsites, and hospitality accommodation projects.<\/p>\n\n                            <div class=\"osh-products-info-list\">\n                                <div>\n                                    <span>Application<\/span>\n                                    <strong>Resorts \u00b7 Campsites \u00b7 Scenic Parks<\/strong>\n                                <\/div>\n\n                                <div>\n                                    <span>Buyer Type<\/span>\n                                    <strong>Tourism Developers \u00b7 Resort Operators<\/strong>\n                                <\/div>\n\n                                <div>\n                                    <span>Supply Mode<\/span>\n                                    <strong>Standard Models \u00b7 Project Supply<\/strong>\n                                <\/div>\n                            <\/div>\n\n                            <a class=\"osh-products-detail-link\" href=\"\/products\/space-capsule-house\/\">\n                                View Product Details\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                    <path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <path d=\"M9 7H17V15\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n\n                    <\/article>\n\n                                    \n                    <article class=\"osh-products-row osh-products-row--expandable\">\n\n                        <div\n                            class=\"osh-products-row-media\"\n                            data-osh-gallery\n                            aria-label=\"Expandable Container House\"\n                        >\n                            <div class=\"osh-products-row-img has-image\">\n\n                                                                                                            <div\n                                            class=\"osh-products-row-slide is-active\"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Expandable-Container-House-2.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Expandable-Container-House-1.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Expandable-Container-House-3.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Expandable-Container-House-Fit-Out-1.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Expandable-Container-House-Fit-Out-2.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Expandable-Container-House-Fit-Out-3.png');\"\n                                        ><\/div>\n                                                                    \n                            <\/div>\n\n                                                            <div class=\"osh-products-gallery-controls\" aria-label=\"Product gallery controls\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"osh-products-gallery-arrow osh-products-gallery-prev\"\n                                        aria-label=\"Previous image\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                            <path d=\"M15 6L9 12L15 18\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/button>\n\n                                    <button\n                                        type=\"button\"\n                                        class=\"osh-products-gallery-arrow osh-products-gallery-next\"\n                                        aria-label=\"Next image\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                            <path d=\"M9 6L15 12L9 18\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/button>\n\n                                    <div class=\"osh-products-gallery-dots\" aria-label=\"Product gallery navigation\">\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot is-active\"\n                                                data-index=\"0\"\n                                                aria-label=\"View image 1\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"1\"\n                                                aria-label=\"View image 2\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"2\"\n                                                aria-label=\"View image 3\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"3\"\n                                                aria-label=\"View image 4\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"4\"\n                                                aria-label=\"View image 5\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"5\"\n                                                aria-label=\"View image 6\"\n                                            ><\/button>\n                                                                            <\/div>\n                                <\/div>\n                            \n                            <div class=\"osh-products-row-mask\"><\/div>\n\n                            <a\n                                class=\"osh-products-row-click\"\n                                href=\"\/products\/expandable-container-house\/\"\n                                aria-label=\"Expandable Container House\"\n                            ><\/a>\n\n                            <div class=\"osh-products-row-media-text\">\n                                <span>Expandable Living Unit<\/span>\n                                <strong>Expandable Container House<\/strong>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"osh-products-row-content\">\n                            <span class=\"osh-products-product-type\">Expandable Living Unit<\/span>\n\n                            <h2>Expandable Container House<\/h2>\n\n                            <p>Expandable container homes designed for fast deployment, flexible living space, temporary housing, and project accommodation.<\/p>\n\n                            <div class=\"osh-products-info-list\">\n                                <div>\n                                    <span>Application<\/span>\n                                    <strong>Temporary Housing \u00b7 Site Camps \u00b7 Project Living<\/strong>\n                                <\/div>\n\n                                <div>\n                                    <span>Buyer Type<\/span>\n                                    <strong>Contractors \u00b7 Project Buyers \u00b7 Developers<\/strong>\n                                <\/div>\n\n                                <div>\n                                    <span>Supply Mode<\/span>\n                                    <strong>Expandable Units \u00b7 Batch Supply<\/strong>\n                                <\/div>\n                            <\/div>\n\n                            <a class=\"osh-products-detail-link\" href=\"\/products\/expandable-container-house\/\">\n                                View Product Details\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                    <path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <path d=\"M9 7H17V15\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n\n                    <\/article>\n\n                                    \n                    <article class=\"osh-products-row osh-products-row--folding\">\n\n                        <div\n                            class=\"osh-products-row-media\"\n                            data-osh-gallery\n                            aria-label=\"Z-Type Folding Container House\"\n                        >\n                            <div class=\"osh-products-row-img has-image\">\n\n                                                                                                            <div\n                                            class=\"osh-products-row-slide is-active\"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Z-Type-Folding-Container-House-2.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Z-Type-Folding-Container-House-3.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Z-Type-Folding-Container-House-1.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Z-Type-Folding-Container-House-5.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Z-Type-Folding-Container-House-4.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Z-Type-Folding-Container-House-6.png');\"\n                                        ><\/div>\n                                                                    \n                            <\/div>\n\n                                                            <div class=\"osh-products-gallery-controls\" aria-label=\"Product gallery controls\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"osh-products-gallery-arrow osh-products-gallery-prev\"\n                                        aria-label=\"Previous image\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                            <path d=\"M15 6L9 12L15 18\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/button>\n\n                                    <button\n                                        type=\"button\"\n                                        class=\"osh-products-gallery-arrow osh-products-gallery-next\"\n                                        aria-label=\"Next image\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                            <path d=\"M9 6L15 12L9 18\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/button>\n\n                                    <div class=\"osh-products-gallery-dots\" aria-label=\"Product gallery navigation\">\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot is-active\"\n                                                data-index=\"0\"\n                                                aria-label=\"View image 1\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"1\"\n                                                aria-label=\"View image 2\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"2\"\n                                                aria-label=\"View image 3\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"3\"\n                                                aria-label=\"View image 4\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"4\"\n                                                aria-label=\"View image 5\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"5\"\n                                                aria-label=\"View image 6\"\n                                            ><\/button>\n                                                                            <\/div>\n                                <\/div>\n                            \n                            <div class=\"osh-products-row-mask\"><\/div>\n\n                            <a\n                                class=\"osh-products-row-click\"\n                                href=\"\/products\/z-type-folding-container-house\/\"\n                                aria-label=\"Z-Type Folding Container House\"\n                            ><\/a>\n\n                            <div class=\"osh-products-row-media-text\">\n                                <span>Fast-Deployment Folding Unit<\/span>\n                                <strong>Z-Type Folding Container House<\/strong>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"osh-products-row-content\">\n                            <span class=\"osh-products-product-type\">Fast-Deployment Folding Unit<\/span>\n\n                            <h2>Z-Type Folding Container House<\/h2>\n\n                            <p>Compact folding container units for quick installation, functional spaces, offices, reception rooms, and temporary facilities.<\/p>\n\n                            <div class=\"osh-products-info-list\">\n                                <div>\n                                    <span>Application<\/span>\n                                    <strong>Site Offices \u00b7 Reception Units \u00b7 Temporary Rooms<\/strong>\n                                <\/div>\n\n                                <div>\n                                    <span>Buyer Type<\/span>\n                                    <strong>Contractors \u00b7 Camp Operators \u00b7 Project Buyers<\/strong>\n                                <\/div>\n\n                                <div>\n                                    <span>Supply Mode<\/span>\n                                    <strong>Folding Units \u00b7 Fast Deployment<\/strong>\n                                <\/div>\n                            <\/div>\n\n                            <a class=\"osh-products-detail-link\" href=\"\/products\/z-type-folding-container-house\/\">\n                                View Product Details\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                    <path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <path d=\"M9 7H17V15\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n\n                    <\/article>\n\n                                    \n                    <article class=\"osh-products-row osh-products-row--flatpack\">\n\n                        <div\n                            class=\"osh-products-row-media\"\n                            data-osh-gallery\n                            aria-label=\"Flat Pack Container House\"\n                        >\n                            <div class=\"osh-products-row-img has-image\">\n\n                                                                                                            <div\n                                            class=\"osh-products-row-slide is-active\"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Flat-Pack-Container-House-3.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Flat-Pack-Container-House-2.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Flat-Pack-Container-House-1.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Flat-Pack-Container-House-Fit-Out-2.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Flat-Pack-Container-House-Fit-Out-1.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Flat-Pack-Container-House-Fit-Out-3.png');\"\n                                        ><\/div>\n                                                                    \n                            <\/div>\n\n                                                            <div class=\"osh-products-gallery-controls\" aria-label=\"Product gallery controls\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"osh-products-gallery-arrow osh-products-gallery-prev\"\n                                        aria-label=\"Previous image\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                            <path d=\"M15 6L9 12L15 18\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/button>\n\n                                    <button\n                                        type=\"button\"\n                                        class=\"osh-products-gallery-arrow osh-products-gallery-next\"\n                                        aria-label=\"Next image\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                            <path d=\"M9 6L15 12L9 18\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/button>\n\n                                    <div class=\"osh-products-gallery-dots\" aria-label=\"Product gallery navigation\">\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot is-active\"\n                                                data-index=\"0\"\n                                                aria-label=\"View image 1\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"1\"\n                                                aria-label=\"View image 2\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"2\"\n                                                aria-label=\"View image 3\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"3\"\n                                                aria-label=\"View image 4\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"4\"\n                                                aria-label=\"View image 5\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"5\"\n                                                aria-label=\"View image 6\"\n                                            ><\/button>\n                                                                            <\/div>\n                                <\/div>\n                            \n                            <div class=\"osh-products-row-mask\"><\/div>\n\n                            <a\n                                class=\"osh-products-row-click\"\n                                href=\"\/products\/flat-pack-container-house\/\"\n                                aria-label=\"Flat Pack Container House\"\n                            ><\/a>\n\n                            <div class=\"osh-products-row-media-text\">\n                                <span>Project Building System<\/span>\n                                <strong>Flat Pack Container House<\/strong>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"osh-products-row-content\">\n                            <span class=\"osh-products-product-type\">Project Building System<\/span>\n\n                            <h2>Flat Pack Container House<\/h2>\n\n                            <p>Flat pack container systems for worker dormitories, offices, classrooms, clinics, camps, and large-scale project accommodation.<\/p>\n\n                            <div class=\"osh-products-info-list\">\n                                <div>\n                                    <span>Application<\/span>\n                                    <strong>Dormitories \u00b7 Offices \u00b7 Camps \u00b7 Support Buildings<\/strong>\n                                <\/div>\n\n                                <div>\n                                    <span>Buyer Type<\/span>\n                                    <strong>Developers \u00b7 Contractors \u00b7 Project Owners<\/strong>\n                                <\/div>\n\n                                <div>\n                                    <span>Supply Mode<\/span>\n                                    <strong>Flat Pack System \u00b7 Batch Delivery<\/strong>\n                                <\/div>\n                            <\/div>\n\n                            <a class=\"osh-products-detail-link\" href=\"\/products\/flat-pack-container-house\/\">\n                                View Product Details\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                    <path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <path d=\"M9 7H17V15\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n\n                    <\/article>\n\n                                    \n                    <article class=\"osh-products-row osh-products-row--commercial\">\n\n                        <div\n                            class=\"osh-products-row-media\"\n                            data-osh-gallery\n                            aria-label=\"Commercial Container House\"\n                        >\n                            <div class=\"osh-products-row-img has-image\">\n\n                                                                                                            <div\n                                            class=\"osh-products-row-slide is-active\"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Commercial-Container-House-1.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Commercial-Container-House-2.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Commercial-Container-House-3.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Commercial-Container-House-Out-1.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Commercial-Container-House-Out-3.png');\"\n                                        ><\/div>\n                                                                            <div\n                                            class=\"osh-products-row-slide \"\n                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Commercial-Container-House-Out-2.png');\"\n                                        ><\/div>\n                                                                    \n                            <\/div>\n\n                                                            <div class=\"osh-products-gallery-controls\" aria-label=\"Product gallery controls\">\n                                    <button\n                                        type=\"button\"\n                                        class=\"osh-products-gallery-arrow osh-products-gallery-prev\"\n                                        aria-label=\"Previous image\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                            <path d=\"M15 6L9 12L15 18\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/button>\n\n                                    <button\n                                        type=\"button\"\n                                        class=\"osh-products-gallery-arrow osh-products-gallery-next\"\n                                        aria-label=\"Next image\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                            <path d=\"M9 6L15 12L9 18\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <\/svg>\n                                    <\/button>\n\n                                    <div class=\"osh-products-gallery-dots\" aria-label=\"Product gallery navigation\">\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot is-active\"\n                                                data-index=\"0\"\n                                                aria-label=\"View image 1\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"1\"\n                                                aria-label=\"View image 2\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"2\"\n                                                aria-label=\"View image 3\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"3\"\n                                                aria-label=\"View image 4\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"4\"\n                                                aria-label=\"View image 5\"\n                                            ><\/button>\n                                                                                    <button\n                                                type=\"button\"\n                                                class=\"osh-products-gallery-dot \"\n                                                data-index=\"5\"\n                                                aria-label=\"View image 6\"\n                                            ><\/button>\n                                                                            <\/div>\n                                <\/div>\n                            \n                            <div class=\"osh-products-row-mask\"><\/div>\n\n                            <a\n                                class=\"osh-products-row-click\"\n                                href=\"\/products\/commercial-container-house\/\"\n                                aria-label=\"Commercial Container House\"\n                            ><\/a>\n\n                            <div class=\"osh-products-row-media-text\">\n                                <span>Retail &amp; Scenic Spot Unit<\/span>\n                                <strong>Commercial Container House<\/strong>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"osh-products-row-content\">\n                            <span class=\"osh-products-product-type\">Retail &amp; Scenic Spot Unit<\/span>\n\n                            <h2>Commercial Container House<\/h2>\n\n                            <p>Custom container units for caf\u00e9s, retail shops, kiosks, ticket offices, exhibition spaces, and tourism sites.<\/p>\n\n                            <div class=\"osh-products-info-list\">\n                                <div>\n                                    <span>Application<\/span>\n                                    <strong>Caf\u00e9s \u00b7 Retail Shops \u00b7 Scenic Spots<\/strong>\n                                <\/div>\n\n                                <div>\n                                    <span>Buyer Type<\/span>\n                                    <strong>Commercial Operators \u00b7 Tourism Developers<\/strong>\n                                <\/div>\n\n                                <div>\n                                    <span>Supply Mode<\/span>\n                                    <strong>Custom Commercial Units \u00b7 Project Supply<\/strong>\n                                <\/div>\n                            <\/div>\n\n                            <a class=\"osh-products-detail-link\" href=\"\/products\/commercial-container-house\/\">\n                                View Product Details\n                                <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                    <path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <path d=\"M9 7H17V15\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                <\/svg>\n                            <\/a>\n                        <\/div>\n\n                    <\/article>\n\n                \n            <\/div>\n        <\/section>\n\n        <section class=\"osh-products-selector\">\n            <div class=\"osh-products-wrap\">\n\n                <div class=\"osh-products-selector-inner\">\n\n                    <div class=\"osh-products-selector-head\">\n                        <span class=\"osh-products-kicker\">Selection Direction<\/span>\n                        <h2>Choose by project scenario<\/h2>\n                    <\/div>\n\n                    <div class=\"osh-products-selector-list\">\n                        <a href=\"\/products\/space-capsule-house\/\">\n                            <strong>Hospitality Accommodation<\/strong>\n                            <span>Space Capsule House \u00b7 resort stays \u00b7 scenic accommodation<\/span>\n                        <\/a>\n\n                        <a href=\"\/products\/expandable-container-house\/\">\n                            <strong>Expandable Living<\/strong>\n                            <span>Expandable Container House \u00b7 temporary living \u00b7 project housing<\/span>\n                        <\/a>\n\n                        <a href=\"\/products\/z-type-folding-container-house\/\">\n                            <strong>Fast Deployment Units<\/strong>\n                            <span>Z-Type Folding Container House \u00b7 quick installation \u00b7 functional space<\/span>\n                        <\/a>\n\n                        <a href=\"\/products\/flat-pack-container-house\/\">\n                            <strong>Project Building Systems<\/strong>\n                            <span>Flat Pack Container House \u00b7 dormitories \u00b7 offices \u00b7 site facilities<\/span>\n                        <\/a>\n\n                        <a href=\"\/products\/commercial-container-house\/\">\n                            <strong>Commercial Spaces<\/strong>\n                            <span>Commercial Container House \u00b7 caf\u00e9s \u00b7 retail shops \u00b7 scenic spots<\/span>\n                        <\/a>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <section class=\"osh-products-bottom-cta\">\n            <div class=\"osh-products-wrap\">\n\n                <div class=\"osh-products-bottom-inner\">\n                    <div>\n                        <span>Project Inquiry<\/span>\n                        <h2>Need support selecting the right modular housing system?<\/h2>\n                    <\/div>\n\n                    <a href=\"\/contact\/\">\n                        Contact Our Team\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                            <path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                            <path d=\"M9 7H17V15\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg>\n                    <\/a>\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n    <\/main>\n\n    <style>\n        .osh-products-page,\n        .osh-products-page * {\n            box-sizing: border-box;\n            font-style: normal !important;\n        }\n\n        .osh-products-page {\n            width: 100vw;\n            max-width: 100vw;\n            position: relative;\n            left: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            overflow: hidden;\n            color: #0d2435;\n            background:\n                radial-gradient(circle at 10% 8%, rgba(186, 138, 69, .04), transparent 30%),\n                radial-gradient(circle at 88% 12%, rgba(96, 130, 151, .08), transparent 34%),\n                linear-gradient(180deg, #f8f5ef 0%, #f7f8f6 42%, #edf3f5 100%);\n            font-family: Arial, Helvetica, sans-serif;\n        }\n\n        .osh-products-page::before {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background-image:\n                linear-gradient(rgba(17, 45, 67, .022) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(17, 45, 67, .022) 1px, transparent 1px);\n            background-size: 68px 68px;\n            opacity: .52;\n            pointer-events: none;\n            z-index: 0;\n        }\n\n        .osh-products-wrap {\n            position: relative;\n            z-index: 2;\n            width: min(1680px, calc(100vw - 96px));\n            margin: 0 auto;\n        }\n\n        .osh-products-hero {\n            position: relative;\n            z-index: 2;\n            padding: 96px 0 58px;\n        }\n\n        .osh-products-hero-inner {\n            display: grid;\n            grid-template-columns: minmax(0, 1fr) minmax(420px, 560px);\n            gap: 90px;\n            align-items: end;\n        }\n\n        .osh-products-kicker {\n            display: inline-flex;\n            align-items: center;\n            gap: 12px;\n            color: #9a7335;\n            font-size: 11px;\n            line-height: 1;\n            letter-spacing: .18em;\n            text-transform: uppercase;\n            font-weight: 850;\n            margin-bottom: 22px;\n        }\n\n        .osh-products-kicker::before {\n            content: \"\";\n            width: 44px;\n            height: 1px;\n            background: currentColor;\n            opacity: .62;\n        }\n\n        .osh-products-hero-copy h1 {\n            max-width: 1060px;\n            margin: 0;\n            color: #0d2435;\n            font-size: clamp(44px, 4.6vw, 84px);\n            line-height: .98;\n            letter-spacing: -2.6px;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        .osh-products-hero-text {\n            padding-left: 34px;\n            border-left: 1px solid rgba(13, 36, 53, .13);\n        }\n\n        .osh-products-hero-text p {\n            max-width: 520px;\n            margin: 0;\n            color: #5f7482;\n            font-size: 16px;\n            line-height: 1.72;\n            font-weight: 650;\n        }\n\n        .osh-products-hero-text a,\n        .osh-products-detail-link,\n        .osh-products-bottom-inner a {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            margin-top: 26px;\n            color: #0d2435;\n            text-decoration: none;\n            font-size: 14px;\n            line-height: 1;\n            font-weight: 900;\n            padding-bottom: 8px;\n            border-bottom: 1px solid rgba(13, 36, 53, .25);\n            transition: color .22s ease;\n        }\n\n        .osh-products-hero-text a:hover,\n        .osh-products-detail-link:hover,\n        .osh-products-bottom-inner a:hover {\n            color: #9a7335;\n        }\n\n        .osh-products-hero-text svg,\n        .osh-products-detail-link svg,\n        .osh-products-bottom-inner svg {\n            width: 15px;\n            height: 15px;\n            transition: transform .22s ease;\n        }\n\n        .osh-products-hero-text a:hover svg,\n        .osh-products-detail-link:hover svg,\n        .osh-products-bottom-inner a:hover svg {\n            transform: translate(2px, -2px);\n        }\n\n        .osh-products-catalog {\n            position: relative;\n            z-index: 2;\n            padding: 28px 0 88px;\n        }\n\n        .osh-products-row {\n            display: grid;\n            grid-template-columns: minmax(520px, .92fr) minmax(0, 1fr);\n            gap: 64px;\n            align-items: center;\n            padding: 46px 0;\n            border-top: 1px solid rgba(13, 36, 53, .10);\n        }\n\n        .osh-products-row:last-child {\n            border-bottom: 1px solid rgba(13, 36, 53, .10);\n        }\n\n        .osh-products-row-media {\n            position: relative;\n            display: block;\n            overflow: hidden;\n            aspect-ratio: 16 \/ 9;\n            border-radius: 24px;\n            background: #d8e2e8;\n            box-shadow: 0 28px 64px rgba(17, 45, 67, .11);\n            isolation: isolate;\n            text-decoration: none;\n            cursor: default;\n        }\n\n        .osh-products-row-img {\n            position: absolute;\n            inset: 0;\n            background-size: cover;\n            background-position: center;\n            transition: transform .48s ease;\n            z-index: 1;\n        }\n\n        .osh-products-row-media:hover .osh-products-row-img {\n            transform: scale(1.045);\n        }\n\n        .osh-products-row-img::after {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background-image:\n                linear-gradient(rgba(255, 255, 255, .065) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(255, 255, 255, .065) 1px, transparent 1px);\n            background-size: 62px 62px;\n            opacity: .42;\n            pointer-events: none;\n            z-index: 4;\n        }\n\n        .osh-products-row-slide {\n            position: absolute;\n            inset: 0;\n            background-size: cover;\n            background-position: center;\n            background-repeat: no-repeat;\n            opacity: 0;\n            transform: scale(1.01);\n            transition: opacity .32s ease, transform .48s ease;\n            z-index: 1;\n        }\n\n        .osh-products-row-slide.is-active {\n            opacity: 1;\n            transform: scale(1);\n            z-index: 2;\n        }\n\n        .osh-products-gallery-controls {\n            position: absolute;\n            inset: 0;\n            z-index: 10;\n            pointer-events: none;\n        }\n\n        .osh-products-gallery-arrow {\n            appearance: none;\n            -webkit-appearance: none;\n            position: absolute;\n            top: 48%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 44px;\n            height: 44px;\n            padding: 0;\n            margin: 0;\n            border: 1px solid rgba(255,255,255,.38);\n            border-radius: 999px;\n            background: rgba(13,36,53,.42);\n            color: #ffffff;\n            cursor: pointer;\n            transform: translateY(-50%);\n            pointer-events: auto;\n            backdrop-filter: blur(8px);\n            -webkit-backdrop-filter: blur(8px);\n            box-shadow: 0 12px 28px rgba(0,0,0,.18);\n            transition: background .22s ease, transform .22s ease, border-color .22s ease, opacity .22s ease;\n            opacity: .88;\n        }\n\n        .osh-products-gallery-arrow svg {\n            width: 22px;\n            height: 22px;\n            display: block;\n        }\n\n        .osh-products-gallery-arrow:hover {\n            background: rgba(13,36,53,.72);\n            border-color: rgba(255,255,255,.72);\n            opacity: 1;\n        }\n\n        .osh-products-gallery-prev {\n            left: 28px;\n        }\n\n        .osh-products-gallery-next {\n            right: 28px;\n        }\n\n        .osh-products-gallery-prev:hover {\n            transform: translateY(-50%) translateX(-2px);\n        }\n\n        .osh-products-gallery-next:hover {\n            transform: translateY(-50%) translateX(2px);\n        }\n\n        .osh-products-gallery-dots {\n            position: absolute;\n            right: 28px;\n            bottom: 28px;\n            display: flex;\n            align-items: center;\n            gap: 7px;\n            z-index: 12;\n            pointer-events: auto;\n            padding: 9px 11px;\n            border-radius: 999px;\n            background: rgba(13,36,53,.42);\n            border: 1px solid rgba(255,255,255,.22);\n            backdrop-filter: blur(8px);\n            -webkit-backdrop-filter: blur(8px);\n        }\n\n        .osh-products-gallery-dot {\n            appearance: none;\n            -webkit-appearance: none;\n            display: block;\n            width: 7px;\n            height: 7px;\n            padding: 0;\n            margin: 0;\n            border: 0;\n            border-radius: 999px;\n            background: rgba(255,255,255,.46);\n            box-shadow: 0 0 0 1px rgba(255,255,255,.18);\n            cursor: pointer;\n            transition: width .22s ease, background .22s ease, transform .22s ease;\n        }\n\n        .osh-products-gallery-dot:hover {\n            transform: scale(1.16);\n            background: rgba(255,255,255,.82);\n        }\n\n        .osh-products-gallery-dot.is-active {\n            width: 22px;\n            background: #ffffff;\n        }\n\n        .osh-products-row--space .osh-products-row-img.is-placeholder {\n            background-image:\n                radial-gradient(circle at 58% 36%, rgba(255,255,255,.28), transparent 20%),\n                linear-gradient(145deg, #b9c9d3 0%, #8fa9ba 48%, #17384d 100%);\n        }\n\n        .osh-products-row--expandable .osh-products-row-img.is-placeholder {\n            background-image:\n                radial-gradient(circle at 58% 36%, rgba(255,255,255,.26), transparent 20%),\n                linear-gradient(145deg, #c6d4dc 0%, #8ba2b1 48%, #243d52 100%);\n        }\n\n        .osh-products-row--folding .osh-products-row-img.is-placeholder {\n            background-image:\n                radial-gradient(circle at 58% 36%, rgba(255,255,255,.24), transparent 20%),\n                linear-gradient(145deg, #394852 0%, #263743 48%, #0d2435 100%);\n        }\n\n        .osh-products-row--flatpack .osh-products-row-img.is-placeholder {\n            background-image:\n                radial-gradient(circle at 58% 36%, rgba(255,255,255,.25), transparent 20%),\n                linear-gradient(145deg, #d4dde2 0%, #97a9b2 48%, #334b5a 100%);\n        }\n\n        .osh-products-row--commercial .osh-products-row-img.is-placeholder {\n            background-image:\n                radial-gradient(circle at 58% 36%, rgba(255,255,255,.24), transparent 20%),\n                linear-gradient(145deg, #b08a5a 0%, #6b4f3b 46%, #0d2435 100%);\n        }\n\n        .osh-products-row-mask {\n            position: absolute;\n            inset: 0;\n            z-index: 3;\n            background:\n                linear-gradient(180deg, rgba(8, 26, 39, .05) 0%, rgba(8, 26, 39, .18) 45%, rgba(8, 26, 39, .72) 100%);\n            pointer-events: none;\n        }\n\n        .osh-products-row-click {\n            position: absolute;\n            inset: 0;\n            z-index: 5;\n            display: block;\n            text-decoration: none !important;\n        }\n\n        .osh-products-row-media-text {\n            position: absolute;\n            z-index: 6;\n            left: 34px;\n            right: 34px;\n            bottom: 30px;\n            color: #ffffff;\n            pointer-events: none;\n        }\n\n        .osh-products-row-media-text span {\n            display: block;\n            margin-bottom: 14px;\n            color: rgba(255,255,255,.78);\n            font-size: 10px;\n            line-height: 1;\n            letter-spacing: .16em;\n            text-transform: uppercase;\n            font-weight: 850;\n        }\n\n        .osh-products-row-media-text strong {\n            display: block;\n            max-width: 560px;\n            color: #ffffff;\n            font-size: clamp(30px, 2.9vw, 52px);\n            line-height: .98;\n            letter-spacing: -1.5px;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        .osh-products-row-content {\n            max-width: 680px;\n        }\n\n        .osh-products-product-type {\n            display: block;\n            color: #9a7335;\n            font-size: 11px;\n            line-height: 1;\n            letter-spacing: .18em;\n            text-transform: uppercase;\n            font-weight: 850;\n            margin-bottom: 20px;\n        }\n\n        .osh-products-row-content h2 {\n            margin: 0;\n            color: #0d2435;\n            font-size: clamp(34px, 3vw, 58px);\n            line-height: 1.02;\n            letter-spacing: -1.8px;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        .osh-products-row-content > p {\n            max-width: 600px;\n            margin: 22px 0 0;\n            color: #657986;\n            font-size: 15.5px;\n            line-height: 1.72;\n            font-weight: 600;\n        }\n\n        .osh-products-info-list {\n            margin-top: 34px;\n            border-top: 1px solid rgba(13, 36, 53, .12);\n            border-bottom: 1px solid rgba(13, 36, 53, .12);\n        }\n\n        .osh-products-info-list div {\n            display: grid;\n            grid-template-columns: 140px minmax(0, 1fr);\n            gap: 24px;\n            padding: 17px 0;\n            border-bottom: 1px solid rgba(13, 36, 53, .08);\n        }\n\n        .osh-products-info-list div:last-child {\n            border-bottom: none;\n        }\n\n        .osh-products-info-list span {\n            color: #9a7335;\n            font-size: 10px;\n            line-height: 1;\n            letter-spacing: .16em;\n            text-transform: uppercase;\n            font-weight: 850;\n        }\n\n        .osh-products-info-list strong {\n            color: #0d2435;\n            font-size: 14.5px;\n            line-height: 1.42;\n            font-weight: 850;\n        }\n\n        .osh-products-selector {\n            position: relative;\n            z-index: 2;\n            padding: 84px 0;\n            border-top: 1px solid rgba(13, 36, 53, .10);\n            border-bottom: 1px solid rgba(13, 36, 53, .10);\n            background: rgba(255, 255, 255, .28);\n        }\n\n        .osh-products-selector-inner {\n            display: grid;\n            grid-template-columns: minmax(320px, 430px) minmax(0, 1fr);\n            gap: 80px;\n            align-items: start;\n        }\n\n        .osh-products-selector-head h2 {\n            margin: 0;\n            color: #0d2435;\n            font-size: clamp(30px, 2.65vw, 52px);\n            line-height: 1.05;\n            letter-spacing: -1.4px;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        .osh-products-selector-list {\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 0;\n            border-top: 1px solid rgba(13, 36, 53, .12);\n        }\n\n        .osh-products-selector-list a {\n            display: block;\n            padding: 28px 34px 30px 0;\n            min-height: 128px;\n            border-bottom: 1px solid rgba(13, 36, 53, .10);\n            text-decoration: none;\n            color: #0d2435;\n            transition: color .22s ease, background .22s ease, padding-left .22s ease;\n        }\n\n        .osh-products-selector-list a:nth-child(odd) {\n            border-right: 1px solid rgba(13, 36, 53, .10);\n        }\n\n        .osh-products-selector-list a:nth-child(even) {\n            padding-left: 34px;\n        }\n\n        .osh-products-selector-list a:hover {\n            color: #9a7335;\n            background: rgba(255,255,255,.36);\n        }\n\n        .osh-products-selector-list strong {\n            display: block;\n            font-size: 20px;\n            line-height: 1.18;\n            font-weight: 900;\n            text-transform: uppercase;\n            letter-spacing: -.3px;\n        }\n\n        .osh-products-selector-list span {\n            display: block;\n            margin-top: 12px;\n            color: #657986;\n            font-size: 13px;\n            line-height: 1.55;\n            font-weight: 650;\n        }\n\n        .osh-products-bottom-cta {\n            position: relative;\n            z-index: 2;\n            padding: 82px 0 108px;\n        }\n\n        .osh-products-bottom-inner {\n            display: grid;\n            grid-template-columns: minmax(0, 1fr) auto;\n            gap: 48px;\n            align-items: end;\n            padding-top: 40px;\n            border-top: 1px solid rgba(13, 36, 53, .12);\n        }\n\n        .osh-products-bottom-inner span {\n            display: block;\n            color: #9a7335;\n            font-size: 11px;\n            line-height: 1;\n            letter-spacing: .18em;\n            text-transform: uppercase;\n            font-weight: 850;\n            margin-bottom: 18px;\n        }\n\n        .osh-products-bottom-inner h2 {\n            max-width: 960px;\n            margin: 0;\n            color: #0d2435;\n            font-size: clamp(32px, 2.8vw, 56px);\n            line-height: 1.04;\n            letter-spacing: -1.4px;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        @media (max-width: 1280px) {\n            .osh-products-hero-inner,\n            .osh-products-row,\n            .osh-products-selector-inner,\n            .osh-products-bottom-inner {\n                grid-template-columns: 1fr;\n            }\n\n            .osh-products-hero-text {\n                padding-left: 0;\n                border-left: none;\n                max-width: 680px;\n            }\n\n            .osh-products-row {\n                gap: 34px;\n            }\n\n            .osh-products-row-content {\n                max-width: none;\n            }\n        }\n\n        @media (max-width: 760px) {\n            .osh-products-wrap {\n                width: min(100%, calc(100vw - 36px));\n            }\n\n            .osh-products-hero,\n            .osh-products-catalog,\n            .osh-products-selector,\n            .osh-products-bottom-cta {\n                padding: 64px 0;\n            }\n\n            .osh-products-hero-copy h1,\n            .osh-products-row-content h2,\n            .osh-products-selector-head h2,\n            .osh-products-bottom-inner h2 {\n                font-size: 38px;\n                letter-spacing: -1.2px;\n            }\n\n            .osh-products-row {\n                padding: 34px 0;\n            }\n\n            .osh-products-row-media {\n                border-radius: 18px;\n            }\n\n            .osh-products-row-media-text {\n                left: 22px;\n                right: 22px;\n                bottom: 22px;\n            }\n\n            .osh-products-row-media-text strong {\n                font-size: 30px;\n            }\n\n            .osh-products-info-list div {\n                grid-template-columns: 1fr;\n                gap: 8px;\n            }\n\n            .osh-products-selector-list {\n                grid-template-columns: 1fr;\n            }\n\n            .osh-products-selector-list a,\n            .osh-products-selector-list a:nth-child(even) {\n                padding-left: 0;\n                padding-right: 0;\n                border-right: none;\n            }\n\n            .osh-products-gallery-arrow {\n                width: 38px;\n                height: 38px;\n            }\n\n            .osh-products-gallery-arrow svg {\n                width: 20px;\n                height: 20px;\n            }\n\n            .osh-products-gallery-prev {\n                left: 14px;\n            }\n\n            .osh-products-gallery-next {\n                right: 14px;\n            }\n\n            .osh-products-gallery-dots {\n                right: 16px;\n                bottom: 16px;\n                gap: 6px;\n                padding: 8px 10px;\n            }\n        }\n    <\/style>\n\n    <script>\n        (function () {\n            function initProductGalleries() {\n                var galleries = document.querySelectorAll('[data-osh-gallery]');\n\n                galleries.forEach(function (gallery) {\n                    var slides = gallery.querySelectorAll('.osh-products-row-slide');\n                    var prevBtn = gallery.querySelector('.osh-products-gallery-prev');\n                    var nextBtn = gallery.querySelector('.osh-products-gallery-next');\n                    var dots = gallery.querySelectorAll('.osh-products-gallery-dot');\n\n                    if (!slides.length || !prevBtn || !nextBtn) {\n                        return;\n                    }\n\n                    var currentIndex = 0;\n                    var total = slides.length;\n\n                    function activate(index) {\n                        if (index < 0) {\n                            index = total - 1;\n                        }\n\n                        if (index >= total) {\n                            index = 0;\n                        }\n\n                        currentIndex = index;\n\n                        slides.forEach(function (slide, i) {\n                            slide.classList.toggle('is-active', i === currentIndex);\n                        });\n\n                        dots.forEach(function (dot, i) {\n                            dot.classList.toggle('is-active', i === currentIndex);\n                        });\n                    }\n\n                    prevBtn.addEventListener('click', function (event) {\n                        event.preventDefault();\n                        event.stopPropagation();\n                        activate(currentIndex - 1);\n                    });\n\n                    nextBtn.addEventListener('click', function (event) {\n                        event.preventDefault();\n                        event.stopPropagation();\n                        activate(currentIndex + 1);\n                    });\n\n                    dots.forEach(function (dot) {\n                        dot.addEventListener('click', function (event) {\n                            event.preventDefault();\n                            event.stopPropagation();\n\n                            var index = Number(dot.getAttribute('data-index'));\n\n                            if (!Number.isNaN(index)) {\n                                activate(index);\n                            }\n                        });\n                    });\n                });\n            }\n\n            if (document.readyState === 'loading') {\n                document.addEventListener('DOMContentLoaded', initProductGalleries);\n            } else {\n                initProductGalleries();\n            }\n        })();\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\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>Produkt<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-2637","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PhdmIQ-Gx","_links":{"self":[{"href":"https:\/\/oceanstarhouse.com\/de\/wp-json\/wp\/v2\/pages\/2637","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oceanstarhouse.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oceanstarhouse.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oceanstarhouse.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/oceanstarhouse.com\/de\/wp-json\/wp\/v2\/comments?post=2637"}],"version-history":[{"count":20,"href":"https:\/\/oceanstarhouse.com\/de\/wp-json\/wp\/v2\/pages\/2637\/revisions"}],"predecessor-version":[{"id":3377,"href":"https:\/\/oceanstarhouse.com\/de\/wp-json\/wp\/v2\/pages\/2637\/revisions\/3377"}],"wp:attachment":[{"href":"https:\/\/oceanstarhouse.com\/de\/wp-json\/wp\/v2\/media?parent=2637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}