/* Hakkımızda, iletişim, çalışmalarımız — kategori sayfası ile uyumlu ek stiller */



#oy-kok .oy-st-sayfa .oy-kat-kahraman {



  padding: clamp(1.25rem, 3vw, 2rem);



  border-radius: 1.35rem;



  background: var(--oy-yuzey);



  border: 1px solid var(--oy-kener);



  box-shadow: var(--oy-golge);



}







#oy-kok .oy-st-iletisim-kartlar {



  margin-bottom: 0;



}







#oy-kok .oy-st-iletisim-kart {



  display: flex;



  flex-direction: column;



  gap: 0.35rem;



  height: 100%;



  padding: 1.15rem;



  border-radius: 1rem;



  background: var(--oy-yuzey);



  border: 1px solid var(--oy-kener);



  text-decoration: none;



  color: inherit;



  transition: transform 0.18s ease, box-shadow 0.18s ease;



}







#oy-kok a.oy-st-iletisim-kart:hover {



  transform: translateY(-3px);



  box-shadow: var(--oy-golge);



  color: inherit;



}







#oy-kok .oy-st-iletisim-kart-ikon {



  width: 2.5rem;



  height: 2.5rem;



  border-radius: 0.75rem;



  display: inline-flex;



  align-items: center;



  justify-content: center;



  background: var(--oy-marka-kutu-ikon);



  color: var(--oy-marka-birincil);



  font-size: 1.15rem;



  margin-bottom: 0.25rem;



}







#oy-kok.oy-tema-koyu .oy-st-iletisim-kart-ikon {



  color: var(--oy-marka-birincil-koyu-tema-acik);



}







#oy-kok .oy-st-iletisim-kart-baslik {



  font-size: 0.72rem;



  font-weight: 700;



  text-transform: uppercase;



  letter-spacing: 0.08em;



  color: var(--oy-metin-ikincil);



  margin: 0;



}







#oy-kok .oy-st-iletisim-kart-deger {



  font-size: 0.98rem;



  font-weight: 700;



  line-height: 1.35;



  margin: 0;



  word-break: break-word;



}







#oy-kok .oy-st-form-kutu {



  padding: clamp(1.25rem, 3vw, 2rem);



  border-radius: 1.25rem;



  background: var(--oy-yuzey);



  border: 1px solid var(--oy-kener);



  box-shadow: 0 10px 32px rgba(15, 23, 42, 0.06);



}







#oy-kok .oy-st-form-kutu .form-label {



  font-weight: 600;



  font-size: 0.88rem;



}







#oy-kok .oy-st-form-kutu .form-control {



  border-radius: 0.65rem;



  border-color: var(--oy-kener);



  background: var(--oy-yuzey);



}







#oy-kok .oy-st-harita-kutu {



  padding: clamp(1rem, 2.5vw, 1.5rem);



  border-radius: 1.25rem;



  background: var(--oy-yuzey);



  border: 1px solid var(--oy-kener);



}







#oy-kok .oy-st-calismalar-bos {



  padding: clamp(2rem, 5vw, 3rem);



  border-radius: 1.25rem;



  background: var(--oy-yuzey);



  border: 1px dashed var(--oy-kener);



  text-align: center;



  color: var(--oy-metin-ikincil);



}







#oy-kok .oy-st-calismalar .oy-ana-icerik-blok-ic {



  box-shadow: 0 10px 32px rgba(15, 23, 42, 0.06);



}







@media (max-width: 767.98px) {



  #oy-kok .oy-st-sayfa .oy-kat-guven-listesi {



    flex-direction: column;



    align-items: flex-start !important;



    gap: 0.5rem !important;



  }



}