/* ── Стилі для CMS-сторінок (pages.content) ──
 * Вирізано з inline <style> у редакторі. Цей файл підключається у layout.php
 * для всіх public-сторінок. Класи з префіксом `.dp-` спочатку були тільки на
 * "Доставка і оплата", але можеш повторно використовувати у будь-якому контенті.
 *
 * Конвенція: префікс позначає тематику CSS-набору:
 *   .dp-*  — "delivery & payment" (grid-картки)
 */

/* delivery & payment grid */
.dp-grid{display:flex;flex-wrap:wrap;gap:24px;margin:24px 0;align-items:flex-start;}
.dp-col{flex:1 1 320px;min-width:0;background:#faf7ef;border:1px solid #e6dfc7;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(60,60,30,.05);}
.dp-col h2{margin:0 0 8px;font-size:22px;color:#2e3322;display:flex;align-items:center;gap:10px;}
.dp-col .dp-lead{color:#5a604a;font-size:14px;line-height:1.55;margin:0 0 18px;padding-bottom:14px;border-bottom:1px dashed #d8d0b3;}
.dp-col h3{margin:18px 0 8px;font-size:15.5px;color:#3a4030;letter-spacing:.01em;}
.dp-col p{font-size:14px;line-height:1.6;color:#3a3a30;margin:0 0 10px;}
.dp-col ul,.dp-col ol{padding-left:18px;margin:8px 0 12px;}
.dp-col li{font-size:13.5px;line-height:1.55;margin-bottom:6px;color:#3a3a30;}
.dp-col li strong{color:#2e3322;}

/* badges + cards in delivery page */
.dp-badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:10px;background:#dfe6cf;color:#3a5a20;margin-left:6px;vertical-align:middle;}
.dp-badge.warn{background:#fbecc4;color:#7a5a14;}
.dp-card{background:#fff;border:1px solid #e6dfc7;border-radius:8px;padding:14px 16px;margin:12px 0;}
.dp-card-h{font-weight:700;color:#2e3322;margin-bottom:4px;font-size:14px;display:flex;align-items:center;gap:8px;}
.dp-icon{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;background:#5b7f3a;color:#fff;border-radius:50%;font-size:13px;font-weight:700;flex-shrink:0;}

/* CTA banner */
.dp-cta{margin-top:28px;text-align:center;padding:24px;background:linear-gradient(135deg,#f4f8ef 0%,#fbf5e6 100%);border:1px solid #e6dfc7;border-radius:10px;}
.dp-cta h2{margin:0 0 8px;font-size:20px;color:#2e3322;}
.dp-cta p{color:#5a604a;font-size:14px;margin:0;}
.dp-cta a{color:#3a5a20;font-weight:700;}

/* tables in CMS content */
.dp-table{width:100%;border-collapse:collapse;margin:10px 0;font-size:13px;}
.dp-table th,.dp-table td{padding:7px 10px;border-bottom:1px solid #ece5cc;text-align:left;}
.dp-table th{background:#f0ebd6;color:#3a4030;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;}