/*
Theme: faq-clean (wcfaqhub.com)
Layout: FAQ-centered, single column accordion
Grid: Single column with search
Font: Inter
*/
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:#e0f7fa;color:#006064;line-height:1.7}

/* Header: Minimal search header */
.header-faq-minimal{background:linear-gradient(135deg,#006064,#00838f);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.faq-header-inner{max-width:900px;margin:0 auto;padding:0 24px;display:flex;align-items:center;height:64px;gap:20px}
.faq-logo{font-size:1rem;font-weight:700;color:#fff;text-decoration:none;white-space:nowrap}
.faq-header-search{flex:1;max-width:350px}
.faq-search-input{width:100%;padding:8px 16px;border-radius:20px;border:none;font-size:.82rem;outline:none;background:rgba(255,255,255,.15);color:#fff}
.faq-search-input::placeholder{color:rgba(255,255,255,.4)}
.nav-faq-minimal{display:flex;gap:12px}
.nav-faq-minimal a{color:rgba(255,255,255,.7);font-size:.8rem;padding:4px 0;border-bottom:2px solid transparent;transition:all .2s}
.nav-faq-minimal a:hover{color:#fff;border-bottom-color:#4dd0e1}

/* Hero: Search-focused hero */
.hero-faq-clean{background:linear-gradient(135deg,#00838f,#4dd0e1);padding:50px 0;text-align:center}
.hero-search-faq{max-width:700px;margin:0 auto;padding:0 24px}
.hero-title{font-size:2rem;font-weight:800;color:#fff;line-height:1.2;margin-bottom:12px}
.hero-subtitle{font-size:1rem;color:rgba(255,255,255,.85);margin-bottom:24px}
.hero-search-big{display:flex;max-width:500px;margin:0 auto 20px}
.hero-search-input{flex:1;padding:14px 20px;border-radius:30px 0 0 30px;border:2px solid rgba(255,255,255,.3);background:rgba(255,255,255,.15);color:#fff;font-size:1rem;outline:none}
.hero-search-input::placeholder{color:rgba(255,255,255,.5)}
.hero-search-btn{background:#ff6f00;color:#fff;border:none;padding:14px 28px;border-radius:0 30px 30px 0;font-weight:700;cursor:pointer;font-size:.9rem}
.hero-popular-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.tag{background:rgba(255,255,255,.15);color:#fff;padding:5px 14px;border-radius:20px;font-size:.78rem;cursor:pointer;transition:all .2s}
.tag:hover{background:rgba(255,255,255,.3)}

/* FAQ main content */
.faq-main-content{max-width:800px;margin:0 auto;padding:40px 24px}

/* Category tabs */
.category-tab-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;justify-content:center}
.cat-tab{padding:8px 20px;border:2px solid #b2ebf2;background:#fff;border-radius:20px;font-size:.8rem;font-weight:500;color:#006064;cursor:pointer;transition:all .2s}
.cat-tab.active,.cat-tab:hover{background:#00838f;color:#fff;border-color:#00838f}

/* Cards: FAQ accordion */
.faq-cards-list{display:flex;flex-direction:column;gap:8px}
.faq-item{background:#fff;border-radius:10px;padding:0;box-shadow:0 1px 4px rgba(0,0,0,.06);overflow:hidden;cursor:pointer;transition:box-shadow .2s}
.faq-item:hover{box-shadow:0 2px 12px rgba(0,0,0,.1)}
.faq-q{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;font-size:.92rem;font-weight:600;color:#006064;user-select:none}
.faq-icon{font-size:1.2rem;color:#4dd0e1;font-weight:300;transition:transform .3s}
.faq-item.open .faq-icon{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;padding:0 20px;transition:all .3s ease}
.faq-item.open .faq-a{max-height:300px;padding:0 20px 16px}
.faq-a p{font-size:.85rem;color:#666;line-height:1.6}

/* Popular questions */
.popular-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.popular-item{display:block;padding:14px 18px;background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.06);color:#006064;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s}
.popular-item:hover{background:#e0f7fa;padding-left:24px}

/* Contact CTA */
.contact-card{background:linear-gradient(135deg,#00838f,#4dd0e1);border-radius:12px;padding:30px;text-align:center;color:#fff;margin-top:30px}
.contact-card h3{font-size:1.2rem;font-weight:700;margin-bottom:8px;color:#fff}
.contact-card p{font-size:.9rem;opacity:.85;margin-bottom:16px}
.contact-btn{display:inline-block;background:#ff6f00;color:#fff;padding:10px 28px;border-radius:30px;font-weight:700;font-size:.85rem;text-decoration:none}

/* Footer: Minimal FAQ footer */
.footer-faq-minimal{background:linear-gradient(135deg,#006064,#00838f);padding:30px 0;color:rgba(255,255,255,.7)}
.faq-footer-minimal{max-width:800px;margin:0 auto;padding:0 24px}
.faq-footer-row{display:flex;justify-content:space-between;gap:20px;margin-bottom:16px}
.faq-footer-brand span{display:block;font-size:1rem;font-weight:700;color:#fff;margin-bottom:6px}
.faq-footer-brand p{font-size:.8rem;line-height:1.5}
.faq-footer-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.faq-footer-links a{color:rgba(255,255,255,.6);font-size:.8rem}
.faq-footer-legal{font-size:.75rem;border-top:1px solid rgba(255,255,255,.1);padding-top:12px;line-height:1.6;text-align:center}
.faq-footer-legal a{color:#4dd0e1}

@media(max-width:768px){
  .faq-header-inner{flex-direction:column;height:auto;padding:12px 16px;gap:10px}
  .faq-header-search{max-width:100%;width:100%}
  .hero-title{font-size:1.5rem!important}
  .hero-search-big{flex-direction:column;gap:8px}
  .hero-search-input{border-radius:30px}
  .hero-search-btn{border-radius:30px}
  .faq-footer-row{flex-direction:column;text-align:center}
}