.revuei-faq { max-width: 800px; margin: 40px auto; padding: 0 20px; } .revuei-faq-item { border: 1px solid #eee; border-radius: 12px; margin-bottom: 12px; overflow: hidden; transition: all 0.3s ease; } .revuei-faq-item:hover { border-color: var(--berry, #b92f63); box-shadow: 0 4px 12px rgba(185, 47, 99, 0.1); } .revuei-faq-item[open] { border-color: var(--berry, #b92f63); } .revuei-faq-question { padding: 20px 24px; cursor: pointer; font-weight: 600; font-size: 1.05rem; color: #1a1a1a; list-style: none; display: flex; justify-content: space-between; align-items: center; } .revuei-faq-question::-webkit-details-marker { display: none; } .revuei-faq-question::after { content: "+"; font-size: 1.5rem; color: var(--berry, #b92f63); transition: transform 0.3s ease; } .revuei-faq-item[open] .revuei-faq-question::after { transform: rotate(45deg); } .revuei-faq-answer { padding: 0 24px 20px; color: #616161; line-height: 1.7; } @media (max-width: 768px) { .revuei-faq { margin: 30px auto; } .revuei-faq-question { padding: 16px 20px; font-size: 1rem; } .revuei-faq-answer { padding: 0 20px 16px; } }