/* Page styles: faq */
/* ── FAQ LAYOUT ── */
.faq-layout { display:grid; grid-template-columns:260px 1fr; gap:40px; align-items:start; }
.faq-layout *{box-sizing:border-box;}
.faq-item{max-width:100%;word-wrap:break-word;}
.faq-q span{flex:1;min-width:0;word-break:break-word;}
.faq-sidebar { position:sticky; top:88px; }
.faq-nav { background:#fff; border-radius:14px; box-shadow:0 3px 14px rgba(0,0,0,.08); overflow:hidden; }
.faq-nav-head { background:#5c1414; color:#fff; padding:16px 20px; font-size:14px; font-weight:700; }
.faq-nav-head span { color:#f5a623; }
.faq-nav-item { display:flex; align-items:center; gap:10px; padding:13px 18px; border-bottom:1px solid #f5f5f5; cursor:pointer; font-size:13px; font-weight:500; color:#555; transition:background .2s, color .2s; }
.faq-nav-item:hover, .faq-nav-item.active { background:#fdf7f7; color:#5c1414; border-left:3px solid #f5a623; font-weight:700; }
.faq-nav-item i { color:#f5a623; width:18px; text-align:center; }
.faq-nav-item .count { margin-left:auto; background:#fbf0f0; color:#5c1414; font-size:11px; font-weight:700; padding:2px 8px; border-radius:12px; }

/* ── FAQ SECTIONS ── */
.faq-section { margin-bottom:44px; }
.faq-section-title { display:flex; align-items:center; gap:12px; margin-bottom:20px; padding-bottom:12px; border-bottom:2px solid #f0f0f0; }
.faq-section-title .icon { width:44px; height:44px; background:#fbf0f0; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:20px; color:#5c1414; }
.faq-section-title h3 { font-size:20px; font-weight:800; color:#5c1414; }
.faq-list { display:flex; flex-direction:column; gap:10px; }
.faq-item { background:#fff; border-radius:12px; box-shadow:0 2px 10px rgba(0,0,0,.06); overflow:hidden; border:1.5px solid transparent; transition:border-color .2s; }
.faq-item.open { border-color:#f5a623; }
.faq-q { display:flex; justify-content:space-between; align-items:center; padding:16px 20px; cursor:pointer; font-weight:600; color:#5c1414; font-size:14px; gap:12px; }
.faq-q .fq-icon { width:34px; height:34px; background:#fbf0f0; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:15px; color:#f5a623; flex-shrink:0; transition:transform .3s; }
.faq-item.open .fq-icon { transform:rotate(45deg); background:#f5a623; color:#fff; }
.faq-q span { flex:1; }
.faq-a { display:none; padding:0 20px 18px 20px; font-size:13px; color:#555; line-height:1.85; }
.faq-item.open .faq-a { display:block; }
.faq-a p { margin-bottom:10px; }
.faq-a p:last-child { margin-bottom:0; }
.faq-a a { color:#f5a623; font-weight:600; }
.faq-a ul { padding-left:18px; margin-top:8px; }
.faq-a li { margin-bottom:6px; color:#555; }

/* ── SEARCH ── */
.faq-search { background:#fff; border-radius:14px; box-shadow:0 3px 14px rgba(0,0,0,.08); padding:24px; margin-bottom:28px; }
.faq-search h3 { font-size:18px; font-weight:700; color:#5c1414; margin-bottom:14px; }
.search-wrap { display:flex; gap:10px; }
.search-wrap input { flex:1; padding:12px 16px; border:1.5px solid #e0e0e0; border-radius:8px; font-size:14px; font-family:inherit; outline:none; transition:border .2s; }
.search-wrap input:focus { border-color:#5c1414; }
.search-wrap button { background:#5c1414; color:#fff; border:none; padding:12px 18px; border-radius:8px; cursor:pointer; font-size:16px; transition:background .2s; }
.search-wrap button:hover { background:#f5a623; }

/* ── STILL HAVE QUESTIONS ── */
.help-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.help-card { background:#fff; border-radius:14px; padding:28px 22px; text-align:center; box-shadow:0 3px 14px rgba(0,0,0,.08); transition:.25s; }
.help-card:hover { transform:translateY(-5px); }
.help-icon { width:64px; height:64px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 14px; font-size:26px; }
.help-icon.green { background:#e8f5e9; color:#27ae60; }
.help-icon.blue  { background:#e3f2fd; color:#2980b9; }
.help-icon.gold  { background:#fff8e1; color:#f5a623; }
.help-card h3 { font-size:15px; font-weight:700; color:#5c1414; margin-bottom:6px; }
.help-card p  { font-size:13px; color:#777; margin-bottom:14px; line-height:1.65; }

@media(max-width:900px){ .faq-layout{grid-template-columns:1fr;} .faq-sidebar{position:static;} .help-cards{grid-template-columns:1fr 1fr;} }
@media(max-width:540px){
  .help-cards{grid-template-columns:1fr;}
  .faq-layout{gap:24px;}
  .faq-q{padding:14px 14px;font-size:13px;}
  .faq-a{padding:0 14px 14px 14px;}
  .faq-section-title h3{font-size:17px;}
  .faq-nav-item{padding:11px 14px;font-size:12.5px;}
  .faq-search{padding:18px;}
  .faq-q span{word-break:break-word;}
}