:root {
  --altin: #bba07a;
  --altin-acik: #d9c6a8;
  --altin-koyu: #78603d;
  --altin-rgb: 187, 160, 122;
  --fildisi: #faf9f6;
  --fildisi-koyu: #eeeae3;
  --lacivert-950: #11191e;
  --lacivert-900: #16212c;
  --lacivert-800: #24313c;
}

:focus-visible { outline: 3px solid #947346; outline-offset: 5px; }
.atla-baglanti { position: fixed; inset: 8px auto auto 8px; padding: 12px 20px; background: #fff; color: #16212c; z-index: 200; transform: translateY(-180%); }
.atla-baglanti:focus { transform: none; }
#ana-icerik:focus { outline: none; }
.gorun { opacity: 1; translate: none; }
.kap { width: min(1320px, 90%); }
.kap-dar { width: min(860px, 90%); }
.baslik { background: rgba(255, 255, 255, .98); border-bottom-color: #e6e2dc; }
.baslik-ic { min-height: 94px; }
.marka-ad { color: var(--lacivert-900); font-size: 1.45rem; }
.marka-ust { color: #625440; letter-spacing: .3em; }
.marka-monogram { border: none; outline: none; font-size: 3rem; font-weight: 500; letter-spacing: -.14em; color: var(--lacivert-900); width: 52px; height: 58px; padding-right: .15em; }
.marka-alt .marka-ad, .marka-alt .marka-monogram { color: var(--fildisi); }
.marka-alt .marka-ust { color: var(--altin-acik); }
.gezinme { gap: clamp(.7rem, 1.35vw, 1.5rem); font-size: .78rem; }
.gezinme > a, .acilir-dugme { color: var(--lacivert-900); }
.gezinme > a:hover, .gezinme > a.aktif, .acilir-dugme:hover, .acilir.aktif-grup .acilir-dugme { color: #79613d; }
.dugme { text-transform: none; letter-spacing: .015em; border-radius: 0; padding: .9rem 1.45rem; }
.gezinme .gezinme-cta { color: #15202b; padding: .8rem 1rem; white-space: nowrap; }
.dugme-altin { color: #15202b; }
.ust-serit { background: #20272b; border: none; font-size: .7rem; }
.ust-baro { color: #e3e0d9; }
.ust-serit-ic { padding-block: .5rem; }
.referans-kahraman { background: #11191e url('../img/adalet-bursa.webp') center 55% / cover no-repeat; }
.referans-kahraman .kahraman-doku { background: linear-gradient(90deg, rgba(6, 12, 18, .86), rgba(8, 15, 23, .58) 43%, rgba(8, 15, 23, .04) 78%); }
.referans-kahraman .kahraman-doku::after { display: none; }
.referans-kahraman .kahraman-ic { min-height: 630px; grid-template-columns: 1.15fr .85fr; padding-block: 54px; }
.referans-kahraman .kahraman-baslik { font-size: clamp(4rem, 6.9vw, 6.6rem); line-height: .97; letter-spacing: -.035em; font-weight: 500; margin-block: 18px 24px; }
.referans-kahraman .kahraman-baslik em { font-style: normal; color: var(--fildisi); }
.referans-kahraman .ust-yazi { font-family: var(--serif); font-size: 1.35rem; font-style: italic; text-transform: none; letter-spacing: .025em; color: #dbc9ac; font-weight: 500; }
.referans-kahraman .kahraman-alt { max-width: 470px; font-size: .92rem; color: #eeece8; font-weight: 400; }
.referans-kahraman .kahraman-gorsel { display: block; align-self: end; justify-self: end; width: min(100%, 350px); }
.referans-kahraman .portre-cerceve { display: none; }
.referans-kahraman .portre-kart { position: static; width: auto; color: #f6f2e9; background: rgba(12, 20, 27, .78); border: 1px solid rgba(217, 198, 168, .3); box-shadow: none; backdrop-filter: blur(8px); }
.referans-kahraman .portre-kart span { color: #d5d1c9; }
.referans-kahraman .kahraman-rozetler { color: #f1ece3; font-size: .76rem; align-items: center; gap: 20px; }
.referans-kahraman .kahraman-rozetler .nokta { width: 1px; height: 32px; rotate: none; background: #a69986; }
.referans-kahraman .kahraman-dugmeler { gap: 12px; }
.bolum { padding-block: 64px; }
.bolum-no { letter-spacing: .2em; font-size: .65rem; color: #806644; margin-bottom: 10px; }
.bolum-baslik { font-size: clamp(2rem, 3.3vw, 3rem); letter-spacing: -.025em; font-weight: 500; }
.bolum-ust { margin-bottom: 26px; }
.alanlar-vitrin { padding-block: 36px 40px; background: #faf9f6; }
.tanitim-vitrin { background: #fff; padding-block: 0; }
.alanlar-vitrin .alan-izgara { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 12px; }
.alanlar-vitrin .alan-kart { background: transparent; border: 1px solid #e4e0d9; padding: 24px 10px 18px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; min-height: 152px; }
.alanlar-vitrin .alan-ikon { color: var(--lacivert-900); margin-bottom: 15px; }
.alanlar-vitrin .alan-kart h3 { font-size: 1.05rem; line-height: 1.25; color: var(--lacivert-900); margin-bottom: 0; }
.alanlar-vitrin .alan-kart p, .alanlar-vitrin .alan-ok { display: none; }
.alanlar-vitrin .alan-kart:hover { border-color: var(--altin); background: #f1ede5; transform: translateY(-4px); }
.tanitim-vitrin > .kap { width: min(1440px, 100%); }
.tanitim-vitrin .iki-kolon { grid-template-columns: 1fr 1.1fr .55fr; gap: 40px; align-items: center; }
.kurumsal-gorsel { min-height: 410px; height: 100%; background: linear-gradient(90deg, rgba(13, 21, 28, .6), rgba(13, 21, 28, .1)), url('../img/adalet-bursa.webp') 62% center / cover; padding: 46px 35px; display: flex; flex-direction: column; justify-content: space-between; color: #f4eee3; }
.kurumsal-gorsel p { font: italic 1.65rem/1.4 var(--serif); max-width: 230px; }
.kurumsal-gorsel span { font-size: .63rem; letter-spacing: .25em; }
.tanitim-vitrin .iki-kolon > .gorun > p:not(.bolum-no) { font-size: .85rem; line-height: 1.85; color: #575b60; }
.tanitim-vitrin .sayac-izgara { grid-template-columns: 1fr; gap: 20px; border: 0; border-left: 1px solid #ded7cc; background: transparent; margin-right: 24px; padding-left: 26px; }
.tanitim-vitrin .sayac { border: 0; padding: 0; background: transparent; text-align: start; }
.tanitim-vitrin .sayac strong { font-size: 1.8rem; font-weight: 500; color: #16212c; line-height: 1.15; }
.tanitim-vitrin .sayac span { font-size: .7rem; color: #666; }
.ilkeler-vitrin .ilke-izgara { gap: 38px; }
.ilkeler-vitrin .ilke { border-top: 1px solid #d9d1c4; padding-top: 24px; }
.ilkeler-vitrin .ilke-no { font-size: 1.5rem; }
.ilkeler-vitrin .ilke p { font-size: .84rem; }
.bolum-krem { background: #f2f0eb; }
.makale-kart { border-radius: 0; box-shadow: none; border: 1px solid #ddd7cf; background: #faf9f6; }
.makale-kapak { aspect-ratio: 2.6 / 1; }
.makale-kapak-bos { background: #e8e3d9; color: #817050; }
.makale-govde h3 { font-weight: 500; }
.makale-govde p { font-size: .82rem; }
.alt { background: #121b22; }
.alt-izgara { gap: 30px; }
.alt-metin { font-size: .77rem; }
.alt .marka-monogram { font-size: 2.8rem; }
.alt .marka-ad { font-size: 1.25rem; }
.cta { background: #202e38; }
.sekme:focus-visible { outline-offset: -4px; }
.baslik.daralt .marka-monogram { width: 42px; height: 46px; font-size: 2.6rem; }
.form small { color: #626970; font-size: .76rem; }
.tarife-bilgi { font-size: .85rem; border-left: 2px solid var(--altin); padding: 12px 18px; background: #f1ede5; margin-bottom: 22px; }
.tarife-bilgi a { text-decoration: underline; }
html:not(.js) .acilir:hover .acilir-menu, html:not(.js) .acilir:focus-within .acilir-menu { opacity: 1; visibility: visible; translate: -50% 0; }
.arac-sonuc { overflow-x: auto; }
.sohbet-panel { width: min(330px, calc(100vw - 44px)); right: auto; max-height: calc(100dvh - 110px); }
.sohbet-mesajlar { min-height: 0; }
.sohbet-form input { min-width: 0; }
.sonuc-tablo th { text-align: start; font-size: .76rem; padding: .6rem .4rem; }

@media (min-width: 861px) and (max-width: 1150px) {
  .baslik-ic { flex-wrap: wrap; justify-content: center; padding-block: 15px; gap: 12px; }
  .gezinme { width: 100%; justify-content: center; }
  .baslik.daralt .baslik-ic { min-height: auto; }
}
@media (max-width: 1000px) {
  .alanlar-vitrin .alan-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .tanitim-vitrin .iki-kolon { grid-template-columns: 1fr 1.1fr; gap: 28px; }
  .tanitim-vitrin .sayac-izgara { grid-column: 1 / -1; grid-template-columns: repeat(4, 1fr); margin: 0 5%; padding: 24px 0; border-left: 0; border-top: 1px solid #ded7cc; }
  .tanitim-vitrin .iki-kolon > .gorun:not(.sayac-izgara) { padding-right: 24px; }
}
@media (max-width: 860px) {
  .ust-serit-ic { justify-content: space-between; }
  .ust-baro { display: inline; }
  .baslik-ic { min-height: 76px; }
  .gezinme > a, .acilir-dugme { color: #f6f2e9; }
  .gezinme > a.aktif, .gezinme > a:hover { color: #d9c6a8; }
  .acilir-dugme:hover, .acilir.aktif-grup .acilir-dugme { color: #d9c6a8; }
  .mobil-dugme span { background: #78603d; }
  .mobil-dugme.acik span { background: #d9c6a8; }
  .gezinme .gezinme-cta { color: #15202b; }
  .ust-iletisim > a { display: none; }
  .ust-iletisim .dil-secici { display: none; }
  .dil-secici-mobil { display: flex; }
  .referans-kahraman .kahraman-ic { grid-template-columns: 1fr; min-height: 660px; padding-block: 48px 30px; }
  .referans-kahraman { background-position: 66% center; }
  .referans-kahraman .kahraman-doku { background: linear-gradient(90deg, rgba(6, 12, 18, .86), rgba(6, 12, 18, .4)); }
  .referans-kahraman .kahraman-metin { max-width: 520px; text-align: start; }
  .referans-kahraman .kahraman-gorsel { width: auto; max-width: 350px; margin: 0; justify-self: start; }
  .referans-kahraman .kahraman-dugmeler, .referans-kahraman .kahraman-rozetler { justify-content: flex-start; }
  .referans-kahraman .kahraman-baslik { font-size: 4.5rem; }
}
@media (max-width: 560px) {
  .kap { width: 90%; }
  .marka-ad { font-size: 1.12rem; }
  .marka-monogram { font-size: 2.6rem; width: 42px; }
  .marka-ust { font-size: .52rem; }
  .ust-serit-ic { min-height: 32px; }
  .referans-kahraman .kahraman-baslik { font-size: clamp(3.5rem, 16vw, 4.6rem); }
  .referans-kahraman .ust-yazi { font-size: 1.1rem; }
  .referans-kahraman .kahraman-alt { font-size: .85rem; }
  .referans-kahraman .kahraman-ic { min-height: 670px; gap: 25px; }
  .referans-kahraman .kahraman-rozetler { flex-wrap: wrap; }
  .referans-kahraman .kahraman-dugmeler .dugme { padding: .8rem 1rem; font-size: .72rem; }
  .alanlar-vitrin .alan-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .alanlar-vitrin .alan-kart { min-height: 145px; }
  .bolum { padding-block: 38px; }
  .bolum-ust { align-items: flex-start; gap: 15px; }
  .bolum-ust > .baglanti-altin { font-size: .72rem; white-space: nowrap; }
  .tanitim-vitrin { padding: 0; }
  .tanitim-vitrin > .kap { width: 100%; }
  .tanitim-vitrin .iki-kolon { grid-template-columns: 1fr; gap: 28px; }
  .kurumsal-gorsel { min-height: 280px; }
  .tanitim-vitrin .iki-kolon > .gorun:not(.sayac-izgara) { padding: 0 5%; }
  .tanitim-vitrin .sayac-izgara { grid-template-columns: repeat(2, 1fr); padding-block: 24px; }
  .tanitim-vitrin .sayac strong { font-size: 1.9rem; }
  .ilkeler-vitrin .ilke-izgara { gap: 24px; }
  .alt-izgara { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}
[dir="rtl"] .referans-kahraman .kahraman-metin { text-align: right; }
[dir="rtl"] .tanitim-vitrin .sayac-izgara { border-left: 0; border-right: 1px solid #ded7cc; padding-left: 0; padding-right: 26px; }
@media (max-width: 860px) {
  .ust-serit { display: block; }
  .acilir-menu { display: none; }
  .acilir.acik .acilir-menu { display: block; translate: none; }
  .acilir-dugme { cursor: pointer; }
  html:not(.js) .baslik-ic { flex-wrap: wrap; }
  html:not(.js) .gezinme { display: flex; position: static; width: 100%; height: auto; max-height: none; padding: 16px; }
  html:not(.js) .mobil-dugme { display: none; }
  html:not(.js) .acilir-menu { display: block; position: static; opacity: 1; visibility: visible; translate: none; }
}
.akis-secimler { display:grid; gap:.5rem; padding:.6rem 0; }
.akis-secimler button,.akis-secimler a { font:inherit; color:#102536; padding:.65rem; background:#fff; border:1px solid #b59653; border-radius:5px; text-align:start; overflow-wrap:anywhere; cursor:pointer; }
.sohbet-form[hidden] { display:none; }