{"id":1006,"date":"2026-05-02T01:36:16","date_gmt":"2026-05-02T01:36:16","guid":{"rendered":"https:\/\/didiplayarea.com\/?page_id=1006"},"modified":"2026-05-02T02:06:42","modified_gmt":"2026-05-02T02:06:42","slug":"footprint-sizer","status":"publish","type":"page","link":"https:\/\/didiplayarea.com\/ar\/industries\/restaurants-hotels\/footprint-sizer\/","title":{"rendered":"\u0645\u0637\u0639\u0645 \u0648\u0641\u0646\u062f\u0642 \u0645\u0644\u0639\u0628 \u062f\u0627\u062e\u0644\u064a \u062d\u062c\u0645 \u0627\u0644\u0628\u0635\u0645\u0629"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-8671e28\" data-block-id=\"8671e28\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-8671e28-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-b4e1395\" data-v=\"4\" data-block-id=\"b4e1395\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-b4e1395-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-b4e1395-inner-blocks\"><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-059a4ea\" data-block-id=\"059a4ea\"><style>.stk-059a4ea-column{--stk-columns-spacing:var(--stk--preset--spacing--40, 1rem) !important;}<\/style><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-059a4ea-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-9b606c3\" data-v=\"4\" data-block-id=\"9b606c3\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-9b606c3-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-9b606c3-inner-blocks\"><div class=\"ct-breadcrumbs\" data-source=\"rankmath\" ><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-19c0aee\" data-block-id=\"19c0aee\"><style>.stk-19c0aee {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-19c0aee-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-7f32357\" data-v=\"4\" data-block-id=\"7f32357\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-7f32357-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-7f32357-inner-blocks\">\n<section id=\"didi-b2b-footprint-v2\">\n    <style>\n        \/* ==========================================================================\n           1. \u7ec8\u6781\u9694\u79bb\u4e0e\u5168\u5c4f\u8d2f\u7a7f\u5e95\u8272 (Highest Scope & Full-Bleed)\n           ========================================================================== *\/\n        #didi-b2b-footprint-v2 {\n            position: relative;\n            width: 100% !important;\n            \/* \u9ad8\u7ea7\u5b9e\u4e1a\u98ce\uff1a\u6781\u5fae\u5f31\u7684\u5bf9\u89d2\u7ebf\u6e10\u53d8\u53d6\u4ee3\u6b7b\u677f\u7684\u7eaf\u8272\uff0c\u589e\u52a0\u7eb5\u6df1\u611f *\/\n            background: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 100%) !important;\n            padding: 70px 0 !important; \/* \u9075\u5faa 30-70px padding \u8bc9\u6c42 *\/\n            box-sizing: border-box;\n            border-top: 1px solid #E2E8F0 !important;\n            border-bottom: 1px solid #E2E8F0 !important;\n        }\n\n        #didi-b2b-footprint-v2 * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n        }\n\n        \/* \u5185\u5bb9\u5f39\u6027\u951a\u5b9a Container *\/\n        #didi-b2b-footprint-v2 .didi-fp-container {\n            max-width: 1600px !important;\n            margin: 0 auto !important;\n            padding: 0 40px !important;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* ==========================================================================\n           2. \u5c42\u6b21\u611f\u6392\u7248 (Layered Typography) - \u4e25\u683c\u7684 H2-H4 \u5e03\u5c40\n           ========================================================================== *\/\n        \/* \u7709\u9898 (Kicker) - \u589e\u52a0\u6807\u9898\u7684\u9ad8\u7ea7\u56fe\u5c42\u611f *\/\n        #didi-b2b-footprint-v2 .didi-fp-eyebrow {\n            display: inline-block !important;\n            font-size: 13px !important;\n            font-weight: 800 !important;\n            text-transform: uppercase !important;\n            letter-spacing: 0.15em !important;\n            color: #00D8FF !important;\n            margin-bottom: 12px !important;\n            border: 1px solid rgba(0, 216, 255, 0.3) !important;\n            padding: 4px 12px !important;\n            border-radius: 20px !important;\n            background: rgba(0, 216, 255, 0.05) !important;\n        }\n\n        #didi-b2b-footprint-v2 h2.didi-fp-h2 {\n            font-size: 32px !important;\n            font-weight: 800 !important;\n            color: #0F172A !important;\n            line-height: 1.15 !important;\n            margin-bottom: 20px !important;\n            letter-spacing: -0.02em !important;\n        }\n\n        #didi-b2b-footprint-v2 p.didi-fp-lede {\n            font-size: 18px !important;\n            color: #475569 !important;\n            line-height: 1.6 !important;\n            max-width: 850px !important;\n            margin-bottom: 40px !important;\n        }\n\n        \/* ==========================================================================\n           3. \u5de5\u4e1a\u7ea7\u63a7\u5236\u9762\u677f (Industrial Dashboard Form) - \u89e3\u51b3\u7559\u767d\u95ee\u9898\n           ========================================================================== *\/\n        #didi-b2b-footprint-v2 .didi-fp-dashboard {\n            background: #FFFFFF !important;\n            border-radius: 12px !important;\n            \/* \u9ad8\u7ea7\u6df1\u5ea6\u9634\u5f71\uff1a\u591a\u91cd\u6e10\u9690\u9634\u5f71\u66ff\u4ee3\u5355\u4e00\u751f\u786c\u9634\u5f71 *\/\n            box-shadow: 0 4px 6px -1px rgba(15, 23, 42, 0.05), 0 20px 40px -10px rgba(15, 23, 42, 0.08) !important;\n            padding: 40px !important;\n            margin-bottom: 40px !important;\n            position: relative;\n        }\n\n        \/* \u5de6\u4fa7\u8272\u5757\u4fee\u9970\uff0c\u5f3a\u8c03 B2B \u54c1\u724c\u611f *\/\n        #didi-b2b-footprint-v2 .didi-fp-dashboard::before {\n            content: \"\";\n            position: absolute;\n            top: 0; left: 0; bottom: 0;\n            width: 6px;\n            background: linear-gradient(180deg, #00D8FF 0%, #FFD848 100%) !important;\n            border-radius: 12px 0 0 12px !important;\n        }\n\n        \/* \u7f51\u683c\u5e03\u5c40\uff1a1600px\u4e0b\u6a2a\u5411\u94fa\u5f00\u5403\u900f\u7a7a\u95f4\uff0c\u675c\u7edd\u65e0\u610f\u4e49\u7559\u767d *\/\n        #didi-b2b-footprint-v2 .didi-fp-grid {\n            display: grid !important;\n            grid-template-columns: repeat(4, 1fr) !important;\n            gap: 24px !important;\n            align-items: flex-start !important;\n            margin-bottom: 30px !important;\n        }\n\n        #didi-b2b-footprint-v2 label.didi-fp-label {\n            display: block !important;\n            font-size: 14px !important;\n            font-weight: 700 !important;\n            color: #1E293B !important;\n            margin-bottom: 8px !important;\n        }\n\n        \/* \u2605\u2605\u2605 \u4fee\u590d Select \u88ab\u8170\u65a9\u7684\u6838\u5fc3\u4ee3\u7801 \u2605\u2605\u2605 *\/\n        #didi-b2b-footprint-v2 .didi-fp-input {\n            width: 100% !important;\n            \/* \u5f3a\u5236\u91cd\u7f6e\u9ad8\u5ea6\u6e32\u67d3\u903b\u8f91\uff0c\u65e0\u89c6\u4e3b\u9898\u5e72\u6270 *\/\n            height: auto !important;\n            min-height: 52px !important; \n            padding: 0 16px !important;\n            line-height: 48px !important; \/* \u786e\u4fdd\u5782\u76f4\u5c45\u4e2d\u4e0d\u88ab\u526a\u5207 *\/\n            border: 2px solid #E2E8F0 !important;\n            border-radius: 6px !important;\n            font-size: 16px !important;\n            color: #0F172A !important;\n            background-color: #F8FAFC !important;\n            transition: all 0.2s ease !important;\n        }\n\n        #didi-b2b-footprint-v2 select.didi-fp-input {\n            \/* \u5265\u79bb\u6240\u6709\u539f\u751f\u6837\u5f0f *\/\n            -webkit-appearance: none !important;\n            -moz-appearance: none !important;\n            appearance: none !important;\n            \/* \u7eaf\u624b\u5199 SVG \u4e0b\u62c9\u7bad\u5934\uff0c\u7edd\u5bf9\u89c4\u907f\u6e32\u67d3\u5f02\u5e38 *\/\n            background-image: url(\"data:image\/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20stroke%3D%22%2364748b%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M19%209l-7%207-7-7%22%2F%3E%3C%2Fsvg%3E\") !important;\n            background-repeat: no-repeat !important;\n            background-position: right 16px center !important;\n            background-size: 16px !important;\n            padding-right: 40px !important; \/* \u7ed9\u7bad\u5934\u7559\u7a7a\u95f4 *\/\n        }\n\n        #didi-b2b-footprint-v2 .didi-fp-input:focus {\n            outline: none !important;\n            border-color: #00D8FF !important;\n            background-color: #FFFFFF !important;\n            box-shadow: 0 0 0 3px rgba(0, 216, 255, 0.15) !important;\n        }\n\n        #didi-b2b-footprint-v2 p.didi-fp-helper {\n            font-size: 12px !important;\n            color: #64748B !important;\n            margin-top: 8px !important;\n            line-height: 1.4 !important;\n        }\n\n        \/* \u6309\u94ae\u5bf9\u9f50\u4e0e\u8d28\u611f *\/\n        #didi-b2b-footprint-v2 .didi-fp-action-row {\n            display: flex !important;\n            justify-content: flex-end !important;\n            border-top: 1px solid #E2E8F0 !important;\n            padding-top: 24px !important;\n        }\n\n        #didi-b2b-footprint-v2 .didi-fp-btn {\n            background-color: #0F172A !important; \/* \u6309\u94ae\u7528\u58a8\u9ed1\u8272\u66f4\u663e\u4e25\u8c28\u9ad8\u7ea7 *\/\n            color: #FFFFFF !important;\n            border: none !important;\n            padding: 16px 48px !important;\n            border-radius: 6px !important;\n            font-weight: 800 !important;\n            font-size: 16px !important;\n            cursor: pointer !important;\n            transition: all 0.3s ease !important;\n        }\n\n        #didi-b2b-footprint-v2 .didi-fp-btn:hover {\n            background-color: #00D8FF !important;\n            color: #0F172A !important;\n            box-shadow: 0 8px 20px -4px rgba(0, 216, 255, 0.4) !important;\n        }\n\n        \/* ==========================================================================\n           4. \u6570\u636e\u62a5\u8868\u7ea7\u8f93\u51fa (Ledger-style Results) - \u6a2a\u5411\u5ef6\u4f38\u6392\u7248\n           ========================================================================== *\/\n        #didi-b2b-footprint-v2 .didi-fp-results-wrapper {\n            display: none !important;\n            animation: fpFadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n        }\n        #didi-b2b-footprint-v2 .didi-fp-results-wrapper.active {\n            display: block !important;\n        }\n\n        @keyframes fpFadeInUp {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        #didi-b2b-footprint-v2 h3.didi-fp-h3 {\n            font-size: 24px !important;\n            font-weight: 800 !important;\n            color: #0F172A !important;\n            margin-bottom: 24px !important;\n            border-bottom: 2px solid #E2E8F0 !important;\n            padding-bottom: 12px !important;\n        }\n\n        \/* \u7ed3\u679c\u5361\u7247\u6539\u4e3a\u6a2a\u5411\u901a\u680f\u7ed3\u6784\uff0c\u5f7b\u5e95\u6d88\u5316 1600px \u7684\u5197\u4f59\u5bbd\u5ea6 *\/\n        #didi-b2b-footprint-v2 .didi-fp-results-grid {\n            display: flex !important;\n            flex-direction: column !important;\n            gap: 16px !important;\n            margin-bottom: 32px !important;\n        }\n\n        #didi-b2b-footprint-v2 .didi-fp-tier-card {\n            background: #FFFFFF !important;\n            border: 1px solid #E2E8F0 !important;\n            border-radius: 8px !important;\n            padding: 24px 32px !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: space-between !important;\n            transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\n        }\n\n        #didi-b2b-footprint-v2 .didi-fp-tier-card:hover {\n            border-color: #00D8FF !important;\n            box-shadow: 0 10px 25px -5px rgba(0, 216, 255, 0.1) !important;\n        }\n\n        #didi-b2b-footprint-v2 .didi-fp-card-content {\n            flex: 1 !important;\n            padding-right: 40px !important;\n        }\n\n        #didi-b2b-footprint-v2 h4.didi-fp-h4 {\n            font-size: 20px !important;\n            font-weight: 800 !important;\n            color: #0F172A !important;\n            margin-bottom: 8px !important;\n            display: flex !important;\n            align-items: center !important;\n            gap: 12px !important;\n        }\n\n        #didi-b2b-footprint-v2 .didi-fp-badge {\n            background: #FFD848 !important;\n            color: #0F172A !important;\n            font-size: 12px !important;\n            font-weight: 800 !important;\n            padding: 4px 12px !important;\n            border-radius: 4px !important;\n            text-transform: uppercase !important;\n        }\n        \n        #didi-b2b-footprint-v2 .didi-fp-badge-no {\n            background: #F1F5F9 !important;\n            color: #64748B !important;\n        }\n\n        #didi-b2b-footprint-v2 p.didi-fp-desc {\n            font-size: 15px !important;\n            color: #475569 !important;\n            line-height: 1.6 !important;\n            margin-bottom: 12px !important;\n        }\n\n        \/* \u9ad8\u7ea7\u611f\u5143\u7d20\uff1a\u6570\u636e\u951a\u70b9\u6807\u7b7e *\/\n        #didi-b2b-footprint-v2 .didi-fp-specs-row {\n            display: flex !important;\n            gap: 24px !important;\n            flex-wrap: wrap !important;\n        }\n        \n        #didi-b2b-footprint-v2 .didi-fp-spec-item {\n            display: inline-flex !important;\n            align-items: baseline !important;\n            gap: 6px !important;\n            font-size: 14px !important;\n            color: #0F172A !important;\n            background: #F8FAFC !important;\n            padding: 6px 12px !important;\n            border-radius: 4px !important;\n            border: 1px solid #E2E8F0 !important;\n        }\n        \n        #didi-b2b-footprint-v2 .didi-fp-spec-item strong {\n            color: #00D8FF !important;\n            font-weight: 800 !important;\n        }\n\n        #didi-b2b-footprint-v2 p.didi-fp-warning {\n            font-size: 14px !important;\n            font-weight: 600 !important;\n            color: #DC2626 !important;\n            margin-top: 12px !important;\n            display: flex !important;\n            align-items: center !important;\n            gap: 6px !important;\n        }\n\n        #didi-b2b-footprint-v2 .didi-fp-disclaimer {\n            background: #F8FAFC !important;\n            padding: 20px 24px !important;\n            border-radius: 6px !important;\n            font-size: 14px !important;\n            color: #475569 !important;\n            line-height: 1.6 !important;\n            margin-bottom: 24px !important;\n            border-left: 4px solid #CBD5E1 !important;\n        }\n\n        \/* ==========================================================================\n           5. \u54cd\u5e94\u5f0f\u5e03\u5c40 (Responsive Fallbacks)\n           ========================================================================== *\/\n        @media (max-width: 1200px) {\n            #didi-b2b-footprint-v2 .didi-fp-grid { grid-template-columns: repeat(2, 1fr) !important; }\n            #didi-b2b-footprint-v2 .didi-fp-tier-card { flex-direction: column !important; align-items: flex-start !important; }\n            #didi-b2b-footprint-v2 .didi-fp-card-content { padding-right: 0 !important; margin-bottom: 16px !important; width: 100% !important; }\n        }\n        @media (max-width:690px) {\n            #didi-b2b-footprint-v2 .didi-fp-container { padding: 0 24px !important; }\n            #didi-b2b-footprint-v2 .didi-fp-grid { grid-template-columns: 1fr !important; }\n            #didi-b2b-footprint-v2 .didi-fp-dashboard { padding: 24px !important; }\n            #didi-b2b-footprint-v2 .didi-fp-specs-row { flex-direction: column !important; gap: 8px !important; }\n            #didi-b2b-footprint-v2 h2.didi-fp-h2 { font-size: 28px !important; }\n        }\n    <\/style>\n\n    <div class=\"didi-fp-container\">\n        <!-- \u56fe\u5c42\u5316\u6807\u9898\u533a\uff1a\u52a0\u5165 Kicker \u8ba9\u6392\u7248\u663e\u5f97\u4e30\u6ee1\u539a\u91cd -->\n        <span class=\"didi-fp-eyebrow\">Facility Sizing Engine<\/span>\n        <h2 class=\"didi-fp-h2\">Restaurant &amp; Hotel Indoor Playground Footprint Sizer<\/h2>\n        <p class=\"didi-fp-lede\">Enter your available space and ceiling height. The tool dynamically maps your venue against our four hospitality tiers and specifies the exact structural fit.<\/p>\n\n        <!-- \u63a7\u5236\u53f0\u8868\u5355\u533a -->\n        <div class=\"didi-fp-dashboard\">\n            <div class=\"didi-fp-grid\">\n                <div class=\"didi-fp-input-group\">\n                    <label class=\"didi-fp-label\" for=\"didi-footprint\">Available footprint (sqft)<\/label>\n                    <input class=\"didi-fp-input\" type=\"number\" id=\"didi-footprint\" value=\"280\" min=\"20\" max=\"5000\" step=\"10\">\n                    <p class=\"didi-fp-helper\">Net interior space \u2014 exclude corridors.<\/p>\n                <\/div>\n                <div class=\"didi-fp-input-group\">\n                    <label class=\"didi-fp-label\" for=\"didi-ceiling\">Ceiling height (meters)<\/label>\n                    <input class=\"didi-fp-input\" type=\"number\" id=\"didi-ceiling\" value=\"3.0\" min=\"2.0\" max=\"10\" step=\"0.1\">\n                    <p class=\"didi-fp-helper\">Lowest point to beams or HVAC.<\/p>\n                <\/div>\n                <div class=\"didi-fp-input-group\">\n                    <label class=\"didi-fp-label\" for=\"didi-venue\">Venue type<\/label>\n                    <select class=\"didi-fp-input\" id=\"didi-venue\">\n                        <option value=\"cafe\">Coffee shop \/ caf\u00e9<\/option>\n                        <option value=\"qsr\">QSR \/ fast-casual<\/option>\n                        <option value=\"family-rest\" selected>Family restaurant<\/option>\n                        <option value=\"brewery\">Brewery \/ pizza parlor<\/option>\n                        <option value=\"hotel-lobby\">Hotel lobby kids&#8217; zone<\/option>\n                        <option value=\"hotel-club\">Hotel kids&#8217; club<\/option>\n                        <option value=\"resort\">Resort family center<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"didi-fp-input-group\">\n                    <label class=\"didi-fp-label\" for=\"didi-age\">Target age range<\/label>\n                    <select class=\"didi-fp-input\" id=\"didi-age\">\n                        <option value=\"toddler\">1-3 (toddler only)<\/option>\n                        <option value=\"mixed-young\">2-7 (mixed young)<\/option>\n                        <option value=\"mixed-broad\" selected>3-12 (broad family)<\/option>\n                        <option value=\"active\">5-14 (active \/ adventure)<\/option>\n                    <\/select>\n                <\/div>\n            <\/div>\n            \n            <div class=\"didi-fp-action-row\">\n                <button class=\"didi-fp-btn\" onclick=\"calcDidiFpPro()\">Calculate Specification Fit<\/button>\n            <\/div>\n        <\/div>\n\n        <!-- \u7ed3\u679c\u8f93\u51fa\u533a -->\n        <div class=\"didi-fp-results-wrapper\" id=\"didi-fp-results\">\n            <h3 class=\"didi-fp-h3\">Structural Fit Analysis<\/h3>\n            \n            <div class=\"didi-fp-results-grid\" id=\"didi-fp-out\"><\/div>\n            \n            <div class=\"didi-fp-disclaimer\">\n                Footprint and ceiling figures based on Didi Land hospitality installation data across 40+ countries. A 600-800mm circulation buffer is recommended around the structure for noise containment and parental sightline.\n            <\/div>\n            <div style=\"text-align: right;\">\n                <a href=\"#ct-popup-800\" class=\"didi-fp-btn\" style=\"display: inline-block; background-color: #FFD848 !important; color: #0F172A !important; text-decoration: none;\">Send Floor Plan for 3D Design<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- JS \u903b\u8f91\u5c42 - \u5c06\u8f93\u51fa\u6620\u5c04\u5230\u5168\u65b0\u7684\u9ad8\u7ea7\u5361\u7247\u7ed3\u6784 -->\n    <script>\n        const DIDI_TIERS_PRO = [\n            { id: 'toddler', name: 'Toddler Corner', min: 50, max: 100, ceil: 2.4, ages: ['toddler', 'mixed-young'], venues: ['cafe', 'hotel-lobby'], desc: 'Soft foam shapes, sensory panels, low barriers. 4-8 children capacity.', invest: '$8K-$25K' },\n            { id: 'soft', name: 'Soft Play Zone', min: 150, max: 300, ceil: 2.6, ages: ['mixed-young', 'mixed-broad'], venues: ['family-rest', 'hotel-lobby', 'hotel-club', 'qsr'], desc: 'Contained soft play with light theming. 10-20 children capacity.', invest: '$25K-$60K' },\n            { id: 'jungle', name: 'Multi-Level Jungle Gym', min: 300, max: 600, ceil: 3.0, ages: ['mixed-broad'], venues: ['brewery', 'family-rest', 'qsr', 'hotel-club'], desc: 'Tube slides, cargo nets, climbing tunnels. 15-30 children capacity.', invest: '$60K-$150K' },\n            { id: 'adventure', name: 'Adventure Center', min: 600, max: 1500, ceil: 4.0, ages: ['mixed-broad', 'active'], venues: ['brewery', 'resort', 'hotel-club'], desc: 'Trampoline + climbing wall + ninja course + soft play multi-zone. 25-60 children capacity.', invest: '$150K-$200K+' }\n        ];\n\n        function calcDidiFpPro() {\n            const fp = +document.getElementById('didi-footprint').value;\n            const ch = +document.getElementById('didi-ceiling').value;\n            const v = document.getElementById('didi-venue').value;\n            const a = document.getElementById('didi-age').value;\n            \n            let out = '';\n            let any = false;\n            \n            DIDI_TIERS_PRO.forEach(t => {\n                const fitFootprint = fp >= t.min;\n                const fitCeiling = ch >= t.ceil;\n                const fitAge = t.ages.includes(a);\n                const fitVenue = t.venues.includes(v);\n                \n                const fits = fitFootprint && fitCeiling;\n                const recommended = fits && fitAge && fitVenue;\n                if (fits) any = true;\n                \n                out += `<div class=\"didi-fp-tier-card\" style=\"${fits ? '' : 'opacity: 0.6; filter: grayscale(100%);'}\">\n                    <div class=\"didi-fp-card-content\">\n                        <h4 class=\"didi-fp-h4\">\n                            ${t.name} \n                            ${recommended ? '<span class=\"didi-fp-badge\">Primary Recommendation<\/span>' : ''} \n                            ${!fits ? '<span class=\"didi-fp-badge didi-fp-badge-no\">Does Not Fit Specs<\/span>' : ''}\n                        <\/h4>\n                        <p class=\"didi-fp-desc\">${t.desc}<\/p>\n                        ${!fitFootprint ? `<p class=\"didi-fp-warning\">\u2718 Requires min. ${t.min} sqft (Current: ${fp})<\/p>` : ''}\n                        ${!fitCeiling ? `<p class=\"didi-fp-warning\">\u2718 Requires min. ${t.ceil}m ceiling (Current: ${ch}m)<\/p>` : ''}\n                        ${fits && (!fitAge || !fitVenue) ? `<p style=\"font-size: 13px; color: #D97706; margin-top: 8px;\">\u26a0 Fits physically, but target audience\/venue may be suboptimal.<\/p>` : ''}\n                    <\/div>\n                    <div class=\"didi-fp-specs-row\">\n                        <span class=\"didi-fp-spec-item\">Footprint: <strong>${t.min}-${t.max}<\/strong> sqft<\/span>\n                        <span class=\"didi-fp-spec-item\">Ceiling: <strong>\u2265${t.ceil}<\/strong> m<\/span>\n                        <span class=\"didi-fp-spec-item\">CapEx: <strong>${t.invest}<\/strong><\/span>\n                    <\/div>\n                <\/div>`;\n            });\n            \n            if (!any) {\n                out = `<div class=\"didi-fp-tier-card\"><div class=\"didi-fp-card-content\"><h4 class=\"didi-fp-h4\">Out of Standard Range<\/h4><p class=\"didi-fp-desc\">Your parameters require a custom engineering solution. Please submit your floor plan to our design team.<\/p><\/div><\/div>`;\n            }\n            \n            document.getElementById('didi-fp-out').innerHTML = out;\n            document.getElementById('didi-fp-results').classList.add('active');\n        }\n    <\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Facility Sizing Engine Restaurant &amp; Hotel Indoor Playground Footprint Sizer Enter your available space and ceiling height. The tool dynamically maps your venue against our four hospitality tiers and specifies the exact structural fit. Available footprint (sqft) Net interior space \u2014 exclude corridors. Ceiling height (meters) Lowest point to beams or HVAC. Venue type Coffee [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":994,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-1006","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/pages\/1006","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/comments?post=1006"}],"version-history":[{"count":0,"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/pages\/1006\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/pages\/994"}],"wp:attachment":[{"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/media?parent=1006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}