/* ==========================================================================
   BAYİLİK — "neden şimdi" kartı, nedenler, hedef kitle, süreç, başvuru
   Form contact.css, akordeon faq.css'ten gelir.
   ========================================================================== */

/* ---------- Başlık kartı ---------- */
.dl-card {
  display: grid;
  gap: 20px;
  width: min(460px, 100%);
  margin-inline: auto;
  padding: clamp(26px, 3vw, 36px);
  border-radius: var(--radius-xl);
  background:
    radial-gradient(80% 60% at 100% 0%, rgb(211 20 28 / .3), transparent 60%),
    var(--navy-900);
  color: #fff;
  box-shadow: var(--shadow-lg);
}
.dl-card__label { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #ff6b72; }
.dl-card__stats { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; border-radius: 16px; overflow: hidden; background: rgb(255 255 255 / .12); }
.dl-card__stats > div { display: flex; flex-direction: column-reverse; gap: 4px; padding: 18px; background: var(--navy-900); }
.dl-card__stats dt { font-size: 13px; color: rgb(255 255 255 / .6); }
.dl-card__stats dd { font-size: 1rem; font-weight: 700; color: rgb(255 255 255 / .8); }
.dl-card__stats b { font-size: 2.25rem; font-weight: 800; letter-spacing: -.04em; color: #fff; }
.dl-card__note { display: flex; gap: 10px; font-size: 14px; line-height: 1.5; color: rgb(255 255 255 / .8); }
.dl-card__note .i { flex: none; margin-top: 2px; color: #3fd39b; stroke-width: 3; }

/* ---------- Nedenler ---------- */
.dl-reasons { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.dl-reason {
  position: relative;
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--surface);
  transition: border-color .25s, box-shadow .25s, transform .35s var(--ease-out);
}
.dl-reason:hover { border-color: var(--navy-200); box-shadow: var(--shadow); transform: translateY(-3px); }
.dl-reason__num { position: absolute; top: 22px; right: 24px; font-size: 13px; font-weight: 800; color: var(--line-2); }
.dl-reason__icon {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  margin-bottom: 6px;
  border-radius: 14px;
  background: var(--navy-50);
  color: var(--navy-800);
  box-shadow: inset 0 0 0 1px var(--navy-100);
  transition: background-color .25s, color .25s;
}
.dl-reason:hover .dl-reason__icon { background: var(--red-600); color: #fff; box-shadow: none; }
.dl-reason__icon .i { width: 23px; height: 23px; }
.dl-reason h3 { font-size: 1.125rem; }
.dl-reason p { font-size: 15px; line-height: 1.65; color: var(--muted); }

/* ---------- Kimler ---------- */
.dl-who { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(32px, 5vw, 80px); align-items: center; }
.dl-who__copy { display: grid; gap: 18px; }
.dl-who__list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.dl-who__list li {
  display: flex;
  gap: 14px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}
.dl-who__list li > span:last-child { display: grid; gap: 4px; line-height: 1.4; }
.dl-who__list b { font-size: 15.5px; }
.dl-who__list small { font-size: 13.5px; color: var(--muted); }
.dl-who__icon { display: grid; place-items: center; width: 42px; height: 42px; flex: none; border-radius: 12px; background: var(--red-50); color: var(--red-600); }
.dl-who__icon .i { width: 20px; height: 20px; }

/* ---------- Süreç ---------- */
.dl-steps { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.dl-steps::before,
.dl-steps::after {
  content: "";
  position: absolute;
  left: 28px;
  right: calc(25% - 28px + 16px);
  top: 27px;
  height: 2px;
  background: var(--line-2);
}
.dl-steps::after {
  background: linear-gradient(90deg, var(--navy-900), var(--red-600));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 1.6s var(--ease-in-out) .2s;
}
.dl-steps.is-in::after { transform: scaleX(1); }
.dl-step { position: relative; display: grid; gap: 8px; align-content: start; padding-right: 12px; }
.dl-step__num {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  margin-bottom: 10px;
  border-radius: 16px;
  background: var(--navy-900);
  color: #fff;
  font-size: 1.25rem;
  font-weight: 800;
  box-shadow: 0 0 0 6px var(--bg);
}
.dl-step:last-child .dl-step__num { background: var(--red-600); }
.dl-step h3 { font-size: 1.1875rem; }
.dl-step p { font-size: 15px; line-height: 1.6; color: var(--muted); }

/* ---------- Başvuru ---------- */
.dl-apply { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(32px, 5vw, 72px); align-items: start; }
.dl-apply__copy { display: grid; gap: 18px; }
.dl-faq { grid-template-columns: 1fr; margin-top: 8px; }
.dl-faq .accordion__body p { padding-left: 22px; }

/* ---------- Duyarlı ---------- */
@media (max-width: 1100px) {
  .dl-reasons { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dl-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 32px; }
  .dl-steps::before, .dl-steps::after { display: none; }
}
@media (max-width: 960px) {
  .dl-who, .dl-apply { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .dl-reasons, .dl-who__list, .dl-steps { grid-template-columns: 1fr; }
  .dl-reason { padding: 22px; }
}