:root{--gx:64px}
@media (max-width:900px){
  :root{--gx:32px}
  h1{font-size:56px!important}
  h2{font-size:42px!important}
}
@media (max-width:600px){
  :root{--gx:20px}
  h1{font-size:42px!important;line-height:1.1!important}
  h2{font-size:34px!important;line-height:1.15!important}
}

/* ---- order page ---- */
.ord-wrap{display:flex;gap:32px;align-items:flex-start}
.ord-form{flex:1 1 560px;min-width:0;display:flex;flex-direction:column;gap:20px}
.ord-side{flex:0 1 400px;min-width:320px;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow-y:auto}
.ord-bar{display:none}

@media (max-width:1000px){
  .ord-wrap{display:block}
  .ord-side{position:static;min-width:0;max-height:none;overflow:visible;margin-top:24px}
  /* one-tap price and submit, always in reach on a phone */
  .ord-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;align-items:center;justify-content:space-between;gap:16px;
    padding:10px var(--gx);padding-bottom:calc(10px + env(safe-area-inset-bottom));
    background:#F3E9DC;border-top:1px solid rgba(74,27,43,.18);box-shadow:0 -6px 20px rgba(74,27,43,.12)}
  .ord-page{padding-bottom:116px!important}
  .ord-bar>div{flex:1 1 auto;min-width:0}
  .ord-bar>div>span:last-child{font-size:20px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
  .ord-bar button{padding:14px 14px!important;font-size:11px!important;letter-spacing:.06em!important}
}
@media (max-width:600px){
  .ord-card{padding:20px!important}
}