/* MatkaSattaPro V16 — Homepage Q&A reference redesign
   Scope: homepage Q&A / FAQ section only. Existing FAQ data and collapse JS remain unchanged. */
.msp-qa-reference{
  --qa-magenta:#c30068;
  --qa-magenta-dark:#8d004e;
  --qa-magenta-deep:#65013d;
  --qa-cream:#fff6e8;
  --qa-cream-2:#ffe9cf;
  --qa-peach:#ffcc99;
  --qa-gold:#e1a323;
  position:relative;
  margin:18px 0 20px;
  padding:22px 12px 68px;
  overflow:visible;
  border:1.5px solid #68bfb3;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.22),transparent 28%),
    linear-gradient(180deg,#ffd6ab 0%,var(--qa-peach) 100%);
  color:#17110e;
}
.msp-qa-reference__header{
  max-width:720px;
  margin:0 auto 20px;
  text-align:center;
}
.msp-qa-reference__title-row{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.msp-qa-reference__title{
  margin:0;
  color:var(--qa-magenta);
  font-family:Arial,Helvetica,sans-serif;
  font-size:30px;
  font-weight:800;
  line-height:1;
  letter-spacing:.2px;
  text-transform:uppercase;
  white-space:nowrap;
  flex:0 0 auto;
}
.msp-qa-reference__title-rail{
  position:relative;
  width:74px;
  height:1.5px;
  background:linear-gradient(90deg,transparent,rgba(192,0,102,.72));
}
.msp-qa-reference__title-rail--right{transform:scaleX(-1)}
.msp-qa-reference__title-diamond{
  width:10px;
  height:10px;
  flex:0 0 10px;
  transform:rotate(45deg);
  background:linear-gradient(135deg,#dd167c,#a10058);
  border:1px solid rgba(137,0,72,.25);
}
.msp-qa-reference__subtitle{
  margin:5px 0 17px;
  color:#151515;
  font:500 17px/1.25 Arial,Helvetica,sans-serif;
}
.msp-qa-reference__header-flourish{
  position:relative;
  width:66%;
  height:20px;
  margin:0 auto;
}
.msp-qa-reference__header-flourish::before,
.msp-qa-reference__header-flourish::after{
  content:"";
  position:absolute;
  top:9px;
  width:43%;
  border-top:1.4px solid rgba(194,0,102,.52);
}
.msp-qa-reference__header-flourish::before{left:0}
.msp-qa-reference__header-flourish::after{right:0}
.msp-qa-reference__header-flourish span{
  position:absolute;
  left:50%;
  top:3px;
  width:13px;
  height:13px;
  transform:translateX(-50%) rotate(45deg);
  background:var(--qa-magenta);
  border-radius:2px 50% 2px 50%;
}
.msp-qa-reference__header-flourish span::before,
.msp-qa-reference__header-flourish span::after{
  content:"";
  position:absolute;
  width:9px;
  height:9px;
  border:2px solid var(--qa-magenta);
  border-radius:50%;
  background:transparent;
}
.msp-qa-reference__header-flourish span::before{left:-8px;top:5px}
.msp-qa-reference__header-flourish span::after{right:5px;top:-8px}
.msp-qa-reference__list{
  max-width:720px;
  margin:0 auto;
}
.msp-qa-reference__item{position:relative}
.msp-qa-reference__question{
  position:relative;
  width:100%!important;
  min-height:98px;
  margin:0!important;
  padding:0 72px 0 142px!important;
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  overflow:visible;
  border:1.6px solid rgba(183,47,113,.84)!important;
  border-radius:14px!important;
  background:
    radial-gradient(ellipse at 52% -12%,rgba(255,255,255,.74),transparent 48%),
    linear-gradient(180deg,var(--qa-cream) 0%,var(--qa-cream-2) 100%)!important;
  box-shadow:0 7px 14px rgba(123,58,26,.15),inset 0 1px 0 rgba(255,255,255,.82)!important;
  color:#151515!important;
  font-family:Arial,Helvetica,sans-serif!important;
  text-align:left!important;
  text-transform:none!important;
  cursor:pointer;
}
.msp-qa-reference__question::after{content:none!important;display:none!important}
.msp-qa-reference__index{
  position:absolute;
  left:2px;
  top:50%;
  width:94px;
  height:76px;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  border:2px solid #f0be38;
  border-right:0;
  border-radius:12px 0 0 12px;
  background:linear-gradient(180deg,#e00079 0%,#ba0064 50%,#87004c 100%);
  color:#fff!important;
  font:500 29px/1 Arial,Helvetica,sans-serif!important;
  letter-spacing:.2px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20);
}
.msp-qa-reference__index::before{
  content:"";
  position:absolute;
  top:-2px;
  right:-24px;
  width:0;
  height:0;
  border-top:38px solid transparent;
  border-bottom:38px solid transparent;
  border-left:24px solid #f0be38;
  pointer-events:none;
}
.msp-qa-reference__index::after{
  content:"";
  position:absolute;
  top:0;
  right:-20px;
  width:0;
  height:0;
  border-top:36px solid transparent;
  border-bottom:36px solid transparent;
  border-left:22px solid #b70063;
  pointer-events:none;
}
.msp-qa-reference__index-arrow{
  position:absolute;
  left:110px;
  top:50%;
  width:26px;
  transform:translateY(-53%);
  color:var(--qa-magenta)!important;
  font:800 35px/1 Arial,sans-serif!important;
  text-align:center;
}
.msp-qa-reference__question-divider{
  position:absolute;
  left:140px;
  top:22px;
  bottom:22px;
  width:1.4px;
  background:rgba(184,0,93,.72);
}
.msp-qa-reference__question-text{
  display:block;
  color:#141414!important;
  font:700 20px/1.28 Arial,Helvetica,sans-serif!important;
  overflow-wrap:anywhere;
  text-align:left;
}
.msp-qa-reference__toggle{
  position:absolute;
  right:18px;
  top:50%;
  width:52px;
  height:52px;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  border:1.6px solid rgba(199,0,103,.72);
  border-radius:50%;
  background:linear-gradient(180deg,#fff6e9,#ffe6c9);
  color:var(--qa-magenta)!important;
  box-shadow:0 5px 12px rgba(124,51,23,.14),inset 0 1px 0 rgba(255,255,255,.9);
}
.msp-qa-reference__toggle svg{width:31px;height:31px;transition:transform .20s ease}
.msp-qa-reference__question.active .msp-qa-reference__toggle svg{transform:rotate(180deg)}
.msp-qa-reference__answer{
  display:none;
  margin:-7px 12px 0!important;
  padding:15px 18px 13px!important;
  overflow:hidden;
  border:1.4px solid rgba(190,49,110,.55);
  border-top:0;
  border-radius:0 0 13px 13px;
  background:linear-gradient(180deg,#fff2df,#ffe7cb);
  color:#28201b;
  box-shadow:0 5px 10px rgba(118,54,19,.08);
}
.msp-qa-reference__answer-inner{
  color:#28201b;
  font:500 15px/1.42 Arial,Helvetica,sans-serif;
  text-align:left;
}
.msp-qa-reference__answer-inner p,
.msp-qa-reference__answer-inner div,
.msp-qa-reference__answer-inner span,
.msp-qa-reference__answer-inner strong,
.msp-qa-reference__answer-inner em{
  color:inherit!important;
  font:inherit!important;
  line-height:inherit!important;
}
.msp-qa-reference__answer-inner strong{font-weight:800!important;color:#a5005d!important}
.msp-qa-reference__answer-inner p{margin:0 0 7px!important;padding:0!important}
.msp-qa-reference__answer-inner p:last-child{margin-bottom:0!important}
.msp-qa-reference__separator{
  position:relative;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.msp-qa-reference__separator::before,
.msp-qa-reference__separator::after{
  content:"";
  width:28%;
  border-top:1px dotted rgba(178,74,108,.44);
}
.msp-qa-reference__separator span{
  margin:0 12px;
  color:#e10075;
  font:700 20px/1 Arial,sans-serif;
}
.msp-qa-reference__footer{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:66px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  border-top:1px solid rgba(187,37,99,.46);
  background:linear-gradient(180deg,rgba(255,204,153,.16),rgba(255,190,132,.70));
}
.msp-qa-reference__forum{
  position:relative;
  min-width:270px;
  min-height:58px;
  padding:18px 34px 9px;
  display:flex;
  align-items:center;
  justify-content:center;
  clip-path:polygon(10% 0,90% 0,100% 50%,90% 100%,10% 100%,0 50%);
  background:linear-gradient(180deg,#e10078 0%,#b40061 50%,#7e0048 100%);
  color:#fff!important;
  font:800 24px/1 Arial,Helvetica,sans-serif;
  text-decoration:none!important;
  text-shadow:0 1px 1px rgba(61,0,34,.45);
  box-shadow:0 5px 12px rgba(99,23,56,.20);
}
.msp-qa-reference__forum-icon{
  position:absolute;
  left:50%;
  top:-23px;
  width:52px;
  height:52px;
  transform:translateX(-50%);
  display:grid;
  place-items:center;
  border:3px solid #fff0b0;
  border-radius:50%;
  background:linear-gradient(180deg,#e10078,#9b0057);
  color:#fff;
  box-shadow:0 3px 8px rgba(83,15,45,.20);
}
.msp-qa-reference__forum-icon svg{width:32px;height:32px}
@media(max-width:700px){
  .msp-qa-reference{margin:10px 0 14px;padding:14px 8px 56px}
  .msp-qa-reference__header{margin-bottom:13px}
  .msp-qa-reference__title-row{min-height:31px;gap:6px}
  .msp-qa-reference__title{font-size:20px}
  .msp-qa-reference__title-rail{width:38px;height:1px}
  .msp-qa-reference__title-diamond{width:7px;height:7px;flex-basis:7px}
  .msp-qa-reference__subtitle{margin:2px 0 10px;font-size:12px}
  .msp-qa-reference__header-flourish{width:72%;height:13px}
  .msp-qa-reference__header-flourish::before,.msp-qa-reference__header-flourish::after{top:6px;border-top-width:1px}
  .msp-qa-reference__header-flourish span{top:1px;width:9px;height:9px}
  .msp-qa-reference__header-flourish span::before,.msp-qa-reference__header-flourish span::after{width:6px;height:6px;border-width:1px}
  .msp-qa-reference__header-flourish span::before{left:-6px;top:3px}.msp-qa-reference__header-flourish span::after{right:3px;top:-6px}
  .msp-qa-reference__question{min-height:54px;padding:0 44px 0 94px!important;border-radius:8px!important;border-width:1px!important;box-shadow:0 4px 8px rgba(123,58,26,.12)!important}
  .msp-qa-reference__index{left:1px;width:56px;height:43px;border-width:1.5px;border-radius:7px 0 0 7px;font-size:17px!important}
  .msp-qa-reference__index::before{top:-1.5px;right:-14px;border-top-width:21.5px;border-bottom-width:21.5px;border-left-width:14px}
  .msp-qa-reference__index::after{right:-12px;border-top-width:20px;border-bottom-width:20px;border-left-width:12px}
  .msp-qa-reference__index-arrow{left:62px;width:19px;font-size:24px!important}
  .msp-qa-reference__question-divider{left:84px;top:12px;bottom:12px;width:1px}
  .msp-qa-reference__question-text{font-size:13.4px!important;line-height:1.2!important}
  .msp-qa-reference__toggle{right:10px;width:32px;height:32px;border-width:1px}
  .msp-qa-reference__toggle svg{width:22px;height:22px}
  .msp-qa-reference__answer{margin:-4px 7px 0!important;padding:10px 11px 9px!important;border-width:1px}
  .msp-qa-reference__answer-inner{font-size:11px;line-height:1.36}
  .msp-qa-reference__separator{height:26px}
  .msp-qa-reference__separator span{margin:0 8px;font-size:13px}
  .msp-qa-reference__footer{height:54px}
  .msp-qa-reference__forum{min-width:185px;min-height:46px;padding:15px 22px 7px;font-size:17px}
  .msp-qa-reference__forum-icon{top:-17px;width:38px;height:38px;border-width:2px}
  .msp-qa-reference__forum-icon svg{width:24px;height:24px}
}
@media(max-width:390px){
  .msp-qa-reference{padding-left:6px;padding-right:6px}
  .msp-qa-reference__question{padding-left:91px!important;padding-right:42px!important}
  .msp-qa-reference__index{width:54px}
  .msp-qa-reference__index::before{right:-14px}
  .msp-qa-reference__index::after{right:-12px}
  .msp-qa-reference__index-arrow{left:60px}
  .msp-qa-reference__question-divider{left:82px}
  .msp-qa-reference__question-text{font-size:12.6px!important}
}
@media(max-width:340px){
  .msp-qa-reference__title{font-size:18px}
  .msp-qa-reference__subtitle{font-size:10.6px}
  .msp-qa-reference__question{min-height:51px;padding-left:85px!important;padding-right:39px!important}
  .msp-qa-reference__index{width:51px;height:40px;font-size:15.5px!important}
  .msp-qa-reference__index::before{right:-13px;border-top-width:20px;border-bottom-width:20px;border-left-width:13px}
  .msp-qa-reference__index::after{right:-11px;border-top-width:18.5px;border-bottom-width:18.5px;border-left-width:11px}
  .msp-qa-reference__index-arrow{left:57px;font-size:22px!important}
  .msp-qa-reference__question-divider{left:78px}
  .msp-qa-reference__question-text{font-size:11.7px!important}
  .msp-qa-reference__toggle{right:8px;width:31px;height:31px}
  .msp-qa-reference__forum{min-width:168px;font-size:15.5px}
}