@media (max-width: 768px) { html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } body { font-size: 16px; line-height: 1.6; font-family: Vazirmatn, system-ui, sans-serif; } .site-header-mobile-menu a, .site-header-nav a { font-size: 1rem; } header .text-2xl { font-size: 1.35rem; } header .text-xs { font-size: 0.75rem; } nav[aria-label="مسیر صفحه"] { padding: 0.5rem 0; } nav[aria-label="مسیر صفحه"] ol { display: flex; flex-wrap: wrap; align-items: center; gap: 0.35rem 0.5rem; font-size: 1rem; line-height: 1.5; font-weight: 500; } nav[aria-label="مسیر صفحه"] a, nav[aria-label="مسیر صفحه"] li { font-size: inherit; color: #475569; } nav[aria-label="مسیر صفحه"] a:hover { color: #2563eb; } nav[aria-label="مسیر صفحه"] li[aria-current="page"] { color: #1e40af; font-weight: 600; } nav[aria-label="مسیر صفحه"] .fa-chevron-left { font-size: 0.65rem; opacity: 0.7; } .tool-card h3, .tool-card .font-bold { font-size: 1rem; } .tool-card p, .tool-card .text-dark-600 { font-size: 0.875rem; } .section-title { font-size: 1.5rem; } .stat-card, .feature-icon { font-size: 1rem; } .tool-container { font-size: 16px; } .tool-container h1, #tool-main-area h1.text-2xl, #tool-main-area h1.md\:text-3xl { font-size: 1.35rem !important; line-height: 1.4; } .tool-container .text-dark-600:first-of-type { font-size: 0.9375rem; line-height: 1.55; } #tool-cta-block p, .tool-container #tool-cta-block .text-lg { font-size: 0.9375rem !important; line-height: 1.5; } #tool-cta-block a { font-size: 0.9375rem; } #tool-faqs h2, .tool-container #tool-faqs h2.text-xl { font-size: 1.125rem !important; } #tool-faqs h3, #tool-faqs [itemprop="name"], .tool-container #tool-faqs h3.text-md { font-size: 0.9375rem !important; line-height: 1.45; } #tool-faqs [itemprop="text"], #tool-faqs .text-dark-600 { font-size: 0.875rem; line-height: 1.65; } .tool-container h2, .tool-container .text-xl.font-bold { font-size: 1.125rem !important; line-height: 1.4; } .tool-container h3, .tool-container .text-lg.font-bold { font-size: 1rem !important; line-height: 1.4; } .tool-container label, .tool-container .font-medium.mb-2, .tool-container .block.text-dark-700 { font-size: 0.9375rem !important; } .tool-container .text-sm, .tool-container p.text-dark-500, .tool-container .text-dark-600.text-sm { font-size: 0.8125rem !important; line-height: 1.5; } .tool-container .btn-primary, .tool-container button.font-bold.btn-primary { font-size: 0.9375rem; box-shadow: 0 2px 12px rgba(37, 99, 235, 0.22); border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.15); } .tool-container .btn-primary:active, .tool-container button.font-bold.btn-primary:active { box-shadow: 0 1px 6px rgba(37, 99, 235, 0.3); } .tool-container .text-xs.px-3, .tool-container span.text-xs.rounded-full { font-size: 0.6875rem !important; padding: 0.25rem 0.5rem; } #results-section th, #results-section td, .tool-container #results-section table, .tool-container table th, .tool-container table td { font-size: 0.8125rem !important; padding: 0.5rem 0.75rem; } #results-section h2 { font-size: 1.125rem !important; } .tool-container .drop-zone h3, .tool-container .drop-zone .text-lg { font-size: 1rem !important; } .tool-container .drop-zone p, .tool-container .drop-zone .text-dark-600 { font-size: 0.875rem; } .tool-container input, .tool-container textarea, .tool-container select { font-size: 16px !important; } .tool-container input::placeholder, .tool-container textarea::placeholder { font-size: 16px; } .markdown-preview-content h1 { font-size: 1.25em; } .markdown-preview-content h2 { font-size: 1.125em; } .markdown-preview-content h3 { font-size: 1.05em; } .markdown-preview-content p, .markdown-preview-content li { font-size: 0.9375rem; } .markdown-preview-content code { font-size: 0.8125rem; } .tool-container .sidebar-ad, .tool-container aside .font-medium, .tool-container aside a { font-size: 0.875rem; } .hero-preview-card { padding: 1rem !important; } .hero-preview-card .grid { gap: 0.75rem !important; } .hero-preview-star { top: -0.5rem !important; right: -0.5rem !important; width: 3rem !important; height: 3rem !important; } .hero-preview-star i { font-size: 1rem !important; } .hero-category-card { padding: 0.9rem !important; } .hero-category-card i { font-size: 1.1rem !important; } .hero-category-card h2 { font-size: 0.9rem !important; line-height: 1.5 !important; } .hero-category-card p { font-size: 0.75rem !important; line-height: 1.45 !important; } #stats .home-stat-card { padding: 1rem !important; border-radius: 1rem !important; } #stats .home-stat-card .w-16 { width: 2.8rem !important; height: 2.8rem !important; border-radius: 0.9rem !important; margin-bottom: 0.75rem !important; } #stats .home-stat-card .text-2xl, #stats .home-stat-card .text-3xl { font-size: 1.45rem !important; line-height: 1.3 !important; } #stats .home-stat-card .text-dark-600 { font-size: 0.8rem !important; line-height: 1.5 !important; } } @media (max-width: 480px) { body { font-size: 15px; } .tool-container h1 { font-size: 1.2rem !important; } .tool-container h2 { font-size: 1rem !important; } .tool-container h3 { font-size: 0.9375rem !important; } .hero-bg .text-4xl { font-size: 1.95rem !important; line-height: 1.4 !important; } .hero-bg .text-xl { font-size: 1rem !important; line-height: 1.75 !important; } .hero-bg .text-lg { font-size: 0.95rem !important; } }