/* Mac Smart TV — finishing layer (v5). Loaded last on every page. */

/* Header: account entry */
.cable-site .nav-account{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--tv-ink);padding:12px 4px;margin-left:auto;margin-right:14px;white-space:nowrap}
.cable-site .nav-account svg{width:20px;height:20px}
.cable-site .nav-account:hover{color:var(--tv-orange)}
.cable-site .utility-bar a.utility-account{font-weight:700}
@media (max-width:980px){.cable-site .nav-account{margin:0;padding:14px 0;border-top:1px solid var(--tv-line)}}

/* Pricing: "Popular" badge — sits on the corner, never stretches the card */
.cable-site .price-card-mini{position:relative}
.cable-site .price-card-mini.popular>span,
.cable-site.pricing-page .price-card-mini.popular>span{position:absolute;top:-11px;left:18px;right:auto;width:auto;display:inline-block;margin:0;padding:4px 10px;border-radius:999px;background:var(--tv-orange);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.4;box-shadow:none}
.cable-site.pricing-page .price-card-mini.popular b,
.cable-site .price-card-mini.popular b{padding-top:0;margin-bottom:14px}
.cable-site.pricing-page .price-card-mini.popular strong{margin-top:0}
.cable-site.pricing-page .price-card-mini.popular a{background:transparent;color:var(--tv-orange-dark);border-color:var(--tv-line);border-width:1px 0 0;border-style:solid;padding:14px 0 0;width:auto;margin:auto 0 0;border-radius:0}

/* Bill pay quick-pay grid (light cards, 12 plans) */
.cable-site #calculator+.section .price-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}

/* Homepage destinations — real photography */
.cable-site .destination-art.has-photo{position:relative;padding:0;overflow:hidden;background:#11161c;min-height:0;aspect-ratio:16/9}
.cable-site .destination-art.has-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.cable-site .destination-art.has-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,20,0) 45%,rgba(10,14,20,.72))}
.cable-site .destination-art.has-photo>span{position:absolute;left:24px;bottom:18px;z-index:1;color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.16em}
.cable-site .tv-destination:hover .destination-art.has-photo img{transform:scale(1.04)}

/* Store checkout builder — match the site */
.cable-site .store-checkout-section{background:var(--tv-paper);padding:72px 0}
.cable-site .store-checkout-section .eyebrow{color:var(--tv-orange);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.cable-site .store-checkout-section h2{color:var(--tv-ink)}
.cable-site .checkout-steps span{background:#fff;border:1px solid var(--tv-line);border-radius:10px;color:var(--tv-ink);box-shadow:none}
.cable-site .checkout-builder{background:#fff;border:1px solid var(--tv-line);border-radius:16px;box-shadow:0 18px 40px rgba(23,27,32,.06)}
.cable-site .checkout-builder .cart-total{background:var(--tv-ink);border-radius:12px}
.cable-site .checkout-builder .cart-total strong{color:#fff;font-family:inherit}
.cable-site .checkout-builder .notes-box button,#copyStoreNotes{background:var(--tv-orange);color:#fff;border-radius:8px}
.cable-site .store-checkout-actions .btn{border-radius:8px;box-shadow:none;border:1px solid var(--tv-line)}
.cable-site .store-checkout-actions .btn.dark{background:var(--tv-ink);color:#fff;border-color:var(--tv-ink)}

/* ---------- My Account portal ---------- */
.portal-hero{background:linear-gradient(120deg,#151a21 0%,#1f2730 55%,#101a2a 100%);color:#fff;overflow:hidden}
.portal-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:64px 0}
.portal-hero h1{font-size:clamp(2.3rem,4.6vw,3.6rem);line-height:1.02;letter-spacing:-.03em;margin:10px 0 16px;color:#fff}
.portal-hero h1 span{color:#3d8bff}
.portal-hero p.lead{color:#c9ced6;font-size:1.06rem;max-width:520px;line-height:1.6}
.portal-hero .kicker{color:#3d8bff}
.portal-signin{background:#fff;color:var(--tv-ink);border-radius:18px;padding:34px;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.portal-signin h2{font-size:1.5rem;margin:0 0 6px}
.portal-signin>p{color:var(--tv-muted);margin:0 0 22px;line-height:1.55}
.portal-signin .button{width:100%;justify-content:center;display:flex;align-items:center;gap:10px;padding:16px 20px;font-size:1rem}
.portal-signin .secure{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding-top:18px;border-top:1px solid var(--tv-line);color:var(--tv-muted);font-size:.86rem;line-height:1.5}
.portal-signin .secure svg{flex:0 0 20px;width:20px;height:20px;color:#1d7a46}
.portal-signin .alt-links{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:.9rem;font-weight:700}
.portal-signin .alt-links a{color:var(--tv-orange-dark)}
.portal-photo{position:relative;border-radius:18px;overflow:hidden;min-height:420px}
.portal-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.portal-stack{display:grid;gap:22px}

.portal-section{padding:72px 0}
.portal-section.alt{background:var(--tv-paper)}
.portal-section .heading-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}
.portal-section h2{font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.02em;margin:6px 0 0}
.portal-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.portal-tile{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--tv-line);border-radius:14px;padding:22px;color:var(--tv-ink);transition:border-color .2s,box-shadow .2s,transform .2s;min-height:178px}
.portal-tile:hover{border-color:#8cb0e7;box-shadow:0 14px 30px rgba(23,27,32,.08);transform:translateY(-2px)}
.portal-tile .tile-icon{width:44px;height:44px;border-radius:12px;background:var(--tv-peach);color:var(--tv-orange);display:grid;place-items:center}
.portal-tile .tile-icon svg{width:22px;height:22px}
.portal-tile strong{font-size:1.05rem}
.portal-tile small{color:var(--tv-muted);line-height:1.5;font-size:.9rem}
.portal-tile em{margin-top:auto;font-style:normal;font-weight:700;color:var(--tv-orange-dark);font-size:.9rem}

.portal-plan-band{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
.portal-plan-band article{background:#fff;border:1px solid var(--tv-line);border-radius:14px;padding:24px}
.portal-plan-band h3{margin:0 0 8px;font-size:1.1rem}
.portal-plan-band p{color:var(--tv-muted);margin:0 0 14px;line-height:1.55}
.portal-plan-band a{font-weight:700;color:var(--tv-orange-dark)}

.portal-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:s}
.portal-steps li{list-style:none;background:#fff;border:1px solid var(--tv-line);border-radius:14px;padding:24px 24px 24px 70px;position:relative;line-height:1.55;color:var(--tv-muted)}
.portal-steps li strong{display:block;color:var(--tv-ink);margin-bottom:4px}
.portal-steps li::before{counter-increment:s;content:counter(s);position:absolute;left:22px;top:22px;width:32px;height:32px;border-radius:50%;background:var(--tv-ink);color:#fff;display:grid;place-items:center;font-weight:800}
.portal-steps{padding:0;margin:0}

.portal-faq details{border-bottom:1px solid var(--tv-line);padding:18px 0}
.portal-faq summary{font-weight:700;cursor:pointer;color:var(--tv-ink)}
.portal-faq p{color:var(--tv-muted);line-height:1.6;margin:10px 0 0}

.portal-help{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;background:var(--tv-ink);color:#fff;border-radius:18px;padding:40px}
.portal-help h2{color:#fff;margin:0 0 8px}
.portal-help p{color:#c9ced6;margin:0}
.portal-help .help-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
.portal-help .help-actions a{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;padding:13px 18px;font-weight:700}
.portal-help .help-actions a.primary{background:var(--tv-orange);border-color:var(--tv-orange)}

@media (max-width:1080px){.portal-tiles{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){
  .portal-hero-grid{grid-template-columns:1fr;padding:40px 0;gap:28px}
  .portal-photo{display:none}
  .portal-plan-band,.portal-steps{grid-template-columns:1fr}
  .portal-help{grid-template-columns:1fr;padding:28px}
  .portal-help .help-actions{justify-content:flex-start}
  .portal-section{padding:52px 0}
}
@media (max-width:520px){.portal-tiles{grid-template-columns:1fr}.portal-signin{padding:24px}}
.portal-signin .button svg,.portal-help svg{width:20px;height:20px;flex:0 0 20px}
.portal-hero-grid{align-items:stretch}
.portal-photo{align-self:stretch;margin:0}
.portal-hero .kicker{margin:0}
.cable-site .tv-destination .destination-art.has-photo{display:block;width:100%;height:auto;aspect-ratio:16/9}
.cable-site .tv-destination .destination-art.has-photo img{max-width:none;width:100%;height:100%}
.cable-site.pricing-page .price-card-mini.popular a{display:flex;justify-content:space-between;align-items:center;width:100%}
@media (max-width:760px){
  .cable-site .tv-destination{display:block;min-height:0}
  .cable-site .tv-destination .destination-art.has-photo{height:auto;aspect-ratio:16/9;padding:0}
  .cable-site .destination-art.has-photo>span{font-size:.62rem;letter-spacing:.12em;left:18px;bottom:14px}
  .cable-site .destination-copy p{font-size:.9rem}
}

/* Legal pages: readable body copy */
.cable-site .legal p,.cable-site .legal li{color:#3d434c;line-height:1.7}
.cable-site .legal p.updated{color:var(--tv-muted)}
.cable-site .legal h2{color:var(--tv-ink)}
.cable-site .legal a{color:var(--tv-orange-dark);text-decoration:underline}
.cable-site .legal strong{color:var(--tv-ink)}

/* Dark feature bands that lost their background */
.cable-site .learn-help-band{background:linear-gradient(120deg,#151a21,#232c36 60%,#101a2a)}
.cable-site .learn-help-band p{color:#c9ced6}
.cable-site .learn-help-band .learn-eyebrow{color:#3d8bff}
.cable-site .learn-help-actions a:not(.learn-button){color:#fff}
.cable-site .bring-own{background:linear-gradient(120deg,#151a21,#232c36 60%,#101a2a);border-radius:18px}
.cable-site .bring-own p{color:#c9ced6}
.cable-site main>section.learn-help-band,.cable-site main>section.bring-own{background:linear-gradient(120deg,#151a21,#232c36 60%,#101a2a)}

/* Line icons replacing emoji */
.cable-site .icon-tile{display:inline-grid!important;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--tv-peach);color:var(--tv-orange);font-size:0!important;margin-bottom:6px;position:static!important;padding:0!important}
.cable-site .icon-tile svg{width:23px;height:23px}
.cable-site .inline-icon{width:18px;height:18px;flex:0 0 18px;vertical-align:-3px;margin-right:8px}
.cable-site .contact-links a,.cable-site .support-links a{display:flex;align-items:center}

/* Legacy pill-button rows → site buttons */
.cable-site .multi-pay-options{gap:12px;margin:28px auto}
.cable-site .multi-pay-options a{background:#fff;color:var(--tv-ink);border:1px solid var(--tv-line);border-radius:8px;box-shadow:none;text-transform:none;font-weight:700;padding:13px 20px}
.cable-site .multi-pay-options a:first-child{background:var(--tv-orange);border-color:var(--tv-orange);color:#fff}
.cable-site .multi-pay-options a:hover{transform:none;background:var(--tv-ink);border-color:var(--tv-ink);color:#fff}
.cable-site .device-payment-links .product-pay-grid a{background:#fff;color:var(--tv-ink);border:1px solid var(--tv-line);border-radius:8px;font-weight:700;text-transform:none}
.cable-site .device-payment-links .product-pay-grid a.primary{background:var(--tv-orange);border-color:var(--tv-orange);color:#fff}
.cable-site .portal-help .kicker{margin:0 0 6px;font-size:.72rem;font-weight:800;letter-spacing:.14em}
@media (min-width:981px){.cable-site .info-grid:has(>article:nth-child(4):last-child),.cable-site .feature-grid:has(>article:nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}}
.cable-site #calculator .calc-grid>div:first-child p:not(.eyebrow){color:var(--tv-muted)}
.cable-site #calculator .notes-box p{color:var(--tv-ink)}

/* ===== Commerce kit (Shop TV, Pay my bill) ===== */
.mtv-hero{background:linear-gradient(120deg,#151a21 0%,#1f2730 55%,#101a2a 100%);color:#fff}
.mtv-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:64px 0}
.mtv-hero.slim .site-width{padding:56px 0 52px}
.mtv-hero h1{font-size:clamp(2.3rem,4.6vw,3.7rem);line-height:1.03;letter-spacing:-.03em;margin:10px 0 16px;color:#fff}
.mtv-hero h1 span{color:#3d8bff}
.mtv-hero .kicker{color:#3d8bff;margin:0}
.mtv-hero .lead{color:#c9ced6;font-size:1.06rem;line-height:1.6;max-width:540px;margin:0 0 22px}
.mtv-hero-points{display:flex;flex-wrap:wrap;gap:10px 22px;margin:0 0 28px;color:#e6e8ec;font-weight:600}
.mtv-hero-points span{display:inline-flex;align-items:center;gap:7px}
.mtv-hero-points svg{width:18px;height:18px;color:#3d8bff}
.mtv-hero-photo{margin:0;border-radius:18px;overflow:hidden;aspect-ratio:16/10;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.mtv-hero-photo img{width:100%;height:100%;object-fit:cover;display:block}

.mtv-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:8px;border:1px solid var(--tv-ink);color:var(--tv-ink);background:#fff;font-weight:700;transition:background .2s,color .2s,border-color .2s}
.mtv-btn svg{width:18px;height:18px}
.mtv-btn:hover{background:var(--tv-ink);color:#fff}
.mtv-btn.primary{background:var(--tv-orange);border-color:var(--tv-orange);color:#fff}
.mtv-btn.primary:hover{background:var(--tv-orange-dark);border-color:var(--tv-orange-dark)}
.mtv-btn.lg{padding:16px 24px;font-size:1.02rem}

.mtv-section{padding:72px 0}
.mtv-section.alt{background:var(--tv-paper)}
.mtv-h2,.mtv-section h2{font-size:clamp(1.8rem,3vw,2.5rem);letter-spacing:-.02em;margin:6px 0 14px;color:var(--tv-ink)}
.mtv-sub{color:var(--tv-muted);font-size:1.02rem;line-height:1.6;max-width:640px;margin:0}
.mtv-fine{color:var(--tv-muted);font-size:.86rem;margin:18px 0 0}
.mtv-fine a{color:var(--tv-orange-dark);font-weight:700}

.mtv-step{display:flex;gap:18px;align-items:flex-start;margin-bottom:26px}
.mtv-step>span{flex:0 0 40px;height:40px;border-radius:50%;background:var(--tv-ink);color:#fff;display:grid;place-items:center;font-weight:800;margin-top:6px}
.mtv-step h2,.mtv-step h3{margin:4px 0 6px}
.mtv-step h3{font-size:1.35rem;color:var(--tv-ink)}
.mtv-step p{color:var(--tv-muted);margin:0}
.mtv-step.inner{margin:34px 0 20px}

.mtv-tabs>input{position:absolute;opacity:0;pointer-events:none}
.mtv-tabs{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mtv-tabs>label{cursor:pointer;border:2px solid var(--tv-line);border-radius:14px;padding:20px 22px;background:#fff;display:grid;gap:4px;transition:border-color .2s,box-shadow .2s}
.mtv-tabs>label strong{font-size:1.2rem;color:var(--tv-ink)}
.mtv-tabs>label small{color:var(--tv-muted);font-size:.95rem}
.mtv-tabs>input:checked+label{border-color:var(--tv-orange);box-shadow:0 0 0 4px rgba(8,86,202,.12)}
.mtv-tabs>input:focus-visible+label{outline:3px solid var(--tv-orange);outline-offset:2px}
.mtv-tabs>.mtv-step,.mtv-tabs>.mtv-plan-grid{grid-column:1/-1}
.mtv-plan-grid{display:none;grid-template-columns:repeat(3,1fr);gap:16px}
#pkg-standard:checked~.mtv-plan-grid[data-pkg="standard"],#pkg-deluxe:checked~.mtv-plan-grid[data-pkg="deluxe"]{display:grid}

.mtv-plan{position:relative;background:#fff;border:1px solid var(--tv-line);border-radius:14px;padding:26px 24px;display:flex;flex-direction:column}
.mtv-plan.is-popular{border:2px solid var(--tv-orange);box-shadow:0 18px 40px rgba(8,86,202,.12)}
.mtv-badge{position:absolute;top:-12px;left:22px;background:var(--tv-orange);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.mtv-plan h4{font-size:1.15rem;margin:0;color:var(--tv-ink)}
.mtv-plan-sub{color:var(--tv-muted);font-size:.92rem;margin:4px 0 16px}
.mtv-price{font-size:3rem;font-weight:800;letter-spacing:-.03em;color:var(--tv-ink);line-height:1;display:inline-flex;align-items:flex-start}
.mtv-price sup{font-size:.42em;font-weight:800;margin-top:.25em;letter-spacing:0}
.mtv-per{color:var(--tv-muted);font-size:.85rem;margin:6px 0 20px}
.mtv-plan .mtv-btn{margin-top:auto}

.mtv-premium{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center;background:linear-gradient(120deg,#151a21,#232c36 60%,#1a4f9e);color:#fff;border-radius:18px;padding:40px}
.mtv-premium h2{color:#fff}
.mtv-premium p{color:#c9ced6;margin:0}
.mtv-premium .kicker{color:#3d8bff;margin:0}
.mtv-premium-cta{background:#fff;border-radius:14px;padding:24px;color:var(--tv-ink)}
.mtv-premium-cta .mtv-per{color:var(--tv-muted)}
.mtv-premium-cta .mtv-btn{width:100%}

.mtv-device-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mtv-device{background:#fff;border:1px solid var(--tv-line);border-radius:14px;padding:20px;display:flex;flex-direction:column}
.mtv-device figure{margin:0 0 14px;background:#f3f4f6;border-radius:10px;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden}
.mtv-device figure img{max-width:80%;max-height:80%;object-fit:contain;mix-blend-mode:multiply}
.mtv-device h4{margin:0 0 4px;font-size:1.08rem;color:var(--tv-ink)}
.mtv-device-price{font-size:1.5rem;font-weight:800;color:var(--tv-ink);margin:0 0 12px}
.mtv-device-price small{font-size:.8rem;color:var(--tv-muted);font-weight:600}
.mtv-device ul,.mtv-checks{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px;color:#3d434c;font-size:.93rem}
.mtv-device li,.mtv-checks li{display:flex;gap:8px;align-items:center}
.mtv-device li svg,.mtv-checks li svg{width:17px;height:17px;color:#1d7a46;flex:0 0 17px}
.mtv-device .mtv-btn{margin-top:auto}

.mtv-accepted{margin-top:34px;border:1px solid var(--tv-line);border-radius:14px;padding:22px 24px;background:#fff;display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between}
.mtv-accepted p{display:flex;align-items:center;gap:10px;margin:0;color:#3d434c}
.mtv-accepted p svg{width:20px;height:20px;color:#1d7a46}
.mtv-chips{display:flex;flex-wrap:wrap;gap:8px}
.mtv-chips span{border:1px solid var(--tv-line);border-radius:6px;padding:6px 10px;font-size:.84rem;font-weight:700;color:var(--tv-ink);background:var(--tv-paper)}

.mtv-pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mtv-pay-card{background:#fff;border:1px solid var(--tv-line);border-radius:16px;padding:32px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.mtv-pay-card.featured{border:2px solid var(--tv-orange);box-shadow:0 18px 40px rgba(8,86,202,.1)}
.mtv-pay-card h2{font-size:1.6rem;margin:10px 0 4px}
.mtv-pay-card>p{color:var(--tv-muted);margin:0 0 18px;line-height:1.55}
.mtv-pay-card .tile-icon{width:48px;height:48px;border-radius:12px;background:var(--tv-peach);color:var(--tv-orange);display:grid;place-items:center}
.mtv-pay-card .tile-icon svg{width:24px;height:24px}
.mtv-quickpay{width:100%;display:grid;gap:14px}
.mtv-quickpay label{display:grid;gap:6px;font-weight:700;color:var(--tv-ink);font-size:.92rem}
.mtv-quickpay select{width:100%;padding:13px 14px;border:1px solid #c9ccd2;border-radius:8px;background:#fff;font:inherit;font-weight:500}
.mtv-quickpay label[hidden]{display:none}
.mtv-qp-total{display:flex;align-items:baseline;gap:10px;background:var(--tv-paper);border-radius:10px;padding:14px 16px}
.mtv-qp-total small{color:var(--tv-muted);font-weight:700;margin-right:auto}
.mtv-qp-total strong{font-size:1.7rem;color:var(--tv-ink)}
.mtv-qp-total span{color:var(--tv-muted);font-size:.85rem}
.mtv-quickpay .mtv-btn{width:100%}

.mtv-autopay{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.mtv-autopay figure{margin:0;border-radius:18px;overflow:hidden;aspect-ratio:3/2}
.mtv-autopay img{width:100%;height:100%;object-fit:cover}
.mtv-autopay .mtv-checks{margin:20px 0 24px}
.cable-site .mtv-section .portal-steps{margin-top:24px}

@media (max-width:980px){
 .mtv-hero-grid,.mtv-pay-grid,.mtv-autopay,.mtv-premium{grid-template-columns:1fr}
 .mtv-device-grid{grid-template-columns:repeat(2,1fr)}
 .mtv-plan-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:620px){
 .mtv-hero-grid{padding:40px 0;gap:28px}
 .mtv-section{padding:52px 0}
 .mtv-tabs{grid-template-columns:1fr}
 .mtv-plan-grid,.mtv-device-grid{grid-template-columns:1fr}
 .mtv-premium,.mtv-pay-card{padding:24px}
 .mtv-accepted{flex-direction:column;align-items:flex-start}
}
.cable-site .nav-shop{position:relative}
.cable-site .nav-shop[aria-current]::after,.cable-site .nav-shop[aria-current]::before{display:none}
.cable-site .nav-shop[aria-current]{background:var(--tv-ink);color:#fff;border-color:var(--tv-ink)}
.cable-site .mtv-pay-card .mtv-checks{margin:4px 0 22px}
/* Contact form consent row */
.cable-site .sms-opt{margin:4px 0 6px}
.cable-site .sms-opt .sms-check{display:grid!important;grid-template-columns:20px 1fr;gap:12px;align-items:start;text-align:left;font-weight:400!important;font-size:.84rem;line-height:1.5;color:var(--tv-muted)}
.cable-site .sms-opt .sms-check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--tv-orange)}
.cable-site .sms-opt .sms-check span{font-weight:400}
.cable-site .contact-card{overflow:visible;align-items:start}
.cable-site .contact-card form small{display:block;color:var(--tv-muted);margin-top:8px}
.cable-site .contact-intro{color:var(--tv-muted);line-height:1.6;margin:0 0 18px}
.portal-photo img{object-position:72% 50%}
.cable-site .plan-lifestyle img{object-position:60% 40%}
.cable-site .footer-contact{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:6px;font-size:.9rem;color:#aab1bc}
.cable-site .footer-contact a{color:#fff;font-weight:600}
.cable-site .utility-bar .utility-phone{font-weight:700}
@media (max-width:620px){.cable-site .utility-bar .cable-site .utility-bar .utility-home,.cable-site .utility-bar a[href="contact.html"]{display:none}.cable-site .utility-bar .site-width{gap:14px;overflow:hidden}}
@media (max-width:420px){.cable-site .utility-bar a[href="contact.html"]{display:none}}
.cable-site .footer-brand{flex-wrap:wrap}
.cable-site .footer-contact{grid-column:1/-1;flex:1 1 100%;min-width:0}

/* ===== 2026 brand: chrome silver + electric blue + spectrum, light theme ===== */
:root{--mtv-blue:#1463e6;--mtv-blue-dark:#0f4fbf;--mtv-glow:#4aa3ff;--mtv-night:#05070d;--mtv-spectrum:linear-gradient(90deg,#2aa8ff 0%,#6f5bff 18%,#e03ccf 36%,#ff3b4e 52%,#ff9a1f 68%,#f2d60c 82%,#2fd36b 100%)}
.cable-site{--tv-orange:#1463e6;--tv-orange-dark:#0f4fbf;--tv-peach:#eaf2ff;--tv-ink:#0e1420}
/* logo: keeps its own black backing so the chrome reads on a light page */
.cable-site .brand-mark .brand-logo-2026{width:auto;height:60px;border-radius:10px;background:#000;box-shadow:0 4px 14px rgba(5,7,13,.18)}
.cable-site .cable-footer .brand-logo-2026.on-dark{width:auto;height:76px;background:none;box-shadow:none;border-radius:0}
@media (max-width:760px){.cable-site .brand-mark .brand-logo-2026{height:46px}}
/* spectrum line from the logo: under the header and on dark bands */
.cable-site .masthead{position:relative}
.cable-site .masthead::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--mtv-spectrum);opacity:.9}
.mtv-hero,.portal-hero,.mtv-premium{position:relative}
.mtv-hero::after,.portal-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--mtv-spectrum)}
/* accents */
.mtv-hero h1 span,.portal-hero h1 span{color:var(--mtv-glow)}
.cable-site .feature-copy h1 span{color:var(--mtv-blue)}
.mtv-hero .kicker,.portal-hero .kicker,.mtv-premium .kicker,.portal-help .kicker,.learn-help-band .learn-eyebrow,.mtv-hero-points svg{color:var(--mtv-glow)!important}
.mtv-badge,.cable-site .price-card-mini.popular>span,.cable-site.pricing-page .price-card-mini.popular>span{background:var(--mtv-blue)!important;color:#fff!important}
.mtv-plan.is-popular{border-color:var(--mtv-blue);box-shadow:0 18px 40px rgba(20,99,230,.14)}
.cable-site .price-card-mini.popular{border-color:#8fb6f5!important;background:#f5f9ff!important}
.cable-site .hero-kicker .signal-dot{background:var(--mtv-spectrum)}
/* dark bands: night black to deep blue, like the logo */
.mtv-hero,.portal-hero,.mtv-premium,.cable-site main>section.learn-help-band,.cable-site main>section.bring-own{background:radial-gradient(120% 140% at 85% 0%,#0f2a5c 0%,#0a1630 45%,#05070d 100%)!important}
.portal-help{background:linear-gradient(120deg,#05070d,#0d1d3f)}
.cable-site .cable-footer{background:#05070d;position:relative}
.cable-site .cable-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--mtv-spectrum)}
.cable-site .utility-bar{background:#05070d}
.cable-site .cable-footer .footer-contact li,.cable-site .cable-footer .footer-contact a{font-size:14px;line-height:1.5}

/* ===== Light logo color pattern (final): white + chrome blue + deep navy + spectrum ===== */
:root{--mtv-blue:#1565e0;--mtv-blue-dark:#0d4cb3;--mtv-sky:#4aa3ff;--mtv-navy:#0b1730;--mtv-ice:#eef5ff}
.cable-site{--tv-orange:#1565e0;--tv-orange-dark:#0d4cb3;--tv-ink:#0b1730;--tv-peach:#eaf2ff}
.cable-site .brand-mark .brand-logo-2026.on-light{height:64px;width:auto;background:none;box-shadow:none;border-radius:0}
@media (max-width:760px){.cable-site .brand-mark .brand-logo-2026.on-light{height:48px}}
/* hero + feature bands: bright, blue-glow light versions */
.mtv-hero,.portal-hero,.mtv-premium,.cable-site main>section.learn-help-band,.cable-site main>section.bring-own{background:radial-gradient(90% 120% at 85% 0%,#d9e9ff 0%,#eef5ff 45%,#ffffff 100%)!important;color:var(--mtv-navy)}
.mtv-hero h1,.portal-hero h1,.mtv-premium h2,.cable-site .learn-help-band h2,.cable-site .bring-own h2{color:var(--mtv-navy)!important}
.mtv-hero h1 span,.portal-hero h1 span{color:var(--mtv-blue)!important}
.mtv-hero .lead,.portal-hero p.lead,.mtv-premium p,.cable-site .learn-help-band p,.cable-site .bring-own p{color:#3b4a63!important}
.mtv-hero-points{color:var(--mtv-navy)!important}
.mtv-hero .kicker,.portal-hero .kicker,.mtv-premium .kicker,.learn-help-band .learn-eyebrow,.mtv-hero-points svg{color:var(--mtv-blue)!important}
.mtv-premium{border:1px solid #cfe0fb}
.mtv-premium-cta{box-shadow:0 14px 36px rgba(21,101,224,.12)}
.mtv-hero-photo,.portal-signin{box-shadow:0 24px 60px rgba(11,23,48,.16)!important}
.cable-site .learn-help-actions a:not(.learn-button){color:var(--mtv-blue)!important}
.cable-site .learn-help-actions .learn-button{background:var(--mtv-blue);color:#fff}
.cable-site .bring-own .button,.cable-site .bring-own a[class*="button"]{background:var(--mtv-blue);color:#fff;border-color:var(--mtv-blue)}
.portal-help{background:linear-gradient(120deg,#0b1730,#123a7a)!important}
.cable-site .utility-bar{background:var(--mtv-navy)}
.cable-site .cable-footer{background:var(--mtv-navy)}
.cable-site .brand-mark .brand-logo-2026.on-light{mix-blend-mode:multiply}

/* ===== Business TV page ===== */
#bpkg-standard:checked~.mtv-plan-grid[data-pkg="biz-standard"],#bpkg-deluxe:checked~.mtv-plan-grid[data-pkg="biz-deluxe"]{display:grid}
.biz-hero-panel{background:#fff;border:1px solid #cfe0fb;border-radius:18px;padding:28px;box-shadow:0 24px 60px rgba(11,23,48,.14)}
.biz-screens{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}
.biz-screens span{aspect-ratio:16/9;border-radius:8px;background:linear-gradient(135deg,#0b1730,#1565e0 70%,#4aa3ff);position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #0b1730}
.biz-screens span::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--mtv-spectrum)}
.biz-screens span:nth-child(2){background:linear-gradient(135deg,#0b1730,#0f8a5f 70%,#4ad6a0)}
.biz-screens span:nth-child(3){background:linear-gradient(135deg,#0b1730,#7b3fe0 70%,#c58bff)}
.biz-screens span:nth-child(4){background:linear-gradient(135deg,#0b1730,#d1354a 70%,#ff8a7a)}
.biz-screens span:nth-child(5){background:linear-gradient(135deg,#0b1730,#1565e0 60%,#2fd36b)}
.biz-screens span:nth-child(6){background:linear-gradient(135deg,#0b1730,#2aa8ff 70%,#9fdcff)}
.biz-hero-panel p{margin:0;color:#3b4a63}
.biz-hero-panel strong{color:var(--mtv-navy);font-size:1.4rem}
.biz-industries{grid-template-columns:repeat(3,1fr)}
.biz-industries .portal-tile{min-height:150px}
.biz-quote{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}
.biz-form{background:#fff;border:1px solid var(--tv-line);border-radius:16px;padding:28px;display:grid;gap:14px;box-shadow:0 18px 40px rgba(11,23,48,.06)}
.biz-form label{display:grid;gap:6px;font-weight:700;font-size:.9rem;color:var(--tv-ink)}
.biz-form input,.biz-form select,.biz-form textarea{width:100%;padding:12px 14px;border:1px solid #c9ccd2;border-radius:8px;font:inherit;font-weight:500;background:#fff}
.biz-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.biz-form .mtv-btn{width:100%}
.biz-quote .mtv-sub a{color:var(--mtv-blue);font-weight:700}
@media (max-width:980px){.biz-quote{grid-template-columns:1fr}.biz-industries{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.biz-row,.biz-industries{grid-template-columns:1fr}.biz-form{padding:20px}}

/* Photo centering (10/09): each cropped photo is framed on its subject (the people, or the TV), so whatever
   the box shape on any screen, the subject stays in the middle of the frame. These outrank the older per-page nudges. */
html body.cable-site img[src*="evening-solo"]{object-position:70% 30% !important}
html body.cable-site img[src*="family-night"]{object-position:37% 30% !important}
html body.cable-site img[src*="game-night"]{object-position:40% 45% !important}
html body.cable-site img[src*="tv-wall-setup"]{object-position:48% 35% !important}
html body.cable-site img[src*="tv-living-room"]{object-position:45% 40% !important}

/* No orange (10/09): the spectrum keeps only the logo's cool colors — cyan, blue, violet, magenta. */
:root{--mtv-spectrum:linear-gradient(90deg,#2aa8ff 0%,#4f7dff 30%,#6f5bff 55%,#a84be0 78%,#e03ccf 100%) !important}