{"id":2681,"date":"2026-05-25T08:05:49","date_gmt":"2026-05-25T08:05:49","guid":{"rendered":"https:\/\/oceanstarhouse.com\/?page_id=2681"},"modified":"2026-06-18T07:54:29","modified_gmt":"2026-06-18T07:54:29","slug":"maison-conteneur-en-kit","status":"publish","type":"page","link":"https:\/\/oceanstarhouse.com\/fr\/flat-pack-container-house\/","title":{"rendered":"Maison conteneur pr\u00e9fabriqu\u00e9e"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2681\" class=\"elementor elementor-2681\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b84642d e-flex e-con-boxed e-con e-parent\" data-id=\"3b84642d\" 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-71ea7500 e-con-full e-flex e-con e-child\" data-id=\"71ea7500\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d46bef3 elementor-widget elementor-widget-heading\" data-id=\"d46bef3\" 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\">flat pack 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-206094a e-con-full e-flex e-con e-parent\" data-id=\"206094a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4d8ece elementor-widget elementor-widget-shortcode\" data-id=\"d4d8ece\" 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-gold\">\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>Flat Pack 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\">Flat Pack Container System<\/span>\n\n                        <h1>Flat Pack Container House<\/h1>\n\n                        <p>Flat pack container systems for worker dormitories, offices, classrooms, clinics, camps, and large-scale project accommodation.<\/p>\n\n                        <div class=\"osh-pd-meta-list\">\n                            <div>\n                                <span>Application<\/span>\n                                <strong>Dormitories \u00b7 Offices \u00b7 Camps \u00b7 Classrooms \u00b7 Clinics \u00b7 Support Buildings<\/strong>\n                            <\/div>\n\n                            <div>\n                                <span>Buyer Type<\/span>\n                                <strong>Developers \u00b7 Contractors \u00b7 Project Owners \u00b7 Industrial Parks \u00b7 Public Facility Buyers<\/strong>\n                            <\/div>\n\n                            <div>\n                                <span>Supply Mode<\/span>\n                                <strong>Flat Pack System \u00b7 Batch Delivery \u00b7 Multi-storey Combination \u00b7 Project Customization<\/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\/FP-8-3.png');\"\n                                                    ><\/div>\n\n                        <div class=\"osh-pd-media-mask\"><\/div>\n\n                        <div class=\"osh-pd-media-title\">\n                            <span>Project Building System<\/span>\n                            <strong>Flat Pack 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 project building system for large-scale modular facilities.<\/h2>\n                        <p>Flat pack container houses are better managed as building systems rather than single finished products. They are commonly combined into dormitory buildings, offices, classrooms, clinics, camps and industrial support facilities.<\/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=\"dormitory\"\n                                >Dormitory<\/button>\n                                                            <button\n                                    class=\"\"\n                                    type=\"button\"\n                                    data-filter=\"office\"\n                                >Office<\/button>\n                                                            <button\n                                    class=\"\"\n                                    type=\"button\"\n                                    data-filter=\"education-medical\"\n                                >Classroom \/ Clinic<\/button>\n                                                            <button\n                                    class=\"\"\n                                    type=\"button\"\n                                    data-filter=\"camp\"\n                                >Camp<\/button>\n                                                            <button\n                                    class=\"\"\n                                    type=\"button\"\n                                    data-filter=\"support-building\"\n                                >Support Building<\/button>\n                                                            <button\n                                    class=\"\"\n                                    type=\"button\"\n                                    data-filter=\"large-project\"\n                                >Large Project<\/button>\n                                                    <\/div>\n                    <\/div>\n\n                                            <div class=\"osh-pd-model-gallery-note\">\n                            <p>This series is managed by project collection type, not by single finished house models. The project codes below are created for website management: ZP means Flat Pack Project. Update images inside osh_flat_pack_container_model_images() by project code such as fp-1, fp-5 or fp-10.<\/p>\n                        <\/div>\n                    \n                    <div class=\"osh-pd-model-gallery-grid\" id=\"oshPdModelGalleryGrid\">\n                                                                                <article class=\"osh-pd-model-card\" data-category=\"dormitory\">\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\/FP-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\/FP-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\/FP-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\/FP-1-4.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>Worker Dormitory Building<\/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                                                                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-pd-model-card-body\">\n                                    <div class=\"osh-pd-model-card-series\">Dormitory Building Project<\/div>\n                                    <h3>FP-1<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Staff housing \u00b7 Worker dormitory \u00b7 Camp accommodation<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>Single module reference: 6055\u00d72435\u00d72896mm \u00b7 Multi-room 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>Dormitory rooms \u00b7 Corridors \u00b7 Stairs \u00b7 Sanitary support<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>Dormitory buildings planned with repeated flat pack units, corridors, staircases, sanitary support and bed-count capacity.<\/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=\"office\">\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\/FP-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\/FP-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\/FP-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\/FP-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\/FP-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>Modular Office Building<\/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\">Office Building Project<\/div>\n                                    <h3>FP-2<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Project office \u00b7 Site command center \u00b7 Temporary administration<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>Single or multi-storey office layout by team size<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"osh-pd-model-card-meta-row\">\n                                        <div>\n                                            <span>Layout Type<\/span>\n                                            <strong>Office \u00b7 Meeting \u00b7 Reception \u00b7 Management \u00b7 Storage<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>Office, meeting room, reception, management, storage and staff support functions arranged as a complete office compound.<\/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=\"education-medical\">\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\/FP-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\/FP-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\/FP-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\/FP-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\/FP-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>Education Modular Building<\/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\">Classroom Building Project<\/div>\n                                    <h3>FP-3<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Classrooms \u00b7 Training rooms \u00b7 School support buildings<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>Room quantity planned by class size and campus 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>Classrooms \u00b7 Staff room \u00b7 Toilets \u00b7 Safe circulation<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>Classroom blocks with teaching rooms, corridors, staff rooms, toilets and safe circulation routes.<\/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=\"education-medical\">\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\/FP-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\/FP-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\/FP-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\/FP-4-4.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>Medical Support Building<\/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                                                                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-pd-model-card-body\">\n                                    <div class=\"osh-pd-model-card-series\">Clinic &amp; Medical Support Project<\/div>\n                                    <h3>FP-4<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Clinic \u00b7 Medical room \u00b7 Temporary health station<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>Medical rooms and waiting areas planned by project function<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"osh-pd-model-card-meta-row\">\n                                        <div>\n                                            <span>Layout Type<\/span>\n                                            <strong>Consultation \u00b7 Waiting \u00b7 Storage \u00b7 Clean circulation<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>Medical support layouts with consultation rooms, waiting area, pharmacy\/storage and clean functional circulation.<\/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=\"camp\">\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\/FP-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\/FP-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\/FP-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\/FP-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\/FP-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>Project Camp Building<\/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\">Camp Accommodation Project<\/div>\n                                    <h3>FP-5<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Construction camp \u00b7 Mining camp \u00b7 Oilfield camp \u00b7 Remote site living<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>Building quantity planned by staff capacity and site area<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"osh-pd-model-card-meta-row\">\n                                        <div>\n                                            <span>Layout Type<\/span>\n                                            <strong>Dormitory \u00b7 Office \u00b7 Dining \u00b7 Toilet \u00b7 Shower \u00b7 Management<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>Large camp planning with dormitories, offices, dining, toilets, showers, storage and management buildings.<\/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=\"support-building\">\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\/FP-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\/FP-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\/FP-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\/FP-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\/FP-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>Support Facility Building<\/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\">Public Support Facility Project<\/div>\n                                    <h3>FP-6<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Toilets \u00b7 Shower rooms \u00b7 Laundry \u00b7 Storage \u00b7 Utility rooms<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>Facility quantity planned by user capacity<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"osh-pd-model-card-meta-row\">\n                                        <div>\n                                            <span>Layout Type<\/span>\n                                            <strong>Sanitary \u00b7 Utility \u00b7 Storage \u00b7 Maintenance<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>Support buildings for sanitation, utility, storage, maintenance and daily operation around 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=\"large-project\">\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\/FP-7-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\/FP-7-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\/FP-7-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\/FP-7-4.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>Multi-storey Modular Building<\/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                                                                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-pd-model-card-body\">\n                                    <div class=\"osh-pd-model-card-series\">Multi-storey Building Project<\/div>\n                                    <h3>FP-7<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Two-storey \/ three-storey offices \u00b7 dormitories \u00b7 classrooms<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>Stacked and combined layout based on structural and site requirements<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"osh-pd-model-card-meta-row\">\n                                        <div>\n                                            <span>Layout Type<\/span>\n                                            <strong>Stacked modules \u00b7 Stairs \u00b7 Corridors \u00b7 Fa\u00e7ade alignment<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>Multi-storey flat pack building combinations with stairs, corridors, fa\u00e7ade alignment and efficient land use.<\/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=\"large-project\">\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\/FP-8-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\/FP-8-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\/FP-8-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\/FP-8-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\/FP-8-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>Industrial Park Support Building<\/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\">Industrial Park Modular Project<\/div>\n                                    <h3>FP-8<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Factory office \u00b7 Staff housing \u00b7 Park service building<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>Building groups planned by industrial park functions<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"osh-pd-model-card-meta-row\">\n                                        <div>\n                                            <span>Layout Type<\/span>\n                                            <strong>Office \u00b7 Housing \u00b7 Security \u00b7 Service rooms<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>Integrated industrial park support using offices, accommodation, security rooms, service rooms and auxiliary facilities.<\/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=\"large-project\">\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\/FP-10-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\/FP-10-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\/FP-10-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\/FP-10-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\/FP-10-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>Integrated Project Building 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\">Large-scale Project Complex<\/div>\n                                    <h3>FP-10<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Large camps \u00b7 public facilities \u00b7 mixed-use project buildings<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>Master plan based on total rooms, floors, site area and delivery phases<\/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 buildings \u00b7 Roads \u00b7 Courtyards \u00b7 Service zones<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>Complete project complex planning with multiple buildings, roads, courtyards, service zones and phased delivery.<\/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\">Dormitory Building Project<\/div>\n                                <div data-label=\"Code\"><strong>FP-1<\/strong><\/div>\n                                <div data-label=\"Application\">Staff housing \u00b7 Worker dormitory \u00b7 Camp accommodation<\/div>\n                                <div data-label=\"Standard Size\">Single module reference: 6055\u00d72435\u00d72896mm \u00b7 Multi-room layout by project<\/div>\n                                <div data-label=\"Layout Type\">Dormitory rooms \u00b7 Corridors \u00b7 Stairs \u00b7 Sanitary support<\/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\">Office Building Project<\/div>\n                                <div data-label=\"Code\"><strong>FP-2<\/strong><\/div>\n                                <div data-label=\"Application\">Project office \u00b7 Site command center \u00b7 Temporary administration<\/div>\n                                <div data-label=\"Standard Size\">Single or multi-storey office layout by team size<\/div>\n                                <div data-label=\"Layout Type\">Office \u00b7 Meeting \u00b7 Reception \u00b7 Management \u00b7 Storage<\/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\">Classroom Building Project<\/div>\n                                <div data-label=\"Code\"><strong>FP-3<\/strong><\/div>\n                                <div data-label=\"Application\">Classrooms \u00b7 Training rooms \u00b7 School support buildings<\/div>\n                                <div data-label=\"Standard Size\">Room quantity planned by class size and campus layout<\/div>\n                                <div data-label=\"Layout Type\">Classrooms \u00b7 Staff room \u00b7 Toilets \u00b7 Safe circulation<\/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\">Clinic &amp; Medical Support Project<\/div>\n                                <div data-label=\"Code\"><strong>FP-4<\/strong><\/div>\n                                <div data-label=\"Application\">Clinic \u00b7 Medical room \u00b7 Temporary health station<\/div>\n                                <div data-label=\"Standard Size\">Medical rooms and waiting areas planned by project function<\/div>\n                                <div data-label=\"Layout Type\">Consultation \u00b7 Waiting \u00b7 Storage \u00b7 Clean circulation<\/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\">Camp Accommodation Project<\/div>\n                                <div data-label=\"Code\"><strong>FP-5<\/strong><\/div>\n                                <div data-label=\"Application\">Construction camp \u00b7 Mining camp \u00b7 Oilfield camp \u00b7 Remote site living<\/div>\n                                <div data-label=\"Standard Size\">Building quantity planned by staff capacity and site area<\/div>\n                                <div data-label=\"Layout Type\">Dormitory \u00b7 Office \u00b7 Dining \u00b7 Toilet \u00b7 Shower \u00b7 Management<\/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\">Public Support Facility Project<\/div>\n                                <div data-label=\"Code\"><strong>FP-6<\/strong><\/div>\n                                <div data-label=\"Application\">Toilets \u00b7 Shower rooms \u00b7 Laundry \u00b7 Storage \u00b7 Utility rooms<\/div>\n                                <div data-label=\"Standard Size\">Facility quantity planned by user capacity<\/div>\n                                <div data-label=\"Layout Type\">Sanitary \u00b7 Utility \u00b7 Storage \u00b7 Maintenance<\/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\">Multi-storey Building Project<\/div>\n                                <div data-label=\"Code\"><strong>FP-7<\/strong><\/div>\n                                <div data-label=\"Application\">Two-storey \/ three-storey offices \u00b7 dormitories \u00b7 classrooms<\/div>\n                                <div data-label=\"Standard Size\">Stacked and combined layout based on structural and site requirements<\/div>\n                                <div data-label=\"Layout Type\">Stacked modules \u00b7 Stairs \u00b7 Corridors \u00b7 Fa\u00e7ade alignment<\/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\">Industrial Park Modular Project<\/div>\n                                <div data-label=\"Code\"><strong>FP-8<\/strong><\/div>\n                                <div data-label=\"Application\">Factory office \u00b7 Staff housing \u00b7 Park service building<\/div>\n                                <div data-label=\"Standard Size\">Building groups planned by industrial park functions<\/div>\n                                <div data-label=\"Layout Type\">Office \u00b7 Housing \u00b7 Security \u00b7 Service rooms<\/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\">Large-scale Project Complex<\/div>\n                                <div data-label=\"Code\"><strong>FP-10<\/strong><\/div>\n                                <div data-label=\"Application\">Large camps \u00b7 public facilities \u00b7 mixed-use project buildings<\/div>\n                                <div data-label=\"Standard Size\">Master plan based on total rooms, floors, site area and delivery phases<\/div>\n                                <div data-label=\"Layout Type\">Multiple buildings \u00b7 Roads \u00b7 Courtyards \u00b7 Service zones<\/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>Dormitory, office, classroom, clinic, camp and support building planning<\/span>\n                                        <\/div>\n                                                                            <div>\n                                            <i>\u2713<\/i>\n                                            <span>Single-storey, two-storey and multi-storey flat pack combinations<\/span>\n                                        <\/div>\n                                                                            <div>\n                                            <i>\u2713<\/i>\n                                            <span>Room quantity, building length, corridor direction and stair position planning<\/span>\n                                        <\/div>\n                                                                            <div>\n                                            <i>\u2713<\/i>\n                                            <span>Interior layout for beds, desks, offices, classrooms, medical rooms and sanitary areas<\/span>\n                                        <\/div>\n                                                                            <div>\n                                            <i>\u2713<\/i>\n                                            <span>Exterior wall color, fa\u00e7ade finish, roof drainage, trim color and signage options<\/span>\n                                        <\/div>\n                                                                            <div>\n                                            <i>\u2713<\/i>\n                                            <span>Doors, windows, corridors, awnings, stairs, walkways and connection options<\/span>\n                                        <\/div>\n                                                                            <div>\n                                            <i>\u2713<\/i>\n                                            <span>Electrical, lighting, plumbing, drainage, ventilation and air-conditioning direction<\/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>Worker Dormitory \/ Staff Housing<\/strong>\n                                            <\/div>\n                                            <div>\n                                                <span>Recommended Series<\/span>\n                                                <strong>FP-1 \/ FP-5<\/strong>\n                                            <\/div>\n                                            <p>Better for bed-count planning, repeated room layouts, sanitation support and large camp accommodation.<\/p>\n                                        <\/article>\n                                                                            <article>\n                                            <div>\n                                                <span>Project Need<\/span>\n                                                <strong>Project Office \/ Site Command<\/strong>\n                                            <\/div>\n                                            <div>\n                                                <span>Recommended Series<\/span>\n                                                <strong>FP-2<\/strong>\n                                            <\/div>\n                                            <p>Better for office, meeting, reception, management and storage functions.<\/p>\n                                        <\/article>\n                                                                            <article>\n                                            <div>\n                                                <span>Project Need<\/span>\n                                                <strong>Classroom \/ Clinic \/ Public Facility<\/strong>\n                                            <\/div>\n                                            <div>\n                                                <span>Recommended Series<\/span>\n                                                <strong>FP-3 \/ FP-4<\/strong>\n                                            <\/div>\n                                            <p>Better for education, medical and public support layouts that require clear room function and circulation.<\/p>\n                                        <\/article>\n                                                                            <article>\n                                            <div>\n                                                <span>Project Need<\/span>\n                                                <strong>Support Facility \/ Utility Building<\/strong>\n                                            <\/div>\n                                            <div>\n                                                <span>Recommended Series<\/span>\n                                                <strong>FP-6 \/ FP-9<\/strong>\n                                            <\/div>\n                                            <p>Better for toilets, showers, laundry, storage, utility rooms and interior fit-out reference.<\/p>\n                                        <\/article>\n                                                                            <article>\n                                            <div>\n                                                <span>Project Need<\/span>\n                                                <strong>Large-scale Project Complex<\/strong>\n                                            <\/div>\n                                            <div>\n                                                <span>Recommended Series<\/span>\n                                                <strong>FP-7 \/ FP-8 \/ FP-10<\/strong>\n                                            <\/div>\n                                            <p>Better for multi-storey buildings, industrial park support and complete project master planning.<\/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\/06\/flat-pack-container-house-scenarios-1.png');\"\n                                                            ><\/div>\n\n                            <div class=\"osh-pd-scene-mask\"><\/div>\n\n                            <div class=\"osh-pd-scene-copy\">\n                                <span>Park Cluster<\/span>\n                                <h3>Multi-Unit Modular Site<\/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\/flat-pack-container-house-scenarios-2.png');\"\n                                                            ><\/div>\n\n                            <div class=\"osh-pd-scene-mask\"><\/div>\n\n                            <div class=\"osh-pd-scene-copy\">\n                                <span>Camp \/ Office<\/span>\n                                <h3>Project Building Compound<\/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\/flat-pack-container-house-scenarios-3.png');\"\n                                                            ><\/div>\n\n                            <div class=\"osh-pd-scene-mask\"><\/div>\n\n                            <div class=\"osh-pd-scene-copy\">\n                                <span>Commercial Support<\/span>\n                                <h3>Project Service Zone<\/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>Flat Pack Container Building System<\/strong>\n                        <\/div>\n\n                        <div class=\"osh-pd-spec-row\">\n                            <span>Main Use<\/span>\n                            <strong>Dormitory \u00b7 Office \u00b7 Classroom \u00b7 Clinic \u00b7 Camp \u00b7 Support Building<\/strong>\n                        <\/div>\n\n                        <div class=\"osh-pd-spec-row\">\n                            <span>Buyer Profile<\/span>\n                            <strong>Developers \u00b7 EPC Contractors \u00b7 Project Owners \u00b7 Industrial Parks \u00b7 Public Facility Buyers<\/strong>\n                        <\/div>\n\n                        <div class=\"osh-pd-spec-row\">\n                            <span>Supply Focus<\/span>\n                            <strong>Building Layout \u00b7 Multi-unit Combination \u00b7 Multi-storey Planning \u00b7 Batch Supply \u00b7 Export Coordination<\/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\/commercial-container-house\/\"\n                                                            style=\"--osh-related-img:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Commercial-Container-House-1.webp');\"\n                                                    >\n                            <span>Retail &amp; Scenic Spot Unit<\/span>\n                            <strong>Commercial 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-gold .osh-pd-hero-img.is-placeholder,\n        .osh-pd-theme-gold .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>maison conteneur en kit<\/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-2681","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PhdmIQ-Hf","_links":{"self":[{"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/pages\/2681","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/comments?post=2681"}],"version-history":[{"count":26,"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/pages\/2681\/revisions"}],"predecessor-version":[{"id":3424,"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/pages\/2681\/revisions\/3424"}],"wp:attachment":[{"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/media?parent=2681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}