/* Delivery page: reuses the sell page layout (sell-gold-bars.css) and adds steps, windows and the area list. */
.delivery-section { padding-block: var(--sell-section-space); border-top: 1px solid var(--sell-line); }
.delivery-section > p { max-width: 62ch; }
.delivery-steps { list-style: none; counter-reset: step; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; margin: 0; padding: 0; }
.delivery-steps li { counter-increment: step; }
.delivery-steps li::before { content: counter(step); display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 16px; border: 1px solid var(--sell-line); border-radius: 50%; color: var(--sell-gold); font-family: 'Urbanist', sans-serif; font-weight: 700; }
.delivery-steps h3 { font-size: 21px; margin-bottom: 8px; }
.delivery-steps p { color: var(--sell-muted); margin: 0; }
.delivery-windows { display: grid; grid-template-columns: repeat(2, minmax(0, 260px)); gap: 24px; margin: 0 0 24px; }
.delivery-windows > div { padding: 24px; background: var(--sell-surface); border-radius: 12px; }
.delivery-windows dt { color: var(--sell-muted); font-size: 13px; }
.delivery-windows dd { margin: 0; font-family: 'Urbanist', sans-serif; font-size: 24px; font-weight: 700; }
.delivery-areas { columns: 4 160px; column-gap: 32px; margin: 0 0 20px; padding: 0; list-style: none; }
.delivery-areas li { padding-block: 6px; border-bottom: 1px solid var(--sell-line); break-inside: avoid; }
/* The sell page's FAQ sits on a dark panel; this one sits on the page background. */
.delivery-section .sell-faq { max-width: 760px; }
.delivery-section .sell-faq details { border-color: var(--sell-line); }
.delivery-section .sell-faq summary::marker { color: var(--sell-gold); }
.delivery-section .sell-faq summary:focus-visible { outline-color: var(--sell-accent); }
.delivery-section .sell-faq details p { color: var(--sell-muted); font-size: 15px; }
@media (max-width: 1050px) { .delivery-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) {
  .delivery-steps { grid-template-columns: 1fr; gap: 24px; }
  .delivery-windows { grid-template-columns: 1fr 1fr; gap: 12px; }
  .delivery-windows > div { padding: 16px; }
  .delivery-windows dd { font-size: 19px; }
}