/* 24.09.2026 UX-аудит СПК (стенд). Отдельный слой поверх rove, чтобы не мешать параллельным правкам. */

/* 1. Cookie: маленькая светлая плашка над нижним меню вместо тёмного баннера на полэкрана.
   Обе кнопки одного размера и рядом: отказ так же доступен, как согласие (требование РКН). */
html body.rpcn .cc-cookie{left:10px!important;right:10px!important;bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;
  padding:12px 14px!important;border-radius:18px!important;background:rgba(255,255,255,.97)!important;border:0!important;
  box-shadow:0 10px 30px rgba(20,20,32,.16)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;max-width:520px;margin:0 auto}
html body.rpcn .cc-cookie-inner{gap:10px!important}
html body.rpcn .cc-cookie-text{flex:1 1 100%!important;font:400 12.5px/1.4 var(--ui,system-ui)!important;color:#4A4A4F!important}
html body.rpcn .cc-cookie-text a{color:#21201F!important}
html body.rpcn .cc-cookie-actions{flex:1 1 100%!important;display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}
html body.rpcn .cc-cookie-btn{min-width:0!important;padding:10px 12px!important;font:700 13.5px/1.2 var(--ui,system-ui)!important;border:0!important;box-shadow:none!important;background:#141420!important;color:#fff!important;border-radius:999px!important}
html body.rpcn .cc-cookie-btn--sec{background:#ECECEE!important;color:#21201F!important}

/* 2. Профиль гостя: экран входа вместо чужого примера */
html body.rpcn .n-uxg{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:18px 0 8px;padding:22px 18px;border-radius:24px;
  background:linear-gradient(160deg,#ffffff -10%,#E9E3FF 90%);color:#21201F}
html body.rpcn .n-uxg__pic{width:84px;height:84px;background:center/contain no-repeat;filter:drop-shadow(0 8px 16px rgba(0,0,0,.12))}
html body.rpcn .n-uxg__h{margin:4px 0 0;font:800 22px/1.2 var(--disp,var(--ui,system-ui));color:#21201F}
html body.rpcn .n-uxg__t{margin:0;font:400 14px/1.45 var(--ui,system-ui);color:#4A4A4F}
html body.rpcn .n-uxg__go{display:flex;align-items:center;justify-content:center;width:100%;height:48px;margin-top:6px;border-radius:999px;background:#141420;color:#fff;font:700 15px/1 var(--ui,system-ui);text-decoration:none}
html body.rpcn .n-uxg__alt{align-self:center;font:600 13.5px/1.3 var(--ui,system-ui);color:#4A4A4F;text-decoration:underline;text-underline-offset:2px}

/* 7. Рейтинг: заметная плашка входа для гостя */
html body.rpcn .n-rl__note.n-uxlog{display:flex;align-items:center;gap:12px;margin:6px 0 12px;padding:14px 14px 14px 16px;border-radius:18px;
  background:linear-gradient(160deg,#ffffff -10%,#D6C9FF 90%);text-decoration:none;color:#21201F}
html body.rpcn .n-uxlog span{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
html body.rpcn .n-uxlog b{font:700 15px/1.25 var(--ui,system-ui);color:#21201F}
html body.rpcn .n-uxlog small{font:400 12.5px/1.35 var(--ui,system-ui);color:#4A4A4F}
html body.rpcn .n-uxlog em{flex:none;font-style:normal;padding:10px 16px;border-radius:999px;background:#141420;color:#fff;font:700 13.5px/1 var(--ui,system-ui)}

/* 12. Гость: в шапке кнопка «Войти» вместо серого кружка */
html body.rpcn .n-top .n-me.n-me--login,html body.rpcn.rpcn-rove .n-top .n-me.n-me--login,html body.rpcn .n-me.n-me--login{width:auto!important;height:36px!important;padding:0 14px!important;border-radius:999px!important;
  background:#141420!important;color:#fff!important;font:700 13.5px/36px var(--ui,system-ui)!important;display:inline-flex!important;align-items:center;justify-content:center;box-shadow:none!important;white-space:nowrap;text-decoration:none}

/* 5. «Клубы»: рекламная карусель ниже примерно вдвое, чтобы первая строка рекомендуемых клубов
   помещалась на первом экране 390x844 целиком. Тяга вниз по-прежнему раскрывает рекламу. */
html body.rpcn .app[data-screen="discover"] .n-dv.n-dv--ads:not(.is-pulled){min-height:calc(214px + env(safe-area-inset-top,0px))!important;height:calc(214px + env(safe-area-inset-top,0px))!important;padding-top:0!important;padding-bottom:0!important}
html body.rpcn .app[data-screen="discover"] .n-dv--ads:not(.is-pulled) .n-dv__slide{padding:calc(78px + env(safe-area-inset-top,0px)) 20px 34px!important}
html body.rpcn .app[data-screen="discover"] .n-dv--ads:not(.is-pulled) .n-dv__adt span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}

/* 13. «Моё»: «Мой профиль» и «Свой клуб» половинками в одну строку, рекламная карусель компактной полосой */
html body.rpcn .app[data-screen="home"] .n-ytiles{grid-template-columns:repeat(6,1fr)!important}
html body.rpcn .app[data-screen="home"] .n-ytiles>*{grid-column:span 2}
html body.rpcn .app[data-screen="home"] .n-ytiles>.n-adc,html body.rpcn .app[data-screen="home"] .n-ytiles>.n-yt--ownertg,html body.rpcn .app[data-screen="home"] .n-ytiles>.n-yt--wide{grid-column:1/-1}
html body.rpcn .app[data-screen="home"] .n-ytiles>.n-yt--half{grid-column:span 3;aspect-ratio:auto!important;min-height:124px!important}
html body.rpcn .app[data-screen="home"] .n-adc{min-height:0!important}
html body.rpcn .app[data-screen="home"] .n-adc .n-adc__i{min-height:112px!important;height:112px!important}
html body.rpcn .app[data-screen="discover"] .n-dv--ads:not(.is-pulled) .n-dv__where{display:none!important}
html body.rpcn .app[data-screen="discover"] .n-dv--ads:not(.is-pulled) .n-dv__adt b{font-size:20px!important;line-height:1.2!important}
/* кнопки-ссылки: цвет текста не отдаём общим правилам ссылок */
html body.rpcn a.n-uxg__go,html body.rpcn a.n-uxg__go:visited{color:#fff!important}
html body.rpcn .n-uxlog em{color:#fff!important}
html body.rpcn.rpcn-rove .app[data-screen] .n-top .n-me.n-me--login{background:#141420!important;color:#fff!important;border-radius:999px!important}
html body.rpcn.rpcn-rove .app[data-screen="discover"] .n-top .n-me.n-me--login{background:#fff!important;color:#141420!important}
html body.rpcn .app a.n-rl__note.n-uxlog em,html body.rpcn a.n-rl__note.n-uxlog em{color:#fff!important;background:#141420!important}
html body.rpcn.rpcn-rove .app[data-screen="rating"] a.n-rl__note.n-uxlog em,html body.rpcn.rpcn-rove .app[data-screen] a.n-rl__note.n-uxlog em{color:#fff!important;background:#141420!important;-webkit-text-fill-color:#fff!important}
/* 24.09 перенос в прод: заголовок слайда не подходит к шапке/пилюле города - запас сверху */
html body.rpcn .app[data-screen="discover"] .n-dv.n-dv--ads:not(.is-pulled){min-height:calc(230px + env(safe-area-inset-top,0px))!important;height:calc(230px + env(safe-area-inset-top,0px))!important}
html body.rpcn .app[data-screen="discover"] .n-dv--ads:not(.is-pulled) .n-dv__slide{padding-top:calc(94px + env(safe-area-inset-top,0px))!important}