/* İletişim 05: saha fotoğrafı, kısa talep formu ve üst listeyle sarı hatlı geçiş. */
#karot-alanlar-08.ki05-source { padding-bottom: clamp(16px,1.5vw,28px); }
#iletisim.ki05-contact { position: relative; z-index: 1; width: 100%; margin: 0; padding: 0; background: #faf9f6 !important; scroll-margin-top: 100px; }
#karot-iletisim-05 {
  --ki05-amber: #ffb100; --ki05-ink: #0b0d10;
  position: relative; isolation: isolate; width: 100%; max-width: 1920px; margin: 0 auto;
  color: var(--ki05-ink); font-family: "K09Sans", Rubik, Arial, sans-serif; -webkit-font-smoothing: antialiased;
}
#karot-iletisim-05 *, #karot-iletisim-05 *::before, #karot-iletisim-05 *::after { box-sizing: border-box; }
#karot-iletisim-05 .ki05-junction { position: absolute; z-index: 3; top: -1px; right: 0; left: 0; height: clamp(40px,4vw,76px); pointer-events: none; }
#karot-iletisim-05 .ki05-junction svg { display: block; width: 100%; height: 100%; overflow: visible; }
#karot-iletisim-05 .ki05-layout { display: grid; grid-template-columns: minmax(0,.975fr) minmax(0,1.025fr); align-items: stretch; width: 100%; }
#karot-iletisim-05 .ki05-visual { position: relative; isolation: isolate; min-width: 0; min-height: 720px; overflow: hidden; background: #292b28; }
#karot-iletisim-05 .ki05-picture, #karot-iletisim-05 .ki05-photo-shade { position: absolute; inset: 0; display: block; }
#karot-iletisim-05 .ki05-picture img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: 52% 42%; }
#karot-iletisim-05 .ki05-photo-shade { z-index: 1; pointer-events: none; background: linear-gradient(180deg,rgba(5,8,10,0) 29%,rgba(5,8,10,.18) 50%,rgba(5,8,10,.86) 76%,#090c0e 100%); }
#karot-iletisim-05 .ki05-photo-copy { position: absolute; z-index: 2; right: 24px; bottom: clamp(34px,2.8vw,54px); left: clamp(28px,4vw,76px); }
#karot-iletisim-05 .ki05-eyebrow { margin: 0 0 8px; color: #626a71; font-size: clamp(12px,1.1vw,19px); font-weight: 600; line-height: 1.4; letter-spacing: .01em; }
#karot-iletisim-05 .ki05-photo-eyebrow { margin-bottom: 0; color: var(--ki05-amber); }
#karot-iletisim-05 .ki05-accent { display: block; width: 43px; height: 4px; background: var(--ki05-amber); }
#karot-iletisim-05 .ki05-photo-copy .ki05-accent { width: 37px; height: 3px; margin: 8px 0 10px; }
#karot-iletisim-05 .ki05-photo-title { margin: 0 0 23px; color: #fff !important; font-family: "K09Display", Oswald, Impact, "Arial Narrow", sans-serif; font-size: clamp(35px,3.3vw,63px); font-weight: 600 !important; line-height: 1.13; letter-spacing: -.015em; text-transform: none !important; overflow-wrap: break-word; }
#karot-iletisim-05 .ki05-phone { display: inline-flex; align-items: center; gap: 17px; max-width: 100%; min-height: 48px; color: #fff !important; font-family: "K09Display", Oswald, Impact, "Arial Narrow", sans-serif; font-size: clamp(31px,2.7vw,50px); font-weight: 600; line-height: 1.2; text-decoration: none !important; }
#karot-iletisim-05 .ki05-phone span { white-space: nowrap; }
#karot-iletisim-05 .ki05-phone svg { flex: 0 0 auto; width: 33px; height: 33px; color: var(--ki05-amber); fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
#karot-iletisim-05 .ki05-phone:hover { color: #ffd474 !important; }
#karot-iletisim-05 .ki05-workspace { min-width: 0; padding: clamp(80px,5.3vw,102px) clamp(28px,3.5vw,68px) clamp(36px,2.7vw,52px); background: #faf9f6; }
#karot-iletisim-05 .ki05-heading { margin: 0 0 30px; padding-left: 17px; border-left: 3px solid var(--ki05-amber); }
#karot-iletisim-05 .ki05-title { margin: 0; color: var(--ki05-ink) !important; font-family: "K09Display", Oswald, Impact, "Arial Narrow", sans-serif; font-size: clamp(36px,3.2vw,60px); font-weight: 600 !important; line-height: 1.16; letter-spacing: -.025em; text-transform: none !important; overflow-wrap: break-word; }
#karot-iletisim-05 .ki05-heading .ki05-accent { margin-top: 13px; }
#karot-iletisim-05 .ki05-form { width: 100%; margin: 0; padding: 0; }
#karot-iletisim-05 .ki05-fields { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 23px 26px; min-width: 0; }
#karot-iletisim-05 .ki05-field { min-width: 0; margin: 0; }
#karot-iletisim-05 .ki05-field-wide { grid-column: 1 / -1; }
#karot-iletisim-05 .ki05-label { display: block; margin: 0 0 8px; color: #20262b; font-size: clamp(14px,1.1vw,18px); font-weight: 500; line-height: 1.5; }
#karot-iletisim-05 .ki05-control { display: block; width: 100%; max-width: 100%; min-width: 0; min-height: 52px; margin: 0; padding: 13px 17px; border: 1px solid #cfd1cc; border-radius: 10px; background: #faf9f6; color: #20262b; font: 400 16px/1.5 "K09Sans", Rubik, Arial, sans-serif; box-shadow: none; }
#karot-iletisim-05 .ki05-control::placeholder { color: #747e87; opacity: 1; }
#karot-iletisim-05 .ki05-control:focus { border-color: #a36a00; outline: 2px solid #b47c10; outline-offset: 2px; background: #fff; }
#karot-iletisim-05 .ki05-select { padding-right: 12px; }
#karot-iletisim-05 .ki05-notes { min-height: 118px; resize: vertical; }
#karot-iletisim-05 .ki05-submit { display: flex; align-items: center; justify-content: center; gap: 15px; width: 100%; max-width: 100%; min-height: 60px; margin: 24px 0 0; padding: 15px 23px; border: 1px solid #008548; border-radius: 6px; background: #008548; color: #fff !important; font: 500 clamp(16px,1.3vw,22px)/1.4 "K09Sans", Rubik, Arial, sans-serif; text-align: center; cursor: pointer; }
#karot-iletisim-05 .ki05-submit:hover { border-color: #006c3a; background: #006c3a; }
#karot-iletisim-05 .ki05-submit svg { display: block; flex: 0 0 auto; width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
#karot-iletisim-05 .ki05-submit .ki05-arrow { width: 27px; height: 27px; margin-left: 5px; }
#karot-iletisim-05 .ki05-help, #karot-iletisim-05 .ki05-status { margin: 15px 0 0; color: #4b555d; font-size: clamp(12px,.95vw,16px); font-weight: 400; line-height: 1.65; }
#karot-iletisim-05 .ki05-status { padding: 12px 14px; border-left: 3px solid #a36a00; background: #f3eee2; color: #263238; }
#karot-iletisim-05 .ki05-status[hidden] { display: none !important; }
#karot-iletisim-05 .ki05-help a, #karot-iletisim-05 .ki05-status a { color: #006c3a; text-decoration: underline; text-underline-offset: 3px; }
#karot-iletisim-05 .ki05-phone:focus-visible, #karot-iletisim-05 .ki05-submit:focus-visible, #karot-iletisim-05 .ki05-help a:focus-visible, #karot-iletisim-05 .ki05-status a:focus-visible { outline: 3px solid #b47c10; outline-offset: 5px; }
@media (max-width: 1199px) {
  #karot-iletisim-05 .ki05-workspace { padding-right: 28px; padding-left: 28px; }
  #karot-iletisim-05 .ki05-fields { gap: 20px 17px; }
  #karot-iletisim-05 .ki05-photo-copy { left: 32px; }
  #karot-iletisim-05 .ki05-photo-title { font-size: 39px; }
  #karot-iletisim-05 .ki05-phone { gap: 12px; font-size: 34px; }
  #karot-iletisim-05 .ki05-phone svg { width: 29px; height: 29px; }
}
@media (max-width: 991px) {
  #karot-alanlar-08.ki05-source { padding-bottom: 22px; }
  #karot-iletisim-05 .ki05-layout { grid-template-columns: minmax(0,1fr); }
  #karot-iletisim-05 .ki05-junction { height: 48px; }
  #karot-iletisim-05 .ki05-visual { min-height: clamp(420px,64vw,550px); }
  #karot-iletisim-05 .ki05-picture img { object-position: 50% 48%; }
  #karot-iletisim-05 .ki05-photo-copy { right: 28px; bottom: 30px; left: 28px; }
  #karot-iletisim-05 .ki05-photo-title { font-size: clamp(38px,5vw,49px); }
  #karot-iletisim-05 .ki05-phone { font-size: 37px; }
  #karot-iletisim-05 .ki05-workspace { padding: 38px 28px 42px; }
  #karot-iletisim-05 .ki05-title { font-size: clamp(37px,5vw,49px); }
  #karot-iletisim-05 .ki05-help, #karot-iletisim-05 .ki05-status { font-size: 14px; }
}
@media (max-width: 575px) {
  #karot-alanlar-08.ki05-source { padding-bottom: 18px; }
  #karot-iletisim-05 .ki05-junction { height: 34px; }
  #karot-iletisim-05 .ki05-visual { min-height: 410px; }
  #karot-iletisim-05 .ki05-photo-copy { right: 20px; bottom: 27px; left: 20px; }
  #karot-iletisim-05 .ki05-photo-title { margin-bottom: 19px; font-size: clamp(32px,8.8vw,41px); line-height: 1.17; }
  #karot-iletisim-05 .ki05-photo-eyebrow { font-size: 12px; }
  #karot-iletisim-05 .ki05-phone { gap: 12px; min-height: 46px; font-size: clamp(28px,8vw,37px); }
  #karot-iletisim-05 .ki05-phone svg { width: 27px; height: 27px; }
  #karot-iletisim-05 .ki05-workspace { padding: 32px 20px 38px; }
  #karot-iletisim-05 .ki05-heading { margin-bottom: 26px; padding-left: 13px; }
  #karot-iletisim-05 .ki05-eyebrow { font-size: 12px; }
  #karot-iletisim-05 .ki05-title { font-size: clamp(35px,9vw,44px); line-height: 1.19; }
  #karot-iletisim-05 .ki05-fields { grid-template-columns: minmax(0,1fr); gap: 18px; }
  #karot-iletisim-05 .ki05-label { font-size: 14px; }
  #karot-iletisim-05 .ki05-control { min-height: 51px; padding: 12px 14px; font-size: 16px; }
  #karot-iletisim-05 .ki05-notes { min-height: 128px; }
  #karot-iletisim-05 .ki05-submit { gap: 11px; min-height: 58px; margin-top: 23px; padding: 13px 14px; font-size: 15px; }
  #karot-iletisim-05 .ki05-submit svg { width: 26px; height: 26px; }
  #karot-iletisim-05 .ki05-submit .ki05-arrow { width: 23px; height: 23px; margin-left: 0; }
  #karot-iletisim-05 .ki05-help, #karot-iletisim-05 .ki05-status { font-size: 12px; line-height: 1.7; }
}
