[data-theme="trendmode"] .trendmode-container {
    margin-inline: auto;
    width: min(100% - 32px, 1180px);
}

[data-theme="trendmode"] .trendmode-focus-ring {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

[data-theme="trendmode"] .trendmode-focus-ring:focus-visible {
    outline-color: var(--tema-primary, #b47a55);
}

[data-theme="trendmode"] .trendmode-scrollbar-none {
    scrollbar-width: none;
}

[data-theme="trendmode"] .trendmode-scrollbar-none::-webkit-scrollbar {
    display: none;
}

[data-theme="trendmode"] .trendmode-btn-primary {
    background: var(--tema-primary, #B47A55);
}

[data-theme="trendmode"] .trendmode-btn-primary:hover {
    background: #8F5E43;
}

[data-theme="trendmode"] .trendmode-shadow-soft {
    box-shadow: 0 18px 45px rgba(17, 17, 17, 0.08);
}

[data-theme="trendmode"] .trendmode-reveal {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}

[data-theme="trendmode"] .trendmode-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

[data-theme="trendmode"] .trendmode-slide {
    transition: opacity 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    [data-theme="trendmode"] .trendmode-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

[data-theme="trendmode"] .trendmode-favorite-active {
    border-color: var(--tema-primary, #b47a55);
    color: var(--tema-primary, #b47a55);
}

[data-theme="trendmode"] .trendmode-favorite-active svg {
    fill: currentColor;
}

[data-theme="trendmode"] .trendmode-filter-btn.is-active {
    border-color: var(--tema-text, #111111);
    background: var(--tema-text, #111111);
    color: #fff;
}

[data-theme="trendmode"] .trendmode-view-btn.is-active {
    background: var(--tema-text, #111111);
    color: #fff;
}

[data-theme="trendmode"] .trendmode-count-bubble.is-visible {
    display: grid;
}