/**
 * eLfilms.cz - Responsive styly pro stránku FAQ
 *
 * @package    eLfilms
 * @subpackage Frontend
 * @file       css/faq-responsive.css
 * @version    2.0
 * @datum      Duben 2026
 * @author     eLfilms Team
 * @copyright  2009-2026 eLfilms.cz
 *
 * NOTE: Desktop styly jsou v faq.css | Breakpoint: max-width: 767px
 */

@media (max-width: 767px) {
    .container { padding: 94px 20px 20px 20px; }
    .back-btn { top: 74px; left: 10px; width: 30px; height: 30px; font-size: 14px; }
    .title { font-size: 28px; }
    .logo-icon { width: 70px; height: 70px; font-size: 30px; margin-right: 15px; }
    .logo-text { font-size: 28px; }
    .faq-card { padding: 25px; width: 100%; }
    .card-question { font-size: 18px; }
    .card-answer { font-size: 15px; }
    .tip-card { width: 100%; }
    .seo-intro { padding: 20px; max-width: none; }
    .seo-intro h2 { font-size: 20px; }
    .category-title { font-size: 24px; }
    .contact-cta { padding: 25px 20px; }
}

@media (max-width: 479px) {
    .container { padding: 94px 15px 15px 15px; }
    .title { font-size: 24px; }
    .logo-icon { width: 60px; height: 60px; font-size: 24px; }
    .logo-text { font-size: 24px; }
    .highlight-section { padding: 25px 15px; }
}