/* Bi'Tişört v6.7.06 — Referans “3 Adımda Kendi Ürününü Tasarla” alanı son eşleştirme */
.bt-how-reference-v6699{
  box-sizing:border-box!important;
  position:relative!important;
  isolation:isolate!important;
  margin-top:-58px!important;
  margin-bottom:0!important;
  padding-top:8px!important;
  padding-bottom:20px!important;
  background:#f5f6f7!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:0 0 0 100vmax #f5f6f7!important;
  clip-path:inset(0 -100vmax)!important;
  overflow:visible!important;
}
.bt-how-reference-v6699::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  background:#f5f6f7;
  pointer-events:none;
}
.bt-how-reference-v6699 .bt-how-reference-head-v6699{display:block!important;margin:0 0 10px!important;padding:0!important;text-align:left!important;}
.bt-how-reference-v6699 .bt-how-reference-head-v6699 h2{margin:0!important;padding:0!important;color:#151515!important;font-family:inherit!important;font-size:clamp(24px,1.62vw,29px)!important;font-weight:900!important;font-style:normal!important;line-height:1.03!important;letter-spacing:-.045em!important;text-align:left!important;}
.bt-how-reference-v6699 .bt-how-reference-head-v6699 h2 strong,
.bt-how-reference-v6699 .bt-how-reference-head-v6699 h2 em{color:#ff6718!important;font:inherit!important;font-style:normal!important;}
.bt-how-reference-v6699 .bt-how-reference-head-v6699 h2 span{color:#151515!important;font:inherit!important;}
.bt-how-reference-v6699 .bt-how-reference-head-v6699 p{margin:4px 0 0!important;max-width:640px!important;color:#6f7278!important;font-size:12px!important;font-weight:500!important;line-height:1.35!important;text-align:left!important;}
.bt-how-reference-v6699 .bt-how-reference-grid-v6699{box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;}
.bt-how-reference-v6699 .hp-how-arrow{display:none!important;}
.bt-how-reference-v6699 .bt-how-reference-card-v6699{
  box-sizing:border-box!important;
  position:relative!important;
  display:grid!important;
  grid-template-columns:126px minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  min-width:0!important;
  min-height:118px!important;
  margin:0!important;
  padding:16px 18px!important;
  border:1px solid #e5e7eb!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(17,24,39,.045)!important;
  overflow:hidden!important;
  text-align:left!important;
}
.bt-how-reference-v6699 .bt-how-reference-card-v6699:hover{border-color:rgba(255,103,24,.32)!important;box-shadow:0 14px 34px rgba(17,24,39,.08)!important;transform:translateY(-1px)!important;}
.bt-how-reference-v6699 .hp-how-number{
  position:absolute!important;
  z-index:4!important;
  top:10px!important;
  left:12px!important;
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  margin:0!important;
  padding:0!important;
  border:4px solid #fff!important;
  border-radius:999px!important;
  background:#ff6718!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:15px!important;
  font-weight:900!important;
  font-style:normal!important;
  line-height:1!important;
  box-shadow:0 10px 18px rgba(255,103,24,.22)!important;
}
.bt-how-reference-v6699 .hp-how-media{
  box-sizing:border-box!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:126px!important;
  height:86px!important;
  min-width:126px!important;
  max-width:none!important;
  margin:0!important;
  padding:12px!important;
  border:1px solid #edf0f3!important;
  border-radius:16px!important;
  background:#f8f9fb!important;
  overflow:hidden!important;
}
.bt-how-reference-v6699 .hp-how-media img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;transform:none!important;}
.bt-how-reference-v6699 .bt-how-reference-card-v6699.is-step-1 .hp-how-media,
.bt-how-reference-v6699 .bt-how-reference-card-v6699.is-step-3 .hp-how-media{padding:14px 12px 10px!important;}
.bt-how-reference-v6699 .bt-how-reference-card-v6699.is-step-2{grid-template-columns:126px minmax(0,1fr)!important;}
.bt-how-reference-v6699 .bt-how-reference-card-v6699.is-step-2 .hp-how-media{grid-column:1!important;grid-row:1!important;justify-self:start!important;width:126px!important;min-width:126px!important;height:86px!important;margin:0!important;order:1!important;}
.bt-how-reference-v6699 .bt-how-reference-card-v6699.is-step-2 .bt-how-reference-copy-v6699{grid-column:2!important;grid-row:1!important;align-self:center!important;padding-left:0!important;padding-right:0!important;}
.bt-how-reference-v6699 .bt-how-reference-copy-v6699{min-width:0!important;padding:0!important;text-align:left!important;}
.bt-how-reference-v6699 .bt-how-reference-copy-v6699 h3{margin:0 0 6px!important;padding:0!important;color:#171717!important;font-family:inherit!important;font-size:14px!important;font-weight:800!important;font-style:normal!important;line-height:1.18!important;letter-spacing:-.015em!important;text-align:left!important;}
.bt-how-reference-v6699 .bt-how-reference-copy-v6699 p{margin:0!important;padding:0!important;color:#626870!important;font-family:inherit!important;font-size:11px!important;font-weight:400!important;font-style:normal!important;line-height:1.42!important;text-align:left!important;}
.bt-how-reference-v6699 .bt-how-reference-card-v6699.is-image-empty{grid-template-columns:70px minmax(0,1fr)!important;}
.bt-how-reference-v6699 .bt-how-reference-card-v6699.is-image-empty .hp-how-media{min-width:70px!important;width:70px!important;}

@media (min-width:1440px){
  .bt-how-reference-v6699{margin-top:-52px!important;padding-top:8px!important;padding-bottom:22px!important;}
  .bt-how-reference-v6699 .bt-how-reference-grid-v6699{gap:20px!important;}
  .bt-how-reference-v6699 .bt-how-reference-card-v6699{min-height:124px!important;grid-template-columns:132px minmax(0,1fr)!important;}
  .bt-how-reference-v6699 .hp-how-media{width:132px!important;min-width:132px!important;height:90px!important;}
  .bt-how-reference-v6699 .bt-how-reference-card-v6699.is-step-2{grid-template-columns:132px minmax(0,1fr)!important;}
  .bt-how-reference-v6699 .bt-how-reference-card-v6699.is-step-2 .hp-how-media{width:132px!important;min-width:132px!important;height:90px!important;}
}
@media (max-width:1120px){
  .bt-how-reference-v6699{margin-top:-44px!important;padding-top:8px!important;}
  .bt-how-reference-v6699 .bt-how-reference-grid-v6699{gap:14px!important;}
  .bt-how-reference-v6699 .bt-how-reference-card-v6699{grid-template-columns:112px minmax(0,1fr)!important;gap:12px!important;padding:15px!important;min-height:112px!important;}
  .bt-how-reference-v6699 .hp-how-media{width:112px!important;min-width:112px!important;height:82px!important;}
  .bt-how-reference-v6699 .bt-how-reference-card-v6699.is-step-2{grid-template-columns:112px minmax(0,1fr)!important;}
  .bt-how-reference-v6699 .bt-how-reference-card-v6699.is-step-2 .hp-how-media{width:112px!important;min-width:112px!important;height:82px!important;}
}
@media (max-width:860px){
  .bt-how-reference-v6699{margin-top:-24px!important;padding-top:8px!important;padding-bottom:14px!important;}
  .bt-how-reference-v6699 .bt-how-reference-grid-v6699{display:flex!important;gap:12px!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;scrollbar-width:thin!important;padding:0 0 5px!important;-webkit-overflow-scrolling:touch!important;}
  .bt-how-reference-v6699 .bt-how-reference-card-v6699{flex:0 0 390px!important;width:390px!important;min-height:118px!important;scroll-snap-align:start!important;}
}
@media (max-width:520px){
  .bt-how-reference-v6699 .bt-how-reference-head-v6699 h2{font-size:23px!important;}
  .bt-how-reference-v6699 .bt-how-reference-head-v6699 p{font-size:10.5px!important;}
  .bt-how-reference-v6699 .bt-how-reference-card-v6699{flex-basis:330px!important;width:330px!important;grid-template-columns:95px minmax(0,1fr)!important;gap:10px!important;padding:14px 12px 12px!important;min-height:112px!important;}
  .bt-how-reference-v6699 .hp-how-media{width:95px!important;min-width:95px!important;height:74px!important;padding:10px!important;}
  .bt-how-reference-v6699 .bt-how-reference-card-v6699.is-step-2{grid-template-columns:95px minmax(0,1fr)!important;}
  .bt-how-reference-v6699 .bt-how-reference-card-v6699.is-step-2 .hp-how-media{height:74px!important;}
  .bt-how-reference-v6699 .hp-how-number{top:9px!important;left:9px!important;width:32px!important;height:32px!important;border-width:3px!important;font-size:13px!important;}
}