/* Доставка и оплата (tools/templates/delivery.mjs): отступы страницы — только токены --space-* из UI Library.
   Ритм: шапка → карточки — один шаг (--space-7), между карточками — --space-5, внутри карточки — заголовок → текст --space-5,
   между абзацами и списками — --space-4, низ страницы до подвала — как верх шапки. */
.dlv .page-head { padding: var(--space-10) 0 var(--space-7); }
.dlv .page-head h1 { margin: 0 0 var(--space-5); }
.dlv .page-head .lead { margin: 0; }
.dlv .section.info { padding: 0 0 var(--space-10); }
.dlv .info-grid { gap: var(--space-5); }
.dlv .info-card { padding: var(--space-7); }
.dlv .info-card h2 { margin: 0 0 var(--space-5); }
.dlv .info-card :is(p, dl, ol, ul) { margin: 0; }
.dlv .info-card > * + :is(p, dl, ol, ul) { margin-top: var(--space-4); }
.dlv .pay { gap: var(--space-4); }
.dlv .pay dd { margin-top: var(--space-1); }
.dlv .steps-list { padding-left: var(--space-5); }
.dlv .steps-list li + li { margin-top: var(--space-2); }

/* Связаться: Telegram и ВКонтакте — первыми, обычными текстовыми ссылками, как почта и телефоны */
.dlv-contacts { display: grid; gap: var(--space-3); padding: 0; list-style: none; }
.dlv-contacts a { color: var(--cocoa); font-weight: 600; text-decoration: none; }
.dlv-contacts a:is(:hover, :focus-visible) { color: var(--rust); text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 620px) {
  .dlv .page-head { padding: var(--space-8) 0 var(--space-6); }
  .dlv .page-head h1 { margin-bottom: var(--space-4); }
  .dlv .section.info { padding-bottom: var(--space-8); }
  .dlv .info-grid { gap: var(--space-4); }
  .dlv .info-card { padding: var(--space-5); }
  .dlv .info-card h2 { margin-bottom: var(--space-4); }
}