.vatan-faq{
  --vfaq-green:#127a67;
  --vfaq-green-soft:#c1e6e0;
  --vfaq-text:#171a18;
  --vfaq-muted:#858585;
  --vfaq-surface:#f8f8f8;
  --vfaq-radius:18px;
  width:100%;
  margin:42px 0 28px;
  color:var(--vfaq-text);
  direction:rtl;
  text-align:right;
  font-family:inherit;
}
.vatan-faq__title{
  margin:0 0 18px;
  color:var(--vfaq-text);
  font-size:clamp(22px,2.2vw,29px);
  font-weight:800;
  line-height:1.5;
  letter-spacing:-.02em;
}
.vatan-faq__list{display:grid;gap:12px}
.vatan-faq__item{
  overflow:hidden;
  border:0;
  border-radius:var(--vfaq-radius);
  background:var(--vfaq-surface);
  box-shadow:none;
  transition:background-color .22s ease;
}
.vatan-faq__heading{margin:0;font-size:inherit}
.vatan-faq__question{
  appearance:none;
  -webkit-appearance:none;
  width:100%;
  min-height:72px;
  display:flex;
  direction:rtl;
  align-items:center;
  gap:16px;
  padding:17px 20px;
  border:0;
  border-radius:var(--vfaq-radius);
  background:transparent;
  color:var(--vfaq-text);
  font:inherit;
  font-size:17px;
  font-weight:500;
  line-height:1.9;
  text-align:right;
  cursor:pointer;
}
.vatan-faq__question:focus-visible{outline:3px solid rgba(18,122,103,.18);outline-offset:-3px}
.vatan-faq__state-icon{
  position:relative;
  flex:0 0 30px;
  width:30px;
  height:30px;
}
.vatan-faq__state-icon img{
  position:absolute;
  inset:0;
  display:block;
  width:30px;
  height:30px;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
  transition:opacity .2s ease;
}
.vatan-faq__state-icon--open{opacity:0}
.vatan-faq__item.is-open .vatan-faq__state-icon--closed{opacity:0}
.vatan-faq__item.is-open .vatan-faq__state-icon--open{opacity:1}
.vatan-faq__question-text{flex:1;min-width:0}
.vatan-faq__toggle{
  position:relative;
  flex:0 0 28px;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
}
.vatan-faq__toggle-plus{
  display:block;
  width:16px;
  height:16px;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
  transition:opacity .18s ease,transform .18s ease;
}
.vatan-faq__toggle-close{
  position:absolute;
  inset:0;
  opacity:0;
  transform:rotate(-45deg);
  transition:opacity .18s ease,transform .18s ease;
}
.vatan-faq__toggle-close:before,
.vatan-faq__toggle-close:after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:17px;
  height:1.4px;
  border-radius:2px;
  background:#111;
  transform:translate(-50%,-50%);
}
.vatan-faq__toggle-close:after{transform:translate(-50%,-50%) rotate(90deg)}
.vatan-faq__item.is-open .vatan-faq__toggle-plus{opacity:0;transform:rotate(45deg)}
.vatan-faq__item.is-open .vatan-faq__toggle-close{opacity:1;transform:rotate(45deg)}
.vatan-faq__answer{
  height:0;
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  transition:height .32s cubic-bezier(.4,0,.2,1),opacity .22s ease,visibility .22s ease;
}
.vatan-faq__item.is-open .vatan-faq__answer{opacity:1;visibility:visible}
.vatan-faq__answer-inner{
  padding:0 34px 26px 64px;
  color:var(--vfaq-muted);
  font-size:16px;
  font-weight:400;
  line-height:2.1;
}
.vatan-faq__answer-inner>:first-child{margin-top:0}
.vatan-faq__answer-inner>:last-child{margin-bottom:0}
@media(max-width:600px){
  .vatan-faq{margin-top:32px;--vfaq-radius:15px}
  .vatan-faq__title{margin-bottom:14px;font-size:21px}
  .vatan-faq__list{gap:9px}
  .vatan-faq__question{min-height:62px;padding:14px 15px;font-size:15px;gap:11px}
  .vatan-faq__state-icon,.vatan-faq__state-icon img{flex-basis:28px;width:28px;height:28px}
  .vatan-faq__toggle{flex-basis:26px;width:26px;height:26px}
  .vatan-faq__answer-inner{padding:0 54px 20px 48px;font-size:14px;line-height:2}
}
@media(prefers-reduced-motion:reduce){
  .vatan-faq__answer,.vatan-faq__state-icon img,.vatan-faq__toggle-plus,.vatan-faq__toggle-close{transition:none}
}

/* Term archive refinements: keep article/product FAQ styling unchanged. */
.vatan-faq--term{
  margin:32px 0 28px;
}
.vatan-faq--term.vatan-faq--relocating{
  visibility:hidden;
}
.vatan-faq--term .vatan-faq__title{
  margin:0 0 16px;
  font-size:22px;
  font-weight:600;
  line-height:1.6;
  letter-spacing:0;
}
.vatan-faq--term .vatan-faq__question{
  min-height:64px;
  font-size:15px;
  font-weight:400;
  line-height:1.9;
}
.vatan-faq--term .vatan-faq__answer-inner{
  font-size:14px;
  line-height:2;
}
@media(max-width:600px){
  .vatan-faq--term .vatan-faq__title{font-size:20px;font-weight:600}
  .vatan-faq--term .vatan-faq__question{font-size:14px}
}