/* Obecné styly pro brand page */
    .brand-page { 
        max-width: 1200px; 
        margin: 0 auto; 
        padding: 0px; 
        line-height: 1.4; 
    }
    .brand-page a {
        color: #AE1F21 !important;
        text-decoration: none;
    }
    .brand-page a:hover {
        color: #AE1F21 !important;
        text-decoration: underline;
    }
    .brand-page .intro-section { 
        margin-bottom: 0px; 
        line-height: 1.4; 
    }
    .brand-page .blok { 
        line-height: 1.4 !important; 
    }
    .brand-page .read-more-wrapper { 
        text-align: center; 
        margin: 0px 0; 
        position: relative; 
    }
    .brand-page .read-more-wrapper::before { 
        content: ''; 
        position: absolute; 
        left: 0; 
        top: 50%; 
        width: 100%; 
        height: 2px; 
        background: #e0e0e0; 
        z-index: 0; 
    }
    .brand-page .read-more-btn { 
        background: #ffffff; 
        color: #AE1F21; 
        border: none; 
        padding: 8px 20px; 
        font-size: 15px; 
        font-weight: 500; 
        cursor: pointer; 
        display: inline-flex; 
        align-items: center; 
        gap: 6px; 
        transition: all 0.2s ease; 
        position: relative; 
        z-index: 1; 
        text-decoration: none; 
    }
    .brand-page .read-more-btn .btn-icon { 
        transition: transform 0.3s ease; 
        font-size: 12px; 
    }
    .brand-page .read-more-btn[aria-expanded="true"] .btn-icon { 
        transform: rotate(180deg); 
    }
    .brand-page .expandable-content { 
        max-height: 0; 
        overflow: hidden; 
        transition: max-height 0.5s ease-out, opacity 0.5s ease-out; 
        opacity: 0; 
    }
    .brand-page .expandable-content.open { 
        max-height: 5000px; 
        opacity: 1; 
        margin-top: 0px; 
    }
    .brand-page .brand-philosophy { 
        margin-bottom: 10px; 
        padding: 15px; 
        background: #f8f9fa; 
        border-left: 4px solid #AE1F21; 
        border-radius: 4px; 
    }
    .brand-page .brand-philosophy h3 { 
        color: #AE1F21; 
        font-size: 20px; 
        margin-top: 5px;
        margin-bottom: 10px; 
        font-weight: 600; 
    }
    .brand-page .faq-section { 
        font-family: inherit; 
        width: 95%; 
        margin: 0 auto; 
        background: #ffffff; 
    }
    .brand-page .faq-header h3 { 
        color: #AE1F21; 
        font-size: 20px; 
        font-weight: 600; 
        margin-bottom: 10px;
    }
    .brand-page .faq-item { 
        margin-bottom: 10px; 
        border: 1px solid #e0e0e0; 
        border-radius: 4px; 
    }
    .brand-page .faq-question { 
        width: 100%; 
        padding: 10px; 
        background: #f8f9fa; 
        border: none; 
        text-align: left; 
        cursor: pointer; 
        display: flex; 
        justify-content: space-between; 
        align-items: center; 
    }
    .brand-page .question-text { 
        color: #AE1F21; 
        font-weight: 500; 
        font-size: 16px; 
    }
    .brand-page .faq-toggle { 
        position: relative; 
        width: 20px; 
        height: 20px; 
    }
    .brand-page .faq-toggle::before, 
    .brand-page .faq-toggle::after { 
        content: ''; 
        position: absolute; 
        background: #AE1F21; 
        transition: transform 0.3s; 
    }
    .brand-page .faq-toggle::before { 
        width: 2px; 
        height: 12px; 
        left: 9px; 
        top: 4px; 
    }
    .brand-page .faq-toggle::after { 
        width: 12px; 
        height: 2px; 
        left: 4px; 
        top: 9px; 
    }
    .brand-page .faq-question[aria-expanded="true"] .faq-toggle::before { 
        transform: rotate(90deg); 
    }
    .brand-page .faq-answer { 
        max-height: 0; 
        overflow: hidden; 
        transition: max-height 0.4s ease-out; 
        background: #ffffff; 
    }
    .brand-page .faq-answer.open { 
        padding: 20px; 
        max-height: none; 
    }
    .brand-page .faq-note { 
        background: #f0f4f8; 
        padding: 15px; 
        margin-top: 15px; 
        border-left: 4px solid #AE1F21; 
    }
    .brand-page .contact-link { 
        color: #AE1F21; 
        font-weight: 600; 
        text-decoration: none; 
    }
    @media (max-width: 768px) { 
        .brand-page .faq-question { 
            font-size: 15px; 
        } 
    }