.fade-in-fwd {
    -webkit-animation: fade-in-fwd 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: fade-in-fwd 1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
@-webkit-keyframes fade-in-fwd {
    0% {
        -webkit-transform: translateZ(-80px);
        transform: translateZ(-80px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
@keyframes fade-in-fwd {
    0% {
        -webkit-transform: translateZ(-80px);
        transform: translateZ(-80px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.slide-content:hover .product-size {
    transform: translate(0%, -50%);
    opacity: 1;
}

.tab-button {
    position: relative;
    overflow: hidden;
    transition:
        background 0.3s ease,
        color 0.3s ease;
}

.tab-button.active {
    background: #c46d5e;
    color: white;
    animation: fadeIn 0.5s ease;
}

/* Shine effect */
.tab-button.active::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.6) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    animation: shine 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes shine {
    from {
        left: -75%;
    }
    to {
        left: 125%;
    }
}