/* =========================================================================
   Bulk Delivery. Values transcribed from final_html/Bulk Delivery.dc.html.
   The zone table is the page's centrepiece; it must stay legible at 375px.
   ========================================================================= */

.bulk-lead { text-align: center; max-width: 860px; margin: 0 auto; }
.bulk-lead h2 {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 34px; font-weight: 700; color: #2C2218; margin: 0;
}
.bulk-lead p {
  font-size: 16px; line-height: 1.7; color: #3A4A40; margin: 14px 0 0 !important;
  text-wrap: pretty;
}
.bulk-lead__pills {
  display: flex; align-items: center; justify-content: center;
  gap: 10px 12px; flex-wrap: wrap; margin-top: 22px;
}
.bulk-town {
  background: #2D5441; color: #C8E6D8;
  font-size: 13px; font-weight: 600; padding: 8px 16px; border-radius: 99px;
}
.bulk-lead__ctas { display: flex; justify-content: center; gap: 14px; margin-top: 24px; flex-wrap: wrap; }

/* ---- Pricing + zone table ----------------------------------------------- */
.bulk-pricing { margin-top: 60px; max-width: 960px; margin-left: auto; margin-right: auto; }
.bulk-pricing h2 {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 30px; font-weight: 700; color: #2C2218; margin: 0;
}
.bulk-pricing__lede {
  font-size: 15px; line-height: 1.7; color: #4A3F35; margin: 12px 0 0 !important;
  text-wrap: pretty;
}
.bulk-pricing__lede strong { color: #2D5441; }

.zone-table {
  background: #2D5441; border: 1px solid #234135; border-radius: 12px;
  overflow: hidden; margin-top: 24px;
}
.zone-head, .zone-row {
  display: grid; grid-template-columns: 80px 150px 1fr;
  gap: 12px; align-items: baseline; padding: 12px 24px;
}
.zone-head {
  background: #F7B51C; padding: 10px 24px;
}
.zone-head span {
  font-size: 11px; font-weight: 700; letter-spacing: 0.14em;
  text-transform: uppercase; color: #2D5441;
}
.zone-row--alt { background: #27493A; }
.zone-row__num {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 18px; font-weight: 700; color: #FFFBE6;
}
.zone-row__fee { font-size: 15px; font-weight: 700; color: #F7B51C; }
.zone-row__zips { font-size: 13.5px; color: #C8E6D8; line-height: 1.5; }

.bulk-pricing__note { font-size: 14px; color: #4A3F35; margin: 16px 0 0 !important; }
.bulk-pricing__note a { color: #2D5441; font-weight: 700; }

/* ---- Same-day / expect / grab ------------------------------------------- */
.bulk-sameday {
  background: #EAF3EC; border: 1px solid #C8E6D8; border-left: 4px solid #F7B51C;
  border-radius: 10px; padding: 28px 32px; margin-top: 52px;
  max-width: 960px; margin-left: auto; margin-right: auto;
}
.bulk-sameday h2 {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 24px; font-weight: 700; color: #2C2218; margin: 0;
}
.bulk-sameday p { font-size: 15px; line-height: 1.7; color: #3A4A40; margin: 10px 0 0 !important; }
.bulk-sameday strong { color: #2D5441; }

.bulk-expect { margin-top: 52px; max-width: 960px; margin-left: auto; margin-right: auto; }
.bulk-expect h2 {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 28px; font-weight: 700; color: #2C2218; margin: 0;
}
.bulk-expect p {
  font-size: 15px; line-height: 1.75; color: #4A3F35; margin: 12px 0 0 !important;
  text-wrap: pretty;
}
.bulk-expect strong { color: #2D5441; }

.bulk-grab {
  background: #2D5441; border-radius: 12px; padding: 36px 40px; margin-top: 52px;
  display: flex; align-items: center; gap: 32px; flex-wrap: wrap;
}
.bulk-grab__text { flex: 1; min-width: 300px; }
.bulk-grab h2 {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 26px; font-weight: 700; color: #FFFBE6; margin: 0;
}
.bulk-grab p {
  font-size: 15px; line-height: 1.7; color: rgba(255, 251, 230, 0.88);
  margin: 10px 0 0 !important; max-width: 620px;
}

@media (max-width: 767px) {
  .bulk-lead h2 { font-size: 27px; }
  .bulk-pricing h2, .bulk-expect h2 { font-size: 24px; }
  /* The header row makes no sense once rows wrap; the gold band per row
     carries the labels implicitly (Zone N · fee · ZIPs). */
  .zone-head { display: none; }
  .zone-row { grid-template-columns: auto 1fr; padding: 12px 16px; }
  .zone-row__zips { grid-column: 1 / -1; }
  .bulk-lead__ctas a, .bulk-grab a { width: 100%; text-align: center; }
  .bulk-sameday { padding: 22px 20px; }
  .bulk-grab { padding: 26px 20px; }
}