/* faq.css */
#page-hero{position:relative;min-height:52vh;margin-top:var(--nav-height);background:var(--bg-card);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:60px 48px 80px;}
.page-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(26,92,58,0.06) 1px,transparent 1px),linear-gradient(90deg,rgba(26,92,58,0.06) 1px,transparent 1px);background-size:52px 52px;z-index:0;}
#page-hero::after{content:'';position:absolute;bottom:0;right:0;left:0;height:200px;background:linear-gradient(to bottom,transparent,var(--bg-darkest));z-index:1;pointer-events:none;}
.page-hero-content{position:relative;z-index:2;max-width:680px;}
.page-hero-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:20px;animation:fade-up 0.7s ease both;}
.page-hero-eyebrow span:last-child{font-size:var(--fs-xs);letter-spacing:4px;color:var(--color-gold);text-transform:uppercase;}
.page-hero-title{font-family:var(--font-display);font-size:clamp(40px,5vw,72px);font-weight:300;line-height:1.05;margin-bottom:20px;animation:fade-up 0.7s 0.1s ease both;}
.page-hero-desc{font-size:var(--fs-base);color:var(--text-muted);line-height:1.8;font-weight:300;max-width:560px;animation:fade-up 0.7s 0.2s ease both;}
.page-hero-deco{position:absolute;top:50%;left:48px;transform:translateY(-50%);font-family:var(--font-display);font-size:clamp(80px,12vw,160px);font-weight:300;color:rgba(201,168,76,0.04);white-space:nowrap;z-index:0;user-select:none;pointer-events:none;}
.breadcrumb{position:relative;z-index:2;display:flex;align-items:center;gap:8px;margin-bottom:32px;animation:fade-up 0.6s ease both;}
.breadcrumb a{font-size:var(--fs-xs);color:var(--text-muted);letter-spacing:1px;transition:color .2s;}
.breadcrumb a:hover{color:var(--color-gold);}
.breadcrumb-sep{font-size:var(--fs-xs);color:var(--text-faint);}
.breadcrumb span:last-child{font-size:var(--fs-xs);color:var(--color-gold);letter-spacing:1px;}

/* FAQ Tabs */
#faq-main{padding:var(--space-2xl) 48px;background:var(--bg-card);}
.faq-category-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:var(--space-xl);border-bottom:0.5px solid var(--border-gold);padding-bottom:0;}
.faq-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);padding:12px 20px;font-size:var(--fs-sm);font-family:var(--font-arabic);cursor:pointer;transition:all .2s;margin-bottom:-0.5px;}
.faq-tab:hover{color:var(--text-primary);}
.faq-tab.active{color:var(--color-gold);border-bottom-color:var(--color-gold);font-weight:700;}

/* FAQ Sections */
.faq-section{display:none;}
.faq-section.active{display:block;}
.faq-section-title{font-family:var(--font-display);font-size:clamp(28px,3vw,40px);font-weight:300;color:var(--text-primary);margin-bottom:var(--space-lg);}
.faq-section-title em{font-style:italic;color:var(--color-gold);}

/* FAQ Items — نفس service-page.css */
.faq-list{display:flex;flex-direction:column;gap:2px;max-width:800px;}
.faq-item{background:var(--bg-card);border:0.5px solid var(--bg-mid);overflow:hidden;transition:border-color .3s;}
.faq-item:hover{border-color:var(--border-gold);}
.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:20px var(--space-md);background:transparent;border:none;cursor:pointer;text-align:right;font-family:var(--font-arabic);font-size:var(--fs-base);font-weight:700;color:var(--text-primary);transition:color .3s;}
.faq-question:hover{color:var(--color-gold);}
.faq-icon{font-size:24px;color:var(--color-gold);font-weight:300;flex-shrink:0;transition:transform .3s;line-height:1;}
.faq-item.open .faq-icon{transform:rotate(45deg);}
.faq-item.open .faq-question{color:var(--color-gold);}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease;padding:0 var(--space-md);}
.faq-item.open .faq-answer{max-height:300px;padding:0 var(--space-md) var(--space-md);}
.faq-answer p{font-size:var(--fs-sm);color:var(--text-muted);line-height:1.8;font-weight:300;border-top:0.5px solid var(--border-gold);padding-top:var(--space-sm);}

/* CTA */
#faq-cta{padding:var(--space-2xl) 48px;background:var(--bg-card);text-align:center;}
.faq-cta-inner{max-width:520px;margin:0 auto;}
.faq-cta-icon{font-size:48px;margin-bottom:var(--space-md);}
#faq-cta h2{font-family:var(--font-display);font-size:clamp(28px,3.5vw,48px);font-weight:300;margin-bottom:var(--space-sm);}
#faq-cta p{font-size:var(--fs-base);color:var(--text-muted);line-height:1.7;margin-bottom:var(--space-lg);}
.faq-cta-btns{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap;}
.faq-cta-btns .btn-primary,.faq-cta-btns .btn-secondary{padding:13px 28px;}

@media(max-width:768px){
  #faq-main{padding:var(--space-xl) var(--space-md);}
  .faq-category-tabs{gap:2px;}
  .faq-tab{padding:10px 14px;font-size:12px;}
  #faq-cta{padding:var(--space-xl) var(--space-md);}
  .faq-cta-btns{flex-direction:column;align-items:center;}
}
