[data-name='acf_results-hero'] .site__button {
  @apply min-w-[250px];
}

[data-name='acf_results-hero'] .results-hero__main-headline .headline__text {
  @apply text-white !leading-[0.95] b820:!text-[82px] b480:!text-[56px] b480:tracking-[2px];
}

[data-name='acf_results-hero']
  .results-hero__main-headline
  .headline__text
  .text-highlight {
  @apply block text-[--coloryellow] !leading-[0.7] !tracking-[-5px] b820:!text-[110px] b480:!text-[80px];
}

[data-name='acf_results-hero'] .results-hero__summary p:last-child {
  @apply mb-0;
}

[data-name='acf_results-hero'] .results-hero__fixture-card {
  @apply transition-transform duration-300 ease-[--cfeasing] b820:justify-center;
}

[data-name='acf_results-hero'] .results-hero__fixture-card:hover {
  @apply -translate-y-[4px];
}

[data-name='acf_results-hero'] .results-hero__team-logo img {
  @apply w-full h-full object-contain;
}

[data-name='acf_results-hero'] .results-hero__team-logo--fallback {
  @apply text-[28px] font-extrabold uppercase tracking-[0.8px] [font-family:--fontprompt] text-[--colororange];
}

[data-name='acf_results-hero'] .results-hero__next-panel {
  flex: 0 0 426.667px;
  width: 426.667px;
  max-width: 426.667px;
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.14);
}

[data-name='acf_results-hero'] .results-hero__past-column {
  flex: 0 0 873.333px;
  width: 873.333px;
  max-width: 873.333px;
  padding-right: 20px;
}

[data-name='acf_results-hero'] .results-hero__past-column--full {
  flex: 1 1 auto;
  width: 100%;
  max-width: none;
  padding-right: 0;
}

[data-name='acf_results-hero'] .results-hero__results-grid {
  display: grid;
  grid-template-columns: repeat(2, 416.667px);
  gap: 20px;
  justify-content: start;
}

[data-name='acf_results-hero'] .results-hero__team-name {
  @apply whitespace-nowrap;
}

[data-name='acf_results-hero'] .results-hero__team-score {
  @apply whitespace-nowrap;
}

[data-name='acf_results-hero']
  .results-hero__team-card--past.results-hero__team-card--home {
  height: 132px;
  gap: 20px;
}

[data-name='acf_results-hero']
  .results-hero__team-card--past.results-hero__team-card--away {
  height: 131px;
  gap: 15px;
}

[data-name='acf_results-hero'] .results-hero__team-card--next {
  height: 120px;
}

[data-name='acf_results-hero']
  .results-hero__team-card--next.results-hero__team-card--home {
  gap: 20px;
}

[data-name='acf_results-hero']
  .results-hero__team-card--next.results-hero__team-card--away {
  gap: 15px;
}

[data-name='acf_results-hero'] .results-hero__hero-players {
  filter: drop-shadow(0 18px 45px rgba(0, 0, 0, 0.18));
  @apply h-[767px] object-contain top-[-100px] b480:top-[50px] b480:h-full;
}

[data-name='acf_results-hero'] .results-hero__hero-shape {
  @apply opacity-80;
}

[data-name='acf_results-hero'] .results-hero__hero-paint {
  @apply opacity-95;
}

[data-name='acf_results-hero'] .results-hero__fixture-card {
  height: 174.84px;
}

[data-name='acf_results-hero'] .results-hero__fixture-side--past {
  flex: 0 0 100px;
  width: 100px;
  height: 132px;
}

[data-name='acf_results-hero'] .results-hero__fixture-center--past {
  flex: 0 0 156.667px;
  width: 156.667px;
  height: 131px;
}

[data-name='acf_results-hero'] .results-hero__fixture-side--next {
  height: 120px;
}

[data-name='acf_results-hero'] .results-hero__fixture-center--next {
  height: 120px;
}

[data-name='acf_results-hero'] .results-hero__match-name {
  font-family: var(--fontprompt);
  font-style: normal;
  font-weight: 400 !important;
  line-height: 1;
  text-wrap: balance;
}

[data-name='acf_results-hero'] .results-hero__match-date {
  font-family: var(--fontprompt);
  font-style: normal;
  font-weight: 400 !important;
  line-height: 1;
}

[data-name='acf_results-hero'] .results-hero__next-card {
  width: 100%;
}

@media (max-width: 1024px) {
  [data-name='acf_results-hero'] .results-hero__past-column {
    flex: 1 1 auto;
    max-width: none;
    padding-right: 0;
    width: 100%;
  }

  [data-name='acf_results-hero'] .results-hero__results-grid {
    grid-template-columns: 1fr;
  }

  [data-name='acf_results-hero'] .results-hero__next-panel {
    flex: 1 1 auto;
    width: 100%;
    max-width: none;
  }
}

@media (max-width: 640px) {
  [data-name='acf_results-hero'] .results-hero__fixture-card {
    height: auto;
    min-height: 174.84px;
  }

  [data-name='acf_results-hero'] .results-hero__fixture-side--past {
    flex: 0 0 88px;
    width: 88px;
  }

  [data-name='acf_results-hero'] .results-hero__fixture-center--past {
    flex: 1 1 auto;
    width: auto;
  }

  [data-name='acf_results-hero'] .results-hero__team-card {
    min-width: 88px;
    width: 88px;
  }
}