.dk-compare__cta{
  max-width: 1100px;
  margin: 10px auto 0;
  padding: 0 16px;
}

.dk-compare__cta h2{
  margin: 0 0 8px;
  font-size: 28px;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.dk-compare__cta p{
  margin: 0 0 14px;
  color: var(--dk-muted);
  font-size: 18px;
  line-height: 1.45;
}

.dk-seo-subblock {
    margin-top: 18px;
    padding-top: 6px;
}

.dk-compare__bar{
  max-width: 1100px;
  margin: 18px auto 0;
  padding: 0 16px;
}

.dk-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  padding: 12px 14px;
  border: 2px solid var(--dk-green);
  border-radius: 18px;
  background:#fff;
  box-shadow: var(--dk-shadow-light);
}

.dk-bar__left{
  display:flex;
  align-items:center;
  gap:10px;
  font-size: 18px;
}

.dk-bar__count{
  font-weight: 700;
}

.dk-bar__right{
  display:flex;
  align-items:center;
  gap:10px;
}

/* Tabs */

.dk-tabs{
  max-width: 1100px;
  margin: 24px auto 0;
  padding: 0 16px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

.dk-tabs button.dk-tab {
    font: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: 700;
}

@media (max-width: 415px){
.dk-tabs button.dk-tab {
    font: inherit;
    font-size: 15px;
    line-height: inherit;
    font-weight: 500;
}
}


.dk-compare__grid{
  max-width: 1100px;
  margin: 14px auto 40px;
  padding: 0 16px;
  display:grid;
  grid-template-columns: 1fr;
  gap: 16px;
}


.dk-compare__mobile-actions{
  max-width: 1100px;
  margin: 14px auto 0;
  padding: 0 16px;
  display:flex;
  justify-content:flex-end;
}

@media (min-width: 992px){
  .dk-compare__grid{
    grid-template-columns: 330px 1fr;
    align-items:start;
  }
  .dk-compare__sidebar{
    position: sticky;
    top: 88px; /* header height approx */
  }
  .dk-compare__mobile-actions{ 
      display:none; 
  }
}

.dk-pillbtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 14px 18px;
  border-radius: 999px;
  background: var(--dk-green);
  color:#fff;
  font-weight:800;
  border:0;
  cursor:pointer;
  min-width: 180px;
  box-shadow: var(--dk-shadow-light);
}

/* Results view switch */

.dk-viewswitch{
  display:flex;
  gap:10px;
  align-items:center;
}

.dk-viewswitch a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:999px;
  background: var(--dk-green-100);
}

.dk-viewswitch a.is-active{
  outline: 2px solid var(--dk-green);
}

/* Bottom sheet dialog */

.dk-sheet .ui-dialog{
  margin:0 !important;
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 18px 18px 0 0 !important;
}

.dk-sheet .ui-dialog-titlebar{
  border-radius: 18px 18px 0 0;
}

.dk-sheet .ui-dialog-content{
  padding: 0 !important;
}

.dk-sheet__inner{
  padding: 14px 16px 20px;
}

.dk-sheet__actions{
  position: sticky;
  bottom: 0;
  background: #fff;
  padding: 12px 16px 16px;
  border-top: 1px solid #efefef;
}





.dk-sheet--top .ui-dialog{
  width: calc(100vw - 18px) !important;
  max-width: 780px;
  margin: 8px auto 0 !important;
}

@media(min-width: 992px){
  .dk-sheet--top .ui-dialog{ max-width: 900px; }
}

.dk-sheet--top .ui-dialog-titlebar{
  border-radius: 18px 18px 0 0;
}

.dk-sheet--top .ui-dialog-content{
  max-height: calc(100vh - 130px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}



.dk-compare__sidebar .divRoundCorners,
.dk-compare__sidebar .divRoundCornersNoneFloat,
.dk-sheet .divRoundCorners,
.dk-sheet .divRoundCornersNoneFloat{
  float: none !important;
  display:block;
  width:100% !important;
  background:#fff !important;
  border-radius: 18px !important;
  border: 1px solid #eee;
  box-shadow: var(--dk-shadow-light);
  padding: 16px !important;
  margin: 0 0 16px 0 !important;
}

.dk-compare__sidebar .boxShadow,
.dk-sheet .boxShadow{
  box-shadow: var(--dk-shadow-light) !important;
}

/* PrimeFaces inputs in new look */

.dk-compare__sidebar .ui-inputfield,
.dk-compare__sidebar .ui-selectonemenu,
.dk-compare__sidebar .ui-selectonemenu-label,
.dk-sheet .ui-inputfield,
.dk-sheet .ui-selectonemenu,
.dk-sheet .ui-selectonemenu-label{
  border-radius: 12px !important;
  border: 1px solid #dcdcdc !important;
  padding: 14px 0px !important;
  font-size: 18px !important;
  box-shadow: none !important;
}

.dk-compare__sidebar .ui-selectonemenu-trigger,
.dk-sheet .ui-selectonemenu-trigger{
  border:0 !important;
  border-left: 1px solid #e6e6e6 !important;
  border-radius: 0 12px 12px 0 !important;
}

.dk-compare__sidebar .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon,
.dk-sheet .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon{
  margin-top: 10px;
}


.dk-compare__sidebar .ui-selectoneradio,
.dk-sheet .ui-selectoneradio{
  display:flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 8px;
}

.dk-compare__sidebar .ui-radiobutton-box,
.dk-sheet .ui-radiobutton-box{
  border-radius: 999px !important;
}

.dk-compare__sidebar .ui-radiobutton + label,
.dk-sheet .ui-radiobutton + label{
  font-size: 16px;
  margin-left: 8px;
}


.dk-compare__sidebar .divRoundCorners[style*="background-color"],
.dk-sheet .divRoundCorners[style*="background-color"]{
  background:#fff !important;
}

@media (min-width: 992px){
  .dk-compare__sidebar{ position: static !important; top: auto !important; }
}


@media (max-width: 991px){
  .dk-compare__sidebar{
    display: none;
  }
}

#top{
    scroll-margin-top: 90px;
}

.dk-modeToggle {
    display:flex;
    align-items:center;
    gap:12px;
    font-size:15px;
}

.dk-switch {
    position:relative;
    display:inline-block;
    width:46px;
    height:26px;
}

.dk-switch input {
    opacity:0;
    width:0;
    height:0;
}

.dk-slider {
    position:absolute;
    cursor:pointer;
    inset:0;
    background:#ccc;
    transition:.3s;
    border-radius:26px;
}

.dk-slider:before {
    content:"";
    position:absolute;
    height:20px;
    width:20px;
    left:3px;
    top:3px;
    background:white;
    transition:.3s;
    border-radius:50%;
}

.dk-switch input:checked + .dk-slider {
    background:#2aa100;
}

.dk-switch input:checked + .dk-slider:before {
    transform:translateX(20px);
}

.dk-hide-mobile {
    display: block;
}

.dk-hide-desktop {
    display: none;
}

@media (max-width: 991px) {
    .dk-hide-mobile {
        display: none;
    }

    .dk-hide-desktop {
        display: block;
    }
}

.dk-compareTabs {
    align-items: center;
}

.dk-compareTabs__spacer {
    flex: 1 1 auto;
}

.dk-compareTabs .dk-compare__mobile-actions {
    max-width: none;
    margin: 0;
    padding: 0;
    /*display: flex;*/
    justify-content: flex-start;
}

.dk-compareTabs .dk-tabs {
    margin: 0;
    padding: 0;
    max-width: none;
}

@media (max-width: 690px) {
    .dk-compareTabs {
        justify-content: flex-start;
    }

    .dk-compareTabs__spacer {
        display: none;
    }

    .dk-compareTabs .dk-compare__mobile-actions {
        order: 2;
    }

    .dk-compareTabs .dk-viewswitch {
        order: 3;
    }

    .dk-compareTabs #modeTabs {
        order: 1;
        width: 100%;
    }
}

.dk-provider-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.dk-provider-head__title {
    min-width: 0;
}

.dk-provider-head__title h1 {
    margin-bottom: 10px;
}

.dk-provider-head__meta {
    white-space: nowrap;
    color: #666;
    font-size: 14px;
    padding-top: 6px;
}

.dk-provider-grid-section {
    margin-top: 24px;
    margin-bottom: 24px;
}


.dk-provider-card__logoWrap {
    min-height: 92px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 18px;
}

.dk-provider-card__logo {
    max-height: 80px;
    max-width: 140px;
    width: auto;
    height: auto;
}

.dk-provider-card__button {
    display: inline-block;
}

@media (max-width: 900px) {
    .dk-provider-head {
        flex-direction: column;
    }

    .dk-provider-head__meta {
        white-space: normal;
        padding-top: 0;
    }
}




.dk-label{ display:block; font-weight:700; margin-bottom: 6px; color:#2b2b2b; }

.dk-compare__sidebar .inputTitel,
.dk-sheet .inputTitel{
  display:block;
  font-size: 22px;
  font-weight: 800;
  color: var(--dk-green);
  margin: 0 0 10px 0;
}

.dk-compare__sidebar .seitenTitel,
.dk-sheet .seitenTitel{
  font-size: 16px;
  font-weight: 800;
  color: var(--dk-green);
}

.dk-compare__sidebar .inputFelderLabel,
.dk-sheet .inputFelderLabel{
  color: var(--dk-green);
  font-weight: 700;
}

.dk-compare__sidebar .simpleTableFilterC,
.dk-sheet .simpleTableFilterC{
  float:none !important;
  width: 100% !important;
  padding: 14px 0 10px;
  margin: 0;
  border-bottom: 1px solid #efefef;
}



.dk-compare__sidebar input.ui-inputfield,
.dk-sheet input.ui-inputfield{
    padding-left: 10px !important;
    width: 100%;
}



.dk-compare__sidebar table.inputFelderZellen,
.dk-sheet table.inputFelderZellen{
  width: 100% !important;
  border-collapse: collapse;
}

.dk-compare__sidebar table.inputFelderZellen > tbody > tr > td,
.dk-sheet table.inputFelderZellen > tbody > tr > td{
  width: 100% !important;
  padding-left: 0 !important;   
  padding-right: 0 !important;
}



.dk-compare__sidebar .ui-autocomplete,
.dk-sheet .ui-autocomplete{
  width: 100% !important;
  display: block;
  margin-bottom: 10px;
}

.dk-compare__sidebar input.ui-autocomplete-input,
.dk-sheet input.ui-autocomplete-input{
  width: 100% !important;
  box-sizing: border-box;
  padding-left: 10px !important;
}

.dk-compare__sidebar .ui-autocomplete,
.dk-sheet .ui-autocomplete{
    width: 100% !important;
}

.dk-compare__sidebar .simpleTableFilterC:last-child,
.dk-sheet .simpleTableFilterC:last-child{
  /*border-bottom: 0;*/
}

.dk-compare__sidebar .simpleTableFilterC h3,
.dk-sheet .simpleTableFilterC h3{
  margin: 0 0 10px 0;
}




.compareSelectOneMenu{
  width: 100% !important; 
}

/* sichtbarer innerer Bereich */

.compareSelectOneMenu .ui-selectonemenu-label{
  border: var(--dk-border) solid rgba(29,29,29,.22) !important;
  border-radius: 18px !important;
  background: #fff !important;
  padding: 14px 54px 14px 18px !important; 
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important; 
  color: var(--dk-text) !important;
}


.compareSelectOneMenu:hover .ui-selectonemenu-label{
  border-color: var(--dk-green) !important;
}

.compareSelectOneMenu.ui-state-focus .ui-selectonemenu-label,
.compareSelectOneMenu.ui-state-active .ui-selectonemenu-label{
  border-color: var(--dk-green) !important;
  box-shadow: var(--dk-ring) !important;
}


.compareSelectOneMenu .ui-selectonemenu-trigger{
  width: 46px !important;
  border: none !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}


.compareSelectOneMenu .ui-selectonemenu-trigger .ui-icon{
  display: none !important;
}


.compareSelectOneMenu .ui-selectonemenu-trigger::after{
  content: "›";
  font-size: 22px;
  line-height: 1;
  color: var(--dk-muted);
  transform: translateY(-1px);
}


.dk-compare-inner{
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
}


@media (max-width: 991px){
.dk-compare__sidebar,
.dk-sheet{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

}


.dk-field-row{
  width: 100%;
  float: none;
  padding-bottom: 10px;
  box-sizing: border-box;
}


.dk-quick-grid{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  box-sizing: border-box;
}

.dk-quick-col{
  flex: 1 1 calc(50% - 6px);
  min-width: 220px;
  float: none;
  box-sizing: border-box;
}

@media (max-width: 640px){
  .dk-quick-col{
    flex-basis: 100%;
    min-width: 0;
  }
}


.dk-exact-section{
  border: 0;
  padding: 0;
  margin: 0 0 12px 0;
}

.dk-exact-section .ui-fieldset-legend{
  font-weight: 700;
  color: #339900;
}

.dk-exact-section .ui-fieldset-content{
  padding: 12px 0 0 0;
}


.dk-field-row{
  width: 100%;
  margin: 8px 0;
}

.dk-inline-label{
    display:flex;
    align-items:baseline;
    gap:4px;
}

@media (max-width: 991px){
  .dk-compare__sidebar{
    display: none !important;
  }
}

.compareContextBox {
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 12px;
    background: #fafafa;
}

.compareContextLabel {
    font-size: 12px;
    color: #666;
    margin-bottom: 4px;
}

.compareContextValue {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
}

.compareContextHint {
    font-size: 13px;
    color: #555;
    margin-bottom: 8px;
}

.compareContextLink {
    font-size: 13px;
    font-weight: 600;
    color: #339900;
    text-decoration: underline;
}

.dk-inlineSuffixRow{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:nowrap;
}

.dk-inlineSuffixRow > .ui-inputfield,
.dk-inlineSuffixRow > input.ui-inputfield,
.dk-inlineSuffixRow .ui-inputfield{
    width:270px !important;
    display:inline-block !important;
    flex:0 0 270px;
}

.dk-inlineSuffixRow > span,
.dk-inlineSuffixRow .ui-outputlabel,
.dk-inlineSuffixRow .ui-outputtext{
    display:inline-block !important;
    margin:0 !important;
    white-space:nowrap;
    flex:0 1 auto;
}


.dk-tab{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 2px solid #e9e9e9;
  background:#fff;
  color: var(--dk-text);
  font-weight: 700;
}

.dk-tab.is-active{
  border-color: var(--dk-green);
  background: var(--dk-green-100);
}

.dk-tab small{
  font-weight:600;
  color: var(--dk-muted);
}


.dk-form{ padding: 6px 2px 2px; }

.dk-form__title{ font-size: 22px; font-weight: 800; margin: 0 0 6px; }

.dk-form__hint{ margin: 0 0 14px; color:#666; line-height:1.35; }

.dk-fieldset{
  border: 1px solid #e7efe7;
  border-radius: 18px;
  padding: 14px 14px 12px;
  margin: 0 0 14px;
  background: #fff;
  box-shadow: var(--dk-shadow-sm);
}

.dk-fieldset__legend{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 10px;
}

.dk-field{ margin-top: 12px; }

.dk-inline{ display:flex; align-items:center; gap:10px; margin-top: 10px; }

.dk-inline__suffix{ color:#666; font-weight:700; }

.dk-grid2{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

@media(min-width: 992px){
  .dk-grid2{ grid-template-columns: 1fr 1fr; }
}

.dk-checklist{ display:flex; flex-direction:column; gap:10px; margin-top: 12px; }

.dk-linkrow{ margin-top: 10px; }

.dk-link{ color: var(--dk-green, #339900); text-decoration: underline; font-weight: 600; }

.dk-form__cta{ margin-top: 10px; }

/* PrimeFaces input look */

.dk-input .ui-inputfield,
.dk-input.ui-inputfield,
.dk-select .ui-selectonemenu-label,
.dk-select .ui-selectonemenu-trigger{
  border-radius: 14px !important;
}

.dk-input.ui-inputfield{
  border: 1px solid #d8dfd8 !important;
  padding: 12px 12px !important;
  font-size: 16px !important;
  width: 100%;
}

.dk-input--sm.ui-inputfield{ width: 110px; }

.dk-select.ui-selectonemenu{
  width: 100% !important;
}

.dk-select .ui-selectonemenu-label{
  border: 1px solid #d8dfd8 !important;
  padding: 12px 46px 12px 12px !important;
  font-size: 16px !important;
  border-radius: 14px !important;
}

.dk-select .ui-selectonemenu-trigger{
  border: 1px solid #d8dfd8 !important;
  border-left: 0 !important;
  border-radius: 0 14px 14px 0 !important;
}

.dk-select .ui-selectonemenu-trigger .ui-icon{
  margin-top: 10px !important;
}

/* Radio as clean list */

.dk-radio .ui-radiobutton{ margin-right: 10px; }

.dk-radio label{ font-size: 16px; }


.dk-calcProto {
    max-width: 1100px;
    margin: 18px auto 40px;
    padding: 0 16px;
}

.dk-calcEmbed,
.dk-calcProto,
.dk-calcProto__shell,
.dk-calcProto__panel {
    width: 100%;
    max-width: none;
}

.dk-calcEmbed {
    display: block;
}

.dk-calcProto__shell {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 8px 24px rgba(29, 29, 29, .04);
}

.dk-calcProto__segments {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

#compareDesktopForm .dk-calcProto__segments, #compareMobileForm .dk-calcProto__segments {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.dk-calcProto__intro h2 {
    margin: 0 0 8px;
    font-size: 28px;
    line-height: 1.12;
    font-weight: 850;
    color: #1D1D1D;
}

.dk-calcProto__intro p {
    margin: 0 0 18px;
    color: #878787;
    line-height: 1.65;
}

.dk-calcProto__sectionTitle {
    margin: 22px 0 14px;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 800;
    color: #1D1D1D;
}

.dk-calcProto__quickStack {
    display: grid;
    gap: 22px;
}

.dk-calcProto__quickGroup {
    display: grid;
    gap: 10px;
    border: 1px solid #e7e7e7;
    border-radius: 18px;
    padding: 16px;
}

.dk-calcProto__quickHead {
    margin-bottom: 10px;
}

#compareDesktopForm .dk-calcProto__quickHead {
    margin-bottom: 10px;
}

.dk-calcProto__quickHead h3 {
    margin: 0 0 4px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 800;
    color: #339900;
}

.dk-calcProto__quickHead p {
    margin: 0;
    color: #666;
    line-height: 1.4;
}

.dk-calcProto__fieldRow {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 14px;
    align-items: start;
}

.dk-calcProto__numberWrap {
    width: 100%;
}

.dk-calcProto__number {
    width: 100%;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 14px !important;
    line-height: 52px !important;
    text-align: center;
    border-radius: 12px !important;
    box-sizing: border-box;
}

#compareDesktopForm .dk-calcProto__number,
#compareMobileForm .dk-calcProto__number{
    width: 100%;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 14px !important;
    line-height: 52px !important;
    text-align: left;
    border-radius: 12px !important;
    box-sizing: border-box;
}

.dk-calcProto__chips {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(78px, 1fr));
    gap: 10px;
}

.dk-calcProto__chipWrap {
    width: 100%;
}

.dk-calcProto__metaGrid,
.dk-calcProto__advancedGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 48px;
}

.dk-calcProto__advancedCardWrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 20px;
}

.dk-calcProto__advancedCard {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border: 1px solid #e7e7e7;
    border-radius: 18px;
    padding: 16px;
    margin-top: 20px;
}

.dk-calcProto__advancedCard--full {
    grid-column: 1 / -1;
}

.dk-calcProto__metaItem {
    display: flex;
    flex-direction: column;
    gap: 4px;
    border: 1px solid #e7e7e7;
    border-radius: 18px;
    padding: 14px 16px 10px;
}

.dk-calcProto__metaLabel {
    margin: 0;
    line-height: 1.2;
    font-size: 20px;
    font-weight: 700;
    color: #339900;
}

.dk-calcProto__linkRow {
    margin-top: 14px;
    margin-bottom: 8px;
}

.dk-calcProto__linkRow a,
.dk-calcProto__moreLink,
.dk-calcProto__contextLinks a,
.dk-calcProto__hintToggle summary {
    color: #339900 !important;
    text-decoration: underline !important;
}

.dk-calcProto__stack {
    display: grid;
    gap: 12px;
}

.dk-calcProto__checkList {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px 8px;
    align-items: center;
}

.dk-calcProto__advancedCard h3 {
    margin: 0 0 4px;
    font-size: 18px;
    color: #339900;
}

.dk-calcProto__metaHint {
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.5;
    color: #878787;
}

.dk-calcProto__hintToggle {
    margin-top: 6px;
}

.dk-calcProto__hintToggle summary {
    cursor: pointer;
    list-style: none;
    font-size: 14px;
    font-weight: 600;
}

.dk-calcProto__hintToggle summary::-webkit-details-marker {
    display: none;
}

.dk-calcProto__percentGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 14px;
}

.dk-calcProto__fieldBlock {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px;
}

.dk-calcProto__fieldBlockNoPadding,
.calcProto__fieldBlockNoPadding {
    display: flex;
    flex-direction: column;
}

.dk-calcProto__smallInput {
    width: 100%;
}

.dk-calcProto__sumLine {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.dk-calcProto__sumLabel {
    font-weight: 700;
    color: #1D1D1D;
}

.dk-calcProto__sumValue {
    font-size: 18px;
    font-weight: 800;
}

.dk-calcProto__sumValue.is-ok {
    color: #339900;
}

.dk-calcProto__sumValue.is-error {
    color: #c62828;
}

.dk-calcProto__sumError {
    display: block;
    margin-top: 8px;
    color: #c62828;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
}

.dk-calcProto__chipChecks {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.dk-calcProto__chipCheck {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.dk-calcProto__chipCheckInput {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.dk-calcProto__chipCheckInput:checked + .dk-calcProto__chipCheckLabel {
    background: #339900;
    border-color: #339900;
    color: #fff;
}

.dk-calcProto__chipCheck:hover .dk-calcProto__chipCheckLabel {
    border-color: #339900;
}

.dk-calcProto__chipCheckLabel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    border: 1px solid rgba(29, 29, 29, .22);
    border-radius: 10px;
    background: #fff;
    color: #666;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    transition: all .15s ease;
    white-space: nowrap;
}

.dk-calcProto__bottomStack {
    display: grid;
    gap: 18px;
    margin-top: 24px;
}


#compareDesktopForm .dk-calcProto__bottomStack .dk-calcProto__advancedCard > * {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.dk-calcProto__toggleList {
    display: grid;
    gap: 18px;
}

.dk-calcProto__toggleRow {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 16px;
    align-items: center;
    cursor: pointer;
}

.dk-calcProto__toggleText {
    line-height: 1.55;
    color: #1D1D1D;
}

.dk-calcProto__switch {
    position: relative;
    display: inline-block;
    width: 66px;
    height: 36px;
}

.dk-calcProto__switchInput {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.dk-calcProto__switchSlider {
    position: absolute;
    inset: 0;
    background: #339900;
    border-radius: 999px;
    transition: .2s ease;
}

.dk-calcProto__switchSlider::before {
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    left: 5px;
    top: 5px;
    background: #fff;
    border-radius: 50%;
    transition: .2s ease;
}

.dk-calcProto__switchInput:not(:checked) + .dk-calcProto__switchSlider {
    background: #d7d7d7;
}

.dk-calcProto__switchInput:checked + .dk-calcProto__switchSlider::before {
    transform: translateX(30px);
}

.dk-calcProto__ctaWrap {
    text-align: center;
    padding-top: 8px;
}


.dk-calcProto__contextLinks {
    margin-top: 12px;
    display: grid;
    gap: 6px;
    justify-content: center;
}

.dk-calcProto__contextLinks a {
    font-size: 14px;
    line-height: 1.5;
}

.dk-calcProto__chips--install {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 400px;
}



.dk-calcProto__roamingTopRow {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.dk-calcProto__roamingBasics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 18px;
}

.dk-calcProto__roamingCalls {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 22px;
}

.dk-calcProto__roamingCallGroup {
    display: flex;
    flex-direction: column;
    border: 1px solid #e7e7e7;
    border-radius: 18px;
}

.dk-calcProto__roamingCallGroup h4,
.dk-calcProto__foreignTitle h4 {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 800;
    color: #1D1D1D;
    padding-left: 16px;
}

.dk-calcProto__foreignTitle {
    margin-top: 22px;
}

.dk-calcProto__roamingForeignGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 14px;
}

.dk-calcProto__roamingForeignCard {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border: 1px solid #e7e7e7;
    border-radius: 18px;
}

.dk-calcProto__roamingCallGroup h4 {
    color: #339900;
}

.infoTooltipPicture {
    height: 20px;
    position: relative;
    top: 4px;
}


.overlay--roaming {
    max-width: 320px;
    border-radius: 14px;
    border: 1px solid #d9e7d1;
    box-shadow: 0 10px 30px rgba(0,0,0,.10);
        
}

.overlay--roaming .ui-overlaypanel-content {
    padding: 14px 16px;
    font-size: 16px;
    line-height: 1.55;
    color: #1d1d1d;
}

.overlay--roaming .ui-overlaypanel-close {
    color: #339900;
}

.margintop {
    margin-top: 20px;
}



.dk-calcProto .ui-inputfield,
.dk-calcProto .ui-inputtext,
.dk-calcProto .ui-selectonemenu,
.dk-calcProto .ui-selectonemenu-label,
.dk-calcProto .dk-control,
.dk-calcProto__numberWrap--full,
.dk-calcProto__numberWrap--full .ui-inputfield,
.dk-calcProto__numberWrap--full .dk-calcProto__number {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
}

.dk-calcProto__metaItem .ui-selectonemenu {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 14px !important;
}

.dk-calcProto__metaItem .ui-selectonemenu-label {
    padding: 12px 44px 12px 14px !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

.dk-calcProto__fieldBlock--quick,
.dk-calcProto__fieldBlockNoPadding,
.calcProto__fieldBlockNoPadding {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

@media (max-width: 900px) {
    .dk-calcProto__fieldRow,
    .dk-calcProto__metaGrid,
    .dk-calcProto__advancedGrid,
    .dk-calcProto__roamingTopRow,
    .dk-calcProto__roamingBasics,
    .dk-calcProto__roamingCalls,
    .dk-calcProto__roamingForeignGrid {
        grid-template-columns: 1fr;
    }

    .dk-calcProto__percentGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .dk-calcProto__toggleRow {
        grid-template-columns: 1fr;
    }

    .dk-calcProto__submitBtn {
        min-width: 0;
    }
}

@media (max-width: 640px) {
    .dk-calcProto__percentGrid {
        grid-template-columns: 1fr;
    }
}

.dk-sheet.ui-dialog {
    width: min(92vw, 780px) !important;
    max-width: 92vw !important;
    margin: 0 auto !important;
}

.dk-sheet .ui-dialog-content {
    padding: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.dk-sheet__inner {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}







#calcForm .dk-calcProto__metaLabel,
#compareDesktopForm .dk-calcProto__metaLabel,
#compareMobileForm .dk-calcProto__metaLabel {
    color: #339900;
}

#calcForm .dk-calcProto__quickHead h3,
#compareDesktopForm .dk-calcProto__quickHead h3,
#compareMobileForm .dk-calcProto__quickHead h3 {
    color: #339900;
}

#calcForm .dk-calcProto__contextLinks a,
#compareDesktopForm .dk-calcProto__contextLinks a,
#compareMobileForm .dk-calcProto__contextLinks a,
#calcForm .dk-calcProto__moreLink,
#compareDesktopForm .dk-calcProto__moreLink,
#compareMobileForm .dk-calcProto__moreLink {
    color: #339900 !important;
    text-decoration: underline !important;
}



#compareDesktopForm .dk-calcProto__quickStack,
#compareMobileForm .dk-calcProto__quickStack {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

#compareDesktopForm .dk-calcProto__quickGroup,
#compareMobileForm .dk-calcProto__quickGroup {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

#compareDesktopForm .dk-calcProto__fieldRow,
#compareMobileForm .dk-calcProto__fieldRow,
#compareDesktopForm .dk-calcProto__fieldBlock--quick,
#compareMobileForm .dk-calcProto__fieldBlock--quick {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

#compareDesktopForm .dk-calcProto__metaGrid,
#compareDesktopForm .dk-calcProto__advancedGrid,
#compareMobileForm .dk-calcProto__metaGrid,
#compareMobileForm .dk-calcProto__advancedGrid {
    display: block;
}

#compareDesktopForm .dk-calcProto__metaItem,
#compareMobileForm .dk-calcProto__metaItem {
    margin-bottom: 30px;
    border: none;
    padding: 0;
}

#compareDesktopForm .dk-calcProto__percentGrid,
#compareMobileForm .dk-calcProto__percentGrid,
#compareDesktopForm .dk-calcProto__roamingTopRow,
#compareDesktopForm .dk-calcProto__roamingBasics,
#compareDesktopForm .dk-calcProto__roamingCalls,
#compareDesktopForm .dk-calcProto__roamingForeignGrid,
#compareMobileForm .dk-calcProto__roamingTopRow,
#compareMobileForm .dk-calcProto__roamingBasics,
#compareMobileForm .dk-calcProto__roamingCalls,
#compareMobileForm .dk-calcProto__roamingForeignGrid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
}

#compareDesktopForm .dk-calcProto__advancedCard,
#compareDesktopForm .dk-calcProto__roamingCallGroup,
#compareDesktopForm .dk-calcProto__roamingForeignCard,
#compareMobileForm .dk-calcProto__advancedCard,
#compareMobileForm .dk-calcProto__roamingCallGroup,
#compareMobileForm .dk-calcProto__roamingForeignCard {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    width: 100%;
}


#compareDesktopForm .dk-calcProto__chipChecks,
#compareMobileForm .dk-calcProto__chipChecks {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

#compareDesktopForm .dk-calcProto__chips--install,
#compareMobileForm .dk-calcProto__chips--install {
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.dk-filterPanel{
    padding: 18px;
    border: 1px solid #e7e7e7;
    border-radius: 18px;
    background: #e7e7e7;
    margin-bottom: 14px;
    box-shadow: var(--dk-shadow-light);
}

.dk-filterPanel__header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
}

.dk-filterPanel__grid{
    display:grid;
    grid-template-columns: 1fr;
    gap:14px;
}

@media (min-width: 900px){
    .dk-filterPanel__grid{
        grid-template-columns: 1fr 1fr;
    }
}

.dk-filterPanel__section--wide{
    grid-column: 1 / -1;
}

.dk-filterPanel__chips{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap:10px;
}

.dk-filterPanel__actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:18px;
}

.dk-filterPanel__actions .ui-button{
    min-width: 180px;
}

.dk-filterPanel__closeBtn.ui-button{
    background: transparent !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

.dk-filterPanel__closeBtn.ui-button .ui-button-text{
    color: #4b4b4b !important;
}

.dk-filterChecklist {
    display: grid;
    gap: 14px;
    margin-top: 10px;
}