.wholesale-text {
    position: relative;
    display: inline-block;
    margin: 10px 0 5px;
    padding-bottom: 3px;
    color: #85100f;
    font-size: clamp(17px, 1vw, 25px);
    font-weight: 800;
    line-height: 1.45;
    text-wrap: balance;
    letter-spacing: -0.4px;
    text-align: center;
}

/* Lớp ánh sáng chạy trực tiếp trên chữ */
.wholesale-text::before {
    position: absolute;
    inset: 0;
    content: attr(data-text);
    color: transparent;
    background-image: linear-gradient(
        105deg,
        transparent 0%,
        transparent 42%,
        rgba(216, 163, 93, 0.15) 46%,
        #d8a35d 48%,
        #fff0bd 50%,
        #d8a35d 52%,
        rgba(216, 163, 93, 0.15) 54%,
        transparent 58%,
        transparent 100%
    );

    background-size: 300% 100%;
    background-position: 200% 50%;
    background-clip: text;
    -webkit-background-clip: text;
    pointer-events: none;
    animation: wholesale-text-shine 4s linear infinite;
    will-change: background-position;
}

/* Gạch chân chuyển động */
.wholesale-text::after {
    position: absolute;
    right: 12%;
    bottom: 0;
    left: 12%;
    height: 1px;
    content: "";
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(133, 16, 15, 0.35) 20%,
        #85100f 50%,
        rgba(133, 16, 15, 0.35) 80%,
        transparent 100%
    );
    background-size: 200% 100%;
    animation: wholesale-underline 3s linear infinite;
}

@keyframes wholesale-text-shine {
    from {
        background-position: 200% 50%;
    }

    to {
        background-position: -200% 50%;
    }
}

@keyframes wholesale-underline {
    from {
        background-position: 200% 0;
    }

    to {
        background-position: -200% 0;
    }
}