/* ==========================================================================
   v82 — выбор оплаты таблетками (без «овала» при переносе), монета и стрелка одной кнопкой,
   поиск и другие монеты (Crypto Pay), поиск в меню, ровные стрелки плиток, линза в меню.
   Грузится после v79.css; приём :root:not(#v).
   ========================================================================== */

/* 1. Способы оплаты — отдельные таблетки. Раньше это был один «сегмент» с общей рамкой: в узком окне
      (Mini App на ПК ~380px) кнопки переносились, и рамка превращалась в овал. */
:root:not(#v) .cart-method--pills{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0;margin:0 0 4px;
  background:none;border:0;box-shadow:none;border-radius:0}
:root:not(#v) .cart-method--pills::before,:root:not(#v) .cart-method--pills::after{display:none}
:root:not(#v) .pay-pill,:root:not(#v) .crypto-pick{position:relative;display:inline-flex;align-items:center;min-height:42px;
  border-radius:999px;color:var(--text-dim);background:var(--lq-fill);box-shadow:inset 0 0 0 1px var(--line);
  transition:background-color .2s ease,box-shadow .2s ease,color .2s ease,transform .25s var(--spr,ease)}
:root:not(#v) .pay-pill{padding:0 16px;border:0;cursor:pointer;font:600 14px/1 var(--f-sans)}
:root:not(#v) .pay-pill:active{transform:scale(.97)}
:root:not(#v) .pay-pill.is-active,:root:not(#v) .crypto-pick.is-active{color:var(--text);
  background:color-mix(in srgb,var(--text) 10%,var(--lq-fill));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tone,var(--text)) 55%,transparent)}
@media (hover:hover) and (pointer:fine){
  :root:not(#v) .pay-pill:hover,:root:not(#v) .crypto-pick:hover{color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong)}
  :root:not(#v) .pay-pill.is-active:hover,:root:not(#v) .crypto-pick.is-active:hover{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tone,var(--text)) 55%,transparent)}
}
:root:not(#v) .pay-pill:focus-visible,:root:not(#v) .crypto-pick button:focus-visible{outline:2px solid var(--violet-hi,var(--text));outline-offset:2px}

/* монета + стрелка — одна таблетка: слева выбор (значок, монета), справа раскрытие списка */
:root:not(#v) .crypto-pick{padding:0;overflow:hidden}
:root:not(#v) .crypto-pick button{display:inline-flex;align-items:center;height:42px;margin:0;border:0;background:none;color:inherit;cursor:pointer}
:root:not(#v) .crypto-pick__main{gap:8px;padding:0 6px 0 12px;font:700 14px/1 var(--f-sans);letter-spacing:-.005em}
:root:not(#v) .crypto-pick__more{justify-content:center;width:34px;padding:0 8px 0 4px;opacity:.6;
  border-left:1px solid color-mix(in srgb,var(--tone,var(--text)) 12%,transparent)!important;transition:opacity .2s ease}
:root:not(#v) .crypto-pick__more svg{transition:transform .35s var(--spr,cubic-bezier(.22,1,.36,1))}
:root:not(#v) .crypto-pick.is-open .crypto-pick__more{opacity:1}
:root:not(#v) .crypto-pick.is-open .crypto-pick__more svg{transform:rotate(180deg)}
@media (hover:hover) and (pointer:fine){:root:not(#v) .crypto-pick__more:hover{opacity:1}}

/* значки монет без картинки — кружок с буквами фирменного цвета */
:root:not(#v) .coin-ico--txt,:root:not(#v) .crypto-opt span.coin-ico.coin-ico--txt{display:inline-grid;place-items:center;grid-area:auto;min-width:0;
  border-radius:50%;color:#fff;font-weight:800;font-family:var(--f-sans);letter-spacing:0;line-height:1;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);overflow:hidden}

/* список монет: поиск, «без комиссии», «через Crypto Bot» */
:root:not(#v) .crypto-search{position:relative;display:flex;align-items:center;margin:0 0 10px}
:root:not(#v) .crypto-search svg{position:absolute;left:12px;color:var(--text-mute);pointer-events:none}
:root:not(#v) .crypto-search input{width:100%;min-width:0;height:40px;padding:0 12px 0 36px;border:0;border-radius:12px;outline:0;
  color:var(--text);background:color-mix(in srgb,var(--tone,var(--text)) 5%,transparent);box-shadow:inset 0 0 0 1px var(--line);font:500 14px/1 var(--f-sans)}
:root:not(#v) .crypto-search input:focus{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tone,var(--text)) 55%,transparent)}
:root:not(#v) .crypto-list__t{margin:10px 0 6px}
:root:not(#v) .crypto-list__t:first-of-type{margin-top:0}
:root:not(#v) .crypto-list__row--many{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px}
:root:not(#v) .crypto-list__row--many .crypto-opt{min-height:46px;padding:6px 8px;column-gap:8px;grid-template-columns:24px minmax(0,1fr)}
:root:not(#v) .crypto-list__row--many .crypto-opt__ico{width:24px;height:24px}
:root:not(#v) .crypto-list__row--many .crypto-opt__ico .coin-ico{width:24px!important;height:24px!important}
:root:not(#v) .crypto-list__row--many .crypto-opt b{font-size:13.5px}
:root:not(#v) .crypto-list__row--many .crypto-opt span:not(.crypto-opt__ico):not(.coin-ico){font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root:not(#v) .crypto-list [hidden]{display:none!important}
:root:not(#v) .paywin__block--crypto .paywin__h .coin-ico{margin-right:8px;vertical-align:-5px}

/* 2. Поиск по сайту вверху меню (search.js). Поле — в шапке меню рядом с «×»; пока есть запрос,
      товары и ссылки меню прячутся, на их месте — результаты. Линза над поиском выключена (data-lens-off). */
:root:not(#v) .menu__head{justify-content:flex-start;gap:10px}
:root:not(#v) .msearch{position:relative;flex:1 1 auto;min-width:0;display:flex;align-items:center}
:root:not(#v) .msearch__field{position:relative;display:flex;align-items:center;width:100%;margin:0;cursor:text}
:root:not(#v) .msearch__field > svg{position:absolute;left:14px;color:var(--text-mute);pointer-events:none;transition:color .2s ease}
:root:not(#v) .msearch input{width:100%;min-width:0;height:44px;margin:0;padding:0 40px 0 42px;border:0;border-radius:999px;outline:0;
  -webkit-appearance:none;appearance:none;color:var(--text);font:500 15px/1 var(--f-sans);
  background:color-mix(in srgb,var(--tone,var(--text)) 6%,transparent);box-shadow:inset 0 0 0 1px var(--line);
  transition:box-shadow .2s ease,background-color .2s ease}
:root:not(#v) .msearch input::placeholder{color:var(--text-mute);opacity:1}
:root:not(#v) .msearch input::-webkit-search-cancel-button,:root:not(#v) .msearch input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
:root:not(#v) .msearch input:focus{background:color-mix(in srgb,var(--tone,var(--text)) 9%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tone,var(--text)) 50%,transparent)}
:root:not(#v) .msearch:focus-within .msearch__field > svg{color:var(--text)}
:root:not(#v) .msearch__clear{position:absolute;right:6px;display:none;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;
  background:transparent;color:var(--text-mute);cursor:pointer}
:root:not(#v) .msearch.has-q .msearch__clear{display:grid}
@media (hover:hover) and (pointer:fine){:root:not(#v) .msearch__clear:hover{color:var(--text);background:color-mix(in srgb,var(--tone,var(--text)) 8%,transparent)}}
:root:not(#v) .msearch__clear:focus-visible{outline:2px solid var(--violet-hi,var(--text));outline-offset:1px}
:root:not(#v) .menu__head .menu__close{flex:none}

:root:not(#v) .msearch__res[hidden]{display:none}
:root:not(#v) .msearch__res{margin-top:calc(var(--s-6) * -0.5)}
:root:not(#v) .menu.is-searching .menu__group,:root:not(#v) .menu.is-searching .menu__prefs{display:none}
:root:not(#v) .msr__list{display:grid;gap:4px}
:root:not(#v) .msr__item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;column-gap:12px;min-height:56px;
  padding:8px 10px;border-radius:16px;color:var(--text);text-decoration:none;transition:background-color .15s ease}
:root:not(#v) .msr__item.is-active,:root:not(#v) .msr__item:focus-visible{background:color-mix(in srgb,var(--tone,var(--text)) 8%,transparent);outline:0}
:root:not(#v) .msr__ic{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:var(--text-dim);
  background:color-mix(in srgb,var(--tone,var(--text)) 5%,transparent);box-shadow:inset 0 0 0 1px var(--line-soft,var(--line))}
:root:not(#v) .msr__item--product .msr__ic{color:var(--text)}
:root:not(#v) .msr__txt{display:grid;gap:3px;min-width:0}
:root:not(#v) .msr__txt b{font:600 15px/1.25 var(--f-sans);letter-spacing:-.005em;overflow:hidden;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
:root:not(#v) .msr__txt small{font:500 12.5px/1.35 var(--f-sans);color:var(--text-mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
:root:not(#v) .msr__txt mark{background:none;color:var(--text);font-weight:700;box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--violet-hi,var(--text)) 55%,transparent)}
:root:not(#v) .msr__kind{font:600 10.5px/1 var(--f-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute);white-space:nowrap}
:root:not(#v) .msr__suggest{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
:root:not(#v) .msr__suggest > span{margin-right:2px;font:500 12.5px/1 var(--f-sans);color:var(--text-mute)}
:root:not(#v) .msr__chip{height:32px;padding:0 12px;border:0;border-radius:999px;cursor:pointer;color:var(--text-dim);
  font:600 13px/1 var(--f-sans);background:transparent;box-shadow:inset 0 0 0 1px var(--line);transition:color .2s ease,box-shadow .2s ease}
@media (hover:hover) and (pointer:fine){:root:not(#v) .msr__chip:hover{color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong)}}
:root:not(#v) .msr__empty{display:grid;gap:10px;padding:6px 2px}
:root:not(#v) .msr__empty p{margin:0;font:500 14px/1.4 var(--f-sans);color:var(--text-dim)}
:root:not(#v) .msr__help{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;min-height:40px;padding:0 14px;border-radius:999px;
  color:var(--text);font:600 13.5px/1.2 var(--f-sans);text-decoration:none;box-shadow:inset 0 0 0 1px var(--line)}
@media (max-width:420px){
  :root:not(#v) .msr__kind{display:none}
  :root:not(#v) .msr__item{grid-template-columns:32px minmax(0,1fr);column-gap:10px}
  :root:not(#v) .msr__ic{width:32px;height:32px;border-radius:10px}
}

/* 3. Плитки-группы каталога (Telegram, PlayStation). Стрелка раскрытия стояла сразу под описанием —
      у плиток с разной длиной текста стрелки в одном ряду были на разной высоте. Теперь шапка плитки
      тянется на всю высоту (плитки ряда и так одной высоты), а стрелка прижата к её низу — на той же
      линии, что «Подробнее» у соседних плиток. В раскрытой плитке стрелка — над списком. */
:root:not(#v) .tile--group .tile__head{flex:1 1 auto}
:root:not(#v) .tile--group .tile__head p{margin-bottom:16px}
:root:not(#v) .tile--group .tile__arrow{margin-top:auto}
/* Плашки внутри раскрытого списка при наведении приподнимаются и наклоняются (ui.js setupMotion) —
   список с overflow:hidden срезал им верхний край. Запас по 8px со всех сторон (компенсирован полями). */
:root:not(#v) .tile--group .tile__sub{margin-left:-8px;margin-right:-8px;padding:0 8px;
  transition:max-height .55s var(--spring),opacity .35s ease,margin-top .55s var(--spring),padding .55s var(--spring),visibility 0s linear .55s}
:root:not(#v) .tile--group.is-open .tile__sub{margin-top:8px;padding-top:8px;padding-bottom:8px;
  transition:max-height .55s var(--spring),opacity .35s ease .05s,margin-top .55s var(--spring),padding .55s var(--spring),visibility 0s}