:root {
  --ana: #111827;
  --vurgu: #e11d48;
  --metin: #1a1a1a;
  --soluk: #6b7280;
  --cizgi: #e8e8e8;
  --zemin: #ffffff;
  --zemin2: #f7f7f8;
  --basari: #15803d;
  --uyari: #b45309;
  --yuvarlak: 10px;
  --golge: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(0,0,0,.06);
  --kap: 1360px;
  --gecis: .18s ease;
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-family: var(--font-govde, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
  color: var(--metin);
  background: var(--zemin);
  font-size: 15px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; }

.kap { max-width: var(--kap); margin: 0 auto; padding: 0 16px; }

.gizli {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  padding: .85rem 1.4rem; border: 1px solid transparent; border-radius: var(--yuvarlak);
  font-weight: 600; font-size: .93rem; line-height: 1; text-align: center;
  transition: var(--gecis); background: var(--buton, var(--ana)); color: var(--buton-yazi, #fff);
}
.ust-dugme { color: var(--ikon, var(--metin)); }
.btn:hover { opacity: .88; }
.btn:disabled { opacity: .45; cursor: not-allowed; }
.btn-blok { width: 100%; }
.btn-cizgi { background: transparent; color: var(--ana); border-color: var(--cizgi); }
.btn-cizgi:hover { border-color: var(--ana); opacity: 1; }
.btn-vurgu { background: var(--vurgu); }
.btn-buyuk { padding: 1.05rem 1.6rem; font-size: 1rem; }

.duyuru {
  background: var(--ana); color: #fff; text-align: center;
  font-size: .8rem; letter-spacing: .02em; padding: .55rem 1rem;
}
.duyuru-akis { position: relative; height: 1.25rem; }
.duyuru-metin {
  position: absolute; inset: 0; opacity: 0; transition: opacity .4s ease;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.duyuru-metin.aktif { opacity: 1; }
.duyuru a { text-decoration: underline; }

.ust { position: sticky; top: 0; z-index: 60; background: var(--zemin); border-bottom: 1px solid var(--cizgi); }

.ust-ic {
  display: flex; align-items: center; gap: 1rem;
  height: 62px; max-width: var(--kap); margin: 0 auto; padding: 0 16px;
}

.logo { font-size: 1.25rem; font-weight: 800; letter-spacing: -.02em; white-space: nowrap; }
.logo img { height: 30px; width: auto; }

@media (max-width: 899px) {
  .logo { position: absolute; left: 50%; transform: translateX(-50%); }
  .ust-ic { position: relative; }
}

.menu-ac, .ara-ac { display: grid; place-items: center; width: 40px; height: 40px; margin-left: -8px; background: none; border: 0; }

.ana-menu { display: none; }

.ust-sag { display: flex; align-items: center; gap: .25rem; margin-left: auto; }
.ust-dugme {
  position: relative; display: grid; place-items: center;
  width: 40px; height: 40px; background: none; border: 0; border-radius: 8px; color: var(--metin);
}
.ust-dugme:hover { background: var(--zemin2); }
.rozet {
  position: absolute; top: 3px; right: 2px; min-width: 17px; height: 17px; padding: 0 4px;
  background: var(--vurgu); color: #fff; border-radius: 99px;
  font-size: .66rem; font-weight: 700; display: grid; place-items: center;
}

.ara-katman { display: none; padding: .75rem 0 1rem; border-top: 1px solid var(--cizgi); }
.ara-katman.acik { display: block; }
.ara-kutu { display: flex; gap: .5rem; max-width: 640px; margin: 0 auto; }
.ara-kutu input {
  flex: 1; padding: .8rem 1rem; border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak); font-size: .95rem;
}

.cekmece {
  position: fixed; inset: 0 30% 0 0; max-width: 340px; background: #fff; z-index: 90;
  transform: translateX(-102%); transition: transform .25s ease; overflow-y: auto; padding: 1rem;
}
.cekmece.acik { transform: none; }
.perde {
  position: fixed; inset: 0; background: rgba(0,0,0,.42); z-index: 80;
  opacity: 0; visibility: hidden; transition: var(--gecis);
}
.perde.acik { opacity: 1; visibility: visible; }
.cekmece-baslik { display: flex; align-items: center; justify-content: space-between; margin-bottom: .5rem; }
.cekmece a { display: block; padding: .8rem .25rem; border-bottom: 1px solid var(--cizgi); font-weight: 500; }

.cekmece-satir { display: flex; align-items: center; border-bottom: 1px solid var(--cizgi); }
.cekmece-satir a { flex: 1; border-bottom: 0; }
.cekmece-ac {
  width: 44px; height: 44px; border: 0; background: none;
  display: grid; place-items: center; color: var(--soluk); flex: 0 0 auto;
}
.cekmece-ac svg { transition: transform .2s ease; }
.cekmece-ac[aria-expanded="true"] svg { transform: rotate(180deg); }
.cekmece .alt-liste { display: none; padding-bottom: .35rem; }
.cekmece .alt-liste.acik { display: block; }
.cekmece .alt-liste a {
  padding: .6rem .25rem .6rem 1rem; color: var(--soluk);
  font-weight: 400; font-size: .9rem; border-bottom: 0;
}
.menu-vurgu { color: var(--menu-renk) !important; font-weight: 700 !important; }

.pencere-perde {
  position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 110;
  opacity: 0; visibility: hidden; transition: var(--gecis);
}
.pencere-perde.acik { opacity: 1; visibility: visible; }
.pencere {
  position: fixed; z-index: 115; background: #fff; border-radius: 14px;
  left: 50%; top: 50%; transform: translate(-50%, -46%);
  width: min(620px, calc(100vw - 32px)); max-height: 84vh; display: flex;
  flex-direction: column; opacity: 0; visibility: hidden;
  transition: opacity .2s ease, transform .2s ease, visibility .2s;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
}
.pencere.acik { opacity: 1; visibility: visible; transform: translate(-50%, -50%); }
.pencere-ust {
  display: flex; align-items: center; justify-content: space-between;
  padding: 1rem 1.25rem; border-bottom: 1px solid var(--cizgi);
}
.pencere-govde { padding: 1.25rem; overflow-y: auto; }
.olcu-tablo table { width: 100%; border-collapse: collapse; font-size: .87rem; }
.olcu-tablo th, .olcu-tablo td { border: 1px solid var(--cizgi); padding: .55rem; text-align: center; }
.olcu-tablo th { background: var(--zemin2); font-weight: 600; }

.slider { position: relative; overflow: hidden; background: var(--zemin2); }
.slider-raylar { display: flex; transition: transform .5s cubic-bezier(.4,0,.2,1); }
.slider-parca { min-width: 100%; position: relative; }
.slider-parca img { width: 100%; height: auto; aspect-ratio: 3/4; object-fit: cover; }
@media (min-width: 768px) {
  .slider-parca img { aspect-ratio: 21/9; }
}
.slider-yazi {
  position: absolute; inset: auto 0 0 0; padding: 2rem 1.25rem 2.5rem;
  background: linear-gradient(transparent, rgba(0,0,0,.55));
  color: #fff; text-align: center;
}
.slider-yazi h2 { margin: 0 0 .35rem; font-size: 1.5rem; font-weight: 700; letter-spacing: -.02em; }
.slider-yazi p { margin: 0 0 1rem; font-size: .95rem; opacity: .92; }
.slider-nokta { position: absolute; left: 0; right: 0; bottom: .75rem; display: flex; justify-content: center; gap: .4rem; }
.slider-nokta button {
  width: 7px; height: 7px; padding: 0; border: 0; border-radius: 99px;
  background: rgba(255,255,255,.55);
}
.slider-nokta button.aktif { background: #fff; width: 22px; }
.slider-ok {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 40px; height: 40px; border: 0; border-radius: 99px;
  background: rgba(255,255,255,.9); display: none; place-items: center; box-shadow: var(--golge);
}
@media (min-width: 900px) { .slider-ok { display: grid; } }
.slider-ok.sol { left: 16px; }
.slider-ok.sag { right: 16px; }

.bolum { padding: 2.5rem 0; }
.bolum-ust { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; }
.bolum-baslik { margin: 0; font-size: 1.25rem; font-weight: 700; letter-spacing: -.02em; }
.bolum-baslik + p { margin: .2rem 0 0; color: var(--soluk); font-size: .9rem; }
.bolum-link { font-size: .85rem; font-weight: 600; color: var(--soluk); white-space: nowrap; }
.bolum-link:hover { color: var(--metin); }
.bolum.bitisik { padding-top: 0; }

.serit-arac { display: flex; align-items: center; gap: .5rem; }
.serit-ok {
  display: none; width: 34px; height: 34px; border: 1px solid var(--cizgi);
  border-radius: 99px; background: #fff; place-items: center; color: var(--metin);
}
.serit-ok:hover { border-color: var(--ana); }
@media (min-width: 900px) { .serit-ok { display: grid; } }

.kategori-izgara {
  display: grid; gap: 10px;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 768px) { .kategori-izgara { grid-template-columns: repeat(4, 1fr); gap: 16px; } }

.kategori-kutu { position: relative; overflow: hidden; border-radius: var(--yuvarlak); display: block; }
.kategori-kutu img {
  aspect-ratio: var(--oran, 3/4);
  object-fit: cover; object-position: 50% 28%;
  width: 100%; transition: transform .5s ease;
}
.kategori-kutu:hover img { transform: scale(1.04); }
.kategori-kutu span {
  position: absolute; inset: auto 0 0 0; padding: 2.2rem .8rem .8rem;
  background: linear-gradient(transparent, rgba(0,0,0,.6));
  color: #fff; font-weight: 600; font-size: .95rem; text-align: center;
}

.urun-izgara { display: grid; gap: 10px 8px; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 700px) { .urun-izgara { grid-template-columns: repeat(3, 1fr); gap: 22px 16px; } }
@media (min-width: 1024px) { .urun-izgara { grid-template-columns: repeat(4, 1fr); } }

.urun-serit {
  display: grid; grid-auto-flow: column; grid-auto-columns: 46%;
  gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory;
  padding: 0 0 .5rem; margin: 0;
  scrollbar-width: none;
}
.urun-serit::-webkit-scrollbar { display: none; }
.urun-serit > * { scroll-snap-align: start; }
@media (min-width: 700px) { .urun-serit { grid-auto-columns: 30%; gap: 16px; } }
@media (min-width: 1024px) { .urun-serit { grid-auto-columns: 23%; } }

.urun-kart { position: relative; }
.urun-gorsel {
  position: relative; display: block; overflow: hidden;
  border-radius: var(--yuvarlak); background: var(--zemin2);
  aspect-ratio: 2/3;
}
.urun-gorsel img {
  width: 100%; height: 100%; object-fit: cover;
  transition: opacity .35s ease, transform .5s ease;
}
.urun-gorsel .ikinci { position: absolute; inset: 0; opacity: 0; }
.urun-kart:hover .urun-gorsel .ikinci { opacity: 1; }

.kart-rozetler {
  position: absolute; top: 0; left: 0; z-index: 2;
  display: flex; flex-direction: column; align-items: flex-start; gap: 4px;
}
.kart-rozet {
  padding: .42rem .6rem; border-radius: var(--yuvarlak) 0 8px 0;
  background: var(--vurgu); color: #fff;
  font-size: .82rem; font-weight: 700; line-height: 1;
}
.kart-rozet.ozel { border-radius: 0 6px 6px 0; font-size: .72rem; padding: .32rem .5rem; }
.kart-rozet.tukendi { background: rgba(17,24,39,.82); font-size: .74rem; }

h1, h2, h3, .logo, .bolum-baslik { font-family: var(--font-baslik, inherit); }

.kart-form { margin-top: .5rem; }
.kart-ekle { padding: .68rem 1rem; font-size: .85rem; border-radius: 8px; }

.beden-mini { display: flex; flex-wrap: wrap; gap: 5px; margin: .45rem 0 .5rem; }
.beden-cip {
  min-width: 34px; padding: .3rem .45rem; border: 1px solid var(--cizgi);
  border-radius: 6px; background: #fff; font-size: .76rem; font-weight: 500; line-height: 1.2;
}
.beden-cip.secili { border-color: var(--ana); background: var(--ana); color: #fff; }
.beden-cip.tukendi {
  color: var(--soluk); cursor: not-allowed; position: relative; overflow: hidden;
  background: var(--zemin2);
}
.beden-cip.tukendi::after {
  content: ''; position: absolute; left: -10%; right: -10%; top: 50%;
  height: 1px; background: var(--soluk); transform: rotate(-24deg);
}

.favori-btn {
  position: absolute; top: 6px; right: 6px; z-index: 2;
  width: 34px; height: 34px; border: 0; border-radius: 99px;
  background: rgba(255,255,255,.92); display: grid; place-items: center; color: var(--metin);
}
.favori-btn.dolu { color: var(--vurgu); }

.urun-bilgi { padding: .55rem .15rem 0; }
.urun-ad {
  font-size: .85rem; font-weight: 500; margin: 0 0 .25rem; line-height: 1.35;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.urun-fiyat { display: flex; align-items: baseline; gap: .45rem; flex-wrap: wrap; }
.fiyat-yeni { font-weight: 700; font-size: .98rem; }
.fiyat-eski { color: var(--soluk); text-decoration: line-through; font-size: .82rem; }
.fiyat-oran { color: var(--vurgu); font-size: .78rem; font-weight: 700; }

.renk-noktalar { display: flex; gap: 4px; margin-top: .4rem; }
.renk-nokta { width: 13px; height: 13px; border-radius: 99px; border: 1px solid rgba(0,0,0,.15); }

.avantaj { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--cizgi); border-top: 1px solid var(--cizgi); }
@media (min-width: 768px) { .avantaj { grid-template-columns: repeat(4, 1fr); } }
.avantaj div { background: var(--zemin); padding: 1.4rem .8rem; text-align: center; }
.avantaj strong { display: block; font-size: .88rem; margin-bottom: .15rem; }
.avantaj span { font-size: .78rem; color: var(--soluk); }

.yol { font-size: .8rem; color: var(--soluk); padding: 1rem 0 .25rem; }
.yol a:hover { color: var(--metin); }

.liste-ust { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem 0 1rem; }
.liste-ust h1 { margin: 0; font-size: 1.3rem; font-weight: 700; }
.liste-ust .sayi { color: var(--soluk); font-size: .82rem; font-weight: 400; margin-left: .4rem; }

.alt-kategori-serit { display: flex; gap: .5rem; overflow-x: auto; padding: .25rem 0 .75rem; scrollbar-width: none; }
.alt-kategori-serit::-webkit-scrollbar { display: none; }
.alt-kategori-serit a {
  flex: 0 0 auto; padding: .5rem .9rem; border: 1px solid var(--cizgi);
  border-radius: 99px; font-size: .84rem; white-space: nowrap; background: #fff;
}
.alt-kategori-serit a:hover { border-color: var(--ana); }

.liste-arac { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; padding: .25rem 0 1rem; }
@media (min-width: 1024px) {
  .liste-arac { display: flex; justify-content: flex-end; }
  .liste-arac .filtre-ac { display: none; }
}
.liste-arac .siralama { width: 100%; padding: .8rem 1rem; }
.filtre-ac {
  display: flex; align-items: center; justify-content: center; gap: .5rem;
  padding: .8rem 1rem; border: 1px solid var(--cizgi); border-radius: 8px;
  background: #fff; font-size: .88rem; font-weight: 500;
}
.filtre-mobil-ust { display: flex; align-items: center; justify-content: space-between; padding-bottom: .5rem; }
@media (min-width: 1024px) { .filtre-mobil-ust { display: none; } }

.fiyat-form { display: grid; grid-template-columns: 1fr auto 1fr; gap: .4rem; align-items: center; }
.fiyat-form input { padding: .6rem .7rem; font-size: .85rem; }
.fiyat-form button { grid-column: 1 / -1; margin-top: .5rem; padding: .6rem; font-size: .85rem; }

.kategori-metin { color: var(--soluk); font-size: .9rem; max-width: 70ch; }

.liste-duzen { display: grid; gap: 1.5rem; }
@media (min-width: 1024px) { .liste-duzen { grid-template-columns: 232px 1fr; gap: 2.25rem; } }

.filtre-panel { background: #fff; }
@media (max-width: 1023px) {
  .filtre-panel {
    position: fixed; inset: 0; z-index: 95; overflow-y: auto; padding: 1rem;
    transform: translateY(102%); transition: transform .25s ease;
  }
  .filtre-panel.acik { transform: none; }
}
.filtre-grup { border-bottom: 1px solid var(--cizgi); padding: .9rem 0; }
.filtre-grup > strong { display: block; font-size: .85rem; margin-bottom: .6rem; }
.filtre-secenek { display: flex; align-items: center; gap: .5rem; padding: .28rem 0; font-size: .87rem; color: var(--soluk); }
.filtre-secenek input { accent-color: var(--ana); width: 15px; height: 15px; }
.filtre-secenek:hover { color: var(--metin); }

.beden-kutular { display: flex; flex-wrap: wrap; gap: 6px; }
.beden-kutu {
  min-width: 42px; padding: .4rem .55rem; text-align: center;
  border: 1px solid var(--cizgi); border-radius: 7px; font-size: .82rem;
}
.beden-kutu.secili { border-color: var(--ana); background: var(--ana); color: #fff; }

.mobil-arac {
  position: sticky; bottom: 0; z-index: 40; display: flex; gap: .5rem;
  padding: .6rem 0; background: var(--zemin); border-top: 1px solid var(--cizgi);
}
@media (min-width: 1024px) { .mobil-arac { display: none; } }

.siralama { padding: .55rem .8rem; border: 1px solid var(--cizgi); border-radius: 8px; font-size: .85rem; background: #fff; }

.sayfalama ul { display: flex; gap: .35rem; justify-content: center; list-style: none; padding: 2rem 0 0; margin: 0; }
.sayfalama a {
  display: grid; place-items: center; min-width: 38px; height: 38px; padding: 0 .5rem;
  border: 1px solid var(--cizgi); border-radius: 8px; font-size: .87rem;
}
.sayfalama a.aktif { background: var(--ana); color: #fff; border-color: var(--ana); }
.sayfalama .bosluk { display: grid; place-items: center; color: var(--soluk); }

.urun-duzen { display: grid; gap: 1.5rem; padding-bottom: 2rem; }
@media (min-width: 900px) { .urun-duzen { grid-template-columns: 1.05fr .95fr; gap: 3rem; align-items: start; } }

.galeri { position: relative; }
.galeri-ana { position: relative; border-radius: var(--yuvarlak); overflow: hidden; background: var(--zemin2); aspect-ratio: 2/3; }
.galeri-raylar { display: flex; height: 100%; transition: transform .35s cubic-bezier(.4,0,.2,1); }
.galeri-parca { min-width: 100%; height: 100%; }
.galeri-ana img { width: 100%; height: 100%; object-fit: cover; }
.galeri-nokta { position: absolute; left: 0; right: 0; bottom: 10px; display: flex; justify-content: center; gap: 5px; }
.galeri-nokta button { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 99px; background: rgba(255,255,255,.7); }
.galeri-nokta button.aktif { background: var(--ana); width: 20px; }

.detay-ust { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.favori-btn.duz { position: static; width: 38px; height: 38px; background: none; flex: 0 0 auto; }

.fiyat-rozet {
  background: var(--vurgu); color: #fff; font-weight: 700; font-size: 1.05rem;
  padding: .7rem .8rem; border-radius: 8px; line-height: 1;
}
.detay-fiyat .fiyat-eski { line-height: 1.3; }

.olcu-link { background: none; border: 0; padding: 0; font-size: .8rem; color: var(--soluk); text-decoration: underline; font-weight: 400; }

.guven-satir {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem;
  padding: 1.25rem 0; margin-top: .5rem; text-align: center; color: var(--soluk);
}
.guven-satir div { display: flex; flex-direction: column; align-items: center; gap: .4rem; }
.guven-satir span { font-size: .78rem; }
.galeri-kucuk { display: flex; gap: 8px; margin-top: 8px; overflow-x: auto; scrollbar-width: none; }
.galeri-kucuk::-webkit-scrollbar { display: none; }
.galeri-kucuk button {
  flex: 0 0 62px; padding: 0; border: 1px solid var(--cizgi); border-radius: 8px;
  overflow: hidden; background: none; aspect-ratio: 2/3;
}
.galeri-kucuk button.aktif { border-color: var(--ana); }
.galeri-kucuk img { width: 100%; height: 100%; object-fit: cover; }

@media (min-width: 900px) {
  .urun-sag { position: sticky; top: 84px; }
}

.urun-detay h1 { margin: 0 0 .3rem; font-size: 1.4rem; font-weight: 700; letter-spacing: -.02em; }
.urun-kod { color: var(--soluk); font-size: .8rem; }

.detay-fiyat { display: flex; align-items: center; gap: .75rem; margin: 1rem 0; }
.detay-fiyat .fiyat-yeni { font-size: 1.6rem; line-height: 1.15; display: block; }
.detay-fiyat .fiyat-eski { font-size: .95rem; line-height: 1.15; display: block; }

.secenek-grup { margin: 1.15rem 0; }
.secenek-grup > label { display: flex; justify-content: space-between; font-size: .85rem; font-weight: 600; margin-bottom: .5rem; }
.secenek-grup .secim { color: var(--soluk); font-weight: 400; }

.renk-kutular { display: flex; flex-wrap: wrap; gap: 8px; }
.renk-sec {
  width: 32px; height: 32px; border-radius: 99px; border: 1px solid rgba(0,0,0,.15);
  padding: 0; position: relative;
}
.renk-sec.secili { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--ana); }

.beden-sec {
  min-width: 48px; padding: .6rem .7rem; border: 1px solid var(--cizgi);
  border-radius: 8px; background: #fff; font-size: .87rem; font-weight: 500;
}
.beden-sec.secili { border-color: var(--ana); background: var(--ana); color: #fff; }
.beden-sec.tukendi { opacity: .35; text-decoration: line-through; cursor: not-allowed; }

.stok-uyari { color: var(--uyari); font-size: .82rem; font-weight: 600; margin-top: .5rem; }

.adet-kutu { display: inline-flex; align-items: center; border: 1px solid var(--cizgi); border-radius: 8px; }
.adet-kutu button { width: 40px; height: 44px; background: none; border: 0; font-size: 1.1rem; }
.adet-kutu span { min-width: 34px; text-align: center; font-weight: 600; font-size: .95rem; }

.sepet-satir { display: flex; gap: .6rem; margin: 1.15rem 0; }
.sepet-satir .btn { flex: 1; }

.akordiyon { border-top: 1px solid var(--cizgi); }
.akordiyon-baslik {
  width: 100%; display: flex; justify-content: space-between; align-items: center;
  padding: 1rem 0; background: none; border: 0; font-weight: 600; font-size: .9rem; text-align: left;
}
.akordiyon-govde { display: none; padding-bottom: 1rem; color: var(--soluk); font-size: .89rem; }
.akordiyon-govde.acik { display: block; }
.akordiyon-govde p { margin: 0 0 .6rem; }
.ozellik-tablo { width: 100%; border-collapse: collapse; font-size: .86rem; }
.ozellik-tablo td { padding: .45rem 0; border-bottom: 1px solid var(--cizgi); }
.ozellik-tablo td:first-child { color: var(--soluk); width: 40%; }

.sepet-duzen { display: grid; gap: 1.5rem; padding: 1rem 0 3rem; }
@media (min-width: 900px) { .sepet-duzen { grid-template-columns: 1fr 360px; gap: 2.5rem; align-items: start; } }

.sepet-kalem { display: grid; grid-template-columns: 88px 1fr; gap: .9rem; padding: 1rem 0; border-bottom: 1px solid var(--cizgi); }
.sepet-kalem img { border-radius: 8px; aspect-ratio: 2/3; object-fit: cover; width: 88px; }
.sepet-kalem .ad { font-size: .92rem; font-weight: 600; margin: 0 0 .2rem; }
.sepet-kalem .ozellik { color: var(--soluk); font-size: .82rem; margin-bottom: .5rem; }
.sepet-kalem .satir-alt { display: flex; align-items: center; justify-content: space-between; gap: .5rem; margin-top: .5rem; }
.kaldir { background: none; border: 0; color: var(--soluk); font-size: .8rem; text-decoration: underline; padding: 0; }

.ozet-kart { border: 1px solid var(--cizgi); border-radius: var(--yuvarlak); padding: 1.25rem; background: #fff; }
@media (min-width: 900px) { .ozet-kart { position: sticky; top: 84px; } }
.ozet-satir { display: flex; justify-content: space-between; padding: .38rem 0; font-size: .9rem; }
.ozet-satir.toplam {
  border-top: 1px solid var(--cizgi); margin-top: .6rem; padding-top: .85rem;
  font-size: 1.1rem; font-weight: 700;
}
.ozet-satir .yesil { color: var(--basari); font-weight: 600; }

.kargo-cubuk { background: var(--zemin2); border-radius: 8px; padding: .7rem .85rem; font-size: .82rem; margin-bottom: 1rem; }
.kargo-cubuk .bar { height: 5px; background: var(--cizgi); border-radius: 99px; margin-top: .5rem; overflow: hidden; }
.kargo-cubuk .bar i { display: block; height: 100%; background: var(--basari); border-radius: 99px; }

.kupon-satir { display: flex; gap: .5rem; margin: .9rem 0; }
.kupon-satir input { flex: 1; min-width: 0; }

.bos-durum { text-align: center; padding: 4rem 1rem; }
.bos-durum p { color: var(--soluk); margin: .5rem 0 1.5rem; }

.alan { margin-bottom: .85rem; }
.alan label { display: block; font-size: .82rem; font-weight: 500; margin-bottom: .35rem; }
input[type=text], input[type=email], input[type=tel], input[type=password],
input[type=number], input[type=search], input[type=date], select, textarea {
  width: 100%; padding: .82rem .9rem; border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak); font-size: .95rem; font-family: inherit;
  background: #fff; color: var(--metin); transition: var(--gecis);
}
input:focus, select:focus, textarea:focus { outline: 0; border-color: var(--ana); }
textarea { min-height: 92px; resize: vertical; }
.alan-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; }
.onay { display: flex; align-items: flex-start; gap: .6rem; font-size: .87rem; padding: .35rem 0; }
.onay input { width: 18px; height: 18px; accent-color: var(--ana); flex: 0 0 auto; margin-top: 1px; }
.alan-hata { color: var(--vurgu); font-size: .8rem; margin-top: .25rem; }

.odeme-duzen { display: grid; min-height: 100vh; }
@media (min-width: 1000px) {
  .odeme-duzen { grid-template-columns: 1fr 42%; }
  .odeme-ozet-sutun { background: var(--zemin2); border-left: 1px solid var(--cizgi); }
}

.odeme-sol { padding: 1.25rem 16px 3rem; max-width: 660px; width: 100%; margin-left: auto; }
.odeme-sag { padding: 1.25rem 16px 2rem; max-width: 520px; }
@media (min-width: 1000px) {
  .odeme-sol { padding: 2.5rem 2.5rem 4rem; }
  .odeme-sag { padding: 2.5rem 2.5rem; position: sticky; top: 0; max-height: 100vh; overflow-y: auto; }
}

.odeme-ust { display: flex; align-items: center; justify-content: space-between; padding: 1rem 0 1.5rem; }
.odeme-ust .logo { font-size: 1.15rem; }

.adim { border-top: 1px solid var(--cizgi); padding: 1.5rem 0; }
.adim:first-of-type { border-top: 0; }
.adim-baslik { display: flex; align-items: center; gap: .7rem; margin-bottom: 1.1rem; }
.adim-no {
  width: 27px; height: 27px; border-radius: 99px; background: var(--ana); color: #fff;
  display: grid; place-items: center; font-size: .82rem; font-weight: 700; flex: 0 0 auto;
}
.adim-baslik h2 { margin: 0; font-size: 1.08rem; font-weight: 600; }
.adim.pasif .adim-no { background: var(--cizgi); color: var(--soluk); }
.adim.pasif .adim-govde { display: none; }
.adim-alt-baslik { font-size: .92rem; font-weight: 600; margin: 1.25rem 0 .6rem; }

.tel-alan { display: flex; align-items: center; gap: .5rem; border: 1px solid var(--cizgi); border-radius: var(--yuvarlak); padding: 0 .9rem; }
.tel-alan span { color: var(--soluk); font-size: .95rem; }
.tel-alan input { border: 0; padding-left: .25rem; }
.tel-alan:focus-within { border-color: var(--ana); }

.secim-kart {
  display: flex; align-items: center; gap: .8rem; padding: 1rem;
  border: 1px solid var(--cizgi); border-radius: var(--yuvarlak); margin-bottom: .6rem;
  cursor: pointer; transition: var(--gecis);
}
.secim-kart:hover { border-color: var(--soluk); }
.secim-kart.secili { border-color: var(--ana); box-shadow: 0 0 0 1px var(--ana); }
.secim-kart input { accent-color: var(--ana); width: 18px; height: 18px; }
.secim-kart .baslik { font-weight: 600; font-size: .92rem; }
.secim-kart .aciklama { color: var(--soluk); font-size: .81rem; }
.secim-kart .tutar { margin-left: auto; font-weight: 600; font-size: .92rem; }

.havale-kutu {
  background: var(--zemin2); border-radius: 8px; padding: .9rem;
  font-size: .85rem; white-space: pre-line; margin-top: .5rem;
}

.adim.tamam .adim-no { background: var(--basari); }
.adim.tamam .adim-govde { display: none; }
.adim-ozet { padding-left: 2.45rem; color: var(--soluk); font-size: .88rem; line-height: 1.7; }
.adim-ozet strong { color: var(--metin); }
.duzenle-btn {
  background: none; border: 0; padding: 0; font-size: .85rem;
  font-weight: 600; color: var(--metin); text-decoration: underline;
}
.guvenli-not { text-align: center; color: var(--soluk); font-size: .8rem; margin: .85rem 0 0; }

.ozet-urun { display: flex; gap: .8rem; padding: .7rem 0; }
.ozet-urun .gorsel { position: relative; flex: 0 0 56px; }
.ozet-urun img { width: 56px; aspect-ratio: 2/3; object-fit: cover; border-radius: 6px; }
.ozet-urun .adet-rozet {
  position: absolute; top: -7px; right: -7px; min-width: 20px; height: 20px;
  background: var(--ana); color: #fff; border-radius: 99px; font-size: .7rem;
  font-weight: 700; display: grid; place-items: center;
}
.ozet-urun .ad { font-size: .85rem; font-weight: 500; margin: 0; }
.ozet-urun .ozellik { color: var(--soluk); font-size: .78rem; }
.ozet-urun .fiyat { margin-left: auto; text-align: right; font-size: .87rem; white-space: nowrap; }
.ozet-ayrac { border: 0; border-top: 1px solid var(--cizgi); margin: 1rem 0; }
.ozet-vergi { text-align: right; color: var(--soluk); font-size: .78rem; margin-top: .2rem; }

.ozet-acilir { padding: .35rem 0; }
.ozet-acilir summary {
  cursor: pointer; font-size: .88rem; color: var(--soluk);
  list-style: none; padding: .3rem 0;
}
.ozet-acilir summary::-webkit-details-marker { display: none; }
.ozet-acilir summary::before { content: '+ '; font-weight: 600; }
.ozet-acilir[open] summary::before { content: '− '; }
.ozet-acilir summary:hover { color: var(--metin); }

.siparis-sonuc { max-width: 640px; margin: 0 auto; padding: 2rem 0 3rem; }
.sonuc-ust { text-align: center; margin-bottom: 2rem; }
.sonuc-ikon {
  width: 60px; height: 60px; border-radius: 99px; margin: 0 auto 1rem;
  display: grid; place-items: center; background: #ecfdf5; color: var(--basari);
}
.sonuc-ikon.bekliyor { background: #fffbeb; color: var(--uyari); }
.sonuc-ust h1 { font-size: 1.5rem; margin: 0 0 .5rem; }
.sonuc-ust p { color: var(--soluk); font-size: .92rem; margin: 0 auto; max-width: 46ch; }
.sonuc-rozetler { display: flex; gap: .5rem; justify-content: center; margin-top: 1rem; flex-wrap: wrap; }
.sonuc-alt { display: flex; gap: .6rem; margin-top: 1.5rem; }
.sonuc-alt .btn { flex: 1; }

.hesap-duzen { display: grid; gap: 1.5rem; padding: 1.5rem 0 3rem; }
@media (min-width: 900px) { .hesap-duzen { grid-template-columns: 236px 1fr; gap: 2.5rem; align-items: start; } }
.hesap-menu { border: 1px solid var(--cizgi); border-radius: var(--yuvarlak); overflow: hidden; }
.hesap-menu a { display: flex; align-items: center; gap: .6rem; padding: .85rem 1rem; border-bottom: 1px solid var(--cizgi); font-size: .9rem; }
.hesap-menu a:last-child { border-bottom: 0; }
.hesap-menu a.aktif { background: var(--zemin2); font-weight: 600; }

.kart { border: 1px solid var(--cizgi); border-radius: var(--yuvarlak); padding: 1.25rem; }
.kart + .kart { margin-top: 1rem; }

.durum-rozet {
  display: inline-block; padding: .25rem .6rem; border-radius: 99px;
  font-size: .74rem; font-weight: 700;
}
.durum-yeni     { background: #eef2ff; color: #4338ca; }
.durum-hazir    { background: #ecfeff; color: #0e7490; }
.durum-gonderildi { background: #ecfdf5; color: #15803d; }
.durum-teslim   { background: #f0fdf4; color: #166534; }
.durum-iptal    { background: #fef2f2; color: #b91c1c; }
.durum-bekliyor { background: #fffbeb; color: #b45309; }
.durum-odendi   { background: #ecfdf5; color: #15803d; }

.uyelik-kap { max-width: 420px; margin: 0 auto; padding: 2.5rem 0 4rem; }
.uyelik-kap h1 { font-size: 1.5rem; margin: 0 0 1.5rem; text-align: center; }
.kucuk-link { font-size: .82rem; color: var(--soluk); text-decoration: underline; }
.alt-link { text-align: center; font-size: .88rem; color: var(--soluk); margin-top: 1.5rem; }
.alt-link a { font-weight: 600; color: var(--metin); text-decoration: underline; }

.metin-sayfa { max-width: 74ch; margin: 0 auto; padding: 1rem 0 3rem; }
.metin-sayfa h1 { font-size: 1.6rem; margin: 0 0 1.25rem; }
.metin-sayfa h2 { font-size: 1.15rem; margin: 1.75rem 0 .5rem; }
.metin-sayfa p, .metin-sayfa li { color: #333; line-height: 1.75; }
.metin-sayfa table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.metin-sayfa td, .metin-sayfa th { border: 1px solid var(--cizgi); padding: .6rem; text-align: left; font-size: .9rem; }

.bildirim {
  padding: .85rem 1rem; border-radius: var(--yuvarlak); font-size: .88rem;
  margin: 1rem 0; border: 1px solid;
}
.bildirim.basari { background: #f0fdf4; border-color: #bbf7d0; color: #166534; }
.bildirim.hata   { background: #fef2f2; border-color: #fecaca; color: #b91c1c; }
.bildirim.bilgi  { background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; }

.toast {
  position: fixed; left: 50%; bottom: 22px; transform: translate(-50%, 120%);
  background: var(--ana); color: #fff; padding: .8rem 1.2rem; border-radius: 99px;
  font-size: .88rem; font-weight: 500; z-index: 120;
  transition: transform .28s ease, opacity .28s ease;
  box-shadow: var(--golge); max-width: calc(100vw - 32px);
  opacity: 0; visibility: hidden;
}
.toast.gorunur { transform: translate(-50%, 0); opacity: 1; visibility: visible; }

.alt { background: var(--zemin2); border-top: 1px solid var(--cizgi); margin-top: 3.5rem; }

.alt-bulten { background: var(--ana); color: #fff; padding: 2rem 0; }
.bulten-ic { display: grid; gap: 1.1rem; align-items: center; }
@media (min-width: 860px) { .bulten-ic { grid-template-columns: 1.2fr 1fr; gap: 2.5rem; } }
.alt-bulten h3 { margin: 0 0 .3rem; font-size: 1.2rem; font-weight: 600; color: #fff; letter-spacing: -.01em; }
.alt-bulten p { margin: 0; font-size: .87rem; color: rgba(255,255,255,.72); }
.bulten-form { display: flex; gap: .5rem; }
.bulten-form input {
  flex: 1; min-width: 0; background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.22); color: #fff;
}
.bulten-form input::placeholder { color: rgba(255,255,255,.55); }
.bulten-form input:focus { border-color: #fff; background: rgba(255,255,255,.16); }
.bulten-form .btn { background: #fff; color: var(--ana); padding-inline: 1.6rem; }

.alt-izgara { display: grid; gap: 2rem; grid-template-columns: 1fr; padding: 2.75rem 0 0; }
@media (min-width: 640px) { .alt-izgara { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .alt-izgara { grid-template-columns: 1.6fr repeat(3, 1fr); gap: 2.75rem; } }

.alt h3 {
  font-size: .78rem; font-weight: 700; margin: 0 0 1rem;
  letter-spacing: .08em; text-transform: uppercase; color: var(--metin);
}
.alt-sutun a { display: block; padding: .32rem 0; font-size: .87rem; color: var(--soluk); }
.alt-sutun a:hover { color: var(--metin); }
.alt-marka p { color: var(--soluk); font-size: .87rem; margin: .9rem 0 0; max-width: 42ch; line-height: 1.7; }
.alt-logo { height: 30px; width: auto; }
.alt-adres { color: var(--soluk); font-size: .87rem; margin: .6rem 0 0; line-height: 1.6; }

.sosyal { display: flex; gap: .5rem; margin-top: 1.25rem; }
.sosyal a {
  width: 38px; height: 38px; border: 1px solid var(--cizgi); border-radius: 99px;
  display: grid; place-items: center; padding: 0; background: #fff;
  color: var(--metin); transition: var(--gecis);
}
.sosyal a:hover { background: var(--ana); border-color: var(--ana); color: #fff; }

.alt-guven {
  display: flex; flex-wrap: wrap; gap: .5rem;
  padding: 2rem 0 0; margin-top: 2rem; border-top: 1px solid var(--cizgi);
}
.alt-etiket {
  font-size: .76rem; color: var(--soluk); background: #fff;
  border: 1px solid var(--cizgi); border-radius: 99px; padding: .4rem .8rem;
}

.alt-son {
  margin-top: 1.25rem; padding: 1.25rem 0 1.5rem;
  display: flex; flex-wrap: wrap; gap: .75rem; justify-content: space-between;
  color: var(--soluk); font-size: .8rem;
}

.yuzen-dugme {
  position: fixed; z-index: 65;
  bottom: calc(14px + var(--sira, 0) * 60px);
  width: 50px; height: 50px; border-radius: 99px;
  display: grid; place-items: center;
  box-shadow: var(--golge);
  transition: transform .15s ease;
}
.yuzen-dugme:hover { transform: scale(1.06); }
.yuzen-dugme.sag { right: 14px; }
.yuzen-dugme.sol { left: 14px; }
.yuzen-dugme.wa { background: #25d366; }
.yuzen-dugme.ig { background: linear-gradient(45deg, #f09433, #dc2743 45%, #bc1888); }

@media (max-width: 899px) {
  body.urun-sayfa .yuzen-dugme { bottom: calc(84px + var(--sira, 0) * 60px); }
}

@media (max-width: 899px) {
  body.urun-sayfa { padding-bottom: 76px; }
  .mobil-sepet-cubuk {
    position: fixed; inset: auto 0 0 0; z-index: 70; display: flex; gap: .6rem;
    padding: .65rem 16px calc(.65rem + env(safe-area-inset-bottom));
    background: #fff; border-top: 1px solid var(--cizgi);
  }
}
@media (min-width: 900px) { .mobil-sepet-cubuk { display: none; } }

@media (min-width: 900px) {
  .ust-ic > nav { flex: 1; display: flex; justify-content: center; }
  .ana-menu { display: flex; align-items: center; gap: 1.35rem; margin: 0; padding: 0; }
  .ana-menu > li { position: relative; list-style: none; }
  .ana-menu > li > a { font-size: .89rem; font-weight: 500; padding: 1.2rem 0; display: block; }
  .ana-menu > li > a:hover { color: var(--vurgu); }
  .ana-menu ul {
    position: absolute; top: 100%; left: -1rem; min-width: 210px; background: #fff;
    border: 1px solid var(--cizgi); border-radius: var(--yuvarlak); box-shadow: var(--golge);
    padding: .5rem; list-style: none; margin: 0;
    opacity: 0; visibility: hidden; transform: translateY(6px); transition: var(--gecis);
  }
  .ana-menu > li:hover ul { opacity: 1; visibility: visible; transform: none; }
  .ana-menu ul a { display: block; padding: .5rem .7rem; border-radius: 6px; font-size: .87rem; }
  .ana-menu ul a:hover { background: var(--zemin2); }
  .menu-ac { display: none; }
  .ust-ic { height: 70px; }
}

@media print {
  .ust, .alt, .mobil-sepet-cubuk, .duyuru { display: none; }
}

.kayan-serit {
  background: var(--kayan-zemin, #1d1d1f);
  color: var(--kayan-renk, #fff);
  overflow: hidden; padding: .72rem 0;
  font-size: .82rem; font-weight: 500; letter-spacing: .01em;
}
.kayan-ray { display: flex; width: max-content; animation: kayanAk var(--kayan-sure, 30s) linear infinite; animation-direction: var(--kayan-yon, normal); }
.kayan-grup { display: flex; align-items: center; flex: 0 0 auto; }
.kayan-oge { padding: 0 1.1rem; white-space: nowrap; }
.kayan-ayrac { opacity: .45; }

@keyframes kayanAk {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.kayan-serit:hover .kayan-ray { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
  .kayan-ray { animation: none; }
  .kayan-grup:nth-child(2) { display: none; }
}

.alt { background: var(--zemin); border-top: 0; margin-top: 0; }

.alt-marka-blok { text-align: center; padding: 2.75rem 0 1.75rem; }
.alt-logo-baglanti { display: inline-block; }
.alt-logo { height: 34px; width: auto; margin: 0 auto; }
.alt-marka-blok .logo { font-size: 1.4rem; }

.alt-hizli {
  display: flex; justify-content: center; flex-wrap: wrap;
  gap: 0; margin-top: 1.25rem;
}
.alt-hizli a {
  display: inline-flex; align-items: center; gap: .5rem;
  padding: .35rem 1.4rem; font-size: .88rem; font-weight: 500; color: var(--metin);
  border-left: 1px solid var(--cizgi);
}
.alt-hizli a:first-child { border-left: 0; }
.alt-hizli a:hover { color: var(--vurgu); }

.alt-avantaj {
  display: grid; grid-template-columns: 1fr; gap: 1.5rem;
  padding: 2rem 0; border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi);
}
@media (min-width: 860px) {
  .alt-avantaj { grid-template-columns: repeat(3, 1fr); gap: 0; }
  .alt-avantaj-oge { border-left: 1px solid var(--cizgi); padding-left: 2rem; }
  .alt-avantaj-oge:first-child { border-left: 0; padding-left: 0; }
}
.alt-avantaj-oge { display: flex; gap: 1rem; align-items: flex-start; }
.alt-avantaj-oge .ikon { color: var(--vurgu); flex: 0 0 auto; margin-top: .1rem; }
.alt-avantaj-oge strong { display: block; font-size: .96rem; font-weight: 600; margin-bottom: .25rem; }
.alt-avantaj-oge p { margin: 0; color: var(--soluk); font-size: .85rem; line-height: 1.6; }

.alt-izgara {
  display: grid; gap: 2rem; grid-template-columns: 1fr; padding: 2.75rem 0 0;
}
@media (min-width: 640px)  { .alt-izgara { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1040px) { .alt-izgara { grid-template-columns: 1.5fr repeat(3, 1fr); gap: 3rem; } }

.alt-hakkinda p { color: var(--soluk); font-size: .87rem; line-height: 1.75; margin: 0 0 .9rem; max-width: 40ch; }
.alt-hakkinda a { display: block; padding: .2rem 0; font-size: .87rem; color: var(--soluk); }
.alt-hakkinda a:hover { color: var(--metin); }
.alt-adres { margin-bottom: .9rem !important; }

.alt h3 {
  font-size: .93rem; font-weight: 600; margin: 0 0 1rem;
  letter-spacing: -.01em; text-transform: none; color: var(--metin);
}
.alt-sutun a { display: block; padding: .34rem 0; font-size: .87rem; color: var(--soluk); }
.alt-sutun a:hover { color: var(--metin); }

.alt-bulten {
  display: grid; gap: 1rem; align-items: center;
  margin-top: 2.5rem; padding: 1.75rem 0 0; border-top: 1px solid var(--cizgi);
  background: none; color: inherit;
}
@media (min-width: 860px) { .alt-bulten { grid-template-columns: 1.2fr 1fr; gap: 2.5rem; } }
.alt-bulten h3 { margin: 0 0 .25rem; font-size: 1.02rem; color: var(--metin); }
.alt-bulten p { margin: 0; font-size: .86rem; color: var(--soluk); }
.alt-bulten .bulten-form input {
  background: #fff; border-color: var(--cizgi); color: var(--metin);
}
.alt-bulten .bulten-form input::placeholder { color: var(--soluk); }
.alt-bulten .bulten-form .btn { background: var(--ana); color: #fff; }

.alt-son {
  margin-top: 2rem; padding: 1.25rem 0 1.75rem;
  border-top: 1px solid var(--cizgi);
  display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between;
  align-items: center; color: var(--soluk); font-size: .8rem;
}
.alt-rozetler { display: flex; gap: .45rem; flex-wrap: wrap; }
.alt-rozet {
  font-size: .72rem; color: var(--soluk); background: #fff;
  border: 1px solid var(--cizgi); border-radius: 6px; padding: .35rem .6rem;
  letter-spacing: .02em;
}
.alt-rozet.kart { font-weight: 700; letter-spacing: .04em; }

.alt-avantaj-oge {
  flex-direction: column; align-items: center; text-align: center; gap: .6rem;
}
@media (min-width: 860px) {
  .alt-avantaj-oge { padding: 0 1.5rem; }
  .alt-avantaj-oge:first-child { padding-left: 1.5rem; }
}
.alt-avantaj-oge p { max-width: 34ch; margin-left: auto; margin-right: auto; }

.kart-logo {
  display: inline-flex; align-items: center; justify-content: center;
  height: 26px; padding: 0 .55rem;
  background: #fff; border: 1px solid var(--cizgi); border-radius: 6px;
}
.kart-logo img { height: 13px; width: auto; object-fit: contain; }
.alt-rozetler { align-items: center; }

button { color: inherit; -webkit-appearance: none; appearance: none; }

.akordiyon-baslik { color: var(--metin); }
.beden-sec, .beden-cip, .beden-kutu {
  color: var(--beden-renk, var(--vurgu));
  font-weight: 600;
}
.beden-sec.secili, .beden-cip.secili, .beden-kutu.secili { color: #fff; }
.beden-sec.tukendi, .beden-cip.tukendi { color: var(--soluk); }
.adet-kutu button, .kaldir, .olcu-link, .cekmece-ac,
.menu-ac, .ara-ac, .ust-dugme, .slider-ok, .serit-ok { color: var(--metin); }
.olcu-link, .kaldir { color: var(--soluk); }

@media (max-width: 899px) {
  .logo { position: static; transform: none; }
  .ust-ic { gap: .4rem; }
  .ust-sag { gap: 0; }
  .ust-dugme { width: 38px; }
  .logo img { height: 24px; }
  .logo { font-size: 1.05rem; }
}

@media (max-width: 767px) {
  .alt-marka-blok { padding: 2.25rem 0 1.5rem; }
  .alt-hizli { margin-top: 1.75rem; gap: .35rem .5rem; }
  .alt-hizli a {
    border-left: 0; padding: .55rem .9rem; font-size: .85rem;
    background: var(--zemin2); border-radius: 99px;
  }
}

@media (hover: none) {
  .urun-gorsel .ikinci { display: none; }
}

.sorgu-kap { max-width: 640px; margin: 0 auto; padding: 2rem 0 3rem; }
.sorgu-ust { text-align: center; margin-bottom: 1.75rem; }
.sorgu-ust h1 { font-size: 1.5rem; margin: 0 0 .5rem; }
.sorgu-ust p { color: var(--soluk); font-size: .92rem; margin: 0 auto; max-width: 46ch; }
.sorgu-form { padding: 1.5rem; }
.sorgu-alt { text-align: center; color: var(--soluk); font-size: .87rem; margin-top: 1.25rem; line-height: 1.7; }
.sorgu-alt a { text-decoration: underline; color: var(--metin); }

.sorgu-baslik { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; flex-wrap: wrap; }
.sorgu-kod { font-size: 1.15rem; font-weight: 700; letter-spacing: -.01em; }
.sorgu-tarih { color: var(--soluk); font-size: .84rem; margin-top: .2rem; }
.sorgu-rozetler { display: flex; gap: .4rem; flex-wrap: wrap; }
.sorgu-alt-baslik { font-size: 1rem; margin: 0 0 1rem; }

.yolculuk { list-style: none; margin: 1.5rem 0 0; padding: 0; }
.yolculuk li {
  position: relative; display: flex; align-items: center; gap: .85rem;
  padding: 0 0 1.5rem; color: var(--soluk); font-size: .92rem;
}
.yolculuk li:last-child { padding-bottom: 0; }
.yolculuk li:not(:last-child)::before {
  content: ''; position: absolute; left: 11px; top: 24px; bottom: 2px;
  width: 2px; background: var(--cizgi);
}
.yolculuk li.gecildi:not(:last-child)::before { background: var(--basari); }
.yolculuk-nokta {
  width: 24px; height: 24px; border-radius: 99px; flex: 0 0 auto;
  border: 2px solid var(--cizgi); background: #fff; z-index: 1;
  display: grid; place-items: center; color: #fff;
}
.yolculuk li.gecildi .yolculuk-nokta { background: var(--basari); border-color: var(--basari); }
.yolculuk li.gecildi .yolculuk-metin { color: var(--metin); }
.yolculuk li.simdiki .yolculuk-nokta {
  background: var(--basari); border-color: var(--basari);
  box-shadow: 0 0 0 4px rgba(21,128,61,.16);
}
.yolculuk li.simdiki .yolculuk-metin { font-weight: 600; color: var(--metin); }

.sorgu-kargo {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  flex-wrap: wrap; margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--cizgi);
}
.sorgu-takip { color: var(--soluk); font-size: .85rem; margin-top: .15rem; }
.sorgu-kargo.bilgilendirme { color: var(--soluk); font-size: .87rem; display: block; }

.ozet-ek { color: var(--soluk); font-size: .8rem; margin-left: .3rem; }
.ozet-acilir textarea { margin-top: .5rem; font-size: .88rem; }

.cark-perde{
  position:fixed; inset:0; z-index:1200;
  display:flex; align-items:center; justify-content:center;
  padding:1rem;
  background:rgba(0,0,0,.55);
  backdrop-filter:saturate(160%) blur(6px);
  -webkit-backdrop-filter:saturate(160%) blur(6px);
  opacity:0; transition:opacity .25s ease;
}
.cark-perde.acik{ opacity:1 }
.cark-perde[hidden]{ display:none }

.cark-pencere{
  position:relative;
  width:100%; max-width:820px;
  max-height:calc(100dvh - 2rem);
  overflow-y:auto;
  background:var(--zemin,#fff);
  border-radius:22px;
  box-shadow:0 30px 80px rgba(0,0,0,.32);
  transform:translateY(14px) scale(.97);
  transition:transform .3s cubic-bezier(.2,.8,.3,1);
}
.cark-perde.acik .cark-pencere{ transform:none }

.cark-kapat{
  position:absolute; top:12px; right:12px; z-index:3;
  width:34px; height:34px; display:grid; place-items:center;
  border:0; border-radius:50%; cursor:pointer;
  background:rgba(255,255,255,.9); color:#1d1d1f;
  box-shadow:0 2px 10px rgba(0,0,0,.14);
}
.cark-kapat:hover{ background:#fff }

.cark-govde{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center; gap:0;
}

.cark-alan{
  position:relative;
  aspect-ratio:1;
  margin:1.5rem;
  display:grid; place-items:center;
}
.cark-daire{
  position:relative;
  width:100%; aspect-ratio:1;
  border-radius:50%;
  border:8px solid #fff;
  box-shadow:0 0 0 2px rgba(0,0,0,.16), 0 18px 40px rgba(0,0,0,.22);
  will-change:transform;
}
.cark-daire::after{
  content:''; position:absolute; inset:0; border-radius:50%;
  pointer-events:none;
  background:repeating-conic-gradient(
    rgba(0,0,0,.18) 0deg .45deg, transparent .45deg var(--dilim-aci, 45deg));
}
.cark-etiket{
  position:absolute;
  left:50%; top:0;
  width:88px; margin-left:-44px; height:50%;
  transform-origin:50% 100%;
  transform:rotate(var(--aci));
  display:flex; align-items:flex-start; justify-content:center;
  padding-top:16px;
  font-size:.72rem; font-weight:700; line-height:1.15;
  text-align:center;
  pointer-events:none;
}
.cark-etiket b{ font-weight:inherit; display:inline-block }
.cark-etiket.ters b{ transform:rotate(180deg) }
.cark-ibre{
  position:absolute; top:-6px; left:50%; z-index:2;
  margin-left:-11px;
  width:0; height:0;
  border-left:11px solid transparent;
  border-right:11px solid transparent;
  border-top:22px solid var(--vurgu,#1d1d1f);
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));
}
.cark-gobek{
  position:absolute; z-index:2;
  width:22%; aspect-ratio:1;
  display:grid; place-items:center;
  border-radius:50%;
  background:#fff; color:#1d1d1f;
  font-size:.6rem; font-weight:700; text-align:center;
  letter-spacing:.04em; text-transform:uppercase;
  box-shadow:0 4px 14px rgba(0,0,0,.22);
  overflow:hidden; padding:4px;
}

.cark-form, .cark-sonuc{ padding:2rem 2rem 2rem 0 }
.cark-form[hidden], .cark-sonuc[hidden]{ display:none }

.cark-form h2, .cark-sonuc h2{
  margin:0 0 .4rem;
  font-family:var(--font-baslik); font-size:1.45rem; line-height:1.2;
  color:var(--metin);
}
.cark-form > p, .cark-sonuc > p{
  margin:0 0 1.1rem; font-size:.9rem; color:var(--soluk); line-height:1.5;
}
.cark-form .alan{ margin-bottom:.6rem }
.cark-form input[type=text], .cark-form input[type=email]{
  width:100%; padding:.8rem .9rem;
  border:1px solid var(--cizgi); border-radius:12px;
  font-size:.92rem; font-family:inherit; color:var(--metin);
  background:#fff;
}
.cark-form input:focus{ outline:2px solid var(--metin); outline-offset:-1px; border-color:transparent }

.cark-form .onay{
  display:flex; gap:.55rem; align-items:flex-start;
  margin:.5rem 0; font-size:.74rem; line-height:1.45; color:var(--soluk);
  cursor:pointer;
}
.cark-form .onay input{ margin-top:.15rem; flex:0 0 auto; accent-color:var(--metin) }

.cark-hata{
  margin:.6rem 0; padding:.6rem .75rem;
  border-radius:10px; background:#fdecea; color:#b3261e;
  font-size:.8rem;
}
.cark-hata[hidden]{ display:none }
.cark-form .btn{ margin-top:.85rem }

.cark-sonuc{ text-align:center }
.cark-sonuc-ikon{ font-size:2.4rem; line-height:1; margin-bottom:.5rem }
.cark-kupon{
  display:flex; align-items:center; justify-content:center; gap:.6rem;
  margin:1rem 0 .4rem; padding:.8rem;
  border:2px dashed var(--metin); border-radius:12px;
}
.cark-kupon[hidden]{ display:none }
.cark-kupon-kod{
  font-size:1.15rem; font-weight:800; letter-spacing:.14em;
  font-variant-numeric:tabular-nums; color:var(--metin);
}
.cark-bitis{ font-size:.76rem; color:var(--soluk); margin:0 0 1rem }
.cark-sonuc .btn{ margin-top:.5rem }

@media (max-width:760px){
  .cark-pencere{ max-width:420px }
  .cark-govde{ grid-template-columns:1fr }
  .cark-alan{
    margin:0; padding:1.25rem 1.25rem 0;
    aspect-ratio:auto; max-width:290px; margin-inline:auto; width:100%;
  }
  .cark-etiket{ width:74px; margin-left:-37px; font-size:.65rem; padding-top:13px }
  .cark-form, .cark-sonuc{ padding:1.25rem }
  .cark-form h2, .cark-sonuc h2{ font-size:1.2rem }
}

.ig-bolum { padding: 3rem 0 1rem; }
.ig-ust {
  display: flex; align-items: center; gap: 1rem;
  flex-wrap: wrap; margin-bottom: 1.4rem;
}
.ig-profil { display: flex; align-items: center; gap: .9rem; min-width: 0; flex: 1; }
.ig-avatar {
  width: 62px; height: 62px; flex: 0 0 auto;
  border-radius: 50%; overflow: hidden;
  display: grid; place-items: center;
  padding: 2px;
  background: linear-gradient(45deg, #f09433, #dc2743 45%, #bc1888);
}
.ig-avatar img {
  width: 100%; height: 100%;
  border-radius: 50%; object-fit: cover;
  border: 2px solid #fff;
}
.ig-avatar.bos { color: #fff; padding: 0; }
.ig-kimlik { min-width: 0; }
.ig-kimlik h2 {
  margin: 0; font-family: var(--font-baslik);
  font-size: clamp(1.15rem, 3vw, 1.5rem); line-height: 1.2; color: var(--metin);
}
.ig-kullanici { margin: .1rem 0 0; font-size: .86rem; color: var(--soluk); }
.ig-alt { margin: .25rem 0 0; font-size: .85rem; color: var(--soluk); }
.ig-sayilar { display: flex; gap: 1rem; margin-top: .4rem; font-size: .8rem; color: var(--soluk); }
.ig-sayilar strong { color: var(--metin); font-weight: 600; }

.ig-takip {
  flex: 0 0 auto;
  padding: .7rem 1.5rem;
  border-radius: 980px;
  background: linear-gradient(45deg, #f09433, #dc2743 45%, #bc1888);
  color: #fff; font-size: .88rem; font-weight: 600;
  transition: opacity .15s ease, transform .15s ease;
}
.ig-takip:hover { opacity: .9; transform: translateY(-1px); }

.ig-serit {
  display: flex; gap: .8rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: .4rem;
  margin: 0 -16px; padding-left: 16px; padding-right: 16px;
}
.ig-serit::-webkit-scrollbar { display: none; }

.ig-kart {
  flex: 0 0 auto;
  width: 190px;
  scroll-snap-align: start;
  color: var(--metin);
}
.ig-gorsel {
  position: relative; display: block;
  aspect-ratio: 9 / 16;
  border-radius: var(--yuvarlak);
  overflow: hidden;
  background: #f2f2f4;
}
.ig-gorsel img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform .4s ease;
}
.ig-kart:hover .ig-gorsel img { transform: scale(1.05); }

.ig-oynat {
  position: absolute; top: 10px; right: 10px;
  width: 26px; height: 26px;
  display: grid; place-items: center;
  border-radius: 50%;
  background: rgba(0,0,0,.45);
  color: #fff;
  backdrop-filter: blur(4px);
}
.ig-izlenme {
  position: absolute; left: 10px; bottom: 10px;
  display: inline-flex; align-items: center; gap: 4px;
  padding: 4px 9px;
  border-radius: 980px;
  background: rgba(0,0,0,.55);
  color: #fff; font-size: .72rem; font-weight: 600;
  font-variant-numeric: tabular-nums;
  backdrop-filter: blur(4px);
}
.ig-urun {
  display: block;
  margin-top: .5rem;
  font-size: .82rem;
  line-height: 1.35;
  color: var(--metin);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media (max-width: 768px) {
  .ig-bolum { padding: 2.2rem 0 .5rem; }
  .ig-ust { gap: .75rem; }
  .ig-avatar { width: 52px; height: 52px; }
  .ig-takip { width: 100%; text-align: center; }
  .ig-kart { width: 44vw; max-width: 200px; }
}

.hesap-kap { padding: 1.6rem 16px 3rem; }
.hesap-baslik { margin-bottom: 1.4rem; }
.hesap-baslik h1 {
  margin: 0 0 .2rem;
  font-family: var(--font-baslik);
  font-size: clamp(1.4rem, 3.5vw, 1.9rem);
  color: var(--metin);
}
.hesap-baslik p { margin: 0; font-size: .88rem; color: var(--soluk); }

.hesap-duzen {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 1.6rem;
  align-items: start;
}

.hesap-menu {
  display: grid;
  gap: 2px;
  background: #fff;
  border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak);
  padding: .5rem;
  position: sticky;
  top: 84px;
}
.hesap-menu a {
  display: flex;
  align-items: center;
  gap: .65rem;
  padding: .65rem .75rem;
  border-radius: calc(var(--yuvarlak) - 4px);
  font-size: .87rem;
  color: var(--metin);
  transition: background .12s ease;
}
.hesap-menu a:hover { background: #f5f5f7; }
.hesap-menu a.aktif { background: var(--ana); color: #fff; }
.hesap-menu a em {
  margin-left: auto;
  font-style: normal;
  font-size: .72rem;
  font-weight: 600;
  padding: .1rem .5rem;
  border-radius: 980px;
  background: #f0f0f2;
  color: var(--metin);
  font-variant-numeric: tabular-nums;
}
.hesap-menu a.aktif em { background: rgba(255,255,255,.2); color: #fff; }
.hesap-menu a.cikis { color: #b3261e; margin-top: .3rem; border-top: 1px solid var(--cizgi); border-radius: 0; }
.hesap-menu a.cikis:hover { background: #fdecea; }

.hesap-icerik { display: grid; gap: 1rem; min-width: 0; }

.hesap-sayilar {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: .8rem;
}
.hesap-sayi {
  background: #fff;
  border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak);
  padding: 1rem 1.1rem;
}
.hesap-sayi span { display: block; font-size: .76rem; color: var(--soluk); margin-bottom: .3rem; }
.hesap-sayi strong {
  font-size: clamp(1.05rem, 2.5vw, 1.35rem);
  color: var(--metin);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.hesap-kart {
  background: #fff;
  border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak);
  padding: 1.2rem 1.3rem;
}
.hesap-kart-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.hesap-kart-ust h2 { margin: 0; font-size: 1.02rem; color: var(--metin); }
.hesap-kart-ust a { font-size: .82rem; color: var(--soluk); }
.hesap-kart-ust a:hover { color: var(--metin); }

.hesap-bos { text-align: center; padding: 1.6rem 0 .6rem; }
.hesap-bos p { color: var(--soluk); font-size: .9rem; margin: 0 0 1rem; }

.siparis-satir {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: .85rem 0;
  border-bottom: 1px solid var(--cizgi);
  color: var(--metin);
}
.siparis-satir:last-of-type { border-bottom: 0; }
.siparis-satir:hover .siparis-orta strong { text-decoration: underline; }
.siparis-gorseller { display: flex; align-items: center; flex: 0 0 auto; }
.siparis-gorseller img {
  width: 40px; height: 60px;
  object-fit: cover;
  border-radius: 6px;
  border: 2px solid #fff;
  margin-left: -12px;
  box-shadow: 0 1px 4px rgba(0,0,0,.12);
}
.siparis-gorseller img:first-child { margin-left: 0; }
.siparis-gorseller .fazla {
  margin-left: .4rem;
  font-size: .72rem;
  color: var(--soluk);
  font-variant-numeric: tabular-nums;
}
.siparis-orta { flex: 1; min-width: 0; display: grid; gap: .15rem; }
.siparis-orta strong { font-size: .9rem; }
.siparis-orta span { font-size: .78rem; color: var(--soluk); }
.siparis-orta .takip { color: var(--metin); }
.siparis-sag {
  display: grid;
  gap: .3rem;
  justify-items: end;
  flex: 0 0 auto;
}
.siparis-sag strong { font-size: .92rem; font-variant-numeric: tabular-nums; white-space: nowrap; }

.hesap-sayfalama { display: flex; gap: .35rem; justify-content: center; padding-top: 1rem; }
.hesap-sayfalama a {
  min-width: 34px; height: 34px;
  display: grid; place-items: center;
  border: 1px solid var(--cizgi);
  border-radius: 8px;
  font-size: .84rem;
  color: var(--metin);
  font-variant-numeric: tabular-nums;
}
.hesap-sayfalama a.aktif { background: var(--ana); border-color: var(--ana); color: #fff; }

.adres-form .alan textarea {
  width: 100%;
  padding: .75rem .9rem;
  border: 1px solid var(--cizgi);
  border-radius: 12px;
  font-size: .9rem;
  font-family: inherit;
  color: var(--metin);
  resize: vertical;
}
.alan-ipucu { font-size: .75rem; color: var(--soluk); margin-top: .3rem; }

.hesap-onay {
  display: flex;
  gap: .55rem;
  align-items: flex-start;
  margin: .5rem 0 .85rem;
  font-size: .82rem;
  color: var(--metin);
  cursor: pointer;
  line-height: 1.45;
}
.hesap-onay input { margin-top: .18rem; flex: 0 0 auto; accent-color: var(--ana); }

.adres-izgara {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: .8rem;
}
.adres-kutu {
  position: relative;
  background: #fff;
  border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak);
  padding: 1.1rem 1.2rem;
  display: grid;
  gap: .8rem;
  align-content: start;
}
.adres-kutu.varsayilan { border-color: var(--ana); }
.adres-etiket {
  position: absolute;
  top: -9px; right: 12px;
  padding: .15rem .6rem;
  border-radius: 980px;
  background: var(--ana);
  color: #fff;
  font-size: .68rem;
  font-weight: 600;
}
.adres-govde { display: grid; gap: .2rem; font-size: .85rem; color: var(--soluk); }
.adres-govde strong { color: var(--metin); font-size: .9rem; }
.adres-eylem { display: flex; flex-wrap: wrap; gap: .4rem; }
.adres-eylem .sil { color: #b3261e; border-color: #f2c4c0; }
.adres-eylem .sil:hover { background: #fdecea; }

@media (max-width: 899px) {
  .hesap-duzen { grid-template-columns: 1fr; }
  .hesap-menu {
    position: static;
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
    gap: .3rem;
    padding: .4rem;
  }
  .hesap-menu::-webkit-scrollbar { display: none; }
  .hesap-menu a { flex: 0 0 auto; padding: .55rem .8rem; border-radius: 980px; }
  .hesap-menu a.cikis { border-top: 0; margin-top: 0; }
  .siparis-satir { flex-wrap: wrap; }
  .siparis-sag { flex-direction: row; display: flex; align-items: center; gap: .6rem; width: 100%; justify-content: space-between; }
}

.sozlesme-bag {
  border: 0;
  background: none;
  padding: 0;
  font: inherit;
  color: var(--vurgu);
  text-decoration: underline;
  cursor: pointer;
}
.sozlesme-bag:hover { opacity: .8; }

.sozlesme-perde {
  position: fixed;
  inset: 0;
  z-index: 1300;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(0,0,0,.5);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  opacity: 0;
  transition: opacity .22s ease;
}
.sozlesme-perde.acik { opacity: 1; }
.sozlesme-perde[hidden] { display: none; }

.sozlesme-pencere {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 720px;
  max-height: calc(100dvh - 2rem);
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 24px 70px rgba(0,0,0,.3);
  transform: translateY(12px) scale(.985);
  transition: transform .26s cubic-bezier(.2,.8,.3,1);
  overflow: hidden;
}
.sozlesme-perde.acik .sozlesme-pencere { transform: none; }

.sozlesme-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem 1.3rem;
  border-bottom: 1px solid var(--cizgi);
}
.sozlesme-ust h2 {
  margin: 0;
  font-family: var(--font-baslik);
  font-size: 1.05rem;
  color: var(--metin);
}
.sozlesme-ust button {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: #f2f2f4;
  color: var(--metin);
  cursor: pointer;
}
.sozlesme-ust button:hover { background: #e8e8ec; }

.sozlesme-govde {
  flex: 1;
  overflow-y: auto;
  padding: 1.2rem 1.3rem;
  font-size: .88rem;
  line-height: 1.75;
  color: var(--metin);
  -webkit-overflow-scrolling: touch;
}
.sozlesme-govde h2 {
  font-size: .95rem;
  margin: 1.4rem 0 .5rem;
  color: var(--metin);
}
.sozlesme-govde h2:first-child { margin-top: 0; }
.sozlesme-govde p { margin: 0 0 .8rem; }
.sozlesme-govde ul, .sozlesme-govde ol { margin: 0 0 .8rem; padding-left: 1.2rem; }
.sozlesme-govde li { margin-bottom: .35rem; }
.sozlesme-govde mark { background: #fff2cc; padding: 0 .2rem; border-radius: 3px; }

.sozlesme-alt {
  padding: 1rem 1.3rem;
  border-top: 1px solid var(--cizgi);
}

@media (max-width: 640px) {
  .sozlesme-pencere { max-width: 100%; border-radius: 16px; }
  .sozlesme-govde { padding: 1rem; font-size: .85rem; }
}

.galeri-video {
  position: absolute;
  left: 12px; bottom: 12px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .5rem .85rem .5rem .7rem;
  border: 0;
  border-radius: 980px;
  background: rgba(0,0,0,.62);
  color: #fff;
  font-size: .78rem;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: background .15s ease, transform .15s ease;
}
.galeri-video:hover { background: rgba(0,0,0,.8); transform: translateY(-1px); }

.video-perde {
  position: fixed;
  inset: 0;
  z-index: 1400;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(0,0,0,.82);
  opacity: 0;
  transition: opacity .22s ease;
}
.video-perde.acik { opacity: 1; }
.video-perde[hidden] { display: none; }

.video-pencere {
  position: relative;
  width: 100%;
  max-width: 900px;
}
.video-govde {
  position: relative;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 14px;
  overflow: hidden;
}
.video-govde video,
.video-govde iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: contain;
  background: #000;
}
.video-kapat {
  position: absolute;
  top: -44px; right: 0;
  width: 34px; height: 34px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.16);
  color: #fff;
  cursor: pointer;
}
.video-kapat:hover { background: rgba(255,255,255,.28); }

.video-secim {
  display: flex;
  gap: .4rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: .8rem;
}
.video-secim button {
  padding: .4rem .85rem;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 980px;
  background: transparent;
  color: rgba(255,255,255,.75);
  font-size: .78rem;
  font-family: inherit;
  cursor: pointer;
}
.video-secim button.aktif { background: #fff; color: #111; border-color: #fff; }

@media (max-width: 640px) {
  .galeri-video { left: 10px; bottom: 10px; padding: .45rem .75rem .45rem .6rem; font-size: .72rem; }
  .video-govde { border-radius: 10px; }
  .video-kapat { top: -40px; }
}

.iade-bilgi { margin: 0 0 1rem; font-size: .86rem; color: var(--soluk); line-height: 1.6; }
.iade-form {
  border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak);
  padding: 1rem 1.1rem;
  margin-bottom: 1rem;
}
.iade-form:last-child { margin-bottom: 0; }
.iade-form-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: .8rem;
}
.iade-form-ust strong { font-size: .92rem; }
.iade-form-ust span { font-size: .78rem; color: var(--soluk); margin-left: .5rem; }
.iade-kalan {
  padding: .2rem .65rem;
  border-radius: 980px;
  background: #f0f0f2;
  font-size: .74rem !important;
  color: var(--metin) !important;
  margin-left: 0 !important;
}

.iade-kalemler { display: grid; gap: .5rem; margin-bottom: .9rem; }
.iade-kalem {
  display: flex;
  align-items: center;
  gap: .7rem;
  padding: .5rem;
  border: 1px solid var(--cizgi);
  border-radius: 10px;
}
.iade-kalem .gorsel { flex: 0 0 auto; }
.iade-kalem .gorsel img { width: 40px; height: 60px; object-fit: cover; border-radius: 5px; display: block; }
.iade-kalem .ad { flex: 1; min-width: 0; font-size: .85rem; line-height: 1.35; }
.iade-kalem .ad em { display: block; font-style: normal; font-size: .75rem; color: var(--soluk); }
.iade-kalem .adet { flex: 0 0 auto; }
.iade-kalem .adet select { padding: .4rem .5rem; font-size: .8rem; border-radius: 8px; border: 1px solid var(--cizgi); }

.iade-ozet {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: .8rem;
}
.iade-ozet span {
  padding: .22rem .6rem;
  border-radius: 980px;
  background: #f5f5f7;
  font-size: .76rem;
  color: var(--metin);
}
.iade-urun-liste { margin: 0 0 .8rem; padding: 0; list-style: none; display: grid; gap: .2rem; }
.iade-urun-liste li { font-size: .84rem; color: var(--soluk); }
.iade-urun-liste b { color: var(--metin); }

.iade-kargo {
  padding: .6rem .8rem;
  border-radius: 10px;
  background: #f5f5f7;
  font-size: .82rem;
  margin-bottom: .8rem;
}

.iade-yazisma { display: grid; gap: .5rem; margin-bottom: .8rem; }
.iade-balon {
  padding: .6rem .8rem;
  border-radius: 12px;
  background: #f5f5f7;
  max-width: 88%;
}
.iade-balon.ben { margin-left: auto; background: var(--ana); color: #fff; }
.iade-balon .kim { display: block; font-size: .7rem; opacity: .75; margin-bottom: .2rem; }
.iade-balon p { margin: 0; font-size: .84rem; line-height: 1.55; }

.iade-mesaj-form { display: flex; gap: .5rem; }
.iade-mesaj-form input {
  flex: 1;
  padding: .65rem .8rem;
  border: 1px solid var(--cizgi);
  border-radius: 10px;
  font-size: .86rem;
  font-family: inherit;
}

@media (max-width: 640px) {
  .iade-kalem { flex-wrap: wrap; }
  .iade-kalem .adet { width: 100%; }
  .iade-kalem .adet select { width: 100%; }
  .iade-mesaj-form { flex-direction: column; }
}

.yildizlar { display: inline-flex; gap: 1px; line-height: 1; vertical-align: middle; }
.yildizlar i {
  position: relative;
  width: var(--yildiz, 14px);
  height: var(--yildiz, 14px);
  display: block;
  background: #dcdce0;
  -webkit-mask: var(--yildiz-sekil) center/contain no-repeat;
  mask: var(--yildiz-sekil) center/contain no-repeat;
}
.yildizlar i::after {
  content: '';
  position: absolute;
  inset: 0;
  width: var(--dolu, 0%);
  background: #f5a623;
}
:root {
  --yildiz-sekil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
}

.kart-puan { display: flex; align-items: center; gap: .35rem; margin-top: .3rem; }
.kart-puan span { font-size: .74rem; color: var(--soluk); font-variant-numeric: tabular-nums; }

.yorum-bolum { padding: 2.5rem 0 1rem; border-top: 1px solid var(--cizgi); margin-top: 2rem; }
.yorum-baslik {
  margin: 0 0 1.4rem;
  font-family: var(--font-baslik);
  font-size: clamp(1.2rem, 3vw, 1.5rem);
  color: var(--metin);
}
.yorum-duzen { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 2rem; align-items: start; }

.yorum-ozet {
  position: sticky;
  top: 84px;
  padding: 1.2rem;
  border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak);
}
.yorum-ortalama { text-align: center; margin-bottom: 1rem; }
.yorum-ortalama strong {
  display: block;
  font-size: 2.4rem;
  line-height: 1;
  font-family: var(--font-baslik);
  color: var(--metin);
  margin-bottom: .35rem;
}
.yorum-ortalama .yildizlar { display: inline-flex; justify-content: center; margin-bottom: .3rem; }
.yorum-ortalama > span { display: block; font-size: .78rem; color: var(--soluk); }
.yorum-ortalama .yildizlar i { display: block; }

.yorum-dagilim { display: grid; gap: .3rem; margin-bottom: 1rem; }
.yorum-cubuk { display: flex; align-items: center; gap: .5rem; font-size: .75rem; color: var(--soluk); }
.yorum-cubuk .p { width: 10px; text-align: right; font-variant-numeric: tabular-nums; }
.yorum-cubuk .ray { flex: 1; height: 5px; border-radius: 99px; background: #f0f0f2; overflow: hidden; }
.yorum-cubuk .ray i { display: block; height: 100%; background: #f5a623; }
.yorum-cubuk .a { width: 22px; text-align: right; font-variant-numeric: tabular-nums; }
.yorum-bos { font-size: .85rem; color: var(--soluk); margin: 0 0 1rem; line-height: 1.6; }
.yorum-not { font-size: .76rem; color: var(--soluk); margin: .7rem 0 0; line-height: 1.5; }

.yorum-arac {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  font-size: .84rem;
  color: var(--soluk);
}
.yorum-arac select {
  padding: .45rem .7rem;
  border: 1px solid var(--cizgi);
  border-radius: 9px;
  font-size: .82rem;
  font-family: inherit;
  background: #fff;
  color: var(--metin);
}

.yorum { padding: 1.1rem 0; border-bottom: 1px solid var(--cizgi); }
.yorum:last-child { border-bottom: 0; }
.yorum-ust {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: .4rem;
}
.yorum-ust strong { font-size: .88rem; color: var(--metin); }
.yorum-ust time { font-size: .74rem; color: var(--soluk); white-space: nowrap; }
.dogrulanmis {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  margin-left: .5rem;
  padding: .12rem .5rem;
  border-radius: 980px;
  background: #e8f6ee;
  color: #1d7f4c;
  font-size: .68rem;
  font-weight: 600;
}
.yorum h3 { margin: .5rem 0 .3rem; font-size: .92rem; color: var(--metin); }
.yorum p { margin: .4rem 0 0; font-size: .87rem; line-height: 1.7; color: var(--metin); }
.yorum-yanit {
  margin-top: .8rem;
  padding: .7rem .9rem;
  border-left: 2px solid var(--ana);
  background: #f9f9fa;
  border-radius: 0 8px 8px 0;
}
.yorum-yanit strong { font-size: .78rem; color: var(--metin); }
.yorum-yanit p { margin: .25rem 0 0; font-size: .84rem; color: var(--soluk); }

.yorum-form {
  padding: 1.2rem;
  border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak);
  margin-bottom: 1.4rem;
  background: #fafafa;
}
.yorum-form[hidden] { display: none; }
.yorum-form textarea {
  width: 100%;
  padding: .75rem .9rem;
  border: 1px solid var(--cizgi);
  border-radius: 12px;
  font-family: inherit;
  font-size: .9rem;
  resize: vertical;
  color: var(--metin);
}

.yildiz-sec { display: inline-flex; flex-direction: row-reverse; gap: 2px; }
.yildiz-sec input { position: absolute; opacity: 0; width: 0; height: 0; }
.yildiz-sec label {
  font-size: 1.7rem;
  line-height: 1;
  color: #dcdce0;
  cursor: pointer;
  transition: color .12s ease;
  margin: 0;
}
.yildiz-sec input:checked ~ label,
.yildiz-sec label:hover,
.yildiz-sec label:hover ~ label { color: #f5a623; }
.yildiz-sec input:focus-visible + label { outline: 2px solid var(--ana); outline-offset: 2px; }

@media (max-width: 860px) {
  .yorum-duzen { grid-template-columns: 1fr; gap: 1.2rem; }
  .yorum-ozet { position: static; }
}

.filtre-secenek.renk-gizli { display: none; }
.filtre-daha {
  display: block;
  width: 100%;
  margin-top: .35rem;
  padding: .4rem 0;
  border: 0;
  background: none;
  color: var(--soluk);
  font-family: inherit;
  font-size: .78rem;
  text-align: left;
  text-decoration: underline;
  cursor: pointer;
}
.filtre-daha:hover { color: var(--metin); }

.urun-izgara > .urun-kart { display: flex; flex-direction: column; }
.urun-kart > .urun-gorsel { flex: 0 0 auto; }
.urun-kart .urun-bilgi { display: flex; flex-direction: column; flex: 1; }
.urun-kart .urun-ad { min-height: calc(2 * 1.35em); }
.urun-kart .kart-puan { min-height: 17px; }
.urun-kart .beden-mini { flex-wrap: nowrap; overflow: hidden; }
.urun-kart .urun-fiyat { margin-top: auto; padding-top: .35rem; }

.sayfalama ul { padding: 2.5rem 0 3rem; flex-wrap: wrap; align-items: center; }
.sayfalama a,
.sayfalama span.aktif,
.sayfalama span.ok {
  display: grid;
  place-items: center;
  min-width: 38px;
  height: 38px;
  padding: 0 .5rem;
  border: 1px solid var(--cizgi);
  border-radius: 8px;
  font-size: .87rem;
  color: var(--metin);
  transition: border-color .12s ease, background .12s ease;
}
.sayfalama a:hover { border-color: var(--ana); }
.sayfalama span.aktif {
  background: var(--ana);
  color: #fff;
  border-color: var(--ana);
  font-weight: 600;
}
.sayfalama .ok { font-size: 1.15rem; line-height: 1; }
.sayfalama .ok.pasif { color: var(--cizgi); border-color: var(--cizgi); cursor: default; }
.sayfalama .bosluk { min-width: 22px; }

@media (max-width: 560px) {
  .sayfalama a, .sayfalama span.aktif, .sayfalama span.ok { min-width: 34px; height: 34px; font-size: .82rem; }
}

.sepet-perde {
  position: fixed;
  inset: 0;
  z-index: 1450;
  background: rgba(0,0,0,.42);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  opacity: 0;
  transition: opacity .28s ease;
}
.sepet-perde.acik { opacity: 1; }
.sepet-perde[hidden] { display: none; }

.sepet-cekmece {
  position: fixed;
  top: 0; right: 0; bottom: 0;
  z-index: 1460;
  width: min(420px, 100vw);
  display: flex;
  flex-direction: column;
  background: #fff;
  box-shadow: -12px 0 40px rgba(0,0,0,.16);
  transform: translateX(102%);
  transition: transform .3s cubic-bezier(.32,.72,0,1);
}
.sepet-cekmece.acik { transform: none; }
.sepet-cekmece[hidden] { display: none; }

.sc-ust {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.15rem 1.25rem;
  border-bottom: 1px solid var(--cizgi);
}
.sc-ust h2 {
  margin: 0;
  font-family: var(--font-baslik);
  font-size: 1.05rem;
  color: var(--metin);
}
.sc-ust h2 span { color: var(--soluk); font-weight: 400; }
.sc-ust button {
  width: 32px; height: 32px;
  display: grid; place-items: center;
  border: 0; border-radius: 50%;
  background: #f2f2f4; color: var(--metin);
  cursor: pointer;
}
.sc-ust button:hover { background: #e8e8ec; }

.sc-kargo { padding: .8rem 1.25rem; background: #fafafa; border-bottom: 1px solid var(--cizgi); }
.sc-kargo[hidden] { display: none; }
.sc-kargo p { margin: 0 0 .45rem; font-size: .8rem; color: var(--soluk); }
.sc-kargo p b { color: var(--metin); font-weight: 600; }
.sc-kargo.tamam p b { color: #1d7f4c; }
.sc-ray { display: block; height: 4px; border-radius: 99px; background: #e8e8ec; overflow: hidden; }
.sc-ray i { display: block; height: 100%; background: var(--ana); transition: width .4s ease; }
.sc-kargo.tamam .sc-ray i { background: #1d7f4c; }

.sc-govde { flex: 1; overflow-y: auto; padding: .5rem 1.25rem; -webkit-overflow-scrolling: touch; }

.sc-kalem {
  display: flex;
  gap: .8rem;
  padding: .9rem 0;
  border-bottom: 1px solid var(--cizgi);
}
.sc-kalem:last-child { border-bottom: 0; }
.sc-gorsel { flex: 0 0 auto; width: 62px; }
.sc-gorsel img,
.sc-bosgorsel {
  display: block;
  width: 62px; height: 93px;
  object-fit: cover;
  border-radius: 8px;
  background: var(--zemin2);
}
.sc-bilgi { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .2rem; }
.sc-ad {
  font-size: .85rem;
  line-height: 1.35;
  color: var(--metin);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.sc-ozellik { font-size: .75rem; color: var(--soluk); }
.sc-adet {
  display: inline-flex;
  align-items: center;
  margin-top: auto;
  border: 1px solid var(--cizgi);
  border-radius: 8px;
  overflow: hidden;
  align-self: flex-start;
}
.sc-adet button {
  width: 28px; height: 28px;
  border: 0; background: #fff;
  color: var(--metin);
  font-size: .95rem;
  cursor: pointer;
}
.sc-adet button:hover { background: #f5f5f7; }
.sc-adet span {
  min-width: 30px;
  text-align: center;
  font-size: .82rem;
  font-variant-numeric: tabular-nums;
}
.sc-sag { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; }
.sc-sag strong { font-size: .88rem; white-space: nowrap; font-variant-numeric: tabular-nums; }
.sc-sil {
  border: 0; background: none; padding: 0;
  color: var(--soluk); font-size: .74rem; font-family: inherit;
  text-decoration: underline; cursor: pointer;
}
.sc-sil:hover { color: var(--metin); }

.sc-bos { flex: 1; display: grid; place-content: center; justify-items: center; gap: .8rem; padding: 2rem; color: var(--soluk); }
.sc-bos[hidden] { display: none; }
.sc-bos p { margin: 0; font-size: .9rem; }

.sc-alt { padding: 1.1rem 1.25rem calc(1.1rem + env(safe-area-inset-bottom)); border-top: 1px solid var(--cizgi); }
.sc-alt[hidden] { display: none; }
.sc-satir { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: .2rem 0; font-size: .86rem; color: var(--soluk); }
.sc-satir.toplam { font-size: 1rem; color: var(--metin); margin-bottom: .2rem; }
.sc-satir.toplam strong { font-size: 1.15rem; font-weight: 700; }
.sc-satir .yesil { color: #1d7f4c; }
.sc-not { margin: .1rem 0 .8rem; font-size: .74rem; color: var(--soluk); }
.sc-devam {
  display: block;
  width: 100%;
  margin-top: .6rem;
  padding: .5rem;
  border: 0; background: none;
  color: var(--soluk);
  font-family: inherit;
  font-size: .82rem;
  text-decoration: underline;
  cursor: pointer;
}
.sc-devam:hover { color: var(--metin); }

@media (max-width: 480px) {
  .sepet-cekmece { width: 100vw; }
  .sc-gorsel, .sc-gorsel img, .sc-bosgorsel { width: 54px; }
  .sc-gorsel img, .sc-bosgorsel { height: 81px; }
}

.galeri-buyut {
  position: absolute;
  right: 12px; bottom: 12px;
  z-index: 3;
  width: 38px; height: 38px;
  display: grid; place-items: center;
  border: 0; border-radius: 50%;
  background: rgba(255,255,255,.92);
  color: var(--metin);
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(0,0,0,.14);
  transition: transform .15s ease, background .15s ease;
}
.galeri-buyut:hover { background: #fff; transform: scale(1.06); }

.buyut-perde {
  position: fixed;
  inset: 0;
  z-index: 1500;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(12,12,14,.96);
  opacity: 0;
  transition: opacity .24s ease;
}
.buyut-perde.acik { opacity: 1; }
.buyut-perde[hidden] { display: none; }

.buyut-cerceve {
  margin: 0;
  max-width: min(94vw, 900px);
  max-height: 92vh;
  overflow: hidden;
  cursor: zoom-in;
  border-radius: 6px;
}
.buyut-cerceve.yakin { cursor: zoom-out; }
.buyut-cerceve img {
  display: block;
  max-width: 100%;
  max-height: 92vh;
  object-fit: contain;
  transition: transform .25s ease;
}

.buyut-kapat,
.buyut-ok {
  position: absolute;
  z-index: 2;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.14);
  color: #fff;
  cursor: pointer;
  transition: background .15s ease;
}
.buyut-kapat:hover,
.buyut-ok:hover { background: rgba(255,255,255,.28); }
.buyut-kapat { top: 20px; right: 20px; width: 42px; height: 42px; }
.buyut-ok { top: 50%; margin-top: -24px; width: 48px; height: 48px; }
.buyut-ok.sol { left: 20px; }
.buyut-ok.sag { right: 20px; }

.buyut-sayac {
  position: absolute;
  left: 50%; bottom: 22px;
  transform: translateX(-50%);
  color: rgba(255,255,255,.7);
  font-size: .8rem;
  font-variant-numeric: tabular-nums;
  letter-spacing: .06em;
}

@media (max-width: 700px) {
  .buyut-kapat { top: 12px; right: 12px; width: 38px; height: 38px; }
  .buyut-ok { width: 40px; height: 40px; }
  .buyut-ok.sol { left: 8px; }
  .buyut-ok.sag { right: 8px; }
  .galeri-buyut { right: 10px; bottom: 10px; width: 34px; height: 34px; }
}