/* ==========================================================================
   AÇIK TEMA (hikâye altı) — v2
   Hero koyu kalır. Günün seçkileri, footer, alt sekme çubuğu, sepet ve hesap
   panelleri tam açık (beyaz) zemine geçer. Kategoriler (kadran) koyu kalır.

   Tasarım kuralları (Civan'ın istekleri):
   - Turuncu/amber metin yok; renk yalnızca durum noktasında kullanılır.
   - Bildirim rozeti sade: daire yok, ince koyu rakam.
   - Sepet paneli tam ekran, bembeyaz; koyu karartma/şerit yok.
   - Gereksiz kutu, çerçeve, pill ve harf aralığı yok.
   - Film grain kapalı (beyaz zeminde leke yapıyor).
   ========================================================================== */
:root{
  --paper:#fdfcf9;
  --paper-2:#f2ede2;
  --ink:#241d15;
  --ink-dim:#5c5044;
  --ink-mut:#877a6a;
  --amber-l:#b3652a;   /* yalnız zemin/durum için; metin değil */
  --ember-l:#c2521f;
  --line-l:rgba(36,29,21,.10);
  --line-l2:rgba(36,29,21,.07);
  --sans-l:var(--sans, "Inter", system-ui, -apple-system, sans-serif);
}

/* ---- günün seçkileri ---- */
/* Bölüm tam genişlikte zemin taşır; kartlar 1180px'te ortalanır.
   .daily kendisi max-width alsaydı iki yanda koyu şerit kalıyordu. */
.daily{
  background:var(--paper); border-top:1px solid var(--line-l);
  max-width:none; margin:0; padding-inline:0;
}
.daily > .daily-card{ width:min(1180px, 100%); margin-inline:auto }
@media(min-width:860px){
  .daily{ padding-inline:var(--pad) }
  .daily > .daily-card{ width:auto; margin-inline:0 }
}
@media(max-width:859px){
  .daily{ padding-inline:var(--pad) }
}
.daily-card{
  background:#fff; border:1px solid var(--line-l); border-radius:4px;
  box-shadow:none;
}
.daily-no,.daily-brand{
  color:var(--ink-mut); letter-spacing:.09em; font-weight:400;
}
.daily-no b{color:var(--ink-mut)}
.daily-media{background:radial-gradient(circle at 50% 55%, rgba(178,101,42,.08), transparent 62%), var(--paper-2)}
.daily-name,.daily-name--mix{color:var(--ink); font-weight:400}
.daily-notes{color:var(--ink-dim)}
.daily-notes span{background:none; border:0; padding:0 10px 0 0}
.daily-strength i{background:rgba(36,29,21,.14)}
.daily-strength i.on{background:linear-gradient(90deg,var(--amber-l),var(--ember-l)); box-shadow:none}
.daily-cta{
  background:none; border:1px solid rgba(36,29,21,.16); color:var(--ink);
}
.daily-cta--solid{background:none; border-color:rgba(36,29,21,.16); color:var(--ink)}

/* karışım sahnesi: köz ışığı beyaz zemin üstünde yumuşak (multiply) */
.mix-stage{background:radial-gradient(80% 80% at 50% 60%, rgba(178,101,42,.10), var(--paper-2) 72%)}
.mix-img{
  box-shadow:0 12px 30px -18px rgba(60,40,20,.4), 0 0 0 1px rgba(36,29,21,.08);
  filter:saturate(1) contrast(1.02);
}
.mix-plus{background:#fff; border:1px solid var(--line-l); color:var(--ink)}
.mix-glow{background:radial-gradient(circle, rgba(255,186,120,.45), transparent 68%); mix-blend-mode:multiply; opacity:.45}
.mix-ratio i{background:linear-gradient(90deg,var(--amber-l),var(--ember-l))}

/* ---- footer ---- */
.site-foot{background:var(--paper); border-top:1px solid rgba(36,29,21,.09)}
.foot-brand{color:transparent; -webkit-text-stroke:1px rgba(36,29,21,.22)}
.foot-row{color:var(--ink-mut); letter-spacing:.06em}

/* ---- alt sekme çubuğu ---- */
.bottom-nav{
  background:#fff; border-top:1px solid var(--line-l); box-shadow:none;
}
.bn-item{color:#8d8172}
.bn-ico{color:#948878}
.bn-item.is-active,.bn-item.is-active .bn-ico{color:var(--ink)}
.bn-item:hover{background:rgba(36,29,21,.03); color:var(--ink-dim)}
/* Sade rozet: turuncu daire kaldırıldı, ince koyu rakam */
.bn-badge{
  background:none; border:0; border-radius:0; padding:0; min-width:0;
  box-shadow:none; color:var(--ink); font-size:10px; font-weight:500;
  letter-spacing:0; position:static; margin-left:3px;
}

/* film grain beyaz zeminde leke yapıyor: kapat */
.grain{display:none}

/* ---- isim / kimlik satırı: soluk devre dışı görünüm yerine normal metin ---- */
.cf-who{padding:12px 0 6px; border-bottom:1px solid var(--line-l2); margin-bottom:4px}
.cf-who-label{
  font-family:var(--sans-l); font-size:12.5px; letter-spacing:0;
  text-transform:none; color:var(--ink-mut);
}
.cf-who strong{
  font-family:var(--serif); font-size:20px; font-weight:400;
  letter-spacing:-.01em; color:var(--ink);
}
/* ürün adı: serif başlık gibi, fiyat/etiket: sade sans */
.sheet--cart .cart-info strong{font-size:18px; letter-spacing:-.01em; color:var(--ink)}
.cart-row .cart-info span{opacity:1}

/* ürün silme: ince çerçeveli daire yerine sade işaret */
.cart-rm{
  border:0; background:none; width:28px; height:28px;
  color:var(--ink-mut); font-size:18px; font-weight:300;
}
.cart-rm:hover{border:0; background:none; color:#a8523f}
.sheet--cart .cart-rm{border:0; background:none}
.sheet--cart .cart-rm:hover{background:none; color:#a8523f}
.sheet--cart .cart-rm svg,.cart-rm svg{opacity:1}

/* ---- sepet paneli: TAM EKRAN, BEMBEYAZ ---- */
.sheet--cart .sheet-veil,.sheet.full .sheet-veil{background:#fff}
.sheet--cart .sheet-panel{
  position:fixed; inset:0; width:100%; max-width:100%; height:100%;
  margin:0; border-radius:0; border:0; box-shadow:none;
  background:#fff; overflow-y:auto; -webkit-overflow-scrolling:touch;
  padding:calc(24px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom));
}
.sheet--cart .sheet-grab{display:none}
.sheet--cart .sheet-x{
  top:calc(16px + env(safe-area-inset-top)); right:16px;
  width:34px; height:34px; display:grid; place-items:center; border-radius:50%;
  background:rgba(36,29,21,.05); border:0; color:var(--ink); padding:0;
}
.sheet--cart .sheet-x:hover{background:rgba(36,29,21,.10); color:var(--ink)}

/* ---- hesap / genel panel ---- */
.sheet-panel{
  background:#fff; border:1px solid var(--line-l);
  box-shadow:0 30px 70px -34px rgba(60,40,20,.35);
}
.sheet.full .sheet-panel{background:#fff}
.sheet-grab{background:rgba(36,29,21,.14)}
.sheet-panel h3{color:var(--ink); font-weight:300}
.sheet-panel p{color:var(--ink-dim)}

/* etiketler: teknik panel görünümü yerine sade insan dili */
.eyebrow,.sheet-panel .eyebrow{
  font-family:var(--sans-l); font-size:9.5px; letter-spacing:.08em;
  color:var(--ink-mut); text-transform:none;
}
.sheet-x{color:var(--ink-mut)}
.sheet-x:hover{color:var(--ink)}
.sheet-cta,.sheet-cta--solid{border-color:rgba(36,29,21,.18); color:var(--ink)}
.sheet-cta:hover{background:var(--ink); border-color:var(--ink); color:#fff}

/* ---- sepet listesi ---- */
.sheet--cart .cart-row{border-top:1px solid var(--line-l2); padding:16px 0}
.cart-row{border-top:1px solid var(--line-l2)}
.sheet--cart .cart-row img{background:var(--paper-2); border-radius:6px}
.cart-info strong{color:var(--ink)}
.cart-info span{
  color:var(--ink-mut); font-family:var(--sans-l); font-size:11.5px;
  letter-spacing:0; text-transform:none;
}
.cart-rm{border:1px solid var(--line-l); color:var(--ink-dim)}
.cart-rm:hover{color:var(--ink); border-color:rgba(36,29,21,.25)}
.sheet--cart .cart-rm:hover{background:rgba(168,82,63,.08)}
.cart-note{color:var(--ink-mut)}
.cart-empty-body{color:var(--ink-dim)}
.cart-track-link{
  color:#6b5f51; border-bottom:1px solid rgba(36,29,21,.15); font-size:13px;
}
.cart-track-link:hover{color:var(--ink); border-color:rgba(36,29,21,.3)}

/* ---- formlar ---- */
.cf-field > span{color:var(--ink-dim)}
.cf-field input,.cf-field textarea{
  background:#fff; border:1px solid rgba(36,29,21,.14); color:var(--ink);
}
.cf-field input::placeholder,.cf-field textarea::placeholder{color:rgba(135,122,106,.8)}
.cf-field input:focus,.cf-field textarea:focus{border-color:rgba(36,29,21,.35); background:#fff}
.cf-error{color:#a8523f}
.cart-submit{
  background:var(--ink); border:1px solid var(--ink); color:#fff;
  letter-spacing:0; text-transform:none; font-weight:500;
}
.cart-submit:hover{background:#3a2f23; border-color:#3a2f23}
.track-form input{background:#fff; border:1px solid rgba(36,29,21,.14); color:var(--ink)}
.track-form input:focus{border-color:rgba(36,29,21,.35)}
.track-form button{border:1px solid var(--line-l); color:var(--ink)}
.track-form button:hover{border-color:rgba(36,29,21,.3); color:var(--ink)}

/* ---- hesap paneli ---- */
.acc-hint,.acc-welcome{color:var(--ink-mut)}
.acc-hint a,.acc-hint button{color:var(--ink-dim); border-bottom:1px solid var(--line-l)}
.acc-link{background:#fff; border:1px solid var(--line-l); color:var(--ink)}
.acc-link:hover{background:#faf7f0; border-color:rgba(36,29,21,.2)}
.acc-link span.ar{color:var(--ink-mut)}
.pw-eye{color:var(--ink-mut)}

/* ---- sipariş / takip kartı ---- */
.order-card{background:#fff; border:1px solid rgba(36,29,21,.09)}
.oc-code{color:var(--ink); letter-spacing:.10em; font-size:12px}
.oc-status{
  border:0; padding:0; letter-spacing:.08em; font-size:9.5px;
}
.oc-status.yeni{color:#b3652a}
.oc-status.hazirlaniyor{color:#877a6a}
.oc-status.hazir{color:#57773f}
.oc-status.teslim{color:var(--ink-mut)}
.oc-status.iptal{color:#a8523f}
.oc-lead,.oc-qty,.track-intro{color:var(--ink-dim)}
.oc-note{color:var(--ink-mut)}
.oc-foot,.oc-hist{border-top:1px solid var(--line-l2)}
/* çerçeveli butonlar → sade altı çizili bağlantı */
.oc-refresh,.oc-new,.track-mine{
  color:#6b5f51; background:none; border:0;
  border-bottom:1px solid rgba(36,29,21,.15); border-radius:0;
  padding:0 0 2px; font-size:13px; letter-spacing:0;
  text-transform:none; font-family:var(--sans-l);
}
.oc-refresh:hover,.oc-new:hover,.track-mine:hover{color:var(--ink); border-color:rgba(36,29,21,.3)}
.oc-cancel{
  color:#a8523f; background:none; border:0; padding:0;
  font-size:13px; letter-spacing:0; text-transform:none; font-family:var(--sans-l);
}
.oc-cancel:hover{background:none; color:#8f3d28}
/* takip kartındaki küçük × : kapat butonuyla aynı sade işaret */
.oc-new, .oc-new::before{text-transform:none; letter-spacing:0}
.sheet-panel .oc-x, .oc-x{background:none!important; border:0!important; color:var(--ink-mut)!important}
.oc-hist-cap{
  font-family:var(--sans-l); font-size:12px; letter-spacing:.02em;
  text-transform:none; color:var(--ink-mut);
}
.oc-hist-row:hover{color:var(--ink)}

/* ---- toast ---- */
.toast{background:rgba(36,29,21,.94); color:#fdfcf9; border:1px solid rgba(36,29,21,.4)}