:root{
  --fb-bg:#0b1020;
  --fb-accent:#6366f1;      /* indigo-500 */
  --fb-accent-2:#8b5cf6;    /* violet-500 */
  --fb-accent-dark:#4f46e5;
  --fb-ink:#0f172a;
}
*{ -webkit-font-smoothing:antialiased; }
body{ font-family:'Inter',system-ui,Segoe UI,sans-serif; color:var(--fb-ink); }
a{ text-decoration:none; }

/* ---- nav ---- */
.fb-nav{ background:rgba(11,16,32,.92); backdrop-filter:blur(10px); border-bottom:1px solid rgba(255,255,255,.06); }
.fb-nav .nav-link{ color:#cbd5e1; font-weight:500; }
.fb-nav .nav-link:hover{ color:#fff; }

/* Mobil hamburger: koyu navbar üstünde Bootstrap varsayılan ikon koyu kalıp
   kayboluyordu — beyaz ikon + görünür kenarlık ver. */
.fb-nav .navbar-toggler{ border-color:rgba(255,255,255,.30); padding:.35rem .6rem; }
.fb-nav .navbar-toggler:focus{ box-shadow:0 0 0 .2rem rgba(99,102,241,.45); }
.fb-nav .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
/* Mobilde menü açılınca linkler/butonlar için biraz nefes payı */
@media (max-width:991.98px){
  .fb-nav .navbar-collapse{ padding:.5rem 0 .75rem; }
  .fb-nav .navbar-nav{ margin-bottom:.5rem; }
  .fb-nav .navbar-nav .nav-link{ padding:.5rem .25rem; }
}
.fb-logo{ font-weight:800; letter-spacing:-.5px; color:#fff; }
.fb-logo span{ color:var(--fb-accent); }
.btn-accent{ background:var(--fb-accent); border-color:var(--fb-accent); color:#fff; font-weight:600; }
.btn-accent:hover{ background:var(--fb-accent-dark); border-color:var(--fb-accent-dark); color:#fff; }

/* ---- hero ---- */
.fb-hero{
  background:radial-gradient(1200px 500px at 50% -10%, rgba(99,102,241,.35), transparent 60%), var(--fb-bg);
  color:#e2e8f0; padding:5.5rem 0 5rem; text-align:center; position:relative; overflow:hidden;
}
.fb-hero h1{ font-weight:800; font-size:clamp(2rem,5vw,3.4rem); letter-spacing:-1px; color:#fff; }
.fb-hero p.lead{ color:#94a3b8; max-width:640px; margin:1rem auto 2rem; }
.fb-badge{ display:inline-flex; gap:.4rem; align-items:center; background:rgba(99,102,241,.15); color:#c7d2fe;
  border:1px solid rgba(99,102,241,.35); padding:.35rem .8rem; border-radius:999px; font-size:.8rem; font-weight:600; margin-bottom:1.2rem; }

/* ---- sections ---- */
.fb-section{ padding:4.5rem 0; }
.fb-section h2{ font-weight:800; letter-spacing:-.5px; }
.section-muted{ background:#f7f8fc; }
.eyebrow{ color:var(--fb-accent-dark); font-weight:700; text-transform:uppercase; letter-spacing:.08em; font-size:.78rem; }

/* ---- product cards ---- */
.product-card{ border:1px solid #eef0f5; border-radius:18px; padding:1.6rem; height:100%; transition:transform .15s, box-shadow .15s; background:#fff; }
.product-card:hover{ transform:translateY(-4px); box-shadow:0 18px 40px rgba(15,23,42,.10); }
.product-emoji{ width:58px; height:58px; border-radius:15px; display:flex; align-items:center; justify-content:center; font-size:1.8rem; margin-bottom:1rem; }
.product-card h3{ font-weight:700; font-size:1.25rem; }
.price-from{ font-size:.85rem; color:#64748b; }
.price-from b{ font-size:1.35rem; color:var(--fb-ink); }
.stock-pill{ font-size:.72rem; font-weight:600; padding:.15rem .55rem; border-radius:999px; }
.stock-in{ background:#dcfce7; color:#166534; }
.stock-out{ background:#fee2e2; color:#991b1b; }

/* ---- steps ---- */
.step{ text-align:center; padding:1rem; }
.step .num{ width:46px; height:46px; border-radius:50%; background:var(--fb-accent); color:#fff; font-weight:700;
  display:flex; align-items:center; justify-content:center; margin:0 auto 1rem; }

/* ---- pricing rows (product page) ---- */
.plan-row{ border:1px solid #eef0f5; border-radius:14px; padding:1rem 1.25rem; display:flex; align-items:center; justify-content:space-between; margin-bottom:.75rem; }
.plan-row .price{ font-weight:800; font-size:1.25rem; }

/* ---- faq ---- */
.accordion-button:not(.collapsed){ background:#eef0ff; color:var(--fb-accent-dark); }
.accordion-button:focus{ box-shadow:none; }

/* ---- footer ---- */
.fb-footer{ background:var(--fb-bg); color:#cbd5e1; padding:3rem 0 1.5rem; margin-top:2rem; }
.fb-footer h6{ color:#fff; font-weight:600; margin-bottom:.8rem; }
.fb-footer a{ color:#94a3b8; }
.fb-footer a:hover{ color:#fff; }
.fb-footer .text-muted{ color:#94a3b8 !important; }   /* koyu Bootstrap text-muted'ı koyu zeminde oku-nur yap */
.fb-footer p, .fb-footer li{ color:#cbd5e1; }

/* ---- auth / account cards ---- */
.fb-card{ background:#fff; border:1px solid #eef0f5; border-radius:16px; box-shadow:0 1px 3px rgba(15,23,42,.05); }
.btn-primary{ background:var(--fb-accent); border-color:var(--fb-accent); }
.btn-primary:hover{ background:var(--fb-accent-dark); border-color:var(--fb-accent-dark); }
.form-control:focus,.form-select:focus{ border-color:var(--fb-accent); box-shadow:0 0 0 .2rem rgba(99,102,241,.15); }
a{ color:var(--fb-accent-dark); }

/* ---- mobil ince ayarlar ---- */
@media (max-width:575.98px){
  /* Hesap sekmeleri dar ekranda taşmasın — yatay kaydır */
  .nav-pills.rounded-pill.d-inline-flex{
    display:flex !important; flex-wrap:nowrap; max-width:100%;
    overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none;
  }
  .nav-pills.rounded-pill.d-inline-flex::-webkit-scrollbar{ display:none; }
  .nav-pills.rounded-pill.d-inline-flex .nav-link{ white-space:nowrap; }

  /* Bölüm boşluklarını küçült */
  .fb-section{ padding:3rem 0; }
  .fb-hero{ padding:3.5rem 0 3rem; }

  /* Plan satırları dar ekranda alt alta */
  .plan-row{ flex-direction:column; align-items:stretch; gap:.6rem; }
  .plan-row .text-end{ text-align:left !important; }
  .plan-row .btn{ width:100%; }
}