﻿/* PERFORMANCE PATCH - lootdealsapp.com */

/* Font display swap - CLS prevent */
@font-face { font-family: "Inter"; font-display: swap; }
@font-face { font-family: "Poppins"; font-display: swap; }

/* Image layout stability */
img { max-width: 100%; height: auto; }

/* Hero image exact dimensions */
.hero__phone-screen {
    width: 280px !important;
    height: 560px !important;
    display: block;
    object-fit: cover;
    border-radius: 32px;
    background: #1a1a2e;
}

/* Hero content reserved space - CLS prevent */
.hero__badge { min-height: 32px; display: flex; align-items: center; }
.hero__title { min-height: clamp(80px, 12vw, 160px); }
.hero__subtitle { min-height: 60px; }
.hero__cta-group { min-height: 56px; }

/* Marquee - only transform composited */
.marquee-track {
    display: flex;
    width: max-content;
    will-change: transform;
}

/* Remove filter will-change */
.hero__phone-frame {
    will-change: auto !important;
    transform: translateZ(0);
    isolation: isolate;
}

/* gradient-text stable */
.gradient-text {
    will-change: auto !important;
    display: inline-block;
    min-width: 6ch;
}

/* Below fold sections */
.stats { content-visibility: auto; contain-intrinsic-size: 1px 300px; }
.how-it-works { content-visibility: auto; contain-intrinsic-size: 1px 500px; }
.screenshots { content-visibility: auto; contain-intrinsic-size: 1px 600px; }
.why-us { content-visibility: auto; contain-intrinsic-size: 1px 600px; }
.testimonials { content-visibility: auto; contain-intrinsic-size: 1px 400px; }
.faq { content-visibility: auto; contain-intrinsic-size: 1px 600px; }
.final-cta { content-visibility: auto; contain-intrinsic-size: 1px 300px; }
.footer { content-visibility: auto; contain-intrinsic-size: 1px 400px; }

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

/* Float elements - transform only */
.hero__float { will-change: transform; transform: translateZ(0); }

/* Screenshots slider */
.screenshots__track {
    display: flex;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}
.screenshots__slide { scroll-snap-align: center; flex-shrink: 0; }

/* Nav stable height */
.header { height: 64px; contain: layout style; }

/* Cards contain */
.ft-premium-card,
.why-compact-card,
.tm-compact-card { contain: layout style; }

/* Playstore badge stable */
.footer__playstore img { width: 160px; height: 48px; display: block; }

/* Logo stable */
.nav__logo img, .footer__logo img { display: block; object-fit: contain; }
