.yol[data-astro-cid-i453byee] ol[data-astro-cid-i453byee] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: var(--a-1);
}

.yol[data-astro-cid-i453byee] li[data-astro-cid-i453byee] {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  font-size: var(--boy-kucuk);
  color: var(--metin-acik-zeminde-ikincil);
}

.yol[data-astro-cid-i453byee] li[data-astro-cid-i453byee] + li[data-astro-cid-i453byee]:before {
  content: "";
  flex: none;
  width: .4rem;
  height: .4rem;
  margin-inline: var(--a-3);
  border-top: 1px solid;
  border-right: 1px solid;
  rotate: 45deg;
  opacity: .7;
}

.yol[data-astro-cid-i453byee] a[data-astro-cid-i453byee] {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  text-decoration: none;
  transition: color var(--sure-kisa);
}

.yol[data-astro-cid-i453byee] a[data-astro-cid-i453byee]:hover {
  color: var(--tas-0);
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.yol[data-astro-cid-i453byee] [data-astro-cid-i453byee][aria-current="page"] {
  color: var(--tas-0);
}
.tas[data-astro-cid-xw25grez] {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.tas__golge[data-astro-cid-xw25grez] {
  fill: var(--tas-0);
  opacity: .34;
}

.tas__doku[data-astro-cid-xw25grez] {
  opacity: .55;
}

.tas__isik[data-astro-cid-xw25grez] {
  lighting-color: var(--tas-10);
}

.tas--bazalt[data-astro-cid-xw25grez] .tas__u0[data-astro-cid-xw25grez] {
  stop-color: var(--tas-4);
}

.tas--bazalt[data-astro-cid-xw25grez] .tas__u1[data-astro-cid-xw25grez] {
  stop-color: var(--tas-2);
}

.tas--bazalt[data-astro-cid-xw25grez] .tas__u2[data-astro-cid-xw25grez] {
  stop-color: var(--tas-1);
}

.tas--bazalt[data-astro-cid-xw25grez] .tas__y0[data-astro-cid-xw25grez] {
  stop-color: var(--tas-1);
}

.tas--bazalt[data-astro-cid-xw25grez] .tas__y1[data-astro-cid-xw25grez] {
  stop-color: var(--tas-3);
}

.tas--bazalt[data-astro-cid-xw25grez] .tas__y2[data-astro-cid-xw25grez] {
  stop-color: var(--tas-2);
}

.tas--bazalt[data-astro-cid-xw25grez] .tas__y3[data-astro-cid-xw25grez] {
  stop-color: var(--tas-1);
}

.tas--bazalt[data-astro-cid-xw25grez] .tas__y4[data-astro-cid-xw25grez] {
  stop-color: var(--tas-0);
}

.tas--bazalt[data-astro-cid-xw25grez] .tas__alt-kenar[data-astro-cid-xw25grez] {
  stroke: var(--tas-0);
  stroke-width: 2.5px;
}

.tas--bazalt[data-astro-cid-xw25grez] .tas__sirt[data-astro-cid-xw25grez] {
  stroke: var(--tas-5);
  stroke-width: 1px;
  opacity: .45;
}

.tas--bazalt[data-astro-cid-xw25grez] .tas__on-kenar[data-astro-cid-xw25grez] {
  stroke: var(--tas-6);
  stroke-width: 1.4px;
  opacity: .7;
}

.tas--kirec[data-astro-cid-xw25grez] .tas__u0[data-astro-cid-xw25grez] {
  stop-color: var(--tas-10);
}

.tas--kirec[data-astro-cid-xw25grez] .tas__u1[data-astro-cid-xw25grez] {
  stop-color: var(--tas-9);
}

.tas--kirec[data-astro-cid-xw25grez] .tas__u2[data-astro-cid-xw25grez] {
  stop-color: var(--tas-8);
}

.tas--kirec[data-astro-cid-xw25grez] .tas__y0[data-astro-cid-xw25grez] {
  stop-color: var(--tas-7);
}

.tas--kirec[data-astro-cid-xw25grez] .tas__y1[data-astro-cid-xw25grez] {
  stop-color: var(--tas-9);
}

.tas--kirec[data-astro-cid-xw25grez] .tas__y2[data-astro-cid-xw25grez] {
  stop-color: var(--tas-8);
}

.tas--kirec[data-astro-cid-xw25grez] .tas__y3[data-astro-cid-xw25grez] {
  stop-color: var(--tas-7);
}

.tas--kirec[data-astro-cid-xw25grez] .tas__y4[data-astro-cid-xw25grez] {
  stop-color: var(--tas-6);
}

.tas--kirec[data-astro-cid-xw25grez] .tas__alt-kenar[data-astro-cid-xw25grez] {
  stroke: var(--tas-6);
  stroke-width: 2px;
}

.tas--kirec[data-astro-cid-xw25grez] .tas__sirt[data-astro-cid-xw25grez] {
  stroke: var(--tas-10);
  stroke-width: 1.5px;
  opacity: .9;
}

.tas--kirec[data-astro-cid-xw25grez] .tas__on-kenar[data-astro-cid-xw25grez] {
  stroke: var(--tas-10);
  stroke-width: 2px;
  opacity: .9;
}

.tas--kirec[data-astro-cid-xw25grez] .tas__golge[data-astro-cid-xw25grez] {
  opacity: .22;
}

.tas__oluk[data-astro-cid-xw25grez] {
  stroke: var(--tas-0);
  stroke-width: 3.2px;
  stroke-linecap: round;
  opacity: .8;
}

.tas__oluk--ana[data-astro-cid-xw25grez] {
  stroke-width: 4.4px;
}

.tas__oluk-isik[data-astro-cid-xw25grez] {
  stroke: var(--tas-5);
  stroke-width: 1px;
  opacity: .4;
}

.tas__goz[data-astro-cid-xw25grez] {
  fill: var(--tas-0);
}

.tas__yazit[data-astro-cid-xw25grez] {
  font-family: var(--yazi-govde);
  font-variation-settings: "wdth" 125;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: .2em;
  fill: var(--tas-7);
}

.tas__oluklar[data-astro-cid-xw25grez] {
  transform-box: fill-box;
  transform-origin: center;
  animation: tas-don 2.8s var(--egri-cikis) both;
}

@keyframes tas-don {
  from {
    rotate: -54deg;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tas__oluklar[data-astro-cid-xw25grez] {
    animation: none;
  }
}
.kaide[data-astro-cid-mspeo5cf] {
  position: relative;
  display: grid;
  align-items: end;
  justify-items: center;
  padding-top: var(--a-5);
}

.kaide__sergi[data-astro-cid-mspeo5cf] {
  --kat: 2.3;
  width: min(100%, max(19rem, calc(var(--gw) * var(--kat))), 36rem);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.kaide--sunumlu[data-astro-cid-mspeo5cf] .kaide__sergi[data-astro-cid-mspeo5cf] {
  --kat: 2.05;
}

.kaide__urun[data-astro-cid-mspeo5cf] {
  position: relative;
  z-index: 1;
  width: min(var(--gw), 80%);
}

.kaide__tas[data-astro-cid-mspeo5cf] {
  width: 100%;
  margin-top: -11.667%;
}

.kaide__plaka[data-astro-cid-mspeo5cf] {
  position: relative;
}

.kaide__gorsel[data-astro-cid-mspeo5cf] {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 12px 14px color-mix(in oklch, var(--tas-0) 26%, transparent));
}

.kaide__sergi--foto[data-astro-cid-mspeo5cf] .kaide__plaka[data-astro-cid-mspeo5cf], .kaide__sunum--foto[data-astro-cid-mspeo5cf] .kaide__plaka[data-astro-cid-mspeo5cf] {
  padding: 7px;
  background: var(--tas-10);
  border-radius: var(--kose);
  border: 1px solid color-mix(in oklch, var(--tas-0) 22%, transparent);
  box-shadow: var(--golge-taban);
}

.kaide__sergi--foto[data-astro-cid-mspeo5cf] .kaide__plaka[data-astro-cid-mspeo5cf]:after, .kaide__sunum--foto[data-astro-cid-mspeo5cf] .kaide__plaka[data-astro-cid-mspeo5cf]:after {
  content: "";
  position: absolute;
  inset: 6px;
  border: 1px solid color-mix(in oklch, var(--tas-0) 14%, transparent);
  border-radius: 1px;
  pointer-events: none;
}

.kaide__sergi--foto[data-astro-cid-mspeo5cf] .kaide__gorsel[data-astro-cid-mspeo5cf], .kaide__sunum--foto[data-astro-cid-mspeo5cf] .kaide__gorsel[data-astro-cid-mspeo5cf] {
  filter: none;
  border-radius: 1px;
}

.kaide__temas[data-astro-cid-mspeo5cf] {
  position: absolute;
  z-index: -1;
  left: 2%;
  right: -10%;
  bottom: -12px;
  height: 26px;
  background: radial-gradient(closest-side, color-mix(in oklch, var(--tas-0) 72%, transparent), transparent);
  pointer-events: none;
}

.kaide--sunumlu[data-astro-cid-mspeo5cf] {
  justify-items: start;
}

.kaide__sunum[data-astro-cid-mspeo5cf] {
  margin: 0;
  width: min(100%, max(11rem, calc(var(--sw) * 1.55)));
  display: flex;
  flex-direction: column;
  align-items: center;
}

.kaide__sunum-urun[data-astro-cid-mspeo5cf] {
  position: relative;
  z-index: 1;
  width: min(var(--sw), 82%);
}

.kaide__sunum[data-astro-cid-mspeo5cf] figcaption[data-astro-cid-mspeo5cf] {
  margin-top: var(--a-2);
  color: var(--metin-acik-zeminde-ikincil);
}

@media (width >= 48rem) {
  .kaide--sunumlu[data-astro-cid-mspeo5cf] {
    grid-template-columns: minmax(0, 1fr);
  }

  .kaide--sunumlu[data-astro-cid-mspeo5cf] > [data-astro-cid-mspeo5cf] {
    grid-area: 1 / 1;
  }

  .kaide--sunumlu[data-astro-cid-mspeo5cf] .kaide__sergi[data-astro-cid-mspeo5cf] {
    justify-self: start;
  }

  .kaide__sunum[data-astro-cid-mspeo5cf] {
    justify-self: end;
    translate: 0 2.25rem;
    z-index: 2;
  }
}

@media (width <= 47.99rem) {
  .kaide--sunumlu[data-astro-cid-mspeo5cf] {
    justify-items: center;
    gap: var(--a-5);
  }

  .kaide__sunum[data-astro-cid-mspeo5cf] {
    justify-self: end;
    margin-top: calc(-1 * var(--a-6));
  }
}

@media (width <= 40rem) {
  .kaide__urun[data-astro-cid-mspeo5cf] {
    width: min(var(--gw), 72%, calc(17.5rem / var(--oran)));
  }
}
.eylem[data-astro-cid-7tpsflpm] {
  display: grid;
  gap: var(--a-4);
}

.eylem[data-astro-cid-7tpsflpm] [data-astro-cid-7tpsflpm][hidden] {
  display: none;
}

.eylem__satir[data-astro-cid-7tpsflpm] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--a-4) var(--a-5);
}

.adet[data-astro-cid-7tpsflpm] {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  column-gap: var(--a-4);
  row-gap: var(--a-2);
  align-items: center;
}

.adet__etiket[data-astro-cid-7tpsflpm] {
  grid-column: 1 / -1;
  color: var(--metin-acik-zeminde-ikincil);
}

.adet__kutu[data-astro-cid-7tpsflpm] {
  display: inline-flex;
  align-items: stretch;
  height: 3rem;
  border: 1px solid color-mix(in oklch, var(--tas-0) 30%, transparent);
  border-radius: var(--kose);
  background: var(--tas-10);
  transition: border-color var(--sure-kisa);
}

.adet__kutu[data-astro-cid-7tpsflpm]:focus-within {
  border-color: var(--tas-0);
}

.adet__dugme[data-astro-cid-7tpsflpm] {
  display: grid;
  place-items: center;
  width: 2.875rem;
  border: 0;
  background: none;
  cursor: pointer;
  color: var(--tas-0);
  transition: background-color var(--sure-kisa), color var(--sure-kisa);
}

.adet__dugme[data-astro-cid-7tpsflpm]:first-child {
  border-right: 1px solid var(--cizgi-acik-zeminde);
  border-radius: var(--kose) 0 0 var(--kose);
}

.adet__dugme[data-astro-cid-7tpsflpm]:last-child {
  border-left: 1px solid var(--cizgi-acik-zeminde);
  border-radius: 0 var(--kose) var(--kose) 0;
}

.adet__dugme[data-astro-cid-7tpsflpm]:hover:not(:disabled) {
  background: var(--tas-9);
}

.adet__dugme[data-astro-cid-7tpsflpm]:active:not(:disabled) {
  background: var(--tas-8);
}

.adet__dugme[data-astro-cid-7tpsflpm]:disabled {
  color: var(--tas-6);
  cursor: not-allowed;
}

.adet__girdi[data-astro-cid-7tpsflpm] {
  width: 4.25rem;
  border: 0;
  background: none;
  text-align: center;
  font-size: 1.1875rem;
  font-weight: 600;
  appearance: textfield;
  -moz-appearance: textfield;
}

.adet__girdi[data-astro-cid-7tpsflpm]::-webkit-outer-spin-button, .adet__girdi[data-astro-cid-7tpsflpm]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.adet__girdi[data-astro-cid-7tpsflpm]:focus-visible {
  outline-offset: -3px;
}

.adet__kutu[data-astro-cid-7tpsflpm]:has([aria-invalid="true"]) {
  border-color: var(--tas-0);
  box-shadow: inset 0 0 0 1px var(--tas-0);
}

.adet__ozet[data-astro-cid-7tpsflpm] {
  font-size: var(--boy-kucuk);
  color: var(--metin-acik-zeminde-ikincil);
  white-space: nowrap;
}

.eylem__ekle[data-astro-cid-7tpsflpm] {
  min-height: 3rem;
  flex: 0 auto;
}

.eylem__ikon[data-astro-cid-7tpsflpm] {
  display: none;
}

.eylem__ikon[data-astro-cid-7tpsflpm] svg {
  width: 1.125rem;
  height: 1.125rem;
}

.eylem__ekle[data-astro-cid-7tpsflpm][data-durum="ekle"] .eylem__ikon--ekle[data-astro-cid-7tpsflpm], .eylem__ekle[data-astro-cid-7tpsflpm][data-durum="ayni"] .eylem__ikon--ayni[data-astro-cid-7tpsflpm], .eylem__ekle[data-astro-cid-7tpsflpm][data-durum="guncelle"] .eylem__ikon--guncelle[data-astro-cid-7tpsflpm] {
  display: inline-flex;
}

.eylem__ekle[data-astro-cid-7tpsflpm][data-durum="ayni"] {
  --d-zemin: transparent;
  --d-metin: var(--tas-0);
  --d-cizgi: var(--zeytin);
  cursor: default;
}

.eylem__ekle[data-astro-cid-7tpsflpm][data-durum="ayni"] .eylem__ikon--ayni[data-astro-cid-7tpsflpm] {
  color: var(--zeytin);
}

.eylem__ekle[data-astro-cid-7tpsflpm][data-durum="ayni"]:hover {
  --d-zemin: transparent;
  --d-cizgi: var(--zeytin);
}

.eylem__ekle[data-astro-cid-7tpsflpm][data-durum="ayni"]:active {
  transform: none;
}

.adet__hata[data-astro-cid-7tpsflpm] {
  display: flex;
  gap: var(--a-2);
  align-items: baseline;
  font-size: var(--boy-kucuk);
  font-weight: 600;
  color: var(--tas-0);
}

.adet__hata[data-astro-cid-7tpsflpm]:before {
  content: "";
  flex: none;
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background: var(--tas-0);
  translate: 0 -.05em;
}

.eylem__durum[data-astro-cid-7tpsflpm] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--a-1) var(--a-2);
  font-size: var(--boy-kucuk);
}

.eylem__durum[data-astro-cid-7tpsflpm] .eylem__tamam {
  color: var(--zeytin);
  flex: none;
}

.eylem__durum[data-astro-cid-7tpsflpm] strong[data-astro-cid-7tpsflpm] {
  font-weight: 600;
}

.eylem__katalog[data-astro-cid-7tpsflpm] {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: var(--a-2);
  min-height: 2.75rem;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: color-mix(in oklch, currentColor 35%, transparent);
  transition: text-decoration-color var(--sure-kisa);
}

.eylem__katalog[data-astro-cid-7tpsflpm]:hover {
  text-decoration-color: currentColor;
}

.eylem__katalog-ek[data-astro-cid-7tpsflpm] {
  font-weight: 400;
  font-size: .8125rem;
  color: var(--metin-acik-zeminde-ikincil);
}

@media (width <= 30rem) {
  .eylem__ekle[data-astro-cid-7tpsflpm] {
    flex: 100%;
  }
}
.plaka[data-astro-cid-ezavnrqq] {
  position: relative;
  padding: var(--a-5) var(--a-5) var(--a-5);
  background: color-mix(in oklch, var(--tas-9) 72%, var(--tas-10));
  border: 1px solid var(--cizgi-acik-zeminde);
  border-radius: var(--kose);
  box-shadow: inset 0 1px 0 var(--tas-10), inset 0 -1px 0 color-mix(in oklch, var(--tas-0) 6%, transparent);
}

.plaka[data-astro-cid-ezavnrqq]:before {
  content: "";
  position: absolute;
  inset: 5px;
  border: 1px solid color-mix(in oklch, var(--tas-0) 9%, transparent);
  border-radius: 2px;
  pointer-events: none;
}

.plaka__baslik[data-astro-cid-ezavnrqq] {
  font-family: var(--yazi-govde);
  color: var(--metin-acik-zeminde-ikincil);
  margin-bottom: var(--a-3);
}

.plaka__satirlar[data-astro-cid-ezavnrqq] {
  margin: 0;
  display: grid;
}

.plaka__satir[data-astro-cid-ezavnrqq] {
  display: grid;
  grid-template-columns: minmax(8.5rem, 11rem) minmax(0, 1fr);
  align-items: center;
  column-gap: var(--a-4);
  padding-block: .6rem;
  border-top: 1px solid var(--cizgi-acik-zeminde);
}

.plaka__satir[data-astro-cid-ezavnrqq]:first-child {
  border-top: 0;
}

.plaka__satir[data-astro-cid-ezavnrqq] dt[data-astro-cid-ezavnrqq] {
  color: var(--metin-acik-zeminde-ikincil);
}

.plaka__satir[data-astro-cid-ezavnrqq] dd[data-astro-cid-ezavnrqq] {
  margin: 0;
  min-width: 0;
  min-height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--a-3);
}

.plaka__deger[data-astro-cid-ezavnrqq] {
  font-size: 1.0625rem;
  font-weight: 500;
  color: var(--tas-0);
  overflow-wrap: anywhere;
}

.plaka__satir--ana[data-astro-cid-ezavnrqq] .plaka__deger[data-astro-cid-ezavnrqq] {
  font-size: 1.1875rem;
  font-weight: 600;
  font-variation-settings: "wdth" 106;
  letter-spacing: .01em;
}

.plaka__yok[data-astro-cid-ezavnrqq] {
  font-size: var(--boy-kucuk);
  color: var(--metin-acik-zeminde-ikincil);
}

.plaka__kopyala[data-astro-cid-ezavnrqq] {
  flex: none;
  min-height: 2.25rem;
  padding: 0 var(--a-3);
  border: 1px solid #0000;
  border-radius: var(--kose);
  background: none;
  cursor: pointer;
  font-size: .8125rem;
  font-weight: 600;
  color: var(--metin-acik-zeminde-ikincil);
  text-decoration: underline;
  text-decoration-color: color-mix(in oklch, currentColor 35%, transparent);
  text-underline-offset: .22em;
  transition: color var(--sure-kisa), border-color var(--sure-kisa), background-color var(--sure-kisa);
}

.plaka__kopyala[data-astro-cid-ezavnrqq]:hover {
  color: var(--tas-0);
  border-color: var(--cizgi-acik-zeminde);
  text-decoration-color: #0000;
}

.plaka__kopyala[data-astro-cid-ezavnrqq][data-kopyalandi] {
  color: var(--tas-0);
  text-decoration: none;
}

.plaka__barkodlar[data-astro-cid-ezavnrqq] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--a-5) var(--a-6);
  margin-top: var(--a-3);
  padding-top: var(--a-5);
  border-top: 1px solid var(--cizgi-acik-zeminde);
}

.plaka__barkodlar[data-astro-cid-ezavnrqq] .barkod svg {
  width: 12.5rem;
  box-shadow: 0 0 0 1px var(--cizgi-acik-zeminde);
}

.plaka__not[data-astro-cid-ezavnrqq] {
  margin-top: var(--a-5);
  padding-top: var(--a-4);
  border-top: 1px solid var(--cizgi-acik-zeminde);
  font-size: var(--boy-kucuk);
  line-height: 1.55;
  color: var(--tas-3);
  max-width: 62ch;
}

.plaka__not[data-astro-cid-ezavnrqq] .oyma[data-astro-cid-ezavnrqq] {
  display: block;
  margin-bottom: var(--a-1);
  color: var(--metin-acik-zeminde-ikincil);
}

@media (width <= 30rem) {
  .plaka[data-astro-cid-ezavnrqq] {
    padding: var(--a-4);
  }

  .plaka__satir[data-astro-cid-ezavnrqq] {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0;
  }

  .plaka__barkodlar[data-astro-cid-ezavnrqq] .barkod svg {
    width: min(12.5rem, 100%);
  }
}
.merdiven-bolum[data-astro-cid-7zo65pqf] {
  padding-bottom: var(--bolum);
}

.merdiven-bolum__ic[data-astro-cid-7zo65pqf] {
  display: grid;
  gap: var(--a-7);
}

.merdiven-bolum--tek[data-astro-cid-7zo65pqf] {
  padding-bottom: var(--a-8);
}

.merdiven-bolum--tek[data-astro-cid-7zo65pqf] .merdiven-bolum__ic[data-astro-cid-7zo65pqf] {
  gap: var(--a-6);
}

.merdiven-bolum--tek[data-astro-cid-7zo65pqf] .merdiven[data-astro-cid-7zo65pqf] {
  grid-auto-columns: minmax(10rem, 15rem);
}

.merdiven-bolum__bas[data-astro-cid-7zo65pqf] {
  display: grid;
  gap: var(--a-3);
  justify-items: center;
  text-align: center;
  padding-top: var(--a-5);
}

.merdiven-bolum__bas[data-astro-cid-7zo65pqf] h2[data-astro-cid-7zo65pqf] {
  font-size: clamp(2rem, 1.4rem + 2vw, 3rem);
}

.merdiven-bolum__bas[data-astro-cid-7zo65pqf] p[data-astro-cid-7zo65pqf] {
  max-width: 58ch;
  color: var(--metin-koyu-zeminde-ikincil);
}

.merdiven-bolum__bas[data-astro-cid-7zo65pqf] .sayi[data-astro-cid-7zo65pqf] {
  color: var(--metin-koyu-zeminde);
}

.merdiven[data-astro-cid-7zo65pqf] {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  max-width: 100%;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(7.5rem, 11rem);
  grid-template-rows: auto auto;
  column-gap: 3px;
  justify-content: center;
}

.basamak[data-astro-cid-7zo65pqf], .basamak__bag[data-astro-cid-7zo65pqf] {
  display: grid;
  grid-row: span 2;
  grid-template-rows: subgrid;
  min-width: 0;
}

.basamak[data-astro-cid-7zo65pqf] {
  position: relative;
}

.basamak__bag[data-astro-cid-7zo65pqf] {
  text-decoration: none;
  color: inherit;
  border-radius: 2px;
}

.basamak__bag[data-astro-cid-7zo65pqf]:focus-visible {
  outline-offset: 4px;
}

.basamak__sahne[data-astro-cid-7zo65pqf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}

.basamak__gorsel[data-astro-cid-7zo65pqf] {
  position: relative;
  z-index: 1;
  max-width: calc(100% - var(--a-3));
  height: auto;
  object-fit: contain;
  margin-bottom: -.3rem;
  filter: drop-shadow(0 8px 9px color-mix(in oklch, var(--tas-0) 70%, transparent));
  transition: translate var(--sure-orta) var(--egri-cikis);
}

.basamak__gorsel--foto[data-astro-cid-7zo65pqf] {
  filter: none;
  padding: 3px;
  background: var(--tas-9);
  border-radius: 2px;
  box-shadow: 0 10px 16px -8px color-mix(in oklch, var(--tas-0) 85%, transparent);
}

.basamak__tas[data-astro-cid-7zo65pqf] {
  align-self: stretch;
  height: var(--blok);
  background: linear-gradient(to right, color-mix(in oklch, var(--tas-10) 5%, transparent), transparent 40%),
      linear-gradient(to bottom, var(--tas-3), var(--tas-2) .6rem, var(--tas-1));
  border-top: 1px solid var(--tas-5);
  border-radius: 2px 2px 0 0;
  transition: border-color var(--sure-kisa);
}

.basamak__etiket[data-astro-cid-7zo65pqf] {
  display: grid;
  align-content: start;
  justify-items: center;
  gap: .15rem;
  text-align: center;
  padding: var(--a-3) calc(var(--a-1) + 3px) 0 var(--a-1);
  margin-right: -3px;
  border-top: 1px solid color-mix(in oklch, var(--tas-10) 26%, transparent);
}

.basamak[data-astro-cid-7zo65pqf]:last-child .basamak__etiket[data-astro-cid-7zo65pqf] {
  margin-right: 0;
  padding-right: var(--a-1);
}

.basamak__ambalaj[data-astro-cid-7zo65pqf] {
  font-size: 1.1875rem;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}

.basamak__ayirt[data-astro-cid-7zo65pqf] {
  font-size: .8125rem;
  line-height: 1.3;
  color: var(--metin-koyu-zeminde-ikincil);
}

.basamak__kod[data-astro-cid-7zo65pqf] {
  font-size: var(--boy-kucuk);
  color: var(--metin-koyu-zeminde-ikincil);
}

.basamak__segment[data-astro-cid-7zo65pqf] {
  margin-top: var(--a-1);
  color: var(--metin-koyu-zeminde-ikincil);
}

.basamak__bu[data-astro-cid-7zo65pqf] {
  margin-top: var(--a-1);
  font-size: .8125rem;
  font-weight: 600;
  color: var(--altin);
}

.basamak--gecis[data-astro-cid-7zo65pqf]:before {
  content: "";
  position: absolute;
  left: -2px;
  top: 18%;
  bottom: 0;
  width: 1px;
  z-index: 2;
  background: linear-gradient(to bottom, transparent, color-mix(in oklch, var(--altin) 70%, transparent) 40%);
}

.basamak__bag[data-astro-cid-7zo65pqf]:hover .basamak__gorsel[data-astro-cid-7zo65pqf], .basamak__bag[data-astro-cid-7zo65pqf]:focus-visible .basamak__gorsel[data-astro-cid-7zo65pqf] {
  translate: 0 -5px;
}

.basamak__bag[data-astro-cid-7zo65pqf]:hover .basamak__tas[data-astro-cid-7zo65pqf] {
  border-top-color: var(--altin-acik);
}

.basamak__bag[data-astro-cid-7zo65pqf]:hover .basamak__ambalaj[data-astro-cid-7zo65pqf] {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
}

.basamak--bu[data-astro-cid-7zo65pqf] .basamak__tas[data-astro-cid-7zo65pqf] {
  border-top: 3px solid var(--altin);
  background: linear-gradient(to bottom, color-mix(in oklch, var(--altin-derin) 45%, var(--tas-3)), var(--tas-1) 80%);
}

.basamak--bu[data-astro-cid-7zo65pqf] .basamak__ambalaj[data-astro-cid-7zo65pqf] {
  color: var(--altin);
}

.basamak--bu[data-astro-cid-7zo65pqf] .basamak__bag[data-astro-cid-7zo65pqf] {
  cursor: default;
}

.basamak--bu[data-astro-cid-7zo65pqf] .basamak__bag[data-astro-cid-7zo65pqf]:hover .basamak__gorsel[data-astro-cid-7zo65pqf] {
  translate: none;
}

.basamak--bu[data-astro-cid-7zo65pqf] .basamak__bag[data-astro-cid-7zo65pqf]:hover .basamak__ambalaj[data-astro-cid-7zo65pqf] {
  text-decoration: none;
}

@media (width <= 48rem) {
  .merdiven[data-astro-cid-7zo65pqf] {
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    grid-auto-columns: minmax(6.25rem, 9rem);
    padding-bottom: var(--a-3);
    margin-inline: calc(-1 * var(--kenar));
    padding-inline: var(--kenar);
    max-width: none;
    scrollbar-color: var(--tas-4) transparent;
  }

  .merdiven[data-astro-cid-7zo65pqf]:has(.basamak:nth-child(4)) {
    justify-content: start;
  }

  .basamak[data-astro-cid-7zo65pqf] {
    scroll-snap-align: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .basamak__gorsel[data-astro-cid-7zo65pqf] {
    transition: none;
  }
}
.vitrin__rehber[data-astro-cid-6yy5bdd2] {
  min-width: 0;
  display: grid;
  gap: var(--a-2);
  padding-top: var(--a-5);
  border-top: 1px solid var(--cizgi);
}

.vitrin__rehber[data-astro-cid-6yy5bdd2] .oyma[data-astro-cid-6yy5bdd2] {
  color: var(--metin-acik-zeminde-ikincil);
}

.vitrin__rehber[data-astro-cid-6yy5bdd2] ul[data-astro-cid-6yy5bdd2] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--a-1);
}

.vitrin__rehber[data-astro-cid-6yy5bdd2] a[data-astro-cid-6yy5bdd2] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--a-1) var(--a-3);
  text-decoration: none;
}

.vitrin__rehber-ad[data-astro-cid-6yy5bdd2] {
  font-family: var(--yazi-baslik);
  font-size: 1.25rem;
  line-height: 1.2;
}

.vitrin__rehber[data-astro-cid-6yy5bdd2] a[data-astro-cid-6yy5bdd2]:hover .vitrin__rehber-ad[data-astro-cid-6yy5bdd2] {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
}

.vitrin__rehber-sure[data-astro-cid-6yy5bdd2] {
  font-size: var(--boy-kucuk);
  color: var(--altin-koyu);
  font-weight: 600;
}

.vitrin[data-astro-cid-6yy5bdd2] {
  padding-block: var(--a-3) var(--a-9);
}

.vitrin[data-astro-cid-6yy5bdd2] .vitrin__yol {
  margin-bottom: var(--a-5);
}

.vitrin__izgara[data-astro-cid-6yy5bdd2] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "kimlik"
                       "sergi"
                       "eylem"
                       "plaka"
                       "rehber";
  gap: var(--a-6);
}

.vitrin__kimlik[data-astro-cid-6yy5bdd2] {
  grid-area: kimlik;
  display: grid;
  gap: var(--a-3);
  align-content: start;
  min-width: 0;
}

.vitrin__sergi[data-astro-cid-6yy5bdd2] {
  grid-area: sergi;
  min-width: 0;
}

.vitrin__eylem[data-astro-cid-6yy5bdd2] {
  grid-area: eylem;
  min-width: 0;
  padding-top: var(--a-5);
  border-top: 1px solid var(--cizgi);
}

.vitrin__plaka[data-astro-cid-6yy5bdd2] {
  grid-area: plaka;
  min-width: 0;
}

.vitrin__rehber[data-astro-cid-6yy5bdd2] {
  grid-area: rehber;
}

h1[data-astro-cid-6yy5bdd2] {
  font-size: clamp(2.375rem, 1.6rem + 2.2vw, 3.75rem);
  line-height: 1.02;
  letter-spacing: -.02em;
  max-width: 16ch;
}

.vitrin__olcu[data-astro-cid-6yy5bdd2] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--a-1) var(--a-3);
}

.vitrin__boy[data-astro-cid-6yy5bdd2] {
  font-size: clamp(1.75rem, 1.45rem + .9vw, 2.25rem);
  font-weight: 600;
  font-variation-settings: "wdth" 108;
  line-height: 1.1;
  letter-spacing: -.01em;
  margin-right: var(--a-1);
}

.vitrin__kod[data-astro-cid-6yy5bdd2] {
  font-size: var(--boy-kucuk);
  font-weight: 600;
  color: var(--altin-koyu);
}

.vitrin__segment[data-astro-cid-6yy5bdd2] {
  font-size: var(--boy-kucuk);
  color: var(--metin-acik-zeminde-ikincil);
}

.vitrin__segment[data-astro-cid-6yy5bdd2]:before {
  content: "·";
  margin-right: var(--a-3);
}

.vitrin__kunye[data-astro-cid-6yy5bdd2] {
  margin: var(--a-3) 0 0;
  display: grid;
  gap: var(--a-2);
}

.vitrin__kunye[data-astro-cid-6yy5bdd2] div[data-astro-cid-6yy5bdd2] {
  display: grid;
  grid-template-columns: 6.5rem minmax(0, 1fr);
  align-items: baseline;
  column-gap: var(--a-3);
}

.vitrin__kunye[data-astro-cid-6yy5bdd2] dt[data-astro-cid-6yy5bdd2] {
  color: var(--metin-acik-zeminde-ikincil);
  font-size: .6875rem;
}

.vitrin__kunye[data-astro-cid-6yy5bdd2] dd[data-astro-cid-6yy5bdd2] {
  margin: 0;
  font-size: var(--boy-kucuk);
  line-height: 1.45;
  color: var(--tas-3);
}

.vitrin__kunye[data-astro-cid-6yy5bdd2] a[data-astro-cid-6yy5bdd2] {
  font-weight: 600;
  color: var(--altin-koyu);
  text-decoration: underline;
  text-decoration-color: color-mix(in oklch, currentColor 35%, transparent);
  transition: text-decoration-color var(--sure-kisa), color var(--sure-kisa);
}

.vitrin__kunye[data-astro-cid-6yy5bdd2] a[data-astro-cid-6yy5bdd2]:hover {
  color: var(--altin-derin);
  text-decoration-color: currentColor;
}

.vitrin__seri[data-astro-cid-6yy5bdd2] {
  color: var(--metin-acik-zeminde-ikincil);
}

.vitrin__seri[data-astro-cid-6yy5bdd2]:before {
  content: "·";
  margin-inline: var(--a-2);
}

@media (width >= 64rem) {
  .vitrin[data-astro-cid-6yy5bdd2] {
    padding-top: var(--a-4);
  }

  .vitrin__izgara[data-astro-cid-6yy5bdd2] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-areas: none;
    grid-template-rows: auto auto auto 1fr;
    column-gap: var(--a-6);
    row-gap: var(--a-6);
  }

  .vitrin__sergi[data-astro-cid-6yy5bdd2] {
    grid-column: 1 / span 7;
    grid-row: 1 / span 4;
    align-self: start;
    position: sticky;
    top: 6.5rem;
    min-height: min(100svh - 9rem, 46rem);
    display: grid;
    align-content: center;
    padding-right: var(--a-6);
  }

  .vitrin__kimlik[data-astro-cid-6yy5bdd2] {
    grid-column: 8 / -1;
    grid-row: 1;
  }

  .vitrin__eylem[data-astro-cid-6yy5bdd2] {
    grid-column: 8 / -1;
    grid-row: 2;
  }

  .vitrin__plaka[data-astro-cid-6yy5bdd2] {
    grid-column: 8 / -1;
    grid-row: 3;
  }

  .vitrin__rehber[data-astro-cid-6yy5bdd2] {
    grid-column: 8 / -1;
    grid-row: 4;
    align-self: start;
  }
}

.yakin[data-astro-cid-6yy5bdd2] {
  padding-block: var(--bolum);
}

.yakin__ic[data-astro-cid-6yy5bdd2] {
  display: grid;
  gap: var(--a-9);
}

.yakin__blok[data-astro-cid-6yy5bdd2] {
  display: grid;
  gap: var(--a-6);
}

.yakin__bas[data-astro-cid-6yy5bdd2] {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: space-between;
  gap: var(--a-4) var(--a-7);
}

.yakin__metin[data-astro-cid-6yy5bdd2] {
  display: grid;
  gap: var(--a-3);
  max-width: 44rem;
}

.yakin__bas[data-astro-cid-6yy5bdd2] h2[data-astro-cid-6yy5bdd2] {
  font-size: clamp(2rem, 1.4rem + 2vw, 3rem);
}

.yakin__bas[data-astro-cid-6yy5bdd2] h2[data-astro-cid-6yy5bdd2].yakin__alt {
  font-size: var(--boy-2);
}

.yakin__bas[data-astro-cid-6yy5bdd2] p[data-astro-cid-6yy5bdd2] {
  color: var(--metin-acik-zeminde-ikincil);
  max-width: 60ch;
}

.yakin__tumu[data-astro-cid-6yy5bdd2] {
  display: inline-flex;
  align-items: center;
  gap: var(--a-2);
  min-height: 2.75rem;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: color-mix(in oklch, currentColor 35%, transparent);
  transition: text-decoration-color var(--sure-kisa);
}

.yakin__tumu[data-astro-cid-6yy5bdd2]:hover {
  text-decoration-color: currentColor;
}

.yakin__tumu[data-astro-cid-6yy5bdd2] svg {
  flex: none;
  transition: translate var(--sure-orta) var(--egri-cikis);
}

.yakin__tumu[data-astro-cid-6yy5bdd2]:hover svg {
  translate: 3px;
}

.yakin__izgara[data-astro-cid-6yy5bdd2] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--a-8) var(--a-5);
}

@media (width >= 40rem) {
  .yakin__izgara[data-astro-cid-6yy5bdd2] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (width >= 64rem) {
  .yakin__izgara[data-astro-cid-6yy5bdd2] {
    grid-template-columns: repeat(var(--sutun), minmax(0, 1fr));
    gap: var(--a-8) var(--a-6);
  }
}

@media (prefers-reduced-motion: reduce) {
  .yakin__tumu[data-astro-cid-6yy5bdd2] svg {
    transition: none;
  }
}