/* Han - Süreç Adımları v1.3.0 (hard-scoped, icon left/right) */
.hnr-steps{
  --hnr-accent:#e11d2a; --hnr-card:#fff; --hnr-muted:#9ca3af;
  --hnr-cols:4; --hnr-pad:clamp(16px,2.5vw,22px); --hnr-no:clamp(2rem,4vw,3rem);
  --hnr-icon-bg:#0f1820; --hnr-icon-color:#ffffff; --hnr-icon-d:clamp(52px,7vw,64px); --hnr-icon-r:9999px;
}

.hnr-steps .hnr-grid{
  display:grid; gap:clamp(12px,2vw,18px);
  grid-template-columns:repeat(var(--hnr-cols), minmax(0,1fr));
}
@media (max-width:1024px){ .hnr-steps .hnr-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width:640px){  .hnr-steps .hnr-grid{ grid-template-columns:repeat(1, minmax(0,1fr)); } }

.hnr-steps .hnr-step{
  position:relative; background:var(--hnr-card);
  border:1px solid rgba(0,0,0,.06); border-radius:16px;
  padding:var(--hnr-pad); padding-bottom:calc(var(--hnr-pad) + var(--hnr-no));
  box-shadow:0 8px 30px rgba(2,8,20,.06);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  overflow:hidden;
}
.hnr-steps .hnr-step:hover{ transform:translateY(-2px); box-shadow:0 14px 40px rgba(2,8,20,.10); border-color:rgba(225,29,42,.35); }
.hnr-steps .hnr-step:hover .hnr-title{ color:var(--hnr-accent); }

/* Row: icon left (default) */
.hnr-steps .hnr-row{ display:flex; gap:clamp(12px,2vw,18px); align-items:flex-start; }
.hnr-steps.hnr-pos-right .hnr-row{ flex-direction:row-reverse; }

.hnr-steps .hnr-ico{
  flex:0 0 auto; width:var(--hnr-icon-d); height:var(--hnr-icon-d);
  border-radius:var(--hnr-icon-r); display:grid; place-items:center;
  background:var(--hnr-icon-bg); color:var(--hnr-icon-color);
}
.hnr-steps .hnr-ico i{ font-size:clamp(20px,2.6vw,28px); line-height:1; color:var(--hnr-icon-color); }
.hnr-steps .hnr-ico svg{ width:55%; height:55%; display:block; fill:var(--hnr-icon-color); }

.hnr-steps .hnr-txt{ flex:1 1 auto; min-width:0; }
.hnr-steps .hnr-title{ font-weight:800; font-size:clamp(1.05rem,1.6vw,1.25rem); line-height:1.2; margin:0 0 6px; word-break:break-word; }
.hnr-steps .hnr-desc{ margin:0; color:#4b5563; font-size:clamp(.95rem,1.2vw,1rem); }

.hnr-steps .hnr-no{ position:absolute; right:clamp(12px,2vw,18px); bottom:clamp(10px,2vw,14px); font-weight:800; font-size:var(--hnr-no); line-height:1; color:#0f1820; opacity:.06; pointer-events:none; }

/* Full-card link (accessible) */
.hnr-steps .hnr-hit{ position:absolute; inset:0; border-radius:inherit; text-indent:-9999px; }
.hnr-steps .hnr-hit:focus{ outline:2px solid var(--hnr-accent); outline-offset:2px; }
.hnr-steps .hnr-sr{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }