/* =====================================================================
   NECAT DERNEĞİ — İç Sayfalar (necat-pages.css)
   Paylaşılan page-hero + Hakkımızda bölümleri. Tüm sayfalarda yüklenir.
   ===================================================================== */

/* ===================== PAYLAŞILAN PAGE HERO ===================== */
.nd-page-hero {
    position: relative; overflow: hidden; color: #fff; text-align: center;
    background: var(--nd-gradient-deep);
    padding: clamp(3rem, 7vw, 5.5rem) 0 clamp(2.5rem, 6vw, 4.5rem);
}
.nd-page-hero__glow {
    position: absolute; inset: 0; pointer-events: none;
    background:
        radial-gradient(640px 320px at 84% -10%, rgba(159,193,49,.18), transparent 60%),
        radial-gradient(560px 320px at 6% 110%, rgba(42,157,143,.24), transparent 60%);
}
.nd-page-hero__inner { position: relative; z-index: 1; }
.nd-page-hero .nd-eyebrow { margin-bottom: 1.1rem; }
.nd-page-hero__title {
    font-family: 'DM Serif Display', Georgia, serif; font-weight: 400;
    font-size: clamp(2.3rem, 5vw, 3.6rem); color: #fff; margin: 0 0 1rem; line-height: 1.08;
}
.nd-page-hero__lead {
    color: rgba(255,255,255,.9); font-size: clamp(1rem,1.5vw,1.18rem); line-height: 1.7;
    max-width: 760px; margin: 0 auto;
}
.nd-page-hero__stats {
    display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem 0;
    margin-top: 2.5rem; max-width: 820px; margin-left: auto; margin-right: auto;
}
.nd-phs { flex: 1 1 0; min-width: 130px; position: relative; padding: .25rem 1rem; }
.nd-phs + .nd-phs::before { content:""; position:absolute; left:0; top:14%; bottom:14%; width:1px; background: rgba(255,255,255,.16); }
.nd-phs__num { display:block; font-family:'DM Serif Display',serif; font-size: clamp(1.9rem,4vw,2.7rem); color: var(--nd-lime-bright); line-height:1; }
.nd-phs__label { display:block; margin-top:.5rem; color: rgba(255,255,255,.8); font-size:.92rem; font-weight:500; }

/* ===================== MİSYON & VİZYON ===================== */
.nd-mv__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.75rem; margin-top: 2.75rem; }
.nd-mv-card {
    position: relative; background: #fff; border: 1px solid var(--nd-line); border-radius: var(--nd-r-lg);
    padding: 2.5rem; box-shadow: var(--nd-shadow-sm); overflow: hidden;
    transition: transform .35s var(--nd-ease), box-shadow .35s var(--nd-ease);
}
.nd-mv-card::after { content:""; position:absolute; top:0; left:0; width:100%; height:5px; background: var(--nd-gradient-primary); }
.nd-mv-card--alt::after { background: var(--nd-gradient-accent); }
.nd-mv-card:hover { transform: translateY(-6px); box-shadow: var(--nd-shadow-md); }
.nd-mv-card__icon {
    width: 64px; height: 64px; border-radius: 18px; display:flex; align-items:center; justify-content:center;
    font-size: 1.6rem; color:#fff; background: var(--nd-gradient-primary); box-shadow: var(--nd-shadow-emerald); margin-bottom: 1.25rem;
}
.nd-mv-card--alt .nd-mv-card__icon { background: var(--nd-gradient-accent); box-shadow: 0 14px 34px rgba(42,157,143,.3); }
.nd-mv-card h3 { font-size: 1.4rem; color: var(--nd-ink); margin: 0 0 .85rem; }
.nd-mv-card p { color: var(--nd-body); line-height: 1.75; margin: 0; }

/* ===================== DEĞER / FAALİYET KARTLARI (kompakt + arka plan görselli) ===================== */
.nd-values__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.1rem; margin-top: 2.5rem; }
.nd-value-card {
    position: relative; border: 1px solid var(--nd-line); border-radius: var(--nd-r);
    padding: 1.5rem 1.3rem; box-shadow: var(--nd-shadow-sm); overflow: hidden; text-align: center;
    display: flex; flex-direction: column; align-items: center;
    background: #fff center / cover no-repeat;
    transition: transform .35s var(--nd-ease), box-shadow .35s var(--nd-ease), border-color .35s ease;
}
/* Sabit, soluk arka plan görselleri (sosyal yardımlaşma/dayanışma) — açık overlay ile yazı okunur kalır */
#degerlerimiz .nd-value-card { background-image: linear-gradient(rgba(255,255,255,.90), rgba(255,255,255,.93)), url('../images/card-bg-principles.jpg'); }
.nd-value-card--activity { background-image: linear-gradient(rgba(255,255,255,.89), rgba(255,255,255,.92)), url('../images/card-bg-activities.jpg'); }

.nd-value-card::before { content:""; position:absolute; left:0; right:0; top:0; height:3px; background: var(--nd-gradient-accent); transform: scaleX(0); transform-origin:left; transition: transform .4s var(--nd-ease); }
.nd-value-card:hover { transform: translateY(-6px); box-shadow: var(--nd-shadow-md); border-color: rgba(42,157,143,.3); }
.nd-value-card:hover::before { transform: scaleX(1); }
.nd-value-card__icon {
    width: 52px; height: 52px; border-radius: 14px; display:flex; align-items:center; justify-content:center;
    font-size: 1.25rem; color: var(--nd-emerald); background: rgba(17,94,69,.09); margin-bottom: .85rem;
    transition: transform .35s var(--nd-ease), background .35s ease, color .35s ease;
}
.nd-value-card:hover .nd-value-card__icon { background: var(--nd-gradient-primary); color: #fff; transform: scale(1.06) rotate(-4deg); }
.nd-value-card h3 { font-size: 1.05rem; color: var(--nd-ink); margin: 0 0 .45rem; }
.nd-value-card p { color: var(--nd-muted); line-height: 1.55; margin: 0; font-size: .86rem; }
.nd-chip {
    display: inline-block; margin-top: .85rem; padding: .32rem .8rem; border-radius: 99px;
    background: rgba(42,157,143,.14); color: var(--nd-emerald); font-weight: 600; font-size: .76rem;
}

/* ===================== YÖNETİM EKİBİ ===================== */
.nd-team__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.75rem; margin-top: 2.75rem; max-width: 980px; margin-left:auto; margin-right:auto; }
.nd-team-card {
    background: #fff; border: 1px solid var(--nd-line); border-radius: var(--nd-r-lg);
    padding: 2.25rem 1.75rem; box-shadow: var(--nd-shadow-sm); text-align: center;
    display: flex; flex-direction: column; align-items: center;
    transition: transform .35s var(--nd-ease), box-shadow .35s var(--nd-ease);
}
.nd-team-card:hover { transform: translateY(-8px); box-shadow: var(--nd-shadow-md); }
.nd-team-card__avatar {
    width: 110px; height: 110px; border-radius: 50%; overflow: hidden; margin-bottom: 1.25rem;
    display: flex; align-items: center; justify-content: center;
    background: var(--nd-gradient-primary); color: #fff; box-shadow: var(--nd-shadow-emerald);
    border: 4px solid #fff; outline: 1px solid var(--nd-line);
}
.nd-team-card__avatar img { width: 100%; height: 100%; object-fit: cover; }
.nd-team-card__initials { font-family: 'DM Serif Display', serif; font-size: 2.4rem; letter-spacing: .02em; }
.nd-team-card h3 { font-size: 1.2rem; color: var(--nd-ink); margin: 0 0 .35rem; }
.nd-team-card__role { color: var(--nd-teal); font-weight: 600; font-size: .92rem; }
.nd-team-card p { color: var(--nd-muted); line-height: 1.6; margin: .9rem 0 0; font-size: .94rem; }
.nd-team-card__social { display: flex; gap: .5rem; margin-top: 1.1rem; }
.nd-team-card__social a {
    width: 38px; height: 38px; border-radius: 11px; display:flex; align-items:center; justify-content:center;
    background: rgba(17,94,69,.07); color: var(--nd-emerald); transition: transform .25s var(--nd-ease), background .25s ease, color .25s ease;
}
.nd-team-card__social a:hover { background: var(--nd-gradient-primary); color:#fff; transform: translateY(-3px); }

/* ===================== ŞEFFAFLIK BANDI ===================== */
.nd-transparency { padding: clamp(2.5rem,6vw,4rem) 0; background: var(--nd-cream); }
.nd-transparency__inner {
    display: flex; align-items: center; gap: 1.75rem; flex-wrap: wrap;
    background: #fff; border: 1px solid var(--nd-line); border-radius: var(--nd-r-xl);
    padding: clamp(1.75rem,4vw,2.5rem); box-shadow: var(--nd-shadow-sm);
}
.nd-transparency__icon {
    flex: 0 0 auto; width: 72px; height: 72px; border-radius: 20px; display:flex; align-items:center; justify-content:center;
    font-size: 1.9rem; color:#fff; background: var(--nd-gradient-primary); box-shadow: var(--nd-shadow-emerald);
}
.nd-transparency__text { flex: 1 1 320px; }
.nd-transparency__text h2 { font-size: clamp(1.4rem,2.6vw,1.8rem); color: var(--nd-ink); margin: 0 0 .5rem; }
.nd-transparency__text p { color: var(--nd-muted); line-height: 1.65; margin: 0; }
.nd-transparency__inner .nd-btn { flex: 0 0 auto; }

/* ===================== PROJELER SAYFASI ===================== */
.nd-filter { display:flex; flex-wrap:wrap; justify-content:center; gap:.6rem; margin: 2.25rem 0 0; }
.nd-filter-btn {
  display:inline-flex; align-items:center; gap:.5rem; font-family:'Inter',sans-serif;
  font-weight:600; font-size:.9rem; padding:.6rem 1.1rem; border-radius:99px;
  border:1.5px solid var(--nd-line); background:#fff; color:var(--nd-body); cursor:pointer;
  transition: transform .25s var(--nd-ease), background .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.nd-filter-btn i { color: var(--nd-teal); font-size:.85rem; }
.nd-filter-btn:hover { border-color: var(--nd-teal); color: var(--nd-emerald); transform: translateY(-2px); }
.nd-filter-btn.is-active { background: var(--nd-gradient-primary); border-color: transparent; color:#fff; box-shadow: var(--nd-shadow-emerald); }
.nd-filter-btn.is-active i { color:#fff; }

.nd-proj-grid { display:grid; grid-template-columns: repeat(3,1fr); gap:1.5rem; margin-top:2.25rem; }
.nd-proj-card {
  background:#fff; border:1px solid var(--nd-line); border-radius: var(--nd-r-lg); overflow:hidden;
  box-shadow: var(--nd-shadow-sm); display:flex; flex-direction:column;
  transition: transform .35s var(--nd-ease), box-shadow .35s var(--nd-ease), border-color .35s ease;
}
.nd-proj-card:hover { transform: translateY(-8px); box-shadow: var(--nd-shadow-md); border-color: rgba(42,157,143,.3); }
.nd-proj-card__top {
  position:relative; height:96px; display:flex; align-items:center; justify-content:center;
  background: linear-gradient(135deg, var(--g1,#115E45), var(--g2,#1B7A59)); color:#fff; overflow:hidden;
}
.nd-proj-card__top::after { content:""; position:absolute; right:-30px; top:-30px; width:130px; height:130px; border-radius:50%; background: rgba(255,255,255,.10); }
.nd-proj-card__top::before { content:""; position:absolute; left:-24px; bottom:-40px; width:90px; height:90px; border-radius:50%; background: rgba(255,255,255,.08); }
.nd-proj-card__top i { font-size:2.3rem; position:relative; z-index:1; transition: transform .35s var(--nd-ease); }
.nd-proj-card:hover .nd-proj-card__top i { transform: scale(1.12) rotate(-5deg); }
.nd-proj-card__done { position:absolute; top:.7rem; right:.7rem; z-index:1; background: rgba(255,255,255,.92); color: var(--nd-emerald); font-size:.72rem; font-weight:700; padding:.28rem .6rem; border-radius:99px; }
.nd-proj-card__body { padding: 1.5rem 1.5rem 1.6rem; display:flex; flex-direction:column; flex:1; }
.nd-proj-card__cat { align-self:flex-start; font-size:.72rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color: var(--nd-teal); background: rgba(42,157,143,.10); padding:.32rem .7rem; border-radius:99px; margin-bottom:.85rem; }
.nd-proj-card__body h3 { font-size:1.18rem; color: var(--nd-ink); margin:0 0 .6rem; line-height:1.3; }
.nd-proj-card__body p { color: var(--nd-muted); line-height:1.6; margin:0 0 1.1rem; font-size:.92rem; flex:1; }
.nd-proj-card__meta { display:flex; flex-wrap:wrap; gap:.4rem 1rem; border-top:1px solid var(--nd-line); padding-top:.9rem; }
.nd-proj-card__meta span { display:inline-flex; align-items:center; gap:.4rem; font-size:.82rem; color: var(--nd-body); font-weight:600; }
.nd-proj-card__meta i { color: var(--nd-emerald); }

.nd-empty { text-align:center; padding:3rem 1rem; color: var(--nd-muted); }
.nd-empty i { font-size:2.5rem; color: var(--nd-emerald); opacity:.6; margin-bottom:1rem; }
.nd-empty h4 { color: var(--nd-ink); margin:0 0 .4rem; }

/* Galeri (placeholder — foto eklemeye hazır) */
.nd-gallery { display:grid; grid-template-columns: repeat(3,1fr); gap:1.1rem; margin-top:2.5rem; }
.nd-gallery__item {
  position:relative; margin:0; aspect-ratio: 4/3; border-radius: var(--nd-r); overflow:hidden;
  background: linear-gradient(135deg, var(--g1,#115E45), var(--g2,#1B7A59)); color:#fff;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.6rem;
  transition: transform .35s var(--nd-ease), box-shadow .35s var(--nd-ease);
}
.nd-gallery__item::after { content:""; position:absolute; inset:0; background: radial-gradient(120px 80px at 80% 20%, rgba(255,255,255,.14), transparent 60%); }
.nd-gallery__item:hover { transform: translateY(-5px) scale(1.01); box-shadow: var(--nd-shadow-md); }
.nd-gallery__item i { font-size:2rem; opacity:.95; position:relative; z-index:1; }
.nd-gallery__item figcaption { font-weight:700; font-size:1rem; position:relative; z-index:1; }
.nd-gallery__soon { position:absolute; bottom:.7rem; right:.7rem; z-index:1; background: rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.3); font-size:.72rem; font-weight:600; padding:.25rem .6rem; border-radius:99px; display:inline-flex; align-items:center; gap:.35rem; }

/* ===================== GÖNÜLLÜ SAYFASI ===================== */
/* Kalbinizin Sesini Dinleyin — BEYAZ zemin, renkli içerik (modern) */
.nd-heart { position:relative; overflow:hidden; background:#fff; color:var(--nd-ink); padding: clamp(3.5rem,8vw,6rem) 0; }
.nd-heart__glow { position:absolute; inset:0; pointer-events:none; background: radial-gradient(620px 360px at 12% -10%, rgba(42,157,143,.08), transparent 60%), radial-gradient(560px 360px at 100% 110%, rgba(159,193,49,.07), transparent 60%); }
.nd-heart > .nd-container { position:relative; z-index:1; }
.nd-heart__title { font-family:'DM Serif Display',serif; font-weight:400; color:var(--nd-ink); font-size:clamp(1.9rem,4.4vw,2.9rem); margin:0 0 .8rem; }
.nd-heart__lead { color:var(--nd-muted); max-width:620px; margin:0 auto; font-size:1.08rem; }
.nd-heart__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem; margin-top:2.75rem; }
.nd-heart-card { position:relative; background:#fff; border:1px solid var(--nd-line); border-radius:var(--nd-r); padding:1.5rem 1.4rem 1.4rem; box-shadow:var(--nd-shadow-sm); overflow:hidden; transition:transform .35s var(--nd-ease), box-shadow .35s var(--nd-ease), border-color .35s ease; }
.nd-heart-card::before { content:""; position:absolute; left:0; right:0; top:0; height:4px; background:var(--nd-gradient-accent); transform:scaleX(0); transform-origin:left; transition:transform .4s var(--nd-ease); }
.nd-heart-card:hover { transform:translateY(-6px); box-shadow:var(--nd-shadow-md); border-color:rgba(42,157,143,.3); }
.nd-heart-card:hover::before { transform:scaleX(1); }
.nd-heart-card__head { display:flex; align-items:center; gap:.8rem; }
.nd-heart-card__no { font-family:'DM Serif Display',serif; font-size:1.7rem; line-height:1; background:linear-gradient(135deg, var(--nd-emerald), var(--nd-teal) 55%, var(--nd-lime)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:var(--nd-teal); }
.nd-heart-card__icon { width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:rgba(42,157,143,.10); color:var(--nd-teal); font-size:1.05rem; }
.nd-heart-card p { margin:.85rem 0 0; color:var(--nd-ink); font-weight:500; line-height:1.5; }
.nd-heart__cta { max-width:700px; margin:2.5rem auto 0; text-align:center; background:var(--nd-gradient-primary); border-radius:var(--nd-r-lg); padding:2.4rem; box-shadow:var(--nd-shadow-emerald); position:relative; overflow:hidden; }
.nd-heart__cta::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(500px 220px at 50% -20%, rgba(159,193,49,.25), transparent 60%); }
.nd-heart__cta h3 { color:#fff; margin:0 0 .6rem; font-size:1.4rem; position:relative; z-index:1; }
.nd-heart__cta p { color:rgba(255,255,255,.92); margin:0 0 1.5rem; position:relative; z-index:1; }
.nd-heart__cta .nd-btn { position:relative; z-index:1; }
.nd-heart__cta .nd-btn-primary { background:#fff; color:var(--nd-emerald); box-shadow:0 10px 26px rgba(0,0,0,.18); }

/* Çalışma alanları (kompakt — masaüstünde 3 yan yana, dikey düzen) */
.nd-vareas { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:2.5rem; }
.nd-varea { display:flex; flex-direction:column; gap:.65rem; background:#fff; border:1px solid var(--nd-line); border-radius:var(--nd-r); padding:1.35rem 1.3rem; box-shadow:var(--nd-shadow-sm); transition:transform .3s var(--nd-ease), box-shadow .3s var(--nd-ease), border-color .3s ease; }
.nd-varea:hover { transform:translateY(-4px); box-shadow:var(--nd-shadow-md); border-color:rgba(42,157,143,.3); }
.nd-varea__icon { flex:0 0 auto; width:48px; height:48px; border-radius:13px; display:flex; align-items:center; justify-content:center; background:rgba(17,94,69,.08); color:var(--nd-emerald); font-size:1.15rem; }
.nd-varea h3 { font-size:1.02rem; color:var(--nd-ink); margin:0 0 .3rem; }
.nd-varea p { color:var(--nd-muted); font-size:.86rem; line-height:1.5; margin:0 0 .55rem; }
.nd-varea__skills { display:flex; flex-wrap:wrap; gap:.35rem; }
.nd-varea__skills span { font-size:.72rem; font-weight:600; color:var(--nd-teal); background:rgba(42,157,143,.10); padding:.22rem .55rem; border-radius:99px; }

/* Süreç adımları */
.nd-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:1.25rem; margin-top:2.5rem; }
.nd-step { position:relative; text-align:center; padding:0 .5rem; }
.nd-step__num { width:54px; height:54px; margin:0 auto .9rem; border-radius:50%; background:var(--nd-gradient-primary); color:#fff; font-family:'DM Serif Display',serif; font-size:1.4rem; display:flex; align-items:center; justify-content:center; box-shadow:var(--nd-shadow-emerald); position:relative; z-index:1; }
.nd-step:not(:last-child)::after { content:""; position:absolute; top:27px; left:calc(50% + 38px); right:calc(-50% + 38px); height:2px; background:linear-gradient(90deg, rgba(42,157,143,.4), rgba(42,157,143,.12)); }
.nd-step__icon { color:var(--nd-teal); font-size:1.3rem; margin-bottom:.5rem; }
.nd-step h3 { font-size:1.05rem; color:var(--nd-ink); margin:0 0 .35rem; }
.nd-step p { color:var(--nd-muted); font-size:.88rem; line-height:1.5; margin:0; }

/* Form kartı */
.nd-formcard { background:#fff; border:1px solid var(--nd-line); border-radius:var(--nd-r-xl); box-shadow:var(--nd-shadow-md); padding:clamp(1.75rem,4vw,3rem); }
.nd-formcard .form-label { font-weight:600; color:var(--nd-ink); font-size:.9rem; margin-bottom:.4rem; }
.nd-formcard .form-text { font-size:.8rem; }
.nd-formcard .invalid-feedback { font-size:.82rem; }

/* İki kolonlu kurumsal form düzeni */
.nd-formwrap { display:grid; grid-template-columns:0.82fr 1.4fr; gap:1.5rem; margin-top:2.5rem; align-items:stretch; }
.nd-forminfo { background:var(--nd-gradient-primary); color:#fff; border-radius:var(--nd-r-xl); padding:2.25rem; position:relative; overflow:hidden; box-shadow:var(--nd-shadow-emerald); }
.nd-forminfo::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(360px 220px at 92% -10%, rgba(159,193,49,.28), transparent 60%); }
.nd-forminfo > * { position:relative; z-index:1; }
.nd-forminfo__icon { width:60px; height:60px; border-radius:16px; background:rgba(255,255,255,.16); display:flex; align-items:center; justify-content:center; font-size:1.5rem; margin-bottom:1.25rem; }
.nd-forminfo h3 { color:#fff; font-size:1.4rem; margin:0 0 .7rem; }
.nd-forminfo p { color:rgba(255,255,255,.9); line-height:1.65; margin:0 0 1.5rem; font-size:.95rem; }
.nd-forminfo__list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:.9rem; }
.nd-forminfo__list li { display:flex; align-items:center; gap:.7rem; font-size:.92rem; font-weight:500; }
.nd-forminfo__list i { color:var(--nd-lime-bright); width:18px; text-align:center; }
.nd-form-group-title { display:flex; align-items:center; gap:.6rem; font-size:.8rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--nd-emerald); margin:0 0 1rem; padding-bottom:.6rem; border-bottom:1px solid var(--nd-line); }
.nd-form-group-title:not(:first-of-type) { margin-top:1.75rem; }
.nd-form-group-title i { color:var(--nd-teal); }
.nd-form-footer { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; margin-top:1.5rem; padding-top:1.25rem; border-top:1px solid var(--nd-line); }
.nd-form-note { display:inline-flex; align-items:center; gap:.5rem; font-size:.85rem; color:var(--nd-muted); }
.nd-form-note i { color:var(--nd-emerald); }
/* Alan ikonları (input arka planı — doğrulama yapısını bozmaz) */
.nd-formcard #name, .nd-formcard #email, .nd-formcard #phone, .nd-formcard #age, .nd-formcard #profession { padding-left:40px; background-repeat:no-repeat; background-position:13px center; background-size:16px 16px; }
.nd-formcard #name { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232A9D8F' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM6 21a6 6 0 0112 0'/%3E%3C/svg%3E"); }
.nd-formcard #email { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232A9D8F' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 8l9 6 9-6M5 5h14a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2z'/%3E%3C/svg%3E"); }
.nd-formcard #phone { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232A9D8F' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3 5a2 2 0 012-2h2.6a1 1 0 01.95.68l1.1 3.2a1 1 0 01-.5 1.2l-1.6.9a11 11 0 005 5l.9-1.6a1 1 0 011.2-.5l3.2 1.1a1 1 0 01.68.95V19a2 2 0 01-2 2A16 16 0 013 5z'/%3E%3C/svg%3E"); }
.nd-formcard #age { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232A9D8F' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8 3v4M16 3v4M4 9h16M5 5h14a1 1 0 011 1v13a1 1 0 01-1 1H5a1 1 0 01-1-1V6a1 1 0 011-1z'/%3E%3C/svg%3E"); }
.nd-formcard #profession { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%232A9D8F' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 7V5a2 2 0 012-2h2a2 2 0 012 2v2M4 7h16a1 1 0 011 1v10a2 2 0 01-2 2H5a2 2 0 01-2-2V8a1 1 0 011-1z'/%3E%3C/svg%3E"); }
@media (max-width:860px) { .nd-formwrap { grid-template-columns:1fr; } }

/* ===================== SLAYT GALERİSİ (slider) + LIGHTBOX ===================== */
.nd-slider { position:relative; margin-top:2.5rem; border-radius:var(--nd-r-lg); overflow:hidden; box-shadow:var(--nd-shadow-md); background:#0b3d2e; }
.nd-slider__viewport { overflow:hidden; }
.nd-slider__track { display:flex; transition:transform .6s var(--nd-ease); will-change:transform; }
.nd-slider__slide { position:relative; flex:0 0 100%; margin:0; cursor:pointer; }
.nd-slider__slide img { width:100%; height:clamp(280px,46vw,460px); object-fit:cover; display:block; }
.nd-slider__slide figcaption { position:absolute; left:0; right:0; bottom:0; padding:2.75rem 1.6rem 1.25rem; color:#fff; font-weight:600; font-size:1.06rem; background:linear-gradient(transparent, rgba(8,50,31,.85)); }
.nd-slider__zoom { position:absolute; top:1rem; right:1rem; width:42px; height:42px; border-radius:12px; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.35); color:#fff; display:flex; align-items:center; justify-content:center; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); opacity:0; transition:opacity .3s ease; }
.nd-slider__slide:hover .nd-slider__zoom { opacity:1; }
.nd-slider__nav { position:absolute; top:50%; transform:translateY(-50%); width:46px; height:46px; border-radius:50%; border:none; background:rgba(255,255,255,.92); color:var(--nd-emerald); cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:1rem; box-shadow:var(--nd-shadow); transition:background .25s, color .25s, transform .25s; z-index:2; }
.nd-slider__nav:hover { background:var(--nd-gradient-primary); color:#fff; transform:translateY(-50%) scale(1.06); }
.nd-slider__nav--prev { left:1rem; } .nd-slider__nav--next { right:1rem; }
.nd-slider__dots { position:absolute; left:0; right:0; bottom:.9rem; display:flex; justify-content:center; gap:.5rem; z-index:2; }
.nd-slider__dot { width:9px; height:9px; border-radius:50%; border:none; background:rgba(255,255,255,.55); cursor:pointer; padding:0; transition:all .25s; }
.nd-slider__dot.is-active { background:#fff; width:26px; border-radius:6px; }

.nd-lightbox { z-index:11500; }
.nd-lightbox .nd-lightbox__dialog { position:relative; width:100%; max-width:960px; display:flex; flex-direction:column; align-items:center; gap:1rem; animation:nd-pop .3s var(--nd-ease-out); }
.nd-lightbox__stagewrap { position:relative; width:100%; display:flex; align-items:center; justify-content:center; }
.nd-lightbox__stage { position:relative; margin:0; max-width:100%; }
.nd-lightbox__stage img { max-width:100%; max-height:66vh; border-radius:var(--nd-r); box-shadow:var(--nd-shadow-lg); display:block; }
.nd-lightbox__stage figcaption { position:absolute; left:0; right:0; bottom:0; padding:2rem 1.25rem 1rem; color:#fff; text-align:center; font-weight:600; background:linear-gradient(transparent, rgba(0,0,0,.62)); border-radius:0 0 var(--nd-r) var(--nd-r); }
.nd-lightbox__close { position:absolute; top:-3rem; right:0; width:42px; height:42px; border-radius:12px; border:none; background:rgba(255,255,255,.16); color:#fff; cursor:pointer; font-size:1.1rem; transition:background .25s, color .25s; }
.nd-lightbox__close:hover { background:#fff; color:var(--nd-emerald); }
.nd-lightbox__arrow { flex:0 0 auto; width:48px; height:48px; border-radius:50%; border:none; background:rgba(255,255,255,.92); color:var(--nd-emerald); cursor:pointer; font-size:1.05rem; margin:0 .6rem; transition:background .25s, color .25s, transform .25s; }
.nd-lightbox__arrow:hover { background:var(--nd-gradient-primary); color:#fff; transform:scale(1.06); }
.nd-lightbox__thumbs { display:flex; gap:.5rem; overflow-x:auto; max-width:100%; padding:.3rem; scrollbar-width:thin; }
.nd-lightbox__thumb { flex:0 0 auto; width:86px; height:58px; border-radius:9px; overflow:hidden; border:2px solid transparent; background:none; padding:0; cursor:pointer; opacity:.5; transition:opacity .25s, border-color .25s, transform .25s; }
.nd-lightbox__thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.nd-lightbox__thumb.is-active { opacity:1; border-color:var(--nd-lime-bright); transform:translateY(-2px); }
.nd-lightbox__thumb:hover { opacity:1; }
@media (max-width:768px) {
    .nd-lightbox__arrow { width:40px; height:40px; margin:0 .3rem; }
    .nd-lightbox__close { top:-2.6rem; }
    .nd-lightbox__stage img { max-height:60vh; }
}

/* ===================== SSS (accordion) ===================== */
.nd-acc-list { margin-top:2rem; display:flex; flex-direction:column; gap:.75rem; }
.nd-acc-item { background:#fff; border:1px solid var(--nd-line); border-radius:var(--nd-r); box-shadow:var(--nd-shadow-sm); overflow:hidden; transition:border-color .3s ease, box-shadow .3s ease; }
.nd-acc-item:hover { border-color:rgba(42,157,143,.3); }
.nd-acc-item.open { border-color:rgba(42,157,143,.45); box-shadow:var(--nd-shadow); }
.nd-acc-q { width:100%; display:flex; align-items:center; justify-content:space-between; gap:1rem; text-align:left; background:none; border:none; cursor:pointer; padding:1.15rem 1.4rem; font-family:inherit; font-size:1.02rem; font-weight:600; color:var(--nd-ink); transition:color .25s ease; }
.nd-acc-q:hover { color:var(--nd-emerald); }
.nd-acc-icon { flex:0 0 auto; width:30px; height:30px; border-radius:50%; background:rgba(17,94,69,.08); color:var(--nd-emerald); display:flex; align-items:center; justify-content:center; font-size:.78rem; transition:transform .35s var(--nd-ease), background .3s ease, color .3s ease; }
.nd-acc-item.open .nd-acc-icon { transform:rotate(180deg); background:var(--nd-gradient-primary); color:#fff; }
.nd-acc-a { max-height:0; overflow:hidden; transition:max-height .4s var(--nd-ease); }
.nd-acc-item.open .nd-acc-a { max-height:1600px; }
.nd-acc-a__inner { padding:0 1.4rem 1.3rem; color:var(--nd-body); line-height:1.7; }
.nd-faq-hidden { display:none !important; }

/* "Cevap bulamadınız mı?" kartı */
.nd-help-cta { max-width:720px; margin:0 auto; text-align:center; background:#fff; border:1px solid var(--nd-line); border-radius:var(--nd-r-lg); padding:clamp(2rem,5vw,2.75rem); box-shadow:var(--nd-shadow-sm); }
.nd-help-cta__icon { width:64px; height:64px; border-radius:18px; margin:0 auto 1.1rem; display:flex; align-items:center; justify-content:center; background:var(--nd-gradient-primary); color:#fff; font-size:1.5rem; box-shadow:var(--nd-shadow-emerald); }
.nd-help-cta h3 { color:var(--nd-ink); margin:0 0 .5rem; font-size:1.35rem; }
.nd-help-cta p { color:var(--nd-muted); margin:0 0 1.5rem; }

/* ===================== İLETİŞİM ===================== */
.nd-contact-cards { display:grid; grid-template-columns:repeat(4,1fr); gap:1.25rem; margin-top:2.5rem; }
.nd-contact-card { background:#fff; border:1px solid var(--nd-line); border-radius:var(--nd-r-lg); padding:1.75rem 1.4rem; text-align:center; box-shadow:var(--nd-shadow-sm); display:flex; flex-direction:column; align-items:center; transition:transform .35s var(--nd-ease), box-shadow .35s var(--nd-ease), border-color .35s ease; }
.nd-contact-card:hover { transform:translateY(-6px); box-shadow:var(--nd-shadow-md); border-color:rgba(42,157,143,.3); }
.nd-contact-card__icon { width:60px; height:60px; border-radius:16px; display:flex; align-items:center; justify-content:center; background:var(--nd-gradient-primary); color:#fff; font-size:1.4rem; margin-bottom:1rem; box-shadow:var(--nd-shadow-emerald); }
.nd-contact-card h3 { font-size:1.08rem; color:var(--nd-ink); margin:0 0 .5rem; }
.nd-contact-card__text { color:var(--nd-muted); font-size:.9rem; line-height:1.55; margin:0 0 1rem; flex:1; }
.nd-contact-card__text strong { color:var(--nd-ink); }
.nd-contact-card .nd-btn { font-size:.84rem; padding:.5rem 1.05rem; }

.nd-contact-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:1.75rem; margin-top:2.5rem; align-items:start; }
.nd-map { border-radius:var(--nd-r-lg); overflow:hidden; box-shadow:var(--nd-shadow-sm); border:1px solid var(--nd-line); line-height:0; }
.nd-map iframe { width:100%; height:300px; border:0; display:block; }
.nd-transport { background:#fff; border:1px solid var(--nd-line); border-radius:var(--nd-r-lg); padding:1.5rem; box-shadow:var(--nd-shadow-sm); margin-top:1.25rem; }
.nd-transport h3 { font-size:1.05rem; color:var(--nd-ink); margin:0 0 1rem; display:flex; align-items:center; gap:.5rem; }
.nd-transport h3 i { color:var(--nd-emerald); }
.nd-transport__item { display:flex; gap:.7rem; align-items:flex-start; font-size:.88rem; color:var(--nd-body); line-height:1.5; margin-bottom:.75rem; }
.nd-transport__item:last-child { margin-bottom:0; }
.nd-transport__item i { color:var(--nd-teal); margin-top:.2rem; flex:0 0 auto; width:18px; text-align:center; }
.nd-transport__item strong { color:var(--nd-ink); }

.nd-social { display:flex; flex-wrap:wrap; justify-content:center; gap:1rem; margin-top:2.25rem; }
.nd-social-card { display:flex; flex-direction:column; align-items:center; gap:.6rem; width:118px; padding:1.5rem 1rem; background:#fff; border:1px solid var(--nd-line); border-radius:var(--nd-r); box-shadow:var(--nd-shadow-sm); color:var(--nd-ink); transition:transform .3s var(--nd-ease), box-shadow .3s var(--nd-ease), color .3s ease; }
.nd-social-card:hover { transform:translateY(-5px); box-shadow:var(--nd-shadow-md); color:var(--nd-emerald); }
.nd-social-card i { font-size:1.6rem; color:var(--nd-emerald); transition:transform .3s var(--nd-ease); }
.nd-social-card:hover i { transform:scale(1.12); }
.nd-social-card span { font-weight:600; font-size:.86rem; }

.nd-alert { display:flex; align-items:center; gap:.7rem; padding:1rem 1.25rem; border-radius:var(--nd-r-sm); font-weight:500; margin-bottom:1.5rem; font-size:.95rem; }
.nd-alert--success { background:rgba(17,94,69,.08); color:var(--nd-emerald); border:1px solid rgba(17,94,69,.2); }
.nd-alert--error { background:rgba(193,54,42,.07); color:#b23b2e; border:1px solid rgba(193,54,42,.2); }

/* KVKK modal içeriği */
.kvkk-content { font-size:.92rem; }
.kvkk-content .lead { font-size:1rem; color:var(--nd-ink); font-weight:500; }
.kvkk-content h4 { color:var(--nd-emerald); font-size:1.1rem; margin:1.5rem 0 .6rem; }
.kvkk-content h5 { color:var(--nd-ink); font-size:.98rem; margin:1.1rem 0 .4rem; font-weight:700; }
.kvkk-content p { margin:0 0 .8rem; }
.kvkk-content ul { margin:0 0 .9rem; padding-left:1.2rem; }
.kvkk-content li { margin-bottom:.4rem; }
.kvkk-content .alert { background:rgba(42,157,143,.08); border:1px solid rgba(42,157,143,.25); border-radius:var(--nd-r-sm); padding:1rem 1.1rem; color:var(--nd-ink); }
.nd-modal__foot { display:flex; justify-content:flex-end; gap:.7rem; padding:1rem 1.6rem 1.5rem; flex-wrap:wrap; border-top:1px solid var(--nd-line); }

/* ===================== BAĞIŞ SAYFASI ===================== */
.nd-trust-badges { display:flex; flex-wrap:wrap; justify-content:center; gap:1rem; margin-top:1.75rem; }
.nd-trust-badge { display:inline-flex; align-items:center; gap:.6rem; color:#fff; font-weight:600; font-size:.92rem; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.2); padding:.55rem 1.1rem; border-radius:99px; }
.nd-trust-badge i { color:var(--nd-lime-bright); }

.nd-donate-grid { display:grid; grid-template-columns:1.45fr .85fr; gap:1.75rem; margin-top:2.5rem; align-items:start; }

.nd-typecards { display:grid; grid-template-columns:repeat(3,1fr); gap:.7rem; }
.nd-typecard { position:relative; display:flex; flex-direction:column; align-items:center; text-align:center; gap:.45rem; padding:1rem .7rem; border:1.5px solid var(--nd-line); border-radius:var(--nd-r); cursor:pointer; transition:border-color .25s ease, transform .25s var(--nd-ease), background .25s ease, box-shadow .25s ease; background:#fff; }
.nd-typecard input { position:absolute; opacity:0; pointer-events:none; }
.nd-typecard i { font-size:1.3rem; color:var(--nd-teal); transition:color .25s ease; }
.nd-typecard span { font-size:.82rem; font-weight:600; color:var(--nd-ink); line-height:1.2; }
.nd-typecard:hover { border-color:var(--nd-teal); transform:translateY(-2px); }
.nd-typecard.is-checked, .nd-typecard:has(input:checked) { border-color:var(--nd-emerald); background:rgba(17,94,69,.05); box-shadow:0 0 0 2px rgba(17,94,69,.15); }
.nd-typecard.is-checked i, .nd-typecard:has(input:checked) i { color:var(--nd-emerald); }

.nd-amounts { display:grid; grid-template-columns:repeat(4,1fr); gap:.6rem; margin-bottom:1rem; }
.donation-amount-btn { border:1.5px solid var(--nd-line); background:#fff; color:var(--nd-ink); font-weight:600; border-radius:var(--nd-r-sm); padding:.7rem .5rem; cursor:pointer; transition:border-color .25s ease, transform .25s var(--nd-ease), background .25s ease, color .25s ease, box-shadow .25s ease; }
.donation-amount-btn:hover { border-color:var(--nd-teal); transform:translateY(-2px); }
.donation-amount-btn.active { background:var(--nd-gradient-primary); border-color:transparent; color:#fff; box-shadow:var(--nd-shadow-emerald); }

.nd-dropzone { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.5rem; text-align:center; padding:1.75rem 1.25rem; border:2px dashed var(--nd-line); border-radius:var(--nd-r); background:var(--nd-soft); cursor:pointer; transition:border-color .25s ease, background .25s ease; }
.nd-dropzone:hover, .nd-dropzone.dragover { border-color:var(--nd-teal); background:rgba(42,157,143,.06); }
.nd-dropzone input[type=file] { display:none; }
.nd-dropzone__icon { width:48px; height:48px; border-radius:14px; background:rgba(17,94,69,.08); color:var(--nd-emerald); display:flex; align-items:center; justify-content:center; font-size:1.3rem; }
.nd-dropzone__main { font-weight:600; color:var(--nd-ink); font-size:.95rem; }
.nd-dropzone__main b { color:var(--nd-emerald); }
.nd-dropzone__hint { font-size:.78rem; color:var(--nd-muted); }
.nd-dropzone.has-file { border-style:solid; border-color:var(--nd-emerald); background:rgba(17,94,69,.04); }
.nd-dropzone__file { display:none; align-items:center; gap:.5rem; font-weight:600; color:var(--nd-emerald); font-size:.9rem; word-break:break-all; }
.nd-dropzone.has-file .nd-dropzone__file { display:inline-flex; }
.nd-dropzone.has-file .nd-dropzone__prompt { display:none; }

.nd-side-card { background:#fff; border:1px solid var(--nd-line); border-radius:var(--nd-r-lg); box-shadow:var(--nd-shadow-sm); overflow:hidden; margin-bottom:1.25rem; }
.nd-side-card__head { background:var(--nd-gradient-primary); color:#fff; padding:1.05rem 1.4rem; font-weight:700; display:flex; align-items:center; gap:.6rem; }
.nd-side-card__body { padding:1.4rem; }
.nd-bank { border:1px solid var(--nd-line); border-radius:var(--nd-r); padding:1.1rem; margin-bottom:1rem; }
.nd-bank:last-child { margin-bottom:0; }
.nd-bank h4 { font-size:.95rem; color:var(--nd-emerald); margin:0 0 .7rem; display:flex; align-items:center; gap:.5rem; }
.nd-bank__row { font-size:.88rem; color:var(--nd-body); margin-bottom:.5rem; }
.nd-bank__row strong { color:var(--nd-ink); }
.nd-iban { display:flex; align-items:center; gap:.5rem; margin-top:.3rem; }
.nd-iban code { flex:1; font-family:monospace; background:var(--nd-soft); color:var(--nd-emerald); padding:.45rem .6rem; border-radius:8px; font-size:.82rem; word-break:break-all; }
.nd-iban button { flex:0 0 auto; width:36px; height:36px; border:none; border-radius:8px; background:var(--nd-gradient-primary); color:#fff; cursor:pointer; }
.nd-trustlist { list-style:none; padding:0; margin:0; }
.nd-trustlist li { display:flex; align-items:flex-start; gap:.6rem; font-size:.88rem; color:var(--nd-body); margin-bottom:.7rem; line-height:1.5; }
.nd-trustlist li:last-child { margin-bottom:0; }
.nd-trustlist i { color:var(--nd-emerald); margin-top:.2rem; }

.kvkk-section { margin-bottom:1.2rem; }
.kvkk-section h5 { color:var(--nd-emerald); font-size:1rem; margin:1rem 0 .5rem; }
.kvkk-section h6 { color:var(--nd-ink); font-size:.9rem; margin:.8rem 0 .3rem; font-weight:700; }
.kvkk-content .sub-section { padding-left:1rem; border-left:2px solid var(--nd-line); margin-bottom:.8rem; }
.kvkk-content .list-styled { padding-left:1.2rem; }
.kvkk-content .alert-primary { background:rgba(17,94,69,.07); border:1px solid rgba(17,94,69,.2); border-radius:var(--nd-r-sm); padding:1rem 1.1rem; color:var(--nd-ink); }

.nd-thanks .nd-thanks__dialog { background:var(--nd-gradient-primary); color:#fff; max-width:520px; width:100%; text-align:center; padding:2.75rem 2rem 2.25rem; border-radius:var(--nd-r-xl); position:relative; overflow:hidden; box-shadow:var(--nd-shadow-lg); animation:nd-pop .35s var(--nd-ease-out); }
.nd-thanks .nd-thanks__dialog::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(420px 220px at 50% -10%, rgba(159,193,49,.3), transparent 60%); }
.nd-thanks .nd-modal__close { position:absolute; top:1rem; right:1rem; background:rgba(255,255,255,.16); color:#fff; }
.nd-thanks .nd-modal__close:hover { background:#fff; color:var(--nd-emerald); }
.nd-thanks__icon { width:84px; height:84px; border-radius:50%; background:rgba(255,255,255,.15); display:flex; align-items:center; justify-content:center; font-size:2.3rem; color:#fff; margin:0 auto 1.25rem; position:relative; z-index:1; }
.nd-thanks__icon i { animation:nd-heartbeat 1.4s ease-in-out infinite; }
@keyframes nd-heartbeat { 0%,100%{transform:scale(1);} 30%{transform:scale(1.15);} }
.nd-thanks__dialog h2 { font-family:'DM Serif Display',serif; font-weight:400; color:#fff; font-size:2rem; margin:0 0 .6rem; position:relative; z-index:1; }
.nd-thanks__dialog p { color:rgba(255,255,255,.92); line-height:1.65; margin:0 0 .8rem; position:relative; z-index:1; }
.nd-thanks__name { font-weight:700; color:#fff !important; }
.nd-thanks__quote { font-family:'DM Serif Display',serif; font-style:italic; color:var(--nd-lime-bright); font-size:1.15rem; margin:1rem 0 1.5rem !important; position:relative; z-index:1; }
.nd-thanks__actions { display:flex; gap:.8rem; justify-content:center; flex-wrap:wrap; position:relative; z-index:1; }
.nd-thanks__actions .nd-btn-primary { background:#fff; color:var(--nd-emerald); }
.nd-thanks__actions .nd-btn-outline { border-color:rgba(255,255,255,.6); color:#fff; }
.nd-thanks__actions .nd-btn-outline:hover { background:#fff; color:var(--nd-emerald); }

/* ===================== RESPONSIVE ===================== */
@media (max-width: 992px) {
    .nd-mv__grid { grid-template-columns: 1fr; }
    .nd-contact-cards { grid-template-columns: 1fr 1fr; }
    .nd-contact-grid { grid-template-columns: 1fr; }
    .nd-donate-grid { grid-template-columns: 1fr; }
    .nd-typecards { grid-template-columns: repeat(3,1fr); }
    .nd-values__grid, .nd-team__grid { grid-template-columns: 1fr 1fr; }
    .nd-proj-grid, .nd-gallery { grid-template-columns: 1fr 1fr; }
    .nd-heart__grid { grid-template-columns: 1fr 1fr; }
    .nd-vareas { grid-template-columns: 1fr 1fr; }
    .nd-steps { grid-template-columns: 1fr 1fr; gap: 2rem 1.25rem; }
    .nd-step:not(:last-child)::after { display: none; }
}
@media (max-width: 640px) {
    .nd-values__grid, .nd-team__grid { grid-template-columns: 1fr; }
    .nd-proj-grid, .nd-gallery { grid-template-columns: 1fr; }
    .nd-filter-btn { font-size: .84rem; padding: .5rem .9rem; }
    .nd-phs { flex: 1 1 40%; min-width: 40%; }
    .nd-phs::before { display: none !important; }
    .nd-transparency__inner { flex-direction: column; text-align: center; }
    .nd-transparency__text { flex-basis: auto; }
    .nd-heart__grid { grid-template-columns: 1fr; }
    .nd-vareas { grid-template-columns: 1fr; }
    .nd-steps { grid-template-columns: 1fr; }
    .nd-contact-cards { grid-template-columns: 1fr; }
    .nd-amounts { grid-template-columns: repeat(2,1fr); }
    .nd-typecards { grid-template-columns: repeat(2,1fr); }
}