@media(max-width:760px){
  body.checkout-page{
    width:100%;
    min-width:0;
    background:#000;
    overflow-x:hidden;
  }

  body.checkout-page .bg-grid,
  body.checkout-page .glow{
    display:none;
  }

  body.checkout-page .nav{
    position:static !important;
    height:auto !important;
    min-height:0 !important;
    display:block !important;
    border-bottom:1px solid var(--border);
    background:#000 !important;
  }

  body.checkout-page .nav-inner{
    width:100% !important;
    max-width:none !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:14px 16px !important;
    align-items:center !important;
  }

  body.checkout-page .nav-logo{
    width:100% !important;
    justify-content:center !important;
    font-size:20px !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
  }

  body.checkout-page .nav-logo .logo{
    height:42px !important;
    width:auto !important;
    flex:0 0 auto !important;
  }

  body.checkout-page .nav-cta{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }

  body.checkout-page .nav-cta .btn{
    width:100% !important;
    min-height:40px !important;
    padding:9px 10px !important;
    justify-content:center !important;
    font-size:12px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  body.checkout-page .wrap{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:24px 16px 42px !important;
  }

  body.checkout-page .checkout-head{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    margin:0 0 16px !important;
    align-items:start !important;
  }

  body.checkout-page .eyebrow{
    margin-bottom:10px !important;
    font-size:10px !important;
    letter-spacing:.14em !important;
  }

  body.checkout-page .title{
    max-width:100% !important;
    font-size:clamp(34px,12vw,46px) !important;
    line-height:1.05 !important;
    letter-spacing:0 !important;
    overflow-wrap:normal !important;
  }

  body.checkout-page .title span{
    display:inline !important;
  }

  body.checkout-page .sub{
    max-width:100% !important;
    margin-top:12px !important;
    font-size:14px !important;
    line-height:1.65 !important;
  }

  body.checkout-page .trust-row{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
  }

  body.checkout-page .trust{
    width:100% !important;
    padding:7px 4px !important;
    text-align:center !important;
    font-size:8px !important;
    line-height:1.2 !important;
    white-space:normal !important;
  }

  body.checkout-page .layout{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    background:transparent !important;
  }

  body.checkout-page .panel,
  body.checkout-page .summary,
  body.checkout-page .coupon-box,
  body.checkout-page .price-card,
  body.checkout-page .auth-box,
  body.checkout-page .owned-box,
  body.checkout-page .ls-card{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    padding:18px !important;
  }

  body.checkout-page .plan-tag{
    margin-bottom:14px !important;
  }

  body.checkout-page .plan-name{
    max-width:100% !important;
    font-size:clamp(28px,9vw,36px) !important;
    line-height:1.08 !important;
    letter-spacing:0 !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;
  }

  body.checkout-page .plan-name .brand-blue{
    display:block !important;
  }

  body.checkout-page .plan-name::after{
    content:'' !important;
    display:block !important;
  }

  body.checkout-page .plan-name .plan-accent{
    display:block !important;
    margin-top:4px !important;
  }

  body.checkout-page .plan-copy,
  body.checkout-page .feature,
  body.checkout-page .coupon-msg,
  body.checkout-page .secure-note,
  body.checkout-page .ls-card p{
    font-size:13px !important;
    line-height:1.6 !important;
  }

  body.checkout-page .feature-list{
    margin-top:20px !important;
    gap:9px !important;
  }

  body.checkout-page .coupon-box{
    margin-top:22px !important;
  }

  body.checkout-page .coupon-form{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  body.checkout-page .coupon-form input,
  body.checkout-page .coupon-form button{
    width:100% !important;
    min-height:44px !important;
  }

  body.checkout-page .coupon-window{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  body.checkout-page .coupon-window b{
    width:max-content !important;
    max-width:100% !important;
  }

  body.checkout-page .line{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:4px !important;
    padding:11px 0 !important;
  }

  body.checkout-page .total{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    align-items:start !important;
  }

  body.checkout-page .total strong{
    font-size:40px !important;
  }

  body.checkout-page .pay-btn,
  body.checkout-page .auth-btn{
    width:100% !important;
    min-height:44px !important;
    justify-content:center !important;
    text-align:center !important;
  }

  body.checkout-page .auth-actions,
  body.checkout-page .mini-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  body.checkout-page footer{
    padding:26px 16px !important;
  }

  body.checkout-page .footer-inner{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
}

@media(max-width:420px){
  body.checkout-page .wrap{
    padding:20px 12px 36px !important;
  }

  body.checkout-page .nav-inner{
    padding:12px !important;
  }

  body.checkout-page .nav-logo{
    font-size:18px !important;
  }

  body.checkout-page .nav-logo .logo{
    height:38px !important;
  }

  body.checkout-page .trust-row{
    grid-template-columns:1fr !important;
  }

  body.checkout-page .panel,
  body.checkout-page .summary,
  body.checkout-page .coupon-box,
  body.checkout-page .price-card,
  body.checkout-page .auth-box,
  body.checkout-page .owned-box,
  body.checkout-page .ls-card{
    padding:16px !important;
  }

  body.checkout-page .plan-name{
    font-size:clamp(25px,8.2vw,32px) !important;
  }
}