.offer-menu { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; margin: 24px 0 0; padding: 20px 0; border-block: 1px solid #d9cdbc; }
.offer-menu dt { font-weight: 600; margin-bottom: 5px; }
.offer-menu dd { margin: 0; font-size: 15.4px; }
.offer-menu dd strong { color: var(--burgundy); font-size: 23.1px; }
.coffee-format select { width: 100%; }
.duo-roast { margin: 0 0 22px; padding: 13px 16px; background: var(--cream); font-size: 16.5px; }
.shared-format-note { margin-top: -14px; margin-bottom: 22px; }
.duo-value-note { font-size: 14.3px; line-height: 1.65; margin-bottom: 14px; }
.request-preview { margin-top: 15px; }
.request-preview summary { display: list-item; cursor: pointer; min-height: 44px; padding-block: 10px; font-size: 15.4px; color: var(--burgundy); }
.request-preview summary:focus-visible { outline: 3px solid var(--burgundy); outline-offset: 4px; }
.request-preview .order-draft { margin-top: 4px; }
.bag-grid[data-many="true"] { grid-template-columns: repeat(5,minmax(0,1fr)); }
@media(max-width:680px) { .offer-menu { grid-template-columns: 1fr; gap: 15px; } }
@media(max-width:480px) { .bag-grid[data-many="true"] { gap: 5px; } }

.fulfillment-field { margin-top: 24px; }
.intro > .shipping-proposal { font-size: 15.4px; line-height: 1.65; margin-top: 18px; }
.fulfillment-note, .payment-note { font-size: 15.4px; line-height: 1.65; margin-bottom: 18px; }