/* =========================================================
   Digitizer accordion / FAQ module
   ========================================================= */

.dz-accordion{
  display:grid;
  gap:12px;
}

.dz-accordion__item{
  border:1px solid var(--dz-border);
  border-radius:var(--dz-radius-md);
  background:rgba(255,255,255,.045);
  overflow:hidden;
}

.dz-accordion__button{
  appearance:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  width:100%;
  padding:22px clamp(20px, 3vw, 30px);
  border:0;
  background:transparent;
  color:#fff;
  text-align:left;
  font-family:inherit;
  font-size:clamp(17px, 1.8vw, 23px);
  line-height:1.2;
  letter-spacing:-.035em;
  font-weight:800;
  cursor:pointer;
}

.dz-accordion__button:after{
  content:"+";
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  color:var(--dz-orange);
  font-size:24px;
  line-height:1;
  transition:transform .24s ease;
}

.dz-accordion__item.is-open .dz-accordion__button:after{
  content:"−";
  transform:rotate(180deg);
}

.dz-accordion__panel{
  max-height:0;
  overflow:hidden;
  transition:max-height .28s ease;
}

.dz-accordion__content{
  padding:0 clamp(20px, 3vw, 30px) 24px;
  color:var(--dz-muted);
  font-size:15px;
  line-height:1.7;
}

.dz-accordion__content p{
  margin:0;
}