/* =========================================================
   Bhajan Dhun — Homepage v2 ("Feel the Divine in Every Moment")
   Desktop is drawn on a 1672px design grid; --u scales it.
   ========================================================= */
.bd-home-v2 { background: #fdfaf8; }
.bd-home-v2 .bd-header { display: none; }
.bd-home-v2 .bd-main { padding: 0; }

.bdh {
	--u: clamp(.8px, calc(100vw / 1672), 1.2px);
	--maroon: #5b1212;
	--ink: #241a15;
	--muted: #5c534d;
	--orange: #fb4d14;
	--blue: #1c5df2;
	--serif: "Lora", Georgia, "Times New Roman", serif;
	--sans: "Roboto", "Segoe UI", Arial, sans-serif;
	font-family: var(--sans);
	color: var(--ink);
	-webkit-font-smoothing: antialiased;
}
.bdh *, .bdh *::before, .bdh *::after { box-sizing: border-box; }
:where(.bdh) h2, :where(.bdh) p { margin: 0; }
:where(.bdh) a { text-decoration: none; color: inherit; }
.bdh button { font: inherit; cursor: pointer; }
:where(.bdh) img { display: block; max-width: 100%; height: auto; }
.bdh-ico { width: 1em; height: 1em; flex: none; }
.bdh-dot { margin: 0 .12em; }

/* ---------------- HERO (desktop ≥1200: pixel-mapped to the artwork) ---------------- */
.bdh-hero {
	position: relative;
	container-type: inline-size;
	width: 100%; max-width: 100%;
	aspect-ratio: 1672 / 376;
	min-height: 330px;
	background: #fbf1e6 var(--bdh-hero) right center / cover no-repeat;
	overflow: hidden;
}
.bdh-hero > * { --k: calc(100cqw / 1672); }
.bdh-hero::before {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background: linear-gradient(90deg, rgba(253, 247, 240, .5) 0%, rgba(253, 247, 240, .25) 22%, rgba(253, 247, 240, 0) 30%);
}
.bdh-hero__art { display: none; }

.bdh-hero__topbar {
	position: absolute; z-index: 3; top: calc(12 * var(--k)); right: calc(14 * var(--k));
	display: flex; gap: 6px; padding: 4px;
	background: rgba(255, 255, 255, .28); border: 1px solid rgba(255, 255, 255, .45);
	border-radius: 999px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
.bdh-pill-btn {
	width: 34px; height: 34px; border-radius: 50%; border: 0; display: grid; place-items: center;
	background: rgba(255, 255, 255, .85); color: var(--maroon); font-size: 18px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
}
.bdh-pill-btn:hover { background: #fff; }

.bdh-brand {
	position: absolute; z-index: 2; left: calc(55 * var(--k)); top: calc(10 * var(--k));
	display: flex; align-items: center; gap: calc(13 * var(--k));
}
.bdh-brand__logo { width: calc(92 * var(--k)); height: auto; min-width: 54px; }
.bdh-brand__text { display: flex; flex-direction: column; }
.bdh-brand__name {
	font: 600 max(26px, calc(40 * var(--k)))/1 var(--serif); color: var(--maroon); letter-spacing: -.2px;
}
.bdh-brand__tag {
	margin-top: calc(9 * var(--k)); font: 400 max(11.5px, calc(16 * var(--k)))/1.1 var(--sans); color: #5a1b12;
}

.bdh-hero__title {
	position: absolute; z-index: 2; left: calc(57 * var(--k)); top: calc(97 * var(--k)); margin: 0;
	font: 600 max(32px, calc(51 * var(--k)))/1.04 var(--serif); color: var(--maroon);
	letter-spacing: -.3px;
}
.bdh-hero__lines {
	position: absolute; z-index: 2; left: calc(60 * var(--k)); top: calc(211 * var(--k));
	display: flex; flex-direction: column;
	font: 400 max(12.5px, calc(16.5 * var(--k)))/1.3 var(--sans); color: #2a1b15;
}

.bdh-quote {
	position: absolute; z-index: 2; margin: 0; left: calc(1080 * var(--k)); top: calc(60 * var(--k));
	width: calc(230 * var(--k)); text-align: center;
}
.bdh-quote p { font: 500 max(16px, calc(26.5 * var(--k)))/1.24 var(--serif); color: #3a2015; }
.bdh-quote__orn {
	display: block; margin: calc(10 * var(--k)) auto 0; width: calc(96 * var(--k)); height: 7px; position: relative;
	background: linear-gradient(#5a3a28, #5a3a28) left center / 42% 1px no-repeat, linear-gradient(#5a3a28, #5a3a28) right center / 42% 1px no-repeat;
}
.bdh-quote__orn::after {
	content: ""; position: absolute; left: 50%; top: 50%; width: 5px; height: 5px; background: #5a3a28;
	transform: translate(-50%, -50%) rotate(45deg);
}

.bdh-search {
	position: absolute; z-index: 2; left: calc(44 * var(--k)); top: calc(274 * var(--k));
	width: calc(648 * var(--k)); height: max(40px, calc(47 * var(--k)));
	display: flex; align-items: center; background: #fff; border-radius: 999px;
	box-shadow: 0 2px 10px rgba(80, 40, 10, .14);
}
.bdh-search__ico { font-size: max(18px, calc(22 * var(--k))); margin: 0 calc(16 * var(--k)) 0 calc(18 * var(--k)); color: #222; }
.bdh-search input {
	flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: none;
	font: 400 max(13px, calc(15 * var(--k))) var(--sans); color: #222;
}
.bdh-search input::placeholder { color: #50505a; }
.bdh-search button {
	height: 100%; width: calc(122 * var(--k)); min-width: 86px; border: 0; border-radius: 999px;
	background: linear-gradient(180deg, #fd6427, #fb4510); color: #fff;
	font: 500 max(14px, calc(17 * var(--k))) var(--sans); box-shadow: 0 0 0 3px #fff;
}
.bdh-search button:hover { filter: brightness(1.05); }
.bdh-search:focus-within { box-shadow: 0 0 0 3px rgba(251, 77, 20, .25), 0 2px 10px rgba(80, 40, 10, .14); }

.bdh-popular {
	position: absolute; z-index: 2; left: calc(48 * var(--k)); top: calc(331 * var(--k));
	display: flex; align-items: center; gap: calc(10 * var(--k));
	font: 400 max(11.5px, calc(13 * var(--k))) var(--sans); color: #222;
}
.bdh-popular > span { margin-right: calc(6 * var(--k)); }
.bdh-popular a {
	height: max(30px, calc(37 * var(--k))); display: inline-flex; align-items: center; padding: 0 calc(16 * var(--k));
	background: #fff; border-radius: 999px; color: #222; font-size: max(11px, calc(12.5 * var(--k)));
	box-shadow: 0 1px 4px rgba(70, 40, 20, .1); white-space: nowrap;
}
.bdh-popular a:hover { color: var(--orange); }

/* ---------------- WRAP ---------------- */
.bdh-wrap { padding: calc(9 * var(--u)) calc(16 * var(--u)) calc(16 * var(--u)); max-width: 1900px; margin: 0 auto; }

/* ---------------- FEATURES ---------------- */
.bdh-features { display: grid; grid-template-columns: repeat(9, 1fr); gap: calc(9 * var(--u)); }
.bdh-feature {
	display: flex; flex-direction: column; align-items: center; text-align: center;
	height: calc(105 * var(--u)); padding-top: calc(9 * var(--u));
	background: var(--bg); border-radius: 10px; border: 1px solid rgba(120, 80, 50, .06);
	transition: transform .15s, box-shadow .15s;
}
.bdh-feature:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(90, 50, 20, .1); }
.bdh-feature__ico { font-size: calc(44 * var(--u)); color: var(--ic); stroke-width: 1.6; }
.bdh-feature strong { margin-top: calc(6 * var(--u)); font: 600 calc(16.5 * var(--u))/1.1 var(--serif); color: #241812; }
.bdh-feature span { margin-top: calc(3 * var(--u)); font: 400 calc(12.5 * var(--u))/1.2 var(--sans); color: #4a403a; }

/* ---------------- GRID ---------------- */
.bdh-grid { margin-top: calc(11 * var(--u)); display: grid; gap: calc(9 * var(--u)); }
.bdh-row { display: grid; gap: calc(11 * var(--u)); align-items: stretch; }
.bdh-row--a { grid-template-columns: 447fr 470fr 358fr 326fr; }
.bdh-row--b { grid-template-columns: 455fr 366fr 512fr 271fr; }
.bdh h2 { font-family: var(--serif); }

/* ---------------- LIVE DARSHAN ---------------- */
.bdh-live { background: #fff; border-radius: 10px; box-shadow: 0 1px 5px rgba(0, 0, 0, .1); overflow: hidden; display: flex; flex-direction: column; }
.bdh-live__top { background: #161313; border-radius: 10px; padding: 0 calc(9 * var(--u)) 0 calc(13 * var(--u)); }
.bdh-live__head { display: flex; align-items: center; justify-content: space-between; height: calc(42 * var(--u)); }
.bdh-live__head h2 { font-weight: 500; font-size: calc(23 * var(--u)); color: #fff; }
.bdh-live__head a { color: #fff; font-size: calc(12.5 * var(--u)); display: inline-flex; align-items: center; gap: 4px; }
.bdh-live__head a .bdh-ico { font-size: 1.05em; }
.bdh-live__head a:hover { color: #ffd9c4; }
.bdh-live__feature { position: relative; display: block; border-radius: 6px 6px 10px 10px; overflow: hidden; color: #fff; }
.bdh-live__feature img { width: 100%; aspect-ratio: 425 / 152; object-fit: cover; }
.bdh-live__feature::after { content: ""; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, rgba(0, 0, 0, .35)); pointer-events: none; }
.bdh-badge-live {
	position: absolute; z-index: 1; left: 1px; top: 2px; display: inline-flex; align-items: center; gap: calc(5 * var(--u));
	padding: calc(5 * var(--u)) calc(9 * var(--u)); background: #e3141c; border-radius: 6px;
	font: 500 calc(17 * var(--u))/1 var(--sans); letter-spacing: .3px;
}
.bdh-badge-live .bdh-ico { font-size: .95em; }
.bdh-live__meta { position: absolute; z-index: 1; left: 3px; bottom: calc(12 * var(--u)); display: flex; flex-direction: column; text-shadow: 0 1px 4px rgba(0, 0, 0, .5); }
.bdh-live__meta strong { font: 500 calc(18.5 * var(--u))/1.2 var(--serif); }
.bdh-live__meta span { font-size: calc(13 * var(--u)); margin-top: calc(2 * var(--u)); }
.bdh-live__play {
	position: absolute; z-index: 1; right: calc(12 * var(--u)); bottom: calc(25 * var(--u));
	width: calc(43 * var(--u)); height: calc(43 * var(--u)); border-radius: 50%; border: 2.5px solid #fff;
	display: grid; place-items: center; font-size: calc(22 * var(--u)); background: rgba(0, 0, 0, .25);
	transition: transform .15s;
}
.bdh-live__play .bdh-ico { margin-left: 3px; }
.bdh-live__feature:hover .bdh-live__play { transform: scale(1.08); }
.bdh-live__watch { position: absolute; z-index: 1; right: 4px; bottom: calc(4 * var(--u)); display: inline-flex; align-items: center; gap: 6px; font-size: calc(12.5 * var(--u)); text-shadow: 0 1px 3px rgba(0, 0, 0, .6); }
.bdh-live__thumbs { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(6 * var(--u)); padding: calc(5 * var(--u)) calc(5 * var(--u)) calc(6 * var(--u)) calc(4 * var(--u)); }
.bdh-live__thumbs a { display: flex; flex-direction: column; min-width: 0; }
.bdh-live__thumbs img { width: 100%; aspect-ratio: 2 / 1; object-fit: cover; border-radius: 5px; transition: filter .15s; }
.bdh-live__thumbs a:hover img { filter: brightness(1.08); }
.bdh-live__thumbs strong { margin-top: calc(5 * var(--u)); font: 500 calc(13 * var(--u))/1.2 var(--sans); color: #1f1f1f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bdh-live__thumbs span { display: inline-flex; align-items: center; gap: 4px; font-size: calc(10 * var(--u)); color: #555; margin-top: 1px; }
.bdh-rec { width: calc(10 * var(--u)); height: calc(10 * var(--u)); border-radius: 3px; background: #e3141c; position: relative; flex: none; }
.bdh-rec::after { content: ""; position: absolute; inset: 30%; border-radius: 50%; background: #fff; }

/* ---------------- AI YATRA PLANNER ---------------- */
.bdh-yatra { background: #fff; border-radius: 10px; box-shadow: 0 1px 5px rgba(0, 0, 0, .1); overflow: hidden; display: flex; flex-direction: column; }
.bdh-yatra__head {
	position: relative; min-height: calc(146 * var(--u)); padding: calc(9 * var(--u)) calc(30 * var(--u)) calc(10 * var(--u));
	background-size: cover; background-position: center; color: #fff;
}
.bdh-yatra__head::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8, 26, 48, .35), rgba(8, 26, 48, .15) 45%, transparent 60%); }
.bdh-yatra__head > * { position: relative; }
.bdh-yatra__head h2 { font-weight: 600; font-size: calc(25 * var(--u)); line-height: 1.15; text-shadow: 0 1px 3px rgba(0, 0, 0, .3); }
.bdh-yatra__head p { margin-top: calc(3 * var(--u)); font-size: calc(18 * var(--u)); line-height: 1.12; max-width: calc(215 * var(--u)); }
.bdh-checks { list-style: none; margin: calc(7 * var(--u)) 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, auto); justify-content: start; gap: calc(5 * var(--u)) calc(14 * var(--u)); }
.bdh-checks li { display: inline-flex; align-items: center; gap: calc(7 * var(--u)); font-size: calc(13 * var(--u)); }
.bdh-checks .bdh-ico { font-size: calc(13 * var(--u)); color: #f08c00; }
.bdh-yatra__form {
	flex: 1; display: grid; grid-template-columns: 1fr 1fr; align-content: start;
	gap: calc(7 * var(--u)) calc(11 * var(--u)); padding: calc(6 * var(--u)) calc(14 * var(--u)) calc(10 * var(--u)) calc(12 * var(--u));
}
.bdh-field { position: relative; min-width: 0; }
.bdh-field label { display: block; font-size: calc(11.5 * var(--u)); color: #666b78; margin: 0 0 calc(3 * var(--u)) calc(30 * var(--u)); }
.bdh-field--dest label { margin-left: 2px; }
.bdh-field input[type="text"], .bdh-field select, .bdh-field__box, .bdh-field--dates, .bdh-field--adults, .bdh-field--child {
	height: calc(30 * var(--u)); min-height: 28px; border: 1px solid #e7e9f0; border-radius: 7px; background: #fff;
	font: 500 calc(12 * var(--u)) var(--sans); color: #2a2a35;
}
.bdh-field input[type="text"] { width: calc(100% - calc(28 * var(--u))); margin-left: calc(26 * var(--u)); padding: 0 calc(10 * var(--u)); outline: 0; }
.bdh-field__ico { position: absolute; color: #f08c00; font-size: calc(15 * var(--u)); }
.bdh-field__ico--big { left: calc(2 * var(--u)); top: 0; font-size: calc(18 * var(--u)); }
.bdh-field__box { display: flex; align-items: center; position: relative; }
.bdh-field__box .bdh-field__ico { left: calc(12 * var(--u)); top: 50%; transform: translateY(-50%); }
.bdh-field select { appearance: none; -webkit-appearance: none; outline: 0; cursor: pointer; }
.bdh-field__box select { border: 0; height: 100%; width: 100%; padding: 0 calc(10 * var(--u)) 0 calc(34 * var(--u)); background: none; }
.bdh-field--dates, .bdh-field--adults, .bdh-field--child { display: flex; align-items: center; }
.bdh-field--dates { padding-left: calc(36 * var(--u)); }
.bdh-field--dates .bdh-field__ico, .bdh-field--adults .bdh-field__ico, .bdh-field--child .bdh-field__ico { left: calc(12 * var(--u)); top: 50%; transform: translateY(-50%); }
.bdh-dates { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; pointer-events: none; }
.bdh-date { position: absolute; top: 0; bottom: 0; opacity: 0; cursor: pointer; width: 50%; border: 0; padding: 0; }
.bdh-date--a { left: 0; }
.bdh-date--b { right: 0; }
.bdh-date::-webkit-calendar-picker-indicator { position: absolute; inset: 0; width: auto; height: auto; opacity: 0; cursor: pointer; }
.bdh-field--pax { display: flex; gap: calc(9 * var(--u)); }
.bdh-yatra__form .bdh-field--adults { grid-column: 2; grid-row: 2; width: calc(54% - 4px); }
.bdh-yatra__form .bdh-field--child { grid-column: 2; grid-row: 2; width: calc(44% - 4px); justify-self: end; }
.bdh-field--adults select, .bdh-field--child select { border: 0; height: 100%; width: 100%; background: none; padding: 0 calc(24 * var(--u)) 0 calc(34 * var(--u)); }
.bdh-field--child select { padding-right: 6px; padding-left: calc(28 * var(--u)); }
.bdh-field__ico--navy { color: #2b3a8f; }
.bdh-field__ico--brown { color: #8a4a1a; }
.bdh-field__chev { position: absolute; right: calc(10 * var(--u)); top: 50%; transform: translateY(-50%); font-size: calc(12 * var(--u)); color: #888; pointer-events: none; }
.bdh-field--dates:focus-within, .bdh-field--adults:focus-within, .bdh-field--child:focus-within, .bdh-field__box:focus-within, .bdh-field input[type="text"]:focus { border-color: #fb9a6e; box-shadow: 0 0 0 2px rgba(251, 77, 20, .12); }
.bdh-yatra__go {
	grid-column: 1 / -1; margin-top: calc(6 * var(--u)); height: calc(40 * var(--u)); min-height: 38px; border: 0; border-radius: 7px;
	background: linear-gradient(90deg, #fd4a12, #fb3d10 60%, #fc2f0a); color: #fff;
	font: 500 calc(16 * var(--u)) var(--sans); display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	box-shadow: 0 3px 10px rgba(251, 61, 16, .3);
}
.bdh-yatra__go .bdh-ico { font-size: 1.2em; }
.bdh-yatra__go:hover { filter: brightness(1.06); }

/* ---------------- ASTROLOGY ---------------- */
.bdh-astro {
	border-radius: 10px; background: #160c12 center / cover no-repeat; color: #fff;
	padding: calc(10 * var(--u)) calc(12 * var(--u)) calc(14 * var(--u)) calc(14 * var(--u)); overflow: hidden;
}
.bdh-astro h2 { font-weight: 600; font-size: calc(21.5 * var(--u)); line-height: 1.2; padding-left: calc(14 * var(--u)); white-space: nowrap; }
.bdh-astro p { padding-left: calc(14 * var(--u)); font-size: calc(14.5 * var(--u)); margin-top: calc(4 * var(--u)); }
.bdh-astro__tiles {
	margin-top: calc(15 * var(--u)); width: calc(250 * var(--u)); max-width: 72%;
	display: flex; flex-wrap: wrap; gap: calc(9 * var(--u)) calc(5 * var(--u));
}
.bdh-tile {
	height: calc(91 * var(--u)); border: 0; border-radius: 8px; background: #fdf3ee;
	display: flex; flex-direction: column; align-items: center; justify-content: flex-end; padding: 0 2px calc(8 * var(--u));
	text-align: center; color: #1d1d1d; transition: transform .15s, box-shadow .15s;
}
.bdh-tile:hover { transform: translateY(-2px); box-shadow: 0 6px 14px rgba(0, 0, 0, .35); }
.bdh-tile--0 { width: calc((100% - 10px) * 91 / 238); }
.bdh-tile--1 { width: calc((100% - 10px) * 73 / 238); }
.bdh-tile--2 { width: calc((100% - 10px) * 74 / 238); }
.bdh-tile--3 { width: calc((100% - 10px) * 72 / 239); }
.bdh-tile--4 { width: calc((100% - 10px) * 74 / 239); }
.bdh-tile--5 { width: calc((100% - 10px) * 93 / 239); }
.bdh-tile__ico { font-size: calc(36 * var(--u)); margin-bottom: auto; margin-top: calc(9 * var(--u)); color: #ea5a12; }
.bdh-tile__ico--headset { color: #1f2a7a; }
.bdh-tile__ico--headset rect { fill: #e3141c; stroke: #e3141c; }
.bdh-tile__ico--heart, .bdh-tile__ico--chart { color: #e8380f; }
.bdh-tile strong { font: 500 calc(11.5 * var(--u))/1.2 var(--sans); white-space: nowrap; }
.bdh-tile span { font-size: calc(9 * var(--u)); color: #555; margin-top: 1px; }

/* ---------------- BHAJANS ---------------- */
.bdh-bhaj {
	border-radius: 10px; background: #2b2a26 center / cover no-repeat; color: #fff;
	padding: calc(9 * var(--u)) calc(9 * var(--u)) calc(7 * var(--u)); display: flex; flex-direction: column; overflow: hidden;
}
.bdh-bhaj h2 { font-weight: 500; font-size: calc(22 * var(--u)); padding-left: calc(3 * var(--u)); line-height: 1.25; text-shadow: 0 1px 4px rgba(0, 0, 0, .4); }
.bdh-bhaj p { font-size: calc(12.5 * var(--u)); padding-left: calc(3 * var(--u)); margin-top: calc(3 * var(--u)); text-shadow: 0 1px 3px rgba(0, 0, 0, .5); }
.bdh-bhaj__panel {
	margin-top: auto; background: #fff; color: #222; border-radius: 10px; padding: calc(8 * var(--u)) calc(8 * var(--u)) calc(4 * var(--u));
	min-height: calc(182 * var(--u)); box-shadow: 0 -2px 10px rgba(0, 0, 0, .15);
}
.bdh-tabs { display: flex; gap: calc(6 * var(--u)); justify-content: space-between; }
.bdh-tabs button {
	flex: 1; height: calc(22 * var(--u)); min-height: 22px; border: 0; border-radius: 999px; background: #f1efee; color: #2b2b2b;
	font-weight: 500; font-size: calc(11.5 * var(--u)); padding: 0 4px; white-space: nowrap;
}
.bdh-tabs button[aria-selected="true"] { background: #593225; color: #fff; }
.bdh-tracks { list-style: none; margin: calc(6 * var(--u)) 0 0; padding: 0; }
.bdh-tracks li { display: flex; align-items: center; gap: calc(14 * var(--u)); padding: calc(4 * var(--u)) calc(4 * var(--u)) calc(4 * var(--u)) calc(14 * var(--u)); }
.bdh-tracks img { width: calc(38 * var(--u)); height: calc(37 * var(--u)); object-fit: cover; border-radius: 4px; flex: none; }
.bdh-tracks__t { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.bdh-tracks__t > a, .bdh-tracks__t > strong { font-weight: 500; font-size: calc(12 * var(--u)); color: #1d1d1d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bdh-tracks__t > a:hover { color: var(--orange); }
.bdh-tracks__t > span { font-size: calc(11 * var(--u)); color: #6a6a78; margin-top: 2px; }
.bdh-tracks__play { border: 0; background: none; display: inline-flex; align-items: center; gap: calc(7 * var(--u)); color: #222; font-size: calc(11 * var(--u)); padding: 6px 0 6px 6px; }
.bdh-tracks__play .bdh-ico { font-size: calc(12 * var(--u)); }
.bdh-tracks__play .is-pause, .bdh-tracks__play.is-playing .is-play { display: none; }
.bdh-tracks__play.is-playing .is-pause { display: inline; }
.bdh-tracks__play.is-playing { color: var(--orange); }

/* ---------------- BOTTOM MINI CARDS ---------------- */
.bdh-mini { border-radius: 10px; padding: calc(10 * var(--u)) calc(14 * var(--u)) calc(4 * var(--u)) calc(16 * var(--u)); border: 1px solid rgba(120, 80, 60, .06); min-width: 0; }
.bdh-puja { background: linear-gradient(180deg, #fdeeea, #fdf4f1); }
.bdh-prasad { background: linear-gradient(180deg, #f4ecf4, #f8f3f7); }
.bdh-yatras { background: linear-gradient(180deg, #ebf1f9, #f2f6fb); }
.bdh-mini__head { display: flex; align-items: center; gap: calc(10 * var(--u)); min-height: calc(40 * var(--u)); }
.bdh-mini__head > div { flex: 1; min-width: 0; }
.bdh-mini__ico { font-size: calc(36 * var(--u)); color: #f08c00; }
.bdh-prasad .bdh-mini__ico { color: #c2255c; }
.bdh-mini__head h2 { font-weight: 600; font-size: calc(19 * var(--u)); line-height: 1.15; color: #1f1612; }
.bdh-mini__head p { font-size: calc(12.5 * var(--u)); color: #3a3330; margin-top: 2px; }
.bdh-viewall { align-self: center; display: inline-flex; align-items: center; gap: 4px; color: var(--blue) !important; font-size: calc(13 * var(--u)); font-weight: 500; white-space: nowrap; background: none; border: 0; }
.bdh-viewall:hover { text-decoration: underline !important; }
.bdh-mini__items { display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(9 * var(--u)); margin-top: calc(8 * var(--u)); }
.bdh-mini__item { display: flex; flex-direction: column; align-items: center; min-width: 0; border: 0; background: none; padding: 0; text-align: center; color: #1d1d1d; }
.bdh-mini__item img { width: 100%; aspect-ratio: 98 / 51; object-fit: cover; border-radius: 6px; transition: transform .2s; }
.bdh-mini__item:hover img { transform: scale(1.03); }
.bdh-prasad .bdh-mini__item img { aspect-ratio: 86 / 58; background: #efe6e0; }
.bdh-yatras .bdh-mini__item img { aspect-ratio: 110 / 49; }
.bdh-mini__item strong { margin-top: calc(6 * var(--u)); font-weight: 500; font-size: calc(10.5 * var(--u)); white-space: nowrap; }
.bdh-mini__item span { font-size: calc(9.5 * var(--u)); color: #666; }

/* ---------------- COMMUNITY ---------------- */
.bdh-comm {
	position: relative; border-radius: 10px; background: #e8b98d center / cover no-repeat; text-align: center;
	padding: calc(10 * var(--u)) 10px calc(54 * var(--u)); min-height: calc(129 * var(--u)); overflow: hidden;
}
.bdh-comm h2 { font-weight: 600; font-size: calc(19 * var(--u)); color: #1d1410; }
.bdh-comm p { font-size: calc(13 * var(--u)); color: #2a1d17; margin-top: calc(3 * var(--u)); }
.bdh-comm__btn {
	position: absolute; left: 50%; bottom: calc(8 * var(--u)); transform: translateX(-50%);
	display: inline-flex; align-items: center; justify-content: center; gap: calc(8 * var(--u));
	width: calc(140 * var(--u)); height: calc(33 * var(--u)); min-height: 32px; border: 0; border-radius: 9px; background: #fff;
	font: 500 calc(14.5 * var(--u)) var(--sans); color: #2b2b2b; box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
}
.bdh-comm__btn .bdh-ico { font-size: 1.25em; color: #e8590c; }
.bdh-comm__btn:hover { background: #fff6ef; }

/* ---------------- toast + player ---------------- */
.bdh-toast {
	position: fixed; z-index: 1000; left: 50%; bottom: 84px; transform: translateX(-50%);
	max-width: min(92vw, 420px); padding: 11px 18px; border-radius: 12px; background: #2a1712; color: #fff;
	font-size: 14px; box-shadow: 0 8px 24px rgba(0, 0, 0, .25); text-align: center;
}
.bdh-player { position: fixed; inset: 0; z-index: 1001; background: rgba(10, 6, 4, .78); display: grid; place-items: center; padding: 16px; }
.bdh-player[hidden] { display: none; }
.bdh-player__box { position: relative; width: min(960px, 100%); aspect-ratio: 16 / 9; background: #000; border-radius: 12px; overflow: hidden; }
.bdh-player__frame, .bdh-player__frame iframe, .bdh-player__frame video { width: 100%; height: 100%; border: 0; display: block; }
.bdh-player__x { position: absolute; z-index: 2; top: 8px; right: 8px; width: 36px; height: 36px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .9); font-size: 18px; display: grid; place-items: center; }

/* =================== ≤1199: tablet + mobile hero =================== */
@media (max-width: 1199px) {
	.bdh { --u: 1px; }
	.bdh-hero {
		aspect-ratio: auto; min-height: 0; background: linear-gradient(180deg, #fdf6ee, #fbefe2);
		display: flex; flex-direction: column; padding: 14px 16px 16px;
	}
	.bdh-hero::before { display: none; }
	.bdh-hero > * { --k: 1px; position: static; left: auto; top: auto; }
	.bdh-hero__topbar { position: absolute; top: 14px; right: 12px; background: rgba(255, 255, 255, .6); border-color: rgba(120, 60, 30, .12); }
	.bdh-brand { gap: 10px; padding-right: 92px; }
	.bdh-brand__logo { width: 62px; min-width: 0; }
	.bdh-brand__name { font-size: 30px; }
	.bdh-brand__tag { font-size: 12.5px; margin-top: 5px; }
	.bdh-hero__title { margin-top: 18px; font-size: 40px; line-height: 1.05; }
	.bdh-hero__lines { margin-top: 10px; font-size: 14px; line-height: 1.5; }
	.bdh-hero__art {
		display: block; order: 5; margin: 16px -16px 0; aspect-ratio: 3; position: relative;
		background: var(--bdh-hero) 38% center / cover no-repeat;
	}
	.bdh-hero__art::after { content: ""; position: absolute; inset: 55% 0 0; background: linear-gradient(rgba(251, 239, 226, 0), #fbefe2 92%); }
	.bdh-quote { display: none; }
	.bdh-search { order: 6; width: 100%; height: 50px; margin-top: -34px; position: relative; }
	.bdh-search__ico { font-size: 20px; margin: 0 10px 0 16px; }
	.bdh-search input { font-size: 15px; }
	.bdh-search button { width: 104px; font-size: 16px; }
	.bdh-popular {
		order: 7; margin: 12px -16px 0; padding: 0 16px 4px; gap: 8px; overflow-x: auto; scrollbar-width: none;
		-webkit-overflow-scrolling: touch; font-size: 13px;
	}
	.bdh-popular::-webkit-scrollbar { display: none; }
	.bdh-popular a { height: 34px; padding: 0 14px; font-size: 13px; }

	.bdh-wrap { padding: 12px 16px 24px; }
	.bdh-features { grid-template-columns: repeat(5, 1fr); gap: 10px; }
	.bdh-feature { height: auto; min-height: 104px; padding: 12px 6px 10px; }
	.bdh-row--a, .bdh-row--b { grid-template-columns: 1fr 1fr; }
	.bdh-grid, .bdh-row { gap: 14px; }
	.bdh-astro__tiles { width: 300px; }
}

@media (max-width: 759px) {

	.bdh-hero__topbar a.bdh-pill-btn { display: none; }
	.bdh-brand { padding-right: 46px; }
	.bdh-brand__logo { width: 54px; }
	.bdh-brand__name { font-size: 28px; }
	.bdh-brand__tag { font-size: 11px; white-space: nowrap; }
	.bdh-yatra__form { grid-template-columns: 1fr 1fr; }
	.bdh-yatra__form .bdh-field--from, .bdh-yatra__form .bdh-field--dest, .bdh-yatra__form .bdh-field--dates { grid-column: 1 / -1; }
	.bdh-yatra__form .bdh-field--adults { grid-column: 1; grid-row: 4; width: 100%; }
	.bdh-yatra__form .bdh-field--child { grid-column: 2; grid-row: 4; width: 100%; }
	.bdh-field input[type="text"], .bdh-field__box, .bdh-field--dates, .bdh-field--adults, .bdh-field--child { height: 40px; font-size: 14px; }
	.bdh-field label { font-size: 12px; }
	.bdh-field select, .bdh-field input, .bdh-search input { font-size: 16px !important; } /* iOS: no zoom on focus */
	.bdh-dates { font-size: 15px; }
	.bdh-yatra__go { height: 46px; font-size: 16px; }
	.bdh-hero__title { font-size: 34px; }
	.bdh-hero__lines { font-size: 13px; }
	.bdh-hero__art { aspect-ratio: 1.75; }
	.bdh-search { height: 48px; }
	.bdh-search input { font-size: 14px; }
	.bdh-search button { width: 88px; font-size: 15px; }

	.bdh-features { grid-template-columns: repeat(3, 1fr); gap: 8px; }
	.bdh-feature { min-height: 100px; padding: 10px 4px 8px; }
	.bdh-feature__ico { font-size: 36px; }
	.bdh-feature strong { font-size: 14px; }
	.bdh-feature span { font-size: 11px; }

	/* single column, mobile order: Live, Yatra, Bhajans, Astrology, Yatras, Puja, Prasad, Community */
	.bdh-grid { display: flex; flex-direction: column; gap: 14px; }
	.bdh-row { display: contents; }
	.bdh-live { order: 1; } .bdh-yatra { order: 2; } .bdh-bhaj { order: 3; } .bdh-astro { order: 4; }
	.bdh-yatras { order: 5; } .bdh-puja { order: 6; } .bdh-prasad { order: 7; } .bdh-comm { order: 8; }

	.bdh-live__head h2 { font-size: 21px; }
	.bdh-bhaj { min-height: 330px; }
	.bdh-astro { background-position: 70% center; }
	.bdh-astro__tiles { width: 100%; max-width: 330px; }
	.bdh-tile { height: 92px; }
	.bdh-astro h2 { font-size: 20px; white-space: normal; }
	.bdh-mini__items { grid-template-columns: repeat(4, minmax(110px, 1fr)); overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; scrollbar-width: none; }
	.bdh-mini__items::-webkit-scrollbar { display: none; }
	.bdh-mini__item { scroll-snap-align: start; }
	.bdh-mini__item strong { font-size: 12px; }
	.bdh-mini__item span { font-size: 11px; }
	.bdh-mini__head h2 { font-size: 18px; }
	.bdh-mini__head p { font-size: 12.5px; }
	.bdh-viewall { font-size: 13px; }
	.bdh-comm { min-height: 170px; padding-top: 18px; }
	.bdh-comm h2 { font-size: 21px; }

	.bdh-toast { bottom: calc(80px + env(safe-area-inset-bottom)); }
}

@media (max-width: 380px) {
	.bdh-hero__title { font-size: 30px; }
	.bdh-brand__name { font-size: 26px; }
	.bdh-tabs button { font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
	.bdh * { transition: none !important; }
}

/* ---------------- clickable hero words ---------------- */
.bdh-brand__home { display: block; flex: none; }
.bdh-brand__tag a, .bdh-hero__lines a { color: inherit; text-decoration: none; border-radius: 4px; transition: color .15s, background-color .15s; text-underline-offset: 3px; }
.bdh-brand__tag a:hover, .bdh-hero__lines a:hover, .bdh-brand__tag a:focus-visible, .bdh-hero__lines a:focus-visible { color: var(--orange); text-decoration: underline; text-decoration-thickness: 1.5px; }
.bdh-brand__name:hover { color: #7a1c12; }
.bdh-hero__lines a { padding: 1px 0; }
.bdh :target, .bdh [id] { scroll-margin-top: 16px; }
html { scroll-behavior: smooth; }
@media (max-width: 1199px) {
	.bdh-hero__lines a, .bdh-brand__tag a { display: inline-block; padding: 3px 0; }
}

/* ---------------- NUMEROLOGY section ---------------- */
.bdh-num {
	position: relative; overflow: hidden; border-radius: 10px; padding: calc(16 * var(--u)) calc(20 * var(--u));
	display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.25fr) minmax(0, 1.6fr); gap: calc(18 * var(--u)); align-items: center;
	background: radial-gradient(120% 160% at 0% 0%, #6e2412 0%, #3b0d08 55%, #1f0805 100%); color: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, .12);
}
.bdh-num__deco { position: absolute; inset: 0; display: flex; justify-content: space-around; align-items: center; pointer-events: none; }
.bdh-num__deco span { font: 700 calc(120 * var(--u))/1 var(--serif); color: rgba(255, 200, 120, .06); }
.bdh-num > *:not(.bdh-num__deco) { position: relative; }
.bdh-num__intro { display: flex; gap: calc(12 * var(--u)); align-items: flex-start; }
.bdh-num__ico { font-size: calc(34 * var(--u)); line-height: 1; }
.bdh-num h2 { font-weight: 600; font-size: calc(22 * var(--u)); color: #ffe2b0; line-height: 1.2; }
.bdh-num__intro p { font-size: calc(13 * var(--u)); opacity: .9; margin-top: calc(4 * var(--u)); line-height: 1.45; }
.bdh-num__intro ul { list-style: none; margin: calc(8 * var(--u)) 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: calc(6 * var(--u)); }
.bdh-num__intro li { font-size: calc(11.5 * var(--u)); padding: calc(3 * var(--u)) calc(9 * var(--u)); border-radius: 999px; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 220, 170, .25); }
.bdh-num__form { display: grid; grid-template-columns: 1fr 1fr; gap: calc(8 * var(--u)); }
.bdh-num__form label { display: flex; flex-direction: column; gap: 3px; font-size: calc(11.5 * var(--u)); color: #ffd7b0; }
.bdh-num__form input { height: calc(40 * var(--u)); min-height: 38px; border: 1px solid rgba(255, 220, 170, .35); border-radius: 8px; padding: 0 10px; background: rgba(255, 255, 255, .95); color: #241a15; font: 400 calc(14 * var(--u)) var(--sans); min-width: 0; }
.bdh-num__form button { grid-column: 1 / -1; height: calc(40 * var(--u)); min-height: 38px; border: 0; border-radius: 8px; background: linear-gradient(90deg, #fd5a1e, #fb3d10); color: #fff; font: 500 calc(15 * var(--u)) var(--sans); box-shadow: 0 3px 10px rgba(251, 61, 16, .35); }
.bdh-num__form button:disabled { opacity: .7; cursor: wait; }
.bdh-num__out { display: grid; grid-template-columns: repeat(3, 1fr) auto; gap: calc(8 * var(--u)); align-items: stretch; }
.bdh-num__tile { border-radius: 10px; padding: calc(8 * var(--u)) calc(6 * var(--u)); text-align: center; background: linear-gradient(160deg, #fff7ec, #fde3c8); color: #241a15; display: flex; flex-direction: column; justify-content: center; gap: 1px; min-width: 0; }
.bdh-num__tile small { font: 700 calc(10.5 * var(--u)) var(--sans); letter-spacing: .08em; text-transform: uppercase; color: #9a6a1c; }
.bdh-num__tile b { font: 700 calc(36 * var(--u))/1.05 var(--serif); color: var(--maroon); }
.bdh-num__tile span { font-size: calc(11 * var(--u)); color: #4a403a; line-height: 1.25; }
.bdh-num__tile.is-pop { animation: bdh-pop .45s ease; }
@keyframes bdh-pop { 0% { transform: scale(.9); } 60% { transform: scale(1.04); } 100% { transform: none; } }
.bdh-num__more { align-self: center; color: #ffd08a !important; font-weight: 500; font-size: calc(13 * var(--u)); white-space: nowrap; padding: 0 calc(4 * var(--u)); }
.bdh-num__more:hover { text-decoration: underline; }
.bdh-num__err { grid-column: 1 / -1; font-size: 12.5px; color: #ffb4a2; }

@media (max-width: 1199px) {
	.bdh-num { grid-template-columns: 1fr 1fr; padding: 18px; gap: 16px; }
	.bdh-num__out { grid-column: 1 / -1; }
	.bdh-num h2 { font-size: 21px; }
	.bdh-num__form input { font-size: 16px; }
}
@media (max-width: 759px) {
	.bdh-num { order: 5; grid-template-columns: 1fr; padding: 16px; }
	.bdh-yatras { order: 6; } .bdh-puja { order: 7; } .bdh-prasad { order: 8; } .bdh-comm { order: 9; }
	.bdh-num__out { grid-template-columns: repeat(3, 1fr); }
	.bdh-num__more { grid-column: 1 / -1; text-align: center; padding: 6px 0; font-size: 14px; }
	.bdh-num__tile b { font-size: 32px; }
	.bdh-num__tile span { font-size: 11px; }
	.bdh-num__intro p { font-size: 13px; } .bdh-num__intro li { font-size: 11.5px; }
	.bdh-num__form label { font-size: 12px; }
	.bdh-num__form button { font-size: 15px; height: 44px; }
}

/* ================= v1.9.2: badi Live Darshan + Yatra / Katha / Aarti row ================= */
.bdh-row--a { grid-template-columns: 917fr 358fr 326fr; }
.bdh-row--c { display: grid; gap: calc(11 * var(--u)); grid-template-columns: 470fr 400fr 400fr; align-items: stretch; }
.bdh-live__head { height: calc(50 * var(--u)); }
.bdh-live__head h2 { font-size: calc(27 * var(--u)); }
.bdh-live__feature img { aspect-ratio: 16 / 6.4; }
.bdh-live__meta strong { font-size: calc(26 * var(--u)); }
.bdh-live__meta span { font-size: calc(15 * var(--u)); }
.bdh-live__meta { left: calc(14 * var(--u)); bottom: calc(16 * var(--u)); }
.bdh-live__play { width: calc(62 * var(--u)); height: calc(62 * var(--u)); font-size: calc(30 * var(--u)); right: calc(20 * var(--u)); bottom: calc(34 * var(--u)); }
.bdh-badge-live { left: calc(10 * var(--u)); top: calc(10 * var(--u)); }
.bdh-live__watch { right: calc(14 * var(--u)); bottom: calc(10 * var(--u)); font-size: calc(14 * var(--u)); }
.bdh-live__thumbs { gap: calc(10 * var(--u)); padding: calc(10 * var(--u)); }
.bdh-live__thumbs img { aspect-ratio: 16 / 8; border-radius: 8px; }
.bdh-live__thumbs strong { font-size: calc(15.5 * var(--u)); margin-top: calc(7 * var(--u)); }
.bdh-live__thumbs span { font-size: calc(12 * var(--u)); }

.bdh-bk { background: #fff; border-radius: 10px; box-shadow: 0 1px 5px rgba(0, 0, 0, .1); padding: calc(14 * var(--u)) calc(16 * var(--u)); display: flex; flex-direction: column; min-width: 0; }
.bdh-bk--katha { background: linear-gradient(180deg, #fff8ef, #fff 55%); }
.bdh-bk--aarti { background: linear-gradient(180deg, #fff3e6, #fff 55%); }
.bdh-bk__head { display: flex; align-items: center; gap: calc(10 * var(--u)); margin-bottom: calc(8 * var(--u)); }
.bdh-bk__head > div { flex: 1; min-width: 0; }
.bdh-bk__badge { flex: none; width: calc(44 * var(--u)); height: calc(44 * var(--u)); min-width: 38px; min-height: 38px; display: grid; place-items: center; font-size: calc(22 * var(--u)); border-radius: 12px; background: linear-gradient(135deg, #fde3cc, #f9c79c); }
.bdh-bk__head h2 { font: 600 calc(21 * var(--u))/1.15 var(--serif); color: var(--maroon); }
.bdh-bk__head p { margin: 2px 0 0; font-size: calc(12.5 * var(--u)); color: #6b5446; }
.bdh-bk__list { list-style: none; margin: 0; padding: 0; display: grid; gap: calc(6 * var(--u)); flex: 1; align-content: start; }
.bdh-bk__list a { display: flex; align-items: center; gap: calc(10 * var(--u)); padding: calc(8 * var(--u)) calc(10 * var(--u)); border-radius: 10px; border: 1px solid #f3e4d6; background: rgba(255, 255, 255, .85); transition: background .15s, border-color .15s; }
.bdh-bk__list a:hover { background: #fff1e4; border-color: #f2b48a; }
.bdh-bk__list b { flex: none; font-size: calc(22 * var(--u)); font-weight: 400; width: calc(34 * var(--u)); text-align: center; }
.bdh-bk__list span { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.bdh-bk__list strong { font: 600 calc(14.5 * var(--u))/1.25 var(--sans); color: #2a1712; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bdh-bk__list small { font-size: calc(11.5 * var(--u)); color: #7a6558; }
.bdh-bk__go { flex: none; color: #c2410c; font-size: calc(16 * var(--u)); }

@media (max-width: 1199px) {
	.bdh-row--a { grid-template-columns: 1fr 1fr; }
	.bdh-row--a .bdh-live { grid-column: 1 / -1; }
	.bdh-row--c { grid-template-columns: 1fr 1fr; gap: 14px; }
	.bdh-row--c .bdh-yatra { grid-column: 1 / -1; }
	.bdh-bk__head h2 { font-size: 19px; } .bdh-bk__head p { font-size: 12.5px; }
	.bdh-bk__list strong { font-size: 14px; } .bdh-bk__list small { font-size: 12px; } .bdh-bk__list b { font-size: 21px; width: 30px; }
	.bdh-live__head h2 { font-size: 22px; } .bdh-live__meta strong { font-size: 20px; } .bdh-live__thumbs strong { font-size: 14px; } .bdh-live__thumbs span { font-size: 11px; }
}
@media (max-width: 759px) {
	.bdh-row--c { display: contents; }
	.bdh-live { order: 1; } .bdh-yatra { order: 2; } .bdh-bk--katha { order: 3; } .bdh-bk--aarti { order: 4; }
	.bdh-bhaj { order: 5; } .bdh-astro { order: 6; } .bdh-num { order: 7; } .bdh-yatras { order: 8; } .bdh-puja { order: 9; } .bdh-prasad { order: 10; } .bdh-comm { order: 11; } .bdh-news { order: 12; }
	.bdh-bk { padding: 14px; }
	.bdh-live__feature img { aspect-ratio: 16 / 8; }
	.bdh-live__play { width: 48px; height: 48px; font-size: 22px; }
}
/* Astrology card badi row mein: tiles bade aur beech mein */
.bdh-row--a .bdh-astro { display: flex; flex-direction: column; }
.bdh-row--a .bdh-astro__tiles { margin-block: auto; }
@media (min-width: 1200px) { .bdh-row--a .bdh-tile { height: calc(112 * var(--u)); } }
/* Homepage numerology form ka tithi picker (form ke orange button style se alag) */
.bdh-num__form .bd-dob__field { grid-column: auto; height: calc(40 * var(--u)); min-height: 38px; background: rgba(255, 255, 255, .95); color: #241a15; box-shadow: none; border: 1px solid rgba(255, 220, 170, .35); border-radius: 8px; font: 400 calc(14 * var(--u)) var(--sans); padding: 0 10px; }
.bdh-num__form .bd-dob__field.is-empty .bd-dob__txt { color: #8a7a70; }

/* v2.0 naya logo */
.bdh-brand__logo { width: calc(108 * var(--k)); min-width: 64px; aspect-ratio: 1 / 1; border-radius: 16px; box-shadow: 0 3px 12px rgba(80, 30, 5, .18); }
@media (max-width: 759px) { .bdh-brand__logo { width: 66px; min-width: 0; border-radius: 12px; } }

@media (max-width: 759px) { .bdh-hero__topbar .bdmm-user--hero { display: none; } .bdh-hero__topbar .bdmm-btn--hero { width: 40px; height: 40px; } }

/* ===== v2.1.5 HERO: chitra poori chaudai mein; baayein mandir dhundhle, unpar "Feel the Divine"; Radha Krishna saaf ===== */
.bdh-hero__art { position: relative; overflow: hidden; }
.bdh-hero__pic { display: block; width: 100%; height: auto; }
.bdh-hero__art::before { content: ""; display: block; position: absolute; inset: 0; z-index: 1; pointer-events: none;
	-webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px);
	-webkit-mask-image: linear-gradient(90deg, #000 0%, #000 34%, transparent 52%); mask-image: linear-gradient(90deg, #000 0%, #000 34%, transparent 52%);
	background: linear-gradient(90deg, rgba(70, 20, 8, .45) 0%, rgba(70, 20, 8, .28) 30%, rgba(70, 20, 8, 0) 52%); }
.bdh-hero__over { position: absolute; z-index: 2; inset: 0 auto 0 0; width: 48%; display: flex; flex-direction: column; justify-content: center; padding: 0 0 0 clamp(16px, 4.4vw, 72px); color: #fff; text-shadow: 0 2px 12px rgba(40, 10, 0, .55); }
.bdh-hero__over > * { position: static !important; }
.bdh-hero .bdh-hero__over .bdh-hero__title { margin: 0; color: #fff; font-size: clamp(30px, 4vw, 64px); line-height: 1.04; }
.bdh-hero .bdh-hero__over .bdh-hero__lines { margin: clamp(8px, 1.2vw, 18px) 0 0; display: flex; flex-direction: column; font-size: clamp(13px, 1.15vw, 18px); line-height: 1.4; }
.bdh-hero__over .bdh-hero__lines a, .bdh-hero__over .bdh-hero__lines span, .bdh-hero__over .bdh-dot { color: #fff; }
.bdh-hero__over .bdh-hero__lines a:hover { color: #ffe1a6; }
.bdh-hero .bdh-hero__over .bdh-quote { margin: clamp(10px, 1.6vw, 26px) 0 0; width: auto; text-align: left; }
.bdh-hero .bdh-hero__over .bdh-quote p { font: italic 500 clamp(15px, 1.4vw, 21px)/1.3 var(--serif); color: #ffe7b8; }
.bdh-hero__over .bdh-quote p br { display: none; }
.bdh-hero__over .bdh-quote__orn { display: none; }

@media (min-width: 1200px) {
	.bdh-hero {
		aspect-ratio: auto; min-height: 0; background: #fbf1e6; overflow: visible;
		display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 30px;
		grid-template-areas: "brand bar" "art art" "search pop"; grid-template-rows: auto auto auto;
		padding: 14px 44px 20px;
	}
	.bdh-hero::before { display: none; }
	.bdh-hero > * { --k: 1px; position: static; }
	.bdh-hero__topbar { grid-area: bar; justify-self: end; align-self: center; background: #fff; border-color: #f0dcc8; }
	.bdh-brand { grid-area: brand; }
	.bdh-brand__logo { width: 84px; }
	.bdh-brand__name { font-size: 38px; }
	.bdh-brand__tag { font-size: 14.5px; margin-top: 7px; }
	.bdh-hero__art { grid-area: art; display: block; margin: 14px -44px 6px; background: none; position: relative; }
	.bdh-hero__art::after { display: none; }
	.bdh-search { grid-area: search; align-self: center; width: 100%; height: 50px; margin-top: 10px; }
	.bdh-search__ico { font-size: 20px; margin: 0 12px 0 16px; }
	.bdh-search input { font-size: 15px; }
	.bdh-search button { width: 110px; font-size: 16px; }
	.bdh-popular { grid-area: pop; align-self: center; margin-top: 10px; flex-wrap: wrap; gap: 8px; font-size: 13px; }
	.bdh-popular a { height: 34px; padding: 0 15px; font-size: 13px; }
}
@media (max-width: 1199px) {
	.bdh-hero__art { display: block !important; aspect-ratio: auto !important; background: none !important; margin: 14px -16px 0 !important; position: relative !important; }
	.bdh-hero__art::after { display: none !important; }
	.bdh-search { margin-top: 14px !important; }
}
/* Phone: chitra chhota — uspar sirf heading; lines aur quote chitra ke neeche */
@media (max-width: 759px) {
	.bdh-hero__art::before { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 30%, transparent 55%); mask-image: linear-gradient(90deg, #000 0%, #000 30%, transparent 55%); background: linear-gradient(90deg, rgba(70, 20, 8, .5), rgba(70, 20, 8, 0) 58%); height: calc(100vw / 3); bottom: auto; }
	.bdh-hero__over { position: static; width: auto; padding: 0; color: inherit; text-shadow: none; display: block; }
	.bdh-hero .bdh-hero__over .bdh-hero__title { position: absolute !important; z-index: 2; left: 14px; top: calc(100vw / 6); transform: translateY(-50%); font-size: 23px; line-height: 1.1; color: #fff; text-shadow: 0 2px 10px rgba(40, 10, 0, .6); }
	.bdh-hero .bdh-hero__over .bdh-hero__lines { padding: 12px 16px 0; font-size: 13px; }
	.bdh-hero__over .bdh-hero__lines a, .bdh-hero__over .bdh-hero__lines span, .bdh-hero__over .bdh-dot { color: #2a1b15; }
	.bdh-hero .bdh-hero__over .bdh-quote { display: none; }
}

/* ===== v2.1.6: Astrology tiles bade, hero links bade, Search + Popular ek line, Bhajans bina image + Playlist ===== */
.bdh-astro .bdh-astro__tiles { width: auto; max-width: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 10px; margin-top: 14px; flex: 1; }
.bdh-row--a .bdh-astro .bdh-astro__tiles { margin-block: 14px 0; }
.bdh-astro .bdh-tile { width: auto !important; height: auto; min-height: 104px; padding: 12px 8px; justify-content: center; gap: 6px; border-radius: 12px; }
.bdh-astro .bdh-tile__ico { font-size: 38px; margin: 0 0 2px; }
.bdh-astro .bdh-tile strong { font: 600 15px/1.2 var(--sans); white-space: normal; word-break: keep-all; hyphens: none; }
.bdh-astro .bdh-tile span { font-size: 12.5px; line-height: 1.25; white-space: normal; }
@media (max-width: 759px) { .bdh-astro .bdh-astro__tiles { max-width: none; width: 100%; gap: 8px; grid-template-columns: repeat(3, minmax(0, 1fr)); } .bdh-astro .bdh-tile { min-height: 96px; padding: 10px 4px; } .bdh-astro .bdh-tile strong { font-size: 13.5px; } .bdh-astro .bdh-tile span { font-size: 11.5px; } }

.bdh-hero .bdh-hero__over .bdh-hero__lines { font-size: clamp(16px, 1.45vw, 22px); line-height: 1.45; font-weight: 500; }

/* Search aur Popular ek hi line mein, ek hi unchai par */
@media (min-width: 760px) {
	.bdh-hero .bdh-search, .bdh-hero .bdh-popular { align-self: center; }
	.bdh-hero .bdh-popular { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; min-width: 0; height: 50px; }
	.bdh-hero .bdh-popular::-webkit-scrollbar { display: none; }
	.bdh-hero .bdh-popular a { height: 40px; flex: none; }
	.bdh-hero .bdh-popular > span { flex: none; }
}
@media (min-width: 1200px) {
	.bdh-hero { grid-template-columns: minmax(380px, 44%) minmax(0, 1fr); }
	.bdh-hero .bdh-search, .bdh-hero .bdh-popular { margin-top: 12px !important; }
}
@media (min-width: 760px) and (max-width: 1199px) {
	.bdh-hero { display: grid !important; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); column-gap: 16px; grid-template-areas: "brand bar" "art art" "search pop"; align-items: center; }
	.bdh-hero .bdh-brand { grid-area: brand; }
	.bdh-hero .bdh-hero__topbar { position: static !important; grid-area: bar; justify-self: end; }
	.bdh-hero .bdh-hero__art { grid-area: art; }
	.bdh-hero .bdh-search { grid-area: search; margin: 14px 0 0 !important; width: 100%; }
	.bdh-hero .bdh-popular { grid-area: pop; margin: 14px 0 0 !important; padding: 0; }
}

/* Bhajans & Music: bina image, saaf card */
.bdh-bhaj--plain { background: linear-gradient(180deg, #fff3e6, #fff 60%) !important; color: #2a1a12; box-shadow: 0 1px 5px rgba(0, 0, 0, .1); padding: calc(12 * var(--u)) calc(12 * var(--u)) calc(10 * var(--u)); }
.bdh-bhaj--plain h2, .bdh-bhaj--plain h2 a { color: var(--maroon); text-shadow: none; font-family: var(--serif); font-weight: 600; }
.bdh-bhaj--plain > p { color: #6a5248; text-shadow: none; }
.bdh-bhaj--plain .bdh-bhaj__panel { margin-top: calc(10 * var(--u)); box-shadow: none; border: 1px solid #f3e3d3; flex: 1; display: flex; flex-direction: column; }
.bdh-tabs { flex-wrap: wrap; }
.bdh-tabs .bdh-tabs__pl { background: #fff0de; color: #9a3a0a; flex: 1 1 auto; }
.bdh-tabs .bdh-tabs__pl[aria-selected="true"] { background: #9a3a0a; color: #fff; }
.bdh-tracks__add { flex: none; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #f0d6c0; background: #fff; color: #9a3a0a; font-size: 15px; line-height: 1; display: grid; place-items: center; }
.bdh-tracks__add:hover { background: #fff3e8; }
.bdh-tracks__add.is-on { background: #e8f6ec; border-color: #9fd3ad; color: #1d7a3a; }
.bdh-pl { padding: 6px 4px 2px; }
.bdh-pl__empty { margin: 8px 6px; font-size: 13px; color: #6a5248; }
.bdh-pl__list { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.bdh-pl__list li { display: flex; align-items: center; gap: 8px; padding: 4px 6px; border-radius: 8px; }
.bdh-pl__list li:hover { background: #fff6ec; }
.bdh-pl__list b { width: 24px; text-align: center; font-size: 17px; }
.bdh-pl__list a { flex: 1; min-width: 0; font-size: 13.5px; font-weight: 500; color: #1d1d1d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bdh-pl__list .bdd-mini-btn { width: 30px; height: 30px; font-size: 12px; }
.bdh-pl__more { font-size: 12.5px; color: #8a6a58; justify-content: center; }
.bdh-pl__manage { display: block; margin: auto 4px 2px; padding-top: 6px; font-size: 13px; font-weight: 600; color: #b4410f; text-align: right; }
.bdh-pl__manage:hover { text-decoration: underline; }

/* Bhajans list: bade rows, panel bhare */
.bdh-bhaj--plain .bdh-tabs { gap: 6px; }
.bdh-bhaj--plain .bdh-tabs button { height: 32px; font-size: 13px; }
.bdh-bhaj--plain .bdh-tracks { flex: 1; display: flex; flex-direction: column; justify-content: space-around; }
.bdh-bhaj--plain .bdh-tracks[hidden] { display: none; }
.bdh-bhaj--plain .bdh-tracks li { padding: 10px 6px; gap: 12px; border-bottom: 1px dashed #f1e2d2; }
.bdh-bhaj--plain .bdh-tracks li:last-child { border-bottom: 0; }
.bdh-bhaj--plain .bdh-tracks img { width: 56px; height: 56px; border-radius: 10px; }
.bdh-bhaj--plain .bdh-tracks__t > a, .bdh-bhaj--plain .bdh-tracks__t > strong { font-size: 15px; font-weight: 600; }
.bdh-bhaj--plain .bdh-tracks__t > span { font-size: 13px; }
.bdh-bhaj--plain .bdh-tracks__play { font-size: 13px; }
.bdh-bhaj--plain .bdh-pl { justify-content: flex-start; }
.bdh-bhaj--plain .bdh-tracks li { gap: 9px; }
.bdh-bhaj--plain .bdh-tracks img { width: 46px; height: 46px; }
.bdh-bhaj--plain .bdh-tracks__t > a, .bdh-bhaj--plain .bdh-tracks__t > strong { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.25; font-size: 14.5px; }
.bdh-bhaj--plain .bdh-tracks__add { width: 28px; height: 28px; font-size: 14px; }
.bdh-bhaj--plain .bdh-tracks__play { padding-left: 2px; gap: 4px; }

/* Live Darshan — Coming Soon (v2.4.4) */
.bdh-live--soon .bdh-live__top { padding-bottom: calc(9 * var(--u)); height: 100%; }
.bdh-live__soon { position: relative; margin: 0; border-radius: 8px; overflow: hidden; background: #2a140c; }
.bdh-live__soon img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.bdh-live__soon figcaption { position: absolute; inset: 0 0 auto; padding: calc(18 * var(--u)) 12px calc(40 * var(--u)); text-align: center;
	background: linear-gradient(rgba(20, 8, 4, .72), rgba(20, 8, 4, 0)); pointer-events: none; }
.bdh-live__soon figcaption span { display: inline-block; font: 700 clamp(26px, calc(40 * var(--u)), 52px)/1.1 var(--serif, Georgia, serif); letter-spacing: .04em; color: #ffe2a8;
	text-shadow: 0 2px 10px rgba(0, 0, 0, .65), 0 0 24px rgba(255, 170, 60, .45); }
@media (max-width: 600px) { .bdh-live__soon figcaption { padding-top: 10px; } .bdh-live__soon figcaption span { font-size: 24px; } }
.bdh-live--soon .bdh-live__top { display: flex; flex-direction: column; flex: 1; }
.bdh-live--soon .bdh-live__soon { flex: 1 1 auto; aspect-ratio: 16 / 9; min-height: 0; }
.bdh-live--soon .bdh-live__soon img { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: center 60%; }
.bdh-live--soon .bdh-live__soon figcaption { z-index: 1; }

/* ===== Aaj ka muhurat — hero ke theek neeche patti (v2.9) ===== */
.bdh-muh { display: flex; align-items: center; gap: 14px 18px; margin: 10px 14px 0; padding: 10px 16px; background: #fff; border: 1px solid #f1e2d2; border-radius: 14px; box-shadow: 0 4px 16px rgba(120, 50, 10, .07); }
.bdh-muh__head { display: flex; flex-direction: column; flex: none; padding-right: 16px; border-right: 1px solid #f1e2d2; }
.bdh-muh__head b { font: 600 18px/1.2 var(--serif, Georgia, serif); color: #8a1a14; }
.bdh-muh__head span { font-size: 12px; color: #7a6558; }
.bdh-muh ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; flex: 1; min-width: 0; }
.bdh-muh li { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; font-size: 13.5px; white-space: nowrap; }
.bdh-muh li.is-ok { background: #ebfbee; color: #1e5f2b; }
.bdh-muh li.is-no { background: #fff0f0; color: #8f1d1d; }
.bdh-muh li i { font-style: normal; font-weight: 700; width: 18px; height: 18px; border-radius: 50%; display: grid; place-items: center; font-size: 11px; color: #fff; }
.bdh-muh li.is-ok i { background: #2f9e44; }
.bdh-muh li.is-no i { background: #e03131; }
.bdh-muh li time { font-variant-numeric: tabular-nums; font-weight: 700; }
.bdh-muh li.is-live { box-shadow: 0 0 0 2px #f59f00 inset; }
.bdh-muh li em { font-style: normal; font-size: 10.5px; background: #ffd43b; color: #3b1d00; border-radius: 6px; padding: 0 5px; margin-left: 2px; font-weight: 700; }
.bdh-muh__more { flex: none; font-size: 13px; font-weight: 600; color: #c81d25; white-space: nowrap; }
@media (max-width: 760px) {
	.bdh-muh { flex-direction: column; align-items: stretch; gap: 8px; margin: 12px 16px 0; padding: 12px; }
	.bdh-muh__head { flex-direction: row; justify-content: space-between; align-items: baseline; padding: 0 0 8px; border-right: 0; border-bottom: 1px solid #f1e2d2; }
	.bdh-muh ul { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; }
	.bdh-muh li { justify-content: flex-start; border-radius: 10px; font-size: 14px; }
	.bdh-muh li time { margin-left: auto; }
	.bdh-muh__more { text-align: right; }
}
.bdh-muh li em[hidden] { display: none; }