/* ============================
   Reduced Motion — aksesibilitas
   ============================ */
@media (prefers-reduced-motion: reduce) {
    .logo-glow,
    .logo-glow-ring,
    .tron-btn::after,
    .countdown-num,
    .inactivity-bar-fill.warning,
    .tron-btn.ready {
        animation: none !important;
    }

    /* Pastikan glow tetap di tengah saat animasi dimatikan */
    .logo-glow,
    .logo-glow-ring {
        transform: translate(-50%, -50%) !important;
    }

    .toast,
    .redirect-overlay,
    .redirect-card,
    .smartlink-notice,
    .contact-fab,
    .footer-contact,
    .feature-card {
        transition: none !important;
    }
}

/* ============================
   Tablet — maksimal 1024px
   ============================ */
@media (max-width: 1024px) {
    .claim-grid {
        grid-template-columns: 1fr;
        max-width: 440px;
    }

    .claim-grid .ad-side {
        display: none;
    }

    .claim-grid .claim-center {
        max-width: 100%;
    }

    .mobile-ads {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }
}

/* ============================
   Mobile — maksimal 768px
   ============================ */
@media (max-width: 768px) {
    .logo-wrap {
        width: 100px;
        height: 100px;
    }

    .logo-glow {
        width: 130px;
        height: 130px;
    }

    .logo-glow-ring {
        width: 110px;
        height: 110px;
    }

    .logo-img,
    .logo-fallback {
        width: 72px;
        height: 72px;
    }

    .logo-fallback span {
        font-size: 1.3rem;
    }

    .features-grid {
        grid-template-columns: 1fr;
        gap: 12px;
        max-width: 320px;
    }

    .feature-card {
        padding: 18px 14px;
    }

    .ad-slot img {
        width: 100%;
        height: auto;
    }

    .contact-fab {
        top: 10px;
        right: 10px;
        width: 38px;
        height: 38px;
        border-radius: 10px;
    }
}

/* ============================
   Mobile Ads — hidden default, shown via media query
   ============================ */
.mobile-ads {
    display: none;
}