/* صدى البلد TV — main stylesheet. */

:root {
	--surface: #ffffff;
	--soft: #F6F6F6;
	--ink: #111111;
	--body: #333333;
	--muted: #777777;
	--line: #E5E5E5;
	--ph: linear-gradient(135deg, #E8E9EC, #F6F6F6);
	--dark: #111111;
	--dark2: #181818;
	--dline: #2a2a2a;
	--brand: #C8102E;
	--brand-dark: #9c0c24;
	--header: #6b3fa0;
	--graph: #1BA5C8;
	--wrap: 1280px;
	--gutter: 28px;
}

[data-theme="dark"] {
	--surface: #141416;
	--soft: #0E0E10;
	--ink: #F2F2F3;
	--body: #C9C9CD;
	--muted: #8A8A90;
	--line: #2A2A2E;
	--ph: linear-gradient(135deg, #232327, #191A1D);
	--dark: #09090A;
	--dark2: #121214;
	--dline: #26262A;
	color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }
* { text-wrap: pretty; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	background: var(--surface);
	color: var(--body);
	font-family: 'Almarai', system-ui, sans-serif;
	font-size: 16px;
	line-height: 1.6;
}
a { color: var(--brand); text-decoration: none; }
a:hover { color: var(--brand-dark); }
img { max-width: 100%; height: auto; display: block; }
button { font-family: inherit; cursor: pointer; }
h1, h2, h3 { color: var(--ink); margin: 0; }
time { font-size: 12.5px; color: var(--muted); }

.screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px); white-space: nowrap;
}
.screen-reader-text:focus {
	clip: auto; width: auto; height: auto; z-index: 999; top: 8px; inset-inline-start: 8px;
	background: var(--surface); padding: 8px 14px; color: var(--ink);
}
:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }

@keyframes btv-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }

.btv-wrap { max-width: var(--wrap); margin: 0 auto; padding: 0 var(--gutter); width: 100%; }
@media (min-width: 769px) {
	.btv-only-mobile { display: none !important; }
}
.btv-sep { color: var(--line); }
.btv-dot {
	width: 8px; height: 8px; border-radius: 50%; background: #fff; flex: 0 0 auto;
	animation: btv-pulse 1.6s ease-in-out infinite;
}
.btv-dot--brand { width: 9px; height: 9px; background: var(--brand); }

[data-theme="dark"] .when-light, :root:not([data-theme="dark"]) .when-dark { display: none; }

/* ---------- Top bar ---------- */
.btv-topbar { height: 36px; border-bottom: 1px solid var(--line); font-size: 12.5px; color: var(--muted); display: flex; align-items: center; }
.btv-topbar__in { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.btv-topbar__market { display: flex; gap: 16px; align-items: center; }
.btv-topbar__market b { color: var(--body); font-weight: 600; }
.btv-topbar__market a { color: var(--muted); display: inline-flex; align-items: center; gap: 6px; }
.btv-topbar__market a > svg, .btv-topbar__market a > .btv-cur { width: 18px; height: 18px; flex: 0 0 auto; }
.btv-topbar__market .btv-cur--xs { font-size: 10px; }

/* Breaking banner (only rendered while an item is live) */
.btv-breaking { background: var(--brand); color: #fff; box-shadow: inset 0 -3px 0 rgba(0,0,0,.18); }
.btv-breaking__in { display: flex; align-items: center; gap: 14px; min-height: 52px; padding-top: 8px; padding-bottom: 8px; }
.btv-breaking__label { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; background: #fff; color: var(--brand); font-size: 14px; font-weight: 800; padding: 5px 12px; }
.btv-breaking__label .btv-dot { background: var(--brand); }
.btv-breaking__slides { flex: 1; min-width: 0; }
.btv-breaking__item { display: flex; align-items: baseline; gap: 12px; animation: btv-breaking-in .35s ease; }
.btv-breaking__item[hidden] { display: none; }
.btv-breaking__title { color: #fff; font-size: 17px; font-weight: 700; line-height: 1.5; }
a.btv-breaking__title:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
a.btv-breaking__title::after { content: " ←"; font-weight: 400; opacity: .8; }
.btv-breaking__time { flex: 0 0 auto; font-size: 12.5px; color: rgba(255,255,255,.8); }
.btv-breaking__nav { flex: 0 0 auto; display: flex; align-items: center; gap: 4px; font-size: 12.5px; font-variant-numeric: tabular-nums; }
.btv-breaking__nav[hidden] { display: none; }
.btv-breaking__nav button, .btv-breaking__close { width: 30px; height: 30px; display: grid; place-items: center; background: rgba(0,0,0,.18); border: 0; color: #fff; font-size: 16px; line-height: 1; }
.btv-breaking__nav button:hover, .btv-breaking__close:hover { background: rgba(0,0,0,.35); }
.btv-breaking__close { flex: 0 0 auto; font-size: 13px; }
@keyframes btv-breaking-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }

/* Mobile: weather / gold / USD strip above the header */
.btv-mstrip { display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); background: var(--dark); border-bottom: 1px solid var(--dline); }
.btv-mstrip__item { display: flex; align-items: center; justify-content: center; gap: 7px; min-width: 0; padding: 7px 6px; color: #fff; }
.btv-mstrip__item + .btv-mstrip__item { border-inline-start: 1px solid var(--dline); }
.btv-mstrip__item:hover, .btv-mstrip__item:focus-visible { background: rgba(255,255,255,.06); color: #fff; }
.btv-mstrip__item > svg, .btv-mstrip__item > .btv-cur { flex: 0 0 auto; width: 22px; height: 22px; }
.btv-mstrip__text { display: flex; flex-direction: column; line-height: 1.2; min-width: 0; }
.btv-mstrip__text small { font-size: 10.5px; color: #9a9a9a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.btv-mstrip__text b { font-size: 13.5px; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.btv-mstrip__item--gold b { color: #F5C542; }
.btv-mstrip__item--usd b { color: #6EE7A0; }
.btv-cur--xs { width: 18px; height: 18px; font-size: 11px; box-shadow: inset 0 -1px 0 rgba(0,0,0,.18); }
.btv-topbar__market a:hover, .btv-topbar__market a:hover b { color: var(--brand); }
.btv-topbar__end { display: flex; align-items: center; gap: 6px; }
.btv-theme-toggle {
	margin-inline-start: 6px; background: transparent; border: 1px solid var(--line); border-radius: 4px;
	padding: 4px 10px; font-size: 11.5px; color: var(--body);
}

.btv-socials { display: flex; gap: 8px; flex-wrap: wrap; }
.btv-soc {
	width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 50%;
	display: grid; place-items: center; color: var(--muted);
}
.btv-soc svg { width: 15px; height: 15px; fill: currentColor; }
.btv-soc:hover { color: var(--brand); border-color: var(--brand); }
.btv-socials--sm { gap: 6px; }
.btv-socials--sm .btv-soc { width: 24px; height: 24px; }
.btv-socials--sm .btv-soc svg { width: 11px; height: 11px; }
.btv-socials--dark .btv-soc { border-color: #333; color: #ddd; }

/* ---------- Brand bar ---------- */
.btv-brandbar { background: var(--header); }
.btv-brandbar__in { padding-top: 16px; padding-bottom: 16px; display: flex; align-items: center; gap: 22px; }
.btv-logo { flex: 0 0 auto; display: flex; align-items: center; }
.btv-logo img { height: 52px; width: auto; }
.btv-credits { display: flex; gap: 18px; padding-inline-start: 20px; border-inline-start: 1px solid rgba(255,255,255,.25); line-height: 1.5; white-space: nowrap; }
.btv-credits small { display: block; font-size: 11.5px; color: rgba(255,255,255,.75); }
.btv-credits strong { display: block; font-size: 14px; font-weight: 600; color: #fff; }
.btv-search {
	flex: 1; max-width: 360px; height: 44px; display: flex; align-items: center; gap: 10px;
	background: #fff; border-radius: 6px; padding: 0 14px; color: #666; font-size: 15px;
}
.btv-search input {
	flex: 1; min-width: 0; border: 0; background: transparent; outline: none;
	font: inherit; font-size: 14.5px; color: #222;
}
.btv-brandbar__actions { display: flex; align-items: center; gap: 12px; margin-inline-start: auto; }
.btv-live-btn {
	display: flex; align-items: center; gap: 8px; background: var(--brand); color: #fff;
	border-radius: 6px; padding: 0 18px; height: 44px; font-size: 15px; font-weight: 600;
}
.btv-live-btn:hover { color: #fff; background: var(--brand-dark); }
.btv-menu-btn {
	background: transparent; border: 1px solid rgba(255,255,255,.4); border-radius: 6px;
	height: 44px; padding: 0 16px; font-size: 14.5px; color: #fff;
}
.btv-icon-btn { background: transparent; border: 0; padding: 4px; font-size: 18px; color: #fff; line-height: 1; }

/* Desktop header: bigger logo, 728×90 ad in the middle, search behind an icon. */
@media (min-width: 769px) {
	.btv-brandbar__in { position: relative; padding-top: 12px; padding-bottom: 12px; }
	.btv-logo img { height: 76px; }
	.btv-brandbar__ad { flex: 0 0 728px; min-width: 0; margin-inline: auto; }
	.btv-brandbar__ad:empty { display: none; }
	.btv-brandbar__actions { margin-inline-start: 0; flex: none; }
	.btv-brandbar__ad:empty + .btv-brandbar__actions { margin-inline-start: auto; }
	.btv-search-btn {
		display: grid; place-items: center; width: 44px; height: 44px; padding: 0; cursor: pointer;
		background: transparent; border: 1px solid rgba(255,255,255,.4); border-radius: 6px; color: #fff;
	}
	.btv-search-btn svg { width: 20px; height: 20px; fill: currentColor; }
	.btv-search-btn:hover, .btv-search-btn[aria-expanded="true"] { background: rgba(255,255,255,.12); border-color: #fff; }
	.btv-brandbar .btv-search { display: none; }
	.btv-brandbar.is-searching .btv-search {
		display: flex; position: absolute; z-index: 45; top: calc(100% - 4px); inset-inline-end: var(--gutter);
		width: min(560px, calc(100% - 2 * var(--gutter))); max-width: none; height: 54px; padding-inline-end: 6px;
		border: 1px solid var(--line); box-shadow: 0 12px 32px rgba(0,0,0,.18);
	}
	.btv-search__go {
		height: 42px; padding: 0 20px; border: 0; border-radius: 4px; background: var(--brand); color: #fff;
		font: inherit; font-size: 14.5px; font-weight: 600; cursor: pointer;
	}
	.btv-search__go:hover { background: var(--brand-dark); }
	.btv-brandbar .btv-ad--header { margin: 0; width: 728px; max-width: 100%; height: 90px; min-height: 90px; background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.22); }
	.btv-brandbar .btv-ad--header .btv-ad__label, .btv-brandbar .btv-ad--header .btv-ad__size { color: rgba(255,255,255,.65); }

	/* Logo on top, the two credits side by side under it; the logo uses the column's width. */
	.btv-brandbar__in { gap: 13px; }
	.btv-brand { display: flex; flex-direction: column; align-items: center; gap: 6px; flex: 0 1 auto; min-width: 0; }
	.btv-brand .btv-logo img { height: 96px; }
	.btv-credits { flex-direction: row; gap: 8px; padding: 0; border: 0; white-space: nowrap; }
	.btv-credits > div { display: flex; align-items: baseline; gap: 4px; }
	.btv-credits > div + div { padding-inline-start: 8px; border-inline-start: 1px solid rgba(255,255,255,.3); }
	.btv-credits small { display: inline; font-size: 11px; }
	.btv-credits strong { display: inline; font-size: 12px; }
	.btv-live-btn { padding: 0 14px; }
	.btv-brandbar__actions { gap: 10px; }
}
@media (min-width: 769px) and (max-width: 1279px) {
	.btv-brandbar__ad { display: none; }
	.btv-brandbar__actions { margin-inline-start: auto; }
}

/* ---------- Main nav ---------- */
.btv-nav { border-bottom: 1px solid var(--line); background: var(--surface); position: relative; z-index: 30; }
.btv-nav__list { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 2px; height: 50px; }
.btv-nav__list > li { position: relative; height: 100%; }
.btv-nav__list > li > a {
	display: flex; align-items: center; height: 50px; padding: 0 13px; font-size: 15px; font-weight: 500;
	color: var(--body); border-bottom: 3px solid transparent; white-space: nowrap;
}
.btv-nav__list > li.current-menu-item > a,
.btv-nav__list > li.current-menu-ancestor > a,
.btv-nav__list > li.current-post-ancestor > a,
.btv-nav__list > li.current-menu-parent > a { color: var(--ink); font-weight: 600; border-bottom-color: var(--brand); }
.btv-nav__list > li > a:hover { color: var(--ink); }
.btv-nav__list > li.menu-item-has-children > a::after { content: "▾"; font-size: 11px; margin-inline-start: 5px; }
.btv-nav__list .sub-menu {
	list-style: none; margin: 0; padding: 6px 0; position: absolute; top: 100%; inset-inline-start: 0;
	min-width: 190px; background: var(--surface); border: 1px solid var(--line);
	box-shadow: 0 8px 24px rgba(0,0,0,.08); display: none;
}
.btv-nav__list li:hover > .sub-menu, .btv-nav__list li:focus-within > .sub-menu { display: block; }
.btv-nav__list .sub-menu a { display: block; padding: 8px 16px; color: var(--body); font-size: 14.5px; }
.btv-nav__list .sub-menu a:hover { background: var(--soft); color: var(--ink); }


/* ---------- Drawer ---------- */
.btv-drawer { position: fixed; inset: 0; z-index: 200; background: rgba(0,0,0,.5); }
.btv-drawer[hidden] { display: none; }
.btv-drawer__panel {
	position: absolute; inset-block: 0; inset-inline-start: 0; width: min(360px, 88vw);
	background: var(--surface); overflow-y: auto; padding: 18px; display: flex; flex-direction: column; gap: 16px;
}
.btv-drawer__head { display: flex; align-items: center; justify-content: space-between; background: var(--header); margin: -18px -18px 0; padding: 12px 18px; }
.btv-drawer__head img { height: 40px; width: auto; }
.btv-search--drawer { max-width: none; flex: 0 0 auto; border: 1px solid var(--line); }
.btv-drawer__menu { list-style: none; margin: 0; padding: 0; }
.btv-drawer__menu a { display: block; padding: 11px 4px; border-bottom: 1px solid var(--line); color: var(--ink); font-size: 16px; font-weight: 500; }
.btv-drawer__menu .sub-menu { list-style: none; padding: 0 16px 0 0; margin: 0; }
.btv-drawer__menu .sub-menu a { font-size: 15px; color: var(--body); font-weight: 400; }

/* ---------- Shared building blocks ---------- */
.btv-main { background: var(--surface); }
.btv-home { padding-top: 28px; padding-bottom: 8px; }
.btv-block { margin-top: 36px; }

.btv-head {
	display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
	border-bottom: 2px solid var(--ink); padding-bottom: 8px; margin-bottom: 20px;
}
.btv-head h2 { font-size: 24px; font-weight: 600; }
.btv-head a { font-size: 13.5px; white-space: nowrap; }
.btv-sq { display: inline-block; width: 14px; height: 14px; background: var(--brand); margin-inline-end: 8px; }
.btv-head--sm { margin-bottom: 16px; }
.btv-head--sm h2 { font-size: 21px; }
.btv-head--sm .btv-sq { width: 12px; height: 12px; }
.btv-head--sm a { font-size: 13px; }
.btv-head--flat { margin-bottom: 6px; }
.btv-head--flat h2 { font-size: 22px; }
.btv-head--graph .btv-sq { background: var(--graph); }
.btv-head--plain { border: 0; padding: 0; margin-bottom: 18px; }

.btv-media { position: relative; aspect-ratio: 16 / 9; background: var(--ph); border: 1px solid var(--line); overflow: hidden; }
.btv-media img, .btv-overlay > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.btv-media--4x3 { aspect-ratio: 4 / 3; }
.btv-media--square { aspect-ratio: 1 / 1; border: 0; }
.btv-media--circle { width: 72px; height: 72px; aspect-ratio: auto; border-radius: 50%; border: 0; }
.btv-ph { position: absolute; inset: 0; background: var(--ph); }
.btv-media--program .btv-ph, .btv-media--graph .btv-ph { display: none; }

.btv-kicker { display: inline-block; color: var(--brand); font-size: 12px; font-weight: 600; }
.btv-badge { position: absolute; top: 0; inset-inline-start: 0; background: var(--brand); color: #fff; font-size: 12.5px; font-weight: 600; padding: 5px 12px; z-index: 2; }

.btv-play {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;
	width: 50px; height: 50px; border-radius: 50%; background: rgba(17,17,17,.78);
	display: grid; place-items: center; color: #fff; font-size: 17px;
}
.btv-play--sm { width: 42px; height: 42px; font-size: 15px; background: rgba(17,17,17,.55); }
.btv-play--glass { width: 54px; height: 54px; font-size: 18px; background: rgba(255,255,255,.22); }
.btv-dur { position: absolute; bottom: 8px; inset-inline-end: 8px; z-index: 1; background: rgba(17,17,17,.85); color: #fff; font-size: 11.5px; padding: 2px 6px; border-radius: 2px; line-height: 1.5; }

.btv-row { display: grid; gap: 14px; align-items: start; color: inherit; }
.btv-row h3 { color: var(--ink); }
.btv-row:hover h3, .btv-card:hover h3, .btv-video:hover h3, .btv-program:hover h3, .btv-graph:hover h3 { color: var(--brand); }

.btv-card { display: block; color: inherit; }
.btv-card h3 { font-size: 18.5px; line-height: 1.45; margin: 11px 0 6px; font-weight: 600; }
.btv-card--lead h3 { font-size: 24px; line-height: 1.4; margin-top: 12px; }
.btv-card--boxed { background: var(--surface); }
.btv-card--boxed .btv-media { border: 0; border-bottom: 1px solid var(--line); }
.btv-card__body { padding: 12px; }
.btv-card--boxed h3 { font-size: 17px; margin: 0 0 6px; }

.btv-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.btv-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.btv-grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.btv-grid-5 { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }

/* ---------- Hero ---------- */
.btv-hero { display: grid; grid-template-columns: minmax(0, 1.62fr) minmax(0, 1fr); gap: 24px; }
.btv-hero__media { position: relative; aspect-ratio: 16 / 9; background: var(--ph); border: 1px solid var(--line); overflow: hidden; }
.btv-hero__slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .45s ease, visibility .45s; }
.btv-hero__slide.is-on { opacity: 1; visibility: visible; }
.btv-hero__slide img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.btv-hero__arrow {
	position: absolute; top: 50%; transform: translateY(-50%); z-index: 3;
	width: 42px; height: 42px; border: 0; border-radius: 50%; background: rgba(17,17,17,.6); color: #fff; font-size: 20px;
}
.btv-hero__arrow:hover { background: var(--brand); }
.btv-hero__arrow--prev { inset-inline-end: 12px; }
.btv-hero__arrow--next { inset-inline-start: 12px; }
.btv-hero__dots { position: absolute; bottom: 12px; inset-inline-end: 14px; display: flex; gap: 7px; z-index: 3; }
.btv-hero__dots button { width: 14px; height: 6px; border: 0; padding: 0; background: rgba(255,255,255,.65); transition: width .25s, background .25s; }
.btv-hero__dots button.is-on { width: 26px; background: var(--brand); }
.btv-hero__text { display: none; color: inherit; padding-top: 14px; }
.btv-hero__text.is-on { display: block; }
.btv-hero__text h1, .btv-hero__text .btv-h1 { font-size: 42px; line-height: 1.25; margin: 0 0 10px; font-weight: 700; }
.btv-hero__text p { font-size: 17px; line-height: 1.75; margin: 0 0 8px; color: var(--body); }
.btv-hero__text time { font-size: 13px; }
.btv-hero__text:hover h1, .btv-hero__text:hover .btv-h1 { color: var(--brand); }
.btv-hero__side { display: flex; flex-direction: column; gap: 16px; }
.btv-row--side { grid-template-columns: 132px minmax(0, 1fr); gap: 12px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.btv-row--side h3 { font-size: 18px; line-height: 1.45; margin: 5px 0 6px; font-weight: 600; }
.btv-row--side time { font-size: 12px; }
/* Before JS runs, show the three slides after the first. */
.btv-hero__side [data-side="0"], .btv-hero__side [data-side="4"] { display: none; }
.btv-hero.is-ready .btv-hero__side [data-side] { display: none; }
.btv-hero.is-ready .btv-hero__side [data-side].is-shown { display: grid; }

/* ---------- Live ---------- */
.btv-live { margin-top: 32px; background: var(--dark); padding: 24px; }
.btv-live__head { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.btv-live__head h2 { color: #fff; font-size: 26px; font-weight: 600; }
.btv-live__head > span:last-child { color: #888; font-size: 13px; margin-inline-start: 6px; }
.btv-live__grid { display: grid; grid-template-columns: minmax(0, 2.1fr) minmax(0, 1fr); gap: 20px; }
.btv-player { position: relative; aspect-ratio: 16 / 9; background: #1b1b1b; border: 1px solid var(--dline); display: grid; place-items: center; overflow: hidden; }
.btv-player > img, .btv-player iframe { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; }
.btv-player__play {
	position: relative; width: 74px; height: 74px; border-radius: 50%; border: 0; background: var(--brand);
	color: #fff; font-size: 26px; display: grid; place-items: center; padding-inline-start: 5px;
	box-shadow: 0 0 0 10px rgba(200,16,46,.2); transition: transform .2s;
}
.btv-player__play:hover { transform: scale(1.06); }
.btv-player__live { position: absolute; top: 14px; inset-inline-start: 14px; background: var(--brand); color: #fff; font-size: 12px; font-weight: 700; padding: 4px 9px; border-radius: 3px; }
.btv-player.is-playing .btv-player__play, .btv-player.is-playing > img, .btv-player.is-playing .btv-player__live, .btv-player.is-playing .btv-player__stage { display: none; }
/* Program on air: hosts standing on the bottom edge + name (template-parts/live-player.php). */
.btv-player__stage { position: absolute; inset: 0; background: radial-gradient(120% 90% at 50% 100%, var(--brand-dark) 0%, #2a0a10 45%, #111 100%); }
.btv-player__stage::after { content: ""; position: absolute; inset: 55% 0 0; background: linear-gradient(transparent, rgba(0,0,0,.82)); pointer-events: none; }
.btv-player__hosts { position: absolute; inset: 8% 4% 0; display: flex; justify-content: center; align-items: flex-end; }
.btv-player__hosts figure { margin: 0; height: 100%; flex: 0 1 auto; display: flex; align-items: flex-end; min-width: 0; }
.btv-player__hosts img { display: block; height: 100%; width: auto; max-width: 100%; object-fit: contain; object-position: bottom center; filter: drop-shadow(0 6px 18px rgba(0,0,0,.45)); }
.btv-player__stage.is-duo .btv-player__hosts { gap: 2%; }
.btv-player__stage.is-duo figure { max-width: 42%; }
/* 3+ hosts: smaller, slightly overlapping; the middle ones in front. */
.btv-player__stage.is-group .btv-player__hosts { inset-block-start: 14%; }
.btv-player__stage.is-group figure { max-width: calc(100% / var(--n) + 4%); margin-inline: -1.5%; }
.btv-player__stage.is-group figure:nth-child(odd) { height: 92%; }
.btv-player__caption { position: absolute; z-index: 1; inset-inline-start: 18px; inset-block-end: 16px; inset-inline-end: 18px; display: flex; flex-direction: column; gap: 3px; color: #fff; text-shadow: 0 1px 6px rgba(0,0,0,.6); }
.btv-player__caption span { align-self: flex-start; background: var(--brand); font-size: 12px; font-weight: 700; padding: 2px 8px; border-radius: 3px; text-shadow: none; }
.btv-player__caption strong { font-size: clamp(18px, 2.6vw, 30px); font-weight: 800; line-height: 1.25; }
.btv-player__caption em { font-style: normal; font-size: clamp(13px, 1.4vw, 16px); color: #e8e8e8; }
.btv-player__stage ~ .btv-player__play { z-index: 2; }
.btv-player__stage ~ .btv-player__live { z-index: 2; }
@media (max-width: 768px) {
	.btv-player__caption { inset-inline-start: 12px; inset-block-end: 10px; }
	.btv-player__caption span { font-size: 11px; }
}
.btv-player video { position: absolute; inset: 0; width: 100%; height: 100%; background: #000; object-fit: contain; }
.btv-player__msg { position: absolute; inset: auto 0 0 0; z-index: 2; margin: 0; padding: 10px 14px; background: rgba(0,0,0,.65); color: #fff; font-size: 14px; text-align: center; pointer-events: none; }
.btv-player__bar { display: flex; align-items: center; gap: 14px; background: var(--dark2); border: 1px solid var(--dline); border-top: 0; padding: 10px 14px; color: #bbb; font-size: 13px; }
.btv-player__progress { flex: 1; height: 4px; background: #333; }
.btv-player__progress div { height: 4px; background: var(--brand); }
.btv-live__info { border: 1px solid var(--dline); padding: 16px; display: flex; flex-direction: column; }
.btv-live__now { padding-bottom: 14px; border-bottom: 1px solid var(--dline); }
.btv-live__label { color: var(--brand); font-size: 12px; font-weight: 600; margin-bottom: 4px; }
.btv-live__label--muted { color: #888; font-weight: 400; }
.btv-live__title { display: block; color: #fff; font-size: 19px; font-weight: 600; }
.btv-live__title:hover { color: #fff; text-decoration: underline; }
.btv-live__meta { color: #888; font-size: 13px; margin-top: 3px; }
.btv-live__next { padding: 14px 0; border-bottom: 1px solid var(--dline); color: #eee; font-size: 16px; }
.btv-live__sched-title { margin: 14px 0 8px; }
.btv-live__sched { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.btv-live__sched li { display: flex; gap: 10px; font-size: 13.5px; color: #ccc; }
.btv-live__sched li span { color: #777; min-width: 44px; }
.btv-live__sched li a { color: #ccc; }
.btv-live__sched li a:hover { color: #fff; }
.btv-live__sched li.is-now a { color: #fff; font-weight: 600; }
.btv-live__sched li.is-now span { color: var(--brand); }
.btv-live__schedule-btn { margin-top: 14px; height: 44px; border: 1px solid #444; color: #fff; font-size: 14px; display: grid; place-items: center; }

/* ---------- Latest + most read ---------- */
.btv-split { margin-top: 32px; display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 28px; }
.btv-split .btv-head { margin-bottom: 4px; }
.btv-row--latest { grid-template-columns: 104px minmax(0, 1fr); padding: 13px 0; border-bottom: 1px solid var(--line); }
.btv-row--latest time { display: block; margin-bottom: 4px; }
.btv-row--latest h3 { font-size: 17.5px; line-height: 1.55; font-weight: 500; }
.btv-mostread a { display: grid; grid-template-columns: 112px minmax(0, 1fr); align-items: start; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); color: var(--ink); font-size: 15px; line-height: 1.55; }
.btv-mostread a:hover { color: var(--brand); }
.btv-mostread__media { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 4px; background: var(--soft); }
.btv-mostread__media img, .btv-mostread__media .btv-ph { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.btv-mostread__n { position: absolute; top: 0; inset-inline-start: 0; min-width: 28px; padding: 2px 6px; background: var(--brand); color: #fff; font-size: 13px; font-weight: 700; line-height: 1.5; text-align: center; border-end-end-radius: 4px; }
.btv-mostread__title { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* ---------- Ads ---------- */
.btv-ad { position: relative; display: grid; place-items: center; border: 1px solid var(--line); background: var(--soft); margin-top: 20px; overflow: hidden; }
.btv-ad__label { position: absolute; top: 6px; inset-inline-start: 8px; font-size: 10.5px; color: var(--muted); letter-spacing: .06em; }
.btv-ad__size { color: var(--muted); font-size: 13px; }
.btv-ad--box { min-height: 270px; }
.btv-ad--wide { min-height: 250px; margin-top: 32px; }
.btv-ad--mobile { min-height: 100px; margin-top: 16px; }

/* ---------- Egypt ---------- */
.btv-grid-egypt { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); gap: 22px; }

/* ---------- Sports ---------- */
.btv-sports { background: var(--soft); padding: 24px; border-top: 3px solid var(--brand); }
.btv-sports__grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; }
.btv-sports__grid.no-match { grid-template-columns: minmax(0, 1fr); }
.btv-sports__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.btv-match { background: var(--surface); border: 1px solid var(--line); padding: 18px; align-self: start; }
.btv-match__league { font-size: 12.5px; color: var(--muted); margin-bottom: 14px; }
.btv-match__row { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; text-align: center; font-size: 16px; font-weight: 600; color: var(--ink); }
.btv-match__score { font-size: 26px; font-weight: 700; }
.btv-match__status { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--line); font-size: 12.5px; color: var(--brand); font-weight: 600; }

/* Match table (Dashboard → صدى البلد → المباريات) */
.btv-matches { background: var(--surface); border: 1px solid var(--line); align-self: start; }
.btv-matches__head { padding: 12px 16px; font-size: 16px; font-weight: 700; color: var(--ink); border-bottom: 2px solid var(--brand); }
.btv-matches__item { padding: 14px 16px; border-bottom: 1px solid var(--line); }
.btv-matches__item:last-child { border-bottom: 0; }
.btv-matches__item.is-live { background: color-mix(in srgb, var(--brand) 5%, transparent); }
.btv-matches__league { margin-bottom: 10px; text-align: center; font-size: 12px; color: var(--muted); }
.btv-matches__row { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 8px; }
.btv-matches__team { display: flex; flex-direction: column; align-items: center; gap: 6px; min-width: 0; text-align: center; font-size: 14.5px; font-weight: 700; line-height: 1.35; color: var(--ink); }
.btv-matches__logo { width: 38px; height: 38px; object-fit: contain; }
.btv-matches__logo--ph { display: block; border-radius: 50%; background: var(--soft); border: 1px solid var(--line); }
.btv-matches__score { font-size: 24px; font-weight: 800; color: var(--ink); white-space: nowrap; }
.btv-matches__score span { color: var(--muted); font-weight: 400; }
.is-live .btv-matches__score { color: var(--brand); }
.btv-matches__time { padding: 4px 10px; border-radius: 4px; background: var(--soft); color: var(--brand); font-size: 14px; font-weight: 700; white-space: nowrap; }
.btv-matches__status { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 10px; font-size: 12.5px; font-weight: 600; color: var(--muted); }
.is-live .btv-matches__status { color: var(--brand); }
.is-postponed .btv-matches__status { color: #b45309; }

/* ---------- Videos / programs / videograph ---------- */
.btv-video { display: block; color: inherit; }
.btv-video__body { padding-top: 11px; }
.btv-video h3 { font-size: 17px; line-height: 1.5; margin: 5px 0 6px; font-weight: 600; }
.btv-video time { font-size: 12px; }
.btv-program { display: block; color: inherit; }
.btv-media--program { border: 0; background: linear-gradient(140deg, #2b2140, #123c4c); }
.btv-program h3 { font-size: 16.5px; margin: 10px 0 4px; font-weight: 600; }
.btv-program > span { font-size: 12.5px; color: var(--muted); }
.btv-graph { display: block; color: inherit; }
.btv-media--graph { aspect-ratio: 4 / 3; border: 0; background: linear-gradient(140deg, #3a2a5c, #0f5f78); }
.btv-graph__tag { position: absolute; top: 10px; inset-inline-start: 10px; z-index: 1; background: var(--graph); color: #fff; font-size: 11.5px; font-weight: 600; padding: 3px 8px; }
.btv-graph h3 { font-size: 18px; line-height: 1.45; margin-top: 11px; font-weight: 600; }

/* ---------- Home showcase «برامج صدى البلد» ---------- */
.btv-shows { margin-top: 40px; background: #2b1747; color: #fff; overflow: hidden; }
.btv-shows__panel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); min-height: 440px; }
.btv-shows__panel[hidden] { display: none; }
.btv-shows__info { position: relative; z-index: 2; padding: 34px 36px 28px; display: flex; flex-direction: column; gap: 18px; }
.btv-shows__top { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; font-size: 13px; color: rgba(255,255,255,.8); }
.btv-shows__badge { background: #6b3fa0; color: #fff; font-weight: 600; padding: 4px 10px; }
.btv-shows__onair { display: inline-flex; align-items: center; gap: 6px; background: var(--brand); color: #fff; font-weight: 700; padding: 4px 10px; }
.btv-shows__name { font-size: 58px; line-height: 1.15; font-weight: 700; color: #fff; }
.btv-shows__name a { color: inherit; }
.btv-shows__name a:hover { color: #fff; text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 2px; }
.btv-shows__with { font-size: 20px; margin-top: 6px; color: rgba(255,255,255,.88); }
.btv-shows__with strong { color: #fff; font-weight: 600; }
.btv-shows__when { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 22px; }
.btv-shows__time { display: flex; align-items: baseline; gap: 8px; line-height: 1; }
.btv-shows__time bdi { font-size: 64px; font-weight: 700; letter-spacing: -.02em; }
.btv-shows__time small { font-size: 18px; color: rgba(255,255,255,.85); }
.btv-shows__days { display: flex; flex-direction: column; gap: 8px; }
.btv-shows__dayslabel { font-size: 14px; color: rgba(255,255,255,.85); }
.btv-shows__pills { display: flex; gap: 5px; }
.btv-shows__pills span { font-size: 12px; font-weight: 600; padding: 5px 7px; border: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.45); }
.btv-shows__pills span.is-on { background: #fff; border-color: #fff; color: #3a1f5c; }
.btv-shows__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
.btv-shows__live { background: var(--brand); color: #fff; padding: 11px 20px; font-size: 15px; font-weight: 600; }
.btv-shows__live:hover { background: var(--brand-dark); color: #fff; }
.btv-shows__episodes { border: 1px solid rgba(255,255,255,.45); color: #fff; padding: 11px 20px; font-size: 15px; }
.btv-shows__episodes:hover { border-color: #fff; color: #fff; background: rgba(255,255,255,.08); }
.btv-shows__hostnav { display: flex; gap: 10px; margin-top: auto; }
.btv-shows__hostnav button { flex: 1; display: flex; flex-direction: column; gap: 7px; background: transparent; border: 0; padding: 0; color: #fff; text-align: start; opacity: .55; transition: opacity .4s; }
.btv-shows__hostnav button.is-on { opacity: 1; }
.btv-shows__seg { height: 3px; width: 100%; background: rgba(255,255,255,.3); transition: background .4s; }
.btv-shows__hostnav button.is-on .btv-shows__seg { background: #fff; }
.btv-shows__hostname { font-size: 13.5px; font-weight: 600; }

.btv-shows__art { position: relative; overflow: hidden; }
.btv-shows__circle { position: absolute; inset: 12% 6% -30% 6%; border-radius: 50%; background: #6b3fa0; }
.btv-shows__ghost { position: absolute; top: 18px; inset-inline: 0; text-align: center; font-size: 120px; font-weight: 700; line-height: 1; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.18); white-space: nowrap; }
.btv-shows__host { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
.btv-shows__host.is-on { opacity: 1; transform: none; }
.btv-shows__host.is-next { transform: translateX(-70px) scale(.94); }
.btv-shows__host.is-prev { transform: translateX(70px) scale(.94); }
.btv-shows__host img { position: absolute; bottom: 0; left: 50%; height: 100%; width: auto; max-width: none; transform: translateX(-50%); object-fit: contain; }
.btv-shows__silhouette { position: absolute; bottom: 0; left: 50%; height: 80%; width: auto; transform: translateX(-50%); fill: rgba(255,255,255,.14); }
.btv-shows__active { position: absolute; bottom: 18px; inset-inline-start: 18px; z-index: 2; background: #fff; color: #2b1747; padding: 8px 14px; font-size: 15px; font-weight: 700; display: flex; align-items: center; gap: 8px; }
.btv-shows__active span { width: 8px; height: 8px; background: var(--brand); border-radius: 50%; }

.btv-shows__tabs { display: grid; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; border-top: 1px solid rgba(255,255,255,.14); }
.btv-shows__tabs button { background: transparent; border: 0; border-top: 3px solid transparent; margin-top: -1px; color: #fff; padding: 14px 22px; text-align: start; display: flex; flex-direction: column; gap: 3px; }
.btv-shows__tabs button:hover { background: rgba(255,255,255,.06); }
.btv-shows__tabs button[aria-selected="true"] { background: rgba(255,255,255,.12); border-top-color: #fff; }
.btv-shows__tabname { font-size: 16px; font-weight: 600; }
.btv-shows__tabsub { font-size: 12.5px; color: rgba(255,255,255,.75); }

/* ---------- Four category columns ---------- */
.btv-more .btv-card h3 { font-size: 19px; margin: 11px 0 5px; }
.btv-more__list { margin-top: 12px; }
.btv-more__list a { display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 12px; align-items: baseline; padding: 11px 0; border-top: 1px solid var(--line); color: var(--ink); font-size: 15.5px; line-height: 1.55; font-weight: 500; }
.btv-more__list a:hover { color: var(--brand); }
.btv-more__list time { font-size: 12px; }

/* ---------- Overlay cards ---------- */
.btv-overlay { position: relative; display: block; overflow: hidden; background: var(--ph); color: #fff; }
.btv-overlay > img { transition: transform .5s ease; }
.btv-overlay:hover > img { transform: scale(1.04); }
.btv-overlay--16x9 { aspect-ratio: 16 / 9; }
.btv-overlay--portrait { aspect-ratio: 3 / 4; border-radius: 10px; }
.btv-overlay__text { position: absolute; inset: auto 0 0 0; padding: 60px 20px 18px; background: linear-gradient(to top, rgba(0,0,0,.9), rgba(0,0,0,0)); pointer-events: none; }
.btv-overlay__text h3 { color: #fff; font-size: 24px; line-height: 1.45; font-weight: 700; }
.btv-overlay__text--sm { padding: 50px 14px 14px; }
.btv-overlay__text--sm h3 { font-size: 15.5px; line-height: 1.5; font-weight: 600; }

/* W0 — dark band */
.btv-w0 { margin-top: 44px; background: #141414; padding: 26px 26px 22px; }
.btv-w0__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.btv-w0__head h2 { font-size: 24px; color: #fff; font-weight: 700; display: flex; align-items: center; gap: 10px; }
.btv-w0__head a { font-size: 13px; color: #ddd; }
.btv-w0__tag { background: var(--brand); color: #fff; font-size: 12px; font-weight: 600; padding: 3px 8px; }
.btv-w0__grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 24px; }
.btv-w0 .btv-overlay { background: #222; }
.btv-w0__list { display: flex; flex-direction: column; gap: 14px; }
.btv-w0__list a { flex: 1; display: grid; grid-template-columns: 40px minmax(0, 1fr) 120px; gap: 14px; align-items: center; border-bottom: 1px solid #2c2c2c; padding-bottom: 14px; color: #fff; }
.btv-w0__list a:hover .btv-w0__t { color: #ffd6dc; }
.btv-w0__n { font-size: 30px; font-weight: 700; color: var(--brand); line-height: 1; }
.btv-w0__t { font-size: 15px; line-height: 1.55; font-weight: 500; }
.btv-w0__list .btv-media { border: 0; background: #222; }

/* W1 — portrait cards */
.btv-w1 { margin-top: 44px; }
.btv-w1__head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 18px; }
.btv-w1__head h2 { font-size: 32px; margin-top: 2px; font-weight: 700; }
.btv-w1__head a { font-size: 13px; }
.btv-eyebrow { font-size: 12px; letter-spacing: .12em; color: var(--brand); font-weight: 600; }
.btv-w1 .btv-grid-4 { gap: 16px; }
.btv-overlay--portrait .btv-overlay__text { padding: 70px 16px 16px; background: linear-gradient(to top, rgba(20,10,40,.92), rgba(20,10,40,0)); }
.btv-overlay--portrait h3 { font-size: 16.5px; line-height: 1.5; font-weight: 600; }

/* W2 + W3 */
.btv-w2 { margin-top: 44px; display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 28px; }
.btv-w2.is-solo { grid-template-columns: minmax(0, 1fr); }
.btv-w2__story { border-top: 4px solid var(--ink); padding-top: 14px; }
.btv-w2__head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 16px; }
.btv-w2__head h2 { font-size: 26px; font-weight: 700; font-style: italic; }
.btv-w2__head a { font-size: 13px; }
.btv-w2__lead { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 20px; align-items: center; color: inherit; }
.btv-w2__lead .btv-media { border: 0; }
.btv-w2__lead .btv-kicker { margin-bottom: 8px; }
.btv-w2__lead h3 { font-size: 24px; line-height: 1.45; font-weight: 700; }
.btv-w2__lead:hover h3 { color: var(--brand); }
.btv-w2__items { margin-top: 18px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.btv-w2__items a { display: flex; flex-direction: column; gap: 8px; color: var(--ink); border-inline-start: 1px solid var(--line); padding-inline-start: 14px; font-size: 14.5px; line-height: 1.55; font-weight: 500; }
.btv-w2__items a:hover { color: var(--brand); }
.btv-w2__items .btv-media { border: 0; }
.btv-w3 { background: var(--surface); border: 1px solid var(--line); padding: 18px; display: flex; flex-direction: column; gap: 14px; align-self: start; }
.btv-w3__head { display: flex; align-items: center; justify-content: space-between; background: var(--brand); margin: -18px -18px 2px; padding: 12px 18px; }
.btv-w3__head h2 { font-size: 19px; font-weight: 700; color: #fff; }
.btv-w3__head a { font-size: 12.5px; color: #fff; }
.btv-w3__item { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 12px; align-items: center; color: var(--ink); font-size: 14.5px; line-height: 1.55; font-weight: 500; }
.btv-w3__item:hover { color: var(--brand); }

/* W4 — tinted panel */
.btv-w4 { margin-top: 44px; background: color-mix(in oklab, var(--brand) 8%, var(--surface)); padding: 30px 26px; }
.btv-w4__head { text-align: center; margin-bottom: 22px; }
.btv-w4__head h2 { font-size: 28px; font-weight: 700; }
.btv-w4__head span { display: block; width: 48px; height: 3px; background: var(--brand); margin: 10px auto 0; }
.btv-w4__tile { display: flex; flex-direction: column; gap: 12px; background: var(--surface); padding: 10px 10px 14px; color: var(--ink); font-size: 15px; line-height: 1.55; font-weight: 600; text-align: center; }
.btv-w4__tile:hover { color: var(--brand); }
.btv-w4__more { text-align: center; margin-top: 20px; }
.btv-w4__more a { display: inline-block; border: 1px solid var(--brand); color: var(--brand); padding: 8px 22px; font-size: 14px; font-weight: 600; }
.btv-w4__more a:hover { background: var(--brand); color: #fff; }

/* W5 — mosaic */
.btv-w5 { margin-top: 44px; }
.btv-w5__head { display: flex; align-items: baseline; gap: 14px; margin-bottom: 16px; }
.btv-w5__head h2 { font-size: 24px; font-weight: 700; }
.btv-w5__head span { flex: 1; height: 1px; background: var(--line); }
.btv-w5__head a { font-size: 13px; }
.btv-w5__grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: 230px 230px; gap: 12px; }
.btv-w5__lead { grid-row: span 2; }
.btv-w5__lead .btv-overlay__text { padding: 80px 20px 20px; background: linear-gradient(to top, rgba(0,0,0,.88), rgba(0,0,0,0)); }
.btv-w5__lead h3 { font-size: 23px; }
.btv-w5__tag { display: inline-block; background: #fff; color: #111; font-size: 12px; font-weight: 600; padding: 3px 8px; margin-bottom: 10px; }
.btv-w5__more { display: grid; place-items: center; background: var(--ink); color: var(--surface); font-size: 17px; font-weight: 600; }
.btv-w5__more:hover { background: var(--brand); color: #fff; }

/* ---------- Article ---------- */
.btv-article-layout { padding-top: 22px; padding-bottom: 40px; display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 36px; }
.btv-crumbs { font-size: 12.5px; color: var(--muted); margin-bottom: 14px; display: flex; gap: 6px; flex-wrap: wrap; }
.btv-crumbs a { color: var(--muted); }
.btv-crumbs a:hover { color: var(--brand); }
.btv-article__cat { display: inline-block; background: var(--brand); color: #fff; font-size: 12.5px; font-weight: 600; padding: 4px 10px; }
.btv-article__cat:hover { color: #fff; background: var(--brand-dark); }
.btv-article__title { font-size: 40px; line-height: 1.3; margin: 14px 0; font-weight: 700; }
.btv-article__meta { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; padding-bottom: 16px; border-bottom: 1px solid var(--line); font-size: 13px; color: var(--muted); }
.btv-article__author { color: var(--ink); font-weight: 600; }
.btv-article__author:hover { color: var(--brand); }
.btv-article__meta time { font-size: 13px; }
.btv-share { margin-inline-start: auto; display: flex; flex-wrap: wrap; gap: 8px; }
.btv-share a, .btv-share button { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--line); background: transparent; padding: 5px 11px; border-radius: 4px; color: var(--body); font-size: 13px; line-height: 1.6; cursor: pointer; }
.btv-share svg { width: 15px; height: 15px; flex: none; fill: currentColor; }
.btv-share a:hover, .btv-share button:hover { border-color: var(--brand); color: var(--brand); }
.btv-share .btv-share__whatsapp svg { color: #25d366; }
.btv-share .btv-share__facebook svg { color: #1877f2; }
.btv-share .btv-share__telegram svg { color: #229ed9; }
.btv-share .btv-share__whatsapp:hover { border-color: #25d366; color: #1a9e4b; }
.btv-share .btv-share__facebook:hover { border-color: #1877f2; color: #1877f2; }
.btv-share .btv-share__telegram:hover { border-color: #229ed9; color: #1a86ba; }
.btv-share .btv-share__x:hover { border-color: var(--ink, currentColor); color: var(--ink, inherit); }
.btv-share button.is-copied { border-color: var(--brand); background: var(--brand); color: #fff; }
.btv-article__figure { margin: 20px 0 0; }
.btv-article__figure figcaption { font-size: 12.5px; color: var(--muted); margin-top: 8px; }

.btv-article__body { margin-top: 22px; font-size: 19px; line-height: 1.95; color: var(--body); overflow-wrap: break-word; }
.btv-article__body > * { margin: 0 0 20px; }
.btv-article__body h2 { font-size: 26px; line-height: 1.45; margin: 32px 0 14px; font-weight: 700; }
.btv-article__body h3 { font-size: 22px; line-height: 1.5; margin: 28px 0 12px; font-weight: 600; }
.btv-article__body a { text-decoration: underline; text-underline-offset: 3px; }
.btv-article__body img { height: auto; }
.btv-article__body figure { max-width: 100%; }
.btv-article__body figcaption, .btv-article__body .wp-caption-text { font-size: 13px; color: var(--muted); margin-top: 6px; line-height: 1.6; }
.btv-article__body blockquote { margin: 26px 0; padding: 4px 18px 4px 0; border-inline-start: 4px solid var(--brand); color: var(--ink); font-size: 21px; font-weight: 500; }
.btv-article__body blockquote p { margin: 0; }
.btv-article__body ul, .btv-article__body ol { padding-inline-start: 24px; }
.btv-article__body li { margin-bottom: 8px; }
.btv-article__body iframe, .btv-article__body video { max-width: 100%; }
.btv-article__body .wp-block-embed__wrapper iframe, .btv-article__body iframe[src*="youtube"] { width: 100%; height: auto; aspect-ratio: 16 / 9; }
.btv-article__body table { width: 100%; border-collapse: collapse; font-size: 16px; }
.btv-article__body th, .btv-article__body td { border: 1px solid var(--line); padding: 8px 10px; }
.btv-ad--article { min-height: 250px; margin: 26px 0; }

.btv-tags { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 8px; }
.btv-tags a { border: 1px solid var(--line); padding: 6px 12px; font-size: 13px; color: var(--body); }
.btv-tags a:hover { border-color: var(--brand); color: var(--brand); }
.btv-related { margin-top: 36px; }
.btv-related .btv-head { margin-bottom: 18px; }
.btv-related .btv-grid-4 { gap: 26px 18px; }
.btv-card--related h3 { font-size: 16px; line-height: 1.45; margin: 10px 0 4px; }
.btv-card--related time { font-size: 12px; }

.btv-mostread--side .btv-head h2 { font-size: 20px; }
.btv-mostread--side a { grid-template-columns: 100px minmax(0, 1fr); padding: 11px 0; font-size: 14.5px; }
.btv-sticky { position: sticky; top: 16px; }
.btv-ad--tall { min-height: 600px; margin-top: 22px; }

/* ---------- News archive ---------- */
.btv-archive { padding-top: 22px; padding-bottom: 40px; }
.btv-archive .btv-crumbs { margin-bottom: 12px; }
.btv-archive__head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; border-bottom: 2px solid var(--ink); padding-bottom: 10px; }
.btv-archive__head h1 { font-size: 36px; font-weight: 700; line-height: 1.3; }
.btv-sq--lg { width: 18px; height: 18px; margin-inline-end: 10px; }
.btv-archive__count { font-size: 13.5px; color: var(--muted); }
.btv-archive__desc { margin-top: 14px; color: var(--body); font-size: 15.5px; line-height: 1.8; max-width: 80ch; }
.btv-archive__desc p { margin: 0; }
.btv-tabs { display: flex; gap: 16px; font-size: 13.5px; }
.btv-tabs a { color: var(--muted); padding-bottom: 4px; border-bottom: 2px solid transparent; white-space: nowrap; }
.btv-tabs a:hover { color: var(--ink); }
.btv-tabs a.is-on { color: var(--brand); font-weight: 600; border-bottom-color: var(--brand); }
.btv-archive__layout { margin-top: 24px; display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 36px; }
.btv-archive__lead { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 22px; color: inherit; padding-bottom: 24px; border-bottom: 1px solid var(--line); }
.btv-archive__lead .btv-kicker { font-size: 12.5px; }
.btv-archive__lead h2 { font-size: 28px; line-height: 1.35; margin: 8px 0 10px; font-weight: 700; }
.btv-archive__lead p { font-size: 16px; line-height: 1.75; margin: 0 0 8px; color: var(--body); }
.btv-archive__lead:hover h2, .btv-archive__item:hover h3 { color: var(--brand); }
.btv-archive__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 24px; }
.btv-archive__item { display: block; color: inherit; }
.btv-archive__item .btv-kicker { margin-top: 11px; }
.btv-archive__item h3 { font-size: 19px; line-height: 1.45; margin: 5px 0 6px; font-weight: 600; }
.btv-archive__side .btv-ad--box { margin-top: 22px; }

.btv-pager { margin-top: 32px; display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; }
.btv-pager .page-numbers { min-width: 38px; height: 38px; padding: 0 12px; display: grid; place-items: center; border: 1px solid var(--line); color: var(--body); font-size: 14px; }
.btv-pager a.page-numbers:hover { border-color: var(--brand); color: var(--brand); }
.btv-pager .current { background: var(--brand); border-color: var(--brand); color: #fff; }
.btv-pager .dots { border: 0; min-width: 0; padding: 0 2px; }
.btv-pager .prev, .btv-pager .next { padding: 0 16px; }

.btv-empty { padding: 40px 0; text-align: center; color: var(--muted); }
.btv-empty .search-form { display: flex; justify-content: center; gap: 8px; margin-top: 12px; }
.btv-empty input[type="search"] { height: 42px; padding: 0 12px; border: 1px solid var(--line); background: var(--surface); color: var(--ink); font: inherit; min-width: 240px; }
.btv-empty .search-submit { height: 42px; padding: 0 18px; border: 0; background: var(--brand); color: #fff; font: inherit; }

/* ---------- Video list ---------- */
.btv-videos { padding-top: 22px; padding-bottom: 40px; }
.btv-videos .btv-crumbs { margin-bottom: 12px; }
.btv-videos__title { font-size: 36px; font-weight: 700; margin: 0 0 18px; line-height: 1.3; }
.btv-chips { display: flex; gap: 8px; flex-wrap: wrap; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.btv-chips a { background: var(--surface); color: var(--body); border: 1px solid var(--line); padding: 8px 16px; font-size: 14px; font-weight: 500; white-space: nowrap; }
.btv-chips a:hover { border-color: var(--ink); color: var(--ink); }
.btv-chips a.is-on { background: var(--ink); color: var(--surface); border-color: var(--ink); }
.btv-videos__grid { margin-top: 24px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.btv-loadmore { margin-top: 32px; display: flex; justify-content: center; }
.btv-loadmore a { background: var(--surface); border: 1px solid var(--ink); color: var(--ink); padding: 12px 32px; font-size: 15px; font-weight: 600; }
.btv-loadmore a:hover { background: var(--ink); color: var(--surface); }
.btv-loadmore a.is-loading { opacity: .6; pointer-events: none; }
.btv-video--compact .btv-play { width: 46px; height: 46px; font-size: 16px; }
.btv-video--compact .btv-dur { font-size: 11px; }
.btv-video--compact .btv-video__body { padding-top: 9px; }
.btv-video--compact h3 { font-size: 16px; margin: 0 0 4px; }

/* ---------- Video page ---------- */
.btv-watch { background: var(--dark); padding: 24px 0; }
.btv-watch__grid { display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(0, 1fr); gap: 24px; }
.btv-player--video > img { opacity: .9; }
.btv-player.is-unavailable > img { opacity: .45; }
.btv-player__note { position: relative; color: #ddd; font-size: 15px; background: rgba(0,0,0,.55); padding: 8px 16px; }
.btv-player.is-playing + .btv-player__bar { display: none; }
.btv-playlist { display: flex; flex-direction: column; gap: 12px; }
.btv-playlist__label { color: #888; font-size: 12.5px; }
.btv-playlist a { display: grid; grid-template-columns: 116px minmax(0, 1fr); gap: 11px; color: inherit; }
.btv-playlist__thumb { position: relative; aspect-ratio: 16 / 9; background: #252525; overflow: hidden; display: grid; place-items: center; }
.btv-playlist__thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .75; }
.btv-playlist__thumb .btv-ph { background: #252525; }
.btv-playlist__thumb span:last-child { position: relative; color: #fff; font-size: 14px; }
.btv-playlist__title { color: #eee; font-size: 14.5px; line-height: 1.45; font-weight: 500; }
.btv-playlist a:hover .btv-playlist__title { color: #fff; text-decoration: underline; }
.btv-playlist__dur { color: #888; font-size: 11.5px; margin-top: 4px; }
.btv-watch__body { padding-top: 24px; }
.btv-article__title--video { font-size: 34px; margin: 14px 0 10px; }
.btv-meta-link { color: var(--muted); }
.btv-meta-link:hover { color: var(--brand); }
.btv-article__body--video { font-size: 18px; line-height: 1.9; margin-top: 18px; }
.btv-watch__body .btv-related { margin-top: 34px; }
.btv-watch__body .btv-grid-3 { gap: 20px; }
.btv-ad--first { margin-top: 0; }
.btv-ad--first + .btv-mostread { margin-top: 22px; }

/* ---------- Programs list ---------- */
.btv-programs { padding-top: 22px; padding-bottom: 40px; }
.btv-programs .btv-crumbs { margin-bottom: 12px; }
.btv-programs__title { font-size: 36px; font-weight: 700; margin: 0 0 6px; line-height: 1.3; }
.btv-programs__lede { font-size: 16px; color: var(--muted); margin: 0 0 26px; }
.btv-programs__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px; }

/* ---------- Tall program card (home lineup + programs page) ---------- */
.btv-showcard { position: relative; display: block; overflow: hidden; border-radius: 8px; background: #241040; color: #fff; isolation: isolate; }
.btv-showcard:hover { color: #fff; }
.btv-showcard__art { position: relative; aspect-ratio: 3 / 4; overflow: hidden; background: radial-gradient(120% 85% at 50% 100%, #8b52d4 0%, #51288c 42%, #241040 100%); }
.btv-showcard__art::after { content: ""; position: absolute; inset: auto 0 0 0; height: 48%; background: linear-gradient(to top, rgba(18, 6, 34, .96) 8%, rgba(18, 6, 34, .55) 55%, transparent); z-index: 2; }
.btv-showcard__ghost { position: absolute; inset-inline: -10%; top: 9%; text-align: center; white-space: nowrap; font-size: 64px; font-weight: 800; line-height: 1; color: rgba(255, 255, 255, .07); }
.btv-showcard__hosts { position: absolute; inset: 7% 0 0; display: flex; align-items: flex-end; justify-content: center; }
.btv-showcard__hosts figure { margin: 0; height: 100%; display: flex; align-items: flex-end; justify-content: center; min-width: 0; flex: 0 1 auto; }
.btv-showcard__hosts img { height: 100%; width: auto; max-width: 100%; object-fit: contain; object-position: bottom; filter: drop-shadow(0 12px 22px rgba(0, 0, 0, .4)); transition: transform .45s ease; transform-origin: bottom center; }
.btv-showcard.is-duo .btv-showcard__hosts figure { max-width: 64%; }
.btv-showcard.is-duo .btv-showcard__hosts figure + figure { margin-inline-start: -16%; height: 93%; }
.btv-showcard.is-duo .btv-showcard__hosts figure:first-child { position: relative; z-index: 1; }
/* 3+ hosts on a card: two rows of busts (head + upper body) — the back row
   high in the card, the front row lower and 20% bigger — so every face shows. */
.btv-showcard.is-group .btv-showcard__hosts { inset: 7% 6px 30%; display: block; }
.btv-showcard__row { position: absolute; inset-inline: 0; display: flex; justify-content: center; }
.btv-showcard__row--back { top: 0; height: 60%; }
.btv-showcard__row--front { bottom: -4%; height: 72%; z-index: 2; }
.btv-showcard__row figure { position: relative; margin: 0; height: 100%; display: block; overflow: hidden; -webkit-mask-image: linear-gradient(to bottom, #000 70%, transparent); mask-image: linear-gradient(to bottom, #000 70%, transparent); }
.btv-showcard__row--back figure { flex: 0 0 calc(min(30%, 96% / var(--k))); }
.btv-showcard__row--front figure { flex: 0 0 calc(min(36%, 112% / var(--k))); }
.btv-showcard__row figure + figure { margin-inline-start: -3%; }
.btv-showcard__row img { display: block; width: 100%; height: 170%; max-width: none; object-fit: cover; object-position: top center; filter: drop-shadow(0 6px 12px rgba(0, 0, 0, .35)); transition: transform .45s ease; transform-origin: top center; }
.btv-showcard:hover .btv-showcard__row img { transform: scale(1.04); }
.btv-showcard__poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.btv-showcard__silhouette { position: absolute; bottom: 0; left: 20%; width: 60%; fill: rgba(255, 255, 255, .16); }
.btv-showcard:hover .btv-showcard__hosts img, .btv-showcard:hover .btv-showcard__poster { transform: scale(1.04); }
.btv-showcard__live { position: absolute; top: 12px; inset-inline-start: 12px; z-index: 3; display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: 3px; background: var(--brand); font-size: 12px; font-weight: 700; }
.btv-showcard__body { position: absolute; inset: auto 0 0 0; z-index: 3; padding: 16px 16px 15px; }
.btv-showcard__body h3 { margin: 0 0 3px; color: #fff; font-size: 20px; font-weight: 700; line-height: 1.35; }
.btv-showcard__hosts-names { margin: 0; color: rgba(255, 255, 255, .86); font-size: 13.5px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.btv-showcard__slot { margin: 7px 0 0; padding-top: 7px; border-top: 1px solid rgba(255, 255, 255, .16); color: #f2c36b; font-size: 12.5px; font-weight: 600; }
.btv-showcard:focus-visible { outline: 3px solid var(--brand); outline-offset: 2px; }

.btv-lineup { margin-top: 40px; }
.btv-lineup__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 12px; margin-bottom: 18px; border-bottom: 2px solid var(--ink); }
.btv-lineup__head h2 { display: flex; align-items: center; gap: 10px; font-size: 24px; font-weight: 700; }
.btv-lineup__head a { color: var(--brand); font-size: 14.5px; font-weight: 600; }
.btv-lineup__row { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 1100px) {
	.btv-lineup__row { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); }
	.btv-lineup__row::-webkit-scrollbar { display: none; }
	.btv-lineup__row > .btv-showcard { flex: 0 0 31%; scroll-snap-align: start; }
}
@media (max-width: 768px) {
	.btv-lineup { margin-top: 28px; }
	.btv-lineup__head h2 { font-size: 20px; }
	.btv-lineup__head a { font-size: 13px; }
	.btv-lineup__row > .btv-showcard { flex-basis: 62%; }
	.btv-programs__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.btv-programs__grid .btv-showcard__body { padding: 12px 11px 11px; }
	.btv-programs__grid .btv-showcard__body h3 { font-size: 16px; }
	.btv-programs__grid .btv-showcard__hosts-names { font-size: 12px; }
	.btv-programs__grid .btv-showcard__slot { font-size: 11.5px; }
	.btv-showcard__ghost { font-size: 44px; }
}
.btv-program-card { border: 1px solid var(--line); background: var(--surface); display: flex; flex-direction: column; }
.btv-program-card .btv-media { display: block; }
.btv-play--program { width: 48px; height: 48px; font-size: 16px; background: rgba(17,17,17,.55); }
.btv-program-card:hover .btv-play--program { background: var(--brand); }
.btv-program-card__body { padding: 14px; display: flex; flex-direction: column; flex: 1; }
.btv-program-card h2 { font-size: 18px; margin: 0 0 4px; font-weight: 600; }
.btv-program-card h2 a { color: var(--ink); }
.btv-program-card h2 a:hover { color: var(--brand); }
.btv-program-card__host { font-size: 13px; color: var(--muted); }
.btv-program-card__slot { font-size: 12.5px; color: var(--muted); margin-top: 6px; }
.btv-program-card__actions { display: flex; gap: 8px; margin-top: auto; padding-top: 12px; }
.btv-program-card__actions a { flex: 1; text-align: center; border: 1px solid var(--line); color: var(--body); font-size: 13px; padding: 8px 0; }
.btv-program-card__actions a:hover { border-color: var(--ink); color: var(--ink); }
.btv-program-card__actions a.is-primary { background: var(--brand); border-color: var(--brand); color: #fff; font-weight: 600; }
.btv-program-card__actions a.is-primary:hover { background: var(--brand-dark); }
.btv-onair { position: absolute; top: 10px; inset-inline-start: 10px; z-index: 1; background: var(--brand); color: #fff; font-size: 11.5px; font-weight: 700; padding: 3px 8px; }
.btv-onair--inline { position: static; display: inline-block; margin-inline-start: 6px; font-size: 12.5px; padding: 4px 10px; animation: btv-pulse 1.6s ease-in-out infinite; }

/* ---------- Program page ---------- */
.btv-show { position: relative; background: linear-gradient(140deg, #241b36, #0f3d4d); min-height: 320px; display: flex; align-items: flex-end; }
.btv-show__in { padding-top: 36px; padding-bottom: 36px; display: flex; align-items: flex-end; gap: 28px; }
.btv-show__art { position: relative; flex: 0 0 260px; aspect-ratio: 1 / 1; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); overflow: hidden; }
.btv-show__art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.btv-show__art .btv-ph { background: rgba(255,255,255,.06); }
.btv-show__art--hosts { flex-basis: 300px; aspect-ratio: auto; align-self: stretch; margin-bottom: -36px; min-height: 340px; background: none; border: 0; overflow: visible; display: flex; align-items: flex-end; justify-content: center; }
.btv-show__art--hosts figure { margin: 0; height: 100%; display: flex; align-items: flex-end; justify-content: center; min-width: 0; flex: 0 1 auto; }
.btv-show__art--hosts img { position: static; width: auto; height: 100%; max-height: 420px; max-width: 100%; object-fit: contain; object-position: bottom; filter: drop-shadow(0 14px 26px rgba(0, 0, 0, .45)); }
.btv-show__art--hosts.is-duo figure { max-width: 62%; }
.btv-show__art--hosts.is-duo figure + figure { margin-inline-start: -14%; height: 94%; }
.btv-show__art--hosts.is-duo figure:first-child { position: relative; z-index: 1; }
.btv-show__art--hosts.is-group { flex-basis: min(600px, calc(150px + var(--n) * 78px)); }
.btv-show__art--hosts.is-group figure { position: relative; height: 92%; margin-inline-start: -7%; }
.btv-show__art--hosts.is-group figure:first-child { margin-inline-start: 0; }
.btv-show__art--hosts.is-group figure:nth-child(odd) { height: 100%; z-index: 2; }
.btv-show__art--hosts.is-group img { max-height: 400px; }
.btv-show__text { flex: 1; min-width: 0; }
.btv-crumbs--light, .btv-crumbs--light a { color: rgba(255,255,255,.6); }
.btv-crumbs--light a:hover { color: #fff; }
.btv-show h1 { font-size: 46px; margin: 14px 0 8px; color: #fff; font-weight: 700; line-height: 1.25; }
.btv-show__text > p { font-size: 17px; line-height: 1.75; color: rgba(255,255,255,.78); margin: 0; max-width: 62ch; }
.btv-show__facts { display: flex; flex-wrap: wrap; gap: 22px; margin: 18px 0 0; color: rgba(255,255,255,.7); font-size: 14px; }
.btv-show__facts div { display: flex; gap: 4px; white-space: nowrap; }
.btv-show__facts dt { font-weight: 400; }
.btv-show__facts dd { margin: 0; color: #fff; font-weight: 700; }
.btv-show__live { margin-top: 20px; display: inline-flex; align-items: center; gap: 9px; background: var(--brand); color: #fff; padding: 0 22px; height: 46px; font-size: 15.5px; font-weight: 600; }
.btv-show__live:hover { color: #fff; background: var(--brand-dark); }
.btv-show__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-top: 20px; }
.btv-show__actions .btv-show__live { margin-top: 0; }
.btv-show__more { display: inline-flex; align-items: center; height: 46px; padding: 0 18px; border: 1px solid rgba(255, 255, 255, .35); color: #fff; font-size: 14.5px; font-weight: 600; }
.btv-show__more:hover { color: #fff; border-color: #fff; }
.btv-archive--show { padding-top: 28px; }
.btv-show__body { padding-top: 28px; padding-bottom: 40px; scroll-margin-top: 20px; }
.btv-head--nosq .btv-sq { display: none; }
.btv-show__episodes { gap: 22px; }
.btv-show__episodes .btv-video h3 { font-size: 17px; margin-top: 1px; }
.btv-show__none { color: var(--muted); font-size: 15px; }
.btv-show__split { margin-top: 36px; display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 32px; }
.btv-show__split .btv-head { margin-bottom: 4px; }
.btv-show__news { margin-top: 0; }
.btv-show__news a { grid-template-columns: 76px minmax(0, 1fr); gap: 14px; padding: 13px 0; border-top: 0; border-bottom: 1px solid var(--line); font-size: 17px; }
.btv-show__news time { font-size: 12.5px; }
.btv-show__about { margin-top: 32px; }
.btv-show__sched { border: 1px solid var(--line); padding: 18px; align-self: start; }
.btv-show__sched-title { font-size: 12.5px; color: var(--muted); margin-bottom: 12px; }
.btv-show__sched ul { list-style: none; margin: 0; padding: 0; }
.btv-show__sched li { display: flex; align-items: baseline; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--line); font-size: 14px; }
.btv-show__sched li:last-child { border-bottom: 0; }
.btv-show__sched li span { color: var(--muted); min-width: 46px; }
.btv-show__sched li a { color: var(--body); }
.btv-show__sched li a:hover { color: var(--brand); }
.btv-show__sched li.is-this a { color: var(--ink); font-weight: 700; }
.btv-show__sched li.is-now span { color: var(--brand); }
.btv-show__sched li em { margin-inline-start: auto; font-style: normal; font-size: 11.5px; font-weight: 700; color: #fff; background: var(--brand); padding: 1px 7px; }

/* ---------- Live page ---------- */
.btv-onlive { background: var(--dark); padding: 24px 0 28px; }
.btv-onlive .btv-live__head h1 { color: #fff; font-size: 30px; font-weight: 700; margin: 0; }
.btv-onlive .btv-live__head { flex-wrap: wrap; }
/* Channel panels are grids; keep the hidden one hidden. */
[data-live-panel][hidden] { display: none !important; }
.btv-onlive__tabs { display: flex; gap: 8px; margin-inline-start: 18px; }
.btv-onlive__tabs a { display: inline-flex; align-items: center; height: 40px; padding: 0 18px; border: 1px solid var(--dline); border-radius: 6px; color: #ccc; font-size: 15px; font-weight: 600; }
.btv-onlive__tabs a:hover { color: #fff; border-color: #fff; }
.btv-onlive__tabs a[aria-selected="true"] { background: var(--brand); border-color: var(--brand); color: #fff; }
.btv-guide__rep { display: inline-block; align-self: flex-start; margin: 2px 0; padding: 0 6px; border: 1px solid var(--line); border-radius: 3px; color: var(--muted); font-size: 11px; font-weight: 500; line-height: 1.6; vertical-align: middle; }
.btv-onlive__grid { display: grid; grid-template-columns: minmax(0, 2.4fr) minmax(0, 1fr); gap: 24px; }
.btv-player--main .btv-player__play { width: 88px; height: 88px; font-size: 30px; }
.btv-onlive__share { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 14px; color: #888; font-size: 13px; }
.btv-onlive__share .btv-share { margin: 0; }
.btv-onlive__share .btv-share a, .btv-onlive__share .btv-share button { border-color: var(--dline); color: #ccc; }
.btv-onlive__share .btv-share a:hover, .btv-onlive__share .btv-share button:hover { border-color: var(--brand); color: #fff; }
.btv-onlive__info { border: 1px solid var(--dline); padding: 18px; display: flex; flex-direction: column; align-self: start; }
.btv-onlive__now { padding-bottom: 16px; border-bottom: 1px solid var(--dline); }
.btv-onlive__show { display: flex; align-items: center; gap: 12px; margin-top: 6px; }
.btv-onlive__art { position: relative; flex: 0 0 64px; height: 64px; overflow: hidden; background: #222; }
.btv-onlive__art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.btv-onlive__show .btv-live__title { font-size: 21px; }
.btv-onlive__progress { margin-top: 14px; }
.btv-onlive__bar { height: 4px; background: #333; }
.btv-onlive__bar div { height: 4px; width: 0; background: var(--brand); transition: width .6s ease; }
.btv-onlive__times { display: flex; justify-content: space-between; color: #777; font-size: 12px; margin-top: 6px; }
.btv-onlive__next { padding: 14px 0; border-bottom: 1px solid var(--dline); color: #eee; font-size: 16px; }
.btv-onlive__next a { color: #eee; }
.btv-onlive__next a:hover { color: #fff; text-decoration: underline; }
.btv-onlive__next .btv-live__meta { display: inline; margin-inline-start: 6px; }
.btv-onlive__guide { margin-top: 14px; height: 42px; border: 1px solid #444; color: #fff; font-size: 14px; display: grid; place-items: center; }
.btv-onlive__guide:hover { border-color: var(--brand); color: #fff; }
.btv-onlive__body { padding-top: 32px; padding-bottom: 40px; }
.btv-guide { scroll-margin-top: 16px; }
.btv-guide .btv-head { margin-bottom: 0; }
.btv-guide__tabs { display: flex; gap: 0; overflow-x: auto; scrollbar-width: none; border-bottom: 1px solid var(--line); }
.btv-guide__tabs button { flex: 1 0 auto; background: none; border: 0; border-bottom: 3px solid transparent; padding: 14px 18px 11px; font-size: 15px; font-weight: 500; color: var(--body); display: flex; align-items: center; justify-content: center; gap: 6px; white-space: nowrap; }
.btv-guide__tabs button small { font-size: 11px; background: var(--soft); color: var(--muted); padding: 1px 6px; }
.btv-guide__tabs button:hover { color: var(--ink); }
.btv-guide__tabs button[aria-selected="true"] { color: var(--ink); font-weight: 700; border-bottom-color: var(--brand); }
.btv-guide__tabs button[aria-selected="true"] small { background: var(--brand); color: #fff; }
.btv-guide__day ol { list-style: none; margin: 0; padding: 0; }
.btv-guide__day li { display: flex; align-items: center; gap: 18px; padding: 14px 4px; border-bottom: 1px solid var(--line); }
.btv-guide__time { min-width: 96px; font-size: 17px; font-weight: 600; color: var(--muted); white-space: nowrap; }
.btv-guide__time small { font-size: 12.5px; font-weight: 500; }
.btv-guide__dayname { display: none; }
.btv-guide__until { opacity: .8; }
.btv-guide__show { color: var(--ink); font-size: 17px; font-weight: 600; display: flex; flex-direction: column; }
.btv-guide__show small { font-size: 13px; font-weight: 400; color: var(--muted); }
.btv-guide__show:hover { color: var(--brand); }
.btv-guide__day li.is-now { background: color-mix(in oklab, var(--brand) 7%, var(--surface)); }
.btv-guide__day li.is-now .btv-guide__time { color: var(--brand); }
.btv-guide__day li em { margin-inline-start: auto; font-style: normal; font-size: 12px; font-weight: 700; color: #fff; background: var(--brand); padding: 2px 9px; animation: btv-pulse 1.6s ease-in-out infinite; }
.btv-guide__day > p { padding: 18px 4px; margin: 0; }

/* Week view (programs page): the whole week as 7 columns on wide screens;
   phones keep the day tabs. */
@media (min-width: 1001px) {
	.btv-guide--week .btv-guide__tabs { display: none; }
	.btv-guide--week .btv-guide__days { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); border: 1px solid var(--line); border-top: 0; }
	.btv-guide--week .btv-guide__day,
	.btv-guide--week .btv-guide__day[hidden] { display: block; min-width: 0; }
	.btv-guide--week .btv-guide__day + .btv-guide__day { border-inline-start: 1px solid var(--line); }
	.btv-guide--week .btv-guide__day.is-today { background: color-mix(in oklab, var(--brand) 5%, var(--surface)); }
	.btv-guide--week .btv-guide__dayname { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 0; padding: 12px 6px; font-size: 15px; font-weight: 700; border-bottom: 2px solid var(--line); background: var(--soft); }
	.btv-guide--week .is-today .btv-guide__dayname { border-bottom-color: var(--brand); color: var(--brand); }
	.btv-guide--week .btv-guide__dayname small { font-size: 11px; color: #fff; background: var(--brand); padding: 1px 6px; }
	.btv-guide--week .btv-guide__day li { flex-direction: column; align-items: flex-start; gap: 3px; padding: 11px 12px; }
	.btv-guide--week .btv-guide__time { min-width: 0; font-size: 14px; }
	.btv-guide--week .btv-guide__show { font-size: 15px; line-height: 1.4; }
	.btv-guide--week .btv-guide__show small { font-size: 12px; }
	.btv-guide--week .btv-guide__day li em { margin: 4px 0 0; }
	.btv-guide--week .btv-guide__day > p { padding: 14px 12px; font-size: 13px; }
}

.btv-programs__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.btv-programs__jump { margin-bottom: 26px; border: 1px solid var(--line); color: var(--ink); padding: 9px 16px; font-size: 14px; font-weight: 600; }
.btv-programs__jump:hover { border-color: var(--brand); color: var(--brand); }
.btv-programs .btv-guide { margin-top: 44px; }
.btv-program > span { display: block; }
.btv-onlive__note { margin-top: 32px; max-width: none; }

/* ---------- Tools: gold / currency / weather ---------- */
:root { --up: #1A7F37; --down: #C8102E; --temp: #D97706; --gold: #B8860B; --sky: #1BA5C8; --chart: var(--brand); }
[data-theme="dark"] { --up: #3FB950; --down: #F0556B; --chart: #E0364F; }
.btv-tool { padding-top: 22px; padding-bottom: 40px; }
.btv-tool .btv-crumbs { margin-bottom: 12px; }
.btv-tool__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap; border-bottom: 2px solid var(--ink); padding-bottom: 14px; }
.btv-tool__head h1 { font-size: 34px; font-weight: 700; line-height: 1.3; }
.btv-sq--gold { background: var(--gold); }
.btv-sq--sky { background: var(--sky); }
.btv-tool__updated { margin: 6px 0 0; font-size: 13px; color: var(--muted); }
.btv-toolbar { display: flex; gap: 10px; flex-wrap: wrap; }
.btv-toolbar label { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--muted); }
.btv-toolbar select { min-width: 170px; height: 42px; padding: 0 12px; border: 1px solid var(--line); background: var(--surface); color: var(--ink); font: inherit; font-size: 15px; font-weight: 500; }
.btv-toolbar select:focus { outline: 2px solid var(--brand); outline-offset: 0; }
.btv-toolbar button { height: 42px; align-self: flex-end; padding: 0 18px; border: 0; background: var(--brand); color: #fff; font: inherit; }


.btv-change { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 600; color: var(--muted); white-space: nowrap; }
.btv-change i { font-style: normal; font-size: 10px; }
.btv-change--up { color: var(--up); }
.btv-change--down { color: var(--down); }

.btv-tool__split { margin-top: 28px; display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 28px; align-items: start; }
.btv-tool__split > div { display: flex; flex-direction: column; gap: 24px; }
.btv-tool__split aside { display: flex; flex-direction: column; gap: 16px; }
.btv-tool__split aside .btv-ad { margin-top: 0; }
.btv-tool__note { font-size: 12.5px; color: var(--muted); line-height: 1.7; margin: 0; }
.btv-tool > .btv-tool__note { margin-top: 24px; }
.btv-muted { color: var(--muted); }

.btv-table-wrap { overflow-x: auto; }
.btv-table { width: 100%; border-collapse: collapse; font-size: 15px; font-variant-numeric: tabular-nums; }
.btv-table th, .btv-table td { padding: 11px 12px; text-align: start; border-bottom: 1px solid var(--line); }
.btv-table thead th { font-size: 12.5px; font-weight: 500; color: var(--muted); border-bottom: 2px solid var(--line); white-space: nowrap; }
.btv-table tbody th { font-weight: 600; color: var(--ink); }
.btv-table td { color: var(--ink); }
.btv-table tr.is-key { background: color-mix(in oklab, var(--gold) 10%, var(--surface)); }
.btv-table tr.is-current { background: color-mix(in oklab, var(--brand) 7%, var(--surface)); }
.btv-table tbody tr:hover { background: var(--soft); }
.btv-table a { color: var(--ink); }
.btv-table a:hover { color: var(--brand); }


/* Line chart */
.btv-chart { margin: 0; }
.btv-chart__title { font-size: 15px; font-weight: 600; color: var(--ink); margin-bottom: 10px; }
.btv-panel--dark .btv-chart__title { color: #ddd; font-size: 13.5px; }
.btv-chart__plot { position: relative; }
.btv-chart__svg { display: block; width: 100%; height: auto; overflow: visible; }
.btv-chart__svg--narrow { display: none; }
.btv-tool__split aside .btv-chart__svg--wide { display: none; }
.btv-tool__split aside .btv-chart__svg--narrow { display: block; }
.btv-chart__grid { stroke: var(--line); stroke-width: 1; }
.btv-chart__tick { fill: var(--muted); font-size: 12px; font-family: inherit; font-variant-numeric: tabular-nums; }
.btv-chart__line { fill: none; stroke: var(--chart); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.btv-chart__area { fill: var(--chart); opacity: .1; }
.btv-chart__end, .btv-chart__hover { fill: var(--chart); stroke: var(--surface); stroke-width: 2; }
.btv-chart__endlabel { fill: var(--ink); font-size: 13px; font-weight: 700; font-family: inherit; }
.btv-chart__cross { stroke: var(--muted); stroke-width: 1; }
.btv-panel--dark .btv-chart__grid { stroke: var(--dline); }
.btv-panel--dark .btv-chart__end, .btv-panel--dark .btv-chart__hover { stroke: var(--dark); }
.btv-panel--dark .btv-chart__endlabel { fill: #fff; }
.btv-panel--dark .btv-chart__line, .btv-panel--dark .btv-chart__area, .btv-panel--dark .btv-chart__end, .btv-panel--dark .btv-chart__hover { --chart: var(--chart-on-dark, #E0364F); }
.btv-chart__tip { position: absolute; top: 0; pointer-events: none; background: var(--ink); color: var(--surface); padding: 6px 10px; font-size: 12px; line-height: 1.5; white-space: nowrap; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; z-index: 2; }
.btv-chart__tip strong { font-size: 14px; }
.btv-chart__tip[hidden] { display: none; }
.btv-chart__table { margin-top: 8px; font-size: 13px; }
.btv-chart__table summary { cursor: pointer; color: var(--muted); }
.btv-panel--dark .btv-chart__table summary { color: #999; }
.btv-chart__table table { width: 100%; border-collapse: collapse; margin-top: 8px; font-variant-numeric: tabular-nums; }
.btv-chart__table td, .btv-chart__table th { padding: 6px 8px; border-bottom: 1px solid var(--line); text-align: start; }
.btv-panel--dark .btv-chart__table td, .btv-panel--dark .btv-chart__table th { border-color: var(--dline); color: #ccc; }

/* Converter */
.btv-converter { display: flex; flex-direction: column; gap: 12px; }
.btv-converter__field { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: #999; flex: 1; min-width: 0; }
.btv-converter input, .btv-converter select { height: 44px; padding: 0 12px; border: 1px solid var(--dline); background: var(--dark2); color: #fff; font: inherit; font-size: 15px; width: 100%; }
.btv-converter input { font-size: 20px; font-weight: 700; font-variant-numeric: tabular-nums; }
.btv-converter input:focus, .btv-converter select:focus { outline: 2px solid var(--brand); outline-offset: 0; }
.btv-converter__pair { display: flex; align-items: flex-end; gap: 8px; }
.btv-converter__swap { flex: 0 0 40px; height: 44px; border: 1px solid var(--dline); background: transparent; color: #fff; font-size: 18px; }
.btv-converter__swap:hover { border-color: var(--brand); }
.btv-converter__result { display: block; font-size: 28px; font-weight: 700; color: #fff; padding-top: 10px; border-top: 1px solid var(--dline); font-variant-numeric: tabular-nums; }

/* Weather */
.btv-tool__split--weather { grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); }
.btv-now { color: #fff; padding: 26px; background: linear-gradient(150deg, #1C6FB8, #1BA5C8); display: flex; flex-direction: column; gap: 22px; }
.btv-now.is-night { background: linear-gradient(150deg, #1B1F3A, #2E3A6B); }
.btv-now__main { display: flex; align-items: center; gap: 18px; }
.btv-now__main .btv-wx-icon { flex: 0 0 auto; filter: drop-shadow(0 4px 12px rgba(0,0,0,.2)); }
.btv-now__temp { font-size: 72px; font-weight: 700; line-height: 1; }
.btv-now__label { font-size: 20px; font-weight: 600; margin-top: 6px; }
.btv-now__feels { font-size: 14px; opacity: .85; margin-top: 2px; }
.btv-now__facts { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: rgba(255,255,255,.18); }
.btv-now__facts div { background: rgba(0,0,0,.12); padding: 10px 12px; }
.btv-now__facts dt { font-size: 12px; opacity: .8; }
.btv-now__facts dd { margin: 2px 0 0; font-size: 16px; font-weight: 600; }
.btv-now .btv-wx-icon path[fill="#A9B2BE"] { fill: #E8EEF5; }

.btv-forecast { border: 1px solid var(--line); padding: 8px 18px 4px; }
.btv-forecast__title { font-size: 17px; font-weight: 700; padding: 10px 0; border-bottom: 2px solid var(--ink); }
.btv-forecast ol { list-style: none; margin: 0; padding: 0; }
.btv-forecast li { display: grid; grid-template-columns: 78px minmax(0, 1.1fr) 52px minmax(0, 1.4fr); align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.btv-forecast li:last-child { border-bottom: 0; }
.btv-forecast__day strong { display: block; font-size: 15px; color: var(--ink); }
.btv-forecast__day small { font-size: 12px; color: var(--muted); }
.btv-forecast__sky { display: flex; align-items: center; gap: 8px; font-size: 13.5px; color: var(--body); min-width: 0; }
.btv-forecast__sky span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.btv-forecast__sky .btv-wx-icon { flex: 0 0 auto; }
.btv-forecast__rain { font-size: 12.5px; color: #3B82F6; font-weight: 600; display: flex; align-items: center; gap: 3px; }
.btv-forecast__temps { display: flex; align-items: center; gap: 10px; font-variant-numeric: tabular-nums; }
.btv-forecast__min { color: var(--muted); font-size: 15px; min-width: 30px; text-align: right; }
.btv-forecast__max { color: var(--ink); font-size: 15px; font-weight: 700; min-width: 30px; }
.btv-forecast__track { position: relative; flex: 1; height: 6px; border-radius: 3px; background: var(--soft); }
.btv-forecast__track span { position: absolute; top: 0; bottom: 0; border-radius: 3px; background: var(--temp); min-width: 6px; }

.btv-cities { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 12px; }
.btv-city { display: flex; flex-direction: column; gap: 4px; border: 1px solid var(--line); padding: 12px 14px; color: var(--body); background: var(--surface); transition: border-color .15s; }
.btv-city:hover { border-color: var(--ink); color: var(--body); }
.btv-city.is-current { border-color: var(--sky); box-shadow: inset 0 3px 0 var(--sky); }
.btv-city__name { font-size: 15px; font-weight: 700; color: var(--ink); }
.btv-city__name small { font-weight: 400; color: var(--muted); font-size: 12px; }
.btv-city__now { display: flex; align-items: center; gap: 8px; font-size: 26px; font-weight: 700; color: var(--ink); }
.btv-city__label { font-size: 12.5px; color: var(--muted); }
.btv-city__range { font-size: 12.5px; color: var(--body); font-variant-numeric: tabular-nums; }

/* Market hero (gold / currency) */
.btv-mhero { position: relative; overflow: hidden; color: #fff; }
.btv-mhero--gold { background: radial-gradient(ellipse 60% 90% at 15% 30%, rgba(245,197,66,.28), transparent 60%), radial-gradient(ellipse 50% 70% at 95% 110%, rgba(212,160,32,.18), transparent 60%), linear-gradient(135deg, #17120A 0%, #2A1F0C 55%, #120E07 100%); }
.btv-mhero--fx { background: radial-gradient(ellipse 60% 90% at 15% 30%, rgba(34,165,90,.32), transparent 60%), radial-gradient(ellipse 50% 70% at 95% 110%, rgba(110,231,160,.12), transparent 60%), linear-gradient(135deg, #07170F 0%, #0D2A1B 55%, #06120C 100%); }
.btv-mhero::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .06; background-image: repeating-linear-gradient(45deg, #fff 0 1px, transparent 1px 14px); }
.btv-mhero__in { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 36px; align-items: center; padding-top: 30px; padding-bottom: 34px; }
.btv-mhero h1 { color: #fff; font-size: 38px; font-weight: 700; line-height: 1.3; margin: 10px 0 6px; }
.btv-mhero__updated { margin: 0 0 20px; font-size: 13px; color: rgba(255,255,255,.6); }
.btv-mhero .btv-toolbar label { color: rgba(255,255,255,.6); }
.btv-mhero .btv-toolbar select { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.22); color: #fff; min-width: 220px; }
.btv-mhero .btv-toolbar select option { color: #111; }
.btv-mhero__card { position: relative; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.05); backdrop-filter: blur(6px); padding: 22px 24px 20px; display: flex; flex-direction: column; gap: 6px; }
.btv-mhero--gold .btv-mhero__card { border-color: rgba(245,197,66,.35); box-shadow: inset 0 1px 0 rgba(255,243,176,.2); }
.btv-mhero--fx .btv-mhero__card { border-color: rgba(110,231,160,.3); box-shadow: inset 0 1px 0 rgba(200,255,220,.15); }
.btv-mhero__art { position: absolute; top: -18px; inset-inline-end: 14px; filter: drop-shadow(0 8px 18px rgba(0,0,0,.45)); }
.btv-mhero__art--fx { width: 110px; height: 90px; }
.btv-mhero__art--fx .btv-fi--banknote { position: absolute; top: 0; inset-inline-end: 0; }
.btv-mhero__coin { position: absolute; bottom: -8px; inset-inline-start: 0; }
.btv-mhero__label { font-size: 14px; color: rgba(255,255,255,.7); }
.btv-mhero__value { font-size: 56px; font-weight: 700; line-height: 1.1; font-variant-numeric: normal; }
.btv-mhero--gold .btv-mhero__value { background: linear-gradient(180deg, #FFF3B0, #F5C542 55%, #D4A020); -webkit-background-clip: text; background-clip: text; color: transparent; }
.btv-mhero__value small { font-size: 16px; font-weight: 500; color: rgba(255,255,255,.7); -webkit-text-fill-color: rgba(255,255,255,.7); }
.btv-mhero .btv-change--up { color: #4ADE80; }
.btv-mhero .btv-change--down { color: #FB7185; }
.btv-mhero__note { font-size: 12px; color: rgba(255,255,255,.5); margin-top: 6px; }
.btv-block--first { margin-top: 30px; }

/* Panels */
.btv-panel { border: 1px solid var(--line); background: var(--surface); padding: 18px 20px; }
.btv-panel__head { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid var(--line); color: var(--brand); }
.btv-panel__head h2 { font-size: 19px; font-weight: 700; }
.btv-tool--gold .btv-panel__head { color: var(--gold); }
.btv-tool--currency .btv-panel__head { color: #16803C; }
.btv-panel--dark { background: linear-gradient(160deg, #1C170E, #0F0C07); border-color: #2E2616; color: #ddd; }
.btv-panel--dark .btv-panel__head { border-color: #2E2616; color: #F5C542; }
.btv-panel--dark .btv-panel__head h2 { color: #fff; }
.btv-panel--fx { background: linear-gradient(160deg, #0D2A1B, #07170F); border-color: #173D29; color: #ddd; }
.btv-panel--fx .btv-panel__head { border-color: #1D4A32; color: #6EE7A0; }
.btv-panel--fx .btv-panel__head h2 { color: #fff; }
.btv-tool__split > .btv-panel { min-width: 0; }
.btv-tool__split > div > .btv-block { margin-top: 8px; }

/* Karat cards */
.btv-karats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.btv-karat { display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; align-items: center; gap: 14px; border: 1px solid var(--line); background: var(--surface); padding: 16px; transition: border-color .15s, transform .15s; }
.btv-karat:hover { border-color: var(--gold); transform: translateY(-2px); }
.btv-karat.is-key { border-color: var(--gold); background: linear-gradient(135deg, color-mix(in oklab, #F5C542 14%, var(--surface)), var(--surface) 70%); box-shadow: inset 0 3px 0 var(--gold); }
.btv-karat h3 { font-size: 18px; font-weight: 700; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.btv-karat__flag { font-size: 11px; font-weight: 700; color: #5E3F06; background: linear-gradient(135deg, #FFF3B0, #F5C542); padding: 1px 8px; }
.btv-karat__meta { font-size: 12.5px; color: var(--muted); margin-top: 3px; }
.btv-karat__price { text-align: end; display: flex; flex-direction: column; align-items: flex-end; }
.btv-karat__price strong { font-size: 24px; font-weight: 700; color: var(--ink); line-height: 1.15; }
.btv-karat__price small { font-size: 12px; color: var(--muted); }
.btv-karat__usd { font-size: 12.5px; color: var(--muted); margin-top: 4px; font-variant-numeric: tabular-nums; }
.btv-fi--karat { filter: drop-shadow(0 3px 6px rgba(143,100,16,.3)); }

/* Bullion cards */
.btv-bullion { margin-top: 18px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.btv-bullion__card { display: flex; align-items: center; gap: 16px; padding: 18px; border: 1px solid #3A2E15; background: linear-gradient(135deg, #1E180C, #120E07); color: #ddd; }
.btv-bullion__card--silver { border-color: #30353D; background: linear-gradient(135deg, #1B1E23, #111316); }
.btv-bullion__card .btv-fi { flex: 0 0 auto; filter: drop-shadow(0 6px 12px rgba(0,0,0,.5)); }
.btv-bullion__card h3 { color: #fff; font-size: 17px; font-weight: 700; }
.btv-bullion__meta { font-size: 12px; color: #999; margin-top: 2px; }
.btv-bullion__price { margin-top: 8px; font-size: 24px; font-weight: 700; color: #F5C542; display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.btv-bullion__card--silver .btv-bullion__price { color: #E2E6EC; }
.btv-bullion__price small { font-size: 13px; color: #aaa; font-weight: 500; }
.btv-bullion__price .btv-change--up { color: #4ADE80; }
.btv-bullion__price .btv-change--down { color: #FB7185; }
.btv-bullion__alt { font-size: 13px; color: #aaa; margin-top: 2px; }

/* Global market list */
.btv-market { list-style: none; margin: 0 0 16px; padding: 0; }
.btv-market li { display: flex; align-items: center; gap: 12px; padding: 8px 0; border-bottom: 1px solid #2E2616; font-size: 14.5px; }
.btv-market li > span:not(.btv-cur) { flex: 1; color: #bbb; }
.btv-market li bdi { color: #fff; font-weight: 700; font-variant-numeric: tabular-nums; }
.btv-market .btv-fi { flex: 0 0 auto; }

/* Currency badges */
.btv-cur { flex: 0 0 auto; display: inline-grid; place-items: center; border-radius: 50%; font-weight: 700; line-height: 1; font-family: Arial, 'Almarai', sans-serif; box-shadow: inset 0 -2px 0 rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.35); }
.btv-cur--sm { width: 32px; height: 32px; font-size: 14px; }
.btv-cur--md { width: 40px; height: 40px; font-size: 17px; }
.btv-cur--lg { width: 52px; height: 52px; font-size: 22px; }
.btv-cur--long.btv-cur--sm { font-size: 10px; }
.btv-cur--long.btv-cur--md { font-size: 12px; }
.btv-cur--long.btv-cur--lg { font-size: 15px; }
.btv-cur--usd { background: linear-gradient(135deg, #6EE7A0, #16803C); color: #fff; }
.btv-cur--world { background: linear-gradient(135deg, #93C5FD, #1D4ED8); color: #fff; }
.btv-cur--arab { background: linear-gradient(135deg, #FDE68A, #B8860B); color: #3B2A05; }
.btv-country { display: flex; align-items: center; gap: 10px; color: var(--ink); }
.btv-country > span:last-child { display: flex; flex-direction: column; line-height: 1.35; }
.btv-country small { font-size: 11.5px; font-weight: 400; color: var(--muted); }
.btv-country em { font-style: normal; font-weight: 400; font-size: 11.5px; color: var(--muted); }
.btv-table td.is-key { font-weight: 700; }

/* Currency quick cards */
.btv-fxquick { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.btv-fxquick__card { display: flex; align-items: center; gap: 14px; border: 1px solid var(--line); background: var(--surface); padding: 16px; transition: border-color .15s, transform .15s; }
.btv-fxquick__card:hover { border-color: #16803C; transform: translateY(-2px); }
.btv-fxquick__name { font-size: 13px; color: var(--muted); }
.btv-fxquick__value { font-size: 22px; font-weight: 700; color: var(--ink); line-height: 1.25; }
.btv-fxquick__value small { font-size: 12px; font-weight: 500; color: var(--muted); }

/* 7-day list */
.btv-days { list-style: none; margin: 0; padding: 0; }
.btv-days li { display: grid; grid-template-columns: 110px minmax(0, 1fr) 90px 150px; align-items: center; gap: 14px; padding: 11px 0; border-bottom: 1px solid var(--line); }
.btv-days li:last-child { border-bottom: 0; }
.btv-days li.is-today .btv-days__date { color: #16803C; }
.btv-days__date { font-weight: 700; color: var(--ink); font-size: 15px; display: flex; flex-direction: column; }
.btv-days__date small { font-size: 12px; font-weight: 400; color: var(--muted); }
.btv-days__bar { position: relative; height: 8px; background: linear-gradient(to right, transparent calc(50% - .5px), var(--line) calc(50% - .5px), var(--line) calc(50% + .5px), transparent calc(50% + .5px)); }
.btv-days__bar span { position: absolute; top: 0; bottom: 0; border-radius: 4px; }
.btv-days__bar--up span { background: var(--up); border-radius: 0 4px 4px 0; }
.btv-days__bar--down span { background: var(--down); border-radius: 4px 0 0 4px; }
.btv-days__value { font-size: 17px; font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; text-align: end; }
.btv-days__change { text-align: end; }

/* Converter in the green panel */
.btv-panel--fx.btv-converter { display: flex; flex-direction: column; gap: 12px; }
.btv-panel--fx .btv-panel__head { margin-bottom: 2px; }
.btv-panel--fx input, .btv-panel--fx select { background: rgba(0,0,0,.25); border-color: #1D4A32; }
.btv-converter__swap { display: grid; place-items: center; color: #6EE7A0; }
.btv-converter__swap .btv-fi { width: 20px; height: 20px; }
.btv-converter__result { display: flex; align-items: center; gap: 12px; border-top-color: #1D4A32; }
.btv-converter__result output { font-size: 22px; font-weight: 700; color: #fff; font-variant-numeric: tabular-nums; line-height: 1.3; min-width: 0; overflow-wrap: anywhere; }

/* Page chart colours (validated): gold on the gold page. */
.btv-tool--gold { --chart: #B8860B; --chart-on-dark: #B8860B; }
.btv-tool--currency { --chart-on-dark: #E0364F; }

/* Related news */
.btv-tool-news__grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 28px; }
.btv-tool-news__list .btv-row--latest:first-child { padding-top: 0; }

/* ---------- Footer ---------- */
.btv-footer { background: var(--dark); margin-top: 40px; padding: 36px 0 20px; }
.btv-footer__grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 28px; }
.btv-footer__brand img { height: 48px; width: auto; margin-bottom: 12px; }
.btv-footer__brand p { color: #999; font-size: 13.5px; line-height: 1.8; margin: 0 0 14px; }
.btv-footer__col h3 { color: #fff; font-size: 15px; font-weight: 600; margin-bottom: 12px; }
.btv-footer__col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.btv-footer__col a { color: #999; font-size: 13.5px; }
.btv-footer__col a:hover { color: #fff; }
.btv-footer__bottom { margin-top: 26px; padding-top: 16px; border-top: 1px solid #262626; display: flex; justify-content: space-between; gap: 16px; color: #777; font-size: 12.5px; }

.btv-tabbar { display: none; }

/* ---------- Tablet ---------- */
@media (max-width: 1100px) {
	.btv-credits { display: none; }
	.btv-hero__text h1, .btv-hero__text .btv-h1 { font-size: 34px; }
	.btv-grid-5 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.btv-sports__grid { grid-template-columns: minmax(0, 1fr); }
	.btv-footer__grid { grid-template-columns: 1fr 1fr; }
	.btv-nav__list { overflow-x: auto; scrollbar-width: none; }
	.btv-nav__list::-webkit-scrollbar { display: none; }
	.btv-nav__list .sub-menu { display: none !important; }
}

@media (max-width: 1100px) {
	.btv-mhero__in { grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; }
	.btv-karats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.btv-fxquick { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1000px) {
	.btv-mhero__in { grid-template-columns: minmax(0, 1fr); }
	.btv-bullion { grid-template-columns: minmax(0, 1fr); }
	.btv-article-layout, .btv-archive__layout, .btv-watch__grid, .btv-onlive__grid, .btv-tool__split, .btv-tool__split--weather, .btv-tool-news__grid { grid-template-columns: minmax(0, 1fr); }
	.btv-videos__grid, .btv-programs__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.btv-show__art { flex-basis: 200px; }
	.btv-show h1 { font-size: 38px; }
	.btv-playlist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.btv-playlist__label { grid-column: 1 / -1; }
	.btv-archive__side { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; align-items: start; }
	.btv-archive__side .btv-ad--box { margin-top: 0; }
	.btv-article__side { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; align-items: start; }
	.btv-ad--tall { margin-top: 0; }
}

@media (max-width: 900px) {
	.btv-hero, .btv-live__grid, .btv-split, .btv-w0__grid, .btv-w2 { grid-template-columns: minmax(0, 1fr); }
	.btv-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.btv-topbar .btv-socials { display: none; }
}

/* ---------- Mobile (design: 390px frame) ---------- */
@media (max-width: 768px) {
	:root { --gutter: 16px; }
	.btv-hide-mobile { display: none !important; }
	body { padding-bottom: 62px; }

	.btv-topbar { display: none; }
	.btv-brandbar__in { height: 56px; padding-top: 0; padding-bottom: 0; justify-content: space-between; gap: 10px; }
	.btv-brandbar__in > .btv-icon-btn { font-size: 19px; }
	.btv-logo img { height: 34px; }
	.btv-search, .btv-brandbar__actions, .btv-brandbar__ad, .btv-search__go { display: none; }
	.btv-brandbar__mobile-end { display: flex; align-items: center; gap: 12px; }
	.btv-brandbar.is-searching .btv-search { display: flex; position: absolute; inset-inline: 12px; top: 6px; max-width: none; z-index: 5; }
	.btv-brandbar { position: relative; }
	.btv-credits-mobile { display: flex; align-items: center; justify-content: center; gap: 14px; padding: 7px 14px; border-bottom: 1px solid var(--line); font-size: 11px; color: var(--muted); }
	.btv-credits-mobile b { color: var(--ink); }
	.btv-nav { display: none; }


	.btv-home { padding-top: 16px; }
	.btv-hero { gap: 16px; }
	.btv-hero__media { margin-inline: calc(var(--gutter) * -1); border-inline: 0; }
	.btv-hero__arrow { width: 34px; height: 34px; font-size: 16px; }
	.btv-hero__text { padding-top: 12px; }
	.btv-hero__text h1, .btv-hero__text .btv-h1 { font-size: 28px; line-height: 1.3; margin: 6px 0 8px; }
	.btv-hero__text p { display: none; }
	.btv-hero__side { flex-direction: row; overflow-x: auto; gap: 12px; margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); scrollbar-width: none; }
	.btv-hero.is-ready .btv-hero__side [data-side].is-shown, .btv-row--side { display: block; flex: 0 0 200px; border: 0; padding: 0; }
	.btv-row--side .btv-kicker { display: none; }
	.btv-row--side h3 { font-size: 15.5px; margin: 8px 0 4px; }

	.btv-live { margin-inline: calc(var(--gutter) * -1); padding: 16px; margin-top: 16px; }
	.btv-live__head { margin-bottom: 12px; }
	.btv-live__head h2 { font-size: 19px; }
	.btv-live__head > span:last-child, .btv-player__bar, .btv-live__next, .btv-live__sched-title, .btv-live__sched { display: none; }
	.btv-player { border: 0; }
	.btv-player__play { width: 56px; height: 56px; font-size: 20px; }
	.btv-live__info { border: 0; padding: 0; }
	.btv-live__now { border: 0; padding: 0; }
	.btv-live__title { font-size: 17px; }

	.btv-split { gap: 20px; margin-top: 20px; }
	.btv-head { margin-bottom: 14px; padding-bottom: 7px; }
	.btv-head h2 { font-size: 19px; }
	.btv-sq { width: 12px; height: 12px; margin-inline-end: 7px; }
	.btv-row--latest { grid-template-columns: 112px minmax(0, 1fr); gap: 12px; padding: 12px 0; }
	.btv-row--latest .btv-media { border-radius: 4px; }
	.btv-row--latest time { font-size: 11.5px; margin-bottom: 3px; }
	.btv-row--latest h3 { font-size: 15.5px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	.btv-ad--box { display: none; }

	.btv-block, .btv-w0, .btv-w1, .btv-w2, .btv-w4, .btv-w5 { margin-top: 28px; }
	.btv-grid-egypt, .btv-grid-3, .btv-sports__cards, .btv-grid-2 { grid-template-columns: minmax(0, 1fr); gap: 18px; }
	.btv-card--lead h3, .btv-card h3 { font-size: 18px; }
	.btv-sports { margin-inline: calc(var(--gutter) * -1); padding: 18px var(--gutter); }
	.btv-grid-4 { grid-template-columns: minmax(0, 1fr); gap: 18px; }
	.btv-scroll-mobile { display: flex; overflow-x: auto; gap: 12px; margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); scroll-snap-type: x mandatory; scrollbar-width: none; }
	.btv-scroll-mobile > * { flex: 0 0 62%; scroll-snap-align: start; }
	.btv-w1 .btv-scroll-mobile > * { flex-basis: 58%; }
	.btv-w4 .btv-scroll-mobile > * { flex-basis: 46%; }

	.btv-w0 { margin-inline: calc(var(--gutter) * -1); padding: 18px var(--gutter); }
	.btv-w0__list a { grid-template-columns: 34px minmax(0, 1fr) 88px; gap: 10px; }
	.btv-w0__n { font-size: 24px; }
	.btv-overlay__text h3 { font-size: 18px; }
	.btv-w1__head h2 { font-size: 24px; }
	.btv-w2__lead { grid-template-columns: minmax(0, 1fr); }
	.btv-w2__lead h3 { font-size: 20px; }
	.btv-w2__items { grid-template-columns: minmax(0, 1fr); }
	.btv-w2__items a { border: 0; padding: 0; display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 12px; }
	.btv-w4 { margin-inline: calc(var(--gutter) * -1); padding: 24px var(--gutter); }
	.btv-w4__head h2 { font-size: 22px; }
	.btv-w5__grid { grid-template-columns: 1fr 1fr; grid-template-rows: 260px 170px 170px; }
	.btv-w5__lead { grid-column: span 2; grid-row: auto; }
	.btv-w5__lead h3 { font-size: 19px; }

	.btv-article-layout { padding-top: 14px; gap: 28px; }
	.btv-article__title { font-size: 26px; line-height: 1.4; margin: 12px 0 10px; }
	.btv-article__meta { gap: 10px; }
	.btv-share { margin-inline-start: 0; width: 100%; display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
	.btv-share a, .btv-share button { flex-direction: column; justify-content: center; gap: 3px; text-align: center; padding: 7px 2px; font-size: 11.5px; line-height: 1.3; }
	.btv-share svg { width: 18px; height: 18px; }
	.btv-article__figure { margin-inline: calc(var(--gutter) * -1); }
	.btv-article__figure .btv-media { border-inline: 0; }
	.btv-article__figure figcaption { padding-inline: var(--gutter); }
	.btv-article__body { font-size: 17.5px; line-height: 1.9; }
	.btv-article__body h2 { font-size: 22px; }
	.btv-article__body blockquote { font-size: 18px; }
	.btv-ad--article { min-height: 250px; }
	.btv-related .btv-scroll-mobile > * { flex-basis: 70%; }
	.btv-article__side { display: block; }
	.btv-ad--tall { display: none; }

	.btv-archive { padding-top: 14px; }
	.btv-archive__head { flex-direction: column; align-items: stretch; gap: 10px; }
	.btv-archive__head h1 { font-size: 26px; }
	.btv-sq--lg { width: 14px; height: 14px; }
	.btv-tabs { gap: 0; margin-bottom: -12px; }
	.btv-tabs a { flex: 1; text-align: center; padding: 8px 0; }
	.btv-archive__layout { margin-top: 18px; gap: 28px; }
	.btv-archive__lead { grid-template-columns: minmax(0, 1fr); gap: 12px; padding-bottom: 18px; }
	.btv-archive__lead h2 { font-size: 22px; margin: 6px 0 8px; }
	.btv-archive__lead p { display: none; }
	.btv-archive__grid { grid-template-columns: minmax(0, 1fr); gap: 0; margin-top: 4px; }
	.btv-archive__item { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 12px; align-items: start; padding: 14px 0; border-bottom: 1px solid var(--line); }
	.btv-archive__item .btv-kicker { margin-top: 0; font-size: 11.5px; }
	.btv-archive__item h3 { font-size: 16px; line-height: 1.5; margin: 3px 0 4px; }
	.btv-archive__item time { font-size: 11.5px; }
	.btv-archive__side { display: block; }
	.btv-archive__side .btv-ad--box { display: none; }
	.btv-pager { gap: 6px; }
	.btv-pager .page-numbers { min-width: 36px; height: 36px; padding: 0 10px; }

	.btv-videos { padding-top: 14px; }
	.btv-videos__title { font-size: 26px; margin-bottom: 14px; }
	.btv-chips { flex-wrap: nowrap; overflow-x: auto; margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); scrollbar-width: none; padding-bottom: 14px; }
	.btv-chips a { padding: 7px 14px; font-size: 13.5px; }
	.btv-videos__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; margin-top: 18px; }
	.btv-videos__grid .btv-video h3 { font-size: 14.5px; }
	.btv-videos__grid .btv-play { width: 38px; height: 38px; font-size: 13px; }

	.btv-watch { padding: 0 0 14px; }
	.btv-watch__grid { gap: 14px; padding: 0; }
	.btv-watch .btv-player { border-inline: 0; }
	.btv-watch .btv-player__bar { display: none; }
	.btv-playlist { display: flex; flex-direction: row; overflow-x: auto; gap: 10px; padding-inline: var(--gutter); scrollbar-width: none; }
	.btv-playlist__label { display: none; }
	.btv-playlist a { flex: 0 0 64%; grid-template-columns: 96px minmax(0, 1fr); gap: 9px; }
	.btv-playlist__title { font-size: 13px; }
	.btv-watch__body { padding-top: 14px; }
	.btv-article__title--video { font-size: 23px; line-height: 1.4; }
	.btv-article__body--video { font-size: 16.5px; }
	.btv-ad--first { display: none; }
	.btv-ad--first + .btv-mostread { margin-top: 0; }

	.btv-programs { padding-top: 14px; }
	.btv-programs__title { font-size: 26px; }
	.btv-programs__lede { font-size: 14.5px; margin-bottom: 18px; }
	.btv-programs__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.btv-program-card__body { padding: 10px; }
	.btv-program-card h2 { font-size: 15.5px; }
	.btv-program-card__host, .btv-program-card__slot { font-size: 12px; }
	.btv-program-card__actions { flex-direction: column; gap: 6px; }
	.btv-program-card__actions a { font-size: 12.5px; padding: 6px 0; }
	.btv-play--program { width: 38px; height: 38px; font-size: 13px; }

	.btv-show { min-height: 0; }
	.btv-show__in { flex-direction: column; align-items: stretch; gap: 16px; padding-top: 20px; padding-bottom: 24px; }
	.btv-show__art { flex: none; width: 140px; }
	.btv-show__art--hosts { width: auto; min-height: 0; height: 260px; margin: -4px 0 2px; order: -1; border-bottom: 1px solid rgba(255,255,255,.14); }
	.btv-show__art--hosts.is-group { flex-basis: auto; }
	.btv-show__art--hosts.is-group figure { margin-inline-start: -10%; }
	.btv-show__art--hosts.is-group figure:first-child { margin-inline-start: 0; }
	.btv-show h1 { font-size: 30px; margin: 10px 0 6px; }
	.btv-show__text > p { font-size: 15.5px; }
	.btv-show__facts { gap: 8px 18px; font-size: 13px; }
	.btv-show__live { width: 100%; justify-content: center; }
	.btv-show__actions > a { width: 100%; justify-content: center; }
	.btv-archive--show { padding-top: 18px; }
	.btv-show__body { padding-top: 22px; }
	.btv-show__episodes .btv-video h3 { font-size: 15px; }
	.btv-show__split { grid-template-columns: minmax(0, 1fr); gap: 26px; margin-top: 28px; }
	.btv-show__news a { grid-template-columns: 64px minmax(0, 1fr); font-size: 15.5px; }

	.btv-onlive { padding: 14px 0 18px; }
	.btv-onlive .btv-live__head h1 { font-size: 21px; }
	.btv-onlive__tabs { width: 100%; margin: 6px 0 0; }
	.btv-onlive__tabs a { flex: 1; justify-content: center; height: 40px; padding: 0 8px; }
	.btv-onlive .btv-live__head > span:last-child { display: none; }
	.btv-onlive__grid { gap: 14px; }
	.btv-onlive .btv-player { margin-inline: calc(var(--gutter) * -1); border-inline: 0; }
	.btv-player--main .btv-player__play { width: 64px; height: 64px; font-size: 22px; }
	.btv-onlive__share > span { display: none; }
	.btv-onlive__share .btv-share { width: 100%; }
	.btv-onlive__info { padding: 14px; }
	.btv-onlive__show .btv-live__title { font-size: 18px; }
	.btv-onlive__body { padding-top: 24px; }
	.btv-guide__tabs { margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); }
	.btv-guide__tabs button { padding: 12px 12px 9px; font-size: 14px; }
	.btv-guide__day li { gap: 12px; padding: 12px 2px; }
	.btv-guide__time, .btv-guide__show { font-size: 15.5px; }
	.btv-guide__time { min-width: 82px; }
	.btv-programs__jump { margin-bottom: 18px; }
	.btv-programs .btv-guide { margin-top: 32px; }
	.btv-program > span { font-size: 12px; }

	.btv-shows { margin-inline: calc(var(--gutter) * -1); margin-top: 28px; }
	.btv-shows__panel { display: flex; flex-direction: column; min-height: 0; }
	.btv-shows__art { order: -1; height: 300px; flex: 0 0 auto; }
	.btv-shows__circle { inset: 16% 4% -40% 4%; }
	.btv-shows__ghost { top: 14px; font-size: 58px; -webkit-text-stroke-color: rgba(255,255,255,.2); }
	.btv-shows__active { bottom: 12px; inset-inline-start: 12px; padding: 6px 11px; font-size: 13.5px; }
	.btv-shows__info { padding: 18px 16px 16px; gap: 14px; }
	.btv-shows__hostnav { order: -1; margin-top: 0; gap: 6px; }
	.btv-shows__hostnav button { height: 22px; justify-content: center; }
	.btv-shows__hostname { display: none; }
	.btv-shows__name { font-size: 32px; line-height: 1.2; }
	.btv-shows__with { font-size: 16px; margin-top: 4px; }
	.btv-shows__when { flex-direction: column; align-items: stretch; gap: 12px; }
	.btv-shows__time bdi { font-size: 40px; }
	.btv-shows__time small { font-size: 15px; }
	.btv-shows__pills { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
	.btv-shows__pills span { font-size: 10.5px; padding: 6px 0; text-align: center; }
	.btv-shows__actions { flex-direction: column; }
	.btv-shows__live { display: flex; align-items: center; justify-content: center; height: 46px; padding: 0; }
	.btv-shows__episodes { text-align: center; padding: 10px; }
	.btv-shows__tabs { display: flex; overflow-x: auto; scrollbar-width: none; }
	.btv-shows__tabs button { flex: 0 0 auto; min-height: 48px; padding: 10px 16px; white-space: nowrap; }
	.btv-shows__tabsub { display: none; }

	.btv-breaking__in { flex-wrap: wrap; gap: 8px 10px; min-height: 0; padding-top: 10px; padding-bottom: 10px; }
	.btv-breaking__label { font-size: 12.5px; padding: 3px 9px; }
	.btv-breaking__slides { order: 3; flex-basis: 100%; }
	.btv-breaking__item { flex-direction: column; gap: 2px; }
	.btv-breaking__title { font-size: 15.5px; }
	.btv-breaking__time { font-size: 11.5px; }
	.btv-breaking__nav { margin-inline-start: auto; }
	.btv-breaking__nav button, .btv-breaking__close { width: 28px; height: 28px; }

	.btv-tool { padding-top: 14px; }
	.btv-tool__head { flex-direction: column; align-items: stretch; gap: 14px; }
	.btv-tool__head h1 { font-size: 24px; }
	.btv-toolbar { display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 8px; }
	.btv-toolbar select { min-width: 0; width: 100%; }
	.btv-tool__split { margin-top: 20px; gap: 20px; }

	.btv-mhero__in { padding-top: 16px; padding-bottom: 22px; gap: 26px; }
	.btv-mhero h1 { font-size: 25px; margin-top: 6px; }
	.btv-mhero__updated { margin-bottom: 14px; }
	.btv-mhero .btv-toolbar select { min-width: 0; }
	.btv-mhero__card { padding: 18px; }
	.btv-mhero__art { top: -14px; inset-inline-end: 8px; }
	.btv-mhero__art.btv-fi { width: 70px; height: 70px; }
	.btv-mhero__art--fx { transform: scale(.8); transform-origin: top left; }
	.btv-mhero__value { font-size: 42px; }
	.btv-block--first { margin-top: 20px; }
	.btv-karats { grid-template-columns: minmax(0, 1fr); gap: 10px; }
	.btv-karat { grid-template-columns: 48px minmax(0, 1fr) auto; padding: 12px; gap: 12px; }
	.btv-karat .btv-fi--karat { width: 48px; height: 48px; }
	.btv-karat h3 { font-size: 16px; }
	.btv-karat__price strong { font-size: 20px; }
	.btv-bullion { gap: 10px; }
	.btv-bullion__card { padding: 14px; }
	.btv-bullion__card .btv-fi { width: 52px; height: 52px; }
	.btv-bullion__price { font-size: 21px; }
	.btv-panel { padding: 14px; }
	.btv-fxquick { gap: 8px; }
	.btv-fxquick__card { flex-direction: column; align-items: flex-start; gap: 8px; padding: 12px; }
	.btv-fxquick__card .btv-cur--lg { width: 40px; height: 40px; font-size: 17px; }
	.btv-fxquick__value { font-size: 19px; }
	.btv-days li { grid-template-columns: 80px minmax(0, 1fr) auto; gap: 10px; }
	.btv-days__change { grid-column: 2 / -1; text-align: start; margin-top: -6px; }
	.btv-days__value { font-size: 16px; }
	.btv-table--countries .btv-cur--sm { width: 28px; height: 28px; font-size: 12px; }
	.btv-table { font-size: 14px; }
	.btv-table th, .btv-table td { padding: 9px 8px; }
	.btv-chart__svg--wide { display: none; }
	.btv-chart__svg--narrow { display: block; }

	.btv-now { margin-inline: calc(var(--gutter) * -1); padding: 20px var(--gutter); }
	.btv-now__main .btv-wx-icon { width: 72px; height: 72px; }
	.btv-now__temp { font-size: 60px; }
	.btv-forecast { padding: 4px 12px; }
	.btv-forecast li { grid-template-columns: 58px 36px 40px minmax(0, 1fr); gap: 8px; }
	.btv-forecast__sky span { display: none; }
	.btv-forecast__day strong { font-size: 14px; }
	.btv-forecast__min, .btv-forecast__max { font-size: 14px; min-width: 26px; }
	.btv-cities { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	.btv-city { padding: 10px 12px; }
	.btv-city__now { font-size: 22px; }

	.btv-footer { padding-top: 28px; }
	.btv-footer__grid { grid-template-columns: 1fr 1fr; gap: 22px; }
	.btv-footer__brand { grid-column: 1 / -1; }
	.btv-footer__bottom { flex-direction: column; text-align: center; }

	.btv-tabbar {
		display: grid; grid-template-columns: repeat(5, 1fr); align-items: center; text-align: center;
		position: fixed; inset: auto 0 0 0; z-index: 100; height: 62px;
		background: var(--surface); border-top: 1px solid var(--line);
		padding-bottom: env(safe-area-inset-bottom);
	}
	.btv-tabbar a, .btv-tabbar button { font-size: 11.5px; color: var(--muted); background: none; border: 0; padding: 0; display: flex; flex-direction: column; align-items: center; gap: 1px; }
	.btv-tabbar i { font-style: normal; font-size: 16px; line-height: 1.3; }
	.btv-tabbar .is-on { color: var(--brand); font-weight: 600; }
	.btv-tabbar__live { color: var(--brand) !important; font-weight: 600; }
	.btv-tabbar__live i { width: 42px; height: 42px; border-radius: 50%; background: var(--brand); color: #fff; display: grid; place-items: center; font-size: 15px; margin-top: -14px; box-shadow: 0 0 0 4px var(--surface); }
}

@media (prefers-reduced-motion: reduce) {
	.btv-dot { animation: none; }
	.btv-breaking__item { animation: none; }
	.btv-shows__host, .btv-shows__seg, .btv-shows__hostnav button { transition: none; }
	.btv-hero__slide, .btv-overlay > img { transition: none; }
}