/* п.747: страница /favorites/ - панель «Избранного» (ui/favorites-panel.css) в странице, а не шторкой или окном
   (js/favorites-page.js). До п.747 здесь были стили своей страницы компьютера (п.381, классы .yfp-*). */
[data-yfp-off] { display: none !important; }
.yfp-host { max-width: 760px; margin: 8px 0 40px; }
html.yfp-on .ym-mobile-favorites-panel.yf { position: static !important; inset: auto !important; z-index: auto !important; display: block !important;
    width: auto !important; height: auto !important; max-height: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
    border-radius: 0 !important; background: none !important; box-shadow: none !important; transform: none !important; opacity: 1 !important;
    visibility: visible !important; overflow: visible !important; animation: none !important; }
html.yfp-on .ym-mobile-favorites-panel.yf > .yf-scroll { position: static !important; inset: auto !important; width: auto !important; height: auto !important; max-height: none !important;
    overflow: visible !important; padding: 0 !important; transform: none !important; }
html.yfp-on .ym-mobile-favorites-panel.yf .yf-heading,
html.yfp-on .ym-mobile-favorites-panel.yf .yf-hidden-close,
html.yfp-on .ym-mobile-favorites-panel.yf .ym-mobile-about-panel__backdrop { display: none !important; }
html.yfp-on .ym-mobile-favorites-panel.yf .yf-sub { margin-top: 0; }
html.yfp-on .yf .yf-bulk { top: var(--yfp-top, 0px); margin: 0; padding-left: 0; padding-right: 0; }
html.yfp-on .yf .yf-toast { bottom: calc(12px + env(safe-area-inset-bottom, 0px)); }
@media (max-width: 767px) {
    .yfp-host { margin: 4px 0 96px; }   /* нижнее меню телефона не закрывает последнюю строку */
    html.yfp-on .yf .yf-toast { bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
}
/* компьютер - как окно «Избранного» (п.584): «Каталог / Текст», значок «Скопировать», «Убрать»; «Поделиться» нет */
@media (min-width: 1024px) {
    html.yfp-on .yf .yf-bulk-actions { display: flex; align-items: center; gap: 8px; }
    html.yfp-on .yf .yf-bulk-actions .ym-ssw { flex: none; margin: 0 0 0 auto; }
    html.yfp-on .yf .yf-bulk-actions .ym-ssw__seg button { height: 34px; min-width: 76px; }
    html.yfp-on .yf .yf-bulk-actions .yf-action { flex: none; min-height: 40px; }
    html.yfp-on .yf [data-yf-share] { display: none; }
    html.yfp-on .yf [data-yf-copy] { width: 44px; padding: 0; }
    html.yfp-on .yf [data-yf-copy] > span:not(.ym-ssw-sr) { display: none; }
    html.yfp-on .yf [data-yf-remove] { padding: 0 16px; }
}
/* 747а (Сергей 15.10, скрин /favorites/ на компьютере: «глупая вёрстка» - колонка 760 px у левого края, справа пусто, край
   страницы не по линии шапки): от 1024 px страница - по колонке шапки сайта (1200 px с полями 36, как .ymdh-wrap), панель - во
   всю её ширину; от 1100 px строки избранного - в два столбца (по разделам - внутри раздела, списком - вся лента); в режиме
   «Выбрать» - снова одним столбцом (порядок меняют ручкой вверх-вниз) */
@media (min-width: 1024px) {
    html.yfp-on .wrap:has(.yfp-host) { max-width: 1200px; padding-left: 36px; padding-right: 36px; }
    html.yfp-on .yfp-host { max-width: none; }
}
@media (min-width: 1100px) {
    html.yfp-on .yfp-host .yf-group-items,
    html.yfp-on .yfp-host .yf-items:not(:has(> .yf-group)):not(:has(> .yf-empty)) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; align-items: start; }
    html.yfp-on .yfp-host .yf:has([data-yf-bulk]:not([hidden])) .yf-group-items,
    html.yfp-on .yfp-host .yf:has([data-yf-bulk]:not([hidden])) .yf-items { display: block; }
}

/* 747б (Сергей 15.10: «сердечки у левого столбца были справа, у правого столбца сердечки слева, а между сердечками полосочка
   разделения»): от 1100 px в два столбца - у правого столбца сердце первым (зеркально), между столбцами тонкая черта; «Списком»
   тоже в два столбца (сетка - у .yf-flat, а не у .yf-items) */
@media (min-width: 1100px) {
    html.yfp-on .yfp-host .yf-items:has(> .yf-flat) { display: block !important; }   /* правило 747а для .yf-items сильнее по весу */
    html.yfp-on .yfp-host .yf-group-items,
    html.yfp-on .yfp-host .yf-flat { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 48px; align-items: start; background: linear-gradient(#e3e8f0, #e3e8f0) 50% 0 / 1px 100% no-repeat; }
    html.yfp-on .yfp-host .yf-group-items > .yf-item:nth-child(even) > .yf-heart,
    html.yfp-on .yfp-host .yf-flat > .yf-item:nth-child(even) > .yf-heart { order: -1; }
    html.yfp-on .yfp-host .yf-group-items > .yf-item:nth-child(even),
    html.yfp-on .yfp-host .yf-flat > .yf-item:nth-child(even) { gap: 10px; }
    html.yfp-on .yfp-host .yf:has([data-yf-bulk]:not([hidden])) .yf-group-items,
    html.yfp-on .yfp-host .yf:has([data-yf-bulk]:not([hidden])) .yf-flat { display: block; background: none; }
}