.faq-page { color: #243443; }
.faq-hero { background: linear-gradient(105deg,#fff9eb 0%,#fff4e3 58%,#f9e5d7 100%); padding: 20px 0 34px; }
.faq-breadcrumb { display:flex; align-items:center; gap:10px; font-size:13px; margin-bottom:24px; color:#64717c; }
.faq-breadcrumb a { color:inherit; }
.faq-hero-copy { max-width:850px; }
.faq-eyebrow { display:inline-block; color:#b51d36; font-size:11px; font-weight:700; letter-spacing:1.2px; margin-bottom:8px; }
.faq-hero h1 { font-size:clamp(28px,3.3vw,42px); line-height:1.18; font-weight:700; color:#1f3445; margin:0 0 10px; }
.faq-hero p { font-size:16px; line-height:1.6; margin:0 0 20px; color:#52616c; }
.faq-search { display:flex; align-items:center; gap:12px; background:#fff; border:1px solid #e6e8eb; border-radius:8px; padding:0 15px; min-height:52px; box-shadow:0 3px 12px rgba(31,52,69,.04); }
.faq-search:focus-within { border-color:#1fa66a; box-shadow:0 0 0 3px rgba(31,166,106,.1); }
.faq-search-icon { font-size:27px; color:#65727c; line-height:1; transform:rotate(-20deg); }
.faq-search input { flex:1; min-width:0; border:0; outline:0; background:transparent; color:#243443; font-size:14px; }
.faq-search input::placeholder { color:#89939c; }
.faq-search button { border:0; background:transparent; color:#66737d; font-size:23px; cursor:pointer; }
.faq-search-hint { min-height:17px; margin-top:6px; font-size:12px; color:#697680; }
.faq-content { padding-top:28px; padding-bottom:55px; }
.faq-layout { display:grid; grid-template-columns:minmax(220px, .82fr) minmax(0,2fr); gap:22px; align-items:start; }
.faq-category-panel,.faq-list-panel { background:#fff; border:1px solid #e8ebee; border-radius:10px; padding:20px; box-shadow:0 3px 14px rgba(30,48,63,.035); }
.faq-category-panel h2,.faq-list-heading h2 { color:#233748; font-size:18px; font-weight:700; margin:0 0 16px; }
.faq-category { width:100%; display:flex; justify-content:space-between; align-items:center; gap:10px; border:0; background:transparent; color:#394b59; padding:12px 11px; border-radius:7px; text-align:left; font-size:14px; cursor:pointer; transition:background .15s,color .15s; }
.faq-category:hover { background:#f5f8f6; }
.faq-category.active { background:#e9f6ef; color:#168451; font-weight:600; }
.faq-count { flex:0 0 auto; min-width:25px; height:25px; display:inline-flex; align-items:center; justify-content:center; border-radius:50px; background:#f0f2f3; color:#687680; font-size:11px; }
.faq-category.active .faq-count { background:#1aa368; color:#fff; }
.faq-list-heading { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:0 2px 10px; }
.faq-list-heading h2 { margin-bottom:4px; }
.faq-list-heading p { margin:0; color:#75818a; font-size:13px; }
.faq-results-count { color:#73808a; font-size:12px; white-space:nowrap; }
.faq-questions { display:grid; gap:9px; }
.faq-item { border:1px solid #e8ebee; border-radius:8px; overflow:hidden; background:#fff; }
.faq-item[hidden] { display:none !important; }
.faq-item h3 { margin:0; font-size:inherit; }
.faq-question { display:flex; width:100%; align-items:center; justify-content:space-between; gap:18px; border:0; background:#fff; color:#263846; padding:16px 17px; text-align:left; font-size:14px; font-weight:600; line-height:1.45; cursor:pointer; }
.faq-question:hover { color:#168451; background:#fbfdfb; }
.faq-question[aria-expanded="true"] { color:#168451; background:#f0f8f3; }
.faq-chevron { width:9px; height:9px; flex:0 0 9px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) translateY(-2px); transition:transform .18s; }
.faq-question[aria-expanded="true"] .faq-chevron { transform:rotate(225deg) translate(-2px,-1px); }
.faq-answer { border-top:1px solid #e8f0eb; background:#f7fbf8; }
.faq-answer-content { padding:14px 17px 17px; color:#52616c; font-size:14px; line-height:1.75; }
.faq-no-results { text-align:center; padding:34px 15px; color:#52616c; }
.faq-no-results strong { color:#263846; }
.faq-no-results p { margin:6px 0 0; font-size:13px; }
.faq-notice { border:1px solid #e8ebee; background:#fff; border-radius:9px; padding:25px; text-align:center; color:#586671; }
.faq-help { margin-top:25px; border:1px solid #e6ece8; border-radius:10px; background:#f8fbf9; padding:22px 24px; display:flex; align-items:center; gap:16px; }
.faq-help-icon { width:44px; height:44px; flex:0 0 44px; display:grid; place-items:center; border-radius:50%; background:#e5f4eb; color:#168451; font-size:23px; font-weight:700; }
.faq-help-copy { flex:1; }
.faq-help-copy h2 { margin:0 0 5px; color:#243746; font-size:18px; font-weight:700; }
.faq-help-copy p { margin:0; color:#697680; font-size:13px; }
.faq-help-actions { display:flex; gap:10px; }
.faq-help-actions a { display:inline-flex; justify-content:center; align-items:center; min-height:42px; padding:0 17px; border-radius:6px; font-size:13px; font-weight:600; text-decoration:none; }
.faq-help-whatsapp { background:#1fa66a; color:#fff; }
.faq-help-whatsapp:hover { background:#168451; color:#fff; }
.faq-help-call { border:1px solid #bd1d36; color:#bd1d36; background:#fff; }
.faq-help-call:hover { background:#fff5f6; color:#a4162e; }
@media(max-width:767px) {
 .faq-hero { padding:15px 0 23px; }
 .faq-breadcrumb { margin-bottom:17px; }
 .faq-hero p { font-size:14px; }
 .faq-search { min-height:48px; }
 .faq-content { padding-top:18px; }
 .faq-layout { grid-template-columns:1fr; gap:14px; }
 .faq-category-panel,.faq-list-panel { padding:15px; }
 .faq-category-panel { display:flex; flex-wrap:wrap; gap:6px; }
 .faq-category-panel h2 { width:100%; margin-bottom:5px; }
 .faq-category { width:auto; border:1px solid #edf0f1; padding:8px 10px; font-size:12px; }
 .faq-count { min-width:21px; height:21px; }
 .faq-list-heading { align-items:flex-start; }
 .faq-question { padding:14px 13px; font-size:13px; }
 .faq-answer-content { padding:12px 13px 14px; font-size:13px; }
 .faq-help { flex-wrap:wrap; padding:17px; }
 .faq-help-copy { min-width:calc(100% - 65px); }
 .faq-help-actions { width:100%; flex-direction:column; }
 .faq-help-actions a { width:100%; }
}