/* Bi'Tişört v6.9.88 — Nasıl Çalışır / Hero background + sade YouTube poster */
.bt-how-page-v6987{
  --how-orange:#ff5b12;--how-ink:#141922;--how-muted:#6f7680;--how-line:#ebe3dc;--how-cream:#fff6ef;--how-soft:#fbf8f5;
  background:#fff;color:var(--how-ink);
}
.bt-how-page-v6987 .bthow-main{padding:18px 0 44px}
.bt-how-page-v6987 .bthow-shell{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.bt-how-page-v6987 .bthow-kicker{display:block;color:var(--how-orange);font:850 10px/1 Inter,Arial,sans-serif;letter-spacing:.14em}
.bt-how-page-v6987 :is(h1,h2,h3){font-family:Manrope,Inter,Arial,sans-serif;color:var(--how-ink)}
.bt-how-page-v6987 :is(p,a,b,span,small,button){font-family:Inter,Arial,sans-serif}

/* HERO — oranlar ve sağ görsel seçilen 1. referansa yakın */
.bthow-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);gap:24px;align-items:center;min-height:370px;padding:30px 30px 30px 34px;border:1px solid #f0dfd2;border-radius:25px;background:linear-gradient(135deg,#fffaf6 0%,#fff5ed 63%,#ffead9 100%);box-shadow:0 20px 50px rgba(65,40,22,.055);overflow:hidden}
.bthow-hero-copy{position:relative;z-index:2;align-self:center}
.bthow-hero-copy h1{max-width:550px;margin:9px 0 12px;font-size:48px;line-height:.98;letter-spacing:-.048em;font-weight:900}
.bthow-hero-copy h1 em{color:var(--how-orange);font-style:normal}
.bthow-hero-copy>p{max-width:540px;margin:0;color:#606a76;font-size:13.5px;line-height:1.58}
.bthow-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:21px}
.bthow-btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:43px;padding:0 17px;border-radius:10px;text-decoration:none!important;font-size:10.5px;font-weight:850;transition:.18s ease}
.bthow-btn.is-primary{background:var(--how-orange);color:#fff;box-shadow:0 9px 20px rgba(255,91,18,.18)}
.bthow-btn.is-secondary{background:#fff;border:1px solid #cfc5bc;color:#20252c}
.bthow-btn:hover{transform:translateY(-2px)}
.bthow-trust-row{display:flex;gap:23px;margin-top:22px;padding-top:16px;border-top:1px solid rgba(222,205,193,.75)}
.bthow-trust-row>span{display:flex;align-items:center;gap:7px;color:#464d56}.bthow-trust-row svg{width:22px;height:22px;fill:none;stroke:var(--how-orange);stroke-width:1.7}.bthow-trust-row b{font-size:9px;line-height:1.35}
.bthow-hero-media-v6987{position:relative;min-height:330px;border-radius:19px;overflow:hidden;background:#f2e5da;box-shadow:none}
.bthow-hero-media-v6987 img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.bthow-hero-media-v6987::after{display:none}

/* PROCESS */
.bthow-process{margin-top:18px;padding:22px 28px 27px;border:0;border-radius:0;background:#fff}
.bthow-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:15px}
.bthow-section-head h2{margin:5px 0 0;font-size:31px;line-height:1;letter-spacing:-.04em}
.bthow-section-head>p{max-width:325px;margin:0;color:#7d838b;font-size:10.5px;line-height:1.48}
.bthow-step-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0;padding:0}
.bthow-step-card-v6987{position:relative;min-height:194px;padding:14px 17px 18px;border:1px solid #e9e2dc;border-radius:15px;background:linear-gradient(145deg,#fff,#fbf8f5);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.bthow-step-card-v6987:hover{transform:translateY(-4px);border-color:#ffc8a9;box-shadow:0 14px 26px rgba(47,33,23,.075)}
.bthow-step-visual{position:relative;height:68px;margin-bottom:11px}.bthow-step-visual img{width:100%;height:100%;display:block;object-fit:contain;object-position:left center;mix-blend-mode:multiply}.bthow-step-visual>b{position:absolute;left:0;top:0;display:grid;place-items:center;width:39px;height:39px;border-radius:9px;background:#fff;color:var(--how-orange);font-size:11px;box-shadow:0 7px 17px rgba(56,39,26,.07)}
.bthow-step-card h3{margin:0;font-size:14px;line-height:1.2}.bthow-step-card p{margin:7px 0 0;color:#7b818a;font-size:10px;line-height:1.48}
.bthow-step-arrow{position:absolute;z-index:4;right:-19px;top:50%;display:grid;place-items:center;width:36px;height:36px;border:1px solid #e7ded6;border-radius:50%;background:#fff;color:#8b8e93;font-style:normal;box-shadow:0 7px 16px rgba(40,30,22,.05);transform:translateY(-50%)}

/* VIDEO + WHY */
.bthow-story{display:grid;grid-template-columns:1.02fr .98fr;gap:15px;margin-top:14px;padding:0;border:0;background:#fff}
.bthow-video-v6987{position:relative;display:block;min-height:214px;overflow:hidden;border-radius:16px;background:#14171c;text-decoration:none!important}
.bthow-video-v6987 img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.bthow-why{padding:22px 24px;border:1px solid #ebe3dd;border-radius:16px;background:#fffdfb}
.bthow-why h2{max-width:390px;margin:6px 0 16px;font-size:26px;line-height:1.01;letter-spacing:-.04em}.bthow-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.bthow-why-grid article{display:flex;align-items:center;gap:9px;min-height:64px;padding:10px;border:0;background:transparent}.bthow-why-grid article>span{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:10px;background:#fff0e7;color:var(--how-orange)}.bthow-why-grid svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.bthow-why-grid strong,.bthow-why-grid small{display:block}.bthow-why-grid strong{font-size:10px}.bthow-why-grid small{margin-top:3px;color:#8b9097;font-size:8.8px;line-height:1.34}

/* FAQ */
.bthow-faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:28px;align-items:start;margin-top:19px;padding:23px 28px;border-top:1px solid var(--how-line);border-bottom:1px solid var(--how-line)}
.bthow-faq-head h2{margin:5px 0 4px;font-size:29px;letter-spacing:-.04em}.bthow-faq-head p{margin:0;color:#858a92;font-size:10px}.bthow-faq-head a{display:inline-flex;margin-top:13px;color:#22272e;font-size:9.8px;font-weight:800;text-decoration:none}.bthow-faq-list details{border-bottom:1px solid #e8e2dc}.bthow-faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:49px;cursor:pointer}.bthow-faq-list summary::-webkit-details-marker{display:none}.bthow-faq-list summary strong{font-size:10.5px}.bthow-faq-list summary span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#f5f5f5;font-size:15px}.bthow-faq-list details[open] summary span{transform:rotate(45deg);color:var(--how-orange)}.bthow-faq-list details p{margin:0;padding:0 40px 14px 0;color:#707680;font-size:10px;line-height:1.5}

/* FINAL CTA — selected reference graphic */
.bthow-cta-v6987{position:relative;display:flex;align-items:center;justify-content:space-between;gap:26px;margin-top:18px;padding:22px 260px 22px 27px;border-radius:16px;background:linear-gradient(105deg,#15171b 0%,#1e1b19 72%,#2c1a11 100%);color:#fff;overflow:hidden}
.bthow-cta-v6987>div,.bthow-cta-v6987>a{position:relative;z-index:2}.bthow-cta-v6987 span{color:#ff6a21;font-size:8.8px;font-weight:850;letter-spacing:.13em}.bthow-cta-v6987 h2{margin:5px 0 0;color:#fff;font-size:23px;letter-spacing:-.03em}.bthow-cta-v6987>a{flex:0 0 auto;display:inline-flex;align-items:center;gap:16px;min-height:43px;padding:0 17px;border-radius:10px;background:var(--how-orange);color:#fff;text-decoration:none;font-size:10.5px;font-weight:850}.bthow-cta-v6987>img{position:absolute;z-index:1;right:0;top:0;width:260px;height:100%;object-fit:cover;object-position:right center;opacity:.9;mix-blend-mode:screen}

@media(max-width:980px){
  .bthow-hero{grid-template-columns:1fr;gap:18px;padding:28px}.bthow-hero-media-v6987{min-height:300px}.bthow-step-grid{grid-template-columns:1fr 1fr}.bthow-step-arrow{display:none}.bthow-story{grid-template-columns:1fr}.bthow-faq{grid-template-columns:1fr}.bthow-section-head{align-items:flex-start}.bthow-cta-v6987{padding-right:190px}.bthow-cta-v6987>img{width:190px}
}
@media(max-width:640px){
  .bt-how-page-v6987 .bthow-main{padding-top:10px}.bt-how-page-v6987 .bthow-shell{width:calc(100% - 20px)}.bthow-hero{padding:21px 17px;border-radius:20px}.bthow-hero-copy h1{font-size:38px}.bthow-hero-copy>p{font-size:12.5px}.bthow-hero-actions{display:grid;grid-template-columns:1fr}.bthow-btn{width:100%}.bthow-trust-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bthow-hero-media-v6987{min-height:225px;border-radius:15px}.bthow-process{margin-top:10px;padding:18px 4px}.bthow-section-head{display:block}.bthow-section-head h2{font-size:26px}.bthow-section-head>p{margin-top:7px}.bthow-step-grid{grid-template-columns:1fr}.bthow-step-card-v6987{min-height:0}.bthow-story{margin-top:10px}.bthow-video-v6987{min-height:215px}.bthow-why{padding:19px 14px}.bthow-why h2{font-size:23px}.bthow-why-grid{grid-template-columns:1fr}.bthow-faq{margin-top:13px;padding:20px 5px;gap:16px}.bthow-cta-v6987{display:block;margin-top:13px;padding:22px 18px 92px;border-radius:16px}.bthow-cta-v6987 h2{font-size:21px}.bthow-cta-v6987>a{margin-top:14px}.bthow-cta-v6987>img{top:auto;bottom:0;width:100%;height:82px;opacity:.45}
}


/* v6.9.88 — Hero: görsel kartın tamamında en alt katman, içerik en ön katmanda */
.bthow-hero-v6988{
  position:relative;
  display:block;
  min-height:390px;
  padding:38px 40px;
  isolation:isolate;
  overflow:hidden;
  background:#fff5ed;
}
.bthow-hero-bg-v6988{
  position:absolute;
  inset:0;
  z-index:0;
  background-image:url('/assets/images/how-it-works-v6988/hero-background-v6988.jpg');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  pointer-events:none;
}
.bthow-hero-overlay-v6988{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(255,249,245,.99) 0%,
    rgba(255,249,245,.97) 26%,
    rgba(255,249,245,.88) 40%,
    rgba(255,249,245,.42) 54%,
    rgba(255,249,245,.08) 68%,
    rgba(255,249,245,0) 100%);
}
.bthow-hero-v6988 .bthow-hero-copy{
  position:relative;
  z-index:3;
  width:min(52%,570px);
  padding:10px 0;
}
.bthow-hero-v6988 .bthow-hero-copy h1{font-size:50px;max-width:560px}
.bthow-hero-v6988 .bthow-hero-copy>p{max-width:535px}
.bthow-hero-v6988 .bthow-trust-row{border-top-color:rgba(222,205,193,.58)}

/* Eski ayrı hero görsel kartı bu sürümde kullanılmaz. */
.bthow-hero-v6988 .bthow-hero-media-v6987{display:none!important}

/* v6.9.88 — YouTube: sadece kaliteli poster + oynat simgesi */
.bthow-video-v6988{
  position:relative;
  display:block;
  min-height:260px;
  overflow:hidden;
  border-radius:18px;
  background:#111;
  text-decoration:none!important;
  box-shadow:0 14px 30px rgba(21,18,16,.10);
}
.bthow-video-v6988::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12));
  pointer-events:none;
}
.bthow-video-v6988>img{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  transition:transform .28s ease;
}
.bthow-youtube-play-v6988{
  position:absolute;
  left:50%;
  top:50%;
  z-index:3;
  width:76px;
  height:54px;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.28));
  transition:transform .18s ease;
}
.bthow-youtube-play-v6988 svg{display:block;width:100%;height:100%}
.bthow-youtube-play-v6988 svg path:first-child{fill:#ff0033}
.bthow-youtube-play-v6988 .play-triangle{fill:#fff}
.bthow-video-v6988:hover>img{transform:scale(1.025)}
.bthow-video-v6988:hover .bthow-youtube-play-v6988{transform:translate(-50%,-50%) scale(1.07)}

@media(max-width:980px){
  .bthow-hero-v6988{min-height:420px;padding:32px 28px}
  .bthow-hero-v6988 .bthow-hero-copy{width:min(65%,560px)}
  .bthow-hero-overlay-v6988{background:linear-gradient(90deg,rgba(255,249,245,.99) 0%,rgba(255,249,245,.95) 38%,rgba(255,249,245,.62) 57%,rgba(255,249,245,.10) 76%,rgba(255,249,245,0) 100%)}
  .bthow-video-v6988{min-height:280px}
}
@media(max-width:640px){
  .bthow-hero-v6988{min-height:520px;padding:24px 18px;background:#fff6ef}
  .bthow-hero-bg-v6988{background-position:68% bottom;background-size:auto 58%;background-color:#fff6ef}
  .bthow-hero-overlay-v6988{background:linear-gradient(180deg,rgba(255,249,245,1) 0%,rgba(255,249,245,.98) 52%,rgba(255,249,245,.72) 68%,rgba(255,249,245,.10) 100%)}
  .bthow-hero-v6988 .bthow-hero-copy{width:100%;padding:0}
  .bthow-hero-v6988 .bthow-hero-copy h1{font-size:38px}
  .bthow-trust-row{max-width:100%}
  .bthow-video-v6988{min-height:220px;border-radius:15px}
  .bthow-youtube-play-v6988{width:66px;height:47px}
}