:root{
  --brand:#16a34a;          /* green */
  --brand-2:#0ea5e9;        /* sky */
  --dark:#0b1220;
  --muted:#64748b;
  --bg:#0b1220;
}

body{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color:#0f172a;
}

.navbar-brand{
  font-weight:800;
  letter-spacing:.4px;
}

.hero{
  background: radial-gradient(1200px 600px at 20% 10%, rgba(14,165,233,.35), transparent 60%),
              radial-gradient(900px 500px at 80% 40%, rgba(22,163,74,.35), transparent 55%),
              linear-gradient(180deg, #0b1220 0%, #0b1220 55%, #0f172a 100%);
  color:#fff;
  padding: 88px 0 64px;
  position: relative;
  overflow:hidden;
}

.hero h1{
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 800;
  line-height: 1.05;
}

.hero .lead{
  color: rgba(255,255,255,.82);
  font-size: 1.1rem;
}

.btn-brand{
  background: var(--brand);
  border-color: var(--brand);
  color:#fff;
}
.btn-brand:hover{ filter: brightness(0.95); color:#fff; }

.badge-soft{
  background: rgba(22,163,74,.12);
  color: #14532d;
  border:1px solid rgba(22,163,74,.25);
}

.section{
  padding: 64px 0;
}

.section-title{
  font-weight: 800;
  letter-spacing: .2px;
}

.card-hover{
  transition: transform .15s ease, box-shadow .15s ease;
}
.card-hover:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(2,6,23,.10);
}

.kpi{
  border:1px solid rgba(2,6,23,.08);
  border-radius: 16px;
  padding: 18px;
  background: #fff;
}

.footer{
  background: #0b1220;
  color: rgba(255,255,255,.85);
  padding: 48px 0;
}
.footer a{ color: rgba(255,255,255,.85); text-decoration:none; }
.footer a:hover{ text-decoration:underline; }

.img-cover{
  width:100%;
  height: 210px;
  object-fit: cover;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.gallery-img{
  width:100%;
  height: 220px;
  object-fit: cover;
  border-radius: 14px;
  border:1px solid rgba(2,6,23,.08);
}

.small-muted{ color: var(--muted); }

.page-head{
  padding: 42px 0 18px;
}
/* Floating Action Buttons (Telefon/WhatsApp/IG/X) */
.fab {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
}

.fab__btn {
  width: 54px;
  height: 54px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  cursor: pointer;
  box-shadow: 0 14px 30px rgba(2, 6, 23, .18);
  text-decoration: none;
  transition: transform .15s ease, filter .15s ease, opacity .2s ease;
}

.fab__btn:hover { transform: translateY(-1px); filter: brightness(.98); }

.fab__btn svg { width: 22px; height: 22px; fill: #fff; }

.fab__label {
  position: absolute;
  right: 66px;
  white-space: nowrap;
  background: rgba(15, 23, 42, .92);
  color: #fff;
  padding: 6px 10px;
  border-radius: 10px;
  font-size: 12px;
  opacity: 0;
  transform: translateX(6px);
  pointer-events: none;
  transition: opacity .15s ease, transform .15s ease;
}

.fab__item { position: relative; }

.fab__item:hover .fab__label {
  opacity: 1;
  transform: translateX(0);
}

/* renkler */
.fab__btn--main { background: linear-gradient(135deg, #16a34a, #0ea5e9); }
.fab__btn--wa   { background: #25D366; }
.fab__btn--tel  { background: #0ea5e9; }
.fab__btn--ig   { background: linear-gradient(135deg, #f58529, #dd2a7b, #8134af); }
.fab__btn--x    { background: #0b1220; } /* X */

.fab__actions { display: none; }
.fab.is-open .fab__actions { display: flex; flex-direction: column; gap: 10px; align-items: flex-end; }

/* küçük “pulse” efekti (çok abartmadan) */
.fab__btn--wa {
  animation: fabPulse 2.2s infinite;
}
@keyframes fabPulse {
  0% { box-shadow: 0 14px 30px rgba(2,6,23,.18), 0 0 0 0 rgba(37,211,102,.35); }
  70% { box-shadow: 0 14px 30px rgba(2,6,23,.18), 0 0 0 14px rgba(37,211,102,0); }
  100% { box-shadow: 0 14px 30px rgba(2,6,23,.18), 0 0 0 0 rgba(37,211,102,0); }
}

@media (prefers-reduced-motion: reduce) {
  .fab__btn--wa { animation: none; }
  .fab__btn { transition: none; }
}
/* ==============================
   FAB v2 (Premium)
   ============================== */
.fab2{
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
}

.fab2__item{ position: relative; }

.fab2__btn{
  width: 56px;
  height: 56px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0 16px 36px rgba(2, 6, 23, .22);
  transition: transform .18s ease, filter .18s ease, opacity .18s ease;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.fab2__btn:hover{ transform: translateY(-2px); filter: brightness(.98); }

.fab2__btn svg{ width: 22px; height: 22px; fill: #fff; }

.fab2__label{
  position: absolute;
  right: 70px;
  top: 50%;
  transform: translateY(-50%) translateX(8px);
  white-space: nowrap;
  background: rgba(15, 23, 42, .92);
  color: #fff;
  padding: 7px 10px;
  border-radius: 12px;
  font-size: 12px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s ease, transform .15s ease;
}

.fab2__item:hover .fab2__label{
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}

/* Renkler */
.fab2__btn--main{ background: linear-gradient(135deg, #16a34a, #0ea5e9); }
.fab2__btn--wa{ background:#25D366; }
.fab2__btn--tel{ background:#0ea5e9; }
.fab2__btn--ig{ background: linear-gradient(135deg, #f58529, #dd2a7b, #8134af); }
.fab2__btn--x{ background:#0b1220; }

/* Açılır menü animasyonu */
.fab2__actions{
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-end;
}

/* Kapalıyken sadece WA + main görünsün */
.fab2 .fab2__actions .fab2__item{
  opacity: 0;
  transform: translateY(14px) scale(.92);
  pointer-events: none;
}

/* Açılınca sırayla gelsin */
.fab2.is-open .fab2__actions .fab2__item{
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.fab2.is-open .fab2__actions .fab2__item:nth-child(1){ transition: all .18s ease; }
.fab2.is-open .fab2__actions .fab2__item:nth-child(2){ transition: all .22s ease; }
.fab2.is-open .fab2__actions .fab2__item:nth-child(3){ transition: all .26s ease; }
.fab2.is-open .fab2__actions .fab2__item:nth-child(4){ transition: all .30s ease; }

/* WhatsApp hafif pulse */
.fab2__btn--wa{
  animation: fabPulse 2.2s infinite;
}
@keyframes fabPulse{
  0%   { box-shadow: 0 16px 36px rgba(2,6,23,.22), 0 0 0 0 rgba(37,211,102,.35); }
  70%  { box-shadow: 0 16px 36px rgba(2,6,23,.22), 0 0 0 14px rgba(37,211,102,0); }
  100% { box-shadow: 0 16px 36px rgba(2,6,23,.22), 0 0 0 0 rgba(37,211,102,0); }
}

@media (prefers-reduced-motion: reduce){
  .fab2__btn--wa{ animation:none; }
  .fab2__btn{ transition:none; }
}