.blinking-text {
    animation: blink-animation 1s infinite;
}

@keyframes blink-animation {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

.text-burgundy {
    color: #7B1113 !important;
}

.tooltip-table td {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    white-space: nowrap;
}

.bg-gold {
    background-color: #C6A700;
}

.bg-silver {
    background-color: #C6C6C6;
}

.bg-cuprum {
    background-color: #cd7f32;
}

.comp-link:hover {
    color: teal;
}

.label-pink label{
    background-color: hotpink;
}

.blink-element {
    animation: blink-animation 1s infinite;
}

.beer-card {
    position: relative;
    padding: 2rem;
    border-radius: 0.5rem;
    overflow: hidden;
    color: #1a1a1a;
    /* ширина/высота задайте по необходимости */
    max-width: 720px;
    margin: 1rem auto;
}

    /* Эмодзи кружки пива на фоне */
.beer-card::before {
    content: "🍺";
    position: absolute;
    inset: 0; /* заполнить контейнер (можно изменять) */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 100px; /* крупный размер, масштабируется с вьюпортом/контейнером */
    line-height: 1;
    opacity: 0.12; /* прозрачность фоновой кружки пива */
    transform: translateY(5%); /* легкое смещение вниз при необходимости */
    pointer-events: none; /* чтобы фон не перехватывал клики */
    user-select: none;
    mix-blend-mode: normal; /* можно поменять на multiply/overlay для эффектов */
}

.beer-bg {
    background: linear-gradient(180deg, #fffef2 0%, #fff7e0 100%);
}

.beer-card-half {
    position: relative;
    padding: 2rem;
    border-radius: 0.5rem;
    overflow: hidden; /* обрезаем всё, что выходит за границы карточки */
    color: #1a1a1a;
    max-width: 720px;
    margin: 1rem auto;
}

/* Верхний фон: полоса, занимающая верхние 50% высоты контейнера */
.beer-card-half::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0; /* привязка к верху — фон займёт верхнюю половину */
    height: 50%; /* ровно 50% высоты контейнера */
    background: linear-gradient(180deg, #fffef2 0%, #fff7e0 100%);
    pointer-events: none;
    user-select: none;
    z-index: 0; /* фон под содержимым */
}

.beer-card-half::after {
    content: "🍺";
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    height: 40%;
    display: flex;
    align-items: start;
    justify-content: center;
    overflow: hidden;
    pointer-events: none;
    user-select: none;
    z-index: 0;
    font-size: 100px;
    line-height: 1;
    opacity: 0.12;
    mix-blend-mode: normal;
    transform: translateX(-50%) translateY(20%);
}

.beer-card-half > * {
    position: relative;
    z-index: 1;
}

@keyframes show1 {
    0%, 49.999% {
        display: inline;
    }

    50%, 100% {
        display: none;
    }
}

@keyframes show2 {
    0%, 49.999% {
        display: none;
    }

    50%, 100% {
        display: inline;
    }
}