.elementor-206 .elementor-element.elementor-element-1f8e1af8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:48px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-206 .elementor-element.elementor-element-45754a86{padding:0px 0px 16px 0px;text-align:center;}.elementor-206 .elementor-element.elementor-element-45754a86 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-dc57daa );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-206 .elementor-element.elementor-element-5bebf44a{--divider-border-style:slashes;--divider-border-width:4px;padding:0px 0px 16px 0px;--divider-pattern-height:7px;--divider-pattern-size:12px;}.elementor-206 .elementor-element.elementor-element-5bebf44a .elementor-divider-separator{width:8%;margin:0 auto;margin-center:0;}.elementor-206 .elementor-element.elementor-element-5bebf44a .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-206 .elementor-element.elementor-element-78d10d7e{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-206 .elementor-element.elementor-element-72352c36{text-align:center;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:400;}.elementor-206 .elementor-element.elementor-element-416e200e{padding:24px 0px 24px 0px;}.elementor-206 .elementor-element.elementor-element-416e200e.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-206 .elementor-element.elementor-element-1f8e1af8{--padding-top:48px;--padding-bottom:48px;--padding-left:32px;--padding-right:32px;}}@media(max-width:880px){.elementor-206 .elementor-element.elementor-element-1f8e1af8{--padding-top:48px;--padding-bottom:48px;--padding-left:32px;--padding-right:32px;}}@media(max-width:767px){.elementor-206 .elementor-element.elementor-element-1f8e1af8{--padding-top:48px;--padding-bottom:48px;--padding-left:16px;--padding-right:16px;}.elementor-206 .elementor-element.elementor-element-45754a86{text-align:center;}.elementor-206 .elementor-element.elementor-element-5bebf44a .elementor-divider-separator{width:15%;}.elementor-206 .elementor-element.elementor-element-78d10d7e{text-align:center;}.elementor-206 .elementor-element.elementor-element-72352c36{text-align:center;}}@media(min-width:768px){.elementor-206 .elementor-element.elementor-element-1f8e1af8{--content-width:1200px;}}/* Start custom CSS for shortcode, class: .elementor-element-416e200e */@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');


#epito-kalkulator {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  background: #fff;
  border-radius: 0px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  font-family: "Montserrat", sans-serif;
  box-sizing: border-box;
}

/* Labels */
#epito-kalkulator label {
  color: #222 !important;
  font-weight: 500;
  display: block;
  padding: 12px 0;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
}

/* Inputs & Selects */
#epito-kalkulator select,
#epito-kalkulator input {
  width: 100%;
  border: 1px solid #25303B;
  border-radius: 0px;
  padding: 10px 14px;
  font-size: 15px;
  box-sizing: border-box;
}

/* Input group (side-by-side items) */
#epito-kalkulator .input-group {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  flex-wrap: wrap; /* Allows wrapping on small screens */
}

#epito-kalkulator .input-group input {
  flex: 1;
  min-width: 120px;
}

#epito-kalkulator .input-group span {
  white-space: nowrap;
  font-weight: 600;
  color: #555;
}


/* Buttons */
#epito-kalkulator button,
#epito-kalkulator .torol-btn {
  background: #25303B;
  border: 1px solid transparent;
  color: #fff;
  font-weight: 600;
  border-radius: 0px;
  padding: 10px 20px;
  cursor: pointer;
  flex: 1.2;
  transition: all 0.6s ease; /* smooth 0.6s transition */
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
}

#epito-kalkulator button:hover,
#epito-kalkulator .torol-btn:hover {
  background: transparent;
  border-color: #25303B; /* yellow border */
  color: #000;
}
/* Unit price text */
#epito-kalkulator .egysegar {
  margin-top: 10px;
  font-size: 14px;
  color: #444;
}

#epito-kalkulator .egysegar strong {
  color: #000;
}

/* Table styling */
#epito-kalkulator table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
  text-align: center;
  overflow-x: auto;
  display: block; /* Enables scroll on mobile */
}

#epito-kalkulator th,
#epito-kalkulator td {
  text-align: center;
  vertical-align: middle;
  padding: 8px;
  font-size: 14px;
  word-break: break-word;
}

#epito-kalkulator td input {
  text-align: center;
}

/* ========== RESPONSIVE BREAKPOINTS ========== */

/* Tablets */
@media (max-width: 1024px) {
  #epito-kalkulator {
    padding: 16px;
  }

  #epito-kalkulator label {
    font-size: 14px;
  }

  #epito-kalkulator select,
  #epito-kalkulator input {
    font-size: 14px;
    padding: 8px 12px;
  }

  #epito-kalkulator button {
    padding: 10px 16px;
  }
}

/* --- MOBILE TABLE RESPONSIVE FIX --- */
@media (max-width: 767px) {
  #epito-kalkulator {
    padding: 12px;
  }

  /* Make the table scrollable */
  #epito-kalkulator table {
    display: block;
    width: 100%;
    overflow-x: auto;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #ddd;
  }

  /* Avoid overflow and force wrapping */
  #epito-kalkulator th,
  #epito-kalkulator td {
    font-size: 13px;
    padding: 8px 6px;
    white-space: nowrap;
    text-align: center;
  }

  /* Allow horizontal scroll for large content */
  #epito-kalkulator table::-webkit-scrollbar {
    height: 6px;
  }
  #epito-kalkulator table::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
  }

  /* Make the "Töröl" button smaller */
  #epito-kalkulator .torol-btn {
    padding: 6px 10px;
    font-size: 13px;
  }

  /* Inputs fit smaller screens */
  #epito-kalkulator td input {
    width: 60px;
    font-size: 13px;
  }

  /* Keep the layout readable */
  #epito-kalkulator th:first-child,
  #epito-kalkulator td:first-child {
    position: sticky;
    left: 0;
    background: #fff;
    box-shadow: 2px 0 5px rgba(0,0,0,0.05);
  }

  /* Prevent breaking layout for big numbers */
  #epito-kalkulator td {
    word-break: keep-all;
  }
}

/* Tiny screens (under 480px) */
@media (max-width: 480px) {
  #epito-kalkulator th,
  #epito-kalkulator td {
    font-size: 12px;
    padding: 6px 4px;
  }

  #epito-kalkulator td input {
    width: 55px;
  }

  #epito-kalkulator .torol-btn {
    padding: 5px 8px;
  }
}/* End custom CSS */