#iletisim.contact-section { padding-block: clamp(2.5rem, 4vw, 4rem); background: var(--color-off-white); border-bottom: 1px solid var(--color-line); }
#iletisim .contact-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.75rem; }
#iletisim h2 { font-size: clamp(2rem, 4vw, 3.4rem); }
#iletisim .contact-intro p { margin-top: 1rem; max-width: 30rem; font-size: .9375rem; color: var(--color-muted); }
#iletisim form { display: grid; grid-template-columns: minmax(0, 1fr); gap: .85rem; }
#iletisim label { display: flex; flex-direction: column; gap: .4rem; min-width: 0; font-size: .8125rem; }
#iletisim input, #iletisim textarea { width: 100%; min-width: 0; min-height: 46px; padding: .7rem; border: 1px solid #aaada1; background: transparent; color: var(--color-black); border-radius: 0; font: inherit; }
#iletisim textarea { min-height: 110px; resize: vertical; }
#iletisim .button { justify-self: start; min-height: 50px; font-size: .75rem; }
#iletisim .button:disabled { cursor: not-allowed; transform: none; }
#iletisim .contact-status { font-size: .75rem; color: var(--color-muted); }
#iletisim :focus-visible { outline: 3px solid var(--color-focus); outline-offset: 3px; }
#ozel-uretim .request-options label { overflow-wrap: anywhere; }
@media (min-width: 1024px) { #iletisim .contact-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 3rem; } }

#contact-form .form-trap, #custom-request-form .form-trap { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* Mobile entry text: avoid automatic zoom while preserving desktop composition. */
@media (max-width: 767px) {
  #ozel-uretim input:not([type=radio]), #ozel-uretim textarea,
  #iletisim input, #iletisim textarea { font-size: 16px; }
}