/* Shared mobile ergonomics for the isolated preview and its reservation flows. */
main section[id],footer[id]{scroll-margin-top:100px}
@media(max-width:800px){
  main section[id],main [id="proces"],main [id="kura"],main [id="tym"],footer[id]{scroll-margin-top:145px}
  header .nav{display:grid!important;grid-template-columns:minmax(40px,1fr) auto;grid-template-rows:48px 46px;gap:4px 10px;height:auto!important;padding:8px 12px!important}
  header .brand{grid-row:1;grid-column:1;min-width:0}
  header .brand .word{display:none!important}
  header .nav-cta{grid-row:1;grid-column:2;gap:6px!important;position:static!important;transform:none!important}
  header .nav-cta .btn-ghost{display:none!important}
  header .nav-cta .btn-gold{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:10px 12px!important;font-size:12px!important}
  header .nav-mid{grid-row:2;grid-column:1 / -1;position:static!important;transform:none!important;justify-content:center;min-width:0}
  header .nav>.gsw{grid-row:2;grid-column:1 / -1;position:relative!important;left:auto!important;transform:none!important;justify-self:center}
  header .gsw-opt{min-height:44px;min-width:100px!important;padding:8px 12px!important}
  header .gsw{padding:0}
  header .theme-tg,header .burger{width:44px!important;height:44px!important;min-width:44px}
  header .burger{display:flex!important}
  header .menu{display:none!important}
  .hero{padding-top:164px!important}
  .mobnav{top:calc(100% + 6px)!important;max-height:calc(100dvh - 150px);overflow:auto}
  .book-panel,.vdq-panel{max-width:100%;min-width:0}
  input,select,textarea{font-size:16px!important}
  .step-copy,.booking,.panel,.cal,.slots-wrap{min-width:0}
  .hero .eyebrow,.hero-meta,.lab-label,.lab-caption,.lab-ticks,.step-num{font-size:12px!important;letter-spacing:.06em!important}
  .vdq-scale-btn .sl{font-size:12px!important}
}
@media(max-width:400px){
  .hero h1{overflow-wrap:normal;font-size:32px!important}
  .hero .eyebrow{letter-spacing:.11em}
  .cal{padding-left:8px!important;padding-right:8px!important}
  .day{min-width:0;min-height:38px}
  .field.two{grid-template-columns:1fr!important}
  .panel-foot{flex-wrap:wrap;gap:12px}
  .panel-foot .btn{max-width:100%;white-space:normal}
}