/* ── v3 · mobil (≤720px) ─────────────────────────────────────── */
@media(max-width:720px){
  /* kabuk */
  .v3 .nav .wrap{height:60px;gap:10px}.v3 .nav .btn{height:38px;padding:0 14px;font-size:13px}
  .v3 .burger{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--deep);cursor:pointer;margin-left:auto}.v3 .burger svg{width:20px;height:20px}
  /* mobilde üst bardaki Demo butonu gizli: dar ekranda taşıyordu ve burger menüde "Demo" linki zaten var */
  .v3 .nav .btn.p{display:none}
  .v3 .mnav{position:fixed;inset:60px 0 auto 0;z-index:49;background:rgba(247,242,232,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--lineSoft);display:grid;gap:2px;padding:10px 18px 16px;transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .2s,transform .3s var(--ease)}.v3 .mnav.open{opacity:1;transform:none;pointer-events:auto}
  .v3 .mnav a{padding:12px 8px;border-radius:10px;font-weight:700;font-size:16px;color:var(--ink)}.v3 .mnav a:active{background:var(--cool)}
  .v3 .slide{padding:76px 0 48px}.v3 .slide>.wrap{padding-top:0}
  .v3 .h2{font-size:clamp(26px,7.5vw,32px);max-width:none}.v3 .lead{font-size:15px}.v3 .head{gap:10px}
  /* hero: panel + iki telefon alt alta, hiçbir şey taşmaz */
  .v3 .hero2{padding:0;overflow:hidden}.v3 .hero2 .hwrap{padding:84px 18px 0}.v3 .hero2 .h1{font-size:clamp(32px,9vw,40px);max-width:none}.v3 .hero2 .lead{font-size:15px}.v3 .ctas{flex-direction:column;align-items:stretch}.v3 .ctas .btn{width:100%}
  .v3 .hstage{margin-top:28px}.v3 .trio{height:auto;display:grid;gap:22px;padding:0 18px 28px;perspective:none;box-sizing:border-box;width:100%}.v3 .tpanel .browser{max-width:100%}
  .v3 .tpanel,.v3 .tphone{position:static;width:100%;max-width:100%;transform:none!important;opacity:1;text-align:center;box-sizing:border-box;left:auto;right:auto;top:auto;bottom:auto}.v3 .tpanel{width:100%!important}.v3 .tphone.tl,.v3 .tphone.tr{left:auto!important;right:auto!important}
  .v3 .tphones{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.v3 .tphone .phone{width:100%;max-width:200px;margin:0 auto}
  .v3 .tcap{position:static;transform:none;opacity:1;display:inline-flex;margin:0 auto 8px;font-size:11px}.v3 .floor,.v3 .hstage .blob,.v3 .hint{display:none}
  /* sahneler: metin üstte, telefonlar altta yan yana (ikisi de görünür, eşit) */
  .v3 .scene,.v3 .scene.flip{grid-template-columns:1fr;gap:18px;margin-top:14px}.v3 .scene .rail,.v3 .scene.flip .rail{order:1}.v3 .scene .stagebox,.v3 .scene.flip .stagebox{order:2}
  .v3 .rail h3{font-size:22px}.v3 .rail p{font-size:14px}.v3 .rail .pts li{font-size:13px}
  .v3 .stagebox{height:auto;min-height:0;padding:54px 12px 18px;gap:10px;align-items:flex-end;justify-content:center}
  .v3 .stagebox .pw.back{display:block}.v3 .stagebox .pw{flex:1 1 0;min-width:0;display:flex;justify-content:center}
  .v3 .stagebox .phone,.v3 .stagebox.single .phone{width:min(100%,calc(50vw - 30px))}.v3 .stagebox.single .phone{width:min(100%,260px)}
  .v3 .stagebox .cap{left:12px;top:12px;font-size:11px}
  /* rozetler + öğrenme araçları: tek kolon, telefon ortada, açıklama altında */
  .v3 .gal.g3,.v3 .gal.g2{grid-template-columns:1fr;gap:28px}.v3 .gal.g3 .fig,.v3 .gal.g2 .fig.row{flex-direction:column;align-items:center}
  .v3 .gal.g3 .fig .phone,.v3 .gal.g2 .fig.row .phone{width:min(70vw,250px)}.v3 .gal.g3 figcaption,.v3 .gal.g2 figcaption{max-width:none;text-align:center}
  /* panel: tam genişlik, kaydırma yok */
  .v3 .panelwide .browser,.v3 .hslide .browser{max-width:none;width:100%;transform:none}
  .v3 .hcar-track{gap:14px;padding:4px 0 8px}.v3 .hslide{flex:0 0 100%;gap:10px}.v3 .hslide figcaption{grid-template-columns:auto 1fr;max-width:none}.v3 .hbtn{display:none}
  .v3 .index span{font-size:13px}
  /* güven + demo */
  .v3 .trust{grid-template-columns:1fr}.v3 .pr3{grid-template-columns:1fr}
  .v3 .demo>.wrap{grid-template-columns:1fr;gap:22px;padding-top:0}.v3 .form{padding:18px}.v3 .form .row{grid-template-columns:1fr}
  .v3 .slide.demo .foot{position:static;margin-top:26px}.v3 .foot .brand{display:flex}
  .v3 .tick{display:none}
}
@media(max-width:720px){.v3 .burger{display:grid}}@media(min-width:721px){.v3 .burger,.v3 .mnav{display:none}}
