/*
Theme Name: 46haber Tema
Theme URI: https://46haber.com.tr/
Author: 46haber Yazılım
Author URI: https://46haber.com.tr/
Description: Custom theme for 46haber.
Version: 3.0.8
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 46haber-haber
*/
:root {
  --renk:#1b3a5a;
  --arka:#ffffff;
  --font-ic:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-baslik:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --tehlike:#bb2b2d;
  --basari:#1d9744;
  --yuvarlak:16px;
  --en:1320px;
  --pano:#ffffff;
  --cizgi:#e5e9ea;
  --renk-harf:#ffffff;
  --murekkep-silik:#677c82;
  --murekkep:#232a2d;
  --pano-jole:#edf0f2;
}
:root {
  --noluf: var(--renk); --cerceve: min(var(--en), 1160px); --hope: 28px;
  --bimip-zujil: 66px;
}
*, *::before, *::after {
  box-sizing: border-box;
}
[hidden] {
  display: none !important;
}
html {
  -webkit-text-size-adjust: 100%;
  scroll-padding-top: 80px;
}
body {
  margin: 0;
  background: var(--arka); color: var(--murekkep); font-family: var(--font-ic); font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  color: var(--renk);
}
h1, h2, h3 {
  margin: 0;
  font-family: var(--font-baslik); line-height: 1.22;
}
ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
button, input {
  font: inherit;
  color: inherit;
}
button {
  cursor: pointer;
}
:focus-visible {
  outline: 2px solid var(--renk); outline-offset: 2px;
}
.cerceve {
  width: 100%;
  max-width: var(--cerceve); margin: 0 auto;
  padding: 0 20px;
}
.gorunmez {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap;
  border: 0;
}
.cavuhu:focus {
  position: fixed !important;
  z-index: 100;
  top: 8px;
  left: 8px;
  width: auto;
  height: auto;
  padding: 8px 14px;
  clip: auto;
  background: var(--renk);
  color: var(--renk-harf);
}
.ikon__tus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 0;
  border-radius: 2px;
  background: transparent;
}
.ikon__tus:hover {
  background: var(--pano-jole);
  color: var(--renk);
}
.tepe {
  background: var(--pano-jole); color: var(--murekkep-silik); font-size: 12.5px;
  border-bottom: 1px solid var(--cizgi);
}
.tepe__nabovob {
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 32px;
  white-space: nowrap;
  overflow: hidden;
}
.tepe__gun {
  display: inline-flex;
  gap: 10px;
}
.tepe__gun b {
  color: var(--murekkep); font-weight: 800;
  letter-spacing: .04em;
}
.tepe__lata {
  display: flex;
  flex-wrap: nowrap;
  gap: 18px;
  margin-left: auto;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.tepe__lata::-webkit-scrollbar {
  display: none;
}
.tepe__lata li {
  flex: 0 0 auto;
}
.bimip {
  background: var(--pano);
  border-bottom: 1px solid var(--cizgi);
}
.bimip__nemode {
  position: sticky;
  top: 0;
  z-index: 40;
}
.bimip__nabovob {
  display: flex;
  align-items: center;
  gap: 22px;
  min-height: var(--bimip-zujil);
}
.bimip__navove .bimip__nabovob {
  min-height: 84px;
}
.gezinti__sipe {
  display: none;
}
.marka {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-width: 0;
}
.marka img {
  width: auto;
  max-height: 44px;
  max-width: 230px;
  object-fit: contain;
}
.bimip__navove .marka img {
  max-height: 54px;
  max-width: 280px;
}
.marka__harf {
  font-family: var(--font-baslik); font-size: 26px;
  font-weight: 800;
  letter-spacing: -.02em;
  white-space: nowrap;
}
.bimip__vuj {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-left: auto;
  flex: 0 0 auto;
}
.bimip__saat {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 12.5px;
  line-height: 1.3;
  color: var(--murekkep-silik); white-space: nowrap;
}
.bimip__saat b {
  font-size: 15px;
  font-weight: 800;
  color: var(--murekkep); font-variant-numeric: tabular-nums;
}
.sosyal {
  display: flex;
  gap: 4px;
}
.sosyal a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid var(--cizgi); border-radius: 2px;
  color: var(--murekkep-silik);
}
.sosyal a:hover {
  color: var(--renk); border-color: currentColor;
}
.gezinti {
  display: flex;
  align-items: stretch;
  min-width: 0;
}
.gezinti__serit {
  flex: 1 1 auto;
  align-self: stretch;
}
.gezinti__sira {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
  white-space: nowrap;
}
.gezinti__sira::-webkit-scrollbar {
  display: none;
}
.gezinti__sira > li {
  flex: 0 0 auto;
  display: flex;
}
.gezinti__sira a {
  display: flex;
  align-items: center;
  padding: 0 11px;
  font-size: 13.5px;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.gezinti__sira[data-fuji] {
  -webkit-mask-image: linear-gradient(90deg, #000 92%, transparent);
  mask-image: linear-gradient(90deg, #000 92%, transparent);
}
.gezinti__serit .gezinti__sira a {
  height: var(--bimip-zujil);
}
.gezinti__bubefu {
  color: var(--renk);
  box-shadow: inset 0 -3px 0 var(--renk);
}
.gezinti__zijodo {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--murekkep-silik);
}
.gezinti__zijodo:hover {
  color: var(--renk);
}
.gezinti__vomu {
  position: sticky;
  top: 0;
  z-index: 40;
  background: var(--pano);
  border-bottom: 2px solid var(--murekkep);
}
.gezinti__nabovob {
  display: flex;
  align-items: stretch;
}
.gezinti__vomu .gezinti__sira {
  flex: 1 1 auto;
}
.gezinti__vomu .gezinti__sira a {
  height: 46px;
}
.gezinti__vomu .gezinti__sira > li:first-child a {
  padding-left: 0;
}
.gezinti__vomu .gezinti__sira > li + li a {
  position: relative;
}
.gezinti__vomu .gezinti__sira > li + li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 17px;
  bottom: 17px;
  width: 1px;
  background: var(--cizgi);
}
.bul__jimor {
  background: var(--pano); border-top: 1px solid var(--cizgi); padding: 14px 0;
}
.bul__giris {
  display: flex;
  gap: 0;
  max-width: 680px;
}
.bul__giris input {
  flex: 1;
  min-width: 0;
  height: 46px;
  padding: 0 14px;
  border: 1px solid var(--cizgi); border-right: 0;
  border-radius: 2px 0 0 2px;
  background: var(--arka);
}
.bul__giris button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 46px;
  padding: 0 20px;
  border: 0;
  border-radius: 0 2px 2px 0;
  background: var(--murekkep); color: var(--arka); font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.bul__giris button:hover {
  background: var(--renk);
  color: var(--renk-harf);
}
.jubuhet-cip {
  position: fixed;
  inset: 0;
  z-index: 90;
  background: rgba(0, 0, 0, .45);
}
.jubuhet__nabovob {
  width: min(340px, 88vw); height: 100%;
  overflow-y: auto;
  background: var(--pano); padding: 14px 22px 30px;
}
.jubuhet__tepe {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
  margin-bottom: 4px;
  border-bottom: 2px solid var(--murekkep);
}
.jubuhet__tepe strong {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.jubuhet__sira a {
  display: block;
  padding: 11px 0;
  border-bottom: 1px solid var(--cizgi); font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: .02em;
}
.jubuhet__sira li li a {
  padding-left: 14px;
  font-weight: 500;
  text-transform: none;
}
.jubuhet__dihev {
  margin-top: 18px;
}
.jubuhet__dihev a {
  display: block;
  padding: 6px 0;
  font-size: 14px;
  color: var(--murekkep-silik);
}
.nozos__serit {
  background: var(--pano); border-bottom: 1px solid var(--cizgi); font-size: 13px;
}
.nozos__nabovob {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 38px;
}
.nozos__sira {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
  white-space: nowrap;
}
.nozos__sira::-webkit-scrollbar {
  display: none;
}
.nozos__kalap {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 16px;
  border-left: 1px solid var(--cizgi);
}
.nozos__kalap:first-child {
  padding-left: 0;
  border-left: 0;
}
.nozos__kalap > span {
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--murekkep-silik);
}
.nozos__kalap b {
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.nozos__kalap svg {
  width: 18px;
  height: 18px;
}
.nozos__hepsi {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--murekkep-silik);
}
.cay {
  background: var(--pano-jole);
  border-bottom: 1px solid var(--cizgi);
}
.cay__nabovob {
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 40px;
  white-space: nowrap;
  overflow: hidden;
}
.cay strong {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--renk);
}
.cay ul {
  display: flex;
  gap: 0;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.cay ul::-webkit-scrollbar {
  display: none;
}
.cay li {
  flex: 0 0 auto;
}
.cay li + li::before {
  content: "/";
  margin: 0 12px;
  color: var(--murekkep-silik); opacity: .6;
}
.cay a {
  font-size: 14px;
  font-weight: 700;
}
.yikiye {
  background: var(--pano);
  border-bottom: 1px solid var(--cizgi);
}
.yikiye__nabovob {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 44px;
  overflow: hidden;
}
.yikiye__anahtar {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--renk);
}
.yikiye__anahtar i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
  animation: ruvup 1.4s ease-in-out infinite;
}
.yikiye__noy {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.yikiye__noy li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
  font-weight: 700;
}
.yikiye__noy time {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid var(--cizgi); color: var(--renk); font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.yikiye__ge .yikiye__anahtar {
  padding-right: 16px;
  border-right: 2px solid var(--renk);
}
.yikiye__bavok {
  background: var(--renk); color: var(--renk-harf); border-bottom: 0;
}
.yikiye__bavok .yikiye__nabovob {
  min-height: 50px;
}
.yikiye__bavok .yikiye__anahtar {
  padding: 7px 15px;
  border-radius: 999px;
  background: rgba(0, 0, 0, .8); color: #fff;
}
.yikiye__bavok .yikiye__noy {
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
}
.yikiye__bavok .yikiye__noy ul {
  display: flex;
  width: max-content;
  animation: kepon 80s linear infinite;
}
.yikiye__bavok .yikiye__noy:hover ul {
  animation-play-state: paused;
}
.yikiye__bavok .yikiye__noy li {
  overflow: visible;
  padding-right: 30px;
}
.yikiye__bavok .yikiye__noy li::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 14px 2px 0;
  border-radius: 50%;
  background: currentColor;
  opacity: .75;
  vertical-align: middle;
}
.yikiye__bavok a:hover {
  color: inherit;
  text-decoration: underline;
}
.yikiye__conuz {
  flex: 0 0 auto;
  padding: 5px 13px;
  border-radius: 999px;
  background: rgba(0, 0, 0, .22); font-size: 14px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
@keyframes kepon {
  to {
    transform: translateX(-50%);
  }
}
@keyframes ruvup {
  50% {
    opacity: .25;
  }
}
@media (prefers-reduced-motion: reduce) {
  .yikiye__bavok .yikiye__noy ul {
    animation: none;
  }
  .yikiye__anahtar i, .noy__baslik i {
    animation: none;
  }
}
.ic {
  padding-top: 24px;
}
.conuz {
  font-size: 12.5px;
  color: var(--murekkep-silik); font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.conuz__navove {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.conuz__navove b {
  font-size: 14px;
  font-weight: 800;
  color: var(--renk);
}
.conuz__navove small {
  margin-top: 2px;
  font-size: 11px;
}
.noluf {
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--noluf);
}
.ogeler__tepe {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 0;
}
.ogeler__tepe > * + *::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  margin: 0 9px;
  background: var(--cizgi); vertical-align: -1px;
}
.ogeler__tepe .noluf + .conuz::before {
  background: var(--murekkep-silik); opacity: .5;
}
.ogeler {
  position: relative;
  min-width: 0;
}
.ogeler__resim {
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border-radius: min(var(--yuvarlak), 3px);
  background: var(--pano-jole);
}
.ogeler__resim img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity .2s;
}
.ogeler:hover .ogeler__resim img {
  opacity: .9;
}
.ogeler__ic {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-top: 11px;
}
.ogeler__baslik {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
}
.ogeler__baslik a:hover {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.ogeler__ozet {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: var(--murekkep-silik);
}
.ogeler__kutu, .ogeler__murekkep, .ogeler__su {
  padding-top: 13px;
  border-top: 1px solid var(--cizgi);
}
.ogeler__kutu::before, .ogeler__murekkep::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 30px;
  height: 3px;
  background: var(--renk);
}
.ogeler__kutu .ogeler__baslik {
  font-size: 17.5px;
}
.ogeler__iri .ogeler__ic {
  padding-top: 14px;
}
.ogeler__iri .ogeler__baslik {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.01em;
}
.ogeler__yan {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 22px;
  align-items: start;
}
.ogeler__yan .ogeler__ic {
  padding-top: 0;
}
.ogeler__yan .ogeler__baslik {
  font-size: 22px;
  font-weight: 800;
  line-height: 1.22;
}
.ogeler__dar {
  display: grid;
  grid-template-columns: 124px minmax(0, 1fr); gap: 13px;
  align-items: start;
}
.ogeler__dar .ogeler__ic {
  padding-top: 0;
  gap: 5px;
}
.ogeler__dar .ogeler__baslik {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
}
.ogeler__murekkep .ogeler__baslik {
  font-size: 19px;
  font-weight: 800;
}
.ogeler__su .ogeler__ic {
  padding-top: 0;
}
.ogeler__su .ogeler__baslik {
  font-size: 16px;
}
.ogeler__serit {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr); gap: 12px;
  align-items: start;
  padding: 11px 0;
}
.ogeler__serit .ogeler__baslik {
  font-size: 15.5px;
  font-weight: 600;
  line-height: 1.38;
}
.zimi > .ogeler__serit + .ogeler__serit {
  border-top: 1px solid var(--cizgi);
}
.zimi > .ogeler__serit:first-child {
  padding-top: 0;
}
.izgara {
  --sutun: 3;
  display: grid;
  grid-template-columns: repeat(var(--sutun), minmax(0, 1fr)); gap: 26px var(--hope); align-items: start;
}
.izgara__su {
  margin-top: 20px;
  row-gap: 16px;
}
.izgara__dar {
  row-gap: 16px;
}
.kisim {
  margin-bottom: 42px;
}
.mecupuk {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 18px;
}
.mecupuk__hepsi {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--murekkep-silik); white-space: nowrap;
}
.mecupuk__cizgi {
  padding-top: 10px;
  border-top: 3px solid var(--murekkep);
}
.mecupuk__cizgi h2 {
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}
.mecupuk__sudam {
  align-items: center;
}
.mecupuk__sudam h2 {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -.005em;
}
.mecupuk__sudam h2::before {
  content: "";
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  background: var(--renk);
}
.mecupuk__sudam h2::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  margin-left: 6px;
  background: var(--cizgi);
}
.mecupuk__taban {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--cizgi);
}
.mecupuk__taban h2 {
  position: relative;
  font-size: 25px;
  font-weight: 800;
  letter-spacing: -.015em;
  line-height: 1.1;
}
.mecupuk__taban h2::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -11px;
  height: 3px;
  background: var(--renk);
}
.tepe__yap {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr); grid-template-areas: "m a";
  gap: 0;
  align-items: start;
}
.one__alan {
  grid-area: m;
  min-width: 0;
  padding-right: var(--hope);
}
.tepe__yap > .noy {
  grid-area: a;
  padding-left: var(--hope);
  border-left: 1px solid var(--cizgi);
}
.tepe__yap-ralum {
  grid-template-columns: minmax(270px, .85fr) minmax(0, 2.15fr); grid-template-areas: "a m";
}
.tepe__yap-ralum .one__alan {
  padding-right: 0;
  padding-left: var(--hope);
}
.tepe__yap-ralum > .noy {
  padding-left: 0;
  padding-right: var(--hope); border-left: 0;
  border-right: 1px solid var(--cizgi);
}
.one__resim {
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border-radius: min(var(--yuvarlak), 3px);
  background: var(--pano-jole);
}
.one__resim img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.one .ogeler__tepe {
  margin-top: 16px;
}
.one .ogeler__tepe .conuz {
  font-weight: 700;
  color: var(--murekkep);
}
.one__baslik {
  margin: 8px 0 10px;
  font-size: clamp(26px, 2.75vw, 38px); font-weight: 800;
  line-height: 1.14;
  letter-spacing: -.018em;
}
.one__baslik a:hover {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}
.one__nima {
  margin: 0;
  font-size: 17.5px;
  line-height: 1.5;
  color: var(--murekkep-silik);
}
.kanaven {
  margin-top: 16px;
  border-top: 1px solid var(--cizgi);
}
.kanaven li {
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 0 10px 18px;
  border-bottom: 1px solid var(--cizgi);
}
.kanaven li::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 18px;
  width: 6px;
  height: 6px;
  background: var(--renk);
}
.kanaven a {
  font-size: 15.5px;
  font-weight: 700;
  line-height: 1.35;
}
.one__taban {
  margin-top: 24px;
}
.noy {
  min-width: 0;
}
.noy__baslik {
  display: flex;
  align-items: center;
  gap: 9px;
  padding-bottom: 10px;
  margin-bottom: 4px;
  border-bottom: 2px solid var(--murekkep); font-size: 19px;
  font-weight: 800;
  letter-spacing: .01em;
  text-transform: uppercase;
}
.noy__baslik i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--renk); box-shadow: 0 0 0 3px var(--pano-jole); animation: ruvup 1.8s ease-in-out infinite;
}
.noy__sira li {
  position: relative;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr); gap: 0 22px;
}
.noy__sira li::before {
  content: "";
  position: absolute;
  left: 54px;
  top: 0;
  bottom: 0;
  width: 1px;
  background: var(--cizgi);
}
.noy__sira li::after {
  content: "";
  position: absolute;
  left: 51px;
  top: 15px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--pano);
  box-shadow: inset 0 0 0 2px var(--renk);
}
.noy__sira li:first-child::before {
  top: 15px;
}
.noy__sira .conuz {
  padding-top: 11px;
  text-align: right;
}
.noy__sira a {
  display: block;
  padding: 10px 0 11px;
  border-bottom: 1px solid var(--cizgi); font-size: 14.5px;
  font-weight: 600;
  line-height: 1.38;
}
.noy__sira li:last-child a {
  border-bottom: 0;
}
.noy__hepsi {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  height: 38px;
  margin-top: 10px;
  border: 1px solid var(--cizgi); font-size: 12.5px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.noy__hepsi:hover {
  border-color: currentColor;
}
.noy__navove {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px;
}
.noy__navove li:nth-last-child(2) a {
  border-bottom: 0;
}
.vasat {
  display: grid;
  grid-template-columns: repeat(var(--sutun), minmax(0, 1fr)); margin-top: 34px;
  align-items: start;
}
.vasat__sutun {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
  padding: 0 calc(var(--hope) / 2);
}
.vasat__sutun:first-child {
  padding-left: 0;
}
.vasat__sutun:last-child {
  padding-right: 0;
}
.vasat__sutun + .vasat__sutun {
  border-left: 1px solid var(--cizgi);
}
.vasat__navove .ogeler__yan .ogeler__baslik {
  font-size: 19px;
}
.vasat__navove .ogeler__yan .ogeler__ozet {
  font-size: 14.5px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ficer {
  margin: 40px 0 44px;
  padding: 30px 0 34px;
  background: var(--pano-jole);
  border-top: 1px solid var(--cizgi);
  border-bottom: 1px solid var(--cizgi);
}
.ficer .ogeler__kutu {
  border-top-color: transparent;
}
.huhuk {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: var(--hope); align-items: start;
}
.huhuk__nemode {
  grid-template-columns: minmax(0, 1fr);
}
.yap__huhi > .ogeler__yan {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--cizgi);
}
.yap__huhi .izgara__su > .ogeler__su {
  border-top: 0;
  padding-top: 0;
}
.yap__huhi .izgara__su > .ogeler + .ogeler::before {
  content: "";
  position: absolute;
  left: calc(var(--hope) / -2); top: 0;
  bottom: 0;
  width: 1px;
  background: var(--cizgi);
}
.gasi {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr); grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column;
  gap: 0 var(--hope); align-items: start;
}
.gasi > .zimi {
  position: relative;
}
.gasi > .zimi::before {
  content: "";
  position: absolute;
  left: calc(var(--hope) / -2); top: 0;
  bottom: 0;
  width: 1px;
  background: var(--cizgi);
}
.nojegi {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 0 var(--hope); align-items: start;
}
.nojegi__nemode, .yap__voh .nojegi {
  grid-template-columns: minmax(0, 1fr);
}
.nojegi__zova {
  padding: 14px 0 0;
  border-top: 3px solid var(--renk);
}
.nojegi__zova h3 {
  margin: 8px 0 10px;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.01em;
}
.nojegi__zova p {
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
  color: var(--murekkep-silik);
}
.yap__voh .nojegi__zova {
  margin-bottom: 18px;
}
.nojegi__sira {
  display: grid;
  grid-template-columns: repeat(var(--sutun), minmax(0, 1fr)); column-gap: var(--hope); align-content: start;
}
.nojegi__sira > .ogeler__serit {
  border-bottom: 1px solid var(--cizgi);
}
.valak {
  display: grid;
  grid-template-columns: repeat(var(--sutun), minmax(0, 1fr)); gap: 0 var(--hope); align-items: start;
}
.valak__sutun {
  position: relative;
  min-width: 0;
}
.valak__sutun + .valak__sutun::before {
  content: "";
  position: absolute;
  left: calc(var(--hope) / -2); top: 0;
  bottom: 0;
  width: 1px;
  background: var(--cizgi);
}
.valak__sutun > .ogeler__dar {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1fr); padding-bottom: 12px;
  margin-bottom: 11px;
  border-bottom: 1px solid var(--cizgi);
}
.valak__sutun > .ogeler__dar .ogeler__baslik {
  font-size: 17px;
  font-weight: 700;
}
.femejes {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px; align-items: start;
}
.femejes__birincil {
  min-width: 0;
  padding-right: 34px;
}
.femejes__nemode {
  grid-template-columns: minmax(0, 1fr); max-width: 800px;
  margin: 0 auto;
}
.femejes__nemode .femejes__birincil {
  padding-right: 0;
}
.kenar {
  display: flex;
  flex-direction: column;
  gap: 34px;
  min-width: 0;
  padding-left: 28px;
  border-left: 1px solid var(--cizgi);
}
.kutu__baslik {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 10px;
  margin-bottom: 4px;
  border-bottom: 2px solid var(--murekkep); font-size: 15px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.kutu__baslik span {
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: var(--murekkep-silik);
}
.dutud {
  counter-reset: nuk;
}
.dutud li {
  counter-increment: nuk;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr); align-items: start;
  padding: 12px 0;
  border-bottom: 1px solid var(--cizgi); font-size: 15px;
  font-weight: 700;
  line-height: 1.36;
}
.dutud li::before {
  content: counter(nuk, decimal-leading-zero); font-family: var(--font-baslik); font-size: 15px;
  font-weight: 800;
  line-height: 1.4;
  color: var(--renk); font-variant-numeric: tabular-nums;
}
.dutud__navove {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 30px;
}
.kenar__sira > .ogeler {
  padding: 12px 0;
  border-bottom: 1px solid var(--cizgi);
}
.kenar__sira > .ogeler:last-child {
  border-bottom: 0;
}
.zaman__sag {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin: 8px 0 10px;
  font-size: 14px;
}
.zaman__sag b {
  font-size: 24px;
  font-weight: 800;
  color: var(--renk); font-variant-numeric: tabular-nums;
}
.zihisi {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid var(--cizgi);
  border-left: 1px solid var(--cizgi);
}
.zihisi li {
  display: flex;
  flex-direction: column;
  padding: 7px 9px;
  border-right: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); font-size: 11.5px;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: var(--murekkep-silik);
}
.zihisi b {
  font-size: 15px;
  letter-spacing: 0;
  color: var(--murekkep); font-variant-numeric: tabular-nums;
}
.kohiger li {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr); gap: 12px;
  align-items: center;
  padding: 11px 0;
  border-bottom: 1px solid var(--cizgi);
}
.kohiger img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  background: var(--pano-jole);
}
.kohiger span {
  display: block;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--renk);
}
.kohiger a {
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.35;
}
.kohiger__veka li {
  grid-template-columns: 60px minmax(0, 1fr);
}
.kohiger__veka img {
  width: 60px;
  height: 60px;
}
.kohiger__veka a {
  display: block;
  margin: 2px 0 4px;
  font-size: 18px;
  font-weight: 700;
}
.bimip__tos {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--murekkep); color: var(--arka); font-family: var(--font-baslik); font-weight: 800;
  line-height: 1;
}
.kirinti ol {
  display: flex;
  flex-wrap: nowrap;
  gap: 7px;
  padding: 0 0 14px;
  overflow: hidden;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--murekkep-silik); white-space: nowrap;
}
.kirinti li {
  flex: 0 0 auto;
}
.kirinti li:last-child {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kirinti li + li::before {
  content: "/";
  margin-right: 7px;
  opacity: .5;
}
.secif__tepe {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.secif__baslik {
  font-size: clamp(28px, 3.2vw, 40px); font-weight: 800;
  line-height: 1.15;
  letter-spacing: -.018em;
}
.secif__nima {
  margin: 0;
  font-size: clamp(17.5px, 1.5vw, 19.5px); font-weight: 700;
  line-height: 1.48;
}
.fe {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  align-self: stretch;
  margin-top: 4px;
  padding: 12px 0;
  border-top: 1px solid var(--cizgi);
  border-bottom: 1px solid var(--cizgi);
}
.fe__heho {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.fe__heho img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
}
.fe__heho > div > a, .fe__heho > div > b {
  font-size: 15px;
  font-weight: 800;
}
.fe__serit {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 2px 0 0;
  font-size: 13px;
  color: var(--murekkep-silik); font-variant-numeric: tabular-nums;
}
.fe__serit > * + *::before {
  content: "|";
  margin: 0 9px;
  opacity: .45;
}
.fe__il {
  font-weight: 800;
  letter-spacing: .04em;
  color: var(--murekkep);
}
.fe__arac {
  display: flex;
  gap: 6px;
}
.fe__arac button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 11px;
  border: 1px solid var(--cizgi); border-radius: 2px;
  background: var(--pano); font-size: 13px;
  font-weight: 700;
}
.fe__arac button:hover {
  border-color: var(--murekkep);
}
.fe__arac button[data-acik] {
  background: var(--renk);
  border-color: var(--renk);
  color: var(--renk-harf);
}
.secif__resim {
  margin: 22px 0 0;
}
.secif__resim img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: var(--pano-jole);
}
.secif__resim figcaption {
  padding: 8px 0;
  border-bottom: 1px solid var(--cizgi); font-size: 13px;
  color: var(--murekkep-silik);
}
.secif__ozet {
  margin: 24px 0 0;
  padding: 16px 18px;
  border-top: 3px solid var(--murekkep);
  background: var(--pano-jole);
}
.secif__ozet strong {
  display: block;
  margin-bottom: 6px;
  font-size: 12.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.secif__ozet ul {
  padding-left: 18px;
  list-style: square;
}
.murekkep {
  margin-top: 24px;
  font-size: 18.5px;
  line-height: 1.75;
  overflow-wrap: break-word;
}
.murekkep > * {
  margin: 0 0 1.05em;
}
.murekkep a {
  color: var(--renk); text-decoration: underline;
  text-underline-offset: 3px;
}
.murekkep h2 {
  margin-top: 1.5em;
  font-size: 1.3em;
  font-weight: 800;
}
.murekkep h3 {
  margin-top: 1.3em;
  font-size: 1.12em;
  font-weight: 800;
}
.murekkep ul {
  padding-left: 1.3em;
  list-style: square;
}
.murekkep ol {
  padding-left: 1.3em;
  list-style: decimal;
}
.murekkep blockquote {
  margin-left: 0;
  padding: 2px 0 2px 18px;
  border-left: 3px solid var(--renk); font-weight: 600;
}
.murekkep img, .murekkep iframe, .murekkep video {
  max-width: 100%;
  height: auto;
}
.murekkep figure {
  margin-left: 0;
  margin-right: 0;
}
.murekkep figcaption {
  font-size: 13px;
  color: var(--murekkep-silik);
}
.murekkep table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}
.murekkep td, .murekkep th {
  padding: 8px;
  border: 1px solid var(--cizgi);
}
.le {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 28px 0 0;
}
.le strong {
  margin-right: 4px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.le a {
  padding: 4px 10px;
  border: 1px solid var(--cizgi); border-radius: 2px;
  font-size: 13.5px;
  font-weight: 600;
}
.le a:hover {
  border-color: currentColor;
}
.gonder {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 22px 0 0;
  padding: 12px 0;
  border-top: 1px solid var(--cizgi);
  border-bottom: 1px solid var(--cizgi);
}
.gonder > span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.gonder > div {
  display: flex;
  gap: 6px;
}
.gonder a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--cizgi); border-radius: 2px;
}
.gonder a:hover {
  background: var(--murekkep);
  border-color: var(--murekkep);
  color: var(--arka);
}
.imza__kutu {
  display: flex;
  gap: 14px;
  margin-top: 24px;
  padding: 16px 0;
  border-top: 3px solid var(--murekkep);
  border-bottom: 1px solid var(--cizgi);
}
.imza__kutu img, .imza__kutu .bimip__tos {
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover;
}
.imza__kutu a {
  display: block;
  font-weight: 800;
}
.imza__kutu span {
  font-size: 13px;
  color: var(--murekkep-silik);
}
.imza__kutu div div {
  margin-top: 6px;
  font-size: 14.5px;
  line-height: 1.55;
}
.tove__pu {
  margin-top: 38px;
  margin-bottom: 0;
}
.pefo {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--hope); margin-top: 34px;
}
.pefo__nemode {
  grid-template-columns: minmax(0, 1fr);
}
.pefo a {
  display: grid;
  grid-template-columns: 116px minmax(0, 1fr); gap: 14px;
  align-items: start;
  padding-top: 14px;
  border-top: 1px solid var(--cizgi);
}
.pefo__resim {
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: var(--pano-jole);
}
.pefo__resim img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pefo__murekkep {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}
.pefo em {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  font-style: normal;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--murekkep-silik);
}
.pefo strong {
  font-family: var(--font-baslik); font-size: 15.5px;
  line-height: 1.32;
}
.pefo__vuj {
  grid-template-columns: minmax(0, 1fr) 116px !important; text-align: right;
}
.pefo__vuj .pefo__resim {
  order: 2;
}
.pefo__vuj em {
  justify-content: flex-end;
}
.zi__tepe {
  padding: 0 0 16px;
  margin-bottom: 22px;
  border-bottom: 3px solid var(--murekkep);
}
.femejes__baslik {
  font-size: clamp(27px, 3vw, 38px); font-weight: 800;
  letter-spacing: -.015em;
  margin: 0 0 14px;
}
.zi__tepe .femejes__baslik {
  margin-bottom: 4px;
}
.zi__tepe .bul__giris {
  margin: 12px 0 6px;
}
.zi__guhibo {
  margin: 0;
  font-size: 13px;
  color: var(--murekkep-silik);
}
.zi__guhibo .conuz {
  font-weight: 700;
  color: var(--murekkep);
}
.zi__aciklama {
  margin-top: 8px;
  color: var(--murekkep-silik);
}
.tarih {
  margin: 26px 0 0;
  padding: 7px 12px;
  background: var(--pano-jole); border-left: 3px solid var(--renk); font-family: var(--font-ic); font-size: 12.5px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.tarih:first-child {
  margin-top: 0;
}
.zi__serit {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) 200px; gap: 18px;
  align-items: start;
  padding: 16px 0;
  border-bottom: 1px solid var(--cizgi);
}
.zi__serit > time {
  min-width: 44px;
  padding-top: 2px;
  font-size: 14px;
  font-weight: 800;
  color: var(--renk); font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.zi__ic {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
}
.zi__baslik {
  font-size: 19.5px;
  font-weight: 800;
  line-height: 1.27;
}
.zi__izgara {
  --sutun-yo: 2;
}
.zi__yijake {
  margin-top: 22px;
  padding-top: 14px;
  border-top: 1px solid var(--cizgi);
}
.gecis {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 30px 0;
}
.gecis a, .gecis span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid var(--cizgi); background: var(--pano); font-size: 14px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.gecis a:hover {
  border-color: currentColor;
}
.gecis__bubefu {
  background: var(--murekkep) !important;
  border-color: var(--murekkep) !important;
  color: var(--arka);
}
.yok {
  padding: 30px 0;
  color: var(--murekkep-silik);
}
.fe__cizelge {
  margin: 0 0 24px;
  border-top: 2px solid var(--murekkep);
}
.fe__cizelge > div {
  display: grid;
  grid-template-columns: minmax(150px, 34%) minmax(0, 1fr); gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--cizgi);
}
.fe__cizelge dt {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--murekkep-silik);
}
.fe__cizelge dd {
  margin: 0;
}
.imza__izgara {
  display: grid;
  grid-template-columns: repeat(var(--sutun), minmax(0, 1fr)); gap: 0 var(--hope); margin: 4px 0 40px;
  border-top: 2px solid var(--murekkep);
}
.imza__ogeler {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr); gap: 14px;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid var(--cizgi);
}
.imza__ogeler img {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
}
.imza__ogeler > span {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.imza__ogeler strong {
  font-size: 16px;
}
.imza__ogeler small {
  font-size: 12.5px;
  color: var(--murekkep-silik);
}
.imza__ogeler em {
  font-style: normal;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}
.sayfa {
  padding: 0 0 40px;
}
.kayip {
  padding-top: 50px;
  text-align: center;
}
.kayip__kod {
  margin: 0;
  font-family: var(--font-baslik); font-size: 96px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.04em;
  color: var(--renk); font-variant-numeric: tabular-nums;
}
.kayip .bul__giris {
  margin: 22px auto 48px;
}
.kayip__taban {
  text-align: left;
}
.taban {
  margin-top: 56px;
  background: var(--pano); border-top: 1px solid var(--cizgi); font-size: 14px;
}
.taban__gedez {
  flex: 0 0 auto;
  font-family: var(--font-baslik); font-size: 19px;
  font-weight: 800;
  letter-spacing: -.01em;
  white-space: nowrap;
}
.taban__lata {
  display: flex;
  flex-wrap: nowrap;
  gap: 22px;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
  white-space: nowrap;
}
.taban__lata::-webkit-scrollbar {
  display: none;
}
.taban__lata li {
  flex: 0 0 auto;
}
.taban__lata a {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: var(--murekkep-silik);
}
.taban__lata a:hover {
  color: var(--renk);
}
.telif {
  margin: 0;
  font-size: 12.5px;
  color: var(--murekkep-silik);
}
.taban__serit {
  border-top: 3px solid var(--murekkep);
}
.taban__tepe {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 20px 0 16px;
  border-bottom: 1px solid var(--cizgi);
}
.taban__taban {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 14px 0 20px;
}
.taban__vomu {
  background: var(--pano-jole);
  border-bottom: 1px solid var(--cizgi);
}
.taban__vomu-nabovob {
  display: flex;
  align-items: center;
  gap: 22px;
  min-height: 76px;
}
.taban__marka img {
  width: auto;
  max-height: 36px;
  max-width: 200px;
  object-fit: contain;
}
.taban__soz {
  margin: 0;
  padding-left: 22px;
  border-left: 1px solid var(--cizgi);
  color: var(--murekkep-silik);
}
.taban__vomu .sosyal {
  margin-left: auto;
}
.taban__yeni {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 28px;
  padding-top: 16px;
  padding-bottom: 20px;
}
.taban__yeni .taban__lata {
  flex: 1 1 auto;
}
.taban__yeni > :last-child:not(.telif) {
  flex-basis: 100%;
}
.taban__cipub {
  background: var(--pano-jole);
  border-top: 3px solid var(--murekkep);
}
.taban__izgara {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) repeat(var(--sutun), minmax(0, .7fr)); gap: 28px 40px;
  padding-top: 34px;
  padding-bottom: 26px;
}
.taban__kujome p {
  margin: 10px 0 14px;
  max-width: 420px;
  color: var(--murekkep-silik); line-height: 1.6;
}
.taban__gezinti h2 {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--murekkep-silik);
}
.taban__gezinti li {
  margin: 6px 0;
}
.taban__cipub .taban__yeni {
  border-top: 1px solid var(--cizgi);
}
.olcer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 95;
  width: 0;
  height: 3px;
  background: var(--renk);
}
.basa {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 50;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 2px;
  background: var(--murekkep); color: var(--arka); opacity: 0;
  pointer-events: none;
  transition: opacity .2s;
}
.basa[data-acik] {
  opacity: .9;
  pointer-events: auto;
}
.arka__fiyar .ic {
  border-left: 1px solid var(--cizgi); border-right: 1px solid var(--cizgi); padding-left: 24px;
  padding-right: 24px;
}
.arka__fiyar .ic + .ic, .arka__fiyar .ficer + .ic {
  padding-top: 34px;
}
.arka__fiyar .ficer {
  margin: 0;
}
.arka__fiyar .ic:has(+ .ficer) {
  padding-bottom: 36px;
}
.arka__fiyar .birincil + .taban {
  margin-top: 0;
}
.arka__fiyar .birincil > .ic:last-child {
  padding-bottom: 50px;
}
.arka__fiyar .bimip, .arka__fiyar .gezinti__vomu {
  border-bottom-color: var(--murekkep);
}
.arka__lebel {
  background: var(--pano-jole);
}
.arka__lebel .tepe, .arka__lebel .cay {
  background: var(--pano);
}
.arka__lebel .tepe__yap, .arka__lebel .vasat, .arka__lebel .femejes__birincil, .arka__lebel .kenar > *, .arka__lebel .femejes > .kisim, .arka__lebel .ic > .kisim, .arka__lebel .zi__tepe, .arka__lebel .kayip {
  background: var(--pano); padding: 22px;
}
.arka__lebel .femejes {
  gap: 18px;
}
.arka__lebel .femejes__birincil {
  padding-right: 22px;
}
.arka__lebel .femejes__birincil > .kisim:last-child {
  margin-bottom: 0;
}
.arka__lebel .kenar {
  padding-left: 0;
  border-left: 0;
  gap: 18px;
}
.arka__lebel .vasat {
  margin-top: 18px;
}
.arka__lebel .ficer {
  background: var(--pano); margin: 18px 0;
}
.arka__lebel .ic > .kisim {
  margin-bottom: 18px;
}
.arka__lebel .zi__tepe {
  margin-bottom: 18px;
}
.arka__lebel .taban {
  margin-top: 40px;
}
@media (max-width: 1100px) {
  :root {
    --hope: 24px;
  }
  .gezinti__sira a {
    padding: 0 9px;
    font-size: 13px;
  }
}
@media (max-width: 1024px) {
  .femejes {
    grid-template-columns: minmax(0, 1fr);
  }
  .femejes__birincil {
    padding-right: 0;
  }
  .kenar {
    margin-top: 34px;
    padding-left: 0;
    border-left: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px;
  }
  .arka__lebel .femejes__birincil {
    padding-right: 22px;
  }
  .arka__lebel .kenar {
    margin-top: 18px;
  }
  .tepe__yap, .tepe__yap-ralum {
    grid-template-columns: minmax(0, 1fr); grid-template-areas: "m" "a";
  }
  .one__alan, .tepe__yap-ralum .one__alan {
    padding: 0;
  }
  .tepe__yap > .noy, .tepe__yap-ralum > .noy {
    margin-top: 30px;
    padding: 0;
    border: 0;
  }
  .tepe__yap .noy__sira > li:nth-child(n+9), .kenar__sira > :nth-child(n+6) {
    display: none;
  }
  .izgara {
    grid-template-columns: repeat(var(--sutun-yo), minmax(0, 1fr));
  }
  .taban__izgara {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .taban__kujome {
    grid-column: 1 / -1;
  }
}
@media (max-width: 900px) {
  .gezinti__sipe {
    display: inline-flex;
    margin-left: -8px;
  }
  .gezinti__serit {
    display: none;
  }
  .bimip__saat, .bimip__vuj .sosyal {
    display: none;
  }
  .nojegi {
    grid-template-columns: minmax(0, 1fr);
  }
  .nojegi__zova {
    margin-bottom: 18px;
  }
  .gasi {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-auto-flow: row;
    row-gap: 20px;
  }
  .gasi > .zimi:last-child {
    grid-column: 1 / -1;
  }
  .gasi > .zimi:last-child::before {
    display: none;
  }
  .gasi > .zimi:last-child > .ogeler__serit:first-child {
    padding-top: 11px;
    border-top: 1px solid var(--cizgi);
  }
}
@media (max-width: 760px) {
  :root {
    --hope: 18px;
    --bimip-zujil: 58px;
  }
  .cerceve {
    padding: 0 16px;
  }
  .ic {
    padding-top: 16px;
  }
  .bimip__nabovob {
    gap: 10px;
  }
  .bimip__navove .bimip__nabovob {
    min-height: 62px;
  }
  .marka {
    flex: 1 1 auto;
    justify-content: center;
  }
  .marka img, .bimip__navove .marka img {
    max-height: 38px;
    max-width: 200px;
  }
  .bimip__vuj {
    margin-left: 0;
  }
  .gezinti__vomu .gezinti__sira a {
    height: 42px;
    font-size: 12.5px;
  }
  .gezinti__vomu .gezinti__zijodo {
    display: none;
  }
  .tepe__lata {
    display: none;
  }
  .yikiye__conuz, .nozos__hepsi {
    display: none;
  }
  .yikiye__ge .yikiye__anahtar {
    padding-right: 10px;
    font-size: 11.5px;
  }
  .yikiye__noy li {
    font-size: 14px;
  }
  .one__baslik {
    font-size: 25px;
  }
  .one__nima {
    font-size: 16px;
  }
  .kanaven li {
    display: block;
  }
  .kanaven .conuz {
    display: block;
    margin-top: 3px;
  }
  .vasat {
    grid-template-columns: minmax(0, 1fr); margin-top: 26px;
  }
  .vasat__sutun, .vasat__sutun:first-child, .vasat__sutun:last-child {
    padding: 0;
  }
  .vasat__sutun + .vasat__sutun {
    margin-top: 22px;
    border-left: 0;
  }
  .huhuk, .ogeler__yan, .valak, .pefo {
    grid-template-columns: minmax(0, 1fr);
  }
  .ogeler__yan {
    gap: 12px;
  }
  .ogeler__yan .ogeler__baslik, .vasat__navove .ogeler__yan .ogeler__baslik {
    font-size: 19px;
  }
  .valak__sutun + .valak__sutun {
    margin-top: 22px;
  }
  .valak__sutun + .valak__sutun::before {
    display: none;
  }
  .kenar {
    grid-template-columns: minmax(0, 1fr);
  }
  .dutud__navove, .noy__navove {
    grid-template-columns: minmax(0, 1fr);
  }
  .noy__navove li:nth-last-child(2) a {
    border-bottom: 1px solid var(--cizgi);
  }
  .murekkep {
    font-size: 17.5px;
  }
  .fe__heho img, .fe__heho .bimip__tos {
    display: none;
  }
  .fe__serit {
    gap: 2px 14px;
  }
  .fe__serit > * + *::before {
    display: none;
  }
  .zi__serit {
    grid-template-columns: 112px minmax(0, 1fr); grid-template-areas: "z z" "g b";
    gap: 6px 14px;
  }
  .zi__serit > time {
    grid-area: z;
    padding: 0;
    font-size: 13px;
  }
  .zi__serit > .ogeler__resim {
    grid-area: g;
  }
  .zi__ic {
    grid-area: b;
  }
  .zi__baslik {
    font-size: 16px;
  }
  .zi__serit .ogeler__ozet, .zi__ic .noluf {
    display: none;
  }
  .imza__izgara {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .taban__tepe, .taban__taban {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .taban__lata {
    -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent);
    mask-image: linear-gradient(90deg, #000 85%, transparent);
  }
  .taban__vomu-nabovob {
    flex-wrap: wrap;
    gap: 12px;
    padding: 16px 0;
  }
  .taban__soz {
    padding-left: 0;
    border-left: 0;
    flex-basis: 100%;
    order: 3;
  }
  .arka__fiyar .ic {
    border: 0;
    padding-left: 16px;
    padding-right: 16px;
  }
  .arka__lebel .tepe__yap, .arka__lebel .vasat, .arka__lebel .femejes__birincil, .arka__lebel .kenar > *, .arka__lebel .femejes > .kisim, .arka__lebel .ic > .kisim, .arka__lebel .zi__tepe, .arka__lebel .kayip {
    padding: 16px;
  }
  .arka__lebel .femejes__birincil {
    padding-right: 16px;
  }
}
@media (max-width: 560px) {
  .izgara {
    grid-template-columns: minmax(0, 1fr); gap: 0;
  }
  .izgara > .ogeler__kutu {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr); gap: 13px;
    padding: 12px 0;
    border-top: 0;
    border-bottom: 1px solid var(--cizgi);
  }
  .izgara > .ogeler__kutu::before {
    display: none;
  }
  .izgara > .ogeler__kutu .ogeler__ic {
    padding: 0;
  }
  .izgara > .ogeler__kutu .noluf {
    display: none;
  }
  .izgara > .ogeler__kutu .ogeler__tepe {
    order: 2;
  }
  .izgara > .ogeler__kutu .ogeler__tepe > * + *::before {
    display: none;
  }
  .izgara > .ogeler__kutu .ogeler__baslik {
    font-size: 15.5px;
  }
  .izgara > .ogeler__su {
    padding: 12px 0;
    border-top: 0;
    border-bottom: 1px solid var(--cizgi);
  }
  .yap__huhi .izgara__su > .ogeler + .ogeler::before {
    display: none;
  }
  .izgara__su {
    margin-top: 8px;
  }
  .gasi {
    grid-template-columns: minmax(0, 1fr);
  }
  .gasi > .zimi::before {
    display: none;
  }
  .gasi > .zimi > .ogeler__serit:first-child {
    padding-top: 11px;
    border-top: 1px solid var(--cizgi);
  }
  .nojegi__sira {
    grid-template-columns: minmax(0, 1fr);
  }
  .ogeler__iri .ogeler__baslik {
    font-size: 21px;
  }
  .nojegi__zova h3 {
    font-size: 22px;
  }
  .mecupuk__taban h2 {
    font-size: 22px;
  }
  .ficer {
    margin: 30px 0;
    padding: 22px 0 14px;
  }
  .pefo__vuj {
    grid-template-columns: 116px minmax(0, 1fr) !important; text-align: left;
  }
  .pefo__vuj .pefo__resim {
    order: 0;
  }
  .pefo__vuj em {
    justify-content: flex-start;
  }
  .fe__cizelge > div {
    grid-template-columns: minmax(0, 1fr); gap: 2px;
  }
  .kayip__kod {
    font-size: 72px;
  }
}