/* ════════════════════════════════════════════════════════════
   StickDrop.ru — фикс мелкого текста + оптимизация скролла
   Подключать ПОСЛЕ stickdrop_1_min.css
   ════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════
   ОПТИМИЗАЦИЯ СКРОЛЛА (для всех устройств)
   ════════════════════════════════════════════════════════════ */
.sticker-box {
    will-change: auto !important;
    /* content-visibility: auto убран — он блокирует отрисовку картинок */
    content-visibility: visible !important;
    contain: none !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
    transition: transform .25s ease, border-color .2s !important;
}
.sticker-box:hover { will-change: transform; }

.fresh-card-wrapper {
    will-change: auto !important;
    /* content-visibility: auto убран — он блокирует отрисовку картинок */
    content-visibility: visible !important;
    contain: none !important;
}
.fresh-card-wrapper:hover { will-change: transform; }


/* ════════════════════════════════════════════════════════════
   МОБИЛЬНЫЕ — Yandex/Google требуют все шрифты ≥ 12px
   Покрываем ВСЕ селекторы из stickdrop_1_min.css и pack.css
   ════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {

    /* === Карточки в каталоге === */
    .card-title       { font-size: 14px !important; }
    .card-stats       { font-size: 12px !important; }
    .card-stats *     { font-size: 12px !important; }

    /* === Бейджи и теги === */
    .tag-badge        { font-size: 12px !important; padding: 4px 8px !important; }
    .badge-main       { font-size: 12px !important; padding: 5px 9px !important; letter-spacing: 0 !important; }
    .badge-format,
    .badge-user,
    .badge-ui         { font-size: 12px !important; padding: 6px 12px !important; }

    /* === Похожие паки внизу === */
    .similar-card-title { font-size: 13px !important; }
    .similar-card-count { font-size: 12px !important; }
    .similar-fmt        { font-size: 12px !important; padding: 3px 7px !important; letter-spacing: 0 !important; }
    .similar-title      { font-size: 16px !important; }
    .similar-all        { font-size: 13px !important; }

    /* === Автор пака === */
    .pack-author-badge   { font-size: 13px !important; }
    .pack-author-avatar-placeholder { font-size: 12px !important; }

    /* === Кнопки и фильтры === */
    .btn-filter         { font-size: 13px !important; padding: 12px 8px !important; }
    .tag-scroll-btn     { font-size: 13px !important; }
    .quick-trend-btn    { font-size: 12px !important; padding: 5px 10px !important; }
    .stat-pill          { font-size: 13px !important; }
    .stat-pill b        { font-size: 14px !important; }
    .share-label        { font-size: 12px !important; }

    /* === Подвал === */
    .footer-copyright   { font-size: 12px !important; }
    .footer-nav a       { font-size: 12px !important; }

    /* === Нижняя мобильная навигация === */
    .mobile-nav-item    { font-size: 12px !important; }

    /* === Промо-баннер TG === */
    .tg-promo-btn       { font-size: 13px !important; padding: 9px 14px !important; }
    .ad-stickdrop-text  { font-size: 12px !important; }
    .ad-stickdrop-handle { font-size: 12px !important; }

    /* === Админка / технические бейджи === */
    .ap-b, .ap-id       { font-size: 13px !important; }
    .ap-sn              { font-size: 12px !important; }
    .adm-modal-info     { font-size: 12px !important; }
    .adm-modal-btn      { font-size: 13px !important; }

    /* === Универсальная защита: small, sup, sub, .text-muted и т.д. === */
    small, sub, sup     { font-size: 12px !important; }
    .text-xs, .text-sm  { font-size: 12px !important; }
    .text-muted         { font-size: inherit; }
}

/* На совсем мелких экранах НЕ сжимаем — оставляем читаемо */
@media (max-width: 480px) {
    .card-title         { font-size: 14px !important; }
    .card-stats         { font-size: 12px !important; }
    .tag-badge          { font-size: 12px !important; padding: 4px 8px !important; }
    .btn-filter         { font-size: 13px !important; }
    .ad-stickdrop-text  { font-size: 12px !important; }
    .ad-stickdrop-handle { font-size: 12px !important; }
    .similar-fmt        { font-size: 12px !important; }
}

@media (max-width: 360px) {
    .btn-filter         { font-size: 12px !important; padding: 10px 4px !important; }
}



/* ════════════════════════════════════════════════════════════
   ФИКС ПОХОЖИХ ПАКОВ — картинки тоже должны быть видны
   ════════════════════════════════════════════════════════════ */
.similar-card-img img,
.similar-card-img video {
    opacity: 1 !important;
}