/*============================================================
FILE: css/faqs.css
VERSION: v5.1
CHANGES:
- Added boxed category panels
- Softer background and stronger visual grouping
- Polished accordion spacing and hover states
- Smaller centred category headers on desktop and mobile
============================================================*/

.faqs_section
{
margin:0;
padding:0;
}

.faqs_wrap
{
margin:0;
padding:0;
}

.faqs_page_grid
{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:1.5rem;
align-items:start;
}

.faqs_group
{
margin:0;
padding:1.1rem;
background:#f8f6f2;
border:1px solid #e6dccb;
border-radius:1.5rem;
box-shadow:
0 10px 24px rgba(0,0,0,0.08),
0 2px 6px rgba(0,0,0,0.04);
}

.faqs_group_general
{
grid-column:1 / -1;
}

.faqs_header
{
margin:0 0 0.75rem;
padding:0;
text-align:center;
}

.faqs_header h3
{
margin:0;
font-size:clamp(1.2rem, 2vw, 1.5rem);
line-height:1.15;
font-weight:700;
color:#111111;
text-align:center;
}

.faqs_list
{
display:flex;
flex-direction:column;
gap:0.55rem;
}

.faqs_group_general .faqs_list
{
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:0.55rem 0.85rem;
align-items:start;
}

.faq_item
{
margin:0;
border:1px solid #e8dcc6;
border-radius:1.15rem;
background:#ffffff;
overflow:hidden;
box-shadow:0 2px 10px rgba(0,0,0,0.04);
transition:
box-shadow 0.18s ease,
border-color 0.18s ease,
transform 0.18s ease;
}

.faq_item:hover
{
border-color:#d8c39a;
box-shadow:0 6px 18px rgba(0,0,0,0.07);
}

.faq_item[open]
{
border-color:#d8c39a;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

.faq_question
{
position:relative;
display:block;
list-style:none;
cursor:pointer;
padding:0.95rem 3.2rem 0.95rem 1rem;
font-size:0.98rem;
line-height:1.38;
font-weight:600;
color:#111111;
transition:background 0.18s ease, color 0.18s ease;
}

.faq_question:hover
{
background:#fcfaf6;
}

.faq_question::-webkit-details-marker
{
display:none;
}

.faq_question::after
{
content:"+";
position:absolute;
right:0.95rem;
top:50%;
transform:translateY(-50%);
width:1.7rem;
height:1.7rem;
border-radius:50%;
background:#f4efe6;
color:#b48a2c;
font-size:1.08rem;
font-weight:700;
line-height:1.7rem;
text-align:center;
transition:
background 0.18s ease,
color 0.18s ease,
transform 0.18s ease;
}

.faq_item:hover .faq_question::after
{
background:#efe4cf;
}

.faq_item[open] .faq_question::after
{
content:"−";
background:#b48a2c;
color:#ffffff;
}

.faq_answer
{
padding:0 1rem 1rem;
}

.faq_answer p
{
margin:0 0 0.7rem;
font-size:0.96rem;
line-height:1.65;
color:#333333;
}

.faq_answer p:last-child
{
margin-bottom:0;
}

.faq_answer ul,
.faq_answer ol
{
margin:0 0 0.7rem 1.2rem;
padding:0;
}

.faq_answer li
{
margin:0 0 0.35rem;
line-height:1.6;
}

.page_full_width
{
width:100%;
max-width:100%;
}

@media screen and (max-width: 991px)
{
.faqs_page_grid
{
grid-template-columns:1fr;
}

.faqs_group_general
{
grid-column:auto;
}

.faqs_group_general .faqs_list
{
grid-template-columns:1fr;
}
}

@media screen and (max-width: 767px)
{
.faqs_group
{
padding:0.9rem;
border-radius:1.25rem;
}

.faqs_header
{
margin:0 0 0.6rem;
}

.faqs_header h3
{
font-size:clamp(1.08rem, 5vw, 1.3rem);
text-align:center;
}

.faqs_question
{
font-size:0.98rem;
}

.faq_question
{
padding:0.88rem 2.95rem 0.88rem 0.95rem;
font-size:0.95rem;
}

.faq_answer
{
padding:0 0.95rem 0.9rem;
}

.faq_answer p
{
font-size:0.93rem;
}
}