{"id":2685,"date":"2026-05-25T08:06:00","date_gmt":"2026-05-25T08:06:00","guid":{"rendered":"https:\/\/oceanstarhouse.com\/?page_id=2685"},"modified":"2026-06-18T07:24:43","modified_gmt":"2026-06-18T07:24:43","slug":"maison-conteneur-pliable","status":"publish","type":"page","link":"https:\/\/oceanstarhouse.com\/fr\/expandable-container-house\/","title":{"rendered":"Maison conteneur extensible"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2685\" class=\"elementor elementor-2685\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11b9198a e-flex e-con-boxed e-con e-parent\" data-id=\"11b9198a\" 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-520b8ded e-con-full e-flex e-con e-child\" data-id=\"520b8ded\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-763a880f elementor-widget elementor-widget-heading\" data-id=\"763a880f\" 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\">expandable 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-5325941 e-con-full e-flex e-con e-parent\" data-id=\"5325941\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f0164b elementor-widget elementor-widget-shortcode\" data-id=\"5f0164b\" 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-steel\">\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>Expandable 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\">Expandable Container House<\/span>\n\n                        <h1>Expandable Container House<\/h1>\n\n                        <p>A double-wing expandable container house system covering 20FT, 30FT, 40FT, 700 small, flat-roof and gable-roof expandable housing options.<\/p>\n\n                        <div class=\"osh-pd-meta-list\">\n                            <div>\n                                <span>Application<\/span>\n                                <strong>Temporary Housing \u00b7 Project Camps \u00b7 Staff Accommodation \u00b7 Resort Cabins<\/strong>\n                            <\/div>\n\n                            <div>\n                                <span>Buyer Type<\/span>\n                                <strong>Contractors \u00b7 Developers \u00b7 Camp Operators \u00b7 Project Buyers<\/strong>\n                            <\/div>\n\n                            <div>\n                                <span>Supply Mode<\/span>\n                                <strong>20FT \/ 30FT \/ 40FT \u00b7 Compact 700 \u00b7 Roof Options \u00b7 Custom Layout<\/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\/05\/Expandable-Container-House-2.webp');\"\n                                                    ><\/div>\n\n                        <div class=\"osh-pd-media-mask\"><\/div>\n\n                        <div class=\"osh-pd-media-title\">\n                            <span>Double-Wing Expandable Container System<\/span>\n                            <strong>Expandable 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>One expandable container system with independent model management.<\/h2>\n                        <p>Based on the expandable container house manual, each size and layout option is prepared as an independent product item. This makes product images, floor plans, model parameters and future updates easier to maintain.<\/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\">Model Options<\/span>\n                            <h2>Explore each model one by one<\/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=\"standard-20ft\"\n                                >20FT<\/button>\n                                                            <button\n                                    class=\"\"\n                                    type=\"button\"\n                                    data-filter=\"standard-30ft\"\n                                >30FT<\/button>\n                                                            <button\n                                    class=\"\"\n                                    type=\"button\"\n                                    data-filter=\"standard-40ft\"\n                                >40FT<\/button>\n                                                            <button\n                                    class=\"\"\n                                    type=\"button\"\n                                    data-filter=\"compact-700\"\n                                >700 Small<\/button>\n                                                            <button\n                                    class=\"\"\n                                    type=\"button\"\n                                    data-filter=\"flat-roof\"\n                                >Flat Roof<\/button>\n                                                            <button\n                                    class=\"\"\n                                    type=\"button\"\n                                    data-filter=\"gable-roof\"\n                                >Gable Roof<\/button>\n                                                    <\/div>\n                    <\/div>\n\n                                            <div class=\"osh-pd-model-gallery-note\">\n                            <p>Each model below is prepared as an independent product item. The model codes are created for website management: E20, E30 and E40 represent standard sizes; E700 represents the compact 700 small series; EFR means flat-roof; EGR means gable-roof. Update images inside osh_expandable_container_model_images() by model code such as e20-1, e40-3, e700-2, efr-1 or egr-2.<\/p>\n                        <\/div>\n                    \n                    <div class=\"osh-pd-model-gallery-grid\" id=\"oshPdModelGalleryGrid\">\n                                                                                <article class=\"osh-pd-model-card\" data-category=\"standard-20ft\">\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\/E20-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\/E20-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\/E20-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\/E20-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\/E20-7.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>20FT Double-Wing Expandable Unit<\/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\">20FT Double-Wing Expandable Series<\/div>\n                                    <h3>E20-1<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Compact family living \u00b7 Temporary housing \u00b7 Site accommodation<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>6300\u00d75900\u00d72480mm \u00b7 Folded width 2200mm<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"osh-pd-model-card-meta-row\">\n                                        <div>\n                                            <span>Layout Type<\/span>\n                                            <strong>Bedroom \u00b7 Bathroom \u00b7 Kitchen \u00b7 Living \/ dining<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>Standard 20FT double-wing expandable layout for compact family living, site housing and temporary accommodation.<\/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=\"standard-20ft\">\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\/E20-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\/E20-2-5.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\/E20-2-2.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\/E20-2-3-.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\/E20-2-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>20FT Double-Wing Expandable Unit<\/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\">20FT Double-Wing Expandable Series<\/div>\n                                    <h3>E20-2<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>One-bedroom living \u00b7 Camp housing \u00b7 Rental unit<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>6300\u00d75900\u00d72480mm \u00b7 Folded width 2200mm<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"osh-pd-model-card-meta-row\">\n                                        <div>\n                                            <span>Layout Type<\/span>\n                                            <strong>Bedroom \u00b7 Bathroom \u00b7 Kitchen \u00b7 Living area<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>Alternative 20FT layout with bedroom, bathroom and open living support for fast project deployment.<\/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=\"standard-20ft\">\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\/E20-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\/E20-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\/E20-3-3.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>20FT Double-Wing Expandable Unit<\/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                                                                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-pd-model-card-body\">\n                                    <div class=\"osh-pd-model-card-series\">20FT Double-Wing Expandable Series<\/div>\n                                    <h3>E20-3<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Compact two-zone stay \u00b7 Family \/ worker accommodation<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>6300\u00d75900\u00d72480mm \u00b7 Folded width 2200mm<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"osh-pd-model-card-meta-row\">\n                                        <div>\n                                            <span>Layout Type<\/span>\n                                            <strong>Bedroom zones \u00b7 Bathroom \u00b7 Kitchen \u00b7 Living room<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>20FT compact layout for projects needing more separated use zones inside a limited expandable footprint.<\/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=\"standard-30ft\">\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\/E30-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\/E30-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\/E30-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\/E30-1-4.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"4\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/E30-1-5.png');\"><\/div>\n                                                                                                                                    <\/div>\n\n                                                                                    <button class=\"osh-pd-model-card-arrow is-prev\" type=\"button\" aria-label=\"Previous image\">\n                                                <span aria-hidden=\"true\">\u2039<\/span>\n                                            <\/button>\n                                            <button class=\"osh-pd-model-card-arrow is-next\" type=\"button\" aria-label=\"Next image\">\n                                                <span aria-hidden=\"true\">\u203a<\/span>\n                                            <\/button>\n                                        \n                                        <div class=\"osh-pd-model-card-tag\"><span>30FT Double-Wing Expandable Unit<\/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\">30FT Double-Wing Expandable Series<\/div>\n                                    <h3>E30-1<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Larger family living \u00b7 Project camp \u00b7 Staff housing<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>9000\u00d76140\u00d72480mm \u00b7 Folded width 2200mm<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"osh-pd-model-card-meta-row\">\n                                        <div>\n                                            <span>Layout Type<\/span>\n                                            <strong>Two bedrooms \u00b7 Bathroom \u00b7 Kitchen \u00b7 Dining \/ living<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>30FT expandable layout with larger internal area for family living, staff housing and camp accommodation.<\/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=\"standard-30ft\">\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\/E30-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\/E30-2-2.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>30FT Double-Wing Expandable Unit<\/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                                                                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-pd-model-card-body\">\n                                    <div class=\"osh-pd-model-card-series\">30FT Double-Wing Expandable Series<\/div>\n                                    <h3>E30-2<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Multi-room accommodation \u00b7 Worker camp \u00b7 Temporary living<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>9000\u00d76140\u00d72480mm \u00b7 Folded width 2200mm<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"osh-pd-model-card-meta-row\">\n                                        <div>\n                                            <span>Layout Type<\/span>\n                                            <strong>Two bedrooms \u00b7 Bathroom \u00b7 Kitchen \u00b7 Living \/ dining<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>30FT multi-room solution for project buyers needing stronger accommodation capacity than the 20FT option.<\/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=\"standard-30ft\">\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\/E20-3-1.png');\"><\/div>\n                                                                                                                                    <\/div>\n\n                                        \n                                        <div class=\"osh-pd-model-card-tag\"><span>30FT Double-Wing Expandable Unit<\/span><\/div>\n\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-pd-model-card-body\">\n                                    <div class=\"osh-pd-model-card-series\">30FT Double-Wing Expandable Series<\/div>\n                                    <h3>E30-3<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Flexible living \u00b7 Holiday unit \u00b7 Site support housing<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>9000\u00d76140\u00d72480mm \u00b7 Folded width 2200mm<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"osh-pd-model-card-meta-row\">\n                                        <div>\n                                            <span>Layout Type<\/span>\n                                            <strong>Bedroom \u00b7 Bathroom \u00b7 Kitchen \u00b7 Larger living area<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>Flexible 30FT layout with more open living area for long-stay use, temporary housing and scenic support projects.<\/p>\n\n                                    <div class=\"osh-pd-model-card-bottom\">\n                                        <em>Custom Size Yes<\/em>\n                                        <a href=\"#model-comparison\">View Specs\n                                            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                                <path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                                <path d=\"M9 7H17V15\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                            <\/svg>\n                                        <\/a>\n                                    <\/div>\n                                <\/div>\n                            <\/article>\n                                                                                <article class=\"osh-pd-model-card\" data-category=\"standard-40ft\">\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\/E30-1-1.png');\"><\/div>\n                                                                                                                                    <\/div>\n\n                                        \n                                        <div class=\"osh-pd-model-card-tag\"><span>40FT Double-Wing Expandable Unit<\/span><\/div>\n\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-pd-model-card-body\">\n                                    <div class=\"osh-pd-model-card-series\">40FT Double-Wing Expandable Series<\/div>\n                                    <h3>E40-1<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Large family living \u00b7 Multi-room project housing<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>11800\u00d76140\u00d72480mm \u00b7 Folded width 2200mm<\/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 bedrooms \u00b7 Bathroom \u00b7 Kitchen \u00b7 Open living \/ dining<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>Large 40FT expandable house for bigger accommodation capacity and more complete residential planning.<\/p>\n\n                                    <div class=\"osh-pd-model-card-bottom\">\n                                        <em>Custom Size Yes<\/em>\n                                        <a href=\"#model-comparison\">View Specs\n                                            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                                <path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                                <path d=\"M9 7H17V15\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                            <\/svg>\n                                        <\/a>\n                                    <\/div>\n                                <\/div>\n                            <\/article>\n                                                                                <article class=\"osh-pd-model-card\" data-category=\"standard-40ft\">\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\/E20-3-1.png');\"><\/div>\n                                                                                                                                    <\/div>\n\n                                        \n                                        <div class=\"osh-pd-model-card-tag\"><span>40FT Double-Wing Expandable Unit<\/span><\/div>\n\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-pd-model-card-body\">\n                                    <div class=\"osh-pd-model-card-series\">40FT Double-Wing Expandable Series<\/div>\n                                    <h3>E40-2<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Worker dormitory \u00b7 Project camp \u00b7 Staff housing<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>11800\u00d76140\u00d72480mm \u00b7 Folded width 2200mm<\/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 bedrooms \u00b7 Bathroom \u00b7 Kitchen \u00b7 Living corridor<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>40FT layout suitable for worker camps, staff accommodation and project sites needing multiple rooms.<\/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=\"standard-40ft\">\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\/E30-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\/E30-2-2.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>40FT Double-Wing Expandable Unit<\/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                                                                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-pd-model-card-body\">\n                                    <div class=\"osh-pd-model-card-series\">40FT Double-Wing Expandable Series<\/div>\n                                    <h3>E40-3<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Longer-stay family house \u00b7 Office + living use<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>11800\u00d76140\u00d72480mm \u00b7 Folded width 2200mm<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"osh-pd-model-card-meta-row\">\n                                        <div>\n                                            <span>Layout Type<\/span>\n                                            <strong>Bedrooms \u00b7 Study option \u00b7 Bathroom \u00b7 Kitchen \u00b7 Living room<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>40FT flexible layout for longer-stay living, residential projects or combined office-and-living requirements.<\/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=\"compact-700\">\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\/700-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\/700-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\/700-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\/700-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\/700-5.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"5\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/700-6.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>Compact Double-Wing Expandable Unit<\/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                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"5\" aria-label=\"Go to image 6\"><\/button>\n                                                                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-pd-model-card-body\">\n                                    <div class=\"osh-pd-model-card-series\">700 Small Double-Wing Expandable Series<\/div>\n                                    <h3>E700-1<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Custom shell \u00b7 Fast fit-out \u00b7 Site support<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>5900\u00d74810\u00d72480mm \u00b7 700mm compact expansion reference<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"osh-pd-model-card-meta-row\">\n                                        <div>\n                                            <span>Layout Type<\/span>\n                                            <strong>Open shell \u00b7 Custom interior<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>Compact 700 small double-wing unit prepared as an open shell for buyers who need their own interior fit-out.<\/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=\"flat-roof\">\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\/efr-1-1-new.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\/efr-1-2-new.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\/efr-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\/efr-1-4-new.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>Flat-Roof Expandable House<\/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\">Flat-Roof Double-Wing Expandable Series<\/div>\n                                    <h3>EFR-1<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Resort cabin \u00b7 Backyard unit \u00b7 Project housing<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>Project-based \u00b7 Based on double-wing expandable structure<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"osh-pd-model-card-meta-row\">\n                                        <div>\n                                            <span>Layout Type<\/span>\n                                            <strong>Single-level house \u00b7 Porch \/ deck option \u00b7 Custom interior<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>Flat-roof expandable house option for projects needing a cleaner modern exterior, porch design and residential interior planning.<\/p>\n\n                                    <div class=\"osh-pd-model-card-bottom\">\n                                        <em>Custom Size Yes<\/em>\n                                        <a href=\"#model-comparison\">View Specs\n                                            <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n                                                <path d=\"M7 17L17 7\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                                <path d=\"M9 7H17V15\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                                            <\/svg>\n                                        <\/a>\n                                    <\/div>\n                                <\/div>\n                            <\/article>\n                                                                                <article class=\"osh-pd-model-card\" data-category=\"flat-roof\">\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\/efr-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\/efr-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\/efr-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\/efr-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\/efr-2-5.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"5\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/efr-2-6.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>Flat-Roof Expandable House<\/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                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"5\" aria-label=\"Go to image 6\"><\/button>\n                                                                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-pd-model-card-body\">\n                                    <div class=\"osh-pd-model-card-series\">Flat-Roof Double-Wing Expandable Series<\/div>\n                                    <h3>EFR-2<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Two-level accommodation \u00b7 Rental \/ resort project<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>Project-based \u00b7 Stackable \/ combined layout option<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"osh-pd-model-card-meta-row\">\n                                        <div>\n                                            <span>Layout Type<\/span>\n                                            <strong>Two-level modular combination \u00b7 Exterior stair \u00b7 Balcony \/ terrace option<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>Flat-roof two-level expandable combination for homestay, resort and rental projects requiring stronger visual scale.<\/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=\"gable-roof\">\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\/egr-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\/egr-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\/egr-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\/egr-1-4.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"4\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/egr-1-5.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"5\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/egr-1-6.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>Gable-Roof Expandable House<\/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                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"5\" aria-label=\"Go to image 6\"><\/button>\n                                                                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-pd-model-card-body\">\n                                    <div class=\"osh-pd-model-card-series\">Gable-Roof Double-Wing Expandable Series<\/div>\n                                    <h3>EGR-1<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Scenic homestay \u00b7 Resort cabin \u00b7 Rural accommodation<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>Project-based \u00b7 Based on double-wing expandable structure<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"osh-pd-model-card-meta-row\">\n                                        <div>\n                                            <span>Layout Type<\/span>\n                                            <strong>Gable roof \u00b7 Front veranda \u00b7 Living \/ bedroom layout<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>Gable-roof expandable house with veranda option for more residential and hospitality-oriented appearance.<\/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=\"gable-roof\">\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\/egr-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\/egr-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\/egr-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\/egr-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\/egr-2-5.png');\"><\/div>\n                                                                                                    <div class=\"osh-pd-model-card-slide\" data-slide-index=\"5\" style=\"background-image:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/06\/egr-2-6.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>Gable-Roof Expandable House<\/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                                                                                                    <button class=\"osh-pd-model-card-dot \" type=\"button\" data-dot-index=\"5\" aria-label=\"Go to image 6\"><\/button>\n                                                                                            <\/div>\n                                                                            <\/div>\n                                <\/div>\n\n                                <div class=\"osh-pd-model-card-body\">\n                                    <div class=\"osh-pd-model-card-series\">Gable-Roof Double-Wing Expandable Series<\/div>\n                                    <h3>EGR-2<\/h3>\n\n                                    <div class=\"osh-pd-model-card-meta-grid\">\n                                        <div>\n                                            <span>Application<\/span>\n                                            <strong>Premium cabin \u00b7 Enclosed front lounge \u00b7 Holiday stay<\/strong>\n                                        <\/div>\n                                        <div>\n                                            <span>Standard Size<\/span>\n                                            <strong>Project-based \u00b7 Based on double-wing expandable structure<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"osh-pd-model-card-meta-row\">\n                                        <div>\n                                            <span>Layout Type<\/span>\n                                            <strong>Gable roof \u00b7 Enclosed front glazing \u00b7 Porch option \u00b7 Custom interior<\/strong>\n                                        <\/div>\n                                    <\/div>\n\n                                    <p>Gable-roof expandable layout with enclosed front fa\u00e7ade option for scenic accommodation and higher-value rental 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                                            <\/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\">Model Comparison<\/span>\n                            <h2>Available models, applications and sizes<\/h2>\n                        <\/div>\n\n                        <p>\n                            The following model matrix helps project buyers compare use scenario, standard size, layout direction 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>Model<\/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\">20FT Double-Wing Expandable Series<\/div>\n                                <div data-label=\"Model\"><strong>E20-1<\/strong><\/div>\n                                <div data-label=\"Application\">Compact family living \u00b7 Temporary housing \u00b7 Site accommodation<\/div>\n                                <div data-label=\"Standard Size\">6300\u00d75900\u00d72480mm \u00b7 Folded width 2200mm<\/div>\n                                <div data-label=\"Layout Type\">Bedroom \u00b7 Bathroom \u00b7 Kitchen \u00b7 Living \/ dining<\/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\">20FT Double-Wing Expandable Series<\/div>\n                                <div data-label=\"Model\"><strong>E20-2<\/strong><\/div>\n                                <div data-label=\"Application\">One-bedroom living \u00b7 Camp housing \u00b7 Rental unit<\/div>\n                                <div data-label=\"Standard Size\">6300\u00d75900\u00d72480mm \u00b7 Folded width 2200mm<\/div>\n                                <div data-label=\"Layout Type\">Bedroom \u00b7 Bathroom \u00b7 Kitchen \u00b7 Living area<\/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\">20FT Double-Wing Expandable Series<\/div>\n                                <div data-label=\"Model\"><strong>E20-3<\/strong><\/div>\n                                <div data-label=\"Application\">Compact two-zone stay \u00b7 Family \/ worker accommodation<\/div>\n                                <div data-label=\"Standard Size\">6300\u00d75900\u00d72480mm \u00b7 Folded width 2200mm<\/div>\n                                <div data-label=\"Layout Type\">Bedroom zones \u00b7 Bathroom \u00b7 Kitchen \u00b7 Living room<\/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\">30FT Double-Wing Expandable Series<\/div>\n                                <div data-label=\"Model\"><strong>E30-1<\/strong><\/div>\n                                <div data-label=\"Application\">Larger family living \u00b7 Project camp \u00b7 Staff housing<\/div>\n                                <div data-label=\"Standard Size\">9000\u00d76140\u00d72480mm \u00b7 Folded width 2200mm<\/div>\n                                <div data-label=\"Layout Type\">Two bedrooms \u00b7 Bathroom \u00b7 Kitchen \u00b7 Dining \/ living<\/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\">30FT Double-Wing Expandable Series<\/div>\n                                <div data-label=\"Model\"><strong>E30-2<\/strong><\/div>\n                                <div data-label=\"Application\">Multi-room accommodation \u00b7 Worker camp \u00b7 Temporary living<\/div>\n                                <div data-label=\"Standard Size\">9000\u00d76140\u00d72480mm \u00b7 Folded width 2200mm<\/div>\n                                <div data-label=\"Layout Type\">Two bedrooms \u00b7 Bathroom \u00b7 Kitchen \u00b7 Living \/ dining<\/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\">30FT Double-Wing Expandable Series<\/div>\n                                <div data-label=\"Model\"><strong>E30-3<\/strong><\/div>\n                                <div data-label=\"Application\">Flexible living \u00b7 Holiday unit \u00b7 Site support housing<\/div>\n                                <div data-label=\"Standard Size\">9000\u00d76140\u00d72480mm \u00b7 Folded width 2200mm<\/div>\n                                <div data-label=\"Layout Type\">Bedroom \u00b7 Bathroom \u00b7 Kitchen \u00b7 Larger living area<\/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\">40FT Double-Wing Expandable Series<\/div>\n                                <div data-label=\"Model\"><strong>E40-1<\/strong><\/div>\n                                <div data-label=\"Application\">Large family living \u00b7 Multi-room project housing<\/div>\n                                <div data-label=\"Standard Size\">11800\u00d76140\u00d72480mm \u00b7 Folded width 2200mm<\/div>\n                                <div data-label=\"Layout Type\">Multiple bedrooms \u00b7 Bathroom \u00b7 Kitchen \u00b7 Open living \/ dining<\/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\">40FT Double-Wing Expandable Series<\/div>\n                                <div data-label=\"Model\"><strong>E40-2<\/strong><\/div>\n                                <div data-label=\"Application\">Worker dormitory \u00b7 Project camp \u00b7 Staff housing<\/div>\n                                <div data-label=\"Standard Size\">11800\u00d76140\u00d72480mm \u00b7 Folded width 2200mm<\/div>\n                                <div data-label=\"Layout Type\">Multiple bedrooms \u00b7 Bathroom \u00b7 Kitchen \u00b7 Living corridor<\/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\">40FT Double-Wing Expandable Series<\/div>\n                                <div data-label=\"Model\"><strong>E40-3<\/strong><\/div>\n                                <div data-label=\"Application\">Longer-stay family house \u00b7 Office + living use<\/div>\n                                <div data-label=\"Standard Size\">11800\u00d76140\u00d72480mm \u00b7 Folded width 2200mm<\/div>\n                                <div data-label=\"Layout Type\">Bedrooms \u00b7 Study option \u00b7 Bathroom \u00b7 Kitchen \u00b7 Living room<\/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\">700 Small Double-Wing Expandable Series<\/div>\n                                <div data-label=\"Model\"><strong>E700-1<\/strong><\/div>\n                                <div data-label=\"Application\">Custom shell \u00b7 Fast fit-out \u00b7 Site support<\/div>\n                                <div data-label=\"Standard Size\">5900\u00d74810\u00d72480mm \u00b7 700mm compact expansion reference<\/div>\n                                <div data-label=\"Layout Type\">Open shell \u00b7 Custom interior<\/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\">700 Small Double-Wing Expandable Series<\/div>\n                                <div data-label=\"Model\"><strong>E700-2<\/strong><\/div>\n                                <div data-label=\"Application\">Compact living \u00b7 Small accommodation \u00b7 Temporary stay<\/div>\n                                <div data-label=\"Standard Size\">5900\u00d74810\u00d72480mm \u00b7 700mm compact expansion reference<\/div>\n                                <div data-label=\"Layout Type\">Bedroom \u00b7 Bathroom \u00b7 Kitchen \/ dining \u00b7 Living area<\/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\">700 Small Double-Wing Expandable Series<\/div>\n                                <div data-label=\"Model\"><strong>E700-3<\/strong><\/div>\n                                <div data-label=\"Application\">Small two-room layout \u00b7 Worker stay \u00b7 Campsite use<\/div>\n                                <div data-label=\"Standard Size\">5900\u00d74810\u00d72480mm \u00b7 700mm compact expansion reference<\/div>\n                                <div data-label=\"Layout Type\">Two sleeping zones \u00b7 Bathroom \u00b7 Kitchen 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\">700 Small Double-Wing Expandable Series<\/div>\n                                <div data-label=\"Model\"><strong>E700-4<\/strong><\/div>\n                                <div data-label=\"Application\">Single-bedroom living \u00b7 Compact temporary housing<\/div>\n                                <div data-label=\"Standard Size\">5900\u00d74810\u00d72480mm \u00b7 700mm compact expansion reference<\/div>\n                                <div data-label=\"Layout Type\">Bedroom \u00b7 Bathroom \u00b7 Living \/ kitchen area<\/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\">Flat-Roof Double-Wing Expandable Series<\/div>\n                                <div data-label=\"Model\"><strong>EFR-1<\/strong><\/div>\n                                <div data-label=\"Application\">Resort cabin \u00b7 Backyard unit \u00b7 Project housing<\/div>\n                                <div data-label=\"Standard Size\">Project-based \u00b7 Based on double-wing expandable structure<\/div>\n                                <div data-label=\"Layout Type\">Single-level house \u00b7 Porch \/ deck option \u00b7 Custom interior<\/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\">Flat-Roof Double-Wing Expandable Series<\/div>\n                                <div data-label=\"Model\"><strong>EFR-2<\/strong><\/div>\n                                <div data-label=\"Application\">Two-level accommodation \u00b7 Rental \/ resort project<\/div>\n                                <div data-label=\"Standard Size\">Project-based \u00b7 Stackable \/ combined layout option<\/div>\n                                <div data-label=\"Layout Type\">Two-level modular combination \u00b7 Exterior stair \u00b7 Balcony \/ terrace option<\/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\">Gable-Roof Double-Wing Expandable Series<\/div>\n                                <div data-label=\"Model\"><strong>EGR-1<\/strong><\/div>\n                                <div data-label=\"Application\">Scenic homestay \u00b7 Resort cabin \u00b7 Rural accommodation<\/div>\n                                <div data-label=\"Standard Size\">Project-based \u00b7 Based on double-wing expandable structure<\/div>\n                                <div data-label=\"Layout Type\">Gable roof \u00b7 Front veranda \u00b7 Living \/ bedroom layout<\/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\">Gable-Roof Double-Wing Expandable Series<\/div>\n                                <div data-label=\"Model\"><strong>EGR-2<\/strong><\/div>\n                                <div data-label=\"Application\">Premium cabin \u00b7 Enclosed front lounge \u00b7 Holiday stay<\/div>\n                                <div data-label=\"Standard Size\">Project-based \u00b7 Based on double-wing expandable structure<\/div>\n                                <div data-label=\"Layout Type\">Gable roof \u00b7 Enclosed front glazing \u00b7 Porch option \u00b7 Custom interior<\/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>Custom Size Available<\/strong>\n                        <p>Standard sizes are reference options. Final dimensions, layout and functional configuration can be adjusted according to project use, site conditions, transportation requirements 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                                    Expandable container houses can be planned by size, floor plan, roof form, interior function and project deployment method. Configuration should follow the final application, accommodation capacity, transport plan and site conditions.\n                                <\/p>\n\n                                <div class=\"osh-pd-custom-list\">\n                                                                            <div>\n                                            <i>\u2713<\/i>\n                                            <span>20FT, 30FT, 40FT and compact 700 small expandable size options<\/span>\n                                        <\/div>\n                                                                            <div>\n                                            <i>\u2713<\/i>\n                                            <span>Single-bedroom, multi-bedroom, open shell and camp accommodation layouts<\/span>\n                                        <\/div>\n                                                                            <div>\n                                            <i>\u2713<\/i>\n                                            <span>Bathroom, kitchen, living room, dining area, study and storage configuration<\/span>\n                                        <\/div>\n                                                                            <div>\n                                            <i>\u2713<\/i>\n                                            <span>Exterior wall color, cladding finish, trim color and fa\u00e7ade style options<\/span>\n                                        <\/div>\n                                                                            <div>\n                                            <i>\u2713<\/i>\n                                            <span>Door, window, awning, front glazing, veranda and deck position planning<\/span>\n                                        <\/div>\n                                                                            <div>\n                                            <i>\u2713<\/i>\n                                            <span>Flat-roof, gable-roof, porch, balcony, terrace and two-level combination 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>Folded transport width, loading method, batch supply and project delivery 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>Small Temporary Housing<\/strong>\n                                            <\/div>\n                                            <div>\n                                                <span>Recommended Series<\/span>\n                                                <strong>20FT Series \u00b7 E20 models<\/strong>\n                                            <\/div>\n                                            <p>Better for compact family living, temporary site housing and projects needing fast setup with complete basic functions.<\/p>\n                                        <\/article>\n                                                                            <article>\n                                            <div>\n                                                <span>Project Need<\/span>\n                                                <strong>Larger Staff \/ Family Accommodation<\/strong>\n                                            <\/div>\n                                            <div>\n                                                <span>Recommended Series<\/span>\n                                                <strong>30FT Series \u00b7 E30 models<\/strong>\n                                            <\/div>\n                                            <p>Better when buyers need more interior area, stronger accommodation capacity and a more comfortable living layout.<\/p>\n                                        <\/article>\n                                                                            <article>\n                                            <div>\n                                                <span>Project Need<\/span>\n                                                <strong>Large Camp or Multi-room Housing<\/strong>\n                                            <\/div>\n                                            <div>\n                                                <span>Recommended Series<\/span>\n                                                <strong>40FT Series \u00b7 E40 models<\/strong>\n                                            <\/div>\n                                            <p>Suitable for multi-bedroom planning, worker camps, long-stay housing and larger project accommodation needs.<\/p>\n                                        <\/article>\n                                                                            <article>\n                                            <div>\n                                                <span>Project Need<\/span>\n                                                <strong>Smaller Footprint \/ Compact Deployment<\/strong>\n                                            <\/div>\n                                            <div>\n                                                <span>Recommended Series<\/span>\n                                                <strong>700 Small Series \u00b7 E700 models<\/strong>\n                                            <\/div>\n                                            <p>Designed for compact double-wing use, smaller layouts, open shell fit-out and lightweight project support.<\/p>\n                                        <\/article>\n                                                                            <article>\n                                            <div>\n                                                <span>Project Need<\/span>\n                                                <strong>Resort \/ Homestay Visual Upgrade<\/strong>\n                                            <\/div>\n                                            <div>\n                                                <span>Recommended Series<\/span>\n                                                <strong>Flat-Roof or Gable-Roof Series \u00b7 EFR \/ EGR models<\/strong>\n                                            <\/div>\n                                            <p>Roof and veranda options improve the exterior image for scenic accommodation, rental cabins and resort projects.<\/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\/Expandable-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>Project Camp<\/span>\n                                <h3>Camp Housing<\/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\/Expandable-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>Temporary Living<\/span>\n                                <h3>Expandable Unit<\/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\/05\/Expandable-Container-House-2.webp');\"\n                                                            ><\/div>\n\n                            <div class=\"osh-pd-scene-mask\"><\/div>\n\n                            <div class=\"osh-pd-scene-copy\">\n                                <span>Site Building<\/span>\n                                <h3>Project Accommodation<\/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>Double-Wing Expandable Container House System<\/strong>\n                        <\/div>\n\n                        <div class=\"osh-pd-spec-row\">\n                            <span>Main Use<\/span>\n                            <strong>Temporary Housing \u00b7 Worker Camp \u00b7 Family Living \u00b7 Resort Cabin \u00b7 Site Accommodation<\/strong>\n                        <\/div>\n\n                        <div class=\"osh-pd-spec-row\">\n                            <span>Buyer Profile<\/span>\n                            <strong>Contractors \u00b7 Developers \u00b7 Camp Operators \u00b7 Tourism Project Buyers \u00b7 Site Owners<\/strong>\n                        <\/div>\n\n                        <div class=\"osh-pd-spec-row\">\n                            <span>Supply Focus<\/span>\n                            <strong>Model Selection \u00b7 Size Matching \u00b7 Interior Layout \u00b7 Roof \/ Veranda Options \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\/z-type-folding-container-house\/\"\n                                                            style=\"--osh-related-img:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Z-Type-Folding-Container-House-2.webp');\"\n                                                    >\n                            <span>Fast-Deployment Folding Unit<\/span>\n                            <strong>Z-Type Folding Container House<\/strong>\n                            <em>View Product Details<\/em>\n                        <\/a>\n                                            \n                        <a\n                            class=\"has-related-image\"\n                            href=\"\/products\/flat-pack-container-house\/\"\n                                                            style=\"--osh-related-img:url('https:\/\/oceanstarhouse.com\/wp-content\/uploads\/2026\/05\/Flat-Pack-Container-House-3.webp');\"\n                                                    >\n                            <span>Prefabricated Building System<\/span>\n                            <strong>Flat Pack Container House<\/strong>\n                            <em>View Product Details<\/em>\n                        <\/a>\n                                            \n                        <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 pliable<\/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-2685","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/PhdmIQ-Hj","_links":{"self":[{"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/pages\/2685","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=2685"}],"version-history":[{"count":29,"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/pages\/2685\/revisions"}],"predecessor-version":[{"id":3404,"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/pages\/2685\/revisions\/3404"}],"wp:attachment":[{"href":"https:\/\/oceanstarhouse.com\/fr\/wp-json\/wp\/v2\/media?parent=2685"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}