.oai-next-home-counter {
    --oai-bg-shade: 0;
    position: relative;
    background: linear-gradient(to right, rgba(0, 0, 0, var(--oai-bg-shade)) 0%, rgba(0, 0, 0, 0) 100%);
    color: #fff;
    overflow: hidden;
    min-height: 380px;
}

.oai-next-home-counter__inner {
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: fit-content;
}

.oai-next-home-counter__debug {
    padding: 10px 32px 0;
    font: 12px/1.4 Arial, Helvetica, sans-serif;
    color: #d0d0d0;
    text-align: left;
}

/* Timer */
.oai-next-home-counter__timer {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
    margin-bottom: 36px;
    font-family: Arial, Helvetica, sans-serif;
}

.oai-next-home-counter__unit {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.oai-next-home-counter__value {
    font: 300 48px/1 Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}

.oai-next-home-counter__label {
    margin-top: 8px;
    font: 400 18px/1.2 Arial, Helvetica, sans-serif;
    color: rgba(255, 255, 255, .8);
}

.oai-next-home-counter__sep {
    font: 300 40px/1 Arial, Helvetica, sans-serif;
    padding-top: 4px;
    color: rgba(255, 255, 255, .9);
}

/* Matchup */
.oai-next-home-counter__matchup {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-bottom: 28px;
}

.oai-next-home-counter__team {
    display: flex;
    align-items: center;
    gap: 12px;
}

.oai-next-home-counter__logo {
    width: 48px;
    height: 48px;
    object-fit: contain;
    flex-shrink: 0;
}

.oai-next-home-counter__team-name {
    font: 800 24px/1.15 Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    white-space: nowrap;
}

.oai-next-home-counter__vs {
    font: 700 20px/1 Arial, Helvetica, sans-serif;
    color: rgba(255, 255, 255, .5);
    padding: 4px 0;
}

/* Date & Venue */
.oai-next-home-counter__date {
    font: 400 20px/1.35 Arial, Helvetica, sans-serif;
    margin-bottom: 8px;
}

.oai-next-home-counter__venue {
    font: 400 20px/1.35 Arial, Helvetica, sans-serif;
    color: rgba(255, 255, 255, .8);
}

.oai-next-home-counter__empty {
    font: 700 22px/1.2 Arial, Helvetica, sans-serif;
}

/* Mobile: Block zentriert */
@media (max-width: 767px) {
    .oai-next-home-counter { min-height: 320px; }
    .oai-next-home-counter__inner { padding: 24px; margin: 0 auto; }
    .oai-next-home-counter__timer { gap: 8px; margin-bottom: 28px; }
    .oai-next-home-counter__value { font-size: 34px; }
    .oai-next-home-counter__label { font-size: 12px; }
    .oai-next-home-counter__sep { font-size: 28px; padding-top: 2px; }
    .oai-next-home-counter__team-name { font-size: 18px; white-space: normal; text-align: center; }
    .oai-next-home-counter__logo { width: 40px; height: 40px; }
    .oai-next-home-counter__date,
    .oai-next-home-counter__venue { font-size: 16px; }
}