/* ============================================================
   ÇARŞI KATMANI (2026-10-29) — taslak A'nın kabuk ve ortak bileşen
   kuralları. En son yüklenir. Renk / ölçü / yazı burada YOK:
   hepsi css/dil.css [data-palet="carsi"] belirteçlerinden gelir.
   Turuncu (--turuncu) yalnız üst bantta; beyaz zeminde vurgu
   --turuncu-koyu. Mandalina'yı ayıranlar: yeşil fırsat bandı,
   karttaki üretici adı, akışın sonundaki üretici listesi.
   ============================================================ */

:focus-visible{ outline:3px solid var(--odak); outline-offset:2px; }
body{ caret-color:var(--metin); }
::selection{ background:var(--turuncu); color:var(--metin); }

/* başlıklar: Figtree kalın, sıkı; ürün adı (.pd-ad) cümle düzeninde kalır */
#gorunum h1, #gorunum h2, #gorunum h3, #gorunum h4{ font-weight:800; letter-spacing:-.015em; }

/* ---------- üst: yardımcı şerit (masaüstü) ---------- */
.promo{ background:var(--zemin); color:var(--metin2); border-bottom:1px solid var(--hat); text-align:left; }
.promo a{ justify-content:flex-start; max-width:var(--maks); margin-inline:auto; padding-inline:var(--pad); font-weight:400; }
.promo b{ color:var(--yaprak); }

/* ---------- üst bant: beyaz, turuncu logo ---------- */
.ust{ background:var(--zemin); border-bottom:1px solid var(--hat); }
.logo{
  font-family:var(--yazi); font-size:26px; font-weight:800; letter-spacing:-.03em; color:var(--logo);
}
/* nokta yaprağa döner: mandalina + yaprak */
.logo-nokta{ width:10px; height:10px; border-radius:0 100% 0 100%; background:var(--yaprak); margin-bottom:12px; }

.ara{
  background:#F4F4F1; border:0; border-radius:var(--r-tam);
  box-shadow:inset 0 0 0 2px rgba(0,0,0,.08);
}
.ara:focus-within{ box-shadow:inset 0 0 0 2px var(--metin); }
.ara-git{ border-radius:var(--r-tam); background:var(--metin); color:var(--zemin); }
.ara-git:hover{ background:#24140B; }

.eyl{ font-family:var(--yazi); color:var(--metin); }
.eyl:hover{ background:rgba(0,0,0,.08); }
.rozet-sayi{ background:var(--metin); color:var(--zemin); border-color:var(--zemin); border-radius:var(--r-tam); }

/* kategori şeridi beyaz, bandın altında */
.ust-nav{ background:var(--zemin); border-top:0; border-bottom:1px solid var(--hat); }
.ust-nav a{ font-family:var(--yazi); color:var(--metin); font-weight:600; }
.ust-nav a:hover{ border-bottom-color:var(--turuncu); }
.ust-nav a.aktif{ border-bottom-color:var(--turuncu-koyu); }
.ust-nav .yeni{ border-radius:var(--r-tam); box-shadow:none; background:var(--yaprak-acik); color:var(--yaprak); }

@media (max-width:899px){
  .ust{ border-bottom:0; }
  .ara{ border:0; border-radius:var(--r-tam); }
  .ara:focus-within{ box-shadow:inset 0 0 0 2px var(--metin); }
  .ust-nav{ margin-top:var(--u5); }
  .ust-nav a{ color:var(--metin2); }
  .ust-nav a.aktif{ color:var(--metin); }
}

/* ---------- ürün kartı: yuvarlak köşe, kupon çentiği yok ---------- */
.tk{ border-color:var(--hat); border-radius:var(--r2); }
.tk-ust{ border-radius:var(--r2) var(--r2) 0 0; }
.tk-ust::after, .tk-bilgi::before, .tk-bilgi::after{ display:none; }
.tk-fav{ width:32px; height:32px; border-radius:50%; box-shadow:0 1px 4px rgba(0,0,0,.18); }
.tk-fav[aria-pressed="true"]{ color:var(--fiyat-ind); }
.tk-fav[aria-pressed="true"] .ikn{ fill:var(--fiyat-ind); }
.tk-yeni{ font-size:15px; font-weight:800; }
.tk-sepette b{ font-weight:800; font-size:17px; }
.tk-kargo, .tk-kargo .ikn{ color:var(--yaprak); }
@media (hover:hover){ .tk:hover{ border-color:var(--metin); box-shadow:none; } }

/* rozetler: indirim kırmızı dolu, durumlar beyaz etiket */
.rozet{ border-radius:4px; font-size:11px; padding:3px 7px; }
.rz-ind{ background:var(--fiyat-ind); }
.rz-son, .rz-kupon, .rz-cok, .rz-yeni, .rz-taksit{ box-shadow:0 1px 3px rgba(0,0,0,.12); }
.rz-son{ box-shadow:0 1px 3px rgba(0,0,0,.12); }

/* ---------- düğme / çip / damga / bildirim ---------- */
.btn{ border-radius:var(--r-tam); font-size:15px; }
.btn-cizgi{ border:1.5px solid var(--metin); }
.damga{ transform:none; border-width:1.5px; border-radius:var(--r-tam); font-size:var(--t3); padding:5px 12px; }
.damga-bas{ animation:none; }
.sp-rozet{ transform:none; border:0; box-shadow:none; border-radius:var(--r-tam); background:var(--panel); padding:4px 10px; }
.sp-rozet.iptal{ background:var(--kirmizi-acik); color:var(--kirmizi); }

.toast{
  transform:translateX(-50%); border:1px solid var(--hat); border-radius:var(--r-tam);
  box-shadow:var(--golge-2); font-family:var(--yazi); font-size:var(--t5); padding:10px 16px;
  animation:toastGirCarsi 220ms var(--egri) both;
}
.toast-uyari{ border-color:var(--fiyat-ind); box-shadow:var(--golge-2); }
.toast-uyari .ikn{ color:var(--fiyat-ind); }
@keyframes toastGirCarsi{ from{ opacity:0; transform:translateX(-50%) translateY(8px); } }

.kupon-kapat{ border-radius:50%; box-shadow:0 1px 4px rgba(0,0,0,.18); }
.kupon-etiket{ border-radius:var(--r-tam); }

/* ---------- ana sayfa ---------- */
.ty-bas h2{ font-weight:800; }
.ty-bas a{ color:var(--turuncu-koyu); font-weight:700; }
.ty-bas a:hover{ color:var(--metin); }
.ty-flas .ty-bas a{ color:var(--zemin); }
.ty-daire-gorsel{ border:3px solid var(--zemin); box-shadow:0 0 0 2px var(--turuncu); }
.ty-banner::after{ background:linear-gradient(90deg, rgba(18,42,24,.72) 0, rgba(18,42,24,.32) 42%, transparent 66%); }
.ty-banner-cta{ border-radius:var(--r-tam); box-shadow:none; padding-inline:14px; }
.ty-cip-oge{ box-shadow:0 0 0 1px var(--hat2) inset; font-size:var(--t5); }
.ty-vitrin-nokta{ border-radius:var(--r-tam); }
.ty-vitrin-nokta i{ border-radius:var(--r-tam); }
.ty-vitrin-nokta i.aktif{ background:var(--turuncu-koyu); }

/* güven şeridi + alt bilgi */
.guven .ikn{ color:var(--turuncu-koyu); }
.altbilgi{ border-top:1px solid var(--hat); }

@media (min-width:900px){
  .ty-ana > .ty-flas{ padding-block:16px 18px; }
}

/* ---------- PDP ---------- */
.pd-fiyat-oran{ background:var(--fiyat-ind); }
.pd-fiyat-sat b{ font-weight:800; }
/* yapan kutusu: üretici numarası yeşil daire, açık yaprak zemin (taslak A "yapan-kutu") */
.pd-marka{ align-items:center; gap:12px; padding:10px 14px; background:var(--yaprak-acik); box-shadow:none; border-radius:var(--r2); }
.pd-marka-kod{ flex:0 0 44px; height:44px; border-radius:50%; background:var(--yaprak); font-size:17px; font-weight:800; }
.pd-marka-metin{ padding-block:0; }
.pd-marka-metin b{ font-size:16px; font-weight:800; }
.pd-marka > .ikn{ color:var(--yaprak); }
@media (hover:hover){ a.pd-marka:hover{ box-shadow:inset 0 0 0 1.5px var(--yaprak); } a.pd-marka:hover .pd-marka-kod{ background:var(--yaprak); } }
.fv-sepete{ border-radius:var(--r-tam); font-weight:700; }

/* ---------- sepet / ödeme: bilet sekmesi yerine yuvarlak numara ---------- */
.sy-paket-no{ border-radius:50%; background:var(--yaprak); font-weight:800; font-size:15px; }
.sy-grup > .kupon-yirt::before, .sy-grup > .kupon-yirt::after{ display:none; }
.od-kutu h2::before{
  flex:0 0 30px; height:30px; padding:0; margin-left:12px; clip-path:none; border-radius:50%;
  background:var(--metin); font-size:15px; font-weight:800;
}
.od-tamam{ border-radius:var(--r-tam); padding:3px 10px; }