body {
  font-family: Arial, sans-serif;
  margin: 40px;
  background: #fafafa;
}

/* ------------------ CARTE PREMIUM ------------------ */
.wk-card {
display: flex;
gap: 40px;
padding: 30px;
border-radius: 18px;
background: #f5f5f5;
box-shadow: 0 6px 20px rgba(0,0,0,0.08);
margin-bottom: 40px;
align-items: center;
min-height: 260px;
}

.wk-card-text {
flex: 1;
}

.wk-card-text h2 {
font-size: 26px;
margin-bottom: 12px;
font-weight: 600;
}

.wk-card-text p {
font-size: 16px;
line-height: 1.6;
}

.wk-card-media {
flex: 1;
text-align: center;
}

/* GIF réduit */
.wk-card-media img {
width: 100%;
max-width: 280px;
border-radius: 12px;
display: inline-block;
opacity: 1;
transition: opacity 0.6s ease;
}

/* Fade in/out */
.fade-out { opacity: 0 !important; }
.fade-in  { opacity: 1 !important; }

/* --------------- OPTIONS AVEC RONDS ----------------- */

.options-container {
display: flex;
justify-content: center;
gap: 120px;
margin-top: 50px;
}

.option {
text-align: center;
cursor: pointer;
user-select: none;
}

.label {
margin-top: 12px;
font-size: 18px;
color: #444;
}

svg circle {
transition: fill 0.35s ease, stroke 0.35s ease;
}