/* Выбор города plitkoin.ru и городских поддоменов: кнопка города в шапке, окно выбора (templates/parts/city_pick.php, assets/js/city.js), подсказки.
   По city_pick.css старого сайта (22.10.2026). С 10.11.2026 подключается на всех страницах темы plitkoin (plitkoin.ru и города; myplitka — нет). */
.plk-cp-btn span:after,.th-city span:after{content:"";display:inline-block;width:6px;height:6px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);margin:0 0 3px 7px}

/* plitkoin.ru, ПК: «📍 Самара ▾» слева в верхней полосе (как top_header_geo старого шаблона). На поддомене город — бирюзовая кнопка справа (plk-cp-btn). */
.th-city{display:none}
@media (min-width:993px){
  .th-city{display:inline-flex;align-items:center;gap:5px;flex:none;margin-right:26px;color:var(--c1)!important;font-weight:600;text-decoration:none!important;white-space:nowrap;transition:var(--animation1)}
  .th-city svg{width:15px;height:15px;flex:none;color:var(--c0)}
  .th-city span{border-bottom:1px dashed rgba(0,128,128,.45);line-height:1.2}
  .th-city span:after{margin-left:6px;border-color:var(--c0)}
  .th-city:hover,.th-city:focus-visible{color:var(--c0)!important}
  /* место под город: строка меню остаётся в одну линию (проверено 993–1920) — пункты чуть плотнее, на 1240+ (виден «Производители») шрифт 13 px */
  .th-has-city .top_header_menu_ul > li > a,.th-has-city .tm-opt-b{padding-right:22px}
}
@media (min-width:993px) and (max-width:1199px){.th-has-city .top_header_menu_ul > li > a,.th-has-city .tm-opt-b{padding-right:18px}.th-city{margin-right:20px}}
@media (min-width:1240px){.th-has-city .top_header_menu_ul > li > a,.th-has-city .tm-opt-b{font-size:13px;padding-right:20px}.th-has-city .th-city{font-size:13px;margin-right:22px}}

/* мобильное «Меню»: город — первой светлой строкой (как li.plk-cp-li старого сайта, order:-1) */
@media (max-width:992px){
  .top_header_menu_ul li.tm-city a{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:9px;align-items:center;margin:0 10px 8px;padding:8px 12px;border:0;border-radius:10px;background:#f4f7f7;color:var(--c1)}
  .top_header_menu_ul li.tm-city a:hover{color:var(--c1);background:#e6f2f2}
  .tm-city svg{grid-row:1/3;width:17px;height:17px;color:var(--c0)}
  .tm-city b{font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .tm-city span{font-size:12px;line-height:1.25;color:var(--c0)}
}

/* окно выбора */
.plk-cp{position:fixed;inset:0;z-index:10200;background:rgba(15,20,22,.55);display:none;align-items:flex-start;justify-content:center;padding:70px 16px 16px}
.plk-cp.on,.plk-cp:target{display:flex}
.plk-cp-box{background:#fff;border-radius:16px;width:100%;max-width:440px;max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);display:flex;flex-direction:column;padding:20px 18px 14px;position:relative;box-shadow:0 18px 50px rgba(0,0,0,.25)}
/* × — position:absolute и при нажатии: общее a:active{position:relative;bottom:-1px} шаблона сдвигало крестик, клик уходил мимо и окно не закрывалось */
.plk-cp [hidden]{display:none!important}
.plk-cp-x,.plk-cp-x:active{position:absolute;bottom:auto;right:8px;top:6px;font-size:30px;line-height:44px;text-align:center;color:var(--c3)!important;text-decoration:none!important;width:44px;height:44px}
.plk-cp-h{font-size:21px;font-weight:700;color:var(--c1);margin:2px 0 12px}
.plk-cp-t{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.plk-cp-q{border:1px solid #dde4e3;border-radius:10px;padding:11px 12px;font:inherit;font-size:16px;width:100%;box-sizing:border-box;background:#fff;height:auto}
.plk-cp-geo{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 14px;border:1px solid var(--c0);border-radius:10px;background:#fff;color:var(--c0);font:inherit;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap;transition:var(--animation1)}
.plk-cp-geo:hover{background:#e6f2f2}.plk-cp-geo:disabled{opacity:.6;cursor:progress}
.plk-cp-geo svg{flex:none}
.plk-cp-gr{font-size:14px;line-height:1.45;color:var(--c1);background:#eef6f6;border-radius:10px;padding:10px 12px;margin:0 0 10px}
.plk-cp-gr.err{background:#fff4e5;color:#6b4300}
.plk-cp-gr-go{display:block;width:max-content;max-width:100%;margin-top:8px;padding:9px 14px;border-radius:9px;background:var(--c0);color:#fff!important;font-weight:600;text-decoration:none!important}
.plk-cp-gr-go:hover{background:var(--c1)}
.plk-cp-list{overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;margin:0 -6px}
.plk-cp-i{display:block;padding:9px 12px;border-radius:10px;text-decoration:none!important;color:var(--c1)!important}
.plk-cp-i:hover,.plk-cp-i:focus-visible{background:#f2f7f7}
.plk-cp-i b{display:block;font-size:16px;font-weight:600}
.plk-cp-i span{display:block;font-size:13px;color:var(--c3);margin-top:2px}
.plk-cp-i.cur{background:#e6f2f2}.plk-cp-i.cur b:after{content:" ✓";color:var(--c0)}
.plk-cp-none{grid-column:1/-1;padding:10px 12px;font-size:14px;color:var(--c3)}
.plk-cp-n{font-size:12px;color:var(--c3);margin-top:10px}
.plk-cp-n a{white-space:nowrap}
@media (min-width:769px){   /* ПК: 19 городов в две колонки — без прокрутки списка */
  .plk-cp-box{max-width:680px;padding:22px 22px 16px}
  .plk-cp-t{flex-direction:row}
  .plk-cp-q{flex:1;min-width:0}
  .plk-cp-list{display:grid;grid-template-columns:1fr 1fr;gap:2px 6px;align-content:start}
}

/* подсказка «Вы выбирали …» / «Похоже, вы в …» */
.plk-cb{position:fixed;left:20px;bottom:20px;z-index:10190;background:#1d2427;color:#fff;border-radius:14px;padding:14px 16px;max-width:380px;box-shadow:0 12px 40px rgba(0,0,0,.3);transform:translateY(20px);opacity:0;transition:transform .25s,opacity .25s}
.plk-cb.on{transform:none;opacity:1}
.plk-cb-t{font-size:15px;line-height:1.4;margin-bottom:10px}
.plk-cb-a{display:flex;gap:8px;flex-wrap:wrap}
.plk-cb-a a,.plk-cb-a button{border:0;border-radius:9px;padding:10px 14px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none!important}
.plk-cb-y{background:var(--c0);color:#fff!important}.plk-cb-n{background:#3a4448;color:#e5ebec}
@media (max-width:768px){.plk-cb{left:10px;right:10px;max-width:none;bottom:calc(70px + env(safe-area-inset-bottom))}.plk-cp{padding-top:40px}.plk-cp-box{max-height:calc(100vh - 60px);max-height:calc(100dvh - 60px)}}