/* ==========================================================================
   v79 — стрелки раскрытия из жидкого стекла, меню поверх сайта на телефоне,
   выбор криптовалюты (TON / USDT), живой обменник на главной.
   Грузится после v78.css; приём :root:not(#v).
   ========================================================================== */

/* 1. Плитка каталога: кнопка раскрытия — в потоке, под описанием, справа. Раньше она стояла
      поверх текста (абсолютно, справа вверху/внизу) и в узкой плитке закрывала строки описания. */
:root:not(#v) .tile--group .tile__arrow{position:relative;top:auto;right:auto;bottom:auto;align-self:flex-end;flex:none;
  width:42px;height:42px;margin-top:16px;border:0;isolation:isolate;color:var(--text-dim);
  background:var(--lq-fill);box-shadow:var(--lq-drop),var(--lq-rim);
  -webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);
  transition:transform .55s var(--spr,cubic-bezier(.22,1,.36,1)),background-color .25s ease,color .25s ease}
/* кайма-призма с бликом (тот же материал, что у .lq-btn; угол двигает glare.js) */
:root:not(#v) .tile--group .tile__arrow::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:conic-gradient(from var(--lq-a,200deg),var(--lq-stops));opacity:.85;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
:root:not(#v) .tile--group .tile__arrow::before{margin-top:-3px}
:root:not(#v) .tile--group.is-open .tile__arrow{transform:rotate(180deg);color:var(--text);
  background:color-mix(in srgb,var(--text) 9%,var(--lq-fill))}
@media (hover:hover) and (pointer:fine){
  :root:not(#v) .tile--group .tile__head:hover .tile__arrow{color:var(--text);background:var(--lq-fill-hover,color-mix(in srgb,var(--text) 8%,var(--lq-fill)))}
}
:root:not(#v) .tile--group .tile__head:active .tile__arrow{scale:.94}
:root:not(#v) .tile--group .tile__head p{margin-bottom:0}
@media (hover:none){
  :root:not(#v) .tile--group .tile__arrow{-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* 2. Меню на телефоне и в Mini App — тот же отгиб листа, что на ПК (peel.js: menu--peel, слои .peel-edge).
      v80: меню — «окно» шириной как на сайте, выезжает справа, содержимое стоит на месте; кромка листа —
      SVG-выпуклость с бликом, тень изгиба на странице и тень листа на меню — градиенты. Каждый кадр меняет
      только transform: страница не перерисовывается, поэтому без подлагиваний. */
:root:not(#v) .menu.menu--peel{z-index:90;left:auto;right:0;contain:layout paint style;visibility:visible}
/* меню непрозрачное — размытие фона под его кнопками ничего не даёт, но пересчитывалось бы на каждом кадре */
:root:not(#v) .menu.menu--peel *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
:root:not(#v) .menu.menu--peel::after{content:"";position:absolute;top:0;bottom:0;left:0;width:44px;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,.24) 25%,rgba(0,0,0,.07) 60%,transparent)}
:root[data-theme="light"]:not(#v) .menu.menu--peel::after{background:linear-gradient(90deg,rgba(0,0,0,.16),rgba(0,0,0,.08) 30%,transparent)}
:root:not(#v) .peel-edge{position:fixed;top:0;left:0;z-index:91;display:block;pointer-events:none;visibility:hidden;will-change:transform}

/* плашка согласия и уведомления (z 120) не ложатся поверх открытого меню */
html.nav-open:not(#v) .consent-bar{visibility:hidden;opacity:0}

/* 3. Корзина: «Криптовалюта» — кнопка TON/USDT и стрелка, которая раскрывает список монет */
:root:not(#v) .cart-method{align-items:center}
:root:not(#v) .crypto-more{flex:none;display:grid;place-items:center;width:30px;height:36px;margin:0 2px 0 -4px;padding:0;border:0;
  border-radius:10px;background:transparent;box-shadow:none;cursor:pointer;color:var(--text);opacity:.5;
  transition:opacity .2s ease,transform .25s var(--spr,ease)}
:root:not(#v) .crypto-more svg{transition:transform .4s var(--spr,cubic-bezier(.22,1,.36,1))}
:root:not(#v) .crypto-more.is-open{opacity:.85}
:root:not(#v) .crypto-more.is-open svg{transform:rotate(180deg)}
:root:not(#v) .crypto-more:active{transform:scale(.9)}
:root:not(#v) .crypto-more:focus-visible{outline:2px solid var(--violet-hi,var(--text));outline-offset:1px;opacity:1}
@media (hover:hover) and (pointer:fine){:root:not(#v) .crypto-more:hover{opacity:.85}}
/* v81: значки монет (официальные GRAM и USDT) */
:root:not(#v) .coin-ico{display:inline-block;flex:none;border-radius:50%;vertical-align:middle}
:root:not(#v) .seg__btn--crypto{display:inline-flex;align-items:center;justify-content:center;gap:7px}
:root:not(#v) .paywin__h .coin-ico{margin-right:8px;vertical-align:-5px}

:root:not(#v) .crypto-list{margin:10px 0 4px;padding:12px;border-radius:18px;background:var(--lq-fill);box-shadow:var(--lq-rim)}
:root:not(#v) .crypto-list.is-enter{animation:cryptoIn .38s var(--spr-soft,cubic-bezier(.22,1,.36,1)) both}
:root:not(#v) .crypto-list[hidden]{display:none}
:root:not(#v) .crypto-list__t{margin:0 0 8px;font:600 11px/1 var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-mute)}
:root:not(#v) .crypto-list__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}
:root:not(#v) .crypto-opt{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-areas:"ico code" "ico sub";align-items:center;
  column-gap:10px;min-height:54px;padding:8px 12px;border:0;border-radius:14px;cursor:pointer;text-align:left;color:var(--text);
  background:transparent;box-shadow:inset 0 0 0 1px var(--line);transition:background-color .2s ease,box-shadow .2s ease,transform .3s var(--spr,ease)}
:root:not(#v) .crypto-opt b{grid-area:code;font:700 15px/1.1 var(--f-sans)}
:root:not(#v) .crypto-opt span:not(.crypto-opt__ico){grid-area:sub;font:500 12px/1.3 var(--f-sans);color:var(--text-mute);min-width:0}
:root:not(#v) .crypto-opt__ico{grid-area:ico;display:grid;place-items:center;width:30px;height:30px}
:root:not(#v) .crypto-opt.is-active{background:color-mix(in srgb,var(--tone,var(--text)) 8%,transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tone,var(--text)) 55%,transparent)}
:root:not(#v) .crypto-opt:active{transform:scale(.97)}
:root:not(#v) .crypto-opt:focus-visible{outline:2px solid var(--violet-hi,var(--text));outline-offset:2px}
@keyframes cryptoIn{from{opacity:0;transform:translate3d(0,-6px,0)}to{opacity:1;transform:none}}

/* окно оплаты: блок USDT и предупреждение о сети */
:root:not(#v) .paywin__net{margin:6px 0 0;padding:8px 10px;border-radius:10px;font:500 12.5px/1.4 var(--f-sans);
  color:var(--text-dim);background:color-mix(in srgb,#26a17b 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,#26a17b 35%,transparent)}

/* 4. Обменник на главной: цифры докручиваются, у курса — «живая» точка. v80: стрелка ★ → TON неподвижна */
:root:not(#v) .xmini.is-flow .xmini__out b{animation:xmPop .5s var(--spr-pop,cubic-bezier(.34,1.56,.64,1))}
@keyframes xmPop{0%{transform:none}35%{transform:translateY(-2px) scale(1.035)}100%{transform:none}}
:root:not(#v) .xmini__rate{display:flex;align-items:center;gap:8px}
:root:not(#v) .xmini__rate::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:#3ccf7a;
  box-shadow:0 0 0 0 rgba(60,207,122,.5);animation:xmLive 2.4s ease-out infinite}
:root:not(#v) .xmini.is-off .xmini__rate::before{background:var(--text-mute);animation:none}
@keyframes xmLive{0%{box-shadow:0 0 0 0 rgba(60,207,122,.45)}70%{box-shadow:0 0 0 7px rgba(60,207,122,0)}100%{box-shadow:0 0 0 0 rgba(60,207,122,0)}}
:root:not(#v) .xmini__slider:active{cursor:grabbing}
:root:not(#v) .xmini__chips .chip{transition:transform .35s var(--spr,ease),background-color .2s ease,box-shadow .2s ease}
:root:not(#v) .xmini__chips .chip:active{transform:scale(.94)}
:root:not(#v) .xmini__chips .chip.is-on{animation:xmPop .45s var(--spr-pop,ease)}
@media (prefers-reduced-motion:reduce){
  :root:not(#v) .xmini.is-flow .xmini__out b,
  :root:not(#v) .xmini__rate::before,:root:not(#v) .xmini__chips .chip.is-on{animation:none}
}

/* 5. v80: сенсорные экраны — без размытия фона у элементов в потоке страницы. На однотонном фоне оно почти
      не видно, а видеокарта пересчитывала его у ~36 стекол на каждом кадре прокрутки. Шапка, панель вкладок
      и окна (над движущимся содержимым) размытие сохраняют. */
@media (pointer:coarse){
  :root:not(#v) #sheet main *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}