/* mobile fixes v1 — loaded after page styles */
@media (max-width:820px){
  /* header: logo + actions in one row, all links as a swipeable row below */
  .bar .wrap{display:flex!important;flex-wrap:wrap;align-items:center;padding-inline:14px!important}
  .bar .row1{display:contents!important}
  .bar .logo{order:1;margin:0!important;padding:8px 0!important}
  .bar .logo img{height:34px!important}
  .bar .end{order:2;margin-inline-start:auto;gap:10px!important}
  .bar nav{display:flex!important;order:3;flex-basis:100%;overflow-x:auto;gap:8px!important;padding:2px 0 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .bar nav::-webkit-scrollbar{display:none}
  .bar nav a{flex:none;border:1px solid #e6e1d8;border-radius:999px;padding:8px 14px;font-size:14px!important;background:#fff;line-height:1.2}
  /* studio steps: one column, preview under the form */
  .step{grid-template-columns:1fr!important;gap:18px!important;padding:20px 16px!important}
  .step .stage{order:2}
  .opts{grid-template-columns:1fr!important}
  /* bigger tap targets */
  details summary{min-height:46px;display:flex!important;align-items:center;padding-block:10px!important}
  footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:0 6px}
  footer nav a{display:inline-block;padding:10px 8px}
  .del{min-width:40px;min-height:40px}
  .seg button{min-height:38px}
  .row input[type=text],.form input[type=text],.form input[type=email]{min-height:46px;font-size:16px!important}
  /* section spacing */
  .sec{padding-block:44px!important}
  .sec-h{margin-bottom:24px!important;padding-inline:16px}
  .sec-h h2{font-size:clamp(26px,7vw,34px)!important}
}
@media (max-width:520px){
  .hero h1,.ph h1,.gh h1{font-size:clamp(30px,8.4vw,40px)!important;line-height:1.15}
  .ctas{flex-direction:column;align-items:stretch!important;padding-inline:18px}
  .ctas .btn-cta,.ctas .btn-line{width:100%;text-align:center;justify-content:center}
  .bx.g .two{grid-template-columns:1fr!important}
  .exw{grid-template-columns:repeat(2,1fr)!important;padding:14px!important;gap:12px!important}
  .who{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .modal-in{max-height:88vh;overflow:auto}
}