/* FAQ help center (Digikala-style): hero band, category grid, accordion. Loaded only on FAQ pages. */
.faq{--faq-w:1200px;--faq-tint:color-mix(in srgb,var(--c-primary) 8%,#fff);padding-bottom:48px}
.faq__wrap{max-width:var(--faq-w);margin-inline:auto;padding-inline:20px}

/* Hero: light gray gradient + faint doodle pattern */
.faqh{background:linear-gradient(rgb(255 255 255/0) 45%,#fff),
	url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='150' fill='none' stroke='%23dfe0e3' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M20 30l10-8 4 13zM96 22v12M90 28h12M160 26a7 7 0 1 0 0 .1M222 20l8 8M230 20l-8 8M52 96h14M60 88v16M126 100l12-8M194 92a6 6 0 1 0 12 0 6 6 0 1 0-12 0M20 126h10M240 118l-6 12h12z'/%3E%3C/svg%3E") repeat,
	#eeeff1;padding:32px 20px 40px;text-align:center}
.faqh__in{max-width:560px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:8px}
.faqh__ico{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;color:var(--c-primary);box-shadow:0 1px 4px rgb(0 0 0/.06)}
.faqh__eyebrow{font-size:.8rem;font-weight:700;color:var(--c-primary);text-decoration:none;margin-top:4px}
.faqh__eyebrow:hover{text-decoration:underline}
.faqh__title{font-size:1.25rem;font-weight:800;line-height:1.7;margin:8px 0 0;color:var(--c-ink)}
.faqh__sub{margin:0;color:var(--c-muted);font-size:.85rem}
.faqh__search{position:relative;width:100%;margin-top:24px}
.faqh__search svg{position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);color:var(--c-ink);pointer-events:none}
.faqh__search input{width:100%;height:48px;border:1px solid #c0c2c5;border-radius:8px;background:#fff;padding-inline:48px 16px;font:inherit;font-size:.95rem;color:var(--c-ink)}
.faqh__search input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--faq-tint)}

/* Section heading: tinted round icon above a centered title */
.faqs{margin-top:48px;display:flex;flex-direction:column;align-items:center}
.faqs--flush{margin-top:24px}
.faqs__ico{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--faq-tint);color:var(--c-primary)}
.faqs__title{font-size:1.1rem;font-weight:800;margin:16px 0 24px;text-align:center}
.faqs__empty{color:var(--c-muted);text-align:center;margin:8px 0 0}

/* Category grid: borderless outer edge, hairlines between cells */
.faqc{list-style:none;margin:0;padding:0;width:100%;display:grid;grid-template-columns:repeat(6,1fr);overflow:hidden}
.faqc li{border-inline-start:1px solid var(--c-line);border-bottom:1px solid var(--c-line);margin-inline-start:-1px}
.faqc a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:128px;padding:16px 8px;text-align:center;font-size:.85rem;font-weight:700;color:var(--c-ink);text-decoration:none;line-height:1.8;transition:background .15s}
.faqc a:hover,.faqc a:focus-visible{background:#fafafa;color:var(--c-primary)}
.faqc__ico{color:var(--c-primary);display:grid;place-items:center;height:40px}

/* Accordion */
.faql{width:100%}
.faql__item{border-bottom:1px solid var(--c-line)}
.faql__q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;cursor:pointer;list-style:none;font-weight:700;font-size:.95rem;line-height:1.9;color:var(--c-ink);min-height:44px}
.faql__q::-webkit-details-marker{display:none}
.faql__q:hover{color:var(--c-primary)}
.faql__q:focus-visible{outline:2px solid var(--c-primary);outline-offset:4px;border-radius:4px}
.faql__chev{flex:none;color:var(--c-muted);transition:transform .2s}
.faql__item[open] .faql__chev{transform:rotate(180deg)}
.faql__a{padding:0 0 22px;color:#62666d;font-size:.9rem;line-height:2.1}
.faql__a p{margin:0 0 8px}
.faql__a a{color:var(--c-primary)}
.faql__link{display:inline-block;margin-top:4px;font-size:.8rem;color:var(--c-muted)!important}

/* Single question answer */
.faqa{margin-top:32px;font-size:.95rem;line-height:2.2;color:#3f4064}
.faqa > *{max-width:900px}
.faqa h2,.faqa h3{font-size:1rem;color:var(--c-ink);margin:24px 0 8px}
.faqa a{color:var(--c-primary)}
.faqa img{max-width:100%;height:auto;border-radius:8px}

.faq__desc{margin-top:24px;color:var(--c-muted);font-size:.9rem;line-height:2;text-align:center}

/* Other categories chips */
.faqo{margin-top:40px}
.faqo__title{font-size:.95rem;font-weight:800;margin:0 0 12px}
.faqo ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.faqo a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid var(--c-line);border-radius:999px;font-size:.8rem;color:var(--c-ink);text-decoration:none}
.faqo a svg{color:var(--c-primary)}
.faqo a:hover{border-color:var(--c-primary);color:var(--c-primary)}

/* Help box */
.faqhelp{margin-top:48px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;border:1px solid var(--c-line);border-radius:var(--r);padding:20px 24px}
.faqhelp__ico{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--faq-tint);color:var(--c-primary);flex:none}
.faqhelp__txt{display:flex;flex-direction:column;gap:2px;flex:1 1 240px}
.faqhelp__txt strong{font-size:.95rem}
.faqhelp__txt span{font-size:.85rem;color:var(--c-muted)}
.faqhelp__btn{display:inline-flex;align-items:center;min-height:44px;padding:0 24px;border-radius:8px;background:var(--c-primary);color:#fff;font-weight:700;font-size:.9rem;text-decoration:none}
.faqhelp__btn:hover{filter:brightness(.95)}

@media (max-width:1024px){.faqc{grid-template-columns:repeat(4,1fr)}}
@media (max-width:640px){
	.faqh{padding:24px 16px 28px}
	.faqh__title{font-size:1.05rem}
	.faq__wrap{padding-inline:16px}
	.faqc{grid-template-columns:repeat(3,1fr)}
	.faqc a{min-height:108px;font-size:.78rem}
	.faql__q{font-size:.88rem;padding:18px 0}
	.faqhelp{padding:16px}
	.faqhelp__btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.faql__chev,.faqc a{transition:none}}