/*
 * Плашка «ваш город?» — модуль «Регионы» (компонент region_detect).
 * Цвета вынесены в переменные --dp-ra-*: тема перекрашивает плашку под бренд,
 * не трогая этот файл.
 */
.dp-ra{position:absolute;top:0;left:0;z-index:9998;width:max-content;max-width:min(320px,calc(100vw - 24px));
 background:var(--dp-ra-bg,#fff);color:var(--dp-ra-fg,#1d1d1f);border-radius:var(--dp-ra-radius,10px);
 box-shadow:var(--dp-ra-shadow,0 8px 32px rgba(0,0,0,.18));padding:16px 18px;
 font-size:var(--dp-ra-size,15px);line-height:1.4;opacity:0;transform:translateY(-6px);
 transition:opacity .18s ease,transform .18s ease}
.dp-ra.is-in{opacity:1;transform:none}
.dp-ra__arrow{position:absolute;top:-5px;width:12px;height:12px;background:var(--dp-ra-bg,#fff);transform:rotate(45deg)}
.dp-ra__title{margin:0 26px 12px 0;font-weight:600}
.dp-ra__row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.dp-ra__yes{padding:9px 16px;border:0;border-radius:var(--dp-ra-btn-radius,8px);cursor:pointer;font:inherit;
 font-weight:600;background:var(--dp-ra-accent,#2f57d4);color:var(--dp-ra-accent-fg,#fff)}
.dp-ra__no{padding:9px 0;border:0;background:none;cursor:pointer;font:inherit;
 color:var(--dp-ra-muted,#6b7280);text-decoration:underline}
.dp-ra__close{position:absolute;top:6px;right:8px;width:30px;height:30px;border:0;background:none;cursor:pointer;
 color:var(--dp-ra-muted,#6b7280);font-size:20px;line-height:1;border-radius:6px}
.dp-ra__close:hover,.dp-ra__no:hover{color:var(--dp-ra-fg,#1d1d1f)}
.dp-ra__list{margin:12px 0 0;padding:0;list-style:none;max-height:44vh;overflow:auto}
.dp-ra__list a,.dp-ra__cur{display:block;padding:8px 0;color:inherit;text-decoration:none;border-bottom:1px solid var(--dp-ra-line,rgba(0,0,0,.08))}
.dp-ra__list a:hover{color:var(--dp-ra-accent,#2f57d4)}
.dp-ra__cur{font-weight:600;cursor:default}
.dp-ra__cur:after{content:' ✓';color:var(--dp-ra-accent,#2f57d4)}
.dp-ra__list li:last-child a,.dp-ra__list li:last-child .dp-ra__cur{border-bottom:0}
.dp-ra--sheet{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;max-width:none;
 border-radius:var(--dp-ra-sheet-radius,14px) var(--dp-ra-sheet-radius,14px) 0 0;
 transform:translateY(100%);padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px))}
.dp-ra--sheet.is-in{transform:none}
.dp-ra--sheet .dp-ra__arrow{display:none}
@media (prefers-reduced-motion:reduce){.dp-ra{transition:none}}