.article-content :is(.tmfaq,.tpc-brand-faq){--faq-navy:#02004b;--faq-orange:#ff5f00;margin:40px 0 16px;padding:28px;background:linear-gradient(135deg,#f5f6fc,#fff8f2);border:1px solid #e3e5ee;border-radius:20px;font-family:inherit;box-shadow:0 12px 35px rgba(2,0,75,.04)}
.tmfaq-heading{margin-bottom:22px}.tmfaq-eyebrow{display:inline-block;color:#a33e00;font-size:12px;font-weight:700;background:#fff0e5;border-radius:6px;padding:3px 10px;margin-bottom:8px}
.article-content :is(.tmfaq,.tpc-brand-faq) h2{font-family:inherit;font-weight:700;font-size:clamp(21px,2.5vw,27px);line-height:1.7;color:var(--faq-navy);margin:0;border:0;padding:0}
.tmfaq-list{display:grid;gap:12px}:is(.tmfaq-item,.tpc-brand-faq>details){overflow:hidden;border:1px solid #e0e3ed;border-radius:13px;background:#fff;transition:border-color .18s,box-shadow .18s}:is(.tmfaq-item,.tpc-brand-faq>details)[open]{border-color:#ff9c63;box-shadow:0 4px 18px rgba(255,95,0,.07)}
:is(.tmfaq-question,.tpc-brand-faq summary){display:flex;align-items:center;gap:18px;justify-content:space-between;min-height:70px;padding:14px 18px;list-style:none;cursor:pointer;color:var(--faq-navy);font-weight:700;line-height:1.9;font-size:16px}:is(.tmfaq-question,.tpc-brand-faq summary)::-webkit-details-marker{display:none}:is(.tmfaq-question,.tpc-brand-faq summary)::marker{content:""}:is(.tmfaq-question,.tpc-brand-faq summary):hover{background:#fffaf6}:is(.tmfaq-question,.tpc-brand-faq summary):focus-visible{outline:3px solid var(--faq-orange);outline-offset:-4px;border-radius:11px}
.tmfaq-question-text{flex:1;min-width:0;overflow-wrap:anywhere}.tmfaq-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border-radius:10px;color:#fff;background:var(--faq-navy);transition:background .18s}.tmfaq-toggle svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}:is(.tmfaq-item,.tpc-brand-faq>details)[open] .tmfaq-toggle{background:var(--faq-orange)}.tmfaq-toggle-vertical{transform-origin:12px 12px;transition:transform .18s,opacity .18s}:is(.tmfaq-item,.tpc-brand-faq>details)[open] .tmfaq-toggle-vertical{transform:rotate(90deg);opacity:0}
.article-content :is(.tmfaq-answer,.tpc-brand-faq details>p){padding:0 18px 18px;color:#334155;line-height:2;font-family:inherit;font-size:15px;overflow-wrap:anywhere}.article-content :is(.tmfaq-answer,.tpc-brand-faq details>p) p{margin:0 0 10px}.article-content :is(.tmfaq-answer,.tpc-brand-faq details>p)>:last-child{margin-bottom:0}:is(.tmfaq-answer,.tpc-brand-faq details>p) a{text-underline-offset:4px}:is(.tmfaq-answer,.tpc-brand-faq details>p) img{max-width:100%;height:auto}
@media(max-width:600px){.article-content :is(.tmfaq,.tpc-brand-faq){padding:18px 12px;margin-top:30px;border-radius:16px}.tmfaq-heading{padding-inline:4px;margin-bottom:16px}:is(.tmfaq-question,.tpc-brand-faq summary){padding:12px;gap:12px;font-size:15px;min-height:68px}.tmfaq-toggle{width:34px;height:34px;flex-basis:34px;border-radius:9px}.article-content :is(.tmfaq-answer,.tpc-brand-faq details>p){padding:0 12px 16px;font-size:14px}}
@media(prefers-reduced-motion:reduce){:is(.tmfaq-item,.tpc-brand-faq>details),.tmfaq-toggle,.tmfaq-toggle-vertical{transition:none}}

/* HTML FAQ blocks in brand pages share the article component above. */
.article-content .tpc-brand-faq>h2{margin-bottom:22px}
.article-content .tpc-brand-faq>h2::before{content:'پاسخ به سؤال‌های شما';display:table;color:#a33e00;font-size:12px;font-weight:700;line-height:1.8;background:#fff0e5;border-radius:6px;padding:3px 10px;margin-bottom:8px}
.tpc-brand-faq>details+details{margin-top:12px}
.tpc-brand-faq summary::after{content:'+';display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border-radius:10px;color:#fff;background:var(--faq-navy);font:24px/1 Arial,sans-serif;transition:background .18s}
.tpc-brand-faq details[open] summary::after{content:'−';background:var(--faq-orange)}
.article-content .tpc-brand-faq details>p{margin:0}
@media(max-width:600px){.article-content .tpc-brand-faq>h2{margin-bottom:16px;padding-inline:4px}.tpc-brand-faq summary::after{width:34px;height:34px;flex-basis:34px;border-radius:9px}}
@media(prefers-reduced-motion:reduce){.tpc-brand-faq summary::after{transition:none}}