/* ========== Mobile Performance Fix ========== */
@media (max-width: 768px) {
    /* حذف افکت شیشه‌ای سنگین */
    .glass-card,
    .card,
    .profile-card,
    .pack-card,
    .result-card,
    .latest-card,
    .category-card,
    .top-creator-card,
    .contact-card,
    [class*="glass"] {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background: rgba(15, 23, 42, 0.92) !important;
    }

    /* کاهش padding و margin برای صرفه‌جویی در فضا */
    .container,
    .main-container {
        padding-top: 80px !important;
        padding-bottom: 30px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    /* فونت‌ها را کمی کوچک‌تر کن تا متناسب با موبایل باشد */
    body { font-size: 15px; }
    h1 { font-size: 1.6em !important; }
    h2 { font-size: 1.3em !important; }
    .pack-title { font-size: 16px !important; }
    .btn { padding: 8px 16px !important; font-size: 13px !important; }

    /* تصاویر کارت‌ها ارتفاع کمتر بگیرند */
    .latest-img-wrap,
    .pack-img-wrap,
    .result-img-wrap {
        height: 140px !important;
    }

    /* نوار جستجو و دکمه‌ها */
    .search-box input { font-size: 14px; padding: 10px 16px; }
    .search-box button { padding: 10px 20px; font-size: 14px; }
}