/* ===========================
   STEP 1 — Style Cards
=========================== */
#options-step-1 .card-label {
    font-size: 16px;
    padding: 12px 8px;
    letter-spacing: 0.5px;
}

/* ===========================
   STEP 6 — Small hair style cards
=========================== */
.options-grid--6 .option-card video {
    aspect-ratio: 1 / 2;
}

.options-grid--6 .option-card .card-label {
    font-size: 11px;
    padding: 6px 4px;
}

/* ===========================
   SELECTED CHECKMARK OVERLAY
=========================== */
.option-card.selected::after {
    content: '';
    position: absolute;
    top: 8px;
    right: 8px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #e040fb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") center / 14px no-repeat;
    box-shadow: 0 0 8px rgba(224, 64, 251, 0.6);
}