/* KF-897 Д.2: страница условий доставки города (delivery_city.php) — вид в стиле сайта.
   Стили чистого шаблона (.dlv-*) живут здесь; контент в info_delivery — структурный HTML без инлайна. */

/* Ширину не ограничиваем — используем сайтовый контейнер (.padSpace, ~1530px). */
.delivery-page .delivery-page__title {
    margin-bottom: 24px;
}

/* ─── Карта зон ─── */
.delivery-page .delivery-page__map {
    padding: 0;
    margin-bottom: 32px;
}
.delivery-page .delivery-page__map .zones-map {
    border: 1px solid #e3e8ef;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 6px 22px rgba(70, 134, 204, .1);
}
/* Аккуратная строка поиска адреса (вместо «страшного» bootstrap-инпута). */
.delivery-page .delivery-page__map .zones-map-search {
    max-width: 460px;
}
.delivery-page .delivery-page__map .zones-map-search input {
    height: 46px;
    padding: 0 16px 0 44px;
    border: 1px solid #dfe6ef;
    border-radius: 10px;
    font-size: 15px;
    color: #2b2b2b;
    background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238a97a8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>") no-repeat 15px center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .06);
    transition: border-color .15s ease, box-shadow .15s ease;
}
.delivery-page .delivery-page__map .zones-map-search input:focus {
    outline: none;
    border-color: #4686cc;
    box-shadow: 0 0 0 3px rgba(70, 134, 204, .15);
}

/* ─── Контейнер контента ─── */
.delivery-page .delivery-page__info {
    max-width: 1100px;
    font-size: 15px;
    line-height: 1.7;
    color: #3a3a3a;
}

/* ═══ Чистый шаблон (.dlv-*) — для контента без CKEditor-мусора ═══ */

/* Сводка ключевых условий — карточки-«чипы». */
.dlv-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 28px;
}
.dlv-fact {
    flex: 1 1 200px;
    min-width: 180px;
    padding: 14px 18px;
    background: #f6f9fc;
    border: 1px solid #e6edf5;
    border-radius: 10px;
}
.dlv-fact__label {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .03em;
    color: #8a97a8;
    margin-bottom: 4px;
}
.dlv-fact__value {
    display: block;
    font-size: 17px;
    font-weight: 700;
    color: #2b2b2b;
}

/* KF-933: зоны бесплатной доставки — карточки с цветом зоны (как на карте) + порог. */
/* Блок вне .delivery-page__info (.textInterface), поэтому шрифт сайта задаём явно —
   иначе наследуется Times от body (как у остальных .dlv-* внутри info). */
.delivery-page__zones {
    font-family: 'Proxima Nova', sans-serif;
}
.dlv-zones {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 28px;
}
.dlv-zone {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1 1 300px;
    min-width: 260px;
    padding: 14px 18px;
    background: #f6f9fc;
    border: 1px solid #e6edf5;
    border-radius: 10px;
}
.dlv-zone__color {
    flex: none;
    width: 16px;
    height: 34px;
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12);
}
.dlv-zone__text {
    font-size: 15px;
    line-height: 1.4;
    color: #3a3a3a;
}
.dlv-zone__text b {
    font-weight: 700;
    color: #2b2b2b;
}
.dlv-zone__min {
    display: block;
    font-size: 12px;
    color: #8a97a8;
    margin-top: 2px;
}

/* Секция с заголовком. */
.dlv-section { margin: 0 0 28px; }
.dlv-section__title {
    font-size: 20px;
    font-weight: 700;
    color: #2b2b2b;
    margin: 0 0 14px;
}

/* Шаги «как заказать» — нумерованные кружки бренд-цвета. */
.dlv-steps {
    list-style: none;
    counter-reset: dlv;
    padding: 0;
    margin: 0;
}
.dlv-steps li {
    position: relative;
    counter-increment: dlv;
    padding: 0 0 16px 48px;
    margin: 0;
}
.dlv-steps li::before {
    content: counter(dlv);
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #4686cc;
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
}
.dlv-steps li:last-child { padding-bottom: 0; }

/* CTA с телефоном. */
.dlv-cta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
    padding: 18px 22px;
    background: #4686cc;
    border-radius: 12px;
    color: #fff;
}
.dlv-cta__label { font-size: 15px; opacity: .9; }
.dlv-cta__phone {
    font-size: 24px;
    font-weight: 700;
    color: #fff !important;
    text-decoration: none;
}
.dlv-cta__phone:hover { text-decoration: underline; }

/* Заметка/выноска (напр. про Яндекс-доставку или пункты выдачи). */
.dlv-note {
    padding: 14px 18px;
    margin: 0 0 28px;
    background: #fff8e6;
    border-left: 4px solid #f0b429;
    border-radius: 6px;
    color: #5b4a1a;
}
.dlv-note a { color: #b07a00; font-weight: 600; }

.dlv-section__title + p,
.dlv-section p { margin: 0 0 12px; }

/* ═══ Приручение «грязного» CKEditor-контента (пока не переведён на .dlv-*) ═══ */
.delivery-page .delivery-page__info h2 {
    font-size: 16px;
    font-weight: 400;
    color: #3a3a3a;
    line-height: 1.7;
    margin: 0 0 16px;
}
.delivery-page .delivery-page__info a {
    color: #4686cc;
    font-weight: 600;
}
.delivery-page .delivery-page__info a:hover { text-decoration: underline; }
.delivery-page .delivery-page__info ol li { margin-bottom: 14px; }

@media (max-width: 600px) {
    .delivery-page .delivery-page__map .zones-map { height: 320px; }
    .delivery-page .delivery-page__info { font-size: 14px; }
    .dlv-cta__phone { font-size: 20px; }
}