/* BytaBort — runtime performance (60fps target on mobile) */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

@media (max-width: 899px) and (hover: none) {
    .topbar,
    .listing-detail-nav-row,
    .mobile-drawer,
    .map-panel,
    .map-filter-panel,
    .listing-browse-toolbar,
    .cookie-consent,
    .auth-modal .modal-backdrop {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    .topbar {
        background: color-mix(in srgb, var(--surface) 97%, transparent) !important;
    }

    .listing-detail-nav-row {
        background: color-mix(in srgb, var(--bg) 97%, transparent) !important;
    }

    .landing-orbit-ring,
    .landing-blob,
    .landing-shimmer-text,
    .landing-bird-flight,
    .landing-trust-shield,
    .swap-terms-card__aurora,
    .swap-terms-card__icon-ring,
    .swap-terms-bridge__bird,
    .swap-terms-bridge__pulse,
    .swap-terms-bridge__arrow,
    .swap-terms-empty__emoji,
    .cookie-consent-bird {
        animation: none !important;
    }
}

.listing-detail-layout,
.detail-similar-section,
.detail-matches-section,
.listing-grid,
.listing-browse-results,
.site-footer,
.dashboard-panel-grid {
    content-visibility: auto;
    contain-intrinsic-size: auto 480px;
}

.listing-card-carousel__track,
.landing-slider__track,
[data-horizontal-carousel-track] {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
}

img[loading="lazy"],
img[decoding="async"] {
    content-visibility: auto;
}