/* Studio Templa — mobile v20261014 */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,input,select,textarea{font-family:inherit}
.email-code-row button,.email-verify-row button{
  display:flex;align-items:center;justify-content:center;min-height:52px;
  padding:14px 18px;border-radius:12px;font-size:16px;font-weight:800;
  line-height:1.4;text-align:center;white-space:normal;
}
.email-code-row button{background:linear-gradient(135deg,#384ed5,#4937bd);border-color:#919cff;color:#fff}
.email-code-row input{min-width:0;width:100%;min-height:52px;border-radius:12px;text-align:center;font-size:20px}
.email-verify-row{grid-template-columns:minmax(0,1fr) auto}
.email-code-row{grid-template-columns:minmax(0,1fr) auto}
.email-verify button:focus-visible{outline:3px solid #b5bdff;outline-offset:3px}
@media(max-width:900px), (pointer:coarse){
  /* >=16px avoids automatic iOS focus zoom, including inherited label fonts. */
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;min-width:0;max-width:100%}
  input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select{min-height:50px}
  body{touch-action:pan-x pan-y}
  button,a,input,select,textarea,summary{touch-action:pan-x pan-y}
}
@media(max-width:760px){
  header{height:auto;min-height:76px;padding:16px;gap:14px;flex-wrap:wrap}
  header nav{display:flex;order:3;flex:1 0 100%;gap:8px;flex-wrap:wrap;font-size:13px}
  header nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;border:1px solid #293247;border-radius:10px;background:#0b1019}
  .btn,.btn.small,.cardactions .btn{min-height:48px;line-height:1.4;text-align:center;white-space:normal}
  .btn{font-size:15px}
  .hero .actions{margin:24px 0;flex-wrap:wrap}
  .hero .actions .btn{flex:1 1 200px}
  .section-head{align-items:flex-start;gap:14px;flex-wrap:wrap}
  .section-head h2{margin-top:0}
  .phone{right:0}
  .bigpreview{padding:24px}
  .bigpreview h1{font-size:clamp(28px,8vw,42px);overflow-wrap:anywhere}
  .buybox{padding:22px}.buybox .btn{width:100%}
  .account-auth-intro,.account-auth-form-wrap{padding:22px 18px}
  .account-auth-form-wrap>p,.account-security-item,.account-form label{font-size:14px}
  .account-form-note,.account-link-card span{font-size:12px}
  .account-link-card strong{font-size:14px}
  .account-form>.btn{min-height:54px;font-size:16px}
  .account-password-toggle{min-height:44px;min-width:64px;right:5px;font-size:12px;color:#cbd3e4}
  .account-password-wrap input{padding-right:80px}
  .account-page-card{padding:22px 18px}
  .account-auth-card>*,.purchase-card>*,.checkout-grid>*,.free-grid>*,.account-settings-grid>*{min-width:0}
  .customer-session strong,.account-alert,.customer-alert,.email-verified strong,.purchase-main h2{overflow-wrap:anywhere}
  .license-copy-btn{min-height:44px;padding:10px 14px;font-size:13px}
  .license-account-note a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}
  .account-back,.backlink{min-height:44px;display:inline-flex;align-items:center}
  .checkout-wrap,.free-wrap{margin:24px auto;padding:0 12px}
  .checkout-card,.free-form{padding:20px 16px;border-radius:18px}
  .email-verify{padding:16px 12px}
  .email-verify p,.email-verify-feedback{font-size:14px}
  .email-verify-row,.email-code-row{grid-template-columns:minmax(0,1fr);gap:10px}
  .email-code-row{margin-top:14px}
  .email-verify-row button,.email-code-row button{width:100%;min-height:54px}
  .email-code-row input{font-size:20px!important;letter-spacing:.24em}
  .email-change-btn{min-height:44px;font-size:13px}
  .coupon-apply-row{grid-template-columns:minmax(0,1fr)}
  .coupon-apply-row button{min-height:48px;font-size:15px}
  .pay-tabs{flex-wrap:wrap}.pay-tab{min-height:48px;flex:1}
  .checkout-card #pane-card{padding:16px 12px}
  .legal-wrap{padding:28px 14px 48px}.legal-card{padding:20px 16px}
  footer{padding:28px 16px;gap:16px}footer a{display:inline-flex;align-items:center;min-height:44px}
}
@media(max-width:360px){
  .customer-page .customer-dashboard{grid-template-columns:minmax(0,1fr)}
  .cardactions{flex-wrap:wrap}.cardactions .btn{flex:1 1 100%}
  .account-auth-intro h2{font-size:26px}
}