/* Consistent photographic presentation; retain the original image files. */
#hairSliderTrack {
    counter-reset: hair-style;
}

#hairSliderTrack .hair-slide-card {
    counter-increment: hair-style;
    background: #eeece7 !important;
    border-color: rgba(115, 105, 90, .13) !important;
    box-shadow: 0 5px 18px rgba(55, 47, 36, .065) !important;
}

#hairSliderTrack .hair-slide-img {
    object-fit: cover !important;
    object-position: center 42% !important;
    background: #eeece7 !important;
    /* A restrained common finish preserves the distinction between hair colours. */
    filter: brightness(1.025) contrast(1.025) saturate(.96) !important;
    transform: none !important;
}

#hairSliderTrack .hair-slide-card:hover .hair-slide-img {
    transform: none !important;
}

#hairSliderTrack .hair-card-badge {
    top: auto;
    right: 10px;
    bottom: 10px;
    border-radius: 5px;
    background: rgba(37, 34, 29, .64);
    font-size: 9px;
    letter-spacing: .1em;
    padding: 5px 8px;
    backdrop-filter: none;
}

#hairSliderTrack .hair-card-badge::before {
    content: counter(hair-style, decimal-leading-zero) "  /  ";
    font-variant-numeric: tabular-nums;
}

/* Show the complete photograph and its original colour when inspecting a style. */
#imageModal .image-modal-img {
    object-fit: contain !important;
    filter: none !important;
}