{"id":9627,"date":"2026-06-04T06:40:45","date_gmt":"2026-06-04T06:40:45","guid":{"rendered":"https:\/\/aircart.lk\/?page_id=9627"},"modified":"2026-06-04T06:40:45","modified_gmt":"2026-06-04T06:40:45","slug":"advanced-btu-calculator","status":"publish","type":"page","link":"https:\/\/aircart.lk\/?page_id=9627","title":{"rendered":"Advanced BTU Calculator"},"content":{"rendered":"    <div class=\"acc-wrap\" id=\"acc-app\">\n        <div class=\"acc-layout\">\n\n            <div class=\"acc-col-left\">\n                <div class=\"acc-card\">\n                    <div class=\"acc-card-header\">\n                        <svg class=\"acc-hero-svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9.5 4h5M12 4v4M4 8h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z\"\/><path d=\"M8 13h2m4 0h2M8 17h1m3 0h3\"\/><\/svg>\n                        <div>\n                            <h2 class=\"acc-card-title\">AC BTU Calculator<\/h2>\n                            <p class=\"acc-card-sub\">Find the perfect air conditioner for your room<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"acc-step\">\n                        <div class=\"acc-step-head\"><span class=\"acc-step-num\">1<\/span><span class=\"acc-step-label\">Room Dimensions<\/span><\/div>\n                        <div class=\"acc-grid-2\">\n                            <div class=\"acc-field\">\n                                <label for=\"acc_length\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 12h16M4 12l3-3M4 12l3 3M20 12l-3-3M20 12l-3 3\"\/><\/svg>Length (ft)\n                                <\/label>\n                                <input type=\"number\" id=\"acc_length\" placeholder=\"e.g. 15\" min=\"1\" step=\"0.5\">\n                            <\/div>\n                            <div class=\"acc-field\">\n                                <label for=\"acc_width\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 4v16M12 4l-3 3M12 4l3 3M12 20l-3-3M12 20l3-3\"\/><\/svg>Width (ft)\n                                <\/label>\n                                <input type=\"number\" id=\"acc_width\" placeholder=\"e.g. 12\" min=\"1\" step=\"0.5\">\n                            <\/div>\n                            <div class=\"acc-field acc-field-full\">\n                                <label for=\"acc_people\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"7\" r=\"3\"\/><path d=\"M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2\"\/><circle cx=\"17\" cy=\"7\" r=\"3\"\/><path d=\"M21 21v-2a4 4 0 0 0-3-3.87\"\/><\/svg>No. of People\n                                <\/label>\n                                <input type=\"number\" id=\"acc_people\" placeholder=\"e.g. 3\" min=\"1\" value=\"2\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"acc-step\">\n                        <div class=\"acc-step-head\"><span class=\"acc-step-num\">2<\/span><span class=\"acc-step-label\">Room Condition<\/span><\/div>\n                        <div class=\"acc-condition-group\" id=\"acc-condition-group\">\n                            <button type=\"button\" class=\"acc-condition-btn acc-condition-active\" data-condition=\"normal\" data-factor=\"65\">\n                                <div class=\"acc-condition-icon\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\n                                <\/div>\n                                <div class=\"acc-condition-label\">Normal<\/div>\n                                <div class=\"acc-condition-desc\">Properly sealed room \u00b7 Minimum appliances \u00b7 Standard ceiling height<\/div>\n                            <\/button>\n                            <button type=\"button\" class=\"acc-condition-btn\" data-condition=\"extreme\" data-factor=\"85\">\n                                <div class=\"acc-condition-icon\">\n                                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"5\"\/><line x1=\"12\" y1=\"1\" x2=\"12\" y2=\"3\"\/><line x1=\"12\" y1=\"21\" x2=\"12\" y2=\"23\"\/><line x1=\"4.22\" y1=\"4.22\" x2=\"5.64\" y2=\"5.64\"\/><line x1=\"18.36\" y1=\"18.36\" x2=\"19.78\" y2=\"19.78\"\/><line x1=\"1\" y1=\"12\" x2=\"3\" y2=\"12\"\/><line x1=\"21\" y1=\"12\" x2=\"23\" y2=\"12\"\/><line x1=\"4.22\" y1=\"19.78\" x2=\"5.64\" y2=\"18.36\"\/><line x1=\"18.36\" y1=\"5.64\" x2=\"19.78\" y2=\"4.22\"\/><\/svg>\n                                <\/div>\n                                <div class=\"acc-condition-label\">Extreme<\/div>\n                                <div class=\"acc-condition-desc\">Weak insulation \u00b7 Direct sunlight on roof \u00b7 High-heat appliances<\/div>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"acc-step\">\n                        <div class=\"acc-step-head\"><span class=\"acc-step-num\">3<\/span><span class=\"acc-step-label\">Brand &amp; Type Preference<\/span><\/div>\n                        <div class=\"acc-filter-label\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z\"\/><line x1=\"7\" y1=\"7\" x2=\"7.01\" y2=\"7\"\/><\/svg>\n                            Select Brand\n                        <\/div>\n                        <div class=\"acc-pill-row\" id=\"acc-brand-pills\">\n                                                        <button type=\"button\" class=\"acc-pill acc-pill-active\" data-brand=\"all\">\n                                All Brands                            <\/button>\n                                                        <button type=\"button\" class=\"acc-pill\" data-brand=\"daikin\">\n                                Daikin                            <\/button>\n                                                        <button type=\"button\" class=\"acc-pill\" data-brand=\"samsung\">\n                                Samsung                            <\/button>\n                                                        <button type=\"button\" class=\"acc-pill\" data-brand=\"panasonic\">\n                                Panasonic                            <\/button>\n                                                        <button type=\"button\" class=\"acc-pill\" data-brand=\"midea\">\n                                Midea                            <\/button>\n                                                        <button type=\"button\" class=\"acc-pill\" data-brand=\"tcl\">\n                                TCL                            <\/button>\n                                                        <button type=\"button\" class=\"acc-pill\" data-brand=\"teco\">\n                                Teco                            <\/button>\n                                                    <\/div>\n                        <div class=\"acc-filter-label\" style=\"margin-top:14px;\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M19.07 4.93a10 10 0 0 1 0 14.14M4.93 4.93a10 10 0 0 0 0 14.14\"\/><\/svg>\n                            AC Type\n                        <\/div>\n                        <div class=\"acc-pill-row\" id=\"acc-type-pills\">\n                                                        <button type=\"button\" class=\"acc-pill acc-pill-active\" data-type=\"all\">\n                                All Types                            <\/button>\n                                                        <button type=\"button\" class=\"acc-pill\" data-type=\"inverter-air-conditioners\">\n                                Inverter                            <\/button>\n                                                        <button type=\"button\" class=\"acc-pill\" data-type=\"non-inverter-air-conditioners\">\n                                Non-Inverter                            <\/button>\n                                                    <\/div>\n                    <\/div>\n\n                    <div class=\"acc-step acc-step-last\">\n                        <div class=\"acc-step-head\"><span class=\"acc-step-num\">4<\/span><span class=\"acc-step-label\">Get Your Recommendation<\/span><\/div>\n                        <div id=\"acc_error\" class=\"acc-error\" style=\"display:none;\" role=\"alert\"><\/div>\n                        <button id=\"acc_calc_btn\" type=\"button\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                <rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\" ry=\"2\"\/>\n                                <line x1=\"8\" y1=\"6\" x2=\"16\" y2=\"6\"\/>\n                                <line x1=\"8\" y1=\"10\" x2=\"10\" y2=\"10\"\/>\n                                <line x1=\"14\" y1=\"10\" x2=\"16\" y2=\"10\"\/>\n                                <line x1=\"8\" y1=\"14\" x2=\"10\" y2=\"14\"\/>\n                                <line x1=\"14\" y1=\"14\" x2=\"16\" y2=\"14\"\/>\n                                <line x1=\"8\" y1=\"18\" x2=\"10\" y2=\"18\"\/>\n                                <line x1=\"14\" y1=\"18\" x2=\"16\" y2=\"18\"\/>\n                            <\/svg>\n                            Calculate &amp; Find AC\n                        <\/button>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n            <div class=\"acc-col-right\" id=\"acc-col-right\">\n                <div class=\"acc-placeholder\" id=\"acc-placeholder\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9.5 4h5M12 4v4M4 8h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z\"\/><path d=\"M8 13h2m4 0h2M8 17h1m3 0h3\"\/><\/svg>\n                    <p>Fill in your room details and click <strong>Calculate &amp; Find AC<\/strong> to see results here.<\/p>\n                <\/div>\n\n                <div id=\"acc-results\" style=\"display:none;\">\n                    <div class=\"acc-result-card\" id=\"acc_result\" aria-live=\"polite\"><\/div>\n                    <div class=\"acc-tips-card\">\n                        <div class=\"acc-tips-head\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>\n                            <span>Calculation Breakdown &amp; Tips<\/span>\n                        <\/div>\n                        <div id=\"acc_tips_text\" class=\"acc-tips-text\"><\/div>\n                    <\/div>\n                    <div class=\"acc-products-card\">\n                        <div class=\"acc-products-head\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><path d=\"M16 10a4 4 0 0 1-8 0\"\/><\/svg>\n                            <h3>Recommended Products<\/h3>\n                        <\/div>\n                        <div id=\"acc_btu_badge\" class=\"acc-btu-badge\" style=\"display:none;\"><\/div>\n                        <div class=\"acc-result-filters\">\n                            <div class=\"acc-result-filter-group\">\n                                <span class=\"acc-rfl\">Brand:<\/span>\n                                <div class=\"acc-pill-row\" id=\"acc-result-brand-pills\">\n                                                                        <button type=\"button\" class=\"acc-pill acc-pill-sm acc-pill-active\" data-brand=\"all\">\n                                        All Brands                                    <\/button>\n                                                                        <button type=\"button\" class=\"acc-pill acc-pill-sm\" data-brand=\"daikin\">\n                                        Daikin                                    <\/button>\n                                                                        <button type=\"button\" class=\"acc-pill acc-pill-sm\" data-brand=\"samsung\">\n                                        Samsung                                    <\/button>\n                                                                        <button type=\"button\" class=\"acc-pill acc-pill-sm\" data-brand=\"panasonic\">\n                                        Panasonic                                    <\/button>\n                                                                        <button type=\"button\" class=\"acc-pill acc-pill-sm\" data-brand=\"midea\">\n                                        Midea                                    <\/button>\n                                                                        <button type=\"button\" class=\"acc-pill acc-pill-sm\" data-brand=\"tcl\">\n                                        TCL                                    <\/button>\n                                                                        <button type=\"button\" class=\"acc-pill acc-pill-sm\" data-brand=\"teco\">\n                                        Teco                                    <\/button>\n                                                                    <\/div>\n                            <\/div>\n                            <div class=\"acc-result-filter-group\">\n                                <span class=\"acc-rfl\">Type:<\/span>\n                                <div class=\"acc-pill-row\" id=\"acc-result-type-pills\">\n                                                                        <button type=\"button\" class=\"acc-pill acc-pill-sm acc-pill-active\" data-type=\"all\">\n                                        All Types                                    <\/button>\n                                                                        <button type=\"button\" class=\"acc-pill acc-pill-sm\" data-type=\"inverter-air-conditioners\">\n                                        Inverter                                    <\/button>\n                                                                        <button type=\"button\" class=\"acc-pill acc-pill-sm\" data-type=\"non-inverter-air-conditioners\">\n                                        Non-Inverter                                    <\/button>\n                                                                    <\/div>\n                            <\/div>\n                        <\/div>\n                        <div id=\"acc_products\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <style>\n    .acc-wrap{width:100%;margin:0;padding:24px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:#1a1a2e;box-sizing:border-box;background:#f4f7fb;min-height:100vh}\n    .acc-wrap *,.acc-wrap *::before,.acc-wrap *::after{box-sizing:border-box}\n    .acc-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}\n    .acc-col-left,.acc-col-right{min-width:0}\n    .acc-placeholder{background:#fff;border-radius:18px;box-shadow:0 2px 16px rgba(0,90,160,.07);padding:48px 32px;text-align:center;color:#aab4c0}\n    .acc-placeholder svg{width:64px;height:64px;color:#d0dce8;display:block;margin:0 auto 20px}\n    .acc-placeholder p{font-size:15px;line-height:1.7;margin:0}\n    .acc-placeholder strong{color:#0073aa}\n    .acc-card{background:#fff;border-radius:20px;box-shadow:0 4px 30px rgba(0,90,160,.10);overflow:hidden}\n    .acc-card-header{background:linear-gradient(135deg,#0073aa 0%,#0059a0 100%);padding:24px 28px;display:flex;align-items:center;gap:16px}\n    .acc-hero-svg{width:44px;height:44px;color:rgba(255,255,255,.85);flex-shrink:0}\n    .acc-card-title{margin:0 0 3px!important;padding:0!important;font-size:20px!important;font-weight:800!important;color:#fff!important;border:none!important}\n    .acc-card-sub{margin:0!important;font-size:13px!important;color:rgba(255,255,255,.72)!important}\n    .acc-step{padding:20px 28px;border-bottom:1px solid #f0f2f5}\n    .acc-step-last{border-bottom:none}\n    .acc-step-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}\n    .acc-step-num{width:26px;height:26px;background:#0073aa;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}\n    .acc-step-label{font-size:12px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.7px}\n    .acc-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}\n    .acc-field{display:flex;flex-direction:column}\n    .acc-field-full{grid-column:1\/-1}\n    .acc-field label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}\n    .acc-field label svg{width:13px;height:13px;color:#0073aa;flex-shrink:0}\n    .acc-field input[type=\"number\"],.acc-field select{width:100%;padding:10px 12px;border:1.5px solid #e0e4ea;border-radius:9px;font-size:14px;color:#1a1a2e;background:#f8fafc;outline:none;transition:border-color .2s,box-shadow .2s;appearance:textfield;-moz-appearance:textfield}\n    .acc-field select{appearance:auto;cursor:pointer}\n    .acc-field input[type=\"number\"]::-webkit-inner-spin-button,.acc-field input[type=\"number\"]::-webkit-outer-spin-button{opacity:1}\n    .acc-field input:focus,.acc-field select:focus{border-color:#0073aa;background:#fff;box-shadow:0 0 0 3px rgba(0,115,170,.13)}\n    .acc-field input::placeholder{color:#bcc4cc}\n    .acc-condition-group{display:grid;grid-template-columns:1fr 1fr;gap:12px}\n    .acc-condition-btn{background:#f8fafc;border:2px solid #e0e4ea;border-radius:14px;padding:16px 14px;cursor:pointer;text-align:left;transition:border-color .2s,background .2s,box-shadow .2s;display:flex;flex-direction:column;gap:6px}\n    .acc-condition-btn:hover{border-color:#0073aa;background:#eef6fb}\n    .acc-condition-active{border-color:#0073aa!important;background:#eef6fb!important;box-shadow:0 0 0 3px rgba(0,115,170,.13)!important}\n    .acc-condition-icon{width:32px;height:32px;background:#e0edf5;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}\n    .acc-condition-active .acc-condition-icon{background:#0073aa}\n    .acc-condition-icon svg{width:18px;height:18px;color:#0073aa}\n    .acc-condition-active .acc-condition-icon svg{color:#fff}\n    .acc-condition-label{font-size:14px;font-weight:800;color:#1a1a2e}\n    .acc-condition-active .acc-condition-label{color:#0073aa}\n    .acc-condition-desc{font-size:11px;color:#777;line-height:1.5}\n    .acc-filter-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}\n    .acc-filter-label svg{width:13px;height:13px;color:#0073aa}\n    .acc-pill-row{display:flex;flex-wrap:wrap;gap:7px}\n    .acc-pill{padding:7px 14px;border:1.5px solid #e0e4ea;border-radius:50px;font-size:12px;font-weight:600;color:#555;background:#f8fafc;cursor:pointer;transition:border-color .18s,background .18s,color .18s,box-shadow .18s;white-space:nowrap;line-height:1}\n    .acc-pill:hover{border-color:#0073aa;color:#0073aa;background:#eef6fb}\n    .acc-pill-active{border-color:#0073aa!important;background:#0073aa!important;color:#fff!important;box-shadow:0 2px 8px rgba(0,115,170,.22)}\n    .acc-pill-sm{padding:5px 11px;font-size:11px}\n    .acc-error{background:#fff5f5;border:1.5px solid #ffb3b3;color:#cc0000;padding:10px 14px;border-radius:9px;font-size:13px;margin-bottom:14px;line-height:1.5}\n    #acc_calc_btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;background:#0073aa;color:#fff;border:none;border-radius:11px;font-size:15px;font-weight:700;cursor:pointer;transition:background .18s,transform .12s;letter-spacing:.2px}\n    #acc_calc_btn svg{width:20px;height:20px;flex-shrink:0}\n    #acc_calc_btn:hover{background:#00618f}\n    #acc_calc_btn:active{transform:scale(.98)}\n    #acc-results{animation:acc-fadein .3s ease}\n    .acc-result-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,90,160,.10);padding:22px 24px;margin-bottom:18px}\n    .acc-result-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#0073aa;margin:0 0 16px}\n    .acc-result-title svg{width:18px;height:18px;color:#22bb66;flex-shrink:0}\n    .acc-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}\n    .acc-stat{background:#f0f8fc;border:1px solid #d0eaf5;border-radius:11px;padding:14px 10px;text-align:center}\n    .acc-stat-lbl{font-size:9px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}\n    .acc-stat-val{font-size:18px;font-weight:800;color:#0073aa;line-height:1.2}\n    .acc-stat-unit{font-size:10px;color:#999;margin-top:3px}\n    .acc-stat-featured{background:#0073aa;border-color:#005c8a;grid-column:1\/-1}\n    .acc-stat-featured .acc-stat-lbl{color:rgba(255,255,255,.65)}\n    .acc-stat-featured .acc-stat-val{color:#fff;font-size:26px}\n    .acc-stat-featured .acc-stat-unit{color:rgba(255,255,255,.6)}\n    .acc-recalc{display:inline-flex;align-items:center;gap:6px;background:none;border:1.5px solid #0073aa;color:#0073aa;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:background .18s,color .18s}\n    .acc-recalc svg{width:13px;height:13px}\n    .acc-recalc:hover{background:#0073aa;color:#fff}\n    .acc-tips-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,90,160,.10);padding:22px 24px;margin-bottom:18px;border-left:4px solid #22bb66}\n    .acc-tips-head{display:flex;align-items:center;gap:9px;margin-bottom:14px;font-size:14px;font-weight:700;color:#1a8c44}\n    .acc-tips-head svg{width:18px;height:18px;flex-shrink:0;color:#22bb66}\n    .acc-tips-text{font-size:13px;color:#333;line-height:1.75}\n    .acc-breakdown{background:#f4fdf7;border:1px solid #c3e6cb;border-radius:9px;padding:12px 14px;margin-bottom:12px}\n    .acc-breakdown table{width:100%;border-collapse:collapse;font-size:12px}\n    .acc-breakdown td{padding:3px 6px}\n    .acc-breakdown td:last-child{text-align:right;font-weight:700;color:#0073aa}\n    .acc-breakdown tr.acc-total td{border-top:1px solid #b2dfc4;padding-top:7px}\n    .acc-tips-text ul{margin:6px 0 0 0;padding-left:18px}\n    .acc-tips-text li{margin-bottom:5px}\n    .acc-btu-badge{display:flex;align-items:center;gap:8px;background:#e6f3fa;border:1px solid #b8ddef;border-radius:9px;padding:10px 14px;margin-bottom:14px;font-size:12px;color:#0059a0;font-weight:600}\n    .acc-btu-badge svg{width:15px;height:15px;color:#0073aa;flex-shrink:0}\n    .acc-btu-note{background:#fff9e6;border:1px solid #ffe599;border-radius:8px;padding:9px 13px;font-size:12px;color:#7a5c00;margin-bottom:12px}\n    .acc-result-filters{margin-bottom:16px;display:flex;flex-direction:column;gap:10px}\n    .acc-result-filter-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}\n    .acc-rfl{font-size:11px;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;min-width:38px}\n    .acc-products-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,90,160,.10);padding:22px 24px}\n    .acc-products-head{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #f0f2f5}\n    .acc-products-head svg{width:20px;height:20px;color:#0073aa;flex-shrink:0}\n    .acc-products-head h3{margin:0!important;padding:0!important;font-size:15px!important;font-weight:700!important;color:#1a1a2e!important;border:none!important}\n    .acc-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}\n    .acc-product-card{border:1.5px solid #e8edf2;border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .18s;background:#fff}\n    .acc-product-card:hover{border-color:#0073aa;box-shadow:0 6px 20px rgba(0,115,170,.13);transform:translateY(-2px)}\n    .acc-product-img-link{display:block}\n    .acc-product-img{width:100%;height:130px;object-fit:cover;display:block;background:#f5f7f9}\n    .acc-product-img-placeholder{width:100%;height:130px;background:#f0f4f8;display:flex;align-items:center;justify-content:center}\n    .acc-product-img-placeholder svg{width:38px;height:38px;color:#ccc}\n    .acc-product-info{padding:12px}\n    .acc-product-badges{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:7px}\n    .acc-badge{display:inline-block;padding:2px 8px;border-radius:50px;font-size:10px;font-weight:700;line-height:1.6}\n    .acc-badge-type{background:#e8f5e9;color:#2e7d32}\n    .acc-badge-ton{background:#e3f2fd;color:#1565c0}\n    .acc-badge-btu{background:#fff3e0;color:#e65100}\n    .acc-product-name{margin:0 0 6px!important;padding:0!important;font-size:13px!important;font-weight:600!important;color:#1a1a2e!important;line-height:1.4!important;border:none!important}\n    .acc-product-name a{color:inherit!important;text-decoration:none!important}\n    .acc-product-name a:hover{color:#0073aa!important}\n    .acc-product-price{font-size:15px;font-weight:800;color:#0073aa;margin-bottom:10px}\n    .acc-product-btns{display:flex;gap:6px}\n    .acc-btn-view,.acc-btn-cart{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:7px;border-radius:7px;font-size:11px;font-weight:600;text-decoration:none!important;transition:background .15s,color .15s,transform .12s;cursor:pointer}\n    .acc-btn-view svg,.acc-btn-cart svg{width:12px;height:12px;flex-shrink:0}\n    .acc-btn-view{background:#e6f3fa;color:#0073aa;border:1.5px solid #b8ddef}\n    .acc-btn-view:hover{background:#0073aa;color:#fff!important}\n    .acc-btn-cart{background:#0073aa;color:#fff!important;border:1.5px solid transparent}\n    .acc-btn-cart:hover{background:#00618f}\n    .acc-btn-view:active,.acc-btn-cart:active{transform:scale(.96)}\n    .acc-loading{display:flex;flex-direction:column;align-items:center;padding:36px 20px;color:#0073aa;font-size:13px;font-weight:600;gap:14px}\n    .acc-spinner{width:28px;height:28px;border:3px solid #c0def0;border-top-color:#0073aa;border-radius:50%;animation:acc-spin .65s linear infinite}\n    .acc-no-products{text-align:center;padding:32px 20px;color:#888;font-size:13px;line-height:1.8}\n    .acc-no-products svg{width:38px;height:38px;color:#ccc;display:block;margin:0 auto 10px}\n    @keyframes acc-fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}\n    @keyframes acc-spin{to{transform:rotate(360deg)}}\n    @media(max-width:900px){.acc-layout{grid-template-columns:1fr}.acc-col-right{order:-1}}\n    @media(max-width:540px){.acc-wrap{padding:14px}.acc-step{padding:16px}.acc-card-header{padding:18px 16px;gap:12px}.acc-grid-2,.acc-product-grid,.acc-condition-group{grid-template-columns:1fr}.acc-stat-grid{grid-template-columns:1fr 1fr}.acc-stat-featured{grid-column:1\/-1}.acc-result-card,.acc-products-card,.acc-tips-card{padding:16px}.acc-hero-svg{width:34px;height:34px}.acc-card-title{font-size:17px!important}.acc-pill{padding:6px 11px;font-size:11px}}\n    <\/style>\n\n    <script>\n    (function(){\n        \"use strict\";\n        var AJAX_URL = \"https:\/\/aircart.lk\/wp-admin\/admin-ajax.php\";\n\n        var selectedBrand     = 'all';\n        var selectedType      = 'all';\n        var selectedCondition = 'normal';\n        var lastBtu           = 0;\n\n        var calcBtn     = document.getElementById('acc_calc_btn');\n        var errorBox    = document.getElementById('acc_error');\n        var resultDiv   = document.getElementById('acc_result');\n        var productsEl  = document.getElementById('acc_products');\n        var resultsEl   = document.getElementById('acc-results');\n        var tipsText    = document.getElementById('acc_tips_text');\n        var placeholder = document.getElementById('acc-placeholder');\n        var btuBadge    = document.getElementById('acc_btu_badge');\n\n        \/* \u2500\u2500 BTU \u2192 Ton table \u2500\u2500\n           0.75 Ton =  9,000 BTU\n           1.0  Ton = 12,000 BTU\n           1.5  Ton = 18,000 BTU\n           2.0  Ton = 24,000 BTU\n           2.5  Ton = 30,000 BTU\n           3.0  Ton = 36,000 BTU\n           4.0  Ton = 48,000 BTU\n           5.0  Ton = 60,000 BTU\n        \u2500\u2500 *\/\n        function getTonFromBtu(btu) {\n            if (btu <=  9000) return '0.75 Ton';\n            if (btu <= 12000) return '1 Ton';\n            if (btu <= 18000) return '1.5 Ton';\n            if (btu <= 24000) return '2 Ton';\n            if (btu <= 30000) return '2.5 Ton';\n            if (btu <= 36000) return '3 Ton';\n            if (btu <= 48000) return '4 Ton';\n            return '5 Ton';\n        }\n\n        \/* \u2500\u2500 Condition toggle \u2500\u2500 *\/\n        var conditionGroup = document.getElementById('acc-condition-group');\n        conditionGroup.addEventListener('click', function(e){\n            var btn = e.target.closest('.acc-condition-btn');\n            if (!btn) return;\n            conditionGroup.querySelectorAll('.acc-condition-btn').forEach(function(b){\n                b.classList.remove('acc-condition-active');\n            });\n            btn.classList.add('acc-condition-active');\n            selectedCondition = btn.getAttribute('data-condition');\n        });\n\n        \/* \u2500\u2500 Pill helpers \u2500\u2500 *\/\n        function bindPills(rowId, dataAttr, onSelect) {\n            var row = document.getElementById(rowId);\n            if (!row) return;\n            row.addEventListener('click', function(e){\n                var btn = e.target.closest('.acc-pill');\n                if (!btn) return;\n                row.querySelectorAll('.acc-pill').forEach(function(p){ p.classList.remove('acc-pill-active'); });\n                btn.classList.add('acc-pill-active');\n                onSelect(btn.getAttribute(dataAttr));\n            });\n        }\n\n        function syncResultPills(rowId, dataAttr, value) {\n            var row = document.getElementById(rowId);\n            if (!row) return;\n            row.querySelectorAll('.acc-pill').forEach(function(p){\n                p.classList.toggle('acc-pill-active', p.getAttribute(dataAttr) === value);\n            });\n        }\n\n        bindPills('acc-brand-pills', 'data-brand', function(v){\n            selectedBrand = v;\n            syncResultPills('acc-result-brand-pills', 'data-brand', v);\n        });\n        bindPills('acc-type-pills', 'data-type', function(v){\n            selectedType = v;\n            syncResultPills('acc-result-type-pills', 'data-type', v);\n        });\n        bindPills('acc-result-brand-pills', 'data-brand', function(v){\n            selectedBrand = v;\n            syncResultPills('acc-brand-pills', 'data-brand', v);\n            if (lastBtu > 0) loadProducts();\n        });\n        bindPills('acc-result-type-pills', 'data-type', function(v){\n            selectedType = v;\n            syncResultPills('acc-type-pills', 'data-type', v);\n            if (lastBtu > 0) loadProducts();\n        });\n\n        \/* \u2500\u2500 Calculate \u2500\u2500 *\/\n        calcBtn.addEventListener('click', function(){\n            var length = parseFloat(document.getElementById('acc_length').value) || 0;\n            var width  = parseFloat(document.getElementById('acc_width').value)  || 0;\n            var people = parseInt(document.getElementById('acc_people').value)   || 2;\n\n            if (!length || !width) {\n                showError('Please enter the room length and width.');\n                return;\n            }\n            if (people < 1) people = 2;\n            hideError();\n\n            var area      = length * width;\n            var factor    = (selectedCondition === 'extreme') ? 85 : 65;\n            var baseBtu   = Math.round(area * factor);\n            var extraPpl  = Math.max(0, people - 2);\n            var peopleBtu = extraPpl * 600;\n            var totalBtu  = baseBtu + peopleBtu;\n            lastBtu       = totalBtu;\n\n            var tonLabel  = getTonFromBtu(totalBtu);\n            var condLabel = (selectedCondition === 'extreme') ? 'Extreme Condition' : 'Normal Condition';\n            var sqFt      = area.toFixed(1);\n\n            resultDiv.innerHTML =\n                '<p class=\"acc-result-title\">' +\n                    '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg>' +\n                    'Your Calculation Result' +\n                '<\/p>' +\n                '<div class=\"acc-stat-grid\">' +\n                    mkStat('Room Area',   sqFt,                              'ft\\u00b2', false) +\n                    mkStat('Total BTU',   Number(totalBtu).toLocaleString(), 'BTU \/ hr', false) +\n                    mkStat('Recommended', tonLabel,                           condLabel,  true)  +\n                '<\/div>' +\n                '<button class=\"acc-recalc\" id=\"acc_recalc_btn\">' +\n                    '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"1 4 1 10 7 10\"\/><path d=\"M3.51 15a9 9 0 1 0 .49-3.5\"\/><\/svg>Recalculate' +\n                '<\/button>';\n\n            document.getElementById('acc_recalc_btn').addEventListener('click', function(){\n                resultsEl.style.display   = 'none';\n                placeholder.style.display = 'block';\n                lastBtu = 0;\n            });\n\n            \/* Breakdown & Tips *\/\n            var tips = [\n                'Set your thermostat between 24\\u201326\\u00b0C for best comfort and energy savings.',\n                'Clean your AC filter every 2\\u20134 weeks for optimal airflow and efficiency.',\n            ];\n            if (selectedCondition === 'extreme') {\n                tips.push('Seal gaps around doors and windows to cut cooling load significantly.');\n                tips.push('Roof insulation or a false ceiling reduces heat gain from above.');\n            }\n            if (extraPpl > 0) {\n                tips.push('With ' + people + ' occupants, the extra ' + (extraPpl * 600).toLocaleString() + ' BTU has been added for body heat.');\n            }\n\n            tipsText.innerHTML =\n                '<div class=\"acc-breakdown\"><table>' +\n                    '<tr><td>Room area (' + length + '\\u00a0\\u00d7\\u00a0' + width + '\\u00a0ft)<\/td><td>' + Number(baseBtu).toLocaleString() + '\\u00a0BTU<\/td><\/tr>' +\n                    (extraPpl > 0 ? '<tr><td>Occupant load (' + extraPpl + ' extra \\u00d7 600)<\/td><td>+' + Number(peopleBtu).toLocaleString() + '\\u00a0BTU<\/td><\/tr>' : '') +\n                    '<tr class=\"acc-total\"><td><strong>Total BTU Required<\/strong><\/td><td><strong>' + Number(totalBtu).toLocaleString() + '\\u00a0BTU<\/strong><\/td><\/tr>' +\n                    '<tr><td><strong>Recommended Capacity<\/strong><\/td><td><strong>' + tonLabel + ' (' + Number(totalBtu).toLocaleString() + '\\u00a0BTU)<\/strong><\/td><\/tr>' +\n                '<\/table><\/div>' +\n                '<strong>Energy Saving Tips:<\/strong>' +\n                '<ul>' + tips.map(function(t){ return '<li>' + t + '<\/li>'; }).join('') + '<\/ul>';\n\n            placeholder.style.display = 'none';\n            resultsEl.style.display   = 'block';\n\n            btuBadge.innerHTML =\n                '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>' +\n                'Showing products for <strong>\\u00a0' + tonLabel + '<\/strong>\\u00a0(' + Number(totalBtu).toLocaleString() + '\\u00a0BTU\/hr)';\n            btuBadge.style.display = 'flex';\n\n            loadProducts();\n        });\n\n        function loadProducts() {\n            productsEl.innerHTML = '<div class=\"acc-loading\"><div class=\"acc-spinner\"><\/div><span>Loading products\\u2026<\/span><\/div>';\n            var url = AJAX_URL + '?action=acc_get_products' +\n                '&btu='   + encodeURIComponent(lastBtu) +\n                '&brand=' + encodeURIComponent(selectedBrand) +\n                '&type='  + encodeURIComponent(selectedType);\n            fetch(url)\n                .then(function(r){ return r.text(); })\n                .then(function(h){ productsEl.innerHTML = h; })\n                .catch(function(){ productsEl.innerHTML = noProducts('Could not load products. Please try again.'); });\n        }\n\n        function mkStat(l, v, u, f) {\n            return '<div class=\"acc-stat' + (f ? ' acc-stat-featured' : '') + '\">' +\n                '<div class=\"acc-stat-lbl\">' + l + '<\/div>' +\n                '<div class=\"acc-stat-val\">' + v + '<\/div>' +\n                '<div class=\"acc-stat-unit\">' + u + '<\/div>' +\n                '<\/div>';\n        }\n        function noProducts(m) {\n            return '<div class=\"acc-no-products\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\/><\/svg>' + m + '<\/div>';\n        }\n        function showError(m){ errorBox.textContent = '\\u26a0 ' + m; errorBox.style.display = 'block'; }\n        function hideError(){ errorBox.style.display = 'none'; }\n\n    })();\n    <\/script>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9627","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aircart.lk\/index.php?rest_route=\/wp\/v2\/pages\/9627","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aircart.lk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aircart.lk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aircart.lk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aircart.lk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9627"}],"version-history":[{"count":1,"href":"https:\/\/aircart.lk\/index.php?rest_route=\/wp\/v2\/pages\/9627\/revisions"}],"predecessor-version":[{"id":9628,"href":"https:\/\/aircart.lk\/index.php?rest_route=\/wp\/v2\/pages\/9627\/revisions\/9628"}],"wp:attachment":[{"href":"https:\/\/aircart.lk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}