/* блок «Доставка і оплата» */
.uad-delivery{margin:14px 0;padding:12px 14px;border:1px solid #e5e5e5;border-radius:8px;font-size:14px;line-height:1.4;color:#222;background:#fff;text-align:left}
.uad-delivery__head{font-weight:600;margin-bottom:8px}
.uad-delivery a.uad-delivery__city,.uad-delivery a.uad-delivery__choose{color:inherit;text-decoration:none;border-bottom:1px dashed currentColor;cursor:pointer}
.uad-delivery__list{list-style:none;margin:0;padding:0}
.uad-delivery__list li.uad-delivery__row{display:grid;grid-template-columns:1fr auto;gap:0 12px;padding:6px 0;border-top:1px solid #f0f0f0;list-style:none;margin:0}
.uad-delivery__list li.uad-delivery__row:first-child{border-top:0}
.uad-delivery__list li:before{display:none}
.uad-delivery__name b{font-weight:600}
.uad-delivery__price{white-space:nowrap;font-weight:600;text-align:right}
.uad-delivery__price.is-free{color:#1d8a3b}
.uad-delivery__eta{grid-column:1 / -1;color:#777;font-size:13px}
.uad-delivery__pay{margin-top:8px;color:#555;font-size:13px}
.uad-delivery__loading,.uad-delivery__empty{color:#888}

/* uadelivery — віджет міста.
   Кнопки й поля спершу повністю скидаються (all: unset), щоб стилі теми (колір, регістр, рамки, висота)
   на них не впливали; далі задаються власні. Шрифт і колір віджета в рядку успадковуються від місця вставки. */

.uad-city.uad-city--pending{display:none!important}
.uad-city{position:relative;display:inline-flex;align-items:center;gap:.35em;line-height:1.3;white-space:nowrap;vertical-align:middle}
.uad-city__icon{width:1em;height:1em;flex:none;opacity:.8}
.uad-city__label{opacity:.8}
.uad-city .uad-city__name{color:inherit;font-weight:600;cursor:pointer;text-decoration:none;border-bottom:1px dashed currentColor}
.uad-city--moved{margin-right:18px}

.uad-city .uad-city__confirm{position:absolute;top:calc(100% + 10px);left:0;z-index:10040;min-width:230px;padding:14px 16px;background:#fff;color:#222;border-radius:8px;box-shadow:0 6px 24px rgba(0,0,0,.2);white-space:normal;font-size:14px;line-height:1.4;text-align:left;font-weight:400}
.uad-city--right .uad-city__confirm{left:auto;right:0}
.uad-city .uad-city__confirm[hidden]{display:none}
.uad-city .uad-city__confirm:before{content:"";position:absolute;top:-6px;left:18px;border:6px solid transparent;border-top:0;border-bottom-color:#fff}
.uad-city--right .uad-city__confirm:before{left:auto;right:18px}
.uad-city .uad-city__confirm p{margin:0 0 10px;color:#222;font-size:14px}

.uad-city button,.uad-modal button,.uad-modal input{all:unset;box-sizing:border-box}
.uad-city .uad-city__confirm button{display:inline-block;font-family:inherit;font-size:14px !important;line-height:1.2 !important;padding:7px 16px !important;margin:0 6px 0 0;border-radius:6px;border:1px solid #ccc !important;background:#fff !important;color:#222 !important;text-transform:none !important;letter-spacing:normal !important;cursor:pointer;height:auto !important;min-width:0 !important;box-shadow:none !important}
.uad-city .uad-city__confirm .uad-city__yes{background:#222 !important;color:#fff !important;border-color:#222 !important}

.uad-lock{overflow:hidden}
.uad-modal{position:fixed;inset:0;z-index:10050;display:none;align-items:flex-start;justify-content:center;padding:8vh 16px 16px;background:rgba(0,0,0,.45);font-family:inherit}
.uad-modal.is-open{display:flex}
.uad-modal .uad-modal__box{position:relative;width:100%;max-width:480px;max-height:84vh;overflow:auto;padding:22px 22px 18px;background:#fff;color:#222;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.25);font-size:15px;line-height:1.4;box-sizing:border-box;text-align:left;text-transform:none;letter-spacing:normal}
.uad-modal .uad-modal__close{position:absolute;top:10px;right:14px;font-size:26px !important;line-height:1 !important;cursor:pointer;color:#888 !important;background:none !important}
.uad-modal .uad-modal__title{font-size:19px;font-weight:600;margin:0 30px 4px 0;color:#222}
.uad-modal .uad-modal__hint{color:#777;font-size:13px;margin-bottom:12px}
.uad-modal .uad-modal__input{display:block;width:100%;padding:11px 14px;font-family:inherit;font-size:15px !important;color:#222 !important;background:#fff !important;border:1px solid #ccc !important;border-radius:8px !important;height:auto !important;text-transform:none !important}
.uad-modal .uad-modal__input:focus{border-color:#888 !important}
.uad-modal .uad-modal__list{list-style:none;margin:6px 0 0;padding:0}
.uad-modal .uad-modal__list li{padding:9px 10px;border-radius:6px;cursor:pointer;color:#222;list-style:none;margin:0}
.uad-modal .uad-modal__list li:before{display:none}
.uad-modal .uad-modal__list li.is-active,.uad-modal .uad-modal__list li:hover{background:#f1f1f1}
.uad-modal .uad-modal__list .uad-modal__empty{color:#888;cursor:default;background:none}
.uad-modal .uad-modal__popular{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}
.uad-modal .uad-modal__popular button{display:inline-block;font-family:inherit;font-size:14px !important;line-height:1.2 !important;padding:6px 12px !important;border:1px solid #ddd !important;border-radius:16px !important;background:#fafafa !important;color:#222 !important;text-transform:none !important;letter-spacing:normal !important;cursor:pointer;height:auto !important;min-width:0 !important;box-shadow:none !important}
.uad-modal .uad-modal__popular button:hover{border-color:#999 !important}
.uad-modal .uad-modal__locate{display:inline-block;font-family:inherit;font-size:14px !important;color:#1a6fd1 !important;background:none !important;cursor:pointer;border-bottom:1px dashed #1a6fd1 !important;text-transform:none !important;letter-spacing:normal !important;padding:0 !important;height:auto !important}
.uad-modal .uad-modal__msg{color:#c33;font-size:13px;margin-top:8px;min-height:1em}
.uad-modal .uad-modal__attr{margin-top:10px;font-size:11px;text-align:right}
.uad-modal .uad-modal__attr a{color:#999}
@media (max-width:767px){
  .uad-city .uad-city__label{display:none}
  .uad-city .uad-city__name{display:inline-block;max-width:42vw;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;font-size:14px}
  .uad-city--moved{margin-right:10px}
  .uad-city.uad-city--full{display:flex;width:100%;flex:0 0 100%;margin:0 0 8px;box-sizing:border-box}
  .uad-city.uad-city--full .uad-city__name{max-width:calc(100% - 28px)}
  /* підказка «Ваше місто — …?» на телефоні: налаштування «Підказка на телефоні» і «Відступ» (CSS-змінна --uad-cm-offset) */
  .uad-city.uad-cm-bottom .uad-city__confirm,.uad-city:not(.uad-cm-top):not(.uad-cm-tip) .uad-city__confirm{position:fixed;top:auto;bottom:calc(var(--uad-cm-offset,16px) + env(safe-area-inset-bottom,0px));left:16px !important;right:16px !important;min-width:0;z-index:100050}
  .uad-city.uad-cm-top .uad-city__confirm{position:fixed;bottom:auto;top:calc(var(--uad-cm-offset,16px) + env(safe-area-inset-top,0px));left:16px !important;right:16px !important;min-width:0;z-index:100050}
  .uad-city.uad-cm-bottom .uad-city__confirm:before,.uad-city.uad-cm-top .uad-city__confirm:before,.uad-city:not(.uad-cm-tip) .uad-city__confirm:before{display:none}
  .uad-city.uad-cm-tip .uad-city__confirm{max-width:calc(100vw - 32px)}
}
@media (max-width:480px){.uad-modal{padding:0}.uad-modal .uad-modal__box{max-width:none;max-height:none;height:100%;border-radius:0}}
/* оформлення замовлення: пошук міста й підтвердження */
.uad-ck-list{position:absolute;left:0;right:0;top:100%;z-index:1000;margin:2px 0 0;padding:4px 0;list-style:none;background:#fff;border:1px solid #d6d6d6;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.12);max-height:300px;overflow-y:auto;text-align:left}
.uad-ck-list[hidden]{display:none!important}
.uad-ck-list li{padding:8px 12px;cursor:pointer;font-size:14px;line-height:1.35;color:#222}
.uad-ck-list li.is-active,.uad-ck-list li:hover{background:#f2f2f2}
.uad-ck-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;padding:10px 12px;border-radius:8px;background:#fff8e1;font-size:14px;color:#222}
.uad-ck-confirm button{all:unset;cursor:pointer;padding:5px 12px!important;border-radius:6px;font-size:13px!important;line-height:1.3;text-transform:none!important}
.uad-ck-confirm .uad-ck-yes{background:#222!important;color:#fff!important}
.uad-ck-confirm .uad-ck-no{background:#fff!important;color:#222!important;border:1px solid #ccc}

.uad-delivery .uad-delivery__sub{display:block;font-size:12px;color:#777;font-weight:400;margin-top:2px}