/* Navigation above the existing advertisement; wide layout stays unchanged. */
@media (min-width:761px) and (min-height:621px) {
  html body.toptv-v14-global-topbar-ready:not(.toptv-immersive-open) .app > .toptv-v14-site-topbar {
    position:sticky;top:0;z-index:2147482002!important;display:flex;align-items:center;gap:clamp(10px,1.35vw,22px);
    width:100%;height:54px;min-height:54px;box-sizing:border-box;
    padding:0 clamp(14px,2vw,30px);color:#fff;
    background:linear-gradient(110deg,#0b0c14,#10121c 52%,#090b12);
    border-bottom:1px solid rgba(225,183,66,.62);
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar > .brand {
    flex:0 0 clamp(130px,14vw,185px);height:50px!important;max-height:50px!important;min-width:0!important;
    display:flex!important;align-items:center!important;overflow:hidden;
    background:none!important;opacity:1!important;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .brand > img {display:none!important}
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .brand .toptv-v14-fixed-brand-lockup {
    display:flex!important;flex-shrink:0;transform:scale(.81);transform-origin:left center;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search {
    position:relative;flex:0 1 460px;min-width:195px;max-width:460px;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search > .toptv-search-main {
    width:100%!important;margin:0!important;padding:0!important;min-height:0!important;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search,
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search form {
    width:100%!important;max-width:none!important;margin:0!important;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search form {
    height:36px!important;min-height:36px!important;padding:2px 8px!important;
    border-radius:24px!important;box-sizing:border-box!important;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search input {
    min-width:0!important;height:30px!important;font-size:12px!important;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search form button[type=submit] {
    flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px!important;
    min-height:34px!important;border-radius:50%!important;font-size:16px!important;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search-absence,
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search-error {
    position:absolute;left:0;top:calc(100% + 8px);width:min(460px,90vw);z-index:40;
    box-sizing:border-box;box-shadow:0 12px 32px #000b;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-spacer {flex:1 1 10px;min-width:0}
  html body.toptv-v14-global-topbar-ready .toptv-v14-translate {position:relative;flex:0 0 auto}
  html body.toptv-v14-global-topbar-ready .toptv-v14-translate-toggle {
    height:32px;padding:0 13px;border:1px solid #ac864443;border-radius:20px;
    background:#0e111d;color:#eee;font-size:12px;cursor:pointer;white-space:nowrap;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-translate-menu {
    position:absolute;top:calc(100% + 7px);right:0;z-index:60;width:158px;padding:6px;
    border:1px solid #c69d4f;border-radius:12px;background:#101421;box-shadow:0 12px 30px #000a;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-translate-menu[hidden] {display:none!important}
  html body.toptv-v14-global-topbar-ready .toptv-v14-translate-menu button {
    display:block;width:100%;padding:8px 10px;border:0;border-radius:7px;
    background:transparent;color:#fff;text-align:left;cursor:pointer;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-translate-menu button[aria-checked=true],
  html body.toptv-v14-global-topbar-ready .toptv-v14-translate-menu button:hover {
    background:#6b542399;color:#ffe297;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar > .actions {
    flex:0 0 auto;display:flex!important;align-items:center!important;
    width:auto!important;margin:0!important;padding:0!important;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .actions .vip {
    height:34px!important;min-height:34px!important;padding:0 15px!important;
    font-size:12px!important;white-space:nowrap!important;
  }
  html body.toptv-v14-global-topbar-ready.toptv-v14-header-banner-ready:not(.toptv-immersive-open) .app > header {
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:center!important;
    height:82px!important;min-height:82px!important;top:54px!important;padding:7px 10px!important;
  }
  html body.toptv-v14-global-topbar-ready #toptvV14HeaderBanner,
  html body.toptv-v14-global-topbar-ready #toptvV14HeaderBanner.is-video-entering,
  html body.toptv-v14-global-topbar-ready #toptvV14HeaderBanner.is-video-playing,
  html body.toptv-v14-global-topbar-ready #toptvV14HeaderBanner.is-video-leaving {
    grid-column:1!important;grid-row:1!important;justify-self:center!important;
    width:min(970px,100%)!important;height:64px!important;min-height:64px!important;
  }
  html body.toptv-v14-global-topbar-ready .toptv-search-home-slot:empty {display:none!important}
}
@media (min-width:761px) and (max-width:900px) and (min-height:621px) {
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar > .brand {flex-basis:114px}
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .brand .toptv-v14-fixed-brand-lockup {
    transform:scale(.72);
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar {gap:8px;padding:0 10px}
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search {min-width:160px}
  html body.toptv-v14-global-topbar-ready .toptv-v14-translate-toggle {padding:0 8px;font-size:11px}
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .actions .vip {padding:0 9px!important;font-size:11px!important}
}
@media (max-width:760px), (max-height:620px) {
  .toptv-v14-site-topbar {display:none!important}
}
body.toptv-immersive-open .toptv-v14-site-topbar {display:none!important}

/* V14 desktop/iPad: the video touches both understated gold rules. */
@media (min-width:761px) and (min-height:621px) {
  html body.toptv-v14-global-topbar-ready:not(.toptv-immersive-open) .app > .toptv-v14-site-topbar {
    position:sticky;border-bottom:0!important;
  }
  html body.toptv-v14-global-topbar-ready:not(.toptv-immersive-open) .app > .toptv-v14-site-topbar::after {
    content:none;
  }
  html body.toptv-v14-global-topbar-ready.toptv-v14-header-banner-ready:not(.toptv-immersive-open) .app > header::before {
    content:"";position:absolute;left:clamp(30px,8vw,140px);right:clamp(30px,8vw,140px);
    top:6px;bottom:auto;height:1px;pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(224,178,77,.62) 12%,rgba(242,204,112,.8) 50%,rgba(224,178,77,.62) 88%,transparent);
  }
  html body.toptv-v14-global-topbar-ready.toptv-v14-header-banner-ready:not(.toptv-immersive-open) .app > header {
    /* 6px air, 1px upper rule, 64px video, then the separate 1px lower rule. */
    height:72px!important;min-height:72px!important;box-sizing:border-box!important;
    align-items:start!important;
    margin-top:0!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;
    background:transparent!important;
    padding:7px 10px 1px!important;
  }
  html body.toptv-v14-global-topbar-ready.toptv-v14-header-banner-ready:not(.toptv-immersive-open) .app > header::after {
    content:"";position:absolute;left:clamp(30px,8vw,140px);right:clamp(30px,8vw,140px);
    bottom:0;height:1px;pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(224,178,77,.62) 12%,rgba(242,204,112,.8) 50%,rgba(224,178,77,.62) 88%,transparent);
  }
}

/* Give the three desktop/iPad columns room below the ad separator. */
@media (min-width:761px) and (min-height:621px) {
  html body.toptv-v14-global-topbar-ready.toptv-v14-header-banner-ready:not(.toptv-immersive-open) .app > main {
    margin-top:28px!important;
  }
}

/* Compact, conventional search: the real submit button becomes the inset magnifier. */
@media (min-width:761px) and (min-height:621px) {
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search form {
    display:flex!important;align-items:center!important;gap:4px!important;
    background:#14151f!important;border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:none!important;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search-icon {display:none!important}
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search form button[type=submit] {
    order:-1!important;position:relative!important;flex:0 0 28px!important;
    width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
    background:transparent!important;box-shadow:none!important;color:transparent!important;font-size:0!important;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search form button[type=submit]::before {
    content:"";position:absolute;left:7px;top:6px;width:10px;height:10px;
    border:2px solid #9ca3b7;border-radius:50%;box-sizing:border-box;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search form button[type=submit]::after {
    content:"";position:absolute;left:17px;top:17px;width:7px;height:2px;
    background:#9ca3b7;transform:rotate(47deg);transform-origin:left center;border-radius:2px;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search form button[type=submit]:hover::before,
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search form button[type=submit]:focus-visible::before {border-color:#f3d389}
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search form button[type=submit]:hover::after,
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search form button[type=submit]:focus-visible::after {background:#f3d389}
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search input {
    flex:1 1 auto!important;width:100%!important;height:30px!important;
    padding:4px 6px!important;background:transparent!important;border:0!important;box-shadow:none!important;
  }
}

/* Opaque ad backdrop reaches the lower gold rule while the page scrolls behind it. */
@media (min-width:761px) and (min-height:621px) {
  html body.toptv-v14-global-topbar-ready.toptv-v14-header-banner-ready:not(.toptv-immersive-open) .app > header {
    background:linear-gradient(110deg,#0b0c14,#10121c 52%,#090b12)!important;
  }
}

/* Globe markup remains invisible on phone; the desktop styles below reveal it. */
.toptv-v14-top-globe {display:none}

/* World-first signature sits beside the search without changing the 54 px navigation. */
@media (min-width:761px) and (min-height:621px) {
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-hook {
    flex:0 0 auto;min-width:0;max-height:36px;overflow:hidden;
    color:#e4c574;font-size:14px;font-weight:650;line-height:1.25;
    text-align:right;white-space:nowrap;
  }
}
@media (min-width:761px) and (max-width:1050px) and (min-height:621px) {
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-hook {flex:0 1 345px;font-size:11.5px;line-height:1.2;white-space:normal}
}

/* Small shaded globe: a scrolling map makes the Earth appear to turn on its axis. */
@media (min-width:761px) and (min-height:621px) {
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-hook-lead {color:#f7f7f9}
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-hook-world {color:#e9c76e}
  html body .toptv-v14-top-globe {
    position:relative;display:inline-block;width:20px;height:20px;margin-left:2px;
    vertical-align:-5px;border-radius:50%;overflow:hidden;flex:none;
    background:radial-gradient(circle at 30% 24%,#80dcf1 0%,#168ec5 34%,#075ca3 67%,#03294e 100%);
    box-shadow:inset -3px -2px 5px #001329,0 0 6px rgba(86,185,232,.36);
  }
  html body .toptv-v14-top-globe-map {
    position:absolute;inset:0;border-radius:50%;
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2224%22%20viewBox%3D%220%200%2096%2024%22%3E%3Cpath%20fill%3D%22%2377c881%22%20d%3D%22M6%202l5%201%203-1%204%203-2%203%205%201%204%204-3%202-4-2-2%203-3-1-3-4-4-2%201-3-3-2zM19%2015l5%201%203%203-2%205-3-1-2-4-3-2zM37%204l5-2%204%202%201%204-4%201%203%203-1%207-4%204-2-5-3-3%201-4-3-3zM50%204l8-3%207%202%206-1%209%203-2%204-7-1-2%204-7%201-3%203-4-3-5%201-4-4zM73%2017l6-2%208%203%203%204-4%202-8-1-5-3z%22%2F%3E%3Cpath%20fill%3D%22%23b8dc91%22%20opacity%3D%22.8%22%20d%3D%22M9%203l4%201%202%203-5-1zM39%205l4-1%202%202-3%202zM53%205l6-2%205%201-3%203-6%201zM78%2018l5-1%204%203-6%201z%22%2F%3E%3C%2Fsvg%3E");background-size:96px 24px;background-repeat:repeat-x;
    background-position:0 center;animation:toptv-v14-earth-turn 9s linear infinite;
  }
  html body .toptv-v14-top-globe::after {
    content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;
    background:radial-gradient(circle at 26% 22%,rgba(255,255,255,.68),transparent 35%),linear-gradient(90deg,rgba(3,19,44,.35),transparent 25%,transparent 55%,rgba(0,11,38,.7));
    box-shadow:inset 0 0 2px rgba(255,255,255,.5),inset -3px -2px 5px rgba(0,12,40,.58);
  }
}
@keyframes toptv-v14-earth-turn {to {background-position:-96px center}}
@media (min-width:761px) and (max-width:1050px) and (min-height:621px) {
  html body .toptv-v14-top-globe {width:16px;height:16px;vertical-align:-4px}
}
@media (prefers-reduced-motion:reduce) {
  html body .toptv-v14-top-globe-map {animation:none}
}

/* Larger writing on wide desktop screens while preserving the compact header elsewhere. */
@media (min-width:1440px) and (min-height:621px) {
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-hook {font-size:17px}
  html body .toptv-v14-top-hook .toptv-v14-top-globe {width:23px;height:23px;vertical-align:-6px}
}

/* Reuse the same animated Earth in the channel heading and below Pourquoi TOPTV. */
@media (min-width:761px) and (min-height:621px) {
  html body:not(.toptv-immersive-open) #live.hero > aside.channels h2 .toptv-v14-top-globe {
    width:16px;height:16px;margin-left:4px;vertical-align:-4px;
  }
  html body:not(.toptv-immersive-open) #toptvWhyToptvV1 .toptv-why-hook-lead {color:#f7f7f9}
  html body:not(.toptv-immersive-open) #toptvWhyToptvV1 .toptv-why-hook-world {color:#e9c76e}
  html body:not(.toptv-immersive-open) #toptvWhyToptvV1 .toptv-why-hook .toptv-v14-top-globe {
    width:20px;height:20px;margin-left:3px;vertical-align:-5px;
  }
}
/* Phone: the same live search and controls, arranged in two compact rows. */
@media (max-width:760px) {
  html body.toptv-v14-global-topbar-ready:not(.toptv-immersive-open) .app > .toptv-v14-site-topbar {
    position:sticky!important;top:0!important;z-index:2147482002!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:44px 38px;
    align-items:center;gap:6px;box-sizing:border-box;height:104px;min-height:104px;
    width:calc(100% + 16px);margin:-8px -8px 0;padding:8px 14px;
    border:0!important;border-radius:0!important;box-shadow:none!important;
    color:#fff;background:linear-gradient(110deg,#0b0c14,#10121c 52%,#090b12);
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar > .brand {
    grid-column:1;grid-row:1;display:flex!important;align-items:center!important;
    min-width:0!important;width:auto!important;height:44px!important;padding:0!important;
    background:none!important;opacity:1!important;overflow:hidden;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .brand > img {display:none!important}
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .toptv-v14-fixed-brand-lockup {
    display:flex!important;align-items:center;gap:5px;white-space:nowrap;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .toptv-v14-fixed-brand-mark {
    display:block;width:30px;height:30px;flex:none;
    background:transparent url('toptv-tv-mark-clean.svg') center/contain no-repeat;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .toptv-v14-fixed-brand-wordmark {
    display:flex;align-items:center;gap:1px;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .toptv-v14-fixed-brand-name {
    font:950 24px/1 'Arial Black','Helvetica Neue',Arial,sans-serif;letter-spacing:-.075em;color:#fff;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .toptv-v14-fixed-brand-one {
    position:relative;font:900 29px/.9 Georgia,serif;color:#e9bd58;
    background:linear-gradient(180deg,#fff2ad 2%,#ffd85a 46%,#b87b08 100%);
    background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:skew(-3deg);
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .toptv-v14-fixed-brand-one::before {
    content:'✦';position:absolute;right:-.12em;top:-.23em;font-size:.28em;-webkit-text-fill-color:#ffe991;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-spacer,
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-hook {display:none!important}
  html body.toptv-v14-global-topbar-ready .toptv-v14-translate {position:relative;grid-column:2;grid-row:1}
  html body.toptv-v14-global-topbar-ready .toptv-v14-translate-toggle {
    min-height:32px;padding:0 9px;border:1px solid rgba(255,255,255,.22);border-radius:20px;
    background:#0e111d;color:#eee;font:12px system-ui,sans-serif;white-space:nowrap;cursor:pointer;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-translate-menu {
    position:absolute;top:calc(100% + 7px);right:0;z-index:60;width:150px;padding:6px;
    border:1px solid #c69d4f;border-radius:12px;background:#101421;box-shadow:0 12px 30px #000a;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-translate-menu[hidden] {display:none!important}
  html body.toptv-v14-global-topbar-ready .toptv-v14-translate-menu button {
    display:block;width:100%;min-height:40px;padding:8px 10px;border:0;border-radius:7px;
    background:transparent;color:#fff;text-align:left;cursor:pointer;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-translate-menu button[aria-checked=true] {background:#6b542399;color:#ffe297}
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar > .actions {
    grid-column:3;grid-row:1;display:flex!important;align-items:center!important;
    width:auto!important;min-width:0!important;margin:0!important;padding:0!important;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .actions .vip {
    min-height:34px!important;height:34px!important;min-width:0!important;padding:0 9px!important;
    font-size:10px!important;white-space:nowrap!important;border-radius:12px!important;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search {position:relative;grid-column:1/-1;grid-row:2;min-width:0}
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search > .toptv-search-main {
    width:100%!important;margin:0!important;padding:0!important;min-height:0!important;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search,
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search form {
    width:100%!important;max-width:none!important;margin:0!important;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search form {
    display:flex!important;align-items:center!important;gap:4px!important;box-sizing:border-box!important;
    height:38px!important;min-height:38px!important;padding:0 8px!important;border-radius:24px!important;
    background:#14151f!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:none!important;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search-icon,
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-v14-mobile-language {display:none!important}
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search input {
    flex:1 1 auto!important;min-width:0!important;width:100%!important;height:32px!important;
    font-size:16px!important;padding:4px 6px!important;background:transparent!important;border:0!important;box-shadow:none!important;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search form button[type=submit] {
    order:-1!important;position:relative!important;flex:0 0 32px!important;
    width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
    background:transparent!important;box-shadow:none!important;color:transparent!important;font-size:0!important;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search form button[type=submit]::before {
    content:'';position:absolute;left:7px;top:6px;width:12px;height:12px;
    border:2px solid #9ca3b7;border-radius:50%;box-sizing:border-box;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search form button[type=submit]::after {
    content:'';position:absolute;left:18px;top:18px;width:7px;height:2px;
    background:#9ca3b7;transform:rotate(47deg);transform-origin:left center;border-radius:2px;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search-absence,
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search-error {
    position:absolute;left:0;top:100%;width:100%;max-height:60vh;overflow:auto;
    z-index:40;box-sizing:border-box;box-shadow:0 12px 32px #000b;
  }
  html body.toptv-v14-global-topbar-ready .toptv-search-home-slot:empty {display:none!important}
  /* Rules overlay the ad's exact top and bottom edges: no intervening padding. */
  html body.toptv-v14-global-topbar-ready.toptv-v14-header-banner-ready:not(.toptv-immersive-open) .app > header {
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:48px!important;
    gap:0!important;height:48px!important;min-height:48px!important;max-height:48px!important;
    top:104px!important;margin-top:0!important;padding:0 14px!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;
    background:linear-gradient(110deg,#0b0c14,#10121c 52%,#090b12)!important;
  }
  html body.toptv-v14-global-topbar-ready.toptv-v14-header-banner-ready:not(.toptv-immersive-open) #toptvV14HeaderBanner {
    grid-column:1!important;grid-row:1!important;justify-self:stretch!important;
    width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;margin:0!important;
  }
  html body.toptv-v14-global-topbar-ready.toptv-v14-header-banner-ready:not(.toptv-immersive-open) .app > header::before,
  html body.toptv-v14-global-topbar-ready.toptv-v14-header-banner-ready:not(.toptv-immersive-open) .app > header::after {
    content:''!important;position:absolute!important;left:16%!important;right:16%!important;
    height:1px!important;width:auto!important;z-index:8;pointer-events:none!important;
    border:0!important;box-shadow:none!important;transform:none!important;
    background:linear-gradient(90deg,transparent,rgba(224,178,77,.62) 12%,rgba(242,204,112,.8) 50%,rgba(224,178,77,.62) 88%,transparent)!important;
  }
  html body.toptv-v14-global-topbar-ready.toptv-v14-header-banner-ready:not(.toptv-immersive-open) .app > header::before {top:0!important;bottom:auto!important}
  html body.toptv-v14-global-topbar-ready.toptv-v14-header-banner-ready:not(.toptv-immersive-open) .app > header::after {top:auto!important;bottom:0!important}
  html body.toptv-v14-global-topbar-ready:not(.toptv-immersive-open) > .app {--toptv-v14-sticky-shield-height:152px!important}
}
@media (max-width:360px) {
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .toptv-v14-fixed-brand-mark {width:25px;height:25px}
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .toptv-v14-fixed-brand-name {font-size:21px}
  html body.toptv-v14-global-topbar-ready .toptv-v14-translate-toggle {padding:0 6px;font-size:11px}
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .actions .vip {padding:0 6px!important;font-size:9px!important}
}
@media (max-width:360px) {
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .toptv-v14-fixed-brand-lockup {gap:3px}
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .toptv-v14-fixed-brand-mark {width:20px;height:24px}
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .toptv-v14-fixed-brand-name {font-size:17px}
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .toptv-v14-fixed-brand-one {font-size:23px}
}
@media (min-width:361px) and (max-width:389px) {
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .toptv-v14-fixed-brand-mark {width:24px;height:26px}
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .toptv-v14-fixed-brand-name {font-size:20px}
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .toptv-v14-fixed-brand-one {font-size:24px}
}

/* 2026-10-01: compact phone navigation; the approved wide layout is retained. */
.toptv-v14-compact-gold-mark,.toptv-language-short {display:none!important}
@media (max-width:760px) {
  html body.toptv-v14-global-topbar-ready:not(.toptv-immersive-open) .app > .toptv-v14-site-topbar {
    grid-template-columns:42px minmax(0,1fr) 64px 50px;grid-template-rows:48px;
    height:64px;min-height:64px;gap:5px;padding:8px 10px;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar > .brand {
    height:48px!important;width:42px!important;justify-content:center;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .brand .toptv-v14-fixed-brand-lockup {display:none!important}
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .toptv-v14-compact-gold-mark {
    display:block!important;position:relative;width:42px;height:43px;flex:none;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .toptv-v14-compact-gold-mark > img {
    display:block!important;position:absolute!important;left:50%!important;height:auto!important;
    max-width:none!important;max-height:none!important;transform:translateX(-50%)!important;
    opacity:1!important;filter:none!important;margin:0!important;object-fit:contain;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar img.toptv-v14-compact-gold-logo {
    width:38px!important;top:0!important;bottom:auto!important;clip-path:none;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar img.toptv-v14-compact-gold-caption {
    width:36px!important;top:auto!important;bottom:0!important;clip-path:none;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search {grid-column:2;grid-row:1}
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search form {
    height:44px!important;min-height:44px!important;padding:0 3px!important;gap:0!important;border-radius:12px!important;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search input {height:40px!important;padding:2px 0!important;font-size:16px!important}
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search form button[type=submit] {
    flex-basis:26px!important;width:26px!important;min-width:26px!important;height:44px!important;min-height:44px!important;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search form button[type=submit]::before {left:4px;top:12px}
  html body.toptv-v14-global-topbar-ready .toptv-v14-top-search .toptv-search form button[type=submit]::after {left:15px;top:24px}
  html body.toptv-v14-global-topbar-ready .toptv-v14-translate {grid-column:3;grid-row:1}
  html body.toptv-v14-global-topbar-ready .toptv-v14-translate-toggle {
    display:flex;align-items:center;justify-content:center;gap:3px;width:64px;min-height:44px;height:44px;padding:0 3px;font-size:11px;
  }
  html body.toptv-v14-global-topbar-ready .toptv-language-full {display:none!important}
  html body.toptv-v14-global-topbar-ready .toptv-language-short {display:inline!important}
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar > .actions {grid-column:4;grid-row:1}
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .actions .vip {
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;
    width:50px!important;height:44px!important;min-height:44px!important;padding:0 4px!important;font-size:0!important;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .actions .vip::before {content:'👑';display:block;flex:none;font-size:11px;line-height:12px}
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .actions .vip::after {
    content:'TOPTV\a GOLD';white-space:pre;text-align:center;line-height:1.1;font-size:10px;font-weight:850;
  }
  html body.toptv-v14-global-topbar-ready.toptv-v14-header-banner-ready:not(.toptv-immersive-open) .app > header {top:64px!important}
  html body.toptv-v14-global-topbar-ready:not(.toptv-immersive-open) > .app {--toptv-v14-sticky-shield-height:112px!important}
}
@media (max-width:360px) {
  html body.toptv-v14-global-topbar-ready:not(.toptv-immersive-open) .app > .toptv-v14-site-topbar {grid-template-columns:36px minmax(0,1fr) 44px 48px;gap:4px;padding-left:8px;padding-right:8px}
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar > .brand {width:36px!important}
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .toptv-v14-compact-gold-mark {width:36px;height:38px}
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar img.toptv-v14-compact-gold-logo {width:33px!important}
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar img.toptv-v14-compact-gold-caption {width:31px!important}
  html body.toptv-v14-global-topbar-ready .toptv-v14-translate-toggle {width:44px}
  html body.toptv-v14-global-topbar-ready .toptv-language-short {display:none!important}
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .actions .vip {width:48px!important}
}

/* Phone scroll mode: retain both rows in flow; the video stays in its original node. */
@media (max-width:760px) {
  html body.toptv-v14-global-topbar-ready.toptv-v14-header-banner-ready:not(.toptv-immersive-open) .app > header {
    --toptv-scroll-ad-left:57px;--toptv-scroll-ad-right:10px;
    transition:transform 220ms ease, width 220ms ease, margin-left 220ms ease, padding 220ms ease!important;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar > :is(.toptv-v14-top-search,.toptv-v14-translate,.actions) {
    transition:opacity 160ms ease,transform 220ms ease,visibility 220ms!important;
  }
  html body.toptv-v14-global-topbar-ready.toptv-v14-phone-scroll-compact:not(.toptv-immersive-open) .toptv-v14-site-topbar > :is(.toptv-v14-top-search,.toptv-v14-translate,.actions) {
    transform:translateY(-56px);opacity:0;visibility:hidden;pointer-events:none;
  }
  html body.toptv-v14-global-topbar-ready.toptv-v14-header-banner-ready.toptv-v14-phone-scroll-compact:not(.toptv-immersive-open) .app > header {
    z-index:2147482003!important;transform:translateY(-56px)!important;
    width:calc(100% + 16px - var(--toptv-scroll-ad-left) - var(--toptv-scroll-ad-right))!important;
    margin-left:calc(var(--toptv-scroll-ad-left) - 8px)!important;margin-right:0!important;padding:0!important;
  }
  html body.toptv-v14-global-topbar-ready.toptv-v14-phone-scroll-compact:not(.toptv-immersive-open) > .app {
    --toptv-v14-sticky-shield-height:64px!important;
  }
  html body.toptv-v14-global-topbar-ready:not(.toptv-immersive-open) > .app::before {transition:height 220ms ease!important}
}
@media (max-width:360px) {
  html body.toptv-v14-global-topbar-ready.toptv-v14-header-banner-ready:not(.toptv-immersive-open) .app > header {
    --toptv-scroll-ad-left:48px;--toptv-scroll-ad-right:8px;
  }
}
@media (prefers-reduced-motion:reduce) and (max-width:760px) {
  html body.toptv-v14-global-topbar-ready.toptv-v14-header-banner-ready:not(.toptv-immersive-open) .app > header,
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar > :is(.toptv-v14-top-search,.toptv-v14-translate,.actions),
  html body.toptv-v14-global-topbar-ready:not(.toptv-immersive-open) > .app::before {transition:none!important}
}

/* Wide buttons: two distinct crops of the supplied original ingots.
   GOLD: portrait (42,42,620,170), bright upper-left reflection.
   More: landscape (42,684,1100,143), lower satin gold and rim light.
   Only background sampling changes; button geometry and effects stay intact. */
@media (min-width:761px) and (min-height:621px) {
  html body:not(.toptv-device-phone):not(.toptv-immersive-open) {
    --toptv-v14-more-background:url('/assets/share/toptv-gold-share-20260928.jpg');
  }
  html body.toptv-v14-global-topbar-ready:not(.toptv-device-phone):not(.toptv-immersive-open) .toptv-v14-site-topbar .actions .vip {
    background-image:url('/assets/fullscreen/toptv-gold-portrait-20260930.jpg')!important;
    background-size:139.354839% 903.529412%!important;
    background-position:17.213115% 3.074671%!important;
    background-repeat:no-repeat!important;
  }
  html body.toptv-v14-dynamic-ranking-right-layout:not(.toptv-device-phone):not(.toptv-immersive-open) #top #top100 {
    background-image:var(--toptv-v14-more-background)!important;
    background-size:139.636364% 604.195804%!important;
    background-position:9.633028% 94.868239%!important;
    background-repeat:no-repeat!important;
  }
}

/* Phone buttons use the approved two materials; square GOLD keeps natural grain. */
html body.toptv-device-phone:not(.toptv-immersive-open) {
  --toptv-v14-more-background:url('/assets/share/toptv-gold-share-20260928.jpg');
}
html body.toptv-device-phone.toptv-v14-global-topbar-ready:not(.toptv-immersive-open) .toptv-v14-site-topbar .actions .vip {
  background-image:url('/assets/fullscreen/toptv-gold-portrait-20260930.jpg')!important;
  background-size:auto 903.529412%!important;
  background-position:6.259315% 3.074671%!important;
  background-repeat:no-repeat!important;
}
html[data-toptv-phone-selection] body.toptv-device-phone:not(.toptv-immersive-open) .app .hero #top.ranking #top100.wide {
  background-image:var(--toptv-v14-more-background)!important;
  background-size:139.636364% 604.195804%!important;
  background-position:9.633028% 94.868239%!important;
  background-repeat:no-repeat!important;
}

/* Inner satin material only: landscape (140,660,900,120), portrait (120,960,620,300).
   Both source rectangles exclude the polished rim, corners, logos and engraving.
   The original ::before supplies its untouched geometry and halo. The masked
   ::after has no fill and cannot intercept gestures or cover the page content. */
@supports ((mask-composite:exclude) or (-webkit-mask-composite:xor)) {
  html body:not(.toptv-immersive-open) > .toptv-v9-main-site-gold-frame::after {
    content:"";
    position:absolute;
    inset:0;
    box-sizing:border-box;
    padding:1.35px;
    border:0;
    border-radius:clamp(30px,8.5vw,44px);
    background-image:url('/assets/share/toptv-gold-share-20260928.jpg');
    background-size:170.666667% 720%;
    background-position:22.012579% 88.709677%;
    background-repeat:no-repeat;
    -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    opacity:.6;
    pointer-events:none;
  }
  @media (orientation:portrait) {
    html body:not(.toptv-immersive-open) > .toptv-v9-main-site-gold-frame::after {
      background-image:url('/assets/fullscreen/toptv-gold-portrait-20260930.jpg');
      background-size:139.354839% 512%;
      background-position:49.180328% 77.669903%;
    }
  }
  @media (orientation:landscape) and (max-height:760px) {
    html body:not(.toptv-immersive-open) > .toptv-v9-main-site-gold-frame::after {
      padding:1.25px;
      border-radius:20px;
    }
  }
}

/* Phone only: quiet outer panels and video cards, with the active selection intact.
   Transparent strokes retain the exact box geometry and existing spacing. */
html body.toptv-device-phone:not(.toptv-immersive-open) #toptvWhyToptvV1,
html body.toptv-device-phone:not(.toptv-immersive-open) #toptvBottomPromoV1,
html body.toptv-device-phone:not(.toptv-immersive-open) #toptvNewArrivalsV1 .toptv-arrival,
html body.toptv-device-phone:not(.toptv-immersive-open) #top #rankingList .rankRow:not(.active) {
  border-color:transparent!important;
  box-shadow:none!important;
}
/* Touch hover must not leave a decorative frame; keyboard focus remains visible. */
html body.toptv-device-phone:not(.toptv-immersive-open) #toptvNewArrivalsV1 .toptv-arrival:hover:not(:focus-visible) {
  outline:none!important;
}

/* Phone arrivals: title below the thumbnail, compact content and immediate feedback. */
html body.toptv-device-phone:not(.toptv-immersive-open) #toptvNewArrivalsV1 .toptv-arrival {
  flex:0 0 min(330px,calc(100vw - 50px))!important;
  width:min(330px,calc(100vw - 50px))!important;min-width:0!important;
  grid-template-columns:minmax(0,156px) minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-content:start!important;align-items:start!important;
  height:auto!important;min-height:170px!important;
  padding:25px 8px 10px!important;gap:8px 10px!important;
}
html body.toptv-device-phone:not(.toptv-immersive-open) #toptvNewArrivalsV1 .toptv-arrival .new {
  position:absolute!important;top:6px!important;left:8px!important;
}
html body.toptv-device-phone:not(.toptv-immersive-open) #toptvNewArrivalsV1 .toptv-arrival-thumb {
  position:relative;grid-column:1;grid-row:1;display:block!important;
  width:100%;height:91px;border-radius:4px;
}
html body.toptv-device-phone:not(.toptv-immersive-open) #toptvNewArrivalsV1 .toptv-arrival-thumb img {
  width:100%!important;height:91px!important;outline:none!important;
}
html body.toptv-device-phone:not(.toptv-immersive-open) #toptvNewArrivalsV1 .toptv-arrival-context {
  grid-column:2;grid-row:1;justify-content:flex-start!important;gap:7px!important;padding:3px 0 0!important;
}
html body.toptv-device-phone:not(.toptv-immersive-open) #toptvNewArrivalsV1 .toptv-arrival-title {
  grid-column:1 / -1;grid-row:2;margin:0!important;font:700 12px/1.35 Arial!important;
  white-space:normal!important;overflow-wrap:anywhere;-webkit-line-clamp:2;
}
html body:not(.toptv-immersive-open) #toptvNewArrivalsV1 .is-arrival-selected .toptv-arrival-thumb {
  outline:2px solid #d6b45c;outline-offset:2px;
}
html body:not(.toptv-immersive-open) #toptvNewArrivalsV1 .is-arrival-loading .toptv-arrival-thumb::after {
  content:'';position:absolute;left:50%;top:50%;width:24px;height:24px;
  margin:-15px 0 0 -15px;border:3px solid #d6b45c55;border-top-color:#ffe69a;
  border-right-color:#d6b45c;border-radius:50%;background:#080b1280;
  box-shadow:0 0 0 5px #080b1280;animation:toptv-arrival-loading .8s linear infinite;
}
@keyframes toptv-arrival-loading { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce){
  html body #toptvNewArrivalsV1 .is-arrival-loading .toptv-arrival-thumb::after {animation:none!important;}
}

/* Wide arrivals retain their responsive card widths and thumbnail ratio. */
html body:not(.toptv-device-phone):not(.toptv-immersive-open) #toptvNewArrivalsV1 .toptv-arrival {
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:22px auto auto auto!important;
  align-content:start!important;align-items:start!important;
  height:auto!important;min-height:0!important;gap:0!important;
}
html body:not(.toptv-device-phone):not(.toptv-immersive-open) #toptvNewArrivalsV1 .toptv-arrival .new {
  position:static!important;grid-column:1;grid-row:1;justify-self:start;align-self:start;
}
html body:not(.toptv-device-phone):not(.toptv-immersive-open) #toptvNewArrivalsV1 .toptv-arrival-thumb {
  position:relative;grid-column:1;grid-row:2;display:block!important;
  width:100%;aspect-ratio:16/9;border-radius:8px;
}
html body:not(.toptv-device-phone):not(.toptv-immersive-open) #toptvNewArrivalsV1 .toptv-arrival-thumb img {
  display:block;width:100%!important;height:auto!important;aspect-ratio:16/9;
  outline:none!important;
}
html body:not(.toptv-device-phone):not(.toptv-immersive-open) #toptvNewArrivalsV1 .toptv-arrival-title {
  grid-column:1;grid-row:3;margin:8px 0 0!important;
  font:700 12px/1.35 Arial!important;white-space:normal!important;
  overflow-wrap:anywhere;-webkit-line-clamp:2;
}
html body:not(.toptv-device-phone):not(.toptv-immersive-open) #toptvNewArrivalsV1 .toptv-arrival-context {
  grid-column:1;grid-row:4;padding:6px 0 0!important;gap:3px!important;
  justify-content:flex-start!important;
}
html body:not(.toptv-device-phone):not(.toptv-immersive-open) #toptvNewArrivalsV1 .toptv-arrival-context small {margin:0!important;}
/* Only the chosen thumbnail carries the gold frame; preserve keyboard focus. */
html body:not(.toptv-device-phone):not(.toptv-immersive-open) #toptvNewArrivalsV1 .toptv-arrival:hover:not(:focus-visible) {outline:none!important;}

/* Shared approved color TV / white-gold wordmark, horizontal on wide screens. */
@media (min-width:761px) and (min-height:621px) {
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .brand .toptv-v14-fixed-brand-lockup {display:none!important}
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .brand .toptv-v14-compact-gold-mark {
    display:flex!important;align-items:center;gap:6px;width:116px;height:34px;flex:none;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar .toptv-v14-compact-gold-mark > img {
    display:block!important;position:static!important;height:auto!important;max-width:none!important;max-height:none!important;
    transform:none!important;opacity:1!important;filter:none!important;margin:0!important;clip-path:none;object-fit:contain;flex:none;
  }
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar img.toptv-v14-compact-gold-logo {width:30px!important}
  html body.toptv-v14-global-topbar-ready .toptv-v14-site-topbar img.toptv-v14-compact-gold-caption {width:80px!important}
}