/* Bi'Tişört v6.9.89 — Nasıl Çalışır / sadece 4 adımlı süreç alanı revizesi */

.bthow-process-v6989{
  margin-top:18px;
  padding:22px 0 26px;
  background:#fff;
}

.bthow-process-v6989 .bthow-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:17px;
  padding:0 2px;
}

.bthow-process-v6989 .bthow-section-head h2{
  margin:6px 0 0;
  font-size:32px;
  line-height:.98;
  letter-spacing:-.045em;
}

.bthow-process-v6989 .bthow-section-head>p{
  max-width:315px;
  margin:0 2px 2px 0;
  color:#79808a;
  font-size:10.5px;
  line-height:1.5;
}

.bthow-process-v6989 .bthow-step-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:0;
  padding:0;
}

.bthow-process-v6989 .bthow-step-card-v6989{
  position:relative;
  display:grid;
  grid-template-rows:68px auto 1fr;
  min-height:178px;
  padding:15px 18px 17px;
  overflow:visible;
  border:1px solid #e8ded6;
  border-radius:16px;
  background:
    radial-gradient(circle at 82% 12%,rgba(255,237,225,.58),transparent 29%),
    linear-gradient(145deg,#fff 0%,#fcf8f5 100%);
  box-shadow:0 8px 22px rgba(40,29,20,.025);
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.bthow-process-v6989 .bthow-step-card-v6989:hover{
  transform:translateY(-3px);
  border-color:#ffc2a0;
  background:
    radial-gradient(circle at 82% 12%,rgba(255,229,212,.74),transparent 31%),
    linear-gradient(145deg,#fff 0%,#fff9f5 100%);
  box-shadow:0 16px 32px rgba(50,33,21,.08);
}

.bthow-process-v6989 .bthow-step-visual{
  position:relative;
  height:68px;
  margin:0 0 8px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.bthow-process-v6989 .bthow-step-visual img{
  width:auto;
  height:62px;
  max-width:96px;
  display:block;
  object-fit:contain;
  object-position:center;
  mix-blend-mode:multiply;
  transform-origin:center;
  transition:transform .18s ease;
}

.bthow-process-v6989 .bthow-step-card-v6989:nth-child(1) .bthow-step-visual img{
  height:66px;
  max-width:88px;
}
.bthow-process-v6989 .bthow-step-card-v6989:nth-child(4) .bthow-step-visual img{
  height:58px;
  max-width:112px;
}

.bthow-process-v6989 .bthow-step-card-v6989:hover .bthow-step-visual img{
  transform:scale(1.045);
}

.bthow-process-v6989 .bthow-step-visual>b{
  position:absolute;
  left:0;
  top:0;
  z-index:2;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid rgba(236,225,216,.8);
  border-radius:11px;
  background:rgba(255,255,255,.98);
  color:#ff5b12;
  font-size:11px;
  font-weight:850;
  box-shadow:0 8px 18px rgba(56,39,26,.07);
}

.bthow-process-v6989 .bthow-step-card h3{
  margin:0;
  color:#171c24;
  font-size:14px;
  line-height:1.22;
  letter-spacing:-.018em;
  font-weight:800;
}

.bthow-process-v6989 .bthow-step-card p{
  margin:7px 0 0;
  max-width:235px;
  color:#747c86;
  font-size:10.25px;
  line-height:1.48;
}

.bthow-process-v6989 .bthow-step-arrow{
  position:absolute;
  z-index:6;
  right:-25px;
  top:80px;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid #e5dbd3;
  border-radius:50%;
  background:#fff;
  color:#7e858d;
  font-size:16px;
  font-style:normal;
  box-shadow:0 8px 18px rgba(40,30,22,.06);
  transform:none;
  transition:color .18s ease,border-color .18s ease,transform .18s ease;
}

.bthow-process-v6989 .bthow-step-card-v6989:hover .bthow-step-arrow{
  color:#ff5b12;
  border-color:#ffc7a8;
  transform:translateX(2px);
}

/* Tablet */
@media(max-width:980px){
  .bthow-process-v6989{
    padding:20px 0 24px;
  }
  .bthow-process-v6989 .bthow-section-head{
    align-items:flex-start;
  }
  .bthow-process-v6989 .bthow-step-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }
  .bthow-process-v6989 .bthow-step-card-v6989{
    min-height:180px;
  }
  .bthow-process-v6989 .bthow-step-arrow{
    display:none;
  }
}

/* Mobil */
@media(max-width:640px){
  .bthow-process-v6989{
    margin-top:10px;
    padding:18px 0 20px;
  }
  .bthow-process-v6989 .bthow-section-head{
    display:block;
    margin-bottom:14px;
    padding:0;
  }
  .bthow-process-v6989 .bthow-section-head h2{
    font-size:27px;
  }
  .bthow-process-v6989 .bthow-section-head>p{
    margin-top:8px;
    max-width:none;
  }
  .bthow-process-v6989 .bthow-step-grid{
    grid-template-columns:1fr;
    gap:10px;
  }
  .bthow-process-v6989 .bthow-step-card-v6989{
    grid-template-columns:82px minmax(0,1fr);
    grid-template-rows:auto auto;
    min-height:132px;
    padding:14px 15px;
    column-gap:14px;
    align-items:start;
  }
  .bthow-process-v6989 .bthow-step-visual{
    grid-row:1 / span 2;
    width:82px;
    height:82px;
    margin:0;
  }
  .bthow-process-v6989 .bthow-step-visual img{
    height:58px;
    max-width:76px;
  }
  .bthow-process-v6989 .bthow-step-visual>b{
    width:34px;
    height:34px;
    border-radius:9px;
    font-size:9.5px;
  }
  .bthow-process-v6989 .bthow-step-card h3{
    align-self:end;
    padding-top:8px;
    font-size:14px;
  }
  .bthow-process-v6989 .bthow-step-card p{
    margin-top:5px;
    max-width:none;
    font-size:10.2px;
  }
}