.size-chart-link {
    position: relative;
    display: inline-block;
    color: black;
    opacity: 0.7;
    text-decoration: none;
    cursor: pointer;
}

    /* Always-visible faint underline */
    .size-chart-link::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 2px;
        width: 100%;
        background: linear-gradient(to right, rgba(0, 0, 0, 1) 100%);
        opacity: 0.4;
    }

    /* Animated overlay for hover effect */
    .size-chart-link::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 2px;
        width: 100%;
        background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.5s ease;
        pointer-events: none;
    }

    /* Animate overlay from left to right */
    .size-chart-link:hover::before {
        transform: scaleX(1);
    }

.size-chart-modal {
    background-color: #ffffff !important; 
}

.size-chart-image {
    background-color: #ffffff; 
    padding: 10px; 
    max-width: 100%; 
    height: auto; 
}