/* UI-иконки WebP — реальные постеры слотов на тёмном фоне */
.site-ui-icon {
    display: inline-block;
    vertical-align: middle;
    object-fit: cover;
    border-radius: 0.35em;
    flex-shrink: 0;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.45)) drop-shadow(0 0 8px rgba(255, 200, 80, 0.12));
}

.slot-poster-thumb,
.payout-slot-thumb {
    display: inline-block;
    vertical-align: middle;
    object-fit: cover;
    border-radius: 6px;
    margin-right: 0.35rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
    border: 1px solid rgba(255, 200, 80, 0.25);
}

.nav-icon .site-ui-icon,
.breadcrumb-icon.site-ui-icon {
    width: 1.25em;
    height: 1.25em;
    margin-right: 0.25em;
}

.mobile-nav-link .site-ui-icon {
    width: 1.35rem;
    height: 1.35rem;
    margin-right: 0.5rem;
}

.feature-icon .site-ui-icon,
.ql-icon .site-ui-icon,
.action-icon .site-ui-icon {
    width: 1.65rem;
    height: 1.65rem;
}

.value-pillar-icon .site-ui-icon,
.stats-cell-icon .site-ui-icon {
    width: 2rem;
    height: 2rem;
}

.bonus-card-icon .site-ui-icon {
    width: 2.75rem;
    height: 2.75rem;
    filter: drop-shadow(0 4px 12px rgba(255, 180, 60, 0.35)) drop-shadow(0 0 14px rgba(109, 59, 255, 0.25));
}

.cta-icon .site-ui-icon {
    width: 3.25rem;
    height: 3.25rem;
    margin-bottom: 0.35rem;
    filter: drop-shadow(0 4px 16px rgba(255, 63, 134, 0.35)) drop-shadow(0 0 20px rgba(255, 200, 80, 0.3));
}

.stat-icon .site-ui-icon {
    width: 2.25rem;
    height: 2.25rem;
}

.slots-dashboard-icon .site-ui-icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.45rem;
}