/* Bi'Tisort v6.11.01 — /nasil-calisir/ mobile layout hard-lock */
@media (max-width: 720px){
  html,
  body.bt-how-page-v6987{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  body.bt-how-page-v6987,
  body.bt-how-page-v6987 *,
  body.bt-how-page-v6987 *::before,
  body.bt-how-page-v6987 *::after{
    box-sizing:border-box;
  }

  /* Announcement: animated track may be wider, but it must never widen the page. */
  .bt-how-page-v6987 .bt-announcement-bar,
  .bt-how-page-v6987 .bt-announcement-link,
  .bt-how-page-v6987 .bt-announcement-viewport{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .bt-how-page-v6987 .bt-announcement-bar{
    contain:paint!important;
  }

  /* Compact mobile header — keep logo/cart/menu completely inside viewport. */
  .bt-how-page-v6987 .site-header,
  .bt-how-page-v6987 .hybrid-site-header,
  .bt-how-page-v6987 .hybrid-nav{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .bt-how-page-v6987 .hybrid-nav{
    padding-left:18px!important;
    padding-right:18px!important;
    gap:9px!important;
  }
  .bt-how-page-v6987 .bt-store-brand,
  .bt-how-page-v6987 .brand{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:124px!important;
  }
  .bt-how-page-v6987 .bt-store-brand img,
  .bt-how-page-v6987 .brand img{
    display:block!important;
    width:auto!important;
    max-width:110px!important;
    height:auto!important;
  }
  .bt-how-page-v6987 .hybrid-nav-actions{
    min-width:0!important;
    margin-left:auto!important;
    gap:7px!important;
  }
  .bt-how-page-v6987 .bt-account-chip,
  .bt-how-page-v6987 .hybrid-nav-cta{
    display:none!important;
  }
  .bt-how-page-v6987 .store-cart-button{
    flex:0 0 auto!important;
    min-width:40px!important;
    max-width:52px!important;
    padding:4px 5px!important;
    gap:3px!important;
  }
  .bt-how-page-v6987 .store-cart-button .bt-cart-label{
    display:none!important;
  }
  .bt-how-page-v6987 .menu-btn{
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    margin:0!important;
  }

  /* Page width hard-lock: no section may create horizontal scrolling. */
  .bt-how-page-v6987 .bthow-main{
    width:100%!important;
    max-width:100%!important;
    overflow-x:clip!important;
    padding-bottom:20px!important;
  }
  .bt-how-page-v6987 .bthow-shell{
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .bt-how-page-v6987 .bthow-main img,
  .bt-how-page-v6987 .bthow-main svg,
  .bt-how-page-v6987 .bthow-main video{
    max-width:100%;
  }

  /* Hero: remove legacy 500px minimum and rebuild the vertical rhythm. */
  .bt-how-page-v6987 .bthow-hero.bt-system-hero-v61089{
    display:block!important;
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    min-height:0!important;
    height:auto!important;
    margin-top:14px!important;
    margin-bottom:24px!important;
    padding:25px 20px 19px!important;
    border-radius:19px!important;
    overflow:hidden!important;
  }
  .bt-how-page-v6987 .bthow-hero-copy{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0!important;
  }
  .bt-how-page-v6987 .bthow-kicker{
    font-size:10px!important;
    line-height:1.25!important;
    letter-spacing:.12em!important;
  }
  .bt-how-page-v6987 .bthow-hero h1{
    width:100%!important;
    max-width:100%!important;
    margin:9px 0 14px!important;
    font-size:clamp(34px,9.6vw,40px)!important;
    line-height:1.02!important;
    letter-spacing:-.047em!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    text-wrap:balance!important;
  }
  .bt-how-page-v6987 .bthow-hero-copy>p{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    font-size:14px!important;
    line-height:1.58!important;
  }
  .bt-how-page-v6987 .bthow-hero-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    gap:9px!important;
    margin-top:17px!important;
  }
  .bt-how-page-v6987 .bthow-hero-actions .bthow-btn{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    margin:0!important;
    padding:11px 14px!important;
    justify-content:center!important;
    font-size:11.5px!important;
    line-height:1.2!important;
    white-space:normal!important;
    transform:none!important;
  }

  /* Benefits: three compact equal cells instead of a tall sparse vertical box. */
  .bt-how-page-v6987 .bthow-trust-row{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
    max-width:100%!important;
    gap:5px!important;
    margin-top:13px!important;
    padding:7px!important;
    border-radius:14px!important;
  }
  .bt-how-page-v6987 .bthow-trust-row>span{
    min-width:0!important;
    min-height:62px!important;
    margin:0!important;
    padding:7px 3px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    text-align:center!important;
    border-radius:10px!important;
  }
  .bt-how-page-v6987 .bthow-trust-row svg{
    width:18px!important;
    height:18px!important;
    flex:0 0 18px!important;
  }
  .bt-how-page-v6987 .bthow-trust-row b{
    display:block!important;
    min-width:0!important;
    font-size:9px!important;
    line-height:1.28!important;
    overflow-wrap:anywhere!important;
  }

  /* Process header: keep the next section fully inside the viewport and tighten spacing. */
  .bt-how-page-v6987 .bthow-process{
    width:calc(100% - 24px)!important;
    max-width:calc(100% - 24px)!important;
    min-width:0!important;
    margin-top:24px!important;
    margin-bottom:28px!important;
  }
  .bt-how-page-v6987 .bthow-process-head-v6993{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 0 16px!important;
    padding:0 2px!important;
  }
  .bt-how-page-v6987 .bthow-process-head-v6993 h2{
    width:100%!important;
    max-width:100%!important;
    margin:6px 0 8px!important;
    font-size:30px!important;
    line-height:1.07!important;
    letter-spacing:-.04em!important;
    overflow-wrap:normal!important;
  }
  .bt-how-page-v6987 .bthow-process-head-v6993 p{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    font-size:13.5px!important;
    line-height:1.55!important;
  }
  .bt-how-page-v6987 .bthow-step-grid-v6993{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    gap:11px!important;
    padding:0!important;
    margin:0!important;
  }
  .bt-how-page-v6987 .bthow-step-item-v6993,
  .bt-how-page-v6987 .bthow-step-card-v6993{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .bt-how-page-v6987 .bthow-step-card-v6993{
    min-height:260px!important;
    border-radius:16px!important;
  }
  .bt-how-page-v6987 .bthow-step-body-v6993{
    padding:17px!important;
  }

  /* Remaining blocks should inherit the same safe mobile width. */
  .bt-how-page-v6987 .bthow-story,
  .bt-how-page-v6987 .bthow-faq,
  .bt-how-page-v6987 .bthow-cta{
    min-width:0!important;
    max-width:calc(100% - 24px)!important;
  }
  .bt-how-page-v6987 .bthow-video,
  .bt-how-page-v6987 .bthow-why,
  .bt-how-page-v6987 .bthow-faq-head,
  .bt-how-page-v6987 .bthow-faq-list,
  .bt-how-page-v6987 .bthow-cta{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
}

@media (max-width: 380px){
  .bt-how-page-v6987 .hybrid-nav{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .bt-how-page-v6987 .bthow-hero.bt-system-hero-v61089{
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    padding:22px 17px 17px!important;
  }
  .bt-how-page-v6987 .bthow-shell,
  .bt-how-page-v6987 .bthow-process{
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
  }
  .bt-how-page-v6987 .bthow-hero h1{
    font-size:34px!important;
  }
  .bt-how-page-v6987 .bthow-trust-row{
    grid-template-columns:1fr!important;
    gap:4px!important;
  }
  .bt-how-page-v6987 .bthow-trust-row>span{
    min-height:46px!important;
    flex-direction:row!important;
    justify-content:flex-start!important;
    text-align:left!important;
    padding:7px 9px!important;
  }
  .bt-how-page-v6987 .bthow-trust-row b{
    font-size:10px!important;
  }
}