/* «Доставим до транспортной компании бесплатно» и окно расчёта — к /assets/dostavka-raschet.js?v=aaba7b4d. Вид — как окошко «в N салонах» */
.dl-a svg, .dl-box svg { width:18px; height:18px; flex:none; stroke:#3D4047; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
/* общее содержимое */
.dl-box { display:grid; gap:12px; font:14px/1.4 'Golos Text', system-ui, sans-serif; color:#111214; }
.dl-f { display:grid; gap:6px; } .dl-f > span { font-size:13px; color:#6B7079; }
.dl-in { height:46px; border:1px solid #D9D9DE; border-radius:12px; padding:0 14px; font:inherit; font-size:16px; color:#111214; background:#fff; width:100%; box-sizing:border-box; }
.dl-in:focus { outline:none; border-color:#111214; } .dl-in.dl-bad { border-color:#C62828; }
.dl-est { display:grid; grid-template-columns:1fr auto; gap:12px; padding:12px 14px; border:1px solid #ECEDF0; border-radius:12px; background:#F9FAFB; }
.dl-est span { display:block; font-size:13px; color:#6B7079; line-height:1.3; } .dl-est b { display:block; font-size:20px; font-weight:700; letter-spacing:-.01em; white-space:nowrap; }
.dl-est-tk { grid-template-columns:auto minmax(0, 1fr) auto; align-items:center; } .dl-est-tk img { height:17px; width:auto; display:block; }  /* логотип вместо названия ТК (владелец 30.10) */
.dl-note { margin:-4px 0 0; font-size:13px; color:#6B7079; }
.dl-go { width:100%; }
.dl-done { display:flex; gap:10px; align-items:flex-start; } .dl-done b { display:block; font-size:15px; } .dl-done span { display:block; font-size:13.5px; color:#6B7079; }
.dl-okc { width:28px; height:28px; border-radius:50%; background:#157A3E; display:grid; place-items:center; flex:none; } .dl-okc svg { stroke:#fff; width:16px; height:16px; display:block; margin:0; }
.dl-done .dl-okc { display:grid; }  /* «.dl-done span» выше делал кружок блоком — галочка уезжала в угол (владелец 30.10) */
.dl-wa { display:grid; gap:8px; } .dl-wa > b { font-size:14px; font-weight:600; }
.dl-who { margin:0; font-size:13.5px; color:#3D4047; } .dl-who a { color:#111214; font-weight:600; text-decoration:underline; text-underline-offset:2px; }

/* А, 30.10: строка-кнопка «до ТК бесплатно» — зелёный, как «В наличии» в карточках; заливка только у значка (статус-цвет) */
.dl-a { display:grid; grid-template-columns:auto minmax(0, 1fr) auto; gap:12px; align-items:center; padding:12px 14px; border:1px solid #D9D9DE;
  border-radius:14px; background:#fff; cursor:pointer; transition:border-color .15s; }
.dl-a:hover, .dl-a:focus-visible { border-color:#157A3E; outline:none; }
.dl-ai { width:40px; height:40px; border-radius:50%; background:#157A3E; display:grid; place-items:center; }
.dl-ai svg { stroke:#fff; width:20px; height:20px; }
.dl-at { display:grid; gap:2px; min-width:0; } .dl-at b { color:#157A3E; font-size:15px; font-weight:700; line-height:1.3; }
.dl-at > span { font-size:14px; color:#3D4047; }
.dl-at .am-lk { color:#111214; font-weight:600; text-decoration:underline dashed #6B7079; text-decoration-thickness:1.5px; text-underline-offset:3px; }
.dl-ar svg { stroke:#6B7079; }
/* телефон: шторка снизу */
.dl-bg { position:fixed; inset:0; z-index:199; background:rgba(17,18,20,.45); opacity:0; pointer-events:none; transition:opacity .15s; }
.dl-bg.open { opacity:1; pointer-events:auto; }
/* владелец 30.10: «всплывашка в самом низу и не открывается на весь экран» — на телефоне расчёт на весь экран */
.ampop.dl-pop.dl-sheet { inset:0; width:auto; max-width:none; height:100dvh; max-height:none; border-radius:0; border:0; overflow:auto;
  transform:translateY(12px); padding-bottom:env(safe-area-inset-bottom); }
.ampop.dl-pop.dl-sheet.open { transform:none; }
.dl-sheet .am-ph { padding:14px 12px 12px 16px; } .dl-sheet .am-ph b { font-size:18px; }
.dl-sheet .am-x { width:40px; height:40px; } .dl-sheet .am-x svg { width:22px; height:22px; }
.dl-sheet .dl-box { padding:16px 16px 24px; }
.dl-sheet .am-ph { position:sticky; top:0; background:#fff; z-index:1; }
@media (max-width:560px) { .dl-at b { font-size:14.5px; } .dl-at > span { font-size:13.5px; } .dl-ai { width:36px; height:36px; } }
/* компьютер: окно по центру */
.ampop.dl-pop.dl-modal { left:50%; top:50%; width:440px; max-width:calc(100vw - 32px); max-height:calc(100vh - 48px); overflow:auto;
  transform:translate(-50%, calc(-50% + 8px)); }
.ampop.dl-pop.dl-modal.open { transform:translate(-50%, -50%); }
.dl-modal .am-ph { position:sticky; top:0; background:#fff; z-index:1; }
.dl-pop .dl-box { padding:14px 16px 16px; }
.dl-agree { display:flex; gap:8px; align-items:flex-start; font-size:13px; color:#3D4047; line-height:1.4; cursor:pointer; }
.dl-agree input { width:18px; height:18px; margin:1px 0 0; flex:none; accent-color:#111214; }
.dl-agree a { color:#111214; text-decoration:underline; text-underline-offset:2px; }
.dl-err { margin:0; font-size:13.5px; color:#C62828; } .dl-err a { color:#C62828; font-weight:600; }
.dl-go[disabled] { opacity:.6; cursor:default; }
.dl-chips { display:flex; flex-wrap:wrap; gap:6px; }
.dl-chips button { height:32px; padding:0 12px; border:1px solid #D9D9DE; border-radius:10px; background:#fff; font:inherit; font-size:13.5px; color:#3D4047; cursor:pointer; }
.dl-chips button:hover { border-color:#111214; color:#111214; }
/* подсказки города — строки в рамке, как карточка «Как отправляем» */
.dl-sugw:empty { display:none; } .dl-sugw .dl-note { margin:0; }
.dl-sug { border:1px solid #D9D9DE; border-radius:12px; overflow:hidden; background:#fff; }
.dl-sug button { display:flex; align-items:baseline; flex-wrap:wrap; gap:0 8px; width:100%; min-height:44px; padding:10px 14px; box-sizing:border-box; border:0; border-top:1px solid #ECEDF0; background:none; font:inherit; font-size:15px; color:#111214; text-align:left; cursor:pointer; }
.dl-sug button:first-child { border-top:0; } .dl-sug button.on { background:#F4F4F6; }
@media (hover:hover) { .dl-sug button:hover { background:#F4F4F6; } }
.dl-sug b { font-weight:600; } .dl-sug small { font-size:13px; color:#6B7079; }
/* А, 30.10: «бесплатно» строкой с зелёной галочкой (как «заявка принята»), под ней — кто платит дальше */
.dl-free { display:grid; grid-template-columns:auto minmax(0, 1fr); gap:12px; align-items:center; padding:12px 14px; border:1px solid #D9D9DE; border-radius:14px; }
.dl-free .dl-okc { width:40px; height:40px; } .dl-free .dl-okc svg { width:20px; height:20px; }
.dl-free b { display:block; color:#157A3E; font-size:15px; font-weight:700; line-height:1.3; } .dl-free small { display:block; font-size:13.5px; color:#3D4047; }
/* «Как отправляем» — карточка строк: шапка моноширинным, значок в чёрном круге, заголовок и пояснение */
.dl-tr { border:1px solid #D9D9DE; border-radius:14px; overflow:hidden; }
.dl-trh { padding:10px 14px; border-bottom:1px solid #ECEDF0; font:500 12px/1.3 'JetBrains Mono', ui-monospace, monospace; letter-spacing:.04em; text-transform:uppercase; color:#6B7079; }
.dl-trr { display:grid; grid-template-columns:auto minmax(0, 1fr); gap:12px; align-items:center; padding:11px 14px; }
.dl-trr + .dl-trr { border-top:1px solid #ECEDF0; }
.dl-trc { width:34px; height:34px; border-radius:50%; background:#111214; display:grid; place-items:center; } .dl-box .dl-trc svg { stroke:#fff; }
.dl-trr b { display:block; font-size:14px; font-weight:600; } .dl-trr small { display:block; font-size:13px; color:#6B7079; line-height:1.35; }