.tv-pack-card-item {
  position: relative;
  border-radius: var(--border-radius-border-radius-xl, 24px);
  overflow: hidden;
}
.tv-pack-card-item .bg-image {
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0px;
}
.tv-pack-card-item .bg-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(.5);
}
.tv-pack-card-wrap {
  padding: var(--space-lg, 24px);
  min-height: inherit;
  display: flex;
  z-index: 1;
  position: relative;
  gap: 16px;
}
.tv-pack-break-words {
  width: 50%;
}
.tv-pack-content {
  width: 50%;
  padding: var(--space-lg, 24px);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  border: 1px solid var(--color-surface-acrylic-stroke, #FFFFFF4D);
  background-color: rgb(255 255 255 / .7);
  border-radius: var(--border-radius-border-radius-lg, 16px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tv-pack-content h3 {
  margin-bottom: var(--space-xs, 4px);
  color: var(--color--foreground-strongest, #303031);
}
.tv-pack-price {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.tv-pack-price .discount-price {
  font-weight: var(--font-weight-font-weight-bold, 700);
  color: var(--color--foreground-strongest, #303031);
}
.tv-pack-price .discount-price h4,
.tv-pack-price .original-price {
  color: var(--color--foreground-strongest, #303031);
}
.tv-pack-content .tv-pack-content-text > ul {
  margin: var(--space-md, 16px) 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tv-pack-content .tag-wrap {
  margin-bottom: var(--space-sm, 8px);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.tv-pack-content .tv-pack-content-text > ul li {
  display: flex;
  gap: 8px;
}
.tv-pack-content li svg {
  margin-top: 3px;
}
.tv-pack-content .button {
  width: 100%;
  justify-content: center;
}
.tv-pack-break-words .description p {
  color: var(--color-foreground-on-inverse-active, #FFFFFF);
}
.tv-pack-count {
  margin-bottom: var(--space-sm, 8px);
  font-size: var(--typography-font-size-caption-sm, 12px);
  line-height: var(---typography-line-height-caption-sm, 16px);
  color: var(--color-foreground-on-inverse-active, #FFFFFF);
  text-transform: uppercase;
  display: none;
}
.tv-pack-content + .tv-pack-card-bottom {
  margin-top: -12px;
  display: none;
}
body:has([data-once="me-stop-iframed-links me-prevent-focus"]) .tv-pack-card-item .tv-pack-card-bottom {
  display: none;
}
.tv-pack-content .nav-tabs .nav-link,
.tv-pack-content .nav-tabs .nav-link-modal {
  background-color: transparent;
  color: var(--color-foreground-interaction-active, #1975FF);
}
.tv-pack-content .nav-tabs .nav-link.active {
  background-color: rgb(255 255 255/.6);
  border-radius: 8px;
  color: var(--color-foreground-strongest, #303031);;
}
.tv-pack-content .nav-tabs .active:before {
  display: none;
}
.tv-pack-content .nav-tabs {
  border-bottom: 0;
}
.tv-pack-content .tab-content {
  margin-bottom: var(--space-md, 16px);
}
.tv-pack-card-item .bg-image > div,
.tv-pack-bg-images .bg-image > div {
  height: 100%;
  width: 100%;
}
@media only screen and (max-width: 960px) {
  .tv-pack-content {
    padding: var(--space-md, 16px);
    width: 100%;
  }
  .tv-pack-card-wrap {
    flex-direction: column;
  }
  .tv-pack-break-words {
    width: 100%;
  }
  .tv-pack-content .tag-wrap {
    margin-bottom: var(--space-md, 16px);
  }
  .tv-pack-content + .tv-pack-card-bottom,
  .tv-pack-count {
    display: block;
  }
  .tv-pack-content .nav-tabs .nav-link,
  .tv-pack-content .nav-tabs .nav-link-modal {
    padding: var(--space-sm, 8px);
    font-size: var(--typography-font-size-footnote-sm, 14px);
    line-height: var(--typography-line-height-footnote-md, 22px);
  }
  .tv-pack-card-bottom  {
    color: var(--color-foreground-on-inverse-active, #FFFFFF);
  }
}