/* main.css — sarı/turuncu geçişli tema */
:root{
  --brand:#f4b400;   /* sarı */
  --brand-2:#ff6d00; /* turuncu */
  --ink:#0b1320;
  --muted:#6c757d;
  --bg:#ffffff;
}

/* Gradient butonlar */
.btn-brand-gradient{
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  color:#111;
  border:0;
  box-shadow: 0 6px 20px rgba(255, 173, 0, .35);
}
.btn-brand-gradient:hover{ filter:brightness(.95); color:#111; }

.btn-danger-gradient{
  background: linear-gradient(135deg, #ff4d4f, #ff6d6d);
  color:#fff; border:0;
  box-shadow: 0 6px 18px rgba(255,77,79,.35);
}
.btn-danger-gradient:hover{ filter:brightness(.95); color:#fff; }

/* Logo noktası */
.logo-dot{
  width:18px; height:18px; border-radius:50%;
  background: radial-gradient(circle at 30% 30%, var(--brand), var(--brand-2));
  display:inline-block;
  box-shadow: 0 0 0 3px rgba(255, 180, 0, .25);
}

/* Kartlar */
.card-lift:hover{ transform: translateY(-2px); transition:.2s; }

/* Hero */
.hero{
  background: radial-gradient(1200px 400px at 10% -10%, rgba(255,235,59,.25), transparent),
              linear-gradient(135deg, rgba(244,180,0,.08), rgba(255,109,0,.08));
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.badge-soft{
  background: linear-gradient(135deg, rgba(244,180,0,.18), rgba(255,109,0,.18));
  color:#b35b00; border:1px solid rgba(255,173,0,.35);
}

/* Kategori çipi */
.cat-chip{
  background: linear-gradient(135deg, rgba(244,180,0,.12), rgba(255,109,0,.12));
  border:1px dashed rgba(255,173,0,.55);
  padding:.4rem .6rem; border-radius:999px; color:#8b5b00;
}

/* Ürün fiyat etiketi */
.price-tag{
  background: linear-gradient(135deg, rgba(244,180,0,.2), rgba(255,109,0,.2));
  border:1px solid rgba(255,173,0,.45);
  padding:.25rem .5rem; border-radius: .5rem; font-weight:600;
}