/* One colour and typography system for every Internet + TV offer. */
:root {
  --offer-radius:18px;
  --offer-promo:#cf0058;
}
.tv-xs,[data-tv-tier="xs"] {
  --tv-ink:#005e91; --tv-paper:#edf6fb; --tv-line:#daeaf4;
}
.tv-s,[data-tv-tier="s"] {
  --tv-ink:#b90050; --tv-paper:#fff0f6; --tv-line:#f5d7e4;
}
.tv-m,[data-tv-tier="m"] {
  --tv-ink:#704491; --tv-paper:#f4effa; --tv-line:#e5daf2;
}
.tv-l,[data-tv-tier="l"] {
  --tv-ink:#006875; --tv-paper:#eaf9fa; --tv-line:#c8e9ed;
}
.bundle-card {
  min-width:0;
  border-radius:var(--offer-radius);
}
.bundle-card .tv-summary {
  display:grid;
  align-content:center;
  gap:6px;
  min-height:85px;
  padding:15px 17px;
  margin:15px 0 0;
  border:1px solid var(--tv-line);
  border-radius:12px;
  color:var(--tv-ink);
  background:var(--tv-paper);
  line-height:1.35;
}
.tv-summary strong {
  font-size:23px;
  font-weight:750;
  line-height:1.2;
  letter-spacing:-.6px;
}
.tv-summary small {
  font-size:11px;
  font-weight:600;
  line-height:1.5;
  color:#506f7e;
}
.tv-summary .tv-format {
  display:inline-block;
  vertical-align:middle;
  margin:0 0 3px 4px;
  padding:3px 5px;
  border:1px solid var(--tv-line);
  border-radius:5px;
  color:var(--tv-ink);
  background:#fff;
  font-size:10px;
  line-height:1;
  letter-spacing:0;
  white-space:nowrap;
}
.bundle-card .package-tag,.bundle-card .year-plan-tag {
  padding:5px 10px;
  border:1px solid var(--tv-line);
  color:var(--tv-ink);
  background:var(--tv-paper);
  border-radius:99px;
  font-size:10px;
  font-weight:700;
}
.bundle-card .package-channels,.year-plan.bundle-card .text-link {
  color:var(--tv-ink);
  font-size:12px;
}
.bundle-card .package-channels:hover,.year-plan.bundle-card .text-link:hover {
  text-decoration:underline;
  text-underline-offset:4px;
}
.bundle-card li:before {
  color:var(--tv-ink);
}
.bundle-card .button-card,.bundle-card .year-plan-cta {
  min-height:48px;
  font-size:12px;
}
.bundle-card .button-card:hover {
  color:var(--navy);
  border-color:#b4cbd5;
  background:#edf4f7;
}
.package-card .price-promo strong,.package-card .price-promo>span {
  color:var(--offer-promo);
}
.grid-four .bundle-card h4 {
  font-size:42px;
  letter-spacing:-1.6px;
}
.grid-four .bundle-card h4 small {
  font-size:15px;
}
.grid-four .tv-summary {
  min-height:90px;
  padding:14px;
}
.grid-four .tv-summary strong {
  font-size:20px;
}
.grid-four .bundle-card .package-label {
  font-size:9px;
  line-height:1.6;
  letter-spacing:.01em;
}
.grid-four .bundle-card .package-top {
  min-height:35px;
  margin-bottom:20px;
}
.grid-four .bundle-card .after-price {
  margin-top:12px;
  font-size:10px;
  line-height:1.5;
}
.grid-four .bundle-card .after-price strong {
  font-size:17px;
}
.year-plan.bundle-card {
  display:flex;
  flex-direction:column;
}
.year-plan.bundle-card .tv-summary {
  margin:16px 0 0;
}
.year-plan.bundle-card .year-plan-contract {
  margin:13px 0 20px;
  font-size:11px;
  color:#506f7e;
}
.year-plan.bundle-card .year-plan-cta {
  margin-top:20px;
}
.overview-tv {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  margin:0 0 20px;
}
.tv-chip {
  padding:5px 9px;
  border:1px solid var(--tv-line);
  border-radius:99px;
  background:var(--tv-paper);
  color:var(--tv-ink);
  font-size:10px;
  font-weight:750;
  line-height:1.2;
  white-space:nowrap;
}
.channel-selector button[data-tv-tier] {
  color:var(--tv-ink);
  border-color:var(--tv-line);
  background:var(--tv-paper);
}
.channel-selector button[data-tv-tier] span {
  color:#506f7e;
}
.channel-selector button[data-tv-tier]:hover {
  border-color:var(--tv-ink);
}
.channel-selector button[data-tv-tier][aria-pressed="true"] {
  color:#fff;
  border-color:var(--tv-ink);
  background:var(--tv-ink);
}
.channel-selector button[data-tv-tier][aria-pressed="true"] span {
  color:#fff;
}
@media(max-width:1000px) {
  .grid-four .tv-summary strong {font-size:23px}
  .bundle-card .tv-summary {padding:14px}
}
@media(max-width:760px) {
  .tv-summary strong,.grid-four .tv-summary strong {font-size:24px}
  .bundle-card .tv-summary,.grid-four .tv-summary {min-height:85px;padding:15px 17px}
  .grid-four .bundle-card h4 {font-size:42px}
  .grid-four .bundle-card .package-label {font-size:10px}
  .grid-four .bundle-card .after-price {font-size:11px;min-height:0}
  .grid-four .bundle-card .after-price strong {font-size:17px}
  .bundle-card .package-channels,.year-plan.bundle-card .text-link {font-size:12px}
}

.group-promo{display:inline-block;margin-bottom:7px;padding:5px 10px;background:#fff0f6;border:1px solid #f5d7e4;border-radius:99px;color:var(--offer-promo);font-size:12px;font-weight:750}