{"id":245125,"date":"2024-03-18T17:59:04","date_gmt":"2024-03-18T16:59:04","guid":{"rendered":"https:\/\/corees.ebrandico.com\/area-calculator\/"},"modified":"2024-07-05T02:04:36","modified_gmt":"2024-07-05T00:04:36","slug":"area-calculator","status":"publish","type":"page","link":"https:\/\/corees.ebrandico.com\/en\/area-calculator\/","title":{"rendered":"Area calculator"},"content":{"rendered":"

[et_pb_section fb_built=”1″ _builder_version=”4.24.2″ _module_preset=”default” use_background_color_gradient=”on” background_color_gradient_direction=”218deg” background_color_gradient_stops=”gcid-3739f6af-6ec3-431f-9233-3cdc85f4270b 0%|rgba(21,67,99,0.76) 100%” background_color_gradient_overlays_image=”on” background_color_gradient_start=”rgba(131,50,172,0.82)” background_color_gradient_end=”rgba(93,43,150,0.77)” background_image=”https:\/\/corees.ebrandico.com\/wp-content\/uploads\/2024\/02\/AdobeStock_176553561-scaled.jpeg” width=”100%” custom_margin=”|0px||0px|false|false” custom_padding=”60px|0px|60px|0px|true|false” global_colors_info=”{%22gcid-3739f6af-6ec3-431f-9233-3cdc85f4270b%22:%91%22background_color_gradient_stops%22%93}”][et_pb_row _builder_version=”4.24.2″ _module_preset=”default” vertical_offset=”70px” custom_margin=”||||false|false” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.24.2″ _dynamic_attributes=”content” _module_preset=”_initial” text_font=”|700|||||||” text_text_color=”#ffffff” text_font_size=”35px” header_font=”Roboto Condensed|||on|||||” header_text_color=”#FFFFFF” text_orientation=”center” global_colors_info=”{}”]@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF90aXRsZSIsInNldHRpbmdzIjp7ImJlZm9yZSI6IjxoMT4iLCJhZnRlciI6IjxcL2gxPiJ9fQ==@[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ admin_label=”Features” module_id=”what-we-do” _builder_version=”4.24.2″ _module_preset=”default” background_color=”gcid-70184d90-89dc-4d37-8a72-67bb78c7369e” background_enable_video_mp4=”off” width=”100%” width_tablet=”100%” width_phone=”100%” width_last_edited=”on|tablet” module_alignment=”center” custom_margin=”0px||||false|false” custom_padding=”0px||0px||false|false” border_radii=”on|10px|10px|10px|10px” saved_tabs=”all” collapsed=”off” global_colors_info=”{%22gcid-70184d90-89dc-4d37-8a72-67bb78c7369e%22:%91%22background_color%22%93}”][et_pb_row _builder_version=”4.24.2″ _module_preset=”default” width_tablet=”100%” width_phone=”100%” width_last_edited=”on|tablet” module_alignment=”center” custom_margin=”|0px||0px|false|false” custom_padding=”|0px||0px|false|false” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.24.2″ _module_preset=”default” custom_padding=”|0px||0px|false|false” global_colors_info=”{}”][et_pb_code admin_label=”Html+CSS” _builder_version=”4.24.2″ _module_preset=”default” module_alignment=”center” global_colors_info=”{}”] Office Space Calculator<\/title><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->\/* Base Styles *\/<!-- [et_pb_line_break_holder] -->body {<!-- [et_pb_line_break_holder] --> font-family: 'Roboto', sans-serif;<!-- [et_pb_line_break_holder] --> background-color: #f4f4f4;<!-- [et_pb_line_break_holder] --> margin: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ... istniej\u0105ce style ... *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Naprawienie przycisk\u00f3w +\/- i wy\u015bwietlania liczby os\u00f3b *\/<!-- [et_pb_line_break_holder] -->#ilosc-osob {<!-- [et_pb_line_break_holder] --> font-size: 1rem; \/* dostosuj rozmiar czcionki *\/<!-- [et_pb_line_break_holder] --> \/* inne style, je\u015bli potrzebne *\/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* ... istniej\u0105ce style ... *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media (max-width: 768px) {<!-- [et_pb_line_break_holder] --> .input-results-container {<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Input Container styles *\/<!-- [et_pb_line_break_holder] -->.input-container {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] --> gap: 10px;<!-- [et_pb_line_break_holder] --> flex-grow: 1; \/* Flex container grows to fill available space *\/<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Adjust .selection-section to be a flex item but not a flex container *\/<!-- [et_pb_line_break_holder] -->.selection-section {<!-- [et_pb_line_break_holder] --> flex-grow: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Adjust the .configured-rooms container *\/<!-- [et_pb_line_break_holder] -->#konfiguracja-biura {<!-- [et_pb_line_break_holder] --> flex-basis: 100%; \/* Takes full width *\/<!-- [et_pb_line_break_holder] --> margin-top: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->#ilosc-osob {<!-- [et_pb_line_break_holder] -->font-size: 42px;<!-- [et_pb_line_break_holder] -->padding: 0px 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.main-container {<!-- [et_pb_line_break_holder] --> max-width: 90%; \/* Adjust as per design *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.header-bar {<!-- [et_pb_line_break_holder] --> background-color: #001C38;<!-- [et_pb_line_break_holder] --> color: white;<!-- [et_pb_line_break_holder] --> padding: 4px 0;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.header-bar h2 {<!-- [et_pb_line_break_holder] --> font-size: 18px;<!-- [et_pb_line_break_holder] --> font-weight: 200;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Calculator Container *\/<!-- [et_pb_line_break_holder] -->.calculator-container {<!-- [et_pb_line_break_holder] --> max-width: 100%;<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] --> background-color: #ffffff;<!-- [et_pb_line_break_holder] --> padding: 20px;<!-- [et_pb_line_break_holder] --> \/* box-shadow: 0px 0px 10px rgba(0,0,0,0.1); *\/<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> flex-wrap: wrap;<!-- [et_pb_line_break_holder] --> justify-content: space-between;<!-- [et_pb_line_break_holder] --> justify-content: flex-start;<!-- [et_pb_line_break_holder] --> align-items: flex-start;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Selection Sections *\/<!-- [et_pb_line_break_holder] -->.selection-section {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] --> flex-basis: calc(33.333% - 20px); \/* Three sections with gap *\/<!-- [et_pb_line_break_holder] --> box-sizing: border-box;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.selection-select, .input-group, .add-button {<!-- [et_pb_line_break_holder] --> padding: 10px;<!-- [et_pb_line_break_holder] --> border: 1px solid #ccc;<!-- [et_pb_line_break_holder] --> border-radius: 5px;<!-- [et_pb_line_break_holder] --> background-color: #fff;<!-- [et_pb_line_break_holder] --> height: 38px; \/* Fixed height for select elements *\/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Results Area *\/<!-- [et_pb_line_break_holder] -->.results-section {<!-- [et_pb_line_break_holder] --> flex: 1;<!-- [et_pb_line_break_holder] --> min-width: calc(33.333% - 20px); \/* Three sections with gap *\/<!-- [et_pb_line_break_holder] --> text-align: right;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->#suma-metrow {<!-- [et_pb_line_break_holder] --> font-size: 2rem;<!-- [et_pb_line_break_holder] --> font-weight: bold;<!-- [et_pb_line_break_holder] --> display: inline-block; \/* For alignment with text *\/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Configured Rooms List *\/<!-- [et_pb_line_break_holder] -->#konfiguracja-biura {<!-- [et_pb_line_break_holder] --> flex-basis: 100%; \/* Full width *\/<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> flex-direction: row;<!-- [et_pb_line_break_holder] --> flex-wrap: wrap;<!-- [et_pb_line_break_holder] --> gap: 10px;<!-- [et_pb_line_break_holder] --> justify-content: flex-start;<!-- [et_pb_line_break_holder] --> align-items: flex-start;<!-- [et_pb_line_break_holder] --> margin-top: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Room Items *\/<!-- [et_pb_line_break_holder] -->.konfiguracja-item {<!-- [et_pb_line_break_holder] --> background: #001C38;<!-- [et_pb_line_break_holder] --> color: white;<!-- [et_pb_line_break_holder] --> padding: 10px;<!-- [et_pb_line_break_holder] --> border-radius: 5px;<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> gap: 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.konfiguracja-item .usun {<!-- [et_pb_line_break_holder] --> background-color: #772B39;<!-- [et_pb_line_break_holder] --> padding: 5px 10px;<!-- [et_pb_line_break_holder] --> border-radius: 50%;<!-- [et_pb_line_break_holder] --> display: inline-flex;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --> font-weight: bold;<!-- [et_pb_line_break_holder] --> height: 24px; \/* Fixed height for close buttons *\/<!-- [et_pb_line_break_holder] --> width: 24px; \/* Fixed width for close buttons *\/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Responsive Adjustments *\/<!-- [et_pb_line_break_holder] -->@media (max-width: 768px) {<!-- [et_pb_line_break_holder] --> .calculator-container {<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .selection-section {<!-- [et_pb_line_break_holder] --> flex-basis: 100%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> #wyniki {<!-- [et_pb_line_break_holder] --> order: -1;<!-- [et_pb_line_break_holder] --> min-width: 100%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> .konfiguracja-item {<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> justify-content: space-between;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Utility Classes *\/<!-- [et_pb_line_break_holder] -->\/* Utility Classes *\/<!-- [et_pb_line_break_holder] -->.hidden {<!-- [et_pb_line_break_holder] --> display: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.active {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Styles for individual input groups *\/<!-- [et_pb_line_break_holder] -->.input-group {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Buttons *\/<!-- [et_pb_line_break_holder] -->button {<!-- [et_pb_line_break_holder] --> cursor: pointer;<!-- [et_pb_line_break_holder] --> border: none;<!-- [et_pb_line_break_holder] --> padding: 10px 20px;<!-- [et_pb_line_break_holder] --> border-radius: 5px;<!-- [et_pb_line_break_holder] --> transition: background-color 0.3s;<!-- [et_pb_line_break_holder] --> font-size: 1rem;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->button:hover {<!-- [et_pb_line_break_holder] --> opacity: 0.9;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.add-button {<!-- [et_pb_line_break_holder] --> background-color: #001C38;<!-- [et_pb_line_break_holder] --> color: white;<!-- [et_pb_line_break_holder] --> width: 165px; \/* Auto width for buttons *\/<!-- [et_pb_line_break_holder] --> margin-top: 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->#minus, #plus{<!-- [et_pb_line_break_holder] --> font-size: 45px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flex-item {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] --> gap: 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.flex-item label {<!-- [et_pb_line_break_holder] --> margin-bottom: 5px; \/* dodaje odst\u0119p pomi\u0119dzy labelem a selectem *\/<!-- [et_pb_line_break_holder] -->order: -1; \/* Przenosi label nad select *\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Dopasuj szeroko\u015b\u0107 select\u00f3w, je\u015bli to konieczne *\/<!-- [et_pb_line_break_holder] -->.flex-item .selection-select {<!-- [et_pb_line_break_holder] --> width: auto;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.zalecana {<!-- [et_pb_line_break_holder] --> font-size: 12px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.selection-section, .input-container > div {<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.selection-section label, .input-container > div label {<!-- [et_pb_line_break_holder] --> margin-bottom: 5px; \/* Dodaje odst\u0119p pomi\u0119dzy labelem a selectem *\/<!-- [et_pb_line_break_holder] --> order: -1; \/* Zapewnia, \u017ce label jest zawsze na g\u00f3rze *\/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.main-container {<!-- [et_pb_line_break_holder] --> max-width: 1100px;<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.header-container {<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> background-color: #f4f4f4;<!-- [et_pb_line_break_holder] --> padding: 10px 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.input-section {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> justify-content: space-between;<!-- [et_pb_line_break_holder] --> gap: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.column {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] --> justify-content: flex-start;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->#room-selection-column {<!-- [et_pb_line_break_holder] --> width: 30%; \/* Dostosuj szeroko\u015b\u0107 zgodnie z potrzebami *\/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->#quantity-selection-column {<!-- [et_pb_line_break_holder] --> width: 30%; \/* Dostosuj szeroko\u015b\u0107 zgodnie z potrzebami *\/<!-- [et_pb_line_break_holder] --> align-items: center; \/* Centruje tre\u015b\u0107 w kolumnie *\/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.results-column {<!-- [et_pb_line_break_holder] --> width: 40%; \/* Dostosuj szeroko\u015b\u0107 zgodnie z potrzebami *\/<!-- [et_pb_line_break_holder] --> align-items: flex-end; \/* Wyr\u00f3wnuje tre\u015b\u0107 do prawej *\/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.configured-rooms {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> flex-wrap: wrap;<!-- [et_pb_line_break_holder] --> gap: 10px;<!-- [et_pb_line_break_holder] --> margin-top: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.main-container {<!-- [et_pb_line_break_holder] --> max-width: 100%;<!-- [et_pb_line_break_holder] --> margin: 0 auto;<!-- [et_pb_line_break_holder] --> padding: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.header-section {<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> padding: 10px;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> background-color: #f4f4f4;<!-- [et_pb_line_break_holder] --> margin-bottom: 20px; \/* dodatkowy margines dla oddzielenia *\/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Dostosowanie styl\u00f3w dla kontenera kalkulatora *\/<!-- [et_pb_line_break_holder] -->.calculator-container {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> justify-content: space-between;<!-- [et_pb_line_break_holder] --> gap: 20px; \/* Dostosowanie odst\u0119p\u00f3w *\/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Je\u015bli konieczne jest dostosowanie szeroko\u015bci poszczeg\u00f3lnych kontener\u00f3w *\/<!-- [et_pb_line_break_holder] -->.selection-section, .results-section, #lista-zakresow > label, #minus, #plus {<!-- [et_pb_line_break_holder] -->color: #001C38;}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.configured-rooms {<!-- [et_pb_line_break_holder] --> \/* Tutaj r\u00f3wnie\u017c mo\u017cesz dostosowa\u0107 style *\/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->.column-width-control {<!-- [et_pb_line_break_holder] --> width: 30%; \/* lub inna warto\u015b\u0107, kt\u00f3r\u0105 potrzebujesz *\/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.column-flex-fill {<!-- [et_pb_line_break_holder] --> flex-grow: 1; \/* aby element wype\u0142nia\u0142 dost\u0119pne miejsce *\/<!-- [et_pb_line_break_holder] --> \/* dodatkowe style *\/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Style dla nag\u0142\u00f3wk\u00f3w *\/<!-- [et_pb_line_break_holder] -->#header-configurator, #header-configuration {<!-- [et_pb_line_break_holder] --> width: 100%; \/* Pe\u0142na szeroko\u015b\u0107 *\/<!-- [et_pb_line_break_holder] --> background-color: #001C38; \/* T\u0142o dla nag\u0142\u00f3wk\u00f3w *\/<!-- [et_pb_line_break_holder] --> padding: 12px 0; \/* Padding dla nag\u0142\u00f3wk\u00f3w *\/<!-- [et_pb_line_break_holder] --> text-align: center; \/* Wycentrowany tekst *\/<!-- [et_pb_line_break_holder] --> color: #fff;<!-- [et_pb_line_break_holder] --> font-weight: 200;<!-- [et_pb_line_break_holder] --> margin-bottom: 0px;<!-- [et_pb_line_break_holder] --> border-radius: 6px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Style dla kontenera kalkulatora *\/<!-- [et_pb_line_break_holder] -->.calculator-container {<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> justify-content: space-between; \/* Rozstawia elementy na ko\u0144cach *\/<!-- [et_pb_line_break_holder] --> align-items: flex-start; \/* Wyr\u00f3wnuje elementy do g\u00f3ry *\/<!-- [et_pb_line_break_holder] --> gap: 20px; \/* Odst\u0119py mi\u0119dzy kolumnami *\/<!-- [et_pb_line_break_holder] --> margin-bottom: 20px; \/* Odst\u0119p pod kontenerem *\/<!-- [et_pb_line_break_holder] --> border-radius: 6px;<!-- [et_pb_line_break_holder] --> background-color: #F4F4F4;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Style dla wynik\u00f3w *\/<!-- [et_pb_line_break_holder] -->.results-section {<!-- [et_pb_line_break_holder] --> flex-basis: 30%; \/* Szeroko\u015b\u0107 kolumny wynik\u00f3w *\/<!-- [et_pb_line_break_holder] --> text-align: right; \/* Tekst wyr\u00f3wnany do prawej *\/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/* Style dla sekcji konfiguracji biura *\/<!-- [et_pb_line_break_holder] -->#konfiguracja-biura {<!-- [et_pb_line_break_holder] --> width: 100%; \/* Pe\u0142na szeroko\u015b\u0107 *\/<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> flex-wrap: wrap; \/* Zawija elementy gdy nie mieszcz\u0105 si\u0119 *\/<!-- [et_pb_line_break_holder] --> gap: 10px; \/* Odst\u0119py mi\u0119dzy elementami *\/<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/style>\n<p><!-- [et_pb_line_break_holder] --><\/p>\n<div class=\"main-container\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<h3 id=\"header-configurator\">Configure your office<\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"calculator-container\"><!-- [et_pb_line_break_holder] --> <!-- Room Selection --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"selection-section\"><!-- [et_pb_line_break_holder] --> <label for=\"pomieszczenie-select\">Select a room:<\/label><!-- [et_pb_line_break_holder] --> <select id=\"pomieszczenie-select\" class=\"selection-select\"><\/select><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- People and Area Selection - Initially hidden --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"input-container\"><!-- [et_pb_line_break_holder] --> <!-- People Selection --><!-- [et_pb_line_break_holder] --> <\/p>\n<div id=\"wybierz-ilosc-osob\"><!-- [et_pb_line_break_holder] --> <label for=\"minus\">Select the number of people:<\/label><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"dynamic-content\"><!-- [et_pb_line_break_holder] --> <!-- Buttons and person count will be dynamically added here --><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <button id=\"add-people\" class=\"add-button\">Add<\/button><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- Area Selection --><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"hidden\" id=\"lista-zakresow\"><!-- [et_pb_line_break_holder] --> <label for=\"area-select\">Select the number of meters:<\/label><!-- [et_pb_line_break_holder] --> <select id=\"area-select\" class=\"selection-select\"><\/select><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- Results Area --><!-- [et_pb_line_break_holder] --> <\/p>\n<div id=\"wyniki\" class=\"results-section\"><!-- [et_pb_line_break_holder] --> <label for=\"suma-metrow\">Total meters:<\/label><!-- [et_pb_line_break_holder] --> <span id=\"suma-metrow\">0m\u00b2<\/span><!-- [et_pb_line_break_holder] --> <\/p>\n<div class=\"zalecana\">Recommended office area: from <span id=\"zalecana-min\">0m\u00b2<\/span> to <span id=\"zalecana-max\">0m\u00b2<\/span><\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --> <!-- Output Area --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<h3 id=\"header-configuration\" class=\"hidden\">Your office setup:<\/h3>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <\/p>\n<div id=\"konfiguracja-biura\" class=\"configured-rooms\"><!-- [et_pb_line_break_holder] --> <!-- Configured Rooms List will be dynamically added here --><!-- [et_pb_line_break_holder] --> <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=”1″ _builder_version=”4.24.2″ _module_preset=”default” custom_padding=”7px|||||” global_colors_info=”{}”][et_pb_row _builder_version=”4.24.2″ _module_preset=”default” custom_margin=”|auto|-1px|auto||” custom_padding=”5px||16px|||” global_colors_info=”{}”][et_pb_column type=”4_4″ module_id=”filter-lokalizacji-biura” _builder_version=”4.24.2″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.24.2″ _module_preset=”default” width_tablet=”100%” width_phone=”100%” width_last_edited=”on|phone” module_alignment=”center” custom_margin=”|0px||0px|false|false” custom_padding=”8px|0px||0px|false|false” global_colors_info=”{}” width__hover_enabled=”off|desktop”][et_pb_column type=”4_4″ module_id=”wyniki-nieruchomosci” _builder_version=”4.24.2″ _module_preset=”default” custom_padding=”0px|0px|0px|0px|false|false” global_colors_info=”{}”][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=”4.25.1″ _module_preset=”default”][et_pb_column _builder_version=”4.25.1″ _module_preset=”default” type=”4_4″][et_pb_text _builder_version=”4.25.1″ _module_preset=”default” hover_enabled=”0″ sticky_enabled=”0″ text_orientation=”center”]<\/p>\n<p>All prices quoted are net prices. The data presented are for information only, and do not constitute an offer under commercial law.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>All prices quoted are net prices. The data presented are for information only, and do not constitute an offer under commercial law.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-245125","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/corees.ebrandico.com\/en\/wp-json\/wp\/v2\/pages\/245125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/corees.ebrandico.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/corees.ebrandico.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/corees.ebrandico.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/corees.ebrandico.com\/en\/wp-json\/wp\/v2\/comments?post=245125"}],"version-history":[{"count":10,"href":"https:\/\/corees.ebrandico.com\/en\/wp-json\/wp\/v2\/pages\/245125\/revisions"}],"predecessor-version":[{"id":246858,"href":"https:\/\/corees.ebrandico.com\/en\/wp-json\/wp\/v2\/pages\/245125\/revisions\/246858"}],"wp:attachment":[{"href":"https:\/\/corees.ebrandico.com\/en\/wp-json\/wp\/v2\/media?parent=245125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}