.acf-quiz { --gap:16px; --radius:12px; margin-bottom: 30px;}
.acf-quiz__progress{ font-weight:600; margin-bottom:12px; }

.aq-q__title{ font-size:18px; font-weight:700; margin-bottom:10px; 
color:#252525;}
.aq-q__num{
    font-size: 20px;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #d2577e;
    display: block;
    float: left;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    margin-right: 10px;
}
.aq-q__hero img{ width:100%; height:auto; border-radius:var(--radius); margin:8px 0 14px; }

.aq-ans--grid{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--gap);
}
@media (min-width:800px){
  .aq-ans--grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.aq-card{
  border:1px solid #eee; border-radius:var(--radius); overflow:hidden; cursor:pointer; background:#fff;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.aq-card:hover{ transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,.08); }
.aq-card__img img{ width:100%; height:200px; object-fit:cover; display:block; }
.aq-card__label{ padding:10px 12px; font-weight:600; }

.aq-ans--list .aq-radio{
  display:flex; align-items:flex-start; gap:10px; padding:10px 12px; border:1px solid #eee; border-radius:10px; margin-bottom:10px; cursor:pointer; background:#fff;
  transition:background .15s ease, border-color .15s ease;
}
.aq-ans--list .aq-radio:hover{ background:#fafafa; }
.aq-ans--list input[type=radio]{ margin-top:4px; }

.is-correct{ outline:2px solid #22c55e; }
.is-wrong{ outline:2px solid #ef4444; }

.aq-feedback{ margin-top:14px; padding:12px; border-radius:10px; background:#fff8db; border:1px solid #b39851; }
.aq-feedback__status{ font-weight:700; margin-bottom:8px; }
.aq-next.button{ margin-top:6px; }

.acf-quiz__result{ text-align:center; margin-top:12px; }
.acf-quiz__result .score{ font-size:18px; margin-bottom:6px; }
.aq-restart.button{ padding:10px 16px; border-radius:8px; }

.button{ display:inline-block; border:0; background:#b39851; color:#fff; padding:8px 14px; border-radius:8px; cursor:pointer; }
.button.primary{ background:#e91e63; }