/* jerkmate-stripchat.css — styles spécifiques article adulte */

.js-page-adult{
  background:
    linear-gradient(135deg, rgba(255,56,46,.10), rgba(202,58,255,.10));
}

.adult-hero__main{

  position: relative;
  overflow: hidden;
}

.adult-hero__main::after{
  content: "18+";
  position: absolute;
  right: -12px;
  bottom: -18px;
  font-size: clamp(70px, 14vw, 150px);
  font-weight: 900;
  line-height: 1;
  opacity: .10;
  transform: rotate(-8deg);
  pointer-events: none;
}

.tag--adult{
  background: var(--c-danger);
  color: var(--c-white);
}

.tag--dark{
  background: var(--c-3aff);
  color: var(--c-white);
}

.tag--hot{
  background: var(--c-danger);
  color: var(--c-white);
}

.adult-warning{
  position: relative;
  z-index: 1;
  margin-top: var(--sp-16);
  padding: var(--sp-12);
  border: var(--b-mid);
  background: var(--c-white);
  box-shadow: var(--sh-s);
  font-size: var(--fs-13);
  line-height: 1.55;
}

.adult-side-card{
  background: var(--c-white);
}

.adult-side-card h2{
  background: var(--c-danger);
  color: var(--c-white);
}

.adult-kicker{
  background: var(--c-black);
  color: var(--c-white);
}

.adult-article h3{
  margin: var(--sp-16) 0 var(--sp-8);
  font-size: var(--fs-17);
  line-height: 1.25;
}

.adult-callout{
  background: var(--c-warn);
}

.adult-table-wrap{
  border: var(--b-strong);
  box-shadow: var(--sh-xl);
}

.adult-table th{
  background: var(--c-black);
  color: var(--c-white);
}

.adult-table tbody tr:nth-child(even) td{
  background: #fff5f5;
}

.adult-compare-grid .adult-mini-card{
  min-height: 160px;
}

.adult-mini-card--jerk{
  background: var(--c-3aff) !important;
  color: var(--c-white);
}

.adult-mini-card--strip{
  background: var(--c-danger) !important;
  color: var(--c-white);
}

.adult-mini-card--direct{
  background: var(--c-accent) !important;
}





/* ===== Quiz adulte ===== */
.adult-quiz{
  margin-top: var(--sp-20);
}

.adult-quiz__box{
  border: var(--b-strong);
  background: var(--c-black);
  color: var(--c-white);
  box-shadow: var(--sh-xl);
  padding: var(--sp-16);
  margin-top: var(--sp-12);
}

.adult-quiz__progress{
  height: 14px;
  border: var(--b-mid);
  background: var(--c-white);
  margin-bottom: var(--sp-16);
  overflow: hidden;
}

.adult-quiz__progress span{
  display: block;
  height: 100%;
  background: var(--c-danger);
  transition: width 220ms ease;
}

.adult-quiz__question{
  display: none;
  animation: adultQuizIn 180ms ease both;
}

.adult-quiz__question.is-active{
  display: block;
}

.adult-quiz__count{
  display: inline-block;
  margin: 0 0 var(--sp-10);
  padding: var(--sp-6) var(--sp-10);
  border: var(--b-mid);
  background: var(--c-accent);
  color: var(--c-ink);
  font-weight: 900;
}

.adult-quiz__question h3,
.adult-quiz__result h3{
  margin-top: 0;
  color: var(--c-white);
}

.adult-quiz__answers{
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-12);
  margin-top: var(--sp-12);
}

.adult-quiz__answers button,
.adult-quiz__reset{
  border: var(--b-mid);
  background: var(--c-white);
  color: var(--c-ink);
  box-shadow: var(--sh-s);
  padding: var(--sp-12) var(--sp-16);
  cursor: pointer;
  font-family: var(--font-mono);
  font-weight: 900;
  transition: transform 120ms ease, box-shadow 120ms ease, background-color 120ms ease;
}

.adult-quiz__answers button:hover,
.adult-quiz__reset:hover{
  transform: translateX(4px);
  box-shadow: var(--sh-m);
  background: var(--c-danger);
  color: var(--c-white);
}

.adult-quiz__result{
  border: var(--b-mid);
  background: #1b1b1b;
  box-shadow: var(--sh-s);
  padding: var(--sp-16);
  animation: adultQuizIn 180ms ease both;
}

.adult-quiz__result p{
  color: var(--c-white);
}

@keyframes adultQuizIn{
  from{
    opacity: 0;
    transform: translateY(8px);
  }
  to{
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===== Autres plateformes ===== */
.adult-platforms{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sp-12);
  margin-top: var(--sp-12);
}

.adult-platform-card{
  border: var(--b-mid);
  background: var(--c-white);
  box-shadow: var(--sh-s);
  padding: var(--sp-12);
}

.adult-platform-card h3{
  display: inline-block;
  margin-top: 0;
  padding: var(--sp-8) var(--sp-10);
  border: var(--b-mid);
  background: var(--c-accent);
  box-shadow: var(--sh-s);
}

.adult-cta{
  background: var(--c-danger);
}

.adult-cta h2,
.adult-cta p{
  color: var(--c-ink);
}

.adult-cta-link{
  background: var(--c-black) !important;
  color: var(--c-white) !important;
}

.adult-faq{
  background: var(--c-warn);
}

@media (max-width: 700px){
  .adult-platforms{
    grid-template-columns: 1fr;
  }

  .adult-quiz__answers button,
  .adult-quiz__reset{
    width: 100%;
  }

  .adult-table-wrap{
    box-shadow: var(--sh-s);
  }
}