/* =========================================================
   AXL Studios — faq.css
========================================================= */

.pp-faq{
  position:relative;
  width:100%;
  margin:0 auto;
  padding:clamp(72px,8vw,140px) 0;
  background:transparent;
  isolation:isolate;
   zoom:0.8;
}


.pp-faq-head{
  padding:0 var(--container-pad) clamp(40px,4vw,80px);
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:start;
  gap:clamp(24px,5vw,80px);
}
.pp-faq-title{
  margin:0;
  font-family:"Urbanist";
  font-weight:600;
  font-size:clamp(72px,12vw,208px);
  line-height:.95;
  color:#fff;
}
.pp-faq-desc{
  width:min(100%,700px);
  margin:0;
  font-family:"Urbanist";
  color:#fff;
  font-size:clamp(18px,2.4vw,32px);
  line-height:1.2;
  font-weight:600;
  overflow-wrap:break-word;
  justify-self:end;
  padding-left:clamp(16px,2.2vw,40px);
}
.pp-faq-desc em{
  font-style:italic;
  font-weight:600;
}

.pp-faq-list{
  padding:0 var(--container-pad);
}
.pp-faq-row{
  border-bottom:1px solid rgba(250,250,251,.42);
}
.pp-faq-row:last-child{
  border-bottom:none;
}

.pp-faq-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:clamp(18px,2.4vw,28px) 0;
  background:none;
  border:0;
  cursor:pointer;
  text-align:left;
}
.pp-faq-toggle:focus-visible{
  outline:2px solid var(--axl-pink-500);
  outline-offset:6px;
}
.pp-faq-q{
  margin:0;
  color:#FAFAFB;
  font-family:"Urbanist";
  font-weight:600;
  font-size:clamp(18px,1.6vw,26px);
  line-height:1.2;
}

.pp-faq-chev{
  width:24px;
  height:24px;
  fill:#FAFAFB;
  transition:transform .22s ease,opacity .18s ease;
  opacity:.92;
}
.pp-faq-toggle[aria-expanded="true"] .pp-faq-chev{
  transform:rotate(180deg);
}

.pp-faq-a{
  padding:0 0 clamp(28px,3vw,36px);
  color:rgba(255,255,255,.90);
  font-family:"Inter";
  font-weight:400;
  font-size:clamp(14px,1.4vw,18px);
  line-height:1.6;
}
.pp-faq-answer{
  margin-top:-16px;
  padding-bottom:30px;
}

@media (max-width:980px){
  .pp-faq-head{ grid-template-columns:1fr; }
  .pp-faq-desc{
    width:min(100%,750px);
    justify-self:start;
    padding-left:0;
  }
  .pp-faq-desc br{ display:none; }
}

@media (max-width:560px){
  .pp-faq-head{
    gap:16px;
    padding-bottom:28px;
  }
  .pp-faq-toggle{ align-items:flex-start; }
  .pp-faq-chev{
    flex:0 0 24px;
    margin-top:2px;
  }
  .pp-faq-answer{
    margin-top:-8px;
    padding-bottom:24px;
  }
  .pp-faq-desc{ font-size:clamp(14px,4.2vw,18px); }
}