/* Full-width dividers use the same brown as the brand's buttons. */
.section-divider{height:32px;width:100%;margin:0;border:0;background:#50311f}
.ribbon.section-divider{padding:0 22px;gap:32px;line-height:1;color:#cfaa63}
.ribbon.section-divider span{color:#fff8e9;display:inline-flex;align-items:center;gap:32px;line-height:1.2;white-space:nowrap}
.ribbon.section-divider span+span::before{content:'✧';font-size:16px;letter-spacing:0;color:#cfaa63}
/* Native date inputs must stay within their grid track, including on iOS. */
.coffee-request{min-width:0}
.coffee-request fieldset{width:100%;min-inline-size:0}
.event-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
.event-fields label{min-inline-size:0}
.event-fields input{box-sizing:border-box;width:100%;max-width:100%;min-width:0;inline-size:100%;max-inline-size:100%;min-inline-size:0}
.event-fields input[type="date"]::-webkit-date-and-time-value{min-width:0;text-align:left}
.dish .dish-price{font-weight:600;color:var(--ink);font-size:13px;margin:12px 0 0}
.dish .dish-subtotal{font-size:12px;color:var(--muted);margin:6px 0 0}
.dish .dish-subtotal:empty{display:none}
.order-bar{width:min(850px,calc(100% - 28px))}
.order-bar #order-total{font-size:13px;font-weight:600;color:var(--ink);margin-top:4px}
.order-bar #order-details{font-size:10px;line-height:1.5;max-width:440px}
.has-order{padding-bottom:150px}
@media(max-width:800px){.ribbon.section-divider span:last-child{display:none}}
@media(max-width:580px){
  .ribbon.section-divider{gap:20px;padding:0 16px}
  .ribbon.section-divider span{gap:20px}
  .ribbon.section-divider span:nth-of-type(3){display:none}
  .event-fields{grid-template-columns:minmax(0,1fr);gap:14px}
  .event-fields .event-location{grid-column:auto}
  .event-fields input{min-height:48px;font-size:16px}
  .has-order{padding-bottom:215px}
}