/* Menu reset */
.nb-menu,
.nb-menu ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.nb-menu a{ text-decoration: none; }
.nb-menu a:hover{ text-decoration: none; }

/* TOPBAR */
.nb-topbar{
  background:#fff;
  border-bottom: 1px solid var(--nb-border);
}
.nb-topbar-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 0;
}
.nb-brand{
  display:flex;
  align-items:center;
  gap:14px;
}
.nb-brand-name{
  font-weight:800;
  font-size:18px;
  letter-spacing: -0.02em;
}
.nb-phone{
  display:inline-flex;
  align-items:center;
  padding:8px 10px;
  border-radius: 12px;
  border: 1px solid var(--nb-border);
  color: var(--nb-text);
  font-weight:700;
  font-size:14px;
  background:#fff;
}
.nb-phone:hover{ background: rgba(2,6,23,.03); }

/* Topbar menu (sağ butonlar) */
.nb-menu-topbar{
  display:flex;
  align-items:center;
  gap:10px;
}
.nb-menu-topbar > li > a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border:1px solid var(--nb-border);
  border-radius: 12px;
  background:#fff;
  font-weight:700;
  font-size:14px;
}
.nb-menu-topbar > li > a:hover{
  background: rgba(2,6,23,.03);
}

/* NAV BAND (koyu bant) */
.nb-navband{
  background: #0b0b0f; /* siyaha yakın */
}
.nb-navband-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 0;
}

/* Primary menu */
.nb-primary-nav .nb-menu-primary{
  display:flex;
  align-items:center;
  gap:14px;
}
.nb-menu-primary > li{ position: relative; }
.nb-menu-primary > li > a{
  display:inline-flex;
  align-items:center;
  padding:10px 10px;
  border-radius:10px;
  font-weight:700;
  font-size:14px;
  color: rgba(255,255,255,.9);
}
.nb-menu-primary > li > a:hover{
  background: rgba(255,255,255,.10);
}

/* Dropdown */
.nb-menu-primary li.menu-item-has-children > ul{
  position:absolute;
  left:0;
  top: calc(100% + 8px);
  min-width: 240px;
  background:#fff;
  border:1px solid var(--nb-border);
  border-radius: 14px;
  box-shadow: var(--nb-shadow);
  padding: 8px;
  display:none;
  z-index: 50;
}
.nb-menu-primary li.menu-item-has-children:hover > ul{ display:block; }
.nb-menu-primary li.menu-item-has-children > ul > li > a{
  display:block;
  padding:10px 10px;
  border-radius:10px;
  font-weight:700;
  font-size:14px;
  color: var(--nb-text);
}
.nb-menu-primary li.menu-item-has-children > ul > li > a:hover{
  background: rgba(2,6,23,.03);
}

/* Mobile toggle */
.nb-nav-toggle{
  display:none;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.25);
  border-radius: 12px;
  background: rgba(255,255,255,.08);
  color: #fff;
  font-weight:800;
}

/* CTA */
.nb-cta{ white-space: nowrap; }

/* Responsive */
@media (max-width: 900px){
  .nb-topbar-inner{
    flex-wrap: wrap;
    gap:10px;
  }
  .nb-menu-topbar{
    width: 100%;
    justify-content:flex-end;
    flex-wrap: wrap;
  }

  .nb-nav-toggle{ display:inline-flex; align-items:center; gap:8px; }

  .nb-navband-inner{ flex-wrap: wrap; }
  .nb-primary-nav{
    display:none;
    width: 100%;
  }

  .nb-primary-nav .nb-menu-primary{
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    padding: 10px 0;
  }
  .nb-menu-primary > li > a{
    padding: 12px 12px;
    border-radius: 12px;
  }

  .nb-menu-primary li.menu-item-has-children > ul{
    position: static;
    display:block;
    box-shadow: none;
    border: 0;
    padding: 6px 0 0 12px;
    margin-top: 6px;
    background: transparent;
  }
  .nb-menu-primary li.menu-item-has-children > ul > li > a{
    color: rgba(255,255,255,.9);
    padding: 10px 12px;
    border-radius: 12px;
  }
  .nb-menu-primary li.menu-item-has-children > ul > li > a:hover{
    background: rgba(255,255,255,.10);
  }
}

/* Grid helper */
@media (max-width: 700px){
  .nb-grid-2{ grid-template-columns: 1fr !important; }
}
/* Desktop/Mobile nav separation */
.nb-primary-desktop{ display:block; }
.nb-overlay, .nb-mobile-panel{ display:none; }

/* Mobile off-canvas */
@media (max-width: 900px){
  .nb-primary-desktop{ display:none; }

  .nb-overlay{
    display:block;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease;
    z-index: 90;
  }

  .nb-mobile-panel{
    display:block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100dvh;
    width: min(360px, 86vw);
    background: #fff;
    transform: translateX(-105%);
    transition: transform .25s ease;
    z-index: 100;
    border-right: 1px solid var(--nb-border);
    box-shadow: var(--nb-shadow);
    padding: 14px;
    overflow: auto;
  }

  body.nb-menu-open .nb-overlay{
    opacity: 1;
    pointer-events: auto;
  }
  body.nb-menu-open .nb-mobile-panel{
    transform: translateX(0);
  }

  body.nb-menu-open{
    overflow: hidden;
  }

  .nb-mobile-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding: 6px 2px 12px;
    border-bottom: 1px solid var(--nb-border);
    margin-bottom: 10px;
  }

  .nb-mobile-close{
    width: 38px;
    height: 38px;
    border-radius: 12px;
    border: 1px solid var(--nb-border);
    background: #fff;
    font-size: 22px;
    line-height: 1;
    font-weight: 900;
    cursor: pointer;
  }

  .nb-mobile-menu{
    list-style: none;
    margin: 0;
    padding: 8px 0;
  }
  .nb-mobile-menu li{
    margin: 0;
    padding: 0;
  }
  .nb-mobile-menu > li > a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding: 14px 12px;
    border-radius: 12px;
    font-weight: 800;
    color: var(--nb-text);
  }
  .nb-mobile-menu > li > a:hover{
    background: rgba(2,6,23,.03);
  }

  /* Submenu: mobilde içeride indent */
  .nb-mobile-menu li.menu-item-has-children > ul{
    list-style:none;
    margin: 6px 0 0;
    padding: 0 0 0 12px;
  }
  .nb-mobile-menu li.menu-item-has-children > ul > li > a{
    display:block;
    padding: 12px 12px;
    border-radius: 12px;
    font-weight: 700;
    color: rgba(15,23,42,.85);
  }
  .nb-mobile-menu li.menu-item-has-children > ul > li > a:hover{
    background: rgba(2,6,23,.03);
  }

  .nb-mobile-footer{
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid var(--nb-border);
    display:flex;
    flex-direction: column;
    gap: 12px;
  }

  .nb-social{
    display:flex;
    gap:10px;
  }
  .nb-social a{
    width: 38px;
    height: 38px;
    border-radius: 999px;
    border: 1px solid var(--nb-border);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-weight: 900;
    color: var(--nb-text);
    background:#fff;
  }
  .nb-social a:hover{
    background: rgba(2,6,23,.03);
  }

  .nb-mobile-contact{
    justify-content:center;
    width: 100%;
  }
}
/* Mobile phone box */
.nb-mobile-phone{
  margin: 10px 0 6px;
}
.nb-mobile-phone a{
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 14px 12px;
  border-radius: 14px;
  background: #f5f7fb;
  border: 1px solid var(--nb-border);
  font-weight: 900;
  font-size: 16px;
  color: var(--nb-text);
}
.nb-mobile-phone a:hover{
  background: #eef2ff;
}

/* Mobile menu spacing refinement */
.nb-mobile-menu > li > a{
  padding: 16px 14px;
  font-size: 16px;
}

/* SVG social icons */
.nb-social svg{
  width: 18px;
  height: 18px;
  fill: currentColor;
}
@media (max-width: 900px){
  body.nb-menu-open .nb-cta{
    visibility: hidden;
  }
}
/* ===== Mobile panel compact override (eski his, bozmadan) ===== */
@media (max-width: 900px){

  /* Panel çok beyaz ve boş görünmesin: hafif arka plan */
  .nb-mobile-panel{
    background: #f8fafc;
    padding: 12px;              /* 14 -> 12 */
  }

  /* Head daha kompakt */
  .nb-mobile-head{
    padding: 4px 2px 10px;      /* 6 2 12 -> 4 2 10 */
    margin-bottom: 8px;         /* 10 -> 8 */
  }

  /* Telefon kutusu küçülsün */
  .nb-mobile-phone{
    margin: 8px 0 8px;          /* 10 0 6 -> 8 0 8 */
  }
  .nb-mobile-phone a{
    padding: 10px 12px;         /* 14 -> 10 */
    border-radius: 12px;        /* 14 -> 12 */
    font-size: 14px;            /* 16 -> 14 */
    background: #ffffff;        /* kutu daha net */
  }

  /* Menü linkleri kart gibi ve sıkı */
  .nb-mobile-menu > li > a{
    padding: 12px 12px;         /* 16 14 -> 12 12 */
    font-size: 15px;            /* 16 -> 15 */
    background: #ffffff;
    border: 1px solid var(--nb-border);
  }

  /* Alt menüleri biraz daha kompakt */
  .nb-mobile-menu li.menu-item-has-children > ul{
    padding-left: 10px;         /* 12 -> 10 */
    margin-top: 6px;            /* sabit */
  }
  .nb-mobile-menu li.menu-item-has-children > ul > li > a{
    padding: 10px 12px;         /* 12 -> 10 */
    border: 1px solid var(--nb-border);
    background: #ffffff;
  }

  /* Footer alanını yukarı çek */
  .nb-mobile-footer{
    margin-top: 12px;           /* 18 -> 12 */
    padding-top: 12px;          /* 14 -> 12 */
    gap: 10px;                  /* 12 -> 10 */
  }

  /* Sosyal ikon kutuları biraz küçülsün */
  .nb-social a{
    width: 34px;                /* 38 -> 34 */
    height: 34px;               /* 38 -> 34 */
  }
  .nb-social svg{
    width: 16px;                /* 18 -> 16 */
    height: 16px;               /* 18 -> 16 */
  }
}
@media (max-width: 900px){
  .nb-mobile-panel .nb-primary-nav{ display:block !important; }
}
@media (max-width: 900px){
  /* Mobil panel arka planı hafif soft */
  .nb-mobile-panel{ background:#f8fafc; }

  /* Menü item'larını kart gibi yap */
  .nb-mobile-menu{ padding: 10px 0; }
  .nb-mobile-menu > li{ margin-bottom: 10px; }
  .nb-mobile-menu > li > a{
    background: #fff;
    border: 1px solid var(--nb-border);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    padding: 14px 12px;
    font-size: 15px;
  }

  /* Footer butonlarını daha net hiyerarşik yap */
  .nb-mobile-footer{
    background:#fff;
    border:1px solid var(--nb-border);
    border-radius: 14px;
    padding: 12px;
  }

  /* İletişim kurun -> ikincil, WhatsApp -> ana */
  .nb-mobile-contact{
    border-radius: 12px;
  }
}
@media (max-width: 900px){

  /* Panel zemini çok hafif */
  .nb-mobile-panel{
    background: #f8fafc;
  }

  /* Menü item'lar: biraz daha kart hissi */
  .nb-mobile-menu > li{
    margin-bottom: 10px;
  }
  .nb-mobile-menu > li > a{
    background: #fff;
    border: 1px solid var(--nb-border);
    box-shadow: 0 1px 2px rgba(0,0,0,.04);
  }

  /* Alt iletişim bloğu: gerçek "card" */
  .nb-mobile-footer{
    background:#fff;
    border:1px solid var(--nb-border);
    border-radius: 16px;
    padding: 12px;
    box-shadow: 0 1px 2px rgba(0,0,0,.04);
  }

  /* İkincil buton biraz daha sakin */
  .nb-mobile-contact{
    background: #fff;
  }

  /* WhatsApp ana aksiyon */
  .nb-btn-whatsapp{
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(37, 211, 102, .25);
  }
}
/* ===== Footer ===== */
.nb-footer-top{
  background: #0b0b0f;
  color: rgba(255,255,255,.9);
  padding: 44px 0;
}

.nb-footer-grid{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr 1.2fr;
  gap: 28px;
}

.nb-footer-col h4{
  margin: 0 0 12px;
  font-size: 13px;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: rgba(255,255,255,.75);
}

.nb-footer-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction: column;
  gap: 10px;
}
.nb-footer-menu a{
  color: rgba(255,255,255,.92);
  font-weight: 700;
  font-size: 14px;
  opacity: .9;
}
.nb-footer-menu a:hover{
  opacity: 1;
  text-decoration: underline;
}

.nb-footer-badges .nb-badge-box{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  padding: 14px;
  margin-top: 12px;
}

.nb-badge-title{
  font-weight: 800;
  font-size: 13px;
  margin-bottom: 10px;
  color: rgba(255,255,255,.85);
}

.nb-badge-row{
  display:flex;
  gap:10px;
  flex-wrap: wrap;
}

.nb-badge-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.14);
  color: #fff;
  font-weight: 800;
  font-size: 13px;
}
.nb-badge-btn:hover{
  background: rgba(255,255,255,.14);
}

.nb-badge-btn-green{
  background: #25D366;                 /* WhatsApp yeşili */
  border-color: rgba(0,0,0,.10);
  color: #ffffff;
}
.nb-badge-btn-green:hover{
  filter: brightness(1.05);
}

.nb-badge-muted{
  font-weight: 600;
  color: rgba(255,255,255,.75);
  font-size: 14px;
  line-height: 1.5;
}

.nb-footer-bottom{
  background: #07070a;
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 16px 0;
  color: rgba(255,255,255,.75);
}

.nb-footer-bottom-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 16px;
  font-weight: 600;
  font-size: 13px;
}

@media (max-width: 900px){
  .nb-footer-grid{
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .nb-footer-bottom-inner{
    flex-direction: column;
    align-items:flex-start;
  }
}
/* ===== Home: Services ===== */
.nb-section{
  padding: 44px 0;
}

.nb-section-head{
  margin-bottom: 18px;
}

.nb-h2{
  margin: 0 0 8px;
  font-size: 22px;
  letter-spacing: -0.02em;
  font-weight: 900;
  color: var(--nb-text);
}

.nb-muted{
  margin: 0;
  color: rgba(15,23,42,.72);
  font-weight: 600;
  line-height: 1.6;
}

.nb-grid{
  display:grid;
  gap: 16px;
}

.nb-grid-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.nb-services-grid .nb-service-card{
  display:flex;
  flex-direction: column;
  gap: 10px;
  padding: 18px;
  border-radius: 16px;
  border: 1px solid var(--nb-border);
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
  text-decoration: none;
}

.nb-services-grid .nb-service-card:hover{
  background: rgba(2,6,23,.02);
}

.nb-service-title{
  font-size: 16px;
  font-weight: 900;
  letter-spacing: -0.01em;
  color: var(--nb-text);
}

.nb-service-desc{
  color: rgba(15,23,42,.72);
  font-weight: 600;
  line-height: 1.6;
}

.nb-service-meta{
  margin-top: auto;
  font-size: 12px;
  font-weight: 800;
  color: rgba(15,23,42,.55);
  padding-top: 8px;
  border-top: 1px solid rgba(15,23,42,.08);
}

.nb-section-actions{
  margin-top: 16px;
}

/* Responsive */
@media (max-width: 900px){
  .nb-grid-3{ grid-template-columns: 1fr; }
}
/* ===== Home: Process ===== */
.nb-grid-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.nb-process-step{
  padding: 18px;
  border-radius: 16px;
  border: 1px solid var(--nb-border);
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

.nb-step-num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 44px;
  height: 44px;
  border-radius: 14px;
  background: rgba(2,6,23,.04);
  border: 1px solid rgba(2,6,23,.06);
  font-weight: 900;
  color: rgba(15,23,42,.85);
  margin-bottom: 10px;
}

.nb-step-title{
  font-weight: 900;
  font-size: 16px;
  letter-spacing: -0.01em;
  margin-bottom: 6px;
  color: var(--nb-text);
}

.nb-step-desc{
  color: rgba(15,23,42,.72);
  font-weight: 600;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 900px){
  .nb-grid-4{ grid-template-columns: 1fr; }
}
/* ===== Home: Benefits ===== */
.nb-grid-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.nb-benefit-card{
  padding: 18px;
  border-radius: 16px;
  border: 1px solid var(--nb-border);
  background: #fff;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

.nb-benefit-title{
  font-weight: 900;
  font-size: 16px;
  letter-spacing: -0.01em;
  margin-bottom: 6px;
  color: var(--nb-text);
}

.nb-benefit-desc{
  color: rgba(15,23,42,.72);
  font-weight: 600;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 900px){
  .nb-grid-2{ grid-template-columns: 1fr; }
}
/* ===== Home: CTA Band ===== */
.nb-cta-band{
  background: #0b0b0f;
  padding: 36px 0;
  margin-top: 22px;
}

.nb-cta-band-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 18px;
}

.nb-cta-text{
  max-width: 70ch;
}

.nb-cta-title{
  margin: 0 0 6px;
  color: rgba(255,255,255,.95);
  font-weight: 950;
  letter-spacing: -0.02em;
  font-size: 20px;
}

.nb-cta-desc{
  margin: 0;
  color: rgba(255,255,255,.78);
  font-weight: 600;
  line-height: 1.6;
}

.nb-cta-actions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

@media (max-width: 900px){
  .nb-cta-band-inner{
    flex-direction: column;
    align-items: flex-start;
  }
  .nb-cta-actions a{
    width: 100%;
    justify-content: center;
  }
}
/* ===== Typography tuning (premium) ===== */
:root{
  --nb-h1: 30px;
  --nb-h2: 18px;
  --nb-card-title: 15px;
}

@media (max-width: 900px){
  :root{
    --nb-h1: 26px;
    --nb-h2: 17px;
    --nb-card-title: 15px;
  }
}

/* Genel başlıklar */
.nb-h2{
  font-size: var(--nb-h2) !important;
  font-weight: 900;
}

.nb-service-title,
.nb-benefit-title,
.nb-step-title{
  font-size: var(--nb-card-title) !important;
}

/* Açıklamalar bir tık daha küçük */
.nb-muted,
.nb-service-desc,
.nb-benefit-desc,
.nb-step-desc{
  font-size: 14px;
}
/* ===== Home: Focus services ===== */
.nb-focus-services{ padding: 12px 0 20px; }

.nb-focus-grid{
  gap: 16px;
}

.nb-focus-card{
  padding: 20px;
}

.nb-focus-title{
  font-weight: 950;
  letter-spacing: -0.02em;
  font-size: 16px;
  margin-bottom: 6px;
}

.nb-focus-desc{
  margin: 0 0 12px;
  color: var(--nb-muted);
  font-weight: 600;
  line-height: 1.6;
}

.nb-focus-list{
  margin: 0 0 14px;
  padding-left: 18px;
  color: rgba(15,23,42,.78);
  font-weight: 600;
  line-height: 1.7;
}
.nb-focus-list li{ margin: 4px 0; }
/* ============ HERO LAYOUT FIX ============ */
.nb-hero-card{
  padding: 28px;
}

.nb-hero-layout{
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 22px;
  align-items: center;
}

.nb-hero-content{
  min-width: 0;
}

.nb-hero-visual{
  display: flex;
  justify-content: center;
  align-items: center;
}

.nb-hero-visual img{
  width: 100%;
  max-width: 520px;
  height: auto;
  display: block;
}

/* Badge + spacing */
.nb-hero-badge{
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid var(--nb-border);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .02em;
  margin-bottom: 10px;
  background: #fff;
}

/* Title/desc ölçüleri (çok bağırmasın) */
.nb-hero-title{
  margin: 0 0 10px;
  font-size: 34px;
  line-height: 1.12;
  letter-spacing: -0.02em;
}

.nb-hero-desc{
  margin: 0 0 16px;
  color: var(--nb-muted);
  max-width: 62ch;
}

/* Buttons */
.nb-hero-actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

/* Stats artık kutu gibi olsun */
.nb-hero-stats{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 14px;
  border-top: 1px solid rgba(2,6,23,.08);
}

.nb-stat{
  border: 1px solid var(--nb-border);
  background: #fff;
  border-radius: 14px;
  padding: 10px 12px;
  min-width: 160px;
}

.nb-stat-k{
  font-size: 12px;
  font-weight: 900;
  color: rgba(15,23,42,.55);
}

.nb-stat-v{
  font-size: 14px;
  font-weight: 900;
  color: var(--nb-text);
}

/* Mobile */
@media (max-width: 900px){
  .nb-hero-card{ padding: 20px; }

  .nb-hero-layout{
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .nb-hero-title{
    font-size: 28px;
  }

  .nb-hero-visual img{
    max-width: 100%;
  }

  .nb-stat{
    min-width: 0;
    flex: 1 1 160px;
  }
}
/* HERO kartı daha az gölgeli (diğer kartlarla uyumlu) */
.nb-hero-card{
  box-shadow: 0 8px 22px rgba(2,6,23,.06);
}

/* Hero içindeki stat kartları da daha hafif */
.nb-hero-card .nb-stat{
  box-shadow: none;
}
/* Ücretsiz Ön Görüşme butonu: WhatsApp yeşili */
.nb-hero .nb-btn-primary{
  background: #25D366;
  border-color: #25D366;
  color: #fff;
}

.nb-hero .nb-btn-primary:hover{
  filter: brightness(.95);
}
/* Process bölümündeki "Ücretsiz Ön Görüşme Al" butonu WhatsApp yeşili */
.nb-process .nb-btn-primary,
.nb-process a.nb-btn-primary,
.nb-process .nb-btn{
  background: #25D366;
  border-color: #25D366;
  color: #fff;
}

.nb-process .nb-btn-primary:hover,
.nb-process a.nb-btn-primary:hover,
.nb-process .nb-btn:hover{
  filter: brightness(.95);
}
/* CTA hizalama fix */
.nb-cta-band{
  padding: 22px 0;
}

.nb-cta-inner{
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 18px;
}

.nb-cta-text{
  min-width: 0;
}

.nb-cta-title{
  margin: 0 0 6px;
}

.nb-cta-desc{
  margin: 0;
  color: rgba(255,255,255,.78);
  max-width: 72ch;
}

.nb-cta-actions{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

@media (max-width: 900px){
  .nb-cta-inner{
    grid-template-columns: 1fr;
  }
  .nb-cta-actions{
    justify-content: flex-start;
  }
}
/* HERO kart boşluk azaltma */
.nb-hero-card{
  padding: 22px;              /* 28px -> 22px */
}

/* İç düzen daha yukarı hizalansın (dikey ortalama boşluk hissi yaratıyor) */
.nb-hero-layout{
  align-items: start;         /* center -> start */
}

/* Görsel kartı şişirmesin */
.nb-hero-visual{
  align-items: flex-start;
  padding-top: 6px;
}

.nb-hero-visual img{
  max-width: 460px;           /* 520 -> 460 */
}

/* Mobilde de biraz sıkılaştır */
@media (max-width: 900px){
  .nb-hero-card{ padding: 18px; }
  .nb-hero-visual img{ max-width: 100%; }
}
/* HERO: boşluğu öldürmek için görseli alta yasla */
.nb-hero-layout{
  align-items: stretch;
}

.nb-hero-visual{
  display: flex;
  align-items: flex-end;   /* kritik: görsel alta */
  justify-content: center;
}

.nb-hero-visual img{
  width: 100%;
  max-width: 460px;
  height: auto;
  display: block;
}
/* HERO stat kutuları daha tok olsun, alt boşluğu doldursun */
.nb-hero-stats{
  margin-top: 14px;
}

.nb-stat{
  padding: 12px 12px;
}
/* HERO: sağ taraftaki boşluğu bitir */
.nb-hero-card{ 
  padding: 22px;
}

.nb-hero-layout{
  display: grid;
  grid-template-columns: 1.1fr 0.9fr; /* sol biraz daha geniş */
  gap: 28px;
  align-items: center;
}

/* Sağ görsel alanına kontrollü yükseklik */
.nb-hero-visual{
  min-height: 420px;          /* kritik */
  display: flex;
  align-items: center;
  justify-content: center;
}

.nb-hero-visual img{
  width: 100%;
  height: 100%;
  max-height: 420px;          /* min-height ile uyumlu */
  object-fit: contain;        /* kesmeden doldur */
  display: block;
}

/* Büyük ekranda biraz daha “dolu” dursun */
@media (min-width: 1100px){
  .nb-hero-visual{ min-height: 460px; }
  .nb-hero-visual img{ max-height: 460px; }
}

/* Mobil */
@media (max-width: 900px){
  .nb-hero-layout{
    grid-template-columns: 1fr;
  }
  .nb-hero-visual{
    min-height: 280px;
  }
  .nb-hero-visual img{
    max-height: 280px;
  }
}
.nb-card{
  box-shadow: none !important;
}
/* Sticky footer (WP tema wrapper'lı kesin çözüm) */
html, body { height: 100%; }

#page,
.site{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* içerik alanı uzasın */
#content,
.site-content,
main#content{
  flex: 1 0 auto;
}

/* footer en aşağı itilsin */
.site-footer{
  margin-top: auto;
}
body{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

body > footer,
body > .site-footer{
  margin-top: auto;
}
body{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

body > footer,
body > .site-footer{
  margin-top: auto;
}