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

/* 1. Меню на телефоне и в Mini App: лист сдвигается transform-ом (peel.js renderLite).
      Тень по кромке — обычная тень со смещением, без холста; стекло внутри уезжающего листа
      на время открытия не размывает фон — иначе размытие пересчитывалось на каждом кадре сдвига. */
:root:not(#v) .sheet.is-sliding{box-shadow:16px 0 36px -12px rgba(0,0,0,.55);transition:none}
:root[data-theme="light"]:not(#v) .sheet.is-sliding{box-shadow:16px 0 36px -12px rgba(15,18,30,.22)}
:root:not(#v) .sheet.is-sliding *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* 2. Плитка каталога: круглая кнопка раскрытия — справа вверху, на уровне знака, а не рядом с
      последней строкой описания: в узкой плитке они касались друг друга */
:root:not(#v) .tile--group .tile__arrow{top:27px;bottom:auto}
:root:not(#v) .tile--group .tile__head p{padding-right:0}
:root:not(#v) .tile--group .tile__head h3{padding-right:0}

/* 3. Вкладки «Динамики цен»: название ряда и плашка изменения больше не делят одну строку впритык —
      название целиком (раньше обрезалось многоточием под плашкой «история копится»), плашка
      переносится строкой ниже, если места мало */
:root:not(#v) .pulse__top{flex-wrap:wrap;align-items:flex-start;row-gap:6px}
:root:not(#v) .pulse__label{flex:1 1 auto;min-width:0;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:break-word}
:root:not(#v) .pulse__badge{flex:none}

/* 4. Шапка тарифов PS Plus на телефоне: колонка сетки росла по самой широкой ленте (регионы,
      переключатель) и выталкивала подзаголовок за правый край экрана */
:root:not(#v) .pricing__head{grid-template-columns:minmax(0,1fr);width:100%;min-width:0}
:root:not(#v) .pricing__head > *{max-width:100%;min-width:0}

/* 5. Плакат «Всё для Telegram и PlayStation»: минимум 56px не помещал «PlayStation» в экран 320px —
      на узких экранах размер идёт только от ширины (≈7,6em на самое длинное слово) */
@media (max-width:480px){:root:not(#v) .display-xl{font-size:clamp(34px,11.6vw,56px);max-width:none}}