.order-options{display:flex;gap:8px;align-items:center}
.order-options .button.small{gap:14px;padding:13px 16px;white-space:nowrap}
.button.text-order{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.button.text-order:hover{background:#e2f1ee}
@media(min-width:1101px){header nav{gap:24px}}
/* Keep both order choices accessible when the header becomes a menu. */
@media(max-width:1100px){
 header .nav-toggle{display:flex;gap:12px;background:transparent;border:0;padding:10px;color:var(--ink)}
 header nav{display:none;position:absolute;top:105px;left:0;width:100%;background:var(--paper);padding:25px 6%;box-shadow:0 12px 15px #09263c12}
 header nav.open{display:flex;flex-direction:column;align-items:stretch}
 .order-options{flex-wrap:wrap}
 .order-options .button{flex:1}
}
@media(max-width:700px){
 header nav{top:84px}
 .mobile-order{gap:7px;padding-left:10px;padding-right:10px}
 .mobile-order a{min-width:0;min-height:48px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:10px 6px;line-height:1.3}
 .mobile-order a[href^="tel:"]{background:var(--ink);color:white}
 .mobile-order a.text-order{background:#e2f1ee;color:var(--ink)}
}