/* FAQ Page Styles */
.faq-page { background-color: var(--color-light); }
.faq-page__wrapper { max-width: 800px; margin: 0 auto; }

.faq-accordion { display: flex; flex-direction: column; gap: var(--space-md); }

.faq-item { 
    background: var(--color-white); 
    border-radius: var(--radius-md); 
    overflow: hidden; 
    box-shadow: var(--shadow-sm); 
    border: 1px solid var(--color-light-soft); 
    transition: all var(--transition-fast);
    /* Safari render fix */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

/* Masaüstü hover */
@media (hover: hover) {
    .faq-item:hover, .faq-item.active { 
        border-color: var(--color-primary); 
        box-shadow: var(--shadow-md); 
    }
}

/* Touch cihazlarda sadece active durumunda */
@media (hover: none) {
    .faq-item.active { 
        border-color: var(--color-primary); 
        box-shadow: var(--shadow-md); 
    }
}

.faq-item__question { 
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    width: 100%; 
    padding: var(--space-lg); 
    background: none; 
    border: none; 
    text-align: left; 
    cursor: pointer; 
    font-family: var(--font-secondary); 
    font-size: 1rem; 
    font-weight: 600; 
    color: var(--color-dark); 
    transition: color var(--transition-fast); 
    gap: var(--space-md);
    /* Touch feedback */
    -webkit-tap-highlight-color: transparent;
}

/* Masaüstü hover */
@media (hover: hover) {
    .faq-item__question:hover { color: var(--color-primary); }
}

.faq-item__icon { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; background: var(--color-primary); color: var(--color-dark); border-radius: var(--radius-full); font-size: 0.75rem; flex-shrink: 0; transition: transform var(--transition-fast); }
.faq-item.active .faq-item__icon { transform: rotate(180deg); }

.faq-item__answer { max-height: 0; overflow: hidden; transition: max-height var(--transition-normal); }
.faq-item.active .faq-item__answer { max-height: 500px; }
.faq-item__answer-inner { padding: 0 var(--space-lg) var(--space-lg); color: var(--color-text-dark); line-height: 1.7; }

/* FAQ Contact */
.faq-contact { margin-top: var(--space-3xl); background: var(--gradient-gold); border-radius: var(--radius-lg); padding: var(--space-2xl); text-align: center; }
.faq-contact h2 { font-family: var(--font-primary); font-size: 1.5rem; color: var(--color-dark); margin-bottom: var(--space-sm); }
.faq-contact p { color: var(--color-dark); opacity: 0.85; margin-bottom: var(--space-lg); }
.faq-contact__buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-md); }
@media (max-width: 479.98px) { .faq-contact__buttons { flex-direction: column; align-items: center; } .faq-contact__buttons .btn { width: 100%; max-width: 220px; } }