:root {
  --marka:#3730a3;
  --yuvarlak:10px;
  --yazi:#2d2626;
  --marka-harf:#ffffff;
  --sinir:1200px;
  --yazi-soluk:#6f5d5d;
  --font-metin:"Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --yesil:#30943f;
  --cizgi:#ebe7e7;
  --yuzey:#faf9f9;
  --arka:#ffffff;
  --kirmizi:#c02125;
  --yuzey-teracem:#f7f4f4;
  --font-baslik:"Open Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
:root {
  --deju: var(--marka); --sarma: min(var(--sinir), 1100px); --dosohi: 20px;
  --yorum: clamp(3px, var(--yuvarlak), 5px); --me: var(--arka); --lene: color-mix(in srgb, var(--yuzey-teracem) 93%, var(--yazi)); --coduz-garu: 44px;
}
*, *::before, *::after {
  box-sizing: border-box;
}
[hidden] {
  display: none !important;
}
html {
  -webkit-text-size-adjust: 100%;
  scroll-padding-top: 70px;
}
body {
  margin: 0;
  background: var(--lene); color: var(--yazi); font-family: var(--font-metin); font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
body.arkaYino {
  --lene: color-mix(in srgb, color-mix(in srgb, var(--yuzey-teracem) 94%, var(--yazi)) 94%, var(--marka));
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  color: var(--marka);
}
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(--marka); outline-offset: 2px;
}
.sarma {
  width: 100%;
  max-width: var(--sarma); margin: 0 auto;
  padding: 0 20px;
}
.sakli {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap;
  border: 0;
}
.guyej:focus {
  position: fixed !important;
  z-index: 100;
  top: 8px;
  left: 8px;
  width: auto;
  height: auto;
  padding: 8px 14px;
  clip: auto;
  background: var(--marka);
  color: var(--marka-harf);
}
.ikonDugme {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: var(--yorum); background: transparent;
}
.ikonDugme:hover {
  background: var(--yuzey-teracem);
}
.kutu {
  background: var(--me);
  border-radius: var(--yorum);
}
.ust {
  background: var(--me); border-bottom: 1px solid var(--cizgi); font-size: 12.5px;
  color: var(--yazi-soluk);
}
.ustCuri {
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 32px;
  white-space: nowrap;
  overflow: hidden;
}
.ustGun {
  display: inline-flex;
  gap: 8px;
}
.ustGun b, .ustZejac b {
  color: var(--yazi); font-weight: 700;
}
.ustZejac {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.ustZejac svg {
  width: 17px;
  height: 17px;
}
.ustFoboj {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  margin-left: auto;
}
.coduz {
  position: relative;
  z-index: 40;
}
.coduzLogoSira {
  background: var(--me);
}
.coduzCuri {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 74px;
}
.gezintiVik {
  display: none;
}
.logo {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-width: 0;
}
.logo img {
  width: auto;
  max-height: 48px;
}
.logoHarf {
  font-family: var(--font-baslik); font-size: 28px;
  font-weight: 900;
  letter-spacing: -.02em;
}
.coduzVogu {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-left: auto;
}
.coduzGun {
  font-size: 13px;
  color: var(--yazi-soluk); white-space: nowrap;
}
.sosyal {
  display: flex;
  gap: 4px;
}
.sosyal a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--yorum);
  color: var(--yazi-soluk);
}
.sosyal a:hover {
  color: var(--marka);
  background: var(--yuzey-teracem);
}
.dosohiDugme {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 14px;
  border: 1px solid var(--cizgi); border-radius: var(--yorum); background: var(--me); font-size: 14px;
  font-weight: 700;
}
.dosohiDugme:hover {
  border-color: var(--marka);
  color: var(--marka);
}
.coduzCufu {
  position: sticky;
  top: calc(-74px - 1px);
}
.gezintiCufu {
  background: var(--marka);
  color: var(--marka-harf);
}
.gezintiDizi {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  white-space: nowrap;
}
.gezintiDizi::-webkit-scrollbar {
  display: none;
}
.gezintiDizi > li {
  flex: 0 0 auto;
}
.gezintiDizi a {
  display: flex;
  align-items: center;
  height: var(--coduz-garu); padding: 0 13px;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .02em;
}
.gezintiBati {
  padding: 0 13px 0 0 !important;
}
.gezintiCufu a:hover, .gezintiCufu .gezintiNepitof {
  color: inherit;
  background: rgba(0, 0, 0, .15);
}
.gezintiCufu .gezintiBati:hover, .gezintiCufu .gezintiBati.gezintiNepitof {
  background: transparent;
  opacity: .8;
}
.coduzKoyijud {
  position: sticky;
  top: 0;
  background: var(--me);
  border-top: 4px solid var(--marka);
  box-shadow: 0 1px 0 var(--cizgi);
}
.coduzKoyijud .coduzCuri {
  min-height: 66px;
  gap: 22px;
}
.coduzKoyijud .logo img {
  max-height: 42px;
}
.gezintiSira {
  flex: 1;
  min-width: 0;
  align-self: stretch;
  display: flex;
}
.gezintiSira .gezintiDizi {
  flex: 1;
  -webkit-mask-image: linear-gradient(90deg, #000 92%, transparent);
  mask-image: linear-gradient(90deg, #000 92%, transparent);
}
.gezintiSira a {
  height: 100%;
  padding: 0 11px;
  font-size: 13.5px;
  box-shadow: inset 0 -3px 0 transparent;
}
.gezintiSira .gezintiNepitof, .gezintiSira a:hover {
  color: var(--marka);
  box-shadow: inset 0 -3px 0 var(--marka);
}
.gezintiSira .gezintiBati {
  color: var(--marka);
}
.bulVacirot {
  background: var(--me); border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); padding: 14px 0;
}
.bulVacirot form, .bulForm {
  display: flex;
  gap: 8px;
}
.bulVacirot input, .bulForm input {
  flex: 1;
  min-width: 0;
  height: 46px;
  padding: 0 14px;
  border: 1px solid var(--cizgi);
  border-radius: var(--yorum);
  background: var(--arka);
}
.bulVacirot button, .bulForm button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 46px;
  padding: 0 20px;
  border: 0;
  border-radius: var(--yorum); background: var(--marka); color: var(--marka-harf); font-weight: 800;
}
.bulForm {
  max-width: 640px;
  margin-top: 14px;
}
.lataycil {
  position: fixed;
  inset: 0;
  z-index: 90;
  background: rgba(0, 0, 0, .45);
}
.latayCuri {
  width: min(340px, 88vw); height: 100%;
  overflow-y: auto;
  background: var(--me); padding: 14px 18px 30px;
}
.latayUst {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 4px solid var(--marka);
}
.latayUst strong {
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
}
.latayDosohi {
  display: flex;
  margin: 14px 0 6px;
}
.latayDosohi input {
  flex: 1;
  min-width: 0;
  height: 42px;
  padding: 0 12px;
  border: 1px solid var(--cizgi); border-right: 0;
  border-radius: var(--yorum) 0 0 var(--yorum);
  background: var(--arka);
}
.latayDosohi button {
  width: 46px;
  border: 0;
  border-radius: 0 var(--yorum) var(--yorum) 0;
  background: var(--marka);
  color: var(--marka-harf);
}
.latayGezinti a {
  display: block;
  padding: 11px 0;
  border-bottom: 1px solid var(--cizgi); font-weight: 800;
  text-transform: uppercase;
  font-size: 14.5px;
}
.latayGezinti li li a {
  padding-left: 14px;
  font-weight: 600;
  text-transform: none;
}
.latayPomemo {
  margin-top: 18px;
}
.latayPomemo a {
  display: block;
  padding: 7px 0;
  font-size: 14px;
  color: var(--yazi-soluk);
}
.liloceg {
  background: var(--me);
  border-bottom: 1px solid var(--cizgi);
}
.lilocegCuri {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 44px;
  overflow: hidden;
}
.lilocegKonu {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: var(--marka);
}
.lilocegKonu i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
  animation: sicer 1.3s ease-in-out infinite;
}
.lilocegJeba {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.lilocegJeba li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14.5px;
  font-weight: 700;
}
.lilocegJeba time {
  margin-right: 10px;
  padding: 2px 6px;
  border-radius: var(--yorum); background: var(--yuzey-teracem); font-size: 12.5px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.lilocegCut {
  background: var(--marka); color: var(--marka-harf); border-bottom: 0;
}
.lilocegCut .lilocegCuri {
  min-height: 48px;
}
.lilocegCut .lilocegKonu {
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(0, 0, 0, .8); color: #fff;
  font-size: 12px;
}
.lilocegCut .lilocegJeba {
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 3%, #000 97%, transparent);
}
.lilocegCut .lilocegJeba ul, .higoRegug .higoJeba ul {
  display: flex;
  width: max-content;
  animation: gim 80s linear infinite;
}
.lilocegCut .lilocegJeba:hover ul, .higoRegug .higoJeba:hover ul {
  animation-play-state: paused;
}
.lilocegCut .lilocegJeba li {
  overflow: visible;
  padding-right: 28px;
}
.lilocegCut .lilocegJeba li::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 12px 2px 0;
  border-radius: 50%;
  background: currentColor;
  opacity: .7;
  vertical-align: middle;
}
.lilocegCut a:hover {
  color: inherit;
  text-decoration: underline;
}
.lilocegMava {
  flex: 0 0 auto;
  padding: 5px 12px;
  border-radius: 999px;
  background: rgba(0, 0, 0, .2); font-size: 13.5px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
@keyframes gim {
  to {
    transform: translateX(-50%);
  }
}
@keyframes sicer {
  50% {
    opacity: .25;
  }
}
.higo {
  background: var(--me);
  border-bottom: 1px solid var(--cizgi);
}
.higoCuri {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 46px;
}
.higoBaslik {
  flex: 0 0 auto;
  padding-right: 16px;
  border-right: 2px solid var(--marka); font-family: var(--font-baslik); font-size: 15px;
  font-weight: 900;
  white-space: nowrap;
}
.higoJeba {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.higoJeba ul {
  display: flex;
  gap: 0;
}
.higoJeba li {
  flex: 0 0 auto;
  padding: 0 22px 0 0;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
}
.higoJeba li + li {
  padding-left: 22px;
  border-left: 1px solid var(--cizgi);
}
.higoJeba b {
  color: var(--marka); font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .01em;
}
.higoRegug .higoJeba {
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 2%, #000 96%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 2%, #000 96%, transparent);
}
.higoSugi .higoJeba {
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.higoSugi .higoJeba::-webkit-scrollbar {
  display: none;
}
.higoSugi li {
  scroll-snap-align: start;
}
.ju {
  display: inline-flex;
  flex: 0 0 auto;
  gap: 4px;
}
.ju button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid var(--cizgi);
  border-radius: var(--yorum);
  background: var(--me);
}
.ju button:hover {
  border-color: var(--marka);
  color: var(--marka);
}
@media (prefers-reduced-motion: reduce) {
  .lilocegCut .lilocegJeba ul, .higoRegug .higoJeba ul {
    animation: none;
  }
  .higoRegug .higoJeba {
    overflow-x: auto;
  }
}
.alan {
  margin-bottom: 30px;
}
.zozav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}
.zozav h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -.01em;
}
.zozav h2::before {
  content: "";
  flex: 0 0 auto;
  width: 13px;
  height: 13px;
  border-radius: 1px;
  background: var(--marka);
}
.zozavCizgi h2 {
  order: 0;
}
.zozavCizgi::after {
  content: "";
  order: 1;
  flex: 1;
  height: 2px;
  background: color-mix(in srgb, var(--cizgi) 70%, var(--yazi));
}
.zozavCizgi .zozavVogu {
  order: 2;
}
.zozavVogu {
  display: flex;
  align-items: center;
  gap: 12px;
}
.zozavTumu {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  color: var(--yazi-soluk); white-space: nowrap;
}
.zozavTumu:hover {
  color: var(--marka);
}
.kutuBaslik {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  font-size: 16px;
  font-weight: 900;
}
.kutuBaslik::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 1px;
  background: var(--marka);
}
.kart {
  min-width: 0;
}
.kartKutu, .kartBuyuk, .kartMidavo, .kartYazi {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--me);
  border-radius: var(--yorum);
}
.kartFoto {
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: var(--yuzey-teracem);
}
.kartFoto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease;
}
.kart:hover .kartFoto img {
  transform: scale(1.03);
}
.kartMetin {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 6px;
  padding: 12px 14px 13px;
}
.nal {
  align-self: flex-start;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--deju);
}
.nal:hover {
  color: var(--deju); text-decoration: underline;
}
.kartBaslik {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
}
.baslikNoha .kartBaslik {
  font-weight: 800;
}
.kartBaslik a:hover {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.kartJal {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0;
  font-size: 14.5px;
  line-height: 1.45;
  color: var(--yazi-soluk);
}
.vakit {
  margin-top: auto;
  font-size: 12.5px;
  color: var(--yazi-soluk);
}
.kartBuyuk .kartMetin {
  padding: 16px 18px 18px;
  gap: 8px;
}
.kartBuyuk .kartBaslik {
  font-size: 24px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.01em;
}
.kartBuyuk .kartJal {
  -webkit-line-clamp: 3;
  font-size: 15.5px;
}
.kartMidavo {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr); gap: 12px;
  align-items: start;
  padding: 10px;
}
.kartMidavo .kartFoto {
  border-radius: max(2px, calc(var(--yorum) - 2px));
}
.kartMidavo .kartMetin {
  padding: 0;
  gap: 5px;
}
.kartMidavo .kartBaslik {
  font-size: 16px;
}
.kartYazi .kartMetin {
  padding: 12px 14px;
}
.kartYazi .kartBaslik {
  font-size: 16px;
}
.kartSira .kartMetin {
  flex-direction: row;
  align-items: baseline;
  gap: 12px;
  padding: 11px 0;
  border-top: 1px solid var(--cizgi);
}
.kartSira:first-child .kartMetin, .kutuBaslik + .kartSira .kartMetin {
  border-top: 0;
}
.kartSira .vakit {
  flex: 0 0 40px;
  margin: 0;
  color: var(--marka); font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.kartSira .kartBaslik {
  -webkit-line-clamp: 2;
  font-size: 15px;
  font-weight: 700;
}
.kafes {
  --hucre: 3;
  display: grid;
  grid-template-columns: repeat(var(--hucre), minmax(0, 1fr));
  gap: var(--dosohi);
}
.kafesTaban {
  margin-top: 12px;
  gap: 12px var(--dosohi);
}
.kafesMidavo {
  gap: 12px var(--dosohi);
}
.duh {
  padding: 4px 16px;
}
.duh .kutuBaslik {
  padding-top: 12px;
  margin-bottom: 0;
}
.duhCeli {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px;
}
.duhCeli .kartSira:nth-child(2) .kartMetin {
  border-top: 0;
}
.radebu {
  margin-top: 22px;
}
.kafesRadebu .kartMetin {
  padding: 14px 16px 15px;
}
.kafesRadebu .kartBaslik {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.005em;
}
.vitrin {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: var(--dosohi); align-items: start;
  margin-bottom: 30px;
}
.vitrinGahek {
  grid-template-columns: minmax(0, 1fr);
}
.vitrinJimu {
  min-width: 0;
  overflow: hidden;
  background: var(--me);
  border-radius: var(--yorum);
}
.vitrinFoto {
  display: block;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: var(--yuzey-teracem);
}
.vitrinFoto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vitrinYazi {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 22px 18px;
}
.vitrinBaslik {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: clamp(23px, 2.5vw, 30px); font-weight: 900;
  line-height: 1.17;
  letter-spacing: -.015em;
}
.vitrinBaslik a:hover {
  color: inherit;
}
.vitrinJal {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0;
  font-size: 16px;
  line-height: 1.45;
  color: var(--yazi-soluk);
}
.vitrinFoho {
  display: flex;
}
.vitrinFoho button {
  padding: 0;
  border: 0;
  font-size: 13.5px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}
.vitrinFohoTaban {
  gap: 4px;
  padding: 0 22px 18px;
  overflow-x: auto;
  scrollbar-width: none;
}
.vitrinFohoTaban::-webkit-scrollbar {
  display: none;
}
.vitrinFohoTaban button {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border: 1px solid var(--cizgi);
  border-radius: var(--yorum);
  background: var(--me);
}
.vitrinFohoTaban button:hover {
  border-color: var(--marka);
  color: var(--marka);
}
.vitrinFohoTaban button[aria-selected="true"] {
  background: var(--marka);
  border-color: var(--marka);
  color: var(--marka-harf);
}
.jimuSerit {
  display: grid;
  grid-template-areas: "g" "n" "m";
}
.jimuSerit .vitrinKare {
  display: contents;
}
.jimuSerit .vitrinFoto {
  grid-area: g;
}
.jimuSerit .vitrinYazi {
  grid-area: m;
}
.vitrinFohoSerit {
  grid-area: n;
  display: grid;
  grid-template-columns: repeat(var(--mezi), minmax(0, 1fr));
  background: var(--yazi);
}
.vitrinFohoSerit button {
  height: 34px;
  background: transparent;
  color: var(--arka); opacity: .75;
  border-left: 1px solid rgba(255, 255, 255, .14);
}
.vitrinFohoSerit button:first-child {
  border-left: 0;
}
.vitrinFohoSerit button:hover {
  opacity: 1;
}
.vitrinFohoSerit button[aria-selected="true"] {
  opacity: 1;
  background: var(--marka);
  color: var(--marka-harf);
}
.vitrinKenar {
  display: grid;
  gap: var(--dosohi); align-content: start;
  min-width: 0;
}
.vitrinKenar .kartBaslik {
  -webkit-line-clamp: 2;
  font-size: 18px;
  font-weight: 800;
}
.vitrinKenar .kartKutu .vakit {
  display: none;
}
.vitrinKenarDizi {
  gap: 14px;
}
.vilesu {
  margin: -10px 0 30px;
}
.vilesuCuri {
  display: grid;
  grid-template-columns: repeat(var(--mezi), minmax(0, 1fr)); gap: 10px;
}
.rohojor {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  padding: 10px 14px;
  background: var(--me);
  border-radius: var(--yorum);
  border-top: 3px solid var(--marka);
}
a.rohojor:hover {
  color: inherit;
  background: color-mix(in srgb, var(--yuzey) 94%, var(--marka));
}
.rohojorRo {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: var(--yazi-soluk); white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rohojor b {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 18px;
  font-weight: 900;
  font-variant-numeric: tabular-nums;
}
.rohojor b svg {
  width: 22px;
  height: 22px;
}
.rohojorYiboc {
  font-size: 12px;
  color: var(--yazi-soluk); white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rohojorTey {
  font-size: 12.5px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.rohojorSetof {
  color: var(--yesil);
}
.rohojorPoro {
  color: var(--kirmizi);
}
.rohojorSidi {
  color: var(--yazi-soluk);
}
.veva {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(0, 1fr); gap: var(--dosohi); align-items: start;
}
.vevaKoyijud {
  grid-template-columns: minmax(0, 1fr);
}
.vevaDizi {
  display: grid;
  gap: 12px;
}
.vevaDizi .kartMidavo {
  grid-template-columns: 168px minmax(0, 1fr);
}
.veva .kartBuyuk .kartJal {
  -webkit-line-clamp: 2;
}
.kabe {
  display: grid;
  grid-template-columns: repeat(var(--hucre), minmax(0, 1fr)); gap: var(--dosohi); align-items: start;
}
.populer {
  padding: 18px 22px 8px;
}
.fapu {
  counter-reset: joki;
}
.fapu li {
  counter-increment: joki;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr); align-items: start;
  padding: 12px 0;
  border-top: 1px solid var(--cizgi); font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
}
.fapu li::before {
  content: counter(joki); font-family: var(--font-baslik); font-size: 30px;
  font-weight: 900;
  line-height: .95;
  color: var(--marka);
}
.fapuSiromaz {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: 22px;
}
.fapuSiromaz li:nth-child(-n+5) {
  border-top: 0;
  padding-top: 4px;
}
.fapuSiromaz li {
  grid-template-columns: 44px minmax(0, 1fr); font-size: 14.5px;
}
.fapuCeli {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px;
  padding: 6px 18px;
}
.fapuCeli li:nth-child(-n+2) {
  border-top: 0;
}
.fapuTezad li {
  grid-template-columns: 30px minmax(0, 1fr); padding: 10px 0;
  font-size: 14.5px;
}
.fapuTezad li:first-child {
  border-top: 0;
}
.fapuTezad li::before {
  font-size: 24px;
}
.imzaJeba {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.imzaJeba::-webkit-scrollbar {
  display: none;
}
.imzaKart {
  flex: 0 0 calc((100% - 36px) / 4); display: grid;
  grid-template-columns: 64px minmax(0, 1fr); gap: 12px;
  align-items: center;
  padding: 14px;
  background: var(--me); border-radius: var(--yorum); scroll-snap-align: start;
}
.imzaKart img, .imzaKart .coduzGemova {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
}
.imzaKart span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-size: 14.5px;
  font-weight: 700;
  line-height: 1.35;
}
.imzaKart b {
  display: block;
  font-size: 12.5px;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--marka);
}
.coduzGemova {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--marka); color: var(--marka-harf); font-family: var(--font-baslik); font-weight: 900;
  line-height: 1;
}
.hekiza {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px; gap: 24px;
  align-items: start;
}
.hekizaAna {
  min-width: 0;
}
.sutun {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: sticky;
  top: 84px;
}
.sutun > .kutu {
  padding: 16px 18px;
}
.sutunDizi > .kartMidavo {
  grid-template-columns: 104px minmax(0, 1fr); padding: 11px 0;
  border-top: 1px solid var(--cizgi); border-radius: 0;
}
.sutunDizi > .kartMidavo:first-child {
  border-top: 0;
}
.sutunDizi .kartBaslik {
  font-size: 14.5px;
}
.sutunDizi .nal {
  font-size: 11px;
}
.sutunImza a {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr); gap: 12px;
  align-items: center;
  padding: 10px 0;
  border-top: 1px solid var(--cizgi); font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}
.sutunImza a:first-child {
  border-top: 0;
}
.sutunImza img, .sutunImza .coduzGemova {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}
.sutunImza b {
  display: block;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--marka);
}
.rasi li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto 64px; gap: 8px;
  align-items: baseline;
  padding: 8px 0;
  border-top: 1px solid var(--cizgi); font-size: 14px;
}
.rasi li:first-child {
  border-top: 0;
}
.rasi span {
  font-weight: 800;
}
.rasi b {
  font-variant-numeric: tabular-nums;
}
.rasi .rohojorTey {
  text-align: right;
}
.nepoh {
  display: grid;
  gap: 14px;
}
.nepohIklim {
  display: flex;
  align-items: center;
  gap: 10px;
}
.nepohIklim svg {
  width: 40px;
  height: 40px;
}
.nepohIklim > b {
  font-size: 30px;
  font-weight: 900;
}
.nepohIklim span {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  color: var(--yazi-soluk);
}
.nepohIklim strong {
  color: var(--yazi); font-size: 14px;
}
.nepohEzan p {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 700;
}
.nepohEzan p b {
  margin-left: 4px;
  font-size: 22px;
  color: var(--marka); font-variant-numeric: tabular-nums;
}
.zibeg {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px;
}
.zibeg li {
  display: flex;
  flex-direction: column;
  padding: 6px 8px;
  border-radius: var(--yorum); background: var(--yuzey-teracem); font-size: 12px;
  color: var(--yazi-soluk);
}
.zibeg b {
  font-size: 15px;
  color: var(--yazi); font-variant-numeric: tabular-nums;
}
.nepohTumu {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 800;
  color: var(--marka);
}
.yol ol {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
  padding: 16px 0 12px;
  overflow: hidden;
  font-size: 13px;
  color: var(--yazi-soluk); white-space: nowrap;
}
.yol li {
  flex: 0 0 auto;
}
.yol li:last-child {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.yol li + li::before {
  content: "›";
  margin-right: 6px;
  opacity: .6;
}
.yasoCoduz {
  padding: 26px 28px 24px;
}
.yasoUst {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.yasoUst .nal {
  font-size: 13.5px;
}
.yasoBaslik {
  font-size: clamp(27px, 3.1vw, 38px); font-weight: 900;
  line-height: 1.15;
  letter-spacing: -.018em;
}
.yasoJal {
  margin: 0;
  font-size: clamp(17px, 1.5vw, 19px); font-weight: 600;
  line-height: 1.5;
}
.rafih {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  margin-top: 4px;
  padding: 10px 0;
  border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); font-size: 13.5px;
  color: var(--yazi-soluk);
}
.rafihLukat {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 0;
}
.rafihLukat > * + *::before {
  content: "•";
  margin: 0 9px;
  opacity: .6;
}
.rafihYig {
  font-weight: 800;
  color: var(--yazi);
}
.rafihYig span {
  font-weight: 500;
  color: var(--yazi-soluk);
}
.rafihKontrol {
  display: flex;
  gap: 6px;
}
.rafihKontrol button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 11px;
  border: 1px solid var(--cizgi); border-radius: var(--yorum); background: var(--me); font-size: 13px;
  font-weight: 800;
}
.rafihKontrol button[data-acik] {
  background: var(--marka);
  border-color: var(--marka);
  color: var(--marka-harf);
}
.yasoFoto {
  margin: 20px -28px 0;
}
.yasoFoto img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background: var(--yuzey-teracem);
}
.yasoFoto figcaption {
  padding: 8px 28px 0;
  font-size: 13px;
  color: var(--yazi-soluk);
}
.yasoMetin {
  margin-top: 14px;
  padding: 6px 28px 26px;
}
.yasoKoyijudKutu .yasoCoduz {
  padding-bottom: 26px;
}
.yasoAciklama {
  margin: 22px 0 0;
  padding: 16px 18px;
  border-left: 4px solid var(--marka);
  border-radius: var(--yorum);
  background: var(--yuzey-teracem);
}
.yasoAciklama strong {
  display: block;
  margin-bottom: 6px;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.yasoAciklama ul {
  padding-left: 18px;
  list-style: disc;
}
.yazi {
  margin-top: 22px;
  font-size: 18.5px;
  line-height: 1.72;
  overflow-wrap: break-word;
}
.yazi > * {
  margin: 0 0 1.05em;
}
.yazi > :last-child {
  margin-bottom: 0;
}
.yazi a {
  color: var(--marka); text-decoration: underline;
  text-underline-offset: 3px;
}
.yazi h2 {
  margin-top: 1.5em;
  font-size: 1.35em;
  font-weight: 900;
}
.yazi h3 {
  margin-top: 1.3em;
  font-size: 1.15em;
  font-weight: 800;
}
.yazi ul {
  padding-left: 1.3em;
  list-style: disc;
}
.yazi ol {
  padding-left: 1.3em;
  list-style: decimal;
}
.yazi blockquote {
  margin-left: 0;
  padding: 4px 0 4px 18px;
  border-left: 4px solid var(--marka); font-weight: 600;
}
.yazi img, .yazi iframe, .yazi video {
  max-width: 100%;
  height: auto;
}
.yazi figure {
  margin-left: 0;
  margin-right: 0;
}
.yazi figcaption {
  font-size: 13px;
  color: var(--yazi-soluk);
}
.yazi table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}
.yazi td, .yazi th {
  padding: 8px;
  border: 1px solid var(--cizgi);
}
.fudup {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  margin: 26px 0 0;
  padding-top: 16px;
  border-top: 1px solid var(--cizgi);
}
.fudup a {
  font-size: 14px;
  font-weight: 800;
  color: var(--yazi-soluk);
}
.fudup a:hover {
  color: var(--marka);
}
.paylas {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 18px 0 0;
}
.paylas span {
  margin-right: 8px;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.paylas a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: var(--yorum);
  background: var(--yuzey-teracem);
}
.paylas a:hover {
  background: var(--marka);
  color: var(--marka-harf);
}
.imzaKutu {
  display: flex;
  gap: 14px;
  margin-top: 22px;
  padding: 16px;
  border-radius: var(--yorum);
  background: var(--yuzey-teracem);
}
.imzaKutu img, .imzaKutu .coduzGemova {
  flex: 0 0 auto;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
}
.imzaKutu a {
  display: block;
  font-weight: 900;
}
.imzaKutu span {
  font-size: 13px;
  color: var(--yazi-soluk);
}
.diloLa {
  margin: 24px 0 0;
}
.yuf {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--dosohi); margin-top: 24px;
}
.yufKoyijud {
  grid-template-columns: minmax(0, 1fr);
}
.yuf a {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 16px;
  border-top: 3px solid var(--marka);
}
.yuf span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--yazi-soluk);
}
.yuf strong {
  font-family: var(--font-baslik); font-size: 16.5px;
  line-height: 1.3;
}
.yufVogu {
  text-align: right;
  align-items: flex-end;
}
.veyulUst {
  padding: 20px 24px;
  margin: 18px 0 20px;
}
.yol + .veyulUst {
  margin-top: 0;
}
.hekizaBaslik {
  font-size: clamp(26px, 3vw, 34px); font-weight: 900;
  letter-spacing: -.01em;
  margin: 0 0 14px;
}
.veyulUst .hekizaBaslik {
  margin: 0;
}
.veyulKoju {
  color: var(--marka); margin-right: 2px;
}
.veyulBilgi {
  margin-top: 8px;
  color: var(--yazi-soluk);
}
.veyulBilgi p {
  margin: 0;
}
.veyulTegil {
  margin-bottom: var(--dosohi);
}
.veyulDizi {
  display: grid;
  gap: 12px;
}
.sira {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr); gap: 18px;
  padding: 12px;
}
.sira .kartFoto {
  border-radius: max(2px, calc(var(--yorum) - 2px));
}
.sira > div {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 4px 4px 2px 0;
}
.siraBaslik {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
}
.gecis {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 24px 0;
}
.gecis a, .gecis span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  border-radius: var(--yorum); background: var(--me); font-size: 14px;
  font-weight: 800;
}
.gecisNepitof {
  background: var(--marka) !important;
  color: var(--marka-harf);
}
.bos {
  margin: 0;
  padding: 30px 24px;
  color: var(--yazi-soluk);
}
.hekizaKutu {
  padding: 26px 28px;
}
.hekizaKutu .yazi {
  margin-top: 0;
}
.rafihListe {
  margin: 0 0 24px;
  border-top: 1px solid var(--cizgi);
}
.rafihListe > div {
  display: grid;
  grid-template-columns: minmax(150px, 34%) minmax(0, 1fr); gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--cizgi);
}
.rafihListe dt {
  font-weight: 800;
}
.rafihListe dd {
  margin: 0;
}
.gorunum {
  margin-top: 18px;
  padding: 24px 26px 30px;
}
.yorumDizi {
  display: grid;
  gap: 12px;
}
.yorumZejac {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr); gap: 16px;
  align-items: center;
  padding: 16px 18px;
}
.yorumZejac img, .yorumZejac .coduzGemova {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  object-fit: cover;
}
.yorumZejac span {
  font-size: 12.5px;
  font-weight: 900;
  text-transform: uppercase;
  color: var(--marka);
}
.yorumZejac h2 {
  margin: 2px 0 4px;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.3;
}
.imzaKafes {
  margin-bottom: 30px;
}
.imzaHevope {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 22px 14px;
  text-align: center;
}
.imzaHevope img, .imzaHevope .coduzGemova {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 4px;
}
.imzaHevope span {
  font-size: 13px;
  color: var(--yazi-soluk);
}
.imzaHevope em {
  font-style: normal;
  font-size: 14px;
  font-weight: 700;
}
.yok {
  margin-top: 24px;
  margin-bottom: 30px;
  padding: 44px 24px;
  text-align: center;
}
.yokKod {
  margin: 0;
  font-family: var(--font-baslik); font-size: 96px;
  font-weight: 900;
  line-height: 1;
  color: var(--marka);
}
.yok .bulForm {
  margin: 22px auto 0;
}
.taban {
  margin-top: 40px;
  background: var(--me); border-top: 4px solid var(--marka); font-size: 14px;
}
.tabanRo {
  flex: 0 0 auto;
  font-family: var(--font-baslik); font-size: 20px;
  font-weight: 900;
  letter-spacing: -.01em;
  white-space: nowrap;
}
.tabanFoboj {
  display: flex;
  flex-wrap: nowrap;
  gap: 22px;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
  white-space: nowrap;
}
.tabanFoboj::-webkit-scrollbar {
  display: none;
}
.tabanFoboj li {
  flex: 0 0 auto;
}
.tabanFoboj a {
  font-weight: 700;
  color: var(--yazi-soluk);
}
.tabanFoboj a:hover {
  color: var(--marka);
}
.hak {
  margin: 0;
  font-size: 13px;
  color: var(--yazi-soluk);
}
.tabanSira {
  padding: 22px 0 18px;
}
.tabanUst {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--cizgi);
}
.tabanTaban {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 12px;
}
.tabanTotij {
  display: flex;
  align-items: center;
  gap: 22px;
  padding-top: 20px;
  padding-bottom: 18px;
}
.tabanLogo img {
  width: auto;
  max-height: 36px;
}
.tabanSlogan {
  margin: 0;
  color: var(--yazi-soluk);
}
.tabanTotij .sosyal {
  margin-left: auto;
}
.tabanCufu {
  padding: 14px 0;
  background: var(--lene);
}
.tabanCufu .sarma {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px 24px;
}
.tabanCufu .tabanFoboj {
  flex: 1 1 auto;
}
.tabanDivuvuy .tabanKafes {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) repeat(var(--hucre), minmax(0, .7fr)); gap: 24px 36px;
  padding-top: 30px;
  padding-bottom: 22px;
}
.tabanPu p {
  margin: 10px 0 14px;
  max-width: 420px;
  color: var(--yazi-soluk); line-height: 1.6;
}
.tabanGezinti h2 {
  margin-bottom: 10px;
  font-size: 12.5px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.tabanGezinti li {
  margin: 6px 0;
  color: var(--yazi-soluk);
}
.tabanSon {
  padding: 12px 0;
  background: var(--lene);
}
.ilerleme {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 95;
  width: 0;
  height: 3px;
  background: var(--marka);
}
.tepe {
  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: var(--yorum); background: var(--marka); color: var(--marka-harf); opacity: 0;
  pointer-events: none;
  transition: opacity .2s;
}
.tepe[data-acik] {
  opacity: .92;
  pointer-events: auto;
}
@media (max-width: 1024px) {
  .hekiza {
    grid-template-columns: minmax(0, 1fr);
  }
  .sutun {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start;
  }
  .vitrin {
    grid-template-columns: minmax(0, 1fr);
  }
  .vitrinKenar {
    grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start;
  }
  .kafes {
    grid-template-columns: repeat(var(--hucre-kilifup), minmax(0, 1fr));
  }
  .kafesRadebu {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .kafesRadebu .kartBaslik {
    font-size: 17px;
  }
  .fapuSiromaz {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .fapuSiromaz li:nth-child(-n+5) {
    border-top: 1px solid var(--cizgi); padding-top: 12px;
  }
  .fapuSiromaz li:nth-child(-n+2) {
    border-top: 0;
    padding-top: 4px;
  }
  .vilesuCuri {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(150px, 1fr); overflow-x: auto;
    scrollbar-width: none;
  }
  .imzaKart {
    flex-basis: calc((100% - 12px) / 2);
  }
  .gezintiSira a {
    padding: 0 9px;
    font-size: 13px;
  }
  .tabanDivuvuy .tabanKafes {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tabanPu {
    grid-column: 1 / -1;
  }
}
@media (max-width: 760px) {
  :root {
    --dosohi: 12px;
    --coduz-garu: 42px;
  }
  .sarma {
    padding: 0 14px;
  }
  .coduzCuri {
    min-height: 60px;
    gap: 8px;
  }
  .coduzCufu {
    top: calc(-60px - 1px);
  }
  .gezintiVik {
    display: inline-flex;
  }
  .logo {
    flex: 1;
    justify-content: center;
  }
  .logo img {
    max-height: 38px;
  }
  .coduzGun, .coduzVogu .sosyal, .gezintiSira, .ustFoboj {
    display: none;
  }
  .coduzVogu {
    margin-left: 0;
  }
  .dosohiDugme {
    width: 40px;
    padding: 0;
    justify-content: center;
    border: 0;
  }
  .dosohiDugme span {
    display: none;
  }
  .coduzKoyijud .coduzCuri {
    min-height: 58px;
    gap: 8px;
  }
  .coduzKoyijud .logo img {
    max-height: 36px;
  }
  .gezintiDizi a {
    padding: 0 11px;
    font-size: 13px;
  }
  .higoCuri {
    gap: 10px;
    min-height: 42px;
  }
  .higoBaslik {
    padding-right: 10px;
    font-size: 13px;
  }
  .higoJeba li {
    font-size: 13.5px;
  }
  .higoSugi .ju {
    display: none;
  }
  .lilocegMava {
    display: none;
  }
  .zozav h2 {
    font-size: 19px;
  }
  .alan {
    margin-bottom: 24px;
  }
  .radebu {
    margin-top: 14px;
  }
  .kafesRadebu {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    margin: 0 -14px;
    padding: 0 14px;
    scroll-padding: 0 14px;
  }
  .kafesRadebu::-webkit-scrollbar {
    display: none;
  }
  .kafesRadebu > .kart {
    flex: 0 0 84%;
    scroll-snap-align: start;
  }
  .vitrinYazi {
    padding: 12px 14px 14px;
  }
  .vitrinFohoTaban {
    padding: 0 14px 14px;
  }
  .vitrinFohoSerit button {
    height: 30px;
    font-size: 12px;
  }
  .vitrinKenar {
    grid-template-columns: minmax(0, 1fr);
  }
  .veva, .kabe {
    grid-template-columns: minmax(0, 1fr);
  }
  .sutun {
    grid-template-columns: minmax(0, 1fr);
  }
  .fapuSiromaz, .fapuCeli, .duhCeli {
    grid-template-columns: minmax(0, 1fr);
  }
  .fapuSiromaz li:nth-child(2), .fapuCeli li:nth-child(2) {
    border-top: 1px solid var(--cizgi); padding-top: 12px;
  }
  .duhCeli .kartSira:nth-child(2) .kartMetin {
    border-top: 1px solid var(--cizgi);
  }
  .populer {
    padding: 14px 16px 6px;
  }
  .imzaKart {
    flex-basis: 82%;
  }
  .yasoCoduz {
    padding: 18px 16px;
  }
  .yasoFoto {
    margin: 16px -16px 0;
  }
  .yasoFoto figcaption {
    padding: 8px 16px 0;
  }
  .yasoMetin {
    padding: 2px 16px 20px;
    margin-top: 10px;
  }
  .yazi {
    font-size: 17.5px;
  }
  .sira {
    grid-template-columns: 124px minmax(0, 1fr); gap: 12px;
    padding: 10px;
  }
  .siraBaslik {
    font-size: 16px;
  }
  .sira .kartJal {
    display: none;
  }
  .hekizaKutu, .gorunum {
    padding: 18px 16px;
  }
  .tabanUst, .tabanTotij {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .tabanTotij .sosyal {
    margin-left: 0;
  }
  .tabanFoboj {
    -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent);
    mask-image: linear-gradient(90deg, #000 85%, transparent);
  }
  .tabanTaban {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 560px) {
  .kafes:not(.kafesRadebu) {
    grid-template-columns: minmax(0, 1fr); gap: 10px;
  }
  .kafes:not(.kafesRadebu) > .kartKutu, .kabe > .kartKutu, .vitrinKenar > .kartKutu {
    display: grid;
    grid-template-columns: 124px minmax(0, 1fr); gap: 12px;
    align-items: start;
    padding: 10px;
  }
  .kafes:not(.kafesRadebu) > .kartKutu .kartFoto, .kabe > .kartKutu .kartFoto, .vitrinKenar > .kartKutu .kartFoto {
    border-radius: 2px;
  }
  .kafes:not(.kafesRadebu) > .kartKutu .kartMetin, .kabe > .kartKutu .kartMetin, .vitrinKenar > .kartKutu .kartMetin {
    padding: 0;
    gap: 4px;
  }
  .kafes:not(.kafesRadebu) > .kartKutu .kartBaslik, .kabe > .kartKutu .kartBaslik, .vitrinKenar > .kartKutu .kartBaslik {
    font-size: 15.5px;
  }
  .kafes:not(.kafesRadebu) > .kartKutu .vakit, .kabe > .kartKutu .vakit, .vitrinKenar > .kartKutu .vakit {
    display: none;
  }
  .kartMidavo {
    grid-template-columns: 124px minmax(0, 1fr);
  }
  .kartBuyuk .kartBaslik {
    font-size: 21px;
  }
  .imzaKafes {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .yuf {
    grid-template-columns: minmax(0, 1fr);
  }
  .yufVogu {
    text-align: left;
    align-items: flex-start;
  }
}