{"id":2677,"date":"2026-05-25T08:05:39","date_gmt":"2026-05-25T08:05:39","guid":{"rendered":"https:\/\/oceanstarhouse.com\/?page_id=2677"},"modified":"2026-06-18T07:59:57","modified_gmt":"2026-06-18T07:59:57","slug":"gewerbliche-containerhaus","status":"publish","type":"page","link":"https:\/\/oceanstarhouse.com\/de\/commercial-container-house\/","title":{"rendered":"Gewerbliches Containerhaus"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2677\" class=\"elementor elementor-2677\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7429d3e1 e-flex e-con-boxed e-con e-parent\" data-id=\"7429d3e1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-494278c6 e-con-full e-flex e-con e-child\" data-id=\"494278c6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f421cc elementor-widget elementor-widget-heading\" data-id=\"8f421cc\" 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\">commercial container house<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d66c47 e-con-full e-flex e-con e-parent\" data-id=\"2d66c47\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-18a7095 elementor-widget elementor-widget-shortcode\" data-id=\"18a7095\" 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-pd-page osh-pd-theme-orange\">\n\n        <section class=\"osh-pd-hero\">\n            <div class=\"osh-pd-wrap\">\n\n                <div class=\"osh-pd-breadcrumb\">\n                    <a href=\"\/products\/\">Products<\/a>\n                    <span>\/<\/span>\n                    <em>Commercial Container House<\/em>\n                <\/div>\n\n                <div class=\"osh-pd-hero-grid\">\n\n                    <div class=\"osh-pd-hero-copy\">\n                        <span class=\"osh-pd-kicker\">Commercial Container Solution<\/span>\n\n                        <h1>Commercial Container House<\/h1>\n\n                        <p>Commercial container spaces for coffee shops, convenience stores, restaurants, retail shops, commercial complexes and sales centers.<\/p>\n\n                        <div class=\"osh-pd-meta-list\">\n                            <div>\n                                <span>Application<\/span>\n                                <strong>Coffee Shop \u00b7 Convenience Store \u00b7 Restaurant \u00b7 Retail \u00b7 Commercial Complex \u00b7 Sales Center<\/strong>\n                            <\/div>\n\n                            <div>\n                                <span>Buyer Type<\/span>\n                                <strong>Commercial Operators \u00b7 Tourism Developers \u00b7 Retail Brands \u00b7 Project Buyers<\/strong>\n                            <\/div>\n\n                            <div>\n                                <span>Supply Mode<\/span>\n                                <strong>Commercial Fit-out \u00b7 Custom Branding \u00b7 Project Supply<\/strong>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"osh-pd-actions\">\n                            <a class=\"osh-pd-btn-primary\" href=\"\/contact\/\">\n                                Request Project Quote\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\n                            <a class=\"osh-pd-btn-secondary\" href=\"\/products\/\">\n                                View All Products\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 class=\"osh-pd-hero-media\">\n                        <div\n                            class=\"osh-pd-hero-img has-image\"\n                                                            style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-4-2.png');\"\n                                                    ><\/div>\n\n                        <div class=\"osh-pd-media-mask\"><\/div>\n\n                        <div class=\"osh-pd-media-title\">\n                            <span>Commercial Business Container System<\/span>\n                            <strong>Commercial Container House<\/strong>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <section class=\"osh-pd-overview\">\n            <div class=\"osh-pd-wrap\">\n\n                <div class=\"osh-pd-overview-grid\">\n\n                    <div class=\"osh-pd-overview-title\">\n                        <span class=\"osh-pd-kicker\">Product Overview<\/span>\n                        <h2>A commercial container system organized by business application.<\/h2>\n                        <p>Commercial Container House is better managed by business type instead of residential model code. Each business format can be planned with storefront glazing, signage, counter layout, interior fit-out and brand customization.<\/p>\n                    <\/div>\n\n                    <div class=\"osh-pd-feature-list\">\n\n                        <article>\n                            <div class=\"osh-pd-feature-icon\">\n                                <svg viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\">\n                                    <path d=\"M24 6L40 15V33L24 42L8 33V15L24 6Z\" stroke=\"currentColor\" stroke-width=\"2\"><\/path>\n                                    <path d=\"M8 15L24 24L40 15\" stroke=\"currentColor\" stroke-width=\"2\"><\/path>\n                                    <path d=\"M24 24V42\" stroke=\"currentColor\" stroke-width=\"2\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h3>Project-ready Supply<\/h3>\n                            <p>Factory-supported preparation for project procurement and batch supply.<\/p>\n                        <\/article>\n\n                        <article>\n                            <div class=\"osh-pd-feature-icon\">\n                                <svg viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\">\n                                    <path d=\"M14 17H34V31H14V17Z\" stroke=\"currentColor\" stroke-width=\"2\"><\/path>\n                                    <path d=\"M8 24H14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                                    <path d=\"M34 24H40\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                                    <path d=\"M24 11V17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                                    <path d=\"M24 31V37\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h3>Flexible Configuration<\/h3>\n                            <p>Options can be matched with project use, site conditions, and buyer needs.<\/p>\n                        <\/article>\n\n                        <article>\n                            <div class=\"osh-pd-feature-icon\">\n                                <svg viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\">\n                                    <path d=\"M8 34L19 17L27 29L33 21L40 34H8Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"><\/path>\n                                    <path d=\"M30 13H36\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h3>Export Coordination<\/h3>\n                            <p>Support for packing, loading, documents, shipment communication, and delivery response.<\/p>\n                        <\/article>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        \n                    <section class=\"osh-pd-model-gallery-section\">\n                <div class=\"osh-pd-wrap\">\n\n                    <div class=\"osh-pd-model-gallery-head\">\n                        <div>\n                            <span class=\"osh-pd-kicker\">Project References<\/span>\n                            <h2>Explore project collection layouts<\/h2>\n                        <\/div>\n\n                        <div class=\"osh-pd-model-gallery-filters\" aria-label=\"Model category filters\">\n                            \n                                                            <button\n                                    class=\"active\"\n                                    type=\"button\"\n                                    data-filter=\"all\"\n                                >All<\/button>\n                                                            <button\n                                    class=\"\"\n                                    type=\"button\"\n                                    data-filter=\"food-beverage\"\n                                >Food &amp; Beverage<\/button>\n                                                            <button\n                                    class=\"\"\n                                    type=\"button\"\n                                    data-filter=\"retail\"\n                                >Retail<\/button>\n                                                            <button\n                                    class=\"\"\n                                    type=\"button\"\n                                    data-filter=\"commercial-complex\"\n                                >Commercial Complex<\/button>\n                                                            <button\n                                    class=\"\"\n                                    type=\"button\"\n                                    data-filter=\"sales-reception\"\n                                >Sales \/ Reception<\/button>\n                                                            <button\n                                    class=\"\"\n                                    type=\"button\"\n                                    data-filter=\"custom-business\"\n                                >Custom Business<\/button>\n                                                    <\/div>\n                    <\/div>\n\n                                            <div class=\"osh-pd-model-gallery-note\">\n                            <p>This series is managed by commercial application, not by residential model. The codes below are created for website management: CC means Commercial Container. Update images inside osh_commercial_container_model_images() by code such as cc-1, cc-2 or cc-6.<\/p>\n                        <\/div>\n                    \n                    <div class=\"osh-pd-model-gallery-grid\" id=\"oshPdModelGalleryGrid\">\n                                                                                <article class=\"osh-pd-model-card\" data-category=\"food-beverage\">\n                                <div class=\"osh-pd-model-card-media\">\n                                    <div class=\"osh-pd-model-card-slider\" data-slider>\n                                        <div class=\"osh-pd-model-card-track\">\n                                                                                                                                                <div class=\"osh-pd-model-card-slide\" data-slide-index=\"0\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-1-1.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"1\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-1-2.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"2\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-1-3.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"3\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-1-4.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"4\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-1-5.png');\"><\/div>\n                                                                                                                                    <\/div>\n\n                                                                                    <button class=\"osh-pd-model-card-arrow is-prev\" type=\"button\" aria-label=\"Previous image\">\n                                                <span aria-hidden=\"true\">\u2039<\/span>\n                                            <\/button>\n                                            <button class=\"osh-pd-model-card-arrow is-next\" type=\"button\" aria-label=\"Next image\">\n                                                <span aria-hidden=\"true\">\u203a<\/span>\n                                            <\/button>\n                                        \n                                        <div class=\"osh-pd-model-card-tag\"><span>Coffee Shop Container<\/span><\/div>\n\n                                                                                    <div class=\"osh-pd-model-card-dots\">\n                                                                                                    <button class=\"osh-pd-model-card-dot is-active\" type=\"button\" data-dot-index=\"0\" aria-label=\"Go to image 1\"><\/button>\n                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"1\" aria-label=\"Go to image 2\"><\/button>\n                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"2\" aria-label=\"Go to image 3\"><\/button>\n                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"3\" aria-label=\"Go to image 4\"><\/button>\n                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"4\" aria-label=\"Go to image 5\"><\/button>\n                                                                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-pd-model-card-body\">\n                                    <div class=\"osh-pd-model-card-series\">Food &amp; Beverage Business<\/div>\n                                    <h3>CC-1<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Coffee shop \u00b7 Caf\u00e9 \u00b7 Coffee kiosk \u00b7 Park caf\u00e9<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>20FT \/ 40FT \/ combined layout by project<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"osh-pd-model-card-meta-row\">\n                                        <div>\n                                            <span>Layout Type<\/span>\n                                            <strong>Counter \u00b7 Seating \u00b7 Display \u00b7 Outdoor deck \u00b7 Signage<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>Commercial container coffee shop solution with storefront glazing, service counter, brand signage and indoor\/outdoor seating planning.<\/p>\n\n                                    <div class=\"osh-pd-model-card-bottom\">\n                                        <em>Custom Size Yes<\/em>\n                                        <a href=\"#model-comparison\">View Specs\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                            <\/article>\n                                                                                <article class=\"osh-pd-model-card\" data-category=\"retail\">\n                                <div class=\"osh-pd-model-card-media\">\n                                    <div class=\"osh-pd-model-card-slider\" data-slider>\n                                        <div class=\"osh-pd-model-card-track\">\n                                                                                                                                                <div class=\"osh-pd-model-card-slide\" data-slide-index=\"0\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-2-1.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"1\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-2-2.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"2\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-2-3.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"3\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-2-4.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"4\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-2-5.png');\"><\/div>\n                                                                                                                                    <\/div>\n\n                                                                                    <button class=\"osh-pd-model-card-arrow is-prev\" type=\"button\" aria-label=\"Previous image\">\n                                                <span aria-hidden=\"true\">\u2039<\/span>\n                                            <\/button>\n                                            <button class=\"osh-pd-model-card-arrow is-next\" type=\"button\" aria-label=\"Next image\">\n                                                <span aria-hidden=\"true\">\u203a<\/span>\n                                            <\/button>\n                                        \n                                        <div class=\"osh-pd-model-card-tag\"><span>Convenience Store Container<\/span><\/div>\n\n                                                                                    <div class=\"osh-pd-model-card-dots\">\n                                                                                                    <button class=\"osh-pd-model-card-dot is-active\" type=\"button\" data-dot-index=\"0\" aria-label=\"Go to image 1\"><\/button>\n                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"1\" aria-label=\"Go to image 2\"><\/button>\n                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"2\" aria-label=\"Go to image 3\"><\/button>\n                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"3\" aria-label=\"Go to image 4\"><\/button>\n                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"4\" aria-label=\"Go to image 5\"><\/button>\n                                                                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-pd-model-card-body\">\n                                    <div class=\"osh-pd-model-card-series\">Retail Business<\/div>\n                                    <h3>CC-2<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Convenience store \u00b7 Mini market \u00b7 Camp store \u00b7 Tourist store<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>20FT \/ 40FT \/ combined retail layout by project<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"osh-pd-model-card-meta-row\">\n                                        <div>\n                                            <span>Layout Type<\/span>\n                                            <strong>Shelves \u00b7 Refrigerator \u00b7 Cashier \u00b7 Storage \u00b7 Customer aisle<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>Container convenience store solution for camps, parks, tourist areas and commercial support sites.<\/p>\n\n                                    <div class=\"osh-pd-model-card-bottom\">\n                                        <em>Custom Size Yes<\/em>\n                                        <a href=\"#model-comparison\">View Specs\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                            <\/article>\n                                                                                <article class=\"osh-pd-model-card\" data-category=\"food-beverage\">\n                                <div class=\"osh-pd-model-card-media\">\n                                    <div class=\"osh-pd-model-card-slider\" data-slider>\n                                        <div class=\"osh-pd-model-card-track\">\n                                                                                                                                                <div class=\"osh-pd-model-card-slide\" data-slide-index=\"0\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-3-1.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"1\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-3-2.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"2\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-3-3.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"3\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-3-4.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"4\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-3-5.png');\"><\/div>\n                                                                                                                                    <\/div>\n\n                                                                                    <button class=\"osh-pd-model-card-arrow is-prev\" type=\"button\" aria-label=\"Previous image\">\n                                                <span aria-hidden=\"true\">\u2039<\/span>\n                                            <\/button>\n                                            <button class=\"osh-pd-model-card-arrow is-next\" type=\"button\" aria-label=\"Next image\">\n                                                <span aria-hidden=\"true\">\u203a<\/span>\n                                            <\/button>\n                                        \n                                        <div class=\"osh-pd-model-card-tag\"><span>Restaurant Container<\/span><\/div>\n\n                                                                                    <div class=\"osh-pd-model-card-dots\">\n                                                                                                    <button class=\"osh-pd-model-card-dot is-active\" type=\"button\" data-dot-index=\"0\" aria-label=\"Go to image 1\"><\/button>\n                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"1\" aria-label=\"Go to image 2\"><\/button>\n                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"2\" aria-label=\"Go to image 3\"><\/button>\n                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"3\" aria-label=\"Go to image 4\"><\/button>\n                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"4\" aria-label=\"Go to image 5\"><\/button>\n                                                                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-pd-model-card-body\">\n                                    <div class=\"osh-pd-model-card-series\">Food &amp; Beverage Business<\/div>\n                                    <h3>CC-3<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Restaurant \u00b7 Fast food \u00b7 Food court \u00b7 Takeaway store<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>Single or combined container layout by kitchen and seating needs<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"osh-pd-model-card-meta-row\">\n                                        <div>\n                                            <span>Layout Type<\/span>\n                                            <strong>Kitchen \u00b7 Dining \u00b7 Serving counter \u00b7 Menu board \u00b7 Ventilation<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>Restaurant container solution for food service, dining, takeaway and scenic commercial projects.<\/p>\n\n                                    <div class=\"osh-pd-model-card-bottom\">\n                                        <em>Custom Size Yes<\/em>\n                                        <a href=\"#model-comparison\">View Specs\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                            <\/article>\n                                                                                <article class=\"osh-pd-model-card\" data-category=\"retail\">\n                                <div class=\"osh-pd-model-card-media\">\n                                    <div class=\"osh-pd-model-card-slider\" data-slider>\n                                        <div class=\"osh-pd-model-card-track\">\n                                                                                                                                                <div class=\"osh-pd-model-card-slide\" data-slide-index=\"0\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-4-1.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"1\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-4-2.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"2\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-4-3.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"3\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-4-4.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"4\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-4-5.png');\"><\/div>\n                                                                                                                                    <\/div>\n\n                                                                                    <button class=\"osh-pd-model-card-arrow is-prev\" type=\"button\" aria-label=\"Previous image\">\n                                                <span aria-hidden=\"true\">\u2039<\/span>\n                                            <\/button>\n                                            <button class=\"osh-pd-model-card-arrow is-next\" type=\"button\" aria-label=\"Next image\">\n                                                <span aria-hidden=\"true\">\u203a<\/span>\n                                            <\/button>\n                                        \n                                        <div class=\"osh-pd-model-card-tag\"><span>Retail Store Container<\/span><\/div>\n\n                                                                                    <div class=\"osh-pd-model-card-dots\">\n                                                                                                    <button class=\"osh-pd-model-card-dot is-active\" type=\"button\" data-dot-index=\"0\" aria-label=\"Go to image 1\"><\/button>\n                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"1\" aria-label=\"Go to image 2\"><\/button>\n                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"2\" aria-label=\"Go to image 3\"><\/button>\n                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"3\" aria-label=\"Go to image 4\"><\/button>\n                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"4\" aria-label=\"Go to image 5\"><\/button>\n                                                                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-pd-model-card-body\">\n                                    <div class=\"osh-pd-model-card-series\">Retail Business<\/div>\n                                    <h3>CC-4<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Fashion store \u00b7 Souvenir shop \u00b7 Gift shop \u00b7 Display store<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>Storefront size and interior display layout by project<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"osh-pd-model-card-meta-row\">\n                                        <div>\n                                            <span>Layout Type<\/span>\n                                            <strong>Display \u00b7 Shelving \u00b7 Lighting \u00b7 Checkout \u00b7 Brand wall<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>Retail container store for branded display, tourist retail, gift shops and pop-up sales environments.<\/p>\n\n                                    <div class=\"osh-pd-model-card-bottom\">\n                                        <em>Custom Size Yes<\/em>\n                                        <a href=\"#model-comparison\">View Specs\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                            <\/article>\n                                                                                <article class=\"osh-pd-model-card\" data-category=\"commercial-complex\">\n                                <div class=\"osh-pd-model-card-media\">\n                                    <div class=\"osh-pd-model-card-slider\" data-slider>\n                                        <div class=\"osh-pd-model-card-track\">\n                                                                                                                                                <div class=\"osh-pd-model-card-slide\" data-slide-index=\"0\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-5-1.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"1\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-5-2.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"2\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-5-3.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"3\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-5-4.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"4\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-5-5.png');\"><\/div>\n                                                                                                                                    <\/div>\n\n                                                                                    <button class=\"osh-pd-model-card-arrow is-prev\" type=\"button\" aria-label=\"Previous image\">\n                                                <span aria-hidden=\"true\">\u2039<\/span>\n                                            <\/button>\n                                            <button class=\"osh-pd-model-card-arrow is-next\" type=\"button\" aria-label=\"Next image\">\n                                                <span aria-hidden=\"true\">\u203a<\/span>\n                                            <\/button>\n                                        \n                                        <div class=\"osh-pd-model-card-tag\"><span>Container Commercial Complex<\/span><\/div>\n\n                                                                                    <div class=\"osh-pd-model-card-dots\">\n                                                                                                    <button class=\"osh-pd-model-card-dot is-active\" type=\"button\" data-dot-index=\"0\" aria-label=\"Go to image 1\"><\/button>\n                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"1\" aria-label=\"Go to image 2\"><\/button>\n                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"2\" aria-label=\"Go to image 3\"><\/button>\n                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"3\" aria-label=\"Go to image 4\"><\/button>\n                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"4\" aria-label=\"Go to image 5\"><\/button>\n                                                                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-pd-model-card-body\">\n                                    <div class=\"osh-pd-model-card-series\">Commercial Complex Project<\/div>\n                                    <h3>CC-5<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Commercial street \u00b7 Container mall \u00b7 Mixed-use business center<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>Single-storey or two-storey combined project layout<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"osh-pd-model-card-meta-row\">\n                                        <div>\n                                            <span>Layout Type<\/span>\n                                            <strong>Multiple stores \u00b7 Stairs \u00b7 Terrace \u00b7 Outdoor seating \u00b7 Signage<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>Commercial container complex for multi-business streets, container malls and mixed-use project sites.<\/p>\n\n                                    <div class=\"osh-pd-model-card-bottom\">\n                                        <em>Custom Size Yes<\/em>\n                                        <a href=\"#model-comparison\">View Specs\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                            <\/article>\n                                                                                <article class=\"osh-pd-model-card\" data-category=\"sales-reception\">\n                                <div class=\"osh-pd-model-card-media\">\n                                    <div class=\"osh-pd-model-card-slider\" data-slider>\n                                        <div class=\"osh-pd-model-card-track\">\n                                                                                                                                                <div class=\"osh-pd-model-card-slide\" data-slide-index=\"0\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-6-1.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"1\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-6-2.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"2\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-6-3.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"3\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-6-4.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"4\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-6-5.png');\"><\/div>\n                                                                                                                                    <\/div>\n\n                                                                                    <button class=\"osh-pd-model-card-arrow is-prev\" type=\"button\" aria-label=\"Previous image\">\n                                                <span aria-hidden=\"true\">\u2039<\/span>\n                                            <\/button>\n                                            <button class=\"osh-pd-model-card-arrow is-next\" type=\"button\" aria-label=\"Next image\">\n                                                <span aria-hidden=\"true\">\u203a<\/span>\n                                            <\/button>\n                                        \n                                        <div class=\"osh-pd-model-card-tag\"><span>Sales Center Container<\/span><\/div>\n\n                                                                                    <div class=\"osh-pd-model-card-dots\">\n                                                                                                    <button class=\"osh-pd-model-card-dot is-active\" type=\"button\" data-dot-index=\"0\" aria-label=\"Go to image 1\"><\/button>\n                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"1\" aria-label=\"Go to image 2\"><\/button>\n                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"2\" aria-label=\"Go to image 3\"><\/button>\n                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"3\" aria-label=\"Go to image 4\"><\/button>\n                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"4\" aria-label=\"Go to image 5\"><\/button>\n                                                                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-pd-model-card-body\">\n                                    <div class=\"osh-pd-model-card-series\">Sales &amp; Reception Business<\/div>\n                                    <h3>CC-6<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Sales center \u00b7 Reception center \u00b7 Visitor center \u00b7 Marketing office<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>Reception and display layout by buyer requirement<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"osh-pd-model-card-meta-row\">\n                                        <div>\n                                            <span>Layout Type<\/span>\n                                            <strong>Reception \u00b7 Meeting \u00b7 Display \u00b7 Office support \u00b7 Glass fa\u00e7ade<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>Sales and reception container for visitor centers, project sales offices and branded customer reception spaces.<\/p>\n\n                                    <div class=\"osh-pd-model-card-bottom\">\n                                        <em>Custom Size Yes<\/em>\n                                        <a href=\"#model-comparison\">View Specs\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                            <\/article>\n                                            <\/div>\n\n                    <div class=\"osh-pd-model-gallery-pagination\" id=\"oshPdModelGalleryPagination\"><\/div>\n\n                <\/div>\n            <\/section>\n        \n                    <section class=\"osh-pd-model-matrix\" id=\"model-comparison\">\n                <div class=\"osh-pd-wrap\">\n\n                    <div class=\"osh-pd-section-head osh-pd-model-head\">\n                        <div>\n                            <span class=\"osh-pd-kicker\">Project Configuration Matrix<\/span>\n                            <h2>Available project types, applications and configuration direction<\/h2>\n                        <\/div>\n\n                        <p>\n                            The following matrix helps project buyers compare project-use scenarios, unit combination direction, site planning focus and customization availability before sending an inquiry.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"osh-pd-model-table\">\n                        <div class=\"osh-pd-model-row osh-pd-model-row-head\">\n                            <div>Series<\/div>\n                            <div>Code<\/div>\n                            <div>Application<\/div>\n                            <div>Standard Size<\/div>\n                            <div>Layout Type<\/div>\n                            <div>Custom Size<\/div>\n                        <\/div>\n\n                                                    <div class=\"osh-pd-model-row\">\n                                <div data-label=\"Series\">Food &amp; Beverage Business<\/div>\n                                <div data-label=\"Code\"><strong>CC-1<\/strong><\/div>\n                                <div data-label=\"Application\">Coffee shop \u00b7 Caf\u00e9 \u00b7 Coffee kiosk \u00b7 Park caf\u00e9<\/div>\n                                <div data-label=\"Standard Size\">20FT \/ 40FT \/ combined layout by project<\/div>\n                                <div data-label=\"Layout Type\">Counter \u00b7 Seating \u00b7 Display \u00b7 Outdoor deck \u00b7 Signage<\/div>\n                                <div data-label=\"Custom Size\"><span>Yes<\/span><\/div>\n                            <\/div>\n                                                    <div class=\"osh-pd-model-row\">\n                                <div data-label=\"Series\">Retail Business<\/div>\n                                <div data-label=\"Code\"><strong>CC-2<\/strong><\/div>\n                                <div data-label=\"Application\">Convenience store \u00b7 Mini market \u00b7 Camp store \u00b7 Tourist store<\/div>\n                                <div data-label=\"Standard Size\">20FT \/ 40FT \/ combined retail layout by project<\/div>\n                                <div data-label=\"Layout Type\">Shelves \u00b7 Refrigerator \u00b7 Cashier \u00b7 Storage \u00b7 Customer aisle<\/div>\n                                <div data-label=\"Custom Size\"><span>Yes<\/span><\/div>\n                            <\/div>\n                                                    <div class=\"osh-pd-model-row\">\n                                <div data-label=\"Series\">Food &amp; Beverage Business<\/div>\n                                <div data-label=\"Code\"><strong>CC-3<\/strong><\/div>\n                                <div data-label=\"Application\">Restaurant \u00b7 Fast food \u00b7 Food court \u00b7 Takeaway store<\/div>\n                                <div data-label=\"Standard Size\">Single or combined container layout by kitchen and seating needs<\/div>\n                                <div data-label=\"Layout Type\">Kitchen \u00b7 Dining \u00b7 Serving counter \u00b7 Menu board \u00b7 Ventilation<\/div>\n                                <div data-label=\"Custom Size\"><span>Yes<\/span><\/div>\n                            <\/div>\n                                                    <div class=\"osh-pd-model-row\">\n                                <div data-label=\"Series\">Retail Business<\/div>\n                                <div data-label=\"Code\"><strong>CC-4<\/strong><\/div>\n                                <div data-label=\"Application\">Fashion store \u00b7 Souvenir shop \u00b7 Gift shop \u00b7 Display store<\/div>\n                                <div data-label=\"Standard Size\">Storefront size and interior display layout by project<\/div>\n                                <div data-label=\"Layout Type\">Display \u00b7 Shelving \u00b7 Lighting \u00b7 Checkout \u00b7 Brand wall<\/div>\n                                <div data-label=\"Custom Size\"><span>Yes<\/span><\/div>\n                            <\/div>\n                                                    <div class=\"osh-pd-model-row\">\n                                <div data-label=\"Series\">Commercial Complex Project<\/div>\n                                <div data-label=\"Code\"><strong>CC-5<\/strong><\/div>\n                                <div data-label=\"Application\">Commercial street \u00b7 Container mall \u00b7 Mixed-use business center<\/div>\n                                <div data-label=\"Standard Size\">Single-storey or two-storey combined project layout<\/div>\n                                <div data-label=\"Layout Type\">Multiple stores \u00b7 Stairs \u00b7 Terrace \u00b7 Outdoor seating \u00b7 Signage<\/div>\n                                <div data-label=\"Custom Size\"><span>Yes<\/span><\/div>\n                            <\/div>\n                                                    <div class=\"osh-pd-model-row\">\n                                <div data-label=\"Series\">Sales &amp; Reception Business<\/div>\n                                <div data-label=\"Code\"><strong>CC-6<\/strong><\/div>\n                                <div data-label=\"Application\">Sales center \u00b7 Reception center \u00b7 Visitor center \u00b7 Marketing office<\/div>\n                                <div data-label=\"Standard Size\">Reception and display layout by buyer requirement<\/div>\n                                <div data-label=\"Layout Type\">Reception \u00b7 Meeting \u00b7 Display \u00b7 Office support \u00b7 Glass fa\u00e7ade<\/div>\n                                <div data-label=\"Custom Size\"><span>Yes<\/span><\/div>\n                            <\/div>\n                                            <\/div>\n\n                    <div class=\"osh-pd-model-note\">\n                        <strong>Project Configuration Available<\/strong>\n                        <p>Standard unit size is only a reference. Final quantity, layout, circulation route, support facilities and delivery batches should be planned according to site size, project use, accommodation capacity and buyer specification.<\/p>\n                    <\/div>\n\n                <\/div>\n            <\/section>\n        \n                    <section class=\"osh-pd-custom-system\">\n                <div class=\"osh-pd-wrap\">\n\n                    <div class=\"osh-pd-custom-grid\">\n                                                    <div class=\"osh-pd-custom-panel\">\n                                <span class=\"osh-pd-kicker\">Customization Scope<\/span>\n                                <h2>Configurable for project use<\/h2>\n                                <p>\n                                    Z Type flat pack container projects are planned as clustered park layouts instead of single standalone products. Configuration should follow the site plan, building quantity, circulation route, accommodation capacity, public-support zones and phased delivery schedule.\n                                <\/p>\n\n                                <div class=\"osh-pd-custom-list\">\n                                                                            <div>\n                                            <i>\u2713<\/i>\n                                            <span>Coffee shop, convenience store, restaurant, retail, sales center and commercial complex planning<\/span>\n                                        <\/div>\n                                                                            <div>\n                                            <i>\u2713<\/i>\n                                            <span>20FT, 40FT and multi-container combination options<\/span>\n                                        <\/div>\n                                                                            <div>\n                                            <i>\u2713<\/i>\n                                            <span>Storefront glass, door position, window position and customer entrance planning<\/span>\n                                        <\/div>\n                                                                            <div>\n                                            <i>\u2713<\/i>\n                                            <span>Counter layout, cashier position, shelving, refrigerator, kitchen line and seating layout<\/span>\n                                        <\/div>\n                                                                            <div>\n                                            <i>\u2713<\/i>\n                                            <span>Brand color, exterior cladding, logo, signage, menu board and fa\u00e7ade customization<\/span>\n                                        <\/div>\n                                                                            <div>\n                                            <i>\u2713<\/i>\n                                            <span>Electrical, lighting, plumbing, drainage, ventilation, HVAC and commercial equipment coordination<\/span>\n                                        <\/div>\n                                                                            <div>\n                                            <i>\u2713<\/i>\n                                            <span>Outdoor deck, terrace, canopy, stairs, railing and commercial street circulation options<\/span>\n                                        <\/div>\n                                                                            <div>\n                                            <i>\u2713<\/i>\n                                            <span>Batch delivery, loading plan, installation sequence and export coordination<\/span>\n                                        <\/div>\n                                                                    <\/div>\n                            <\/div>\n                        \n                                                    <div class=\"osh-pd-match-panel\">\n                                <span class=\"osh-pd-kicker\">Application Matching<\/span>\n                                <h2>Choose the right sub-series before quotation<\/h2>\n\n                                <div class=\"osh-pd-match-list\">\n                                                                            <article>\n                                            <div>\n                                                <span>Project Need<\/span>\n                                                <strong>Coffee Shop \/ Caf\u00e9<\/strong>\n                                            <\/div>\n                                            <div>\n                                                <span>Recommended Series<\/span>\n                                                <strong>CC-1 Coffee Shop Container<\/strong>\n                                            <\/div>\n                                            <p>Best for service counters, coffee equipment, indoor seating, outdoor deck and strong storefront image.<\/p>\n                                        <\/article>\n                                                                            <article>\n                                            <div>\n                                                <span>Project Need<\/span>\n                                                <strong>Convenience Store \/ Mini Market<\/strong>\n                                            <\/div>\n                                            <div>\n                                                <span>Recommended Series<\/span>\n                                                <strong>CC-2 Convenience Store Container<\/strong>\n                                            <\/div>\n                                            <p>Best for shelves, refrigerators, cashier counter, storage and controlled customer aisle planning.<\/p>\n                                        <\/article>\n                                                                            <article>\n                                            <div>\n                                                <span>Project Need<\/span>\n                                                <strong>Restaurant \/ Food Service<\/strong>\n                                            <\/div>\n                                            <div>\n                                                <span>Recommended Series<\/span>\n                                                <strong>CC-3 Restaurant Container<\/strong>\n                                            <\/div>\n                                            <p>Best for kitchen line, dining area, ventilation, serving counter and takeaway service flow.<\/p>\n                                        <\/article>\n                                                                            <article>\n                                            <div>\n                                                <span>Project Need<\/span>\n                                                <strong>Retail \/ Display Store<\/strong>\n                                            <\/div>\n                                            <div>\n                                                <span>Recommended Series<\/span>\n                                                <strong>CC-4 Retail Store Container<\/strong>\n                                            <\/div>\n                                            <p>Best for product display, glass storefront, lighting, checkout and brand presentation.<\/p>\n                                        <\/article>\n                                                                            <article>\n                                            <div>\n                                                <span>Project Need<\/span>\n                                                <strong>Commercial Street \/ Mixed-use Project<\/strong>\n                                            <\/div>\n                                            <div>\n                                                <span>Recommended Series<\/span>\n                                                <strong>CC-5 Commercial Complex Container<\/strong>\n                                            <\/div>\n                                            <p>Best for multi-unit commercial projects, terraces, stairs, outdoor seating and pedestrian flow.<\/p>\n                                        <\/article>\n                                                                            <article>\n                                            <div>\n                                                <span>Project Need<\/span>\n                                                <strong>Sales \/ Reception Center<\/strong>\n                                            <\/div>\n                                            <div>\n                                                <span>Recommended Series<\/span>\n                                                <strong>CC-6 Sales Center Container<\/strong>\n                                            <\/div>\n                                            <p>Best for reception, meeting, display, visitor service and branded business presentation.<\/p>\n                                        <\/article>\n                                                                    <\/div>\n                            <\/div>\n                                            <\/div>\n\n                <\/div>\n            <\/section>\n        \n\n        <section class=\"osh-pd-scenes\">\n            <div class=\"osh-pd-wrap\">\n\n                <div class=\"osh-pd-section-head\">\n                    <span class=\"osh-pd-kicker\">Project Applications<\/span>\n                    <h2>Typical use scenarios<\/h2>\n                <\/div>\n\n                <div class=\"osh-pd-scenes-grid\">\n\n                                            \n                        <article class=\"osh-pd-scene\">\n                            <div\n                                class=\"osh-pd-scene-img scene-1 has-image\"\n                                                                    style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Commercial-Container-House-2.webp');\"\n                                                            ><\/div>\n\n                            <div class=\"osh-pd-scene-mask\"><\/div>\n\n                            <div class=\"osh-pd-scene-copy\">\n                                <span>Food &amp; Beverage<\/span>\n                                <h3>Coffee &amp; Restaurant Space<\/h3>\n                            <\/div>\n                        <\/article>\n\n                                            \n                        <article class=\"osh-pd-scene\">\n                            <div\n                                class=\"osh-pd-scene-img scene-2 has-image\"\n                                                                    style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-4-1.png');\"\n                                                            ><\/div>\n\n                            <div class=\"osh-pd-scene-mask\"><\/div>\n\n                            <div class=\"osh-pd-scene-copy\">\n                                <span>Retail Business<\/span>\n                                <h3>Storefront Container<\/h3>\n                            <\/div>\n                        <\/article>\n\n                                            \n                        <article class=\"osh-pd-scene\">\n                            <div\n                                class=\"osh-pd-scene-img scene-3 has-image\"\n                                                                    style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/CC-3-5.png');\"\n                                                            ><\/div>\n\n                            <div class=\"osh-pd-scene-mask\"><\/div>\n\n                            <div class=\"osh-pd-scene-copy\">\n                                <span>Commercial Project<\/span>\n                                <h3>Container Business Complex<\/h3>\n                            <\/div>\n                        <\/article>\n\n                    \n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <section class=\"osh-pd-specs\">\n            <div class=\"osh-pd-wrap\">\n\n                <div class=\"osh-pd-specs-grid\">\n\n                    <div class=\"osh-pd-specs-table\">\n                        <span class=\"osh-pd-kicker\">Configuration & Specifications<\/span>\n\n                        <div class=\"osh-pd-spec-row\">\n                            <span>Product Type<\/span>\n                            <strong>Commercial Container Business Space<\/strong>\n                        <\/div>\n\n                        <div class=\"osh-pd-spec-row\">\n                            <span>Main Use<\/span>\n                            <strong>Coffee Shop \u00b7 Convenience Store \u00b7 Restaurant \u00b7 Retail Store \u00b7 Sales Center<\/strong>\n                        <\/div>\n\n                        <div class=\"osh-pd-spec-row\">\n                            <span>Buyer Profile<\/span>\n                            <strong>Business Operators \u00b7 Retail Brands \u00b7 Tourism Developers \u00b7 Commercial Project Buyers<\/strong>\n                        <\/div>\n\n                        <div class=\"osh-pd-spec-row\">\n                            <span>Supply Focus<\/span>\n                            <strong>Business Layout \u00b7 Storefront Design \u00b7 Interior Fit-out \u00b7 Signage \u00b7 Brand Customization \u00b7 Project Delivery<\/strong>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"osh-pd-advantage\">\n                        <div class=\"osh-pd-advantage-bg\"><\/div>\n\n                        <div class=\"osh-pd-advantage-grid\">\n                            <div>\n                                <span class=\"osh-pd-mini-icon\">\n                                    <svg viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\">\n                                        <path d=\"M10 34V18L24 10L38 18V34L24 42L10 34Z\" stroke=\"currentColor\" stroke-width=\"2\"><\/path>\n                                        <path d=\"M10 18L24 26L38 18\" stroke=\"currentColor\" stroke-width=\"2\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                                <strong>Factory-built<\/strong>\n                                <p>Consistent quality and controlled manufacturing process.<\/p>\n                            <\/div>\n\n                            <div>\n                                <span class=\"osh-pd-mini-icon\">\n                                    <svg viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\">\n                                        <path d=\"M10 25H30\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                                        <path d=\"M24 16L34 25L24 34\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <path d=\"M12 36H38\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                                <strong>Fast Response<\/strong>\n                                <p>Support for model selection, production planning, and project schedule.<\/p>\n                            <\/div>\n\n                            <div>\n                                <span class=\"osh-pd-mini-icon\">\n                                    <svg viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\">\n                                        <path d=\"M14 12H34V36H14V12Z\" stroke=\"currentColor\" stroke-width=\"2\"><\/path>\n                                        <path d=\"M18 18H30\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                                        <path d=\"M18 24H30\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                                        <path d=\"M18 30H26\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                                <strong>Project Documents<\/strong>\n                                <p>Support for configuration confirmation and export follow-up.<\/p>\n                            <\/div>\n\n                            <div>\n                                <span class=\"osh-pd-mini-icon\">\n                                    <svg viewBox=\"0 0 48 48\" fill=\"none\" aria-hidden=\"true\">\n                                        <path d=\"M8 32L24 14L40 32\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                        <path d=\"M14 32V40H34V32\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                    <\/svg>\n                                <\/span>\n                                <strong>Project Adaptability<\/strong>\n                                <p>Suitable for different scenes, buyer types, and site requirements.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <section class=\"osh-pd-related\">\n            <div class=\"osh-pd-wrap\">\n\n                <div class=\"osh-pd-section-head\">\n                    <span class=\"osh-pd-kicker\">Other Product Lines<\/span>\n                    <h2>Explore other modular housing systems<\/h2>\n                <\/div>\n\n                <div class=\"osh-pd-related-grid\">\n\n                                            \n                        <a\n                            class=\"has-related-image\"\n                            href=\"\/products\/space-capsule-house\/\"\n                                                            style=\"--osh-related-img:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Space-Capsule-House-menu.jpg');\"\n                                                    >\n                            <span>Apple Cabin Modular Pod System<\/span>\n                            <strong>Space Capsule House<\/strong>\n                            <em>View Product Details<\/em>\n                        <\/a>\n                                            \n                        <a\n                            class=\"has-related-image\"\n                            href=\"\/products\/expandable-container-house\/\"\n                                                            style=\"--osh-related-img:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Expandable-Container-House-2.webp');\"\n                                                    >\n                            <span>Double-Wing Expandable Container System<\/span>\n                            <strong>Expandable Container House<\/strong>\n                            <em>View Product Details<\/em>\n                        <\/a>\n                                            \n                        <a\n                            class=\"has-related-image\"\n                            href=\"\/products\/z-type-folding-container-house\/\"\n                                                            style=\"--osh-related-img:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Z-Type-Folding-Container-House-2.webp');\"\n                                                    >\n                            <span>Fast-Deployment Folding Unit<\/span>\n                            <strong>Z-Type Folding Container House<\/strong>\n                            <em>View Product Details<\/em>\n                        <\/a>\n                                            \n                        <a\n                            class=\"has-related-image\"\n                            href=\"\/products\/flat-pack-container-house\/\"\n                                                            style=\"--osh-related-img:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Flat-Pack-Container-House-3.webp');\"\n                                                    >\n                            <span>Prefabricated Building System<\/span>\n                            <strong>Flat Pack Container House<\/strong>\n                            <em>View Product Details<\/em>\n                        <\/a>\n                    \n                <\/div>\n\n            <\/div>\n        <\/section>\n\n        <section class=\"osh-pd-cta\">\n            <div class=\"osh-pd-wrap\">\n                <div class=\"osh-pd-cta-panel\">\n                    <div>\n                        <span>Project Inquiry<\/span>\n                        <h2>Need a suitable modular housing solution for your project?<\/h2>\n                        <p>Our team will help match product systems, application needs, quantity plan, and delivery requirements.<\/p>\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            <\/div>\n        <\/section>\n\n    <\/main>\n\n    <style>\n        .osh-pd-page,\n        .osh-pd-page * {\n            box-sizing: border-box;\n            font-style: normal !important;\n        }\n\n        .osh-pd-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, .045), transparent 30%),\n                radial-gradient(circle at 86% 8%, rgba(96, 130, 151, .09), transparent 34%),\n                linear-gradient(180deg, #f8f5ef 0%, #f7f8f6 42%, #edf3f5 100%);\n            font-family: Arial, Helvetica, sans-serif;\n        }\n\n        .osh-pd-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: .55;\n            pointer-events: none;\n            z-index: 0;\n        }\n\n        .osh-pd-wrap {\n            position: relative;\n            z-index: 2;\n            width: min(1680px, calc(100vw - 96px));\n            margin: 0 auto;\n        }\n\n        .osh-pd-hero {\n            position: relative;\n            z-index: 2;\n            padding: 82px 0 86px;\n            border-bottom: 1px solid rgba(13, 36, 53, .10);\n        }\n\n        .osh-pd-breadcrumb {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            margin-bottom: 42px;\n            font-size: 11px;\n            line-height: 1;\n            letter-spacing: .16em;\n            text-transform: uppercase;\n            font-weight: 850;\n        }\n\n        .osh-pd-breadcrumb a {\n            color: #748795;\n            text-decoration: none;\n        }\n\n        .osh-pd-breadcrumb span {\n            color: #b5c0c7;\n        }\n\n        .osh-pd-breadcrumb em {\n            color: #9a7335;\n        }\n\n        .osh-pd-hero-grid {\n            display: grid;\n            grid-template-columns: minmax(420px, .72fr) minmax(760px, 1.28fr);\n            gap: 54px;\n            align-items: stretch;\n        }\n\n        .osh-pd-hero-copy {\n            min-height: 620px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        .osh-pd-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: 24px;\n        }\n\n        .osh-pd-kicker::before {\n            content: \"\";\n            width: 44px;\n            height: 1px;\n            background: currentColor;\n            opacity: .62;\n        }\n\n        .osh-pd-hero-copy h1 {\n            max-width: 640px;\n            margin: 0;\n            color: #0d2435;\n            font-size: clamp(46px, 4.15vw, 78px);\n            line-height: .98;\n            letter-spacing: -2.4px;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        .osh-pd-hero-copy > p {\n            max-width: 560px;\n            margin: 26px 0 0;\n            color: #5f7482;\n            font-size: 16px;\n            line-height: 1.68;\n            font-weight: 600;\n        }\n\n        .osh-pd-meta-list {\n            max-width: 590px;\n            margin-top: 36px;\n            border-top: 1px solid rgba(13, 36, 53, .12);\n            border-bottom: 1px solid rgba(13, 36, 53, .12);\n        }\n\n        .osh-pd-meta-list div {\n            display: grid;\n            grid-template-columns: 135px minmax(0, 1fr);\n            gap: 24px;\n            align-items: center;\n            padding: 16px 0;\n            border-bottom: 1px solid rgba(13, 36, 53, .08);\n        }\n\n        .osh-pd-meta-list div:last-child {\n            border-bottom: none;\n        }\n\n        .osh-pd-meta-list span,\n        .osh-pd-spec-row span,\n        .osh-pd-related-grid 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-pd-meta-list strong {\n            color: #0d2435;\n            font-size: 15px;\n            line-height: 1.4;\n            font-weight: 850;\n        }\n\n        .osh-pd-actions {\n            display: flex;\n            align-items: center;\n            gap: 16px;\n            margin-top: 30px;\n        }\n\n        .osh-pd-actions a,\n        .osh-pd-cta-panel a {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            min-height: 52px;\n            padding: 0 28px;\n            border-radius: 4px;\n            text-decoration: none;\n            font-size: 14px;\n            line-height: 1;\n            font-weight: 900;\n            transition: transform .22s ease, background .22s ease, border-color .22s ease;\n        }\n\n        .osh-pd-btn-primary {\n            background: #0d2435;\n            color: #ffffff;\n            box-shadow: 0 18px 38px rgba(13, 36, 53, .18);\n        }\n\n        .osh-pd-btn-secondary {\n            background: rgba(255,255,255,.64);\n            color: #0d2435;\n            border: 1px solid rgba(13, 36, 53, .18);\n        }\n\n        .osh-pd-actions a:hover,\n        .osh-pd-cta-panel a:hover {\n            transform: translateY(-2px);\n        }\n\n        .osh-pd-actions svg,\n        .osh-pd-cta-panel svg {\n            width: 16px;\n            height: 16px;\n        }\n\n        .osh-pd-hero-media {\n            min-height: 620px;\n            position: relative;\n            overflow: hidden;\n            border-radius: 30px;\n            background: #d8e2e8;\n            box-shadow: 0 34px 90px rgba(17, 45, 67, .14);\n            isolation: isolate;\n        }\n\n        .osh-pd-hero-img,\n        .osh-pd-scene-img {\n            position: absolute;\n            inset: 0;\n            background-size: cover;\n            background-position: center;\n        }\n\n        .osh-pd-theme-blue .osh-pd-hero-img.is-placeholder,\n        .osh-pd-theme-blue .scene-1.is-placeholder {\n            background-image:\n                radial-gradient(circle at 52% 42%, rgba(255,255,255,.30), transparent 18%),\n                linear-gradient(140deg, #c4d2dc 0%, #8da6b7 46%, #17384d 100%);\n        }\n\n        .osh-pd-theme-steel .osh-pd-hero-img.is-placeholder,\n        .osh-pd-theme-steel .scene-1.is-placeholder {\n            background-image:\n                radial-gradient(circle at 52% 42%, rgba(255,255,255,.28), transparent 18%),\n                linear-gradient(140deg, #c6d4dc 0%, #8ba2b1 46%, #243d52 100%);\n        }\n\n        .osh-pd-theme-dark .osh-pd-hero-img.is-placeholder,\n        .osh-pd-theme-dark .scene-1.is-placeholder {\n            background-image:\n                radial-gradient(circle at 52% 42%, rgba(255,255,255,.25), transparent 18%),\n                linear-gradient(140deg, #aab8c1 0%, #647b8b 46%, #0d2435 100%);\n        }\n\n        .osh-pd-theme-orange .osh-pd-hero-img.is-placeholder,\n        .osh-pd-theme-orange .scene-1.is-placeholder {\n            background-image:\n                radial-gradient(circle at 52% 42%, rgba(255,255,255,.27), transparent 18%),\n                linear-gradient(140deg, #d1c2a4 0%, #9d916f 46%, #263947 100%);\n        }\n\n        .osh-pd-theme-orange .osh-pd-hero-img.is-placeholder,\n        .osh-pd-theme-orange .scene-1.is-placeholder {\n            background-image:\n                radial-gradient(circle at 52% 42%, rgba(255,255,255,.27), transparent 18%),\n                linear-gradient(140deg, #c7975f 0%, #8b6548 46%, #263947 100%);\n        }\n\n        .osh-pd-hero-img::after,\n        .osh-pd-scene-img::after,\n        .osh-pd-advantage-bg::after {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background-image:\n                linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);\n            background-size: 62px 62px;\n            opacity: .44;\n            pointer-events: none;\n        }\n\n        .osh-pd-media-mask {\n            position: absolute;\n            inset: 0;\n            z-index: 2;\n            background: linear-gradient(180deg, rgba(8,26,39,.04) 0%, rgba(8,26,39,.16) 46%, rgba(8,26,39,.70) 100%);\n        }\n\n        .osh-pd-media-title {\n            position: absolute;\n            z-index: 3;\n            left: 44px;\n            right: 44px;\n            bottom: 40px;\n            color: #fff;\n        }\n\n        .osh-pd-media-title span {\n            display: block;\n            margin-bottom: 14px;\n            color: rgba(255,255,255,.78);\n            font-size: 11px;\n            line-height: 1;\n            letter-spacing: .16em;\n            text-transform: uppercase;\n            font-weight: 850;\n        }\n\n        .osh-pd-media-title strong {\n            display: block;\n            max-width: 620px;\n            color: #fff;\n            font-size: clamp(32px, 3vw, 56px);\n            line-height: .98;\n            letter-spacing: -1.5px;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        .osh-pd-overview,\n        .osh-pd-scenes,\n        .osh-pd-specs,\n        .osh-pd-related,\n        .osh-pd-cta {\n            position: relative;\n            z-index: 2;\n            padding: 82px 0;\n        }\n\n        .osh-pd-overview {\n            padding: 74px 0 76px;\n            border-bottom: 1px solid rgba(13, 36, 53, .10);\n        }\n\n        .osh-pd-overview-grid {\n            display: grid;\n            grid-template-columns: minmax(420px, .58fr) minmax(0, 1.42fr);\n            gap: 70px;\n            align-items: center;\n        }\n\n        .osh-pd-overview-title {\n            max-width: 560px;\n            min-height: 230px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        .osh-pd-overview-title .osh-pd-kicker {\n            margin-bottom: 20px;\n        }\n\n        .osh-pd-overview-title h2 {\n            max-width: 520px;\n            margin: 0;\n            color: #0d2435;\n            font-family: Arial, Helvetica, sans-serif !important;\n            font-style: normal !important;\n            font-size: clamp(25px, 1.65vw, 34px);\n            line-height: 1.12;\n            letter-spacing: -0.55px;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        .osh-pd-overview-title p {\n            max-width: 500px;\n            margin: 18px 0 0;\n            color: #657986;\n            font-size: 14.5px;\n            line-height: 1.66;\n            font-weight: 650;\n        }\n\n        .osh-pd-section-head h2,\n        .osh-pd-cta-panel h2 {\n            margin: 0;\n            color: #0d2435;\n            font-size: clamp(30px, 2.35vw, 48px);\n            line-height: 1.06;\n            letter-spacing: -1.1px;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        .osh-pd-feature-list {\n            min-height: 230px;\n            display: grid;\n            grid-template-columns: repeat(3, minmax(0, 1fr));\n            align-items: center;\n            border-left: 1px solid rgba(13, 36, 53, .10);\n        }\n\n        .osh-pd-feature-list article {\n            min-height: 230px;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            padding: 8px 42px;\n            border-right: 1px solid rgba(13, 36, 53, .10);\n        }\n\n        .osh-pd-feature-list article:last-child {\n            border-right: none;\n        }\n\n        .osh-pd-feature-icon {\n            width: 52px;\n            height: 52px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #9a7335;\n            background: rgba(255,255,255,.62);\n            border: 1px solid rgba(13,36,53,.10);\n            margin-bottom: 20px;\n        }\n\n        .osh-pd-feature-icon svg {\n            width: 25px;\n            height: 25px;\n        }\n\n        .osh-pd-feature-list h3 {\n            margin: 0;\n            color: #0d2435;\n            font-family: Arial, Helvetica, sans-serif !important;\n            font-style: normal !important;\n            font-size: 16px;\n            line-height: 1.18;\n            letter-spacing: -0.2px;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        .osh-pd-feature-list p {\n            max-width: 270px;\n            margin: 14px 0 0;\n            color: #657986;\n            font-size: 13px;\n            line-height: 1.58;\n            font-weight: 600;\n        }\n\n\n        .osh-pd-series-showcase,\n        .osh-pd-model-matrix,\n        .osh-pd-custom-system {\n            position: relative;\n            z-index: 2;\n            padding: 84px 0;\n            border-bottom: 1px solid rgba(13, 36, 53, .10);\n        }\n\n        .osh-pd-series-showcase {\n            background:\n                radial-gradient(circle at 82% 8%, rgba(154,115,53,.07), transparent 30%),\n                linear-gradient(180deg, rgba(255,255,255,.38), rgba(237,243,245,.36));\n        }\n\n        .osh-pd-series-head {\n            display: grid;\n            grid-template-columns: minmax(0, 1fr) auto;\n            gap: 28px;\n            align-items: end;\n            margin-bottom: 24px;\n        }\n\n        .osh-pd-series-head h2 {\n            margin: 0;\n            color: #0d2435;\n            font-size: clamp(30px, 2.35vw, 48px);\n            line-height: 1.06;\n            letter-spacing: -1.1px;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        .osh-pd-series-note {\n            margin: 0 0 32px;\n            max-width: 980px;\n            padding: 20px 24px;\n            background: rgba(255,255,255,.58);\n            border-left: 4px solid #9a7335;\n            box-shadow: 0 18px 42px rgba(17,45,67,.055);\n        }\n\n        .osh-pd-series-note p {\n            margin: 0;\n            color: #657986;\n            font-size: 15px;\n            line-height: 1.72;\n            font-weight: 650;\n        }\n\n        .osh-pd-series-filters {\n            display: flex;\n            flex-wrap: wrap;\n            justify-content: flex-end;\n            gap: 10px;\n        }\n\n        .osh-pd-series-filters button {\n            appearance: none;\n            border: 1px solid rgba(13,36,53,.12);\n            background: rgba(255,255,255,.7);\n            color: #0d2435;\n            min-height: 42px;\n            padding: 0 18px;\n            font-size: 11px;\n            line-height: 1;\n            letter-spacing: .14em;\n            text-transform: uppercase;\n            font-weight: 850;\n            cursor: pointer;\n            transition: all .22s ease;\n        }\n\n        .osh-pd-series-filters button.active,\n        .osh-pd-series-filters button:hover {\n            background: #0d2435;\n            color: #fff;\n            border-color: #0d2435;\n        }\n\n        .osh-pd-series-grid {\n            display: grid;\n            grid-template-columns: repeat(3, minmax(0, 1fr));\n            gap: 22px;\n        }\n\n        .osh-pd-series-card {\n            display: flex;\n            flex-direction: column;\n            overflow: hidden;\n            border-radius: 0;\n            background: rgba(255,255,255,.76);\n            border: 1px solid rgba(13,36,53,.08);\n            box-shadow: 0 20px 48px rgba(17,45,67,.08);\n            transition: transform .22s ease, box-shadow .22s ease;\n        }\n\n        .osh-pd-series-card:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 28px 62px rgba(17,45,67,.14);\n        }\n\n        .osh-pd-series-card.is-hidden {\n            display: none;\n        }\n\n        .osh-pd-series-card-media {\n            position: relative;\n            aspect-ratio: 16 \/ 10;\n            background-size: cover;\n            background-position: center;\n            background-repeat: no-repeat;\n        }\n\n        .osh-pd-series-card-media.is-placeholder.placeholder-1 {\n            background-image: linear-gradient(135deg, #b8c8d2 0%, #7892a4 52%, #17384d 100%);\n        }\n\n        .osh-pd-series-card-media.is-placeholder.placeholder-2 {\n            background-image: linear-gradient(135deg, #c7c0ad 0%, #8f927f 52%, #263947 100%);\n        }\n\n        .osh-pd-series-card-media.is-placeholder.placeholder-3 {\n            background-image: linear-gradient(135deg, #c8985c 0%, #8d6749 52%, #253746 100%);\n        }\n\n        .osh-pd-series-card-media.is-placeholder.placeholder-4 {\n            background-image: linear-gradient(135deg, #b7c8c3 0%, #708c84 52%, #183a37 100%);\n        }\n\n        .osh-pd-series-card-media.is-placeholder.placeholder-5 {\n            background-image: linear-gradient(135deg, #d5d8d7 0%, #9aa8ad 52%, #334654 100%);\n        }\n\n        .osh-pd-series-card-media.is-placeholder.placeholder-6 {\n            background-image: linear-gradient(135deg, #bec5cc 0%, #73818c 52%, #1b2730 100%);\n        }\n\n        .osh-pd-series-card-mask {\n            position: absolute;\n            inset: 0;\n            background:\n                linear-gradient(180deg, rgba(8,26,39,.06) 0%, rgba(8,26,39,.10) 42%, rgba(8,26,39,.58) 100%);\n        }\n\n        .osh-pd-series-card-media::after {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background-image:\n                linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),\n                linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);\n            background-size: 52px 52px;\n            opacity: .34;\n            pointer-events: none;\n        }\n\n        .osh-pd-series-card-top {\n            position: absolute;\n            left: 20px;\n            top: 20px;\n            z-index: 2;\n        }\n\n        .osh-pd-series-card-top span {\n            display: inline-block;\n            color: #fff;\n            font-size: 10px;\n            line-height: 1;\n            letter-spacing: .16em;\n            text-transform: uppercase;\n            font-weight: 850;\n        }\n\n        .osh-pd-series-card-body {\n            display: flex;\n            flex-direction: column;\n            flex: 1 1 auto;\n            padding: 26px 24px 24px;\n            background: rgba(255,255,255,.92);\n        }\n\n        .osh-pd-series-card-body h3 {\n            margin: 0;\n            color: #0d2435;\n            font-size: 24px;\n            line-height: 1.06;\n            letter-spacing: -.6px;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        .osh-pd-series-meta-row {\n            margin-top: 18px;\n            padding-bottom: 16px;\n            border-bottom: 1px solid rgba(13,36,53,.08);\n        }\n\n        .osh-pd-series-meta-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 18px;\n            margin-top: 16px;\n            padding-bottom: 16px;\n            border-bottom: 1px solid rgba(13,36,53,.08);\n        }\n\n        .osh-pd-series-meta-row span,\n        .osh-pd-series-meta-grid span,\n        .osh-pd-match-list article span {\n            display: block;\n            margin-bottom: 10px;\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-pd-series-meta-row strong,\n        .osh-pd-series-meta-grid strong {\n            display: block;\n            color: #0d2435;\n            font-size: 14px;\n            line-height: 1.55;\n            font-weight: 800;\n        }\n\n        .osh-pd-series-card-body p {\n            margin: 16px 0 0;\n            color: #657986;\n            font-size: 13px;\n            line-height: 1.62;\n            font-weight: 600;\n        }\n\n        .osh-pd-series-card-bottom {\n            margin-top: auto;\n            padding-top: 18px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 18px;\n        }\n\n        .osh-pd-series-card-bottom em {\n            color: #9a7335;\n            font-size: 10px;\n            line-height: 1.35;\n            letter-spacing: .14em;\n            text-transform: uppercase;\n            font-style: normal !important;\n            font-weight: 850;\n        }\n\n        .osh-pd-series-card-bottom a {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            color: #0d2435;\n            text-decoration: none;\n            font-size: 12px;\n            line-height: 1;\n            letter-spacing: .08em;\n            text-transform: uppercase;\n            font-weight: 900;\n            white-space: nowrap;\n        }\n\n        .osh-pd-series-card-bottom svg {\n            width: 15px;\n            height: 15px;\n        }\n\n        .osh-pd-system-head,\n        .osh-pd-model-head {\n            display: grid;\n            grid-template-columns: minmax(0, .78fr) minmax(420px, .62fr);\n            gap: 54px;\n            align-items: end;\n        }\n\n        .osh-pd-model-head p {\n            margin: 0;\n            color: #657986;\n            font-size: 15px;\n            line-height: 1.72;\n            font-weight: 650;\n        }\n\n        .osh-pd-model-matrix {\n            background: rgba(255,255,255,.46);\n        }\n\n        .osh-pd-model-table {\n            overflow: hidden;\n            border-radius: 22px;\n            border: 1px solid rgba(13,36,53,.12);\n            background: rgba(255,255,255,.72);\n            box-shadow: 0 24px 58px rgba(17,45,67,.07);\n        }\n\n        .osh-pd-model-row {\n            display: grid;\n            grid-template-columns: 1.15fr .48fr 1.25fr 1.1fr 1.32fr .62fr;\n            border-bottom: 1px solid rgba(13,36,53,.09);\n        }\n\n        .osh-pd-model-row:last-child {\n            border-bottom: none;\n        }\n\n        .osh-pd-model-row-head {\n            background: #0d2435;\n        }\n\n        .osh-pd-model-row > div {\n            padding: 18px 18px;\n            border-right: 1px solid rgba(13,36,53,.08);\n            color: #5f7482;\n            font-size: 13px;\n            line-height: 1.48;\n            font-weight: 650;\n        }\n\n        .osh-pd-model-row > div:last-child {\n            border-right: none;\n        }\n\n        .osh-pd-model-row-head > div {\n            color: rgba(255,255,255,.76);\n            font-size: 10px;\n            letter-spacing: .16em;\n            text-transform: uppercase;\n            font-weight: 850;\n            border-right-color: rgba(255,255,255,.10);\n        }\n\n        .osh-pd-model-row strong {\n            color: #0d2435;\n            font-size: 15px;\n            font-weight: 900;\n        }\n\n        .osh-pd-model-row:not(.osh-pd-model-row-head):hover {\n            background: #f6fafb;\n        }\n\n        .osh-pd-model-row div[data-label=\"Custom Size\"] span {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            min-height: 28px;\n            padding: 0 12px;\n            border-radius: 999px;\n            background: rgba(154,115,53,.11);\n            color: #9a7335;\n            font-size: 11px;\n            letter-spacing: .10em;\n            text-transform: uppercase;\n            font-weight: 900;\n        }\n\n        .osh-pd-model-note {\n            display: grid;\n            grid-template-columns: 260px minmax(0, 1fr);\n            gap: 26px;\n            align-items: center;\n            margin-top: 20px;\n            padding: 24px 28px;\n            border-radius: 18px;\n            background: #0d2435;\n            color: #fff;\n            box-shadow: 0 20px 48px rgba(17,45,67,.12);\n        }\n\n        .osh-pd-model-note strong {\n            color: #d5ad68;\n            font-size: 13px;\n            letter-spacing: .16em;\n            text-transform: uppercase;\n            font-weight: 850;\n        }\n\n        .osh-pd-model-note p {\n            margin: 0;\n            color: rgba(255,255,255,.74);\n            font-size: 14px;\n            line-height: 1.62;\n            font-weight: 600;\n        }\n\n        .osh-pd-custom-system {\n            background:\n                radial-gradient(circle at 18% 10%, rgba(96,130,151,.11), transparent 28%),\n                linear-gradient(180deg, #edf3f5 0%, #f8f5ef 100%);\n        }\n\n        .osh-pd-custom-grid {\n            display: grid;\n            grid-template-columns: minmax(420px, .78fr) minmax(0, 1.22fr);\n            gap: 28px;\n            align-items: stretch;\n        }\n\n        .osh-pd-custom-panel,\n        .osh-pd-match-panel {\n            border-radius: 24px;\n            overflow: hidden;\n            box-shadow: 0 24px 58px rgba(17,45,67,.08);\n        }\n\n        .osh-pd-custom-panel {\n            padding: 44px;\n            background:\n                radial-gradient(circle at 92% 10%, rgba(213,173,104,.14), transparent 30%),\n                linear-gradient(135deg, #0d2435 0%, #14374d 100%);\n            color: #fff;\n        }\n\n        .osh-pd-custom-panel .osh-pd-kicker,\n        .osh-pd-custom-panel h2 {\n            color: #fff;\n        }\n\n        .osh-pd-custom-panel h2,\n        .osh-pd-match-panel h2 {\n            margin: 0;\n            font-size: clamp(28px, 2.3vw, 46px);\n            line-height: 1.06;\n            letter-spacing: -1.1px;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        .osh-pd-custom-panel p {\n            margin: 18px 0 0;\n            color: rgba(255,255,255,.72);\n            font-size: 15px;\n            line-height: 1.7;\n            font-weight: 600;\n        }\n\n        .osh-pd-custom-list {\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            gap: 12px;\n            margin-top: 34px;\n        }\n\n        .osh-pd-custom-list div {\n            display: grid;\n            grid-template-columns: 28px minmax(0, 1fr);\n            gap: 12px;\n            align-items: start;\n            padding: 17px;\n            border: 1px solid rgba(255,255,255,.10);\n            background: rgba(255,255,255,.06);\n        }\n\n        .osh-pd-custom-list i {\n            width: 28px;\n            height: 28px;\n            border-radius: 50%;\n            background: #d5ad68;\n            color: #0d2435;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 13px;\n            font-weight: 900;\n        }\n\n        .osh-pd-custom-list span {\n            color: rgba(255,255,255,.82);\n            font-size: 13.5px;\n            line-height: 1.45;\n            font-weight: 650;\n        }\n\n        .osh-pd-match-panel {\n            padding: 44px;\n            background: rgba(255,255,255,.76);\n            border: 1px solid rgba(13,36,53,.10);\n        }\n\n        .osh-pd-match-list {\n            display: grid;\n            gap: 14px;\n            margin-top: 34px;\n        }\n\n        .osh-pd-match-list article {\n            display: grid;\n            grid-template-columns: .78fr .96fr 1.24fr;\n            gap: 22px;\n            align-items: center;\n            padding: 22px;\n            border: 1px solid rgba(13,36,53,.10);\n            background: rgba(255,255,255,.70);\n        }\n\n        .osh-pd-match-list article strong {\n            display: block;\n            margin-top: 8px;\n            color: #0d2435;\n            font-size: 15px;\n            line-height: 1.35;\n            font-weight: 850;\n        }\n\n        .osh-pd-match-list article p {\n            margin: 0;\n            color: #657986;\n            font-size: 13.5px;\n            line-height: 1.6;\n            font-weight: 600;\n        }\n\n\n        .osh-pd-section-head {\n            margin-bottom: 34px;\n        }\n\n        .osh-pd-scenes-grid {\n            display: grid;\n            grid-template-columns: repeat(3, minmax(0, 1fr));\n            gap: 22px;\n        }\n\n        .osh-pd-scene {\n            position: relative;\n            overflow: hidden;\n            aspect-ratio: 16 \/ 9;\n            border-radius: 20px;\n            background: #d8e2e8;\n            box-shadow: 0 24px 58px rgba(17,45,67,.10);\n        }\n\n        .osh-pd-scene-img {\n            transition: transform .45s ease;\n        }\n\n        .osh-pd-scene:hover .osh-pd-scene-img {\n            transform: scale(1.045);\n        }\n\n        .scene-2.is-placeholder {\n            background-image:\n                radial-gradient(circle at 60% 40%, rgba(255,255,255,.28), transparent 20%),\n                linear-gradient(145deg, #c1d1c8 0%, #7f9e8e 48%, #244840 100%);\n        }\n\n        .scene-3.is-placeholder {\n            background-image:\n                radial-gradient(circle at 60% 40%, rgba(255,255,255,.28), transparent 20%),\n                linear-gradient(145deg, #d1c2a4 0%, #9d916f 48%, #263947 100%);\n        }\n\n        .osh-pd-scene-mask {\n            position: absolute;\n            inset: 0;\n            z-index: 2;\n            background: linear-gradient(180deg, rgba(8,26,39,.04) 0%, rgba(8,26,39,.16) 46%, rgba(8,26,39,.72) 100%);\n        }\n\n        .osh-pd-scene-copy {\n            position: absolute;\n            z-index: 3;\n            left: 28px;\n            right: 28px;\n            bottom: 26px;\n            color: #fff;\n        }\n\n        .osh-pd-scene-copy span {\n            display: block;\n            margin-bottom: 10px;\n            color: rgba(255,255,255,.76);\n            font-size: 10px;\n            line-height: 1;\n            letter-spacing: .16em;\n            text-transform: uppercase;\n            font-weight: 850;\n        }\n\n        .osh-pd-scene-copy h3 {\n            margin: 0;\n            color: #fff;\n            font-size: 25px;\n            line-height: 1.06;\n            letter-spacing: -.35px;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        .osh-pd-specs {\n            border-top: 1px solid rgba(13, 36, 53, .10);\n            border-bottom: 1px solid rgba(13, 36, 53, .10);\n        }\n\n        .osh-pd-specs-grid {\n            display: grid;\n            grid-template-columns: minmax(0, 1fr) minmax(480px, .74fr);\n            gap: 60px;\n            align-items: stretch;\n        }\n\n        .osh-pd-specs-table {\n            border-top: 1px solid rgba(13,36,53,.14);\n        }\n\n        .osh-pd-spec-row {\n            display: grid;\n            grid-template-columns: 220px minmax(0, 1fr);\n            gap: 28px;\n            align-items: center;\n            padding: 24px 0;\n            border-bottom: 1px solid rgba(13,36,53,.10);\n        }\n\n        .osh-pd-spec-row strong {\n            color: #0d2435;\n            font-size: 18px;\n            line-height: 1.42;\n            font-weight: 850;\n        }\n\n        .osh-pd-advantage {\n            position: relative;\n            overflow: hidden;\n            border-radius: 24px;\n            background: rgba(255,255,255,.52);\n            border: 1px solid rgba(13,36,53,.08);\n            box-shadow: 0 24px 58px rgba(17,45,67,.07);\n        }\n\n        .osh-pd-advantage-bg {\n            position: absolute;\n            inset: 0;\n            background:\n                radial-gradient(circle at 54% 28%, rgba(255,255,255,.75), transparent 28%),\n                linear-gradient(145deg, rgba(237,243,245,.70), rgba(248,245,239,.65));\n        }\n\n        .osh-pd-advantage-grid {\n            position: relative;\n            z-index: 2;\n            display: grid;\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n            height: 100%;\n        }\n\n        .osh-pd-advantage-grid div {\n            padding: 34px 32px;\n            border-right: 1px solid rgba(13,36,53,.08);\n            border-bottom: 1px solid rgba(13,36,53,.08);\n        }\n\n        .osh-pd-advantage-grid div:nth-child(2),\n        .osh-pd-advantage-grid div:nth-child(4) {\n            border-right: none;\n        }\n\n        .osh-pd-advantage-grid div:nth-child(3),\n        .osh-pd-advantage-grid div:nth-child(4) {\n            border-bottom: none;\n        }\n\n        .osh-pd-mini-icon {\n            width: 40px;\n            height: 40px;\n            display: flex;\n            color: #9a7335;\n            margin-bottom: 20px;\n        }\n\n        .osh-pd-mini-icon svg {\n            width: 36px;\n            height: 36px;\n        }\n\n        .osh-pd-advantage-grid strong {\n            display: block;\n            color: #0d2435;\n            font-size: 17px;\n            line-height: 1.2;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        .osh-pd-advantage-grid p {\n            margin: 10px 0 0;\n            color: #657986;\n            font-size: 13px;\n            line-height: 1.55;\n            font-weight: 600;\n        }\n\n        .osh-pd-related-grid {\n            display: grid;\n            grid-template-columns: repeat(4, minmax(0, 1fr));\n            gap: 22px;\n        }\n\n        .osh-pd-related-grid a {\n            position: relative;\n            min-height: 180px;\n            overflow: hidden;\n            padding: 26px;\n            border-radius: 18px;\n            text-decoration: none;\n            color: #fff;\n            background:\n                radial-gradient(circle at 68% 32%, rgba(255,255,255,.20), transparent 24%),\n                linear-gradient(145deg, #9eb3c1 0%, #536c7a 48%, #0d2435 100%);\n            box-shadow: 0 22px 48px rgba(17,45,67,.10);\n            transition: transform .22s ease, box-shadow .22s ease;\n        }\n\n        .osh-pd-related-grid a:nth-child(2) {\n            background:\n                radial-gradient(circle at 68% 32%, rgba(255,255,255,.18), transparent 24%),\n                linear-gradient(145deg, #a9bdae 0%, #5f7c70 48%, #0d302e 100%);\n        }\n\n        .osh-pd-related-grid a:nth-child(3) {\n            background:\n                radial-gradient(circle at 68% 32%, rgba(255,255,255,.18), transparent 24%),\n                linear-gradient(145deg, #c8b88d 0%, #766b4c 48%, #21303c 100%);\n        }\n\n        .osh-pd-related-grid a:nth-child(4) {\n            background:\n                radial-gradient(circle at 68% 32%, rgba(255,255,255,.18), transparent 24%),\n                linear-gradient(145deg, #9eb3c1 0%, #536c7a 48%, #0d2435 100%);\n        }\n\n        .osh-pd-related-grid a.has-related-image {\n            background-image:\n                linear-gradient(180deg, rgba(8, 26, 39, .18) 0%, rgba(8, 26, 39, .72) 100%),\n                var(--osh-related-img);\n            background-size: cover;\n            background-position: center;\n            background-repeat: no-repeat;\n        }\n\n        .osh-pd-related-grid a.has-related-image::before {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background:\n                radial-gradient(circle at 70% 28%, rgba(255,255,255,.14), transparent 24%),\n                linear-gradient(180deg, rgba(8,26,39,.02) 0%, rgba(8,26,39,.36) 62%, rgba(8,26,39,.76) 100%);\n            z-index: 1;\n            pointer-events: none;\n        }\n\n        .osh-pd-related-grid a.has-related-image span,\n        .osh-pd-related-grid a.has-related-image strong,\n        .osh-pd-related-grid a.has-related-image em {\n            position: relative;\n            z-index: 2;\n        }\n\n        .osh-pd-related-grid a:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 28px 62px rgba(17,45,67,.15);\n        }\n\n        .osh-pd-related-grid span {\n            color: rgba(255,255,255,.72);\n        }\n\n        .osh-pd-related-grid strong {\n            display: block;\n            max-width: 260px;\n            margin-top: 54px;\n            color: #fff;\n            font-size: 19px;\n            line-height: 1.1;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        .osh-pd-related-grid em {\n            display: block;\n            margin-top: 8px;\n            color: rgba(255,255,255,.72);\n            font-size: 12px;\n            line-height: 1.25;\n            font-weight: 650;\n        }\n\n        .osh-pd-cta {\n            padding-bottom: 110px;\n        }\n\n        .osh-pd-cta-panel {\n            display: grid;\n            grid-template-columns: minmax(0, 1fr) auto;\n            gap: 48px;\n            align-items: center;\n            padding: 48px 54px;\n            border-radius: 24px;\n            background:\n                radial-gradient(circle at 78% 20%, rgba(255,255,255,.08), transparent 30%),\n                linear-gradient(135deg, #0d2435 0%, #14374d 55%, #0d2435 100%);\n            color: #fff;\n            box-shadow: 0 30px 70px rgba(17,45,67,.16);\n        }\n\n        .osh-pd-cta-panel span {\n            display: block;\n            color: #d5ad68;\n            font-size: 11px;\n            letter-spacing: .18em;\n            text-transform: uppercase;\n            font-weight: 850;\n            margin-bottom: 18px;\n        }\n\n        .osh-pd-cta-panel h2 {\n            max-width: 720px;\n            color: #fff;\n            font-size: clamp(30px, 2.4vw, 48px);\n        }\n\n        .osh-pd-cta-panel p {\n            max-width: 620px;\n            margin: 16px 0 0;\n            color: rgba(255,255,255,.74);\n            font-size: 15px;\n            line-height: 1.62;\n            font-weight: 600;\n        }\n\n        .osh-pd-cta-panel a {\n            min-width: 250px;\n            background: #fff;\n            color: #0d2435;\n        }\n\n        @media (max-width: 1280px) {\n            .osh-pd-hero-grid,\n            .osh-pd-overview-grid,\n            .osh-pd-specs-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .osh-pd-hero-copy,\n            .osh-pd-hero-media,\n            .osh-pd-overview-title,\n            .osh-pd-feature-list,\n            .osh-pd-feature-list article {\n                min-height: auto;\n            }\n\n            .osh-pd-hero-media {\n                aspect-ratio: 16 \/ 9;\n            }\n\n            .osh-pd-feature-list,\n            .osh-pd-scenes-grid,\n            .osh-pd-related-grid,\n            .osh-pd-series-grid,\n            .osh-pd-custom-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n            }\n\n            .osh-pd-system-head,\n            .osh-pd-model-head {\n                grid-template-columns: 1fr;\n            }\n\n            .osh-pd-model-row,\n            .osh-pd-model-row-head {\n                grid-template-columns: 1fr;\n            }\n\n            .osh-pd-model-row-head {\n                display: none;\n            }\n\n            .osh-pd-model-row > div {\n                display: grid;\n                grid-template-columns: 150px minmax(0, 1fr);\n                gap: 16px;\n                border-right: none;\n                border-bottom: 1px solid rgba(13,36,53,.08);\n            }\n\n            .osh-pd-model-row > div::before {\n                content: attr(data-label);\n                color: #9a7335;\n                font-size: 10px;\n                line-height: 1.2;\n                letter-spacing: .16em;\n                text-transform: uppercase;\n                font-weight: 850;\n            }\n\n            .osh-pd-model-row > div:last-child {\n                border-bottom: none;\n            }\n\n            .osh-pd-match-list article {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        @media (max-width: 760px) {\n            .osh-pd-wrap {\n                width: min(100%, calc(100vw - 36px));\n            }\n\n            .osh-pd-hero,\n            .osh-pd-overview,\n            .osh-pd-scenes,\n            .osh-pd-specs,\n            .osh-pd-related,\n            .osh-pd-cta {\n                padding: 64px 0;\n            }\n\n            .osh-pd-hero-copy h1 {\n                font-size: 40px;\n                letter-spacing: -1.2px;\n            }\n\n            .osh-pd-overview-title h2 {\n                font-size: 28px;\n                line-height: 1.12;\n            }\n\n            .osh-pd-meta-list div,\n            .osh-pd-spec-row {\n                grid-template-columns: 1fr;\n                gap: 10px;\n            }\n\n            .osh-pd-actions {\n                flex-direction: column;\n                align-items: flex-start;\n            }\n\n            .osh-pd-actions a {\n                width: 100%;\n            }\n\n            .osh-pd-feature-list,\n            .osh-pd-scenes-grid,\n            .osh-pd-related-grid,\n            .osh-pd-advantage-grid,\n            .osh-pd-cta-panel,\n            .osh-pd-series-grid,\n            .osh-pd-custom-grid,\n            .osh-pd-custom-list {\n                grid-template-columns: 1fr;\n            }\n\n            .osh-pd-series-showcase,\n            .osh-pd-model-matrix,\n            .osh-pd-custom-system {\n                padding: 64px 0;\n            }\n\n            .osh-pd-series-card-body,\n            .osh-pd-custom-panel,\n            .osh-pd-match-panel {\n                padding: 28px 24px;\n            }\n\n            .osh-pd-series-meta-grid,\n            .osh-pd-model-note {\n                grid-template-columns: 1fr;\n                gap: 10px;\n            }\n\n            .osh-pd-model-row > div {\n                grid-template-columns: 1fr;\n                gap: 8px;\n            }\n\n            .osh-pd-feature-list {\n                border-left: none;\n            }\n\n            .osh-pd-feature-list article {\n                padding: 24px 0;\n                border-right: none;\n                border-bottom: 1px solid rgba(13,36,53,.10);\n            }\n\n            .osh-pd-cta-panel {\n                padding: 34px 26px;\n            }\n\n            .osh-pd-cta-panel a {\n                width: 100%;\n            }\n        }\n\n\n        @media (max-width: 1280px) {\n            .osh-pd-series-head {\n                grid-template-columns: 1fr;\n                align-items: flex-start;\n            }\n\n            .osh-pd-series-filters {\n                justify-content: flex-start;\n            }\n        }\n\n        @media (max-width: 760px) {\n            .osh-pd-series-meta-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .osh-pd-series-card-bottom {\n                align-items: flex-start;\n                flex-direction: column;\n            }\n        }\n\n\n        .osh-pd-model-gallery-section {\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        }\n\n        .osh-pd-model-gallery-head {\n            display: grid;\n            grid-template-columns: minmax(0, 1fr) auto;\n            gap: 24px;\n            align-items: end;\n            margin-bottom: 24px;\n        }\n\n        .osh-pd-model-gallery-head h2 {\n            margin: 0;\n            color: #0d2435;\n            font-size: clamp(30px, 2.35vw, 48px);\n            line-height: 1.06;\n            letter-spacing: -1.1px;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        .osh-pd-model-gallery-filters {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 10px;\n        }\n\n        .osh-pd-model-gallery-filters button,\n        .osh-pd-gallery-page-btn {\n            appearance: none;\n            border: 1px solid rgba(13,36,53,.12);\n            background: rgba(255,255,255,.78);\n            color: #0d2435;\n            min-height: 42px;\n            padding: 0 18px;\n            font-size: 11px;\n            line-height: 1;\n            letter-spacing: .14em;\n            text-transform: uppercase;\n            font-weight: 850;\n            cursor: pointer;\n            transition: all .22s ease;\n        }\n\n        .osh-pd-model-gallery-filters button.active,\n        .osh-pd-model-gallery-filters button:hover,\n        .osh-pd-gallery-page-btn.is-active,\n        .osh-pd-gallery-page-btn:hover {\n            background: #0d2435;\n            color: #fff;\n            border-color: #0d2435;\n        }\n\n        .osh-pd-gallery-page-btn:disabled {\n            opacity: .38;\n            cursor: not-allowed;\n            background: rgba(255,255,255,.78);\n            color: #0d2435;\n            border-color: rgba(13,36,53,.12);\n        }\n\n        .osh-pd-model-gallery-note {\n            margin-bottom: 26px;\n            max-width: 1100px;\n        }\n\n        .osh-pd-model-gallery-note p {\n            margin: 0;\n            color: #657986;\n            font-size: 14px;\n            line-height: 1.78;\n            font-weight: 600;\n        }\n\n        .osh-pd-model-gallery-grid {\n            display: grid;\n            grid-template-columns: repeat(3, minmax(0, 1fr));\n            gap: 22px;\n        }\n\n        .osh-pd-model-card {\n            display: flex;\n            flex-direction: column;\n            overflow: hidden;\n            background: rgba(255,255,255,.88);\n            border: 1px solid rgba(13,36,53,.08);\n            box-shadow: 0 20px 48px rgba(17,45,67,.08);\n            transition: transform .22s ease, box-shadow .22s ease;\n        }\n\n        .osh-pd-model-card:hover {\n            transform: translateY(-4px);\n            box-shadow: 0 28px 62px rgba(17,45,67,.14);\n        }\n\n        .osh-pd-model-card.is-hidden {\n            display: none !important;\n        }\n\n        .osh-pd-model-card-media {\n            position: relative;\n        }\n\n        .osh-pd-model-card-slider {\n            position: relative;\n            overflow: hidden;\n            aspect-ratio: 16 \/ 10;\n            background: #dfe9ee;\n        }\n\n        .osh-pd-model-card-track {\n            display: flex;\n            height: 100%;\n            transition: transform .34s ease;\n        }\n\n        .osh-pd-model-card-slide {\n            flex: 0 0 100%;\n            background-size: cover;\n            background-position: center;\n            background-repeat: no-repeat;\n            position: relative;\n        }\n\n        .osh-pd-model-card-slide::after {\n            content: \"\";\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(180deg, rgba(8,26,39,.08) 0%, rgba(8,26,39,.02) 42%, rgba(8,26,39,.28) 100%);\n        }\n\n        .osh-pd-model-card-slide.is-placeholder {\n            background-image:\n                radial-gradient(circle at 54% 42%, rgba(255,255,255,.30), transparent 18%),\n                linear-gradient(140deg, #dfe9ee 0%, #b9cbd6 46%, #5d7485 100%);\n        }\n\n        .osh-pd-model-card-tag {\n            position: absolute;\n            left: 18px;\n            top: 18px;\n            z-index: 3;\n        }\n\n        .osh-pd-model-card-tag span {\n            display: inline-block;\n            color: #fff;\n            font-size: 10px;\n            line-height: 1;\n            letter-spacing: .16em;\n            text-transform: uppercase;\n            font-weight: 850;\n        }\n\n        .osh-pd-model-card-arrow {\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            z-index: 3;\n            width: 46px;\n            height: 46px;\n            border-radius: 50%;\n            border: 1px solid rgba(255,255,255,.30);\n            background: rgba(13,36,53,.54);\n            color: #fff;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n            padding: 0;\n            font-size: 0;\n            line-height: 1;\n            transition: background .22s ease, border-color .22s ease, transform .22s ease;\n            backdrop-filter: blur(3px);\n            -webkit-backdrop-filter: blur(3px);\n        }\n\n        .osh-pd-model-card-arrow:hover {\n            background: rgba(13,36,53,.78);\n            border-color: rgba(255,255,255,.48);\n        }\n\n        .osh-pd-model-card-arrow span {\n            display: block;\n            color: currentColor;\n            font-family: Arial, Helvetica, sans-serif;\n            font-size: 34px;\n            font-weight: 700;\n            line-height: .82;\n            transform: translateY(-1px);\n            pointer-events: none;\n        }\n\n        .osh-pd-model-card-arrow.is-prev {\n            left: 16px;\n        }\n\n        .osh-pd-model-card-arrow.is-next {\n            right: 16px;\n        }\n\n        .osh-pd-model-card-arrow.is-prev span {\n            transform: translate(-1px, -1px);\n        }\n\n        .osh-pd-model-card-arrow.is-next span {\n            transform: translate(1px, -1px);\n        }\n\n        .osh-pd-model-card-dots {\n            position: absolute;\n            left: 18px;\n            bottom: 16px;\n            z-index: 3;\n            display: flex;\n            gap: 8px;\n        }\n\n        .osh-pd-model-card-dot {\n            width: 8px;\n            height: 8px;\n            border-radius: 50%;\n            border: 0;\n            background: rgba(255,255,255,.48);\n            cursor: pointer;\n            padding: 0;\n        }\n\n        .osh-pd-model-card-dot.is-active { background: #fff; }\n\n        .osh-pd-model-card-body {\n            padding: 24px 22px 22px;\n            background: rgba(255,255,255,.92);\n        }\n\n        .osh-pd-model-card-series {\n            color: #7a8d98;\n            font-size: 11px;\n            line-height: 1.3;\n            letter-spacing: .12em;\n            text-transform: uppercase;\n            font-weight: 800;\n            margin-bottom: 12px;\n        }\n\n        .osh-pd-model-card-body h3 {\n            margin: 0;\n            color: #0d2435;\n            font-size: 34px;\n            line-height: 1;\n            letter-spacing: -1px;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n\n        .osh-pd-model-card-meta-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 18px;\n            margin-top: 18px;\n            padding-bottom: 16px;\n            border-bottom: 1px solid rgba(13,36,53,.08);\n        }\n\n        .osh-pd-model-card-meta-row {\n            margin-top: 16px;\n            padding-bottom: 16px;\n            border-bottom: 1px solid rgba(13,36,53,.08);\n        }\n\n        .osh-pd-model-card-meta-grid span,\n        .osh-pd-model-card-meta-row span {\n            display: block;\n            margin-bottom: 10px;\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-pd-model-card-meta-grid strong,\n        .osh-pd-model-card-meta-row strong {\n            display: block;\n            color: #0d2435;\n            font-size: 14px;\n            line-height: 1.55;\n            font-weight: 800;\n        }\n\n        .osh-pd-model-card-body p {\n            margin: 16px 0 0;\n            color: #657986;\n            font-size: 13px;\n            line-height: 1.62;\n            font-weight: 600;\n        }\n\n        .osh-pd-model-card-bottom {\n            margin-top: 18px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 18px;\n        }\n\n        .osh-pd-model-card-bottom em {\n            color: #9a7335;\n            font-size: 10px;\n            line-height: 1.35;\n            letter-spacing: .14em;\n            text-transform: uppercase;\n            font-style: normal !important;\n            font-weight: 850;\n        }\n\n        .osh-pd-model-card-bottom a {\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n            color: #0d2435;\n            text-decoration: none;\n            font-size: 12px;\n            line-height: 1;\n            letter-spacing: .08em;\n            text-transform: uppercase;\n            font-weight: 900;\n        }\n\n        .osh-pd-model-card-bottom svg {\n            width: 15px;\n            height: 15px;\n        }\n\n        .osh-pd-model-gallery-pagination {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            flex-wrap: wrap;\n            gap: 10px;\n            margin-top: 30px;\n        }\n\n        @media (max-width: 1280px) {\n            .osh-pd-model-gallery-grid {\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n            }\n        }\n\n        @media (max-width: 760px) {\n            .osh-pd-model-gallery-head {\n                grid-template-columns: 1fr;\n                align-items: flex-start;\n            }\n            .osh-pd-model-gallery-grid,\n            .osh-pd-model-card-meta-grid {\n                grid-template-columns: 1fr;\n            }\n            .osh-pd-model-card-bottom {\n                align-items: flex-start;\n                flex-direction: column;\n            }\n            .osh-pd-model-card-body h3 {\n                font-size: 28px;\n            }\n            .osh-pd-model-card-arrow {\n                width: 40px;\n                height: 40px;\n            }\n        }\n\n    <\/style>\n\n    <script>\ndocument.addEventListener('DOMContentLoaded', function () {\n    const gallerySection = document.querySelector('.osh-pd-model-gallery-section');\n\n    if (gallerySection) {\n        const filterButtons = Array.from(gallerySection.querySelectorAll('.osh-pd-model-gallery-filters button'));\n        const cards = Array.from(gallerySection.querySelectorAll('.osh-pd-model-card'));\n        const pagination = gallerySection.querySelector('#oshPdModelGalleryPagination');\n        const grid = gallerySection.querySelector('#oshPdModelGalleryGrid');\n        const pageSize = 6;\n\n        let activeFilter = 'all';\n        let activePage = 1;\n\n        function getFilteredCards() {\n            return cards.filter(function (card) {\n                return activeFilter === 'all' || card.getAttribute('data-category') === activeFilter;\n            });\n        }\n\n        function getGridColumnCount() {\n            if (!grid) return 1;\n\n            const columns = window.getComputedStyle(grid).gridTemplateColumns;\n            if (!columns || columns === 'none') return 1;\n\n            return columns.split(' ').filter(Boolean).length || 1;\n        }\n\n        function showCards(visibleCards) {\n            cards.forEach(function (card) {\n                card.classList.add('is-hidden');\n            });\n\n            visibleCards.forEach(function (card) {\n                card.classList.remove('is-hidden');\n            });\n        }\n\n        function correctPositionAfterShortPage(previousHeight, visibleCount, shouldAdjust) {\n            if (!grid || !shouldAdjust) return;\n\n            window.requestAnimationFrame(function () {\n                const nextHeight = grid.offsetHeight;\n                const heightDiff = previousHeight - nextHeight;\n                const rowCount = Math.ceil(visibleCount \/ getGridColumnCount());\n\n                if (heightDiff > 20 && rowCount === 1) {\n                    window.scrollBy({\n                        top: -heightDiff,\n                        left: 0,\n                        behavior: 'auto'\n                    });\n                }\n            });\n        }\n\n        function renderPagination(totalPages) {\n            if (!pagination) return;\n\n            pagination.innerHTML = '';\n\n            if (totalPages <= 1) {\n                return;\n            }\n\n            function createPageButton(label, page, isActive, isDisabled) {\n                const button = document.createElement('button');\n                button.type = 'button';\n                button.className = 'osh-pd-gallery-page-btn' + (isActive ? ' is-active' : '');\n                button.textContent = label;\n                button.disabled = !!isDisabled;\n\n                button.addEventListener('click', function (event) {\n                    event.preventDefault();\n\n                    if (isDisabled || activePage === page) {\n                        return;\n                    }\n\n                    activePage = page;\n                    renderGallery(true);\n                });\n\n                return button;\n            }\n\n            pagination.appendChild(createPageButton('Prev', Math.max(1, activePage - 1), false, activePage === 1));\n\n            for (let page = 1; page <= totalPages; page++) {\n                pagination.appendChild(createPageButton(String(page), page, page === activePage, false));\n            }\n\n            pagination.appendChild(createPageButton('Next', Math.min(totalPages, activePage + 1), false, activePage === totalPages));\n        }\n\n        function renderGallery(shouldAdjustPosition) {\n            const previousHeight = grid ? grid.offsetHeight : 0;\n            const filteredCards = getFilteredCards();\n            const totalPages = Math.max(1, Math.ceil(filteredCards.length \/ pageSize));\n\n            if (activePage > totalPages) {\n                activePage = totalPages;\n            }\n\n            const start = (activePage - 1) * pageSize;\n            const visibleCards = filteredCards.slice(start, start + pageSize);\n\n            showCards(visibleCards);\n            renderPagination(totalPages);\n            correctPositionAfterShortPage(previousHeight, visibleCards.length, shouldAdjustPosition);\n        }\n\n        filterButtons.forEach(function (button) {\n            button.addEventListener('click', function (event) {\n                event.preventDefault();\n\n                const nextFilter = button.getAttribute('data-filter') || 'all';\n\n                if (nextFilter === activeFilter) {\n                    return;\n                }\n\n                activeFilter = nextFilter;\n                activePage = 1;\n\n                filterButtons.forEach(function (item) {\n                    item.classList.remove('active');\n                });\n\n                button.classList.add('active');\n                renderGallery(false);\n            });\n        });\n\n        renderGallery(false);\n    }\n\n    document.querySelectorAll('.osh-pd-model-card-slider').forEach(function (slider) {\n        const track = slider.querySelector('.osh-pd-model-card-track');\n        const slides = Array.from(slider.querySelectorAll('.osh-pd-model-card-slide'));\n        const prevButton = slider.querySelector('.osh-pd-model-card-arrow.is-prev');\n        const nextButton = slider.querySelector('.osh-pd-model-card-arrow.is-next');\n        const dots = Array.from(slider.querySelectorAll('.osh-pd-model-card-dot'));\n\n        if (!track || slides.length <= 1) {\n            return;\n        }\n\n        let activeIndex = 0;\n\n        function renderSlider() {\n            track.style.transform = 'translateX(-' + (activeIndex * 100) + '%)';\n\n            dots.forEach(function (dot, index) {\n                dot.classList.toggle('is-active', index === activeIndex);\n            });\n        }\n\n        function goToSlide(index) {\n            activeIndex = (index + slides.length) % slides.length;\n            renderSlider();\n        }\n\n        if (prevButton) {\n            prevButton.addEventListener('click', function (event) {\n                event.preventDefault();\n                goToSlide(activeIndex - 1);\n            });\n        }\n\n        if (nextButton) {\n            nextButton.addEventListener('click', function (event) {\n                event.preventDefault();\n                goToSlide(activeIndex + 1);\n            });\n        }\n\n        dots.forEach(function (dot, index) {\n            dot.addEventListener('click', function (event) {\n                event.preventDefault();\n                goToSlide(index);\n            });\n        });\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>Gewerbliche Containerhaus<\/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-2677","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PhdmIQ-Hb","_links":{"self":[{"href":"https:\/\/oceanstarhouse.com\/de\/wp-json\/wp\/v2\/pages\/2677","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=2677"}],"version-history":[{"count":56,"href":"https:\/\/oceanstarhouse.com\/de\/wp-json\/wp\/v2\/pages\/2677\/revisions"}],"predecessor-version":[{"id":3425,"href":"https:\/\/oceanstarhouse.com\/de\/wp-json\/wp\/v2\/pages\/2677\/revisions\/3425"}],"wp:attachment":[{"href":"https:\/\/oceanstarhouse.com\/de\/wp-json\/wp\/v2\/media?parent=2677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}