.product-variations {
             margin-top: 2rem;
         }
         
         .variation-label {
                 font-size: 1.125rem;
    font-weight: 500;
    color: #111;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
         }
         
         .color-options {
             display: flex;
             gap: 1rem;
             margin-top: 0.5rem;
         }
         
         /* Hide the default radio button */
         .color-radio-input {
             display: none;
         }
         
         /* Style the custom color swatch label */
         .color-swatch-label {
                 position: relative;
    width: 80px;
    height: 30px;
    border-radius: 4px;
    border: 2px solid transparent;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    display: block;
         }
         
         /* Specific rule for a black border on a light-colored swatch */
         #color-white:checked + .color-swatch-label {
             border-color: #111;
         }
         
         #color-white:checked + .color-swatch-label::after {
            color: #111;
         }

         .color-radio-input:checked + .color-swatch-label::after {
                content: 'Selected';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    font-size: 0.6rem;
    font-weight: bold;
    white-space: nowrap;
    pointer-events: none;
    font-family: monospace;
    text-transform: uppercase;
         }