/* ══════════════════════════════════════════════════════════════════════════
   Vitrin ekleri — style.css statik tasarımın birebir kopyasıdır, ona
   dokunulmaz. Panele bağlanınca ortaya çıkan yeni parçaların (bildirim
   şeridi, kupon kutusu, sipariş dökümü, sayfalama) stilleri burada durur.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── bildirim şeridi ─────────────────────────────────────────────── */
.uyari {
  display: flex; align-items: center; gap: 10px;
  margin: 18px 0 0; padding: 13px 18px;
  border-radius: 16px; background: #FFF3D6; color: #7A5A00;
  font-weight: 600; font-size: 15px;
}
.uyari--ok { background: #E4F7E7; color: #1E6B2E; }
.uyari svg { flex: none; }

.uye-hata {
  margin: -4px 0 8px; color: var(--pembe);
  font-size: 14px; font-weight: 600;
}

/* ── onay kutuları (fatura, sözleşme) ───────────────────────────── */
.uye-onay {
  display: flex; align-items: flex-start; gap: 10px;
  font-size: 14.5px; line-height: 1.5; cursor: pointer;
}
.uye-onay input { flex: none; width: 18px; height: 18px; margin-top: 2px; accent-color: var(--pembe); }
.uye-onay--sozlesme { margin-top: 16px; }
.uye-onay a { color: var(--pembe); font-weight: 700; }

.secenek-liste--yatay { display: flex; flex-wrap: wrap; gap: 12px; }
.secenek-liste--yatay .secenek { flex: 1 1 200px; }

/* ── sepet: kupon kutusu ────────────────────────────────────────── */
.sepet-kupon { display: flex; gap: 8px; margin: 0 0 16px; }
.sepet-kupon input {
  flex: 1; min-width: 0; padding: 11px 14px;
  border: 1.5px solid var(--hair); border-radius: 13px;
  background: #fff; font: inherit; font-size: 14.5px;
}
.sepet-kupon input:focus-visible { outline: 2px solid var(--pembe); outline-offset: 1px; }
.sepet-kupon .btn { flex: none; }

/* ── sipariş özeti / takip dökümü ───────────────────────────────── */
.takip-dokum { margin: 18px 0 0; }
.takip-dokum > div {
  display: flex; justify-content: space-between; gap: 16px;
  padding: 7px 0; font-size: 15px;
}
.takip-dokum dt { color: var(--ink-3); }
.takip-dokum dd { margin: 0; font-weight: 600; }
.takip-adres {
  margin-top: 18px; padding: 16px 18px;
  border-radius: 16px; background: var(--zemin2); font-size: 14.5px; line-height: 1.6;
}
.takip-adres b { display: block; margin-bottom: 6px; font-family: 'Fredoka', sans-serif; }
.takip-adres p { margin: 0 0 8px; }
.takip-duzen { display: grid; gap: 28px; max-width: 780px; }
.durum {
  padding: 5px 12px; border-radius: 999px;
  background: var(--zemin2); color: var(--ink-2);
  font-size: 13px; font-weight: 700; white-space: nowrap;
}

/* ── sipariş tamamlandı / boş durum ─────────────────────────────── */
.durum-bos--ok .durum-gor { color: var(--yesil); }
.siparis-devam {
  display: flex; flex-wrap: wrap; align-items: center;
  justify-content: center; gap: 18px; margin-top: 26px;
}

/* ── hesap: çıkış düğmesi menü ögesi gibi görünsün ──────────────── */
.yan-cikis {
  padding: 0; border: 0; background: none;
  color: inherit; font: inherit; cursor: pointer; text-align: left;
}
.yan-cikis:hover { color: var(--pembe); }

/* ── blog sayfalama ─────────────────────────────────────────────── */
.sayfalama { margin-top: 32px; display: flex; justify-content: center; }
.sayfalama svg { width: 16px; height: 16px; }
.sayfalama nav > div:first-child { display: none; }        /* mobil özet metni */
.sayfalama span, .sayfalama a {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 38px; height: 38px; padding: 0 10px; margin: 0 3px;
  border-radius: 12px; background: #fff; border: 1.5px solid var(--hair);
  font-size: 14.5px; font-weight: 600; color: var(--ink-2);
}
.sayfalama a:hover { border-color: var(--pembe); color: var(--pembe); }
.sayfalama [aria-current="page"] span {
  background: var(--pembe); border-color: var(--pembe); color: #fff;
}

/* ── kategori döşemesi: panelden gelen sütun sayısı ─────────────── */
.kat-izgara[data-sutun="4"] { grid-template-columns: repeat(4, 1fr); }
.kat-izgara[data-sutun="3"] { grid-template-columns: repeat(3, 1fr); }
.kat-izgara[data-sutun="2"] { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 1180px) {
  .kat-izgara[data-sutun] { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 720px) {
  .kat-izgara[data-sutun] { grid-template-columns: repeat(2, 1fr); }
}

/* ── ürün detay: renk seçimi kardeş ürünün görselini gösterir ───── */
.renk-i { background-size: cover; background-position: center; }

/* ── altbilgi: satıcı kimliği (mesafeli satış mevzuatı) ─────────── */
.alt-satici {
  margin-top: 26px; padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, .14);
  font-size: 13px; line-height: 1.7;
}
.alt-satici b { display: block; margin-bottom: 4px; font-family: 'Fredoka', sans-serif; }
.alt-satici p { margin: 0; opacity: .72; }

/* ── ödeme formu: zorunlu alan işareti ──────────────────────────── */
.zorunlu { color: var(--pembe); font-style: normal; font-weight: 700; }
[data-odeme-uyari] { scroll-margin-top: 120px; }

/* ==========================================================================
   VİTRİN UYUMU — panel tarafında Nuwork'ün main.js'i yüklü değil
   ========================================================================== */
/* Görünürlük animasyonunu açan JS burada çalışmıyor; bölümler kalıcı olarak
   gizli kalıyordu. Animasyonu IntersectionObserver yerine CSS'e bırakıyoruz. */
[data-gorun]{opacity:1 !important;transform:none !important}
[data-gorun] .urun,[data-gorun] .ref,
[data-gorun] .anlati-med,[data-gorun] .anlati-yazi > *{
  opacity:1 !important;transform:none !important;
}

/* ==========================================================================
   PANEL SAYFALARI — Nuwork diline uyarlanmış tamamlayıcı stiller
   (sepet · ödeme · hesap · giriş · içerik sayfaları · boş durumlar)
   Blade sınıf adları korunuyor; JS bağları onlara dayanıyor.
   ========================================================================== */

/* ---------- sayfa başlığı ---------------------------------------------- */
.sayfa-bas{padding:34px 0 8px}
.sayfa-bas h1,.sayfa-h1{font-size:clamp(26px,3vw,38px);font-weight:600;letter-spacing:-.03em}
.sayfa-bas p{margin-top:12px;max-width:64ch;font-size:15.5px;line-height:1.72;color:var(--soluk,#6b6d73)}

/* ---------- iki sütunlu içerik ----------------------------------------- */
.yan-duzen{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:44px;align-items:start}
.yan{position:sticky;top:calc(var(--head-h) + 18px);padding:22px;border:1px solid var(--hair);
  border-radius:var(--r);background:var(--zemin2)}
.yan-bas{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--altin-koyu);margin-bottom:12px}
.yan ul{display:flex;flex-direction:column;gap:9px}
.yan a{font-size:14px;color:var(--ink);transition:color .2s}
.yan a:hover{color:var(--altin-koyu)}

/* ---------- uzun metin -------------------------------------------------- */
.metin{max-width:74ch}
.metin h2{margin:32px 0 12px;font-size:21px;font-weight:600;letter-spacing:-.028em}
.metin h2:first-child{margin-top:0}
.metin h3{margin:22px 0 9px;font-size:17px;font-weight:600}
.metin p{margin-top:13px;font-size:15.4px;line-height:1.82}
.metin ul,.metin ol{margin-top:13px;padding-left:20px;list-style:disc}
.metin li{margin-top:7px;font-size:15.4px;line-height:1.7}
.metin table{width:100%;border-collapse:collapse;margin-top:16px;font-size:14.5px}
.metin th,.metin td{padding:10px 12px;border-bottom:1px solid var(--hair);text-align:left}
.metin th{width:42%;font-weight:600;color:var(--ink);background:var(--zemin2)}
.metin-giris{font-size:16.5px;line-height:1.75;color:var(--soluk);margin-bottom:22px}
.metin-not{margin-top:22px;padding:15px 18px;border-radius:var(--r);background:var(--zemin2);
  font-size:13.6px;line-height:1.65;color:var(--soluk)}

/* ---------- formlar ------------------------------------------------------ */
.uye-form{display:flex;flex-direction:column;gap:15px;max-width:440px}
.uye-form--duz{max-width:none}
.uye-ikili{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.uye-form > label,.uye-ikili > label{display:block;font-size:12.5px;font-weight:600;
  letter-spacing:.02em;color:var(--soluk);margin-bottom:6px}
/* onay kutusu label'ı blok DEĞİL — yoksa kutu ile yazı alt alta düşüyor */
.uye-form label.suz-i{display:flex;align-items:center;gap:9px;font-size:13.6px;
  font-weight:400;color:var(--ink);margin-bottom:0}
.uye-form input,.uye-form select,.uye-form textarea{
  width:100%;padding:12px 14px;border:1px solid var(--hair);border-radius:var(--r-k);
  background:#fff;font:inherit;font-size:14.5px;color:var(--ink);transition:border-color .2s;
}
.uye-form input:focus,.uye-form select:focus,.uye-form textarea:focus{
  outline:none;border-color:var(--grafit);
}
.uye-form textarea{min-height:118px;resize:vertical}
.uye-form .hata,.form-hata{font-size:12.5px;color:var(--kirmizi);margin-top:5px}

/* onay kutusu (giriş/hesabım) */
.suz-i{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:14px}
.suz-i input{position:absolute;opacity:0;width:0;height:0}
.suz-kutu{width:17px;height:17px;flex:none;border:1.5px solid var(--hair-koyu,#c8c9cc);
  border-radius:3px;display:grid;place-items:center;background:#fff;transition:.2s}
.suz-i input:checked + .suz-kutu{background:var(--grafit);border-color:var(--grafit);color:#fff}
.suz-ad{color:var(--ink)}

/* ---------- sepet · ödeme ------------------------------------------------ */
.sepet-duzen{display:grid;grid-template-columns:minmax(0,1fr) 348px;gap:34px;align-items:start}
.sepet-ozet{position:sticky;top:calc(var(--head-h) + 18px);padding:24px;
  border:1px solid var(--hair);border-radius:var(--r);background:#fff}
.sepet-ozet h2{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--soluk);margin-bottom:16px}
.sepet-toplam{display:flex;align-items:baseline;justify-content:space-between;
  margin-top:14px;padding-top:14px;border-top:1px solid var(--hair)}
.sepet-toplam b{font-size:24px;font-weight:600;letter-spacing:-.03em}
.sepet-kargo-not{margin-top:9px;font-size:12.6px;color:var(--soluk)}
.sepet-devam{display:block;text-align:center;margin-top:13px;font-size:13.4px;color:var(--soluk)}
.sepet-devam:hover{color:var(--altin-koyu)}
.sepet-geri{display:inline-flex;align-items:center;gap:7px;margin-bottom:16px;
  font-size:13.5px;color:var(--soluk)}
.sepet-geri:hover{color:var(--ink)}
.odeme-adimlar{display:flex;align-items:center;gap:14px;margin:20px 0 26px;flex-wrap:wrap}
.odeme-urunler{display:flex;flex-direction:column;gap:13px}
.odeme-urun{display:flex;gap:12px;align-items:center;font-size:13.6px}
.odeme-urun img{width:52px;height:52px;object-fit:contain;border:1px solid var(--hair);
  border-radius:var(--r-k);background:var(--zemin2)}

/* adet seçici (sepet satırı) */
.adet{display:inline-flex;align-items:center;border:1px solid var(--hair);border-radius:var(--r-k)}
.adet button{width:34px;height:38px;display:grid;place-items:center;color:var(--soluk)}
.adet button:hover{color:var(--ink);background:var(--zemin2)}
.adet input{width:44px;height:38px;border:0;text-align:center;font:inherit;font-size:14px;
  -moz-appearance:textfield}
.adet input::-webkit-outer-spin-button,.adet input::-webkit-inner-spin-button{
  -webkit-appearance:none;margin:0}

/* ---------- hesabım · adresler ------------------------------------------ */
.adres-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.adres{padding:18px;border:1px solid var(--hair);border-radius:var(--r);background:#fff;
  font-size:14px;line-height:1.65}
.adres-arac{display:flex;gap:12px;margin-top:12px;font-size:13px}

/* ---------- boş durum ---------------------------------------------------- */
.durum-bos{text-align:center;padding:56px 20px}
.durum-gor{width:64px;height:64px;margin:0 auto 16px;color:var(--soluk);opacity:.5}
.durum-bos b{display:block;font-size:19px;font-weight:600;letter-spacing:-.02em}
.durum-bos span{display:block;margin-top:8px;font-size:14.5px;color:var(--soluk)}
.liste-bos{text-align:center;padding:44px 20px}
.liste-bos b{display:block;font-size:18px;font-weight:600}
.liste-bos span{display:block;margin-top:7px;font-size:14px;color:var(--soluk)}

/* ---------- güven şeridi (iletişim) ------------------------------------- */
.guv-i{display:flex;gap:13px;align-items:flex-start;font-size:14px;line-height:1.6}
.guv-sim{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:var(--zemin2);color:var(--altin-koyu)}
.iletisim-duzen{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:44px;align-items:start}

/* ---------- SSS ---------------------------------------------------------- */
.sss-grup{margin-top:30px}
.sss-grup > h2{font-size:19px;font-weight:600;letter-spacing:-.025em;margin-bottom:12px}
.sss-grup details{border-bottom:1px solid var(--hair)}
.sss-grup summary{padding:15px 0;font-size:15.4px;font-weight:500;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none}
.sss-grup summary::-webkit-details-marker{display:none}
.sss-grup details[open] summary{color:var(--altin-koyu)}
.sss-grup details > div{padding:0 0 16px;font-size:14.6px;line-height:1.76;color:var(--soluk)}

/* ---------- sayfalama ---------------------------------------------------- */
.sayfalama{margin-top:32px;display:flex;justify-content:center}
.sayfalama a,.sayfalama span{padding:8px 13px;border:1px solid var(--hair);border-radius:var(--r-k);
  font-size:13.6px;margin:0 3px}
.sayfalama a:hover{border-color:var(--grafit)}

/* ---------- küçük düğme + krem bant -------------------------------------- */
.btn--kucuk{padding:9px 15px;font-size:12.6px}
.blk--krem{background:var(--kum,#EDE8DE)}
.takip-duzen{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;align-items:start}

@media(max-width:1000px){
  .yan-duzen,.sepet-duzen,.iletisim-duzen,.takip-duzen{grid-template-columns:minmax(0,1fr)}
  .yan,.sepet-ozet{position:static}
}
@media(max-width:600px){
  .uye-ikili{grid-template-columns:minmax(0,1fr)}
}

/* ürünü henüz girilmemiş kategori: mesajın altındaki eylem düğmeleri */
.liste-bos-eylem{display:flex;gap:12px;justify-content:center;margin-top:22px;flex-wrap:wrap}
/* süzgeç gizlendiğinde gövde dar sütunda kalmasın */
.liste-kap--bos{grid-template-columns:minmax(0,1fr) !important}

/* ==========================================================================
   SEPET ÇEKMECESİ — sağdan açılan panel
   Nuwork CSS'inde `.cek*` tanımlı olmadığı için panel normal akışa düşüyor,
   footer'ın ALTINDA görünür bir blok olarak duruyordu.
   ========================================================================== */
.cek-perde{
  position:fixed;inset:0;z-index:190;background:rgba(20,21,23,.42);
  opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;
}
.cek-perde.acik{opacity:1;visibility:visible}

.cek{
  position:fixed;top:0;right:0;bottom:0;z-index:200;
  width:min(400px,92vw);display:flex;flex-direction:column;
  background:#fff;box-shadow:-18px 0 50px -24px rgba(20,21,23,.45);
  transform:translateX(100%);transition:transform .38s cubic-bezier(.22,.68,.3,1);
}
.cek.acik{transform:none}

.cek-bas{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:20px 22px;border-bottom:1px solid var(--hair);
}
.cek-bas h2{font-size:17px;font-weight:600;letter-spacing:-.02em}
.cek-bas em{
  font-style:normal;margin-left:7px;font-size:12.5px;font-weight:600;
  color:var(--soluk,#6b6d73);
}
.cek-govde{flex:1;overflow-y:auto;padding:18px 22px}
.cek-liste{display:flex;flex-direction:column;gap:16px}
.cek-satir{display:flex;gap:13px;align-items:flex-start}
.cek-satir img{
  width:66px;height:74px;object-fit:contain;flex:none;
  border:1px solid var(--hair);border-radius:var(--r-k);background:var(--zemin2);
}
.cek-bos{text-align:center;padding:40px 10px;color:var(--soluk)}
.cek-bos b{display:block;font-size:16px;font-weight:600;color:var(--ink)}
.cek-bos span{display:block;margin-top:7px;font-size:13.6px}

.cek-alt{padding:18px 22px;border-top:1px solid var(--hair);background:var(--zemin2)}
.cek-toplam{
  display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px;
}
.cek-toplam b{font-size:20px;font-weight:600;letter-spacing:-.03em}
.cek-kargo{margin-bottom:12px;font-size:12.5px;color:var(--soluk)}
.cek-cubuk{
  height:5px;border-radius:3px;background:var(--hair);overflow:hidden;margin-top:7px;
}
.cek-cubuk span{display:block;height:100%;background:var(--altin);transition:width .4s}
.cek-sepet{display:flex;flex-direction:column;gap:9px}

@media(max-width:520px){
  .cek{width:100vw}
}

/* ==========================================================================
   GİRİŞ / ÜYE OL — iki sütun: form solda, üyelik faydaları sağda
   `.uye-*` sınıfları Nuwork CSS'inde tanımlı değildi; sekmeler düz metin,
   yan sütun da formun altına düşmüş görünüyordu.
   ========================================================================== */
.uye-duzen{
  display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px;align-items:start;
  padding:42px 0 60px;
}
.uye-kart{max-width:520px}

.uye-sekme{
  display:flex;gap:26px;border-bottom:1px solid var(--hair);margin-bottom:26px;
}
.uye-sekme button{
  position:relative;padding:0 0 13px;font-size:14.5px;font-weight:600;
  letter-spacing:-.01em;color:var(--soluk,#6b6d73);transition:color .22s;
}
.uye-sekme button::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:var(--altin);transform:scaleX(0);transform-origin:left;transition:transform .28s;
}
.uye-sekme button[aria-selected="true"]{color:var(--ink)}
.uye-sekme button[aria-selected="true"]::after{transform:scaleX(1)}

.uye-kart h1,.uye-kart .sayfa-h1{font-size:clamp(24px,2.6vw,32px);margin-bottom:8px}
.uye-alt{margin-bottom:22px;font-size:14.6px;line-height:1.66;color:var(--soluk)}
.uye-satir{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.uye-hata{
  padding:9px 12px;border-radius:var(--r-k);background:#fdecea;
  font-size:13px;color:var(--kirmizi);
}
.uye-form .btn{margin-top:4px}

/* üyelik faydaları */
.uye-yan{
  padding:26px 24px;border:1px solid var(--hair);border-radius:var(--r-blok);
  background:var(--zemin2);position:sticky;top:calc(var(--head-h) + 18px);
}
.uye-yan h2{font-size:17px;font-weight:600;letter-spacing:-.02em;margin-bottom:16px}
.uye-yan ul{display:flex;flex-direction:column;gap:15px}
.uye-yan li{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.6}
.uye-yan li svg{flex:none;width:20px;height:20px;margin-top:1px;color:var(--altin-koyu)}

@media(max-width:900px){
  .uye-duzen{grid-template-columns:minmax(0,1fr);gap:32px}
  .uye-yan{position:static}
}

/* ==========================================================================
   SEPET SAYFASI — satır düzeni
   `.sepet-*` sınıfları Nuwork CSS'inde yoktu; satırlar biçimsiz akıyordu.
   ========================================================================== */
.sepet-liste{display:flex;flex-direction:column;gap:16px}
.sepet-satir{
  display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:18px;align-items:center;
  padding:16px;border:1px solid var(--hair);border-radius:var(--r);background:#fff;
}
.sepet-gor{
  display:block;width:96px;height:104px;border-radius:var(--r-k);overflow:hidden;
  background:var(--zemin2);
}
.sepet-gor img{width:100%;height:100%;object-fit:contain}
.sepet-kat{
  display:block;font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
  color:var(--altin-koyu);
}
.sepet-ad{
  display:block;margin-top:6px;font-size:16px;font-weight:600;letter-spacing:-.02em;
  transition:color .2s;
}
.sepet-ad:hover{color:var(--altin-koyu)}
.sepet-birim{margin-top:5px;font-size:13px;color:var(--soluk,#6b6d73)}
.sepet-sag{display:flex;flex-direction:column;align-items:flex-end;gap:11px}
.sepet-tutar{font-size:17px;font-weight:600;letter-spacing:-.02em;white-space:nowrap}
.sepet-araclar{display:flex;align-items:center;gap:12px}
.sepet-sil{
  font-size:12.5px;color:var(--soluk);transition:color .2s;display:inline-flex;
  align-items:center;gap:5px;
}
.sepet-sil:hover{color:var(--kirmizi)}
.sepet-bos{text-align:center;padding:60px 20px}
.sepet-bos-gor{
  width:62px;height:62px;margin:0 auto 16px;color:var(--soluk);opacity:.45;
}
.sepet-bos b{display:block;font-size:19px;font-weight:600;letter-spacing:-.02em}
.sepet-bos span{display:block;margin-top:8px;font-size:14.5px;color:var(--soluk)}

/* ürün detay ve favoriler ızgarası (eski sınıf adı) */
.urun-izgara{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:14px;
}
.ud-rozet{
  display:inline-block;margin-left:10px;padding:4px 9px;border-radius:99px;
  background:var(--kirmizi);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.02em;
}
.iletisim-yan{display:flex;flex-direction:column;gap:16px}

@media(max-width:620px){
  .sepet-satir{grid-template-columns:76px minmax(0,1fr);gap:13px}
  .sepet-gor{width:76px;height:84px}
  .sepet-sag{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}
}

/* özet satırları: etiket solda, tutar sağda (dt/dd alt alta düşüyordu) */
.sepet-ozet dl{display:flex;flex-direction:column;gap:9px;margin:16px 0 0}
.sepet-ozet dl > div{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.sepet-ozet dt{font-size:13.8px;color:var(--soluk,#6b6d73)}
.sepet-ozet dt small{display:block;font-size:11.6px;opacity:.8}
.sepet-ozet dd{margin:0;font-size:14.2px;font-weight:600;white-space:nowrap}
.sepet-kupon{display:flex;gap:8px;margin-bottom:4px}
.sepet-kupon input{
  flex:1;min-width:0;padding:10px 12px;border:1px solid var(--hair);
  border-radius:var(--r-k);font:inherit;font-size:13.6px;
}
.sepet-yesil{color:#1d8a4a}

/* ödeme adımı: numara ile başlık bitişik görünüyordu */
.odeme-adimlar h2,.odeme h2{display:flex;align-items:center;gap:10px;font-size:18px;
  font-weight:600;letter-spacing:-.025em;margin-bottom:14px}
.odeme-adimlar h2 i,.odeme h2 i{
  flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  background:var(--grafit);color:#fff;font-style:normal;font-size:12.5px;font-weight:700;
}
/* özet satırı: ürün adı ile adet bitişikti */
.odeme-urun div b{display:block}
.odeme-urun div span{display:block;margin-top:3px;font-size:12.4px;color:var(--soluk,#6b6d73)}