.iletisim-kap { padding-top: var(--b6); padding-bottom: var(--b14); }
.iletisim-ust { max-width: 720px; margin-bottom: var(--b6); }
.iletisim-ust h1 { font-size: var(--yazi-36); margin-bottom: var(--b2); }
.iletisim-ust p { margin: 0; color: var(--metin-2); font-size: var(--yazi-18); line-height: var(--sh-govde); }
.iletisim-izgara { display: grid; gap: var(--b6); align-items: start; }
@media (min-width: 1024px) { .iletisim-izgara { grid-template-columns: minmax(0, 1fr) 340px; gap: var(--b10); } }
.iletisim-form-kutu { padding: var(--b5); }
@media (min-width: 640px) { .iletisim-form-kutu { padding: var(--b8); } }
.iletisim-konular { margin: 0; padding: 0; border: 0; min-width: 0; }
.iletisim-konular legend { margin-bottom: var(--b2); padding: 0; }
.iletisim-konu-liste { display: grid; gap: var(--b2); }
@media (min-width: 640px) { .iletisim-konu-liste { grid-template-columns: 1fr 1fr; } }
.iletisim-konu { position: relative; display: grid; gap: 2px; min-height: var(--dokunma); padding: var(--b3) var(--b4); padding-inline-start: 44px; border: var(--k-ince) solid var(--cizgi-2); border-radius: var(--r-m); background: var(--zemin); cursor: pointer; transition: border-color var(--sure-hizli) var(--egri), background-color var(--sure-hizli) var(--egri); }
.iletisim-konu:hover { border-color: var(--soluk); }
.iletisim-konu input { -webkit-appearance: none; appearance: none; position: absolute; inset-inline-start: var(--b4); top: 15px; display: grid; place-items: center; width: 18px; height: 18px; margin: 0; border: var(--k-kalin) solid var(--alan-cizgi); border-radius: 50%; background: var(--zemin); cursor: pointer; }
.iletisim-konu input:checked { border-color: var(--ana); background: var(--ana); }
.iletisim-konu input:checked::after { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--ana-uzeri); }
.iletisim-konu input:focus-visible { outline: 2px solid var(--odak-renk); outline-offset: 2px; }
.iletisim-konu:has(input:checked) { border-color: var(--ana-cizgi); background: var(--ana-yumusak); }
.iletisim-konu-ad { color: var(--metin); font-weight: var(--ag-kalin); font-size: var(--yazi-16); }
.iletisim-konu small { color: var(--soluk); font-size: var(--yazi-13); line-height: 1.45; }
.iletisim-gizlilik { margin: 0; color: var(--soluk); font-size: var(--yazi-13); }
.iletisim-gizlilik a { color: var(--ana-acik); }
.iletisim-tamam { display: grid; justify-items: start; gap: var(--b3); padding: var(--b4) 0; }
.iletisim-tamam h2 { margin: 0; font-size: var(--yazi-28); }
.iletisim-tamam p { margin: 0; color: var(--metin-2); max-width: 560px; }
.iletisim-tamam-ikon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: rgba(79, 208, 143, .14); color: var(--basari); }
.iletisim-tamam-ikon .ikon { width: 28px; height: 28px; }
.iletisim-yan { display: grid; gap: var(--b4); }
.iletisim-yan h2 { font-size: var(--yazi-18); margin-bottom: var(--b2); }
.iletisim-yan p { margin: 0 0 var(--b2); }
.iletisim-yan p:last-child { margin-bottom: 0; }
.iletisim-adres { color: var(--ana-acik); font-weight: var(--ag-kalin); font-size: var(--yazi-16); overflow-wrap: anywhere; }
.iletisim-baglar { display: grid; gap: var(--b1); margin: 0; padding: 0; list-style: none; }
.iletisim-baglar a { display: flex; align-items: center; min-height: 40px; color: var(--metin-2); text-decoration: none; }
.iletisim-baglar a:hover { color: var(--metin); text-decoration: underline; }