.tv-hero {
  background: var(--yellow);
}

.tv-hero::before {
  opacity: 0.13;
}

.tv-hero h1 span {
  color: var(--paper);
}

.tv-hero-art {
  isolation: isolate;
}

.tv-character {
  width: 80%;
  height: auto;
  display: block;
  object-fit: contain;
  transform: rotate(6deg);
}

.tv-price {
  z-index: 2;
  width: 108px;
  font-family: "Yarden", Arial, sans-serif;
  font-size: 1.25rem;
}

.price-49 {
  top: 6%;
  right: 1%;
  transform: rotate(7deg);
}

.price-59 {
  right: 0;
  bottom: 8%;
  transform: rotate(-8deg);
}

.price-99 {
  bottom: 12%;
  left: -2%;
  transform: rotate(6deg);
}

.tv-star {
  left: -4%;
  width: 52px;
}

.tv-result .result-rate {
  min-width: 145px;
  font-family: "Yarden", Arial, sans-serif;
  font-size: 2.25rem;
}

.tv-plans {
  background: var(--yellow);
}

.tv-table-head {
  display: grid;
  grid-template-columns: minmax(210px, 1.05fr) minmax(240px, 1.25fr) minmax(175px, 0.8fr) auto;
  gap: 24px;
  padding: 18px 0 12px;
  border-bottom: 2px dashed var(--ink);
  font-size: 0.9rem;
  font-weight: 700;
}

.tv-provider p small {
  font-size: 0.85rem;
  font-weight: 400;
}

@media (max-width: 980px) {
  .price-49 {
    right: 10%;
  }

  .price-59 {
    right: 8%;
  }

  .price-99 {
    left: 7%;
  }

  .tv-star {
    left: 2%;
  }

  .tv-table-head {
    display: none;
  }
}

@media (max-width: 620px) {
  .tv-price {
    width: 88px;
    height: 64px;
    font-size: 1rem;
  }

  .tv-provider p {
    font-size: 1.05rem;
  }
}