.elementor-844 .elementor-element.elementor-element-74c1437{--display:flex;}.elementor-844 .elementor-element.elementor-element-74c1437.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-844 .elementor-element.elementor-element-0039255{width:100%;max-width:100%;}.elementor-844 .elementor-element.elementor-element-0ee89df{--display:flex;}.elementor-844 .elementor-element.elementor-element-8326f1b{width:100%;max-width:100%;}@media(min-width:768px){.elementor-844 .elementor-element.elementor-element-74c1437{--width:100.095%;}}/* Start custom CSS for html, class: .elementor-element-0039255 *//* ========== واکنش‌گرایی کامل ========== */

/* تبلت و صفحه‌های متوسط */
@media (max-width: 992px) {
    .resources-hub h1 {
        font-size: 2rem !important;
    }
    
    .test-buttons-grid {
        gap: 20px !important;
        max-width: 650px !important;
    }
}

/* تبلت کوچک */
@media (max-width: 768px) {
    .resources-hub {
        padding: 30px 15px !important;
    }
    
    .resources-hub h1 {
        font-size: 1.8rem !important;
        line-height: 1.5 !important;
    }
    
    .test-buttons-grid {
        gap: 15px !important;
        max-width: 100% !important;
        padding: 0 10px !important;
    }
    
    .resources-hub .test-buttons-grid a {
        padding: 25px 15px !important;
    }
    
    .resources-hub .test-buttons-grid a span:first-of-type {
        font-size: 2.5rem !important;
    }
    
    .resources-hub .test-buttons-grid a span:nth-of-type(2) {
        font-size: 1.1rem !important;
    }
    
    /* باکس توضیحات */
    .resources-hub div[style*="max-width: 850px"] {
        padding: 20px !important;
        margin: 0 10px 30px !important;
    }
    
    /* CTA */
    .resources-hub div[style*="max-width: 750px"] {
        padding: 25px 20px !important;
        margin: 0 10px !important;
    }
    
    .resources-hub div[style*="max-width: 750px"] h3 {
        font-size: 1.2rem !important;
    }
    
    /* دکمه‌های CTA */
    .resources-hub div[style*="display: flex; gap: 15px; flex-wrap: wrap;"] a {
        padding: 12px 20px !important;
        font-size: 0.9rem !important;
        width: 100% !important;
        max-width: 280px !important;
    }
    
    /* فوتر آمار */
    .resources-hub div[style*="margin-top: 40px; padding-top: 30px;"] {
        gap: 30px !important;
    }
    
    .resources-hub div[style*="margin-top: 40px; padding-top: 30px;"] div span {
        font-size: 1.5rem !important;
    }
}

/* موبایل: ۱ دکمه در هر سطر */
@media (max-width: 600px) {
    .resources-hub {
        padding: 20px 10px !important;
    }
    
    .resources-hub h1 {
        font-size: 1.3rem !important;
        line-height: 1.6 !important;
    }
    
    .resources-hub p {
        font-size: 0.95rem !important;
        padding: 0 5px !important;
    }

    .test-buttons-grid {
        grid-template-columns: 1fr !important;
        max-width: 100% !important;
        margin: 0 auto 30px !important;
        padding: 0 5px !important;
        gap: 15px !important;
    }
    
    .resources-hub .test-buttons-grid a {
        padding: 20px 15px !important;
    }
    
    .resources-hub .test-buttons-grid a span:first-of-type {
        font-size: 2rem !important;
    }
    
    .resources-hub .test-buttons-grid a span:nth-of-type(2) {
        font-size: 1rem !important;
    }
    
    .resources-hub .test-buttons-grid a span[style*="font-size: 0.85rem"] {
        font-size: 0.8rem !important;
    }
    
    /* دکمه دانلود */
    .resources-hub .test-buttons-grid a span[style*="background:"] {
        padding: 8px 20px !important;
        font-size: 0.8rem !important;
        width: 100% !important;
    }
    
    /* بخش ویژه کتاب‌های تکی */
    .resources-hub div[style*="max-width: 750px; margin: 0 auto 40px;"] {
        padding: 20px 15px !important;
        margin: 0 5px 30px !important;
    }
    
    .resources-hub div[style*="margin-top: 15px; display: flex; gap: 10px;"] {
        gap: 8px !important;
    }
    
    .resources-hub div[style*="margin-top: 15px; display: flex; gap: 10px;"] a {
        padding: 5px 12px !important;
        font-size: 0.75rem !important;
    }
    
    /* CTA */
    .resources-hub div[style*="max-width: 750px; margin: 0 auto; background:"] {
        padding: 20px 15px !important;
        margin: 0 5px !important;
    }
    
    .resources-hub div[style*="max-width: 750px; margin: 0 auto; background:"] h3 {
        font-size: 1.1rem !important;
    }
    
    .resources-hub div[style*="max-width: 750px; margin: 0 auto; background:"] p {
        font-size: 0.9rem !important;
        margin-bottom: 20px !important;
    }
    
    /* دکمه‌های CTA */
    .resources-hub div[style*="display: flex; gap: 15px; flex-wrap: wrap; justify-content: center;"] {
        flex-direction: column !important;
        align-items: center !important;
        gap: 10px !important;
    }
    
    .resources-hub div[style*="display: flex; gap: 15px; flex-wrap: wrap; justify-content: center;"] a {
        padding: 12px 20px !important;
        font-size: 0.85rem !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }
    
    /* فوتر آمار */
    .resources-hub div[style*="margin-top: 40px; padding-top: 30px;"] {
        gap: 20px !important;
        flex-direction: column !important;
        align-items: center !important;
        padding-top: 20px !important;
        margin-top: 30px !important;
    }
    
    .resources-hub div[style*="margin-top: 40px; padding-top: 30px;"] div span {
        font-size: 1.3rem !important;
    }
    
    /* هدر */
    .resources-hub div[style*="background: rgba(255, 255, 255, 0.1);"] {
        padding: 8px 15px !important;
        font-size: 0.85rem !important;
        margin-bottom: 20px !important;
    }
}
</style>/* End custom CSS */