/* DOMINI: понятный блок доставки на /order/ (07.10.2026). Всё действует только под html.dmc-on —
   этот класс ставит domini-checkout-clarity.js; без него страница выглядит как раньше. */

/* Плашка «Город доставки» вместо мелкой строки «Москва · Другой город» */
.dmc-on.dmc-has-city #bx-soa-delivery .bx-soa-section-title .city_destination,
.dmc-on.dmc-has-city #bx-soa-delivery .bx-soa-section-title .change_city,
.dmc-on.dmc-has-city:not(.dmc-door-sel) #bx-soa-delivery .domini-delivery-location-hint{display:none!important} /* у курьера подсказка r2 «улица, дом, квартира» нужна */
.dmc-on .dmc-city{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:6px 24px 14px;padding:14px 18px;border-radius:14px;background:#111;color:#fff}
.dmc-on .dmc-city__ic{display:flex;flex:none;color:#fff}
.dmc-on .dmc-flag{display:block;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.4)}
.dmc-on .dmc-city__v{flex:1 1 200px;min-width:0;font-size:15px;line-height:1.3}
.dmc-on .dmc-city__v small{display:block;font-size:12px;color:#c8c8c8}
.dmc-on .dmc-city__v b{font-size:19px;font-weight:600;overflow-wrap:anywhere}
.dmc-on .dmc-city__btn{flex:none;min-height:44px;padding:10px 16px;border:1.5px solid #fff;border-radius:8px;background:transparent;color:#fff;font:inherit;font-size:14px;line-height:1.2;cursor:pointer}
.dmc-on .dmc-city__btn:hover{background:#fff;color:#111}
.dmc-on .dmc-city button:focus-visible,.dmc-on .dmc-q button:focus-visible{outline:3px solid #2563eb;outline-offset:2px}
/* «Сменить город»: штатный поиск сразу под плашкой, под ним подсказка — пока поиск раскрыт (класс opened — шаблон Aspro) */
.dmc-on .dmc-city-hint{display:none}
.dmc-on #bx-soa-delivery>.bx-soa-section-location.opened+.dmc-city-hint{display:block;margin:8px 24px 14px;font-size:14px;line-height:1.4;color:#555}
/* «Продолжить» в доставке не нужна: она только сворачивала блок в строку, «Оформить заказ» и так на странице */
.dmc-on #bx-soa-delivery .bx-soa-more{display:none!important}

/* Пересчёт заказа: вместо белой пелены с крутилкой на всю страницу — полоса сверху и, если расчёт дольше
   0,3 с, плашка «Обновляем заказ…» внизу, над нижним меню телефона. Прозрачный слой шаблона остаётся и, как раньше,
   не даёт нажимать, пока идёт расчёт. Отправка заказа — штатно (dmc-saving). */
.dmc-on:not(.dmc-saving) #popup-window-overlay-loading_screen{background:transparent!important;opacity:1!important;cursor:progress}
.dmc-on:not(.dmc-saving) #popup-window-overlay-loading_screen::before{content:"";position:fixed;top:0;left:-40%;width:40%;height:4px;background:#111;animation:dmc-bar 1s ease-in-out infinite}
.dmc-on:not(.dmc-saving) #popup-window-overlay-loading_screen::after{content:"Обновляем заказ…";position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);padding:10px 18px;border-radius:999px;background:#111;color:#fff;font-size:14px;line-height:1.3;white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,.2);animation:dmc-in .2s .3s both}
.dmc-on:not(.dmc-saving) #loading_screen{display:none!important}
@keyframes dmc-bar{to{left:100%}}
@keyframes dmc-in{from{opacity:0}}
@media (prefers-reduced-motion:reduce){.dmc-on:not(.dmc-saving) #popup-window-overlay-loading_screen::before{left:0;width:100%;opacity:.5;animation:none}}

/* Способы доставки одним столбцом (ПК и телефон): цветная полоса службы слева; выбранный раскрывается на месте, соседние не перестраиваются */
.dmc-on #bx-soa-delivery .bx-soa-pp-item-container{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px;float:none!important}
.dmc-on #bx-soa-delivery .bx-soa-pp-item-container>.bx-soa-pp-company{min-width:0;width:auto!important;max-width:none!important;flex:none!important;float:none!important;margin:0!important;padding:0!important}
.dmc-on #bx-soa-delivery .alert-danger:empty{display:none!important} /* пустая розовая полоса шаблона, пока ПВЗ не выбран */
.dmc-on #bx-soa-delivery .bx-soa-pp-item-container .dmc-known .bx-soa-pp-list-termin,
.dmc-on #bx-soa-delivery .bx-soa-pp-item-container .dmc-known .bx-soa-grey-separate-node{display:none!important}
.dmc-on #bx-soa-delivery .bx-soa-pp-item-container>.bx-soa-pp-company>.bx-soa-pp-company-inner{position:relative;height:100%!important;min-height:0!important;margin:0!important;padding:14px 48px 14px 16px!important;border:1px solid #e2e2e2!important;border-left:6px solid var(--dmc,#8c8c8c)!important;border-radius:12px!important;box-shadow:none!important}
.dmc-on #bx-soa-delivery .bx-soa-pp-item-container>.bx-selected>.bx-soa-pp-company-inner{border-color:#111!important;border-width:2px 2px 2px 6px!important;border-left-color:var(--dmc,#8c8c8c)!important}
.dmc-on #bx-soa-delivery .bx-soa-pp-item-container .form-radiobox__box{position:absolute!important;top:14px!important;right:14px!important;left:auto!important}
.dmc-on #bx-soa-delivery .bx-soa-pp-item-container>.bx-soa-pp-company:not(.bx-selected) .form-radiobox__box{border:1.5px solid #8c8c8c!important}
.dmc-on #bx-soa-delivery .bx-soa-pp-item-container .bx-soa-pp-company-graf-container{margin:0!important;position:static!important}
.dmc-on #bx-soa-delivery .bx-soa-pp-item-container .bx-soa-pp-company-label{position:static!important;margin:0!important;padding:0!important;font-size:15px;font-weight:600}
/* Шаблон выбирает способ только по клику на название (label) — растягиваем его на всю невыбранную плитку. */
.dmc-on #bx-soa-delivery .bx-soa-pp-item-container>.bx-soa-pp-company:not(.bx-selected) .bx-soa-pp-company-label::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer}
.dmc-on #bx-soa-delivery .bx-soa-pp-item-container .bx-soa-pp-company-label .hint{z-index:2}
.dmc-on #bx-soa-delivery .bx-soa-pp-item-container .bx-soa-pp-company-image{width:40px!important;height:40px!important;margin:0!important;border-radius:8px;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}
.dmc-on #bx-soa-delivery .bx-soa-pp-item-container .bx-soa-pp-delivery-cost{margin:0!important;font-weight:600;white-space:nowrap}
.dmc-on #bx-soa-delivery .bx-soa-pp-item-container [data-domini-delivery-original-price]{font-size:14px!important;font-weight:400!important;color:#555!important;white-space:normal} /* «Не рассчитана» от r2 — не цена */
.dmc-on #bx-soa-delivery .bx-soa-pp-item-container .bx-soa-pp-delivery-period,
.dmc-on #bx-soa-delivery .dmc-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0!important;font-size:13px;color:#555}
.dmc-on #bx-soa-delivery .dmc-type{display:inline-flex;align-items:center;gap:5px;color:#111;white-space:nowrap}
.dmc-on #bx-soa-delivery .dmc-type~.bx-soa-pp-list-description::before{content:"·";margin-right:6px}

/* Карточка известной службы — строкой: значок, служба, цена; ниже вид и срок, у выбранной — адрес и выбор пункта */
.dmc-on #bx-soa-delivery .dmc-wide>.bx-soa-pp-company-inner{display:grid!important;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"img name cost" "img meta meta" "desc desc desc";column-gap:12px;row-gap:2px;align-items:center}
.dmc-on #bx-soa-delivery .dmc-wide .bx-soa-pp-company-image{grid-area:img}
.dmc-on #bx-soa-delivery .dmc-wide .bx-soa-pp-company-graf-container{grid-area:name}
.dmc-on #bx-soa-delivery .dmc-wide .bx-soa-pp-delivery-cost{grid-area:cost;text-align:right;font-size:16px}
.dmc-on #bx-soa-delivery .dmc-wide .bx-soa-pp-delivery-period,.dmc-on #bx-soa-delivery .dmc-wide .dmc-meta{grid-area:meta}
.dmc-on #bx-soa-delivery .dmc-wide .bx-soa-pp-company-inject,.dmc-on #bx-soa-delivery .dmc-wide .bx-soa-pp-company-description{grid-area:desc;margin-top:6px;margin-right:-32px} /* отступ справа нужен только кружку в первой строке */
.dmc-on #bx-soa-delivery .dmc-wide .dmc-empty{display:none!important} /* пустое описание (курьер) — без пустой полосы */

/* Самовывоз со склада: значок склада вместо логотипа, без повтора «Магазин:» */
.dmc-on #bx-soa-delivery .dmc-shop .bx-soa-pp-company-image{background:#f1f1f1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10v10h16V10M3 9.5 5 4h14l2 5.5M10 20v-5h4v5'/%3E%3C/svg%3E") center/22px 22px no-repeat!important}
.dmc-on #bx-soa-delivery .dmc-shop .edost_address_head_n{display:none!important}
.dmc-on.dmc-point-sel #bx-soa-delivery .bx-soa-pp-company-item.ADDRESS{display:none!important}
.dmc-on #bx-soa-delivery .dmc-hours{display:block;margin-top:2px;font-size:14px;color:#555}
/* Под способами доставки: дни отправки и скидка от 5 000 ₽, отдельным пунктом — трек-номер (в сводке — видом строки «Другие способы») */
.dmc-on #bx-soa-delivery .dmc-ship{display:block;margin:12px 0 4px;font-size:14px;line-height:1.45;color:#555}
.dmc-ship__r{display:flex;align-items:flex-start;gap:8px}
.dmc-ship__r+.dmc-ship__r{margin-top:6px}
.dmc-on #bx-soa-delivery .dmc-ship svg{flex:none;margin-top:2px}
.dmc-ship__l{display:block}
.dmc-on .domini-delivery-recovery__button{min-height:44px} /* кнопки r2 «Повторить расчёт», «Изменить город» */
.dmc-on #bx-soa-order-form,.dmc-on #bx-soa-order-form *{scroll-margin-top:90px} /* прокрутка к полю — ниже липкой шапки (на телефоне 69 px) */

/* Выбор пункта выдачи eDost: кнопка вместо красной ссылки, «не выбран» — подсказка, а не ошибка */
.dmc-on #bx-soa-delivery .dmc-pick{display:flex!important;width:fit-content;align-items:center;gap:8px;min-height:44px;margin-top:10px;padding:10px 16px;border:1.5px solid #111;border-radius:8px;background:#111;color:#fff!important;font-size:15px!important;font-weight:600!important;line-height:1.2;text-decoration:none!important;cursor:pointer}
.dmc-on #bx-soa-delivery .dmc-pick:hover{background:#333}
.dmc-on #bx-soa-delivery .dmc-pick[data-dmc="other"]{background:#fff;color:#111!important}
.dmc-on #bx-soa-delivery .dmc-pick[data-dmc="other"]:hover{background:#f4f1ed}
.dmc-on #bx-soa-delivery .dmc-nopick{color:#555!important;font-weight:400}
.dmc-on #bx-soa-delivery .dmc-pick-link{display:inline-flex;align-items:center;min-height:44px;color:#111!important;font-weight:600;text-decoration:underline;cursor:pointer}
.dmc-on #bx-soa-delivery.bx-step-error .dmc-nopick{color:#c00!important;font-weight:600} /* после неудачной отправки — снова ошибка */
.dmc-on #bx-soa-delivery .dmc-pick:focus-visible,.dmc-on #bx-soa-delivery .dmc-pick-link:focus-visible{outline:3px solid #2563eb;outline-offset:2px}
.dmc-on #bx-soa-delivery .edost_address_map_n{display:inline-flex!important;align-items:center;width:auto!important;min-height:44px;font-size:14px!important;color:#111!important;text-decoration:underline!important} /* «показать на карте»: было 11 px синим */

/* Покупатель одной строкой на всю ширину */
.dmc-on #bx-soa-properties .bx-soa-pp-company{width:100%!important;max-width:100%!important;flex:0 0 100%!important}
.dmc-on #bx-soa-properties .bx-soa-pp-company-inner{display:flex!important;align-items:center;gap:20px;min-height:0!important;height:auto!important;padding:14px 18px!important}
.dmc-on #bx-soa-properties .bx-soa-pp-company-graf-container{flex:none;margin:0!important}
.dmc-on #bx-soa-properties .bx-soa-pp-company-props{display:flex!important;align-items:center;flex:1;gap:20px;margin:0!important;padding:0!important}
.dmc-on #bx-soa-properties .bx-soa-pp-company-props .bx-soa-inner{display:flex!important;align-items:center;gap:20px;margin:0!important;padding:0!important}
.dmc-on #bx-soa-properties .bx-soa-pp-company-props .bx-soa-inner:last-child{margin-left:auto!important}

/* Сводка «Как в прошлый раз» для повторного покупателя */
.dmc-on.dmc-quick #bx-soa-properties,.dmc-on.dmc-quick #bx-soa-delivery{display:none!important}
/* Зелёное «данные заполнены из прошлого заказа» не показываем и в полной форме: при первом пересчёте Битрикс убирает его
   и сам докручивает страницу на его высоту, а браузер поправляет ещё раз — экран уезжал на 100–170 px. Скрытое
   сообщение высоты не имеет, докрутки нет. Жёлтое (данные заполнены не все) остаётся. */
.dmc-on #bx-soa-main-notifications .alert-success{display:none!important}
html:not(.dmc-quick) .dmc-q{display:none}
.dmc-q{margin:0 0 20px;padding:28px 34px 18px;border:1px solid #e9e9e9;border-radius:12px;background:#fff}
.dmc-q__t{display:flex;align-items:center;gap:10px;margin:0 0 8px!important;font-size:22px!important;font-weight:600;line-height:1.3;color:#111}
.dmc-q__ok{display:flex;color:#137a3a}
.dmc-q__row,.dmc-q__del{display:flex;align-items:center;gap:16px}
.dmc-q__row{padding:16px 0;border-top:1px solid #efefef}
.dmc-q__del{padding:14px 16px;border:2px solid #111;border-left:6px solid var(--dmc,#8c8c8c);border-radius:12px}
.dmc-q__ic{display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:10px;background:#f4f1ed;color:#111}
.dmc-q__v{flex:1;min-width:0;font-size:15px;line-height:1.35;color:#111}
.dmc-q__k{margin-bottom:2px;font-size:12px;color:#595959}
.dmc-q__m{display:block;font-size:13px;color:#555}
.dmc-q__mail{overflow-wrap:anywhere}
.dmc-q__nw{white-space:nowrap}
.dmc-q__link{flex:none;min-height:44px;padding:0 4px;border:0;background:none;color:#111;font:inherit;font-size:14px;text-decoration:underline;white-space:nowrap;cursor:pointer}
.dmc-q .dmc-city{margin:14px 0 10px}
.dmc-q__more{display:flex;align-items:flex-start;gap:8px;margin:10px 0 4px;font-size:13px;line-height:1.4;color:#555}
.dmc-q__more svg{flex:none;margin-top:1px}
.dmc-q__more.dmc-q__ship{display:block}
.dmc-q__add{display:block;margin-top:6px}

@media (max-width:767px){
  .dmc-on #bx-soa-delivery .dmc-city{margin:6px 6px 14px}
  .dmc-on #bx-soa-delivery>.bx-soa-section-location.opened+.dmc-city-hint{margin:8px 6px 14px}
  .dmc-on #bx-soa-delivery .dmc-pick{width:auto;justify-content:center}
  .dmc-on #bx-soa-properties .bx-soa-pp-company-inner,.dmc-on #bx-soa-properties .bx-soa-pp-company-props,.dmc-on #bx-soa-properties .bx-soa-pp-company-props .bx-soa-inner{flex-direction:column;align-items:flex-start!important;gap:4px!important}
  .dmc-on #bx-soa-properties .bx-soa-pp-company-props .bx-soa-inner:last-child{margin-left:0!important}
  .dmc-q{padding:18px 16px 10px}
  .dmc-q__t{font-size:19px!important}
  .dmc-q__del{flex-wrap:wrap}
  .dmc-q__del .dmc-q__v{flex:1 1 200px}
  .dmc-q__del .dmc-q__link{margin-left:56px}
}
@media (max-width:389px){
  .dmc-on #bx-soa-delivery .dmc-pick{gap:6px;padding:10px 12px;font-size:14px!important} /* на 360 px кнопка в одну строку */
}
