/* Region design 07. All styles belong to this section only. */
#hizmet-bolgeleri.nk-regions-section {
  --nk-regions-ink: #073f45;
  --nk-regions-muted: #4e696b;
  margin: 0;
  padding: 34px 0 48px;
  border-top: 6px solid #c5e6da;
  background: #e4f3ee;
  color: var(--nk-regions-ink);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  scroll-margin-top: 130px;
}
#hizmet-bolgeleri *, #hizmet-bolgeleri *::before, #hizmet-bolgeleri *::after { box-sizing: border-box; }
#hizmet-bolgeleri .nk-regions-wrap { width: min(100% - 64px, 1400px); margin-inline: auto; }
#hizmet-bolgeleri .nk-regions-head { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: center; gap: 42px; }
#hizmet-bolgeleri .nk-regions-copy { min-width: 0; }
#hizmet-bolgeleri .nk-regions-eyebrow { margin: 0 0 15px; color: #0b6564; font-size: 12px; font-weight: 700; line-height: 1.5; letter-spacing: .18em; text-transform: uppercase; }
#hizmet-bolgeleri .nk-regions-heading { margin: 0 0 19px; color: var(--nk-regions-ink); font-family: inherit; font-size: clamp(36px, 4.1vw, 60px); font-weight: 800; line-height: 1.1; letter-spacing: -.045em; }
#hizmet-bolgeleri .nk-regions-heading span { display: block; }
#hizmet-bolgeleri .nk-regions-description { max-width: 670px; margin: 0; color: var(--nk-regions-muted); font-size: clamp(17px, 1.55vw, 22px); line-height: 1.6; }
#hizmet-bolgeleri .nk-regions-photo { display: block; width: 100%; height: auto; aspect-ratio: 30 / 13; object-fit: cover; border-radius: 10px; background: #cee6dd; }
#hizmet-bolgeleri .nk-regions-steps { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 28px 0 16px; padding: 0; list-style: none; }
#hizmet-bolgeleri .nk-regions-steps::before { position: absolute; top: 29px; left: 16.666%; right: 16.666%; content: ""; border-top: 1.5px solid #075a5b; }
#hizmet-bolgeleri .nk-regions-step { position: relative; display: flex; flex-direction: column; align-items: center; min-width: 0; gap: 7px; color: var(--nk-regions-muted); text-align: center; font-size: 17px; font-weight: 700; line-height: 1.35; }
#hizmet-bolgeleri .nk-regions-step-icon { display: grid; place-items: center; width: 58px; height: 58px; flex: 0 0 58px; border: 2px solid #fff; border-radius: 50%; background: #f6faf8; color: var(--nk-regions-ink); }
#hizmet-bolgeleri .nk-regions-step-icon svg { width: 29px; height: 29px; }
#hizmet-bolgeleri .nk-regions-step:first-child { color: var(--nk-regions-ink); }
#hizmet-bolgeleri .nk-regions-step:first-child .nk-regions-step-icon { border-color: #94d6c1; background: #c6eade; }
#hizmet-bolgeleri .nk-regions-fieldset { min-width: 0; margin: 0; padding: 12px; border: 1px solid #d4e8df; border-radius: 10px; background: #fff; scroll-margin-top: 130px; }
#hizmet-bolgeleri .nk-regions-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
#hizmet-bolgeleri .nk-regions-choice { position: relative; display: block; min-width: 0; margin: 0; cursor: pointer; }
#hizmet-bolgeleri .nk-regions-sr,
#hizmet-bolgeleri .nk-regions-choice input { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
#hizmet-bolgeleri .nk-regions-choice-surface { display: flex; align-items: center; justify-content: center; gap: 8px; min-width: 0; min-height: 47px; padding: 10px 12px; border: 1px solid #a9c5c5; border-radius: 5px; background: #fff; color: var(--nk-regions-ink); font-size: 16px; font-weight: 500; line-height: 1.35; text-align: center; transition: background .16s ease, border-color .16s ease; }
#hizmet-bolgeleri .nk-regions-choice-text { min-width: 0; overflow-wrap: break-word; }
#hizmet-bolgeleri .nk-regions-check { width: 18px; height: 18px; flex: 0 0 18px; color: var(--nk-regions-ink); opacity: 0; }
#hizmet-bolgeleri .nk-regions-choice:hover .nk-regions-choice-surface { border-color: #6ca995; background: #f1f9f5; }
#hizmet-bolgeleri .nk-regions-choice input:checked + .nk-regions-choice-surface { border-color: #6ba58f; background: #bae3d5; font-weight: 700; }
#hizmet-bolgeleri .nk-regions-choice input:checked + .nk-regions-choice-surface .nk-regions-check { opacity: 1; }
#hizmet-bolgeleri .nk-regions-choice input:focus-visible + .nk-regions-choice-surface { outline: 3px solid #075e59; outline-offset: 3px; }
#hizmet-bolgeleri .nk-regions-summary { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 28px; margin-top: 12px; padding: 18px 20px 18px 30px; border: 1px solid #d4e8df; border-radius: 10px; background: #fff; }
#hizmet-bolgeleri .nk-regions-selection { display: flex; align-items: center; justify-content: center; gap: 18px; min-width: 0; }
#hizmet-bolgeleri .nk-regions-selection-icon { display: grid; place-items: center; width: 62px; height: 62px; flex: 0 0 62px; border-radius: 50%; background: #def2ea; color: var(--nk-regions-ink); }
#hizmet-bolgeleri .nk-regions-selection-icon svg { width: 31px; height: 31px; }
#hizmet-bolgeleri .nk-regions-selection-copy { min-width: 0; }
#hizmet-bolgeleri .nk-regions-selection-label { display: block; margin-bottom: 5px; color: #487d70; font-size: 11px; font-weight: 700; line-height: 1.4; letter-spacing: .18em; text-transform: uppercase; }
#hizmet-bolgeleri .nk-regions-picked { display: block; color: var(--nk-regions-ink); font-size: clamp(24px, 2.3vw, 34px); font-weight: 800; line-height: 1.16; letter-spacing: -.035em; overflow-wrap: break-word; }
#hizmet-bolgeleri .nk-regions-action-cell { min-width: 0; padding-left: 28px; border-left: 1px solid #cedfd8; }
#hizmet-bolgeleri .nk-regions-plan { display: flex; align-items: center; justify-content: center; gap: 18px; width: 100%; min-height: 66px; padding: 14px 20px; border-radius: 6px; background: #074e53; color: #fff; font-size: clamp(19px, 1.75vw, 25px); font-weight: 700; line-height: 1.35; letter-spacing: -.02em; text-decoration: none; transition: background .16s ease; }
#hizmet-bolgeleri .nk-regions-plan svg { width: 25px; height: 25px; flex: 0 0 25px; }
#hizmet-bolgeleri .nk-regions-plan:hover { background: #073f45; color: #fff; }
#hizmet-bolgeleri .nk-regions-plan:focus-visible { outline: 3px solid #075e59; outline-offset: 4px; }
#hizmet-bolgeleri .nk-regions-status { min-height: 21px; margin: 9px 2px 0; color: var(--nk-regions-muted); font-size: 13px; line-height: 1.6; }
#hizmet-bolgeleri .nk-regions-fallback { margin: 12px 0 0; color: var(--nk-regions-muted); font-size: 14px; line-height: 1.6; }
@media (max-width: 1199px) {
  #hizmet-bolgeleri .nk-regions-head { gap: 30px; }
  #hizmet-bolgeleri .nk-regions-choice-surface { gap: 6px; padding-inline: 9px; font-size: 14px; }
  #hizmet-bolgeleri .nk-regions-check { width: 16px; height: 16px; flex-basis: 16px; }
}
@media (max-width: 991px) {
  #hizmet-bolgeleri.nk-regions-section { padding-top: 30px; padding-bottom: 36px; }
  #hizmet-bolgeleri .nk-regions-head { grid-template-columns: minmax(0, 1fr); gap: 25px; }
  #hizmet-bolgeleri .nk-regions-heading { font-size: clamp(38px, 5.8vw, 55px); }
  #hizmet-bolgeleri .nk-regions-description { max-width: 750px; font-size: 19px; }
  #hizmet-bolgeleri .nk-regions-photo { max-height: 320px; }
  #hizmet-bolgeleri .nk-regions-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  #hizmet-bolgeleri .nk-regions-choice-surface { font-size: 16px; }
  #hizmet-bolgeleri .nk-regions-summary { gap: 18px; padding: 16px; }
  #hizmet-bolgeleri .nk-regions-selection { gap: 13px; }
  #hizmet-bolgeleri .nk-regions-selection-icon { width: 52px; height: 52px; flex-basis: 52px; }
  #hizmet-bolgeleri .nk-regions-picked { font-size: 26px; }
  #hizmet-bolgeleri .nk-regions-action-cell { padding-left: 18px; }
  #hizmet-bolgeleri .nk-regions-plan { gap: 12px; padding-inline: 14px; font-size: 19px; }
}
@media (max-width: 599px) {
  #hizmet-bolgeleri.nk-regions-section { padding: 27px 0 26px; }
  #hizmet-bolgeleri .nk-regions-wrap { width: min(100% - 36px, 1400px); }
  #hizmet-bolgeleri .nk-regions-eyebrow { margin-bottom: 12px; font-size: 11px; }
  #hizmet-bolgeleri .nk-regions-heading { margin-bottom: 17px; font-size: clamp(30px, 7.6vw, 44px); line-height: 1.13; }
  #hizmet-bolgeleri .nk-regions-description { font-size: 17px; }
  #hizmet-bolgeleri .nk-regions-head { gap: 22px; }
  #hizmet-bolgeleri .nk-regions-steps { gap: 6px; margin: 24px 0 15px; }
  #hizmet-bolgeleri .nk-regions-steps::before { top: 22px; }
  #hizmet-bolgeleri .nk-regions-step { gap: 7px; font-size: 12px; line-height: 1.4; }
  #hizmet-bolgeleri .nk-regions-step-icon { width: 44px; height: 44px; flex-basis: 44px; }
  #hizmet-bolgeleri .nk-regions-step-icon svg { width: 23px; height: 23px; }
  #hizmet-bolgeleri .nk-regions-fieldset { padding: 9px; border-radius: 8px; }
  #hizmet-bolgeleri .nk-regions-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  #hizmet-bolgeleri .nk-regions-choice-surface { gap: 5px; min-height: 49px; padding: 10px 8px; font-size: clamp(12px, 3.4vw, 15px); }
  #hizmet-bolgeleri .nk-regions-check { width: 15px; height: 15px; flex-basis: 15px; }
  #hizmet-bolgeleri .nk-regions-summary { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 11px; padding: 16px; border-radius: 8px; }
  #hizmet-bolgeleri .nk-regions-selection { justify-content: flex-start; gap: 13px; }
  #hizmet-bolgeleri .nk-regions-picked { font-size: 25px; }
  #hizmet-bolgeleri .nk-regions-selection-label { font-size: 10px; }
  #hizmet-bolgeleri .nk-regions-action-cell { padding: 15px 0 0; border-left: 0; border-top: 1px solid #dbe9e2; }
  #hizmet-bolgeleri .nk-regions-plan { min-height: 59px; font-size: 18px; }
  #hizmet-bolgeleri .nk-regions-plan svg { width: 22px; height: 22px; flex-basis: 22px; }
  #hizmet-bolgeleri .nk-regions-status { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  #hizmet-bolgeleri .nk-regions-choice-surface,
  #hizmet-bolgeleri .nk-regions-plan { transition: none; }
}