/* =========================================================================
   Bhajan Dhun — Cinematic 3D homepage (v2.20.0) · "Swarna Mandir"
   ========================================================================= */
.bd-cine { background: #120302; }
.bd-cine .bd-header { display: none; }
.bd-cine .bd-main { padding: 0; max-width: none; }
.cine { --g1: #FFE9A8; --g2: #E8B54A; --g3: #C8922E; --g4: #7A4A10; --mr: #2A0705; --mr2: #5A110A; --ink: #F8E7CF; --soft: #F1D9BD; --mute: #E8C9A0;
	position: relative; overflow: hidden; color: var(--ink); font-family: "Poppins", system-ui, sans-serif;
	background: radial-gradient(1200px 700px at 75% 0%, #4A0E08 0%, #1E0503 55%, #120302 100%); }
.cine a { text-decoration: none; }
.cine-gold { color: #F6D27A; text-shadow: 0 1px 0 #D9A440, 0 2px 0 #C8922E, 0 3px 0 #B07E26, 0 4px 0 #9E6A1C, 0 5px 0 #8A5A16, 0 6px 0 #7A4A10, 0 14px 24px rgba(0, 0, 0, .65); }
.cine-kick { margin: 0; font-size: 13px; font-weight: 600; letter-spacing: .32em; color: var(--g2); }
.cine-h2 { margin: 10px 0 0; font: 400 clamp(32px, 4vw, 52px)/1.1 "Yeseva One", Georgia, serif; }
.cine-sec { position: relative; max-width: 1280px; margin: 0 auto; padding: 110px 40px 0; }
.cine-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 26px; border-radius: 16px; font-weight: 600; font-size: 16px; line-height: 1.2; border: 0; cursor: pointer; font-family: inherit; transition: transform .15s; }
.cine-btn:hover { transform: translateY(-2px); }
.cine-btn--g { background: linear-gradient(180deg, var(--g1), var(--g2) 55%, #B47A22); color: #3A0B07 !important; box-shadow: inset 0 1px 0 #fff, 0 6px 0 var(--g4), 0 16px 26px rgba(0, 0, 0, .5); }
.cine-btn--o { background: rgba(255, 255, 255, .06); border: 1px solid rgba(246, 210, 122, .7); color: #FFE9B0 !important; backdrop-filter: blur(6px); }
.cine-orb { border-radius: 50%; background: radial-gradient(circle at 35% 30%, #FFF2C4, var(--g2) 45%, #8A5A16); box-shadow: 0 6px 0 #4A2A08, 0 14px 22px rgba(0, 0, 0, .5); display: flex; flex-direction: column; align-items: center; justify-content: center; color: #3A0B07 !important; text-align: center; line-height: 1.1; }
.cine-panel { border-radius: 22px; background: linear-gradient(180deg, var(--mr2), #2E0805); box-shadow: inset 0 1px 0 rgba(255, 220, 160, .3), 0 0 0 1px rgba(232, 181, 74, .45), 0 10px 0 #140302, 0 26px 40px rgba(0, 0, 0, .5); color: var(--ink); }
.cine-frame { border-radius: 26px; padding: 9px; background: linear-gradient(160deg, var(--g1), var(--g3) 45%, var(--g4)); box-shadow: 0 12px 0 #2A0604, 0 30px 50px rgba(0, 0, 0, .55); }
.cine-frame__in { position: relative; border-radius: 18px; overflow: hidden; background: #2A0705; }
.cine-chip { display: inline-block; padding: 11px 16px; border-radius: 16px; background: linear-gradient(180deg, var(--mr2), #2A0604); box-shadow: 0 0 0 1px rgba(232, 181, 74, .7), 0 8px 0 #140302, 0 16px 26px rgba(0, 0, 0, .5); font-weight: 600; color: #FFE9B0; white-space: nowrap; }
.cine-chip small { display: block; font-weight: 400; font-size: 12px; color: var(--mute); }

/* ---- Header ---- */
.cine-head { position: absolute; z-index: 20; left: 0; right: 0; top: 0; display: flex; align-items: center; gap: 22px; padding: 18px 48px; background: linear-gradient(180deg, rgba(18, 3, 2, .85), rgba(18, 3, 2, 0)); }
.cine-brand { display: flex; align-items: center; gap: 12px; }
.cine-brand img { width: auto; height: 104px; margin: -14px 0 -18px; border-radius: 0; background: none; box-shadow: none; }
.cine-brand span { display: none; }
.cine-brand span { font: 400 26px "Yeseva One", serif; color: #F6D27A; text-shadow: 0 1px 0 #C8922E, 0 2px 0 #9E6A1C, 0 3px 0 #7A4A10; }
.cine-nav { display: flex; gap: 22px; margin-left: 26px; }
.cine-nav a { white-space: nowrap; flex-shrink: 0; }
.cine-head__act, .cine-head__act * { white-space: nowrap; }
@media (max-width: 1360px) { .cine-nav { gap: 16px; margin-left: 18px; } .cine-nav a { font-size: 14px; } }
@media (max-width: 1230px) { .cine-nav a:nth-child(5) { display: none; } }
.cine-nav a { color: var(--soft); font-size: 15px; }
.cine-nav a:hover { color: #FFE9B0; }
.cine-head__act { margin-left: auto; display: flex; gap: 10px; align-items: center; }

/* ---- Intro doors ---- */
.cine-doors { position: fixed; z-index: 99999; inset: 0; perspective: 1400px; pointer-events: none; display: none; }
.cine-intro .cine-doors { display: block; pointer-events: auto; cursor: pointer; }
.cine-door { position: absolute; top: 0; width: 50%; height: 100%; background: radial-gradient(circle at 50% 40%, rgba(255, 233, 168, .22), rgba(0, 0, 0, 0) 40%), repeating-linear-gradient(90deg, rgba(0, 0, 0, .18) 0 2px, rgba(0, 0, 0, 0) 2px 80px), linear-gradient(180deg, #7A1D12, #3A0B07); box-shadow: inset 0 0 0 10px var(--g3), inset 0 0 0 14px #5A2A08, inset 0 0 80px rgba(0, 0, 0, .6); transition: transform 1.5s cubic-bezier(.65, 0, .35, 1) .5s; }
.cine-door--l { left: 0; transform-origin: 0 50%; }
.cine-door--r { right: 0; transform-origin: 100% 50%; }
.cine-door i { position: absolute; left: 50%; top: 50%; width: 180px; height: 180px; margin: -90px; border-radius: 50%; border: 6px solid var(--g2); box-shadow: 0 0 0 10px rgba(232, 181, 74, .25); }
.cine-door b { position: absolute; left: 50%; top: 50%; width: 96px; height: 96px; margin: -48px; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #FFF2C4, var(--g2) 45%, #8A5A16); box-shadow: 0 8px 0 #4A2A08; }
.cine-doors__logo { position: absolute; left: 50%; top: 50%; width: 128px; height: 128px; margin: -64px; border-radius: 30px; box-shadow: 0 0 0 3px var(--g2), 0 10px 0 var(--g4), 0 30px 60px rgba(0, 0, 0, .7); transition: opacity .4s .3s, transform .6s .2s; }
.cine-open .cine-door--l { transform: rotateY(-108deg); }
.cine-open .cine-door--r { transform: rotateY(108deg); }
.cine-open .cine-doors__logo { opacity: 0; transform: scale(.6); }
.cine-done .cine-doors { display: none; }

/* ---- Hero ---- */
.cine-hero { position: relative; min-height: max(640px, 100svh); display: flex; align-items: center; overflow: hidden; }
.cine-hero__bg { position: absolute; inset: 0; }
.cine-hero__bg img { width: 100%; height: 100%; object-fit: cover; object-position: 72% center; transform: scale(1.12); transition: transform 2.6s cubic-bezier(.2, .8, .2, 1); will-change: transform; }
.cine-ready .cine-hero__bg img { transform: scale(1.03); }
.cine-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(20, 3, 2, .94) 0%, rgba(20, 3, 2, .65) 38%, rgba(20, 3, 2, 0) 66%), linear-gradient(0deg, #120302 0%, rgba(18, 3, 2, 0) 28%); pointer-events: none; }
.cine-dust { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.cine-hero__in { position: relative; z-index: 2; width: min(760px, 92vw); margin-left: max(40px, calc((100vw - 1280px) / 2 + 40px)); padding: 120px 0 90px; perspective: 900px; }
.cine-title { margin: 18px 0 0; font: 400 clamp(44px, 6vw, 84px)/1.04 "Yeseva One", Georgia, serif; }
.cine-title span { display: block; }
.cine-hero__sub { margin: 24px 0 0; max-width: 560px; font-size: clamp(16px, 1.5vw, 20px); line-height: 1.6; color: var(--soft); }
.cine-search { margin-top: 30px; display: flex; align-items: center; gap: 10px; max-width: 600px; padding: 8px 8px 8px 20px; border-radius: 40px; background: rgba(255, 245, 230, .1); border: 1px solid rgba(246, 210, 122, .55); backdrop-filter: blur(10px); color: #F6D27A; }
.cine-search input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; color: #FFF3E6; font: 16px "Poppins", sans-serif; }
.cine-search input::placeholder { color: var(--mute); }
.cine-search .cine-btn { padding: 11px 24px; border-radius: 30px; font-size: 15px; box-shadow: inset 0 1px 0 #fff, 0 4px 0 var(--g4); }
.cine-hero__cta { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 14px; }
.cine-live-dot { width: 9px; height: 9px; border-radius: 50%; background: #D62828; box-shadow: 0 0 0 3px rgba(214, 40, 40, .25); animation: cinePulse 1.6s infinite; }
@keyframes cinePulse { 50% { box-shadow: 0 0 0 7px rgba(214, 40, 40, 0); } }
.cine-orb--hero { position: absolute; z-index: 3; left: calc(max(40px, (100vw - 1280px) / 2 + 40px) + 616px); top: 104px; width: 124px; height: 124px; } /* v2.21.2: mandir ke shikhar ke paas (aapka chuna option 3) — chehron se door */
.cine-orb--hero b { font: 400 calc(var(--d, 124px) * .32) "Yeseva One", serif; }
.cine-orb--hero small { font-size: max(9px, calc(var(--d, 124px) * .09)); font-weight: 600; }
[data-cine-float] { animation: cineFloat 5s ease-in-out infinite; }
@keyframes cineFloat { 50% { transform: translateY(-12px) rotate(3deg); } }
.cine-scroll { position: absolute; z-index: 3; left: 50%; bottom: 26px; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 8px; color: var(--g2); font-size: 11px; letter-spacing: .3em; }
.cine-scroll i { width: 24px; height: 40px; border-radius: 14px; border: 2px solid var(--g2); position: relative; }
.cine-scroll i::after { content: ""; position: absolute; left: 50%; top: 7px; width: 4px; height: 9px; margin-left: -2px; border-radius: 2px; background: var(--g2); animation: cineWheel 1.8s infinite; }
@keyframes cineWheel { 60% { transform: translateY(12px); opacity: 0; } }

/* intro entrance (hero text) */
.cine-in { opacity: 0; transform: translateZ(-160px) translateY(30px) rotateX(35deg); transition: opacity .9s var(--d, 0s), transform 1.1s cubic-bezier(.2, .8, .2, 1) var(--d, 0s); transform-origin: 50% 100%; }
.cine-ready .cine-in { opacity: 1; transform: none; }

/* ---- Aaj plaque ---- */
.cine-aaj { position: relative; z-index: 4; max-width: 1280px; margin: -46px auto 0; padding: 0 40px; }
.cine-plaque { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 26px; padding: 20px 28px; border-radius: 22px; color: #3A0B07; background: linear-gradient(180deg, #FFF0C8, #F2CF80 60%, #D9A440); box-shadow: inset 0 2px 0 #fff, inset 0 -3px 0 rgba(122, 74, 16, .45), 0 8px 0 var(--g4), 0 24px 40px rgba(0, 0, 0, .55); }
.cine-plaque__d { padding-right: 24px; border-right: 2px solid rgba(122, 74, 16, .35); }
.cine-plaque__d b { display: block; font: 400 23px "Yeseva One", serif; }
.cine-plaque__d small { font-size: 13px; }
.cine-plaque span { font-weight: 600; font-size: 15px; }
.cine-plaque .is-no { color: #8A1A12; }
.cine-plaque a { margin-left: auto; padding: 11px 18px; border-radius: 12px; background: #3A0B07; color: #F6D27A !important; font-weight: 600; }

/* ---- Scroll reveal (3D) ---- */
[data-cine-rv] { opacity: 0; transform: perspective(1200px) translateY(70px) rotateX(14deg) scale(.97); transition: opacity 1s, transform 1.2s cubic-bezier(.2, .8, .2, 1); transform-origin: 50% 0; }
[data-cine-rv].is-in { opacity: 1; transform: none; }

/* ---- 3D Ring ---- */
.cine-ringsec { text-align: center; }
.cine-ring { position: relative; margin-top: 30px; height: 470px; }
.cine-ring__stage { position: absolute; inset: 0; perspective: 1400px; }
.cine-ring__spin { position: absolute; left: 50%; top: 50%; width: 0; height: 0; transform-style: preserve-3d; transform: translateZ(-560px) rotateX(-6deg) rotateY(var(--rot, 0deg)); }
.cine-card { --n: 8; position: absolute; left: -125px; top: -170px; width: 250px; height: 340px; border-radius: 22px; padding: 8px; background: linear-gradient(160deg, var(--g1), var(--g3) 45%, var(--g4)); box-shadow: 0 20px 40px rgba(0, 0, 0, .55); transform: rotateY(calc(var(--i) * 360deg / var(--n))) translateZ(600px); backface-visibility: hidden; transition: filter .3s; }
.cine-card__in { position: relative; display: block; width: 100%; height: 100%; border-radius: 15px; overflow: hidden; background: #3A0B07; }
.cine-card img { width: 100%; height: 100%; object-fit: cover; }
.cine-card__ph { position: absolute; inset: 0; background: radial-gradient(circle at 50% 38%, #F2C55C, #8A3A12 55%, #2A0705); }
.cine-card__ph::after { content: ""; position: absolute; left: 50%; top: 38%; width: 120px; height: 120px; margin: -60px; border-radius: 50%; border: 3px dashed #FFE9A8; animation: cineSpin 14s linear infinite; }
.cine-card__tx { position: absolute; left: 0; right: 0; bottom: 0; padding: 50px 16px 16px; text-align: left; background: linear-gradient(180deg, rgba(30, 5, 3, 0), rgba(30, 5, 3, .94)); }
.cine-card__tx b { display: block; font-size: 19px; color: #FFE9B0; }
.cine-card__tx small { color: var(--mute); font-size: 13px; }
.cine-arr { position: absolute; z-index: 5; top: 50%; width: 52px; height: 52px; margin-top: -26px; border: 0; border-radius: 50%; cursor: pointer; font: 700 30px/1 Georgia, serif; color: #3A0B07; background: radial-gradient(circle at 35% 30%, #FFF2C4, var(--g2) 45%, #8A5A16); box-shadow: 0 5px 0 #4A2A08, 0 12px 20px rgba(0, 0, 0, .5); padding-bottom: 4px; }
.cine-arr--l { left: 0; }
.cine-arr--r { right: 0; }
@keyframes cineSpin { to { transform: rotate(360deg); } }

/* ---- Live darshan inside a gold frame ---- */
.cine-live .bdl { background: linear-gradient(180deg, #2A0705, #160302); padding: 22px 24px 18px; }
.cine-live .bdl__head h2 { font: 400 30px "Yeseva One", serif; }

/* ---- Chakra ---- */
.cine-chakra { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
.cine-chakra__wheel { position: relative; height: 560px; }
.cine-chakra__r1, .cine-chakra__r2, .cine-chakra__sun { position: absolute; left: 50%; top: 50%; border-radius: 50%; }
.cine-chakra__r1 { width: 500px; height: 500px; margin: -250px; border: 3px solid rgba(232, 181, 74, .7); box-shadow: 0 0 70px rgba(232, 181, 74, .22), inset 0 0 60px rgba(232, 181, 74, .14); background: repeating-conic-gradient(rgba(232, 181, 74, .5) 0 1deg, rgba(0, 0, 0, 0) 1deg 15deg); animation: cineSpin 60s linear infinite; }
.cine-chakra__r2 { width: 360px; height: 360px; margin: -180px; border: 2px dashed rgba(246, 210, 122, .8); background: radial-gradient(circle, rgba(107, 26, 16, .95), rgba(42, 7, 5, .98)); animation: cineSpin 40s linear infinite reverse; }
.cine-chakra__sun { width: 190px; height: 190px; margin: -95px; box-shadow: 0 0 80px rgba(255, 200, 90, .55), 0 12px 0 #4A2A08; }
.cine-chakra__sun b { font: 400 30px "Yeseva One", serif; }
.cine-chakra__sun small { font-weight: 600; font-size: 13px; padding: 0 14px; }
.cine-chakra .cine-chip { position: absolute; animation: cineFloat 6s ease-in-out infinite; }
.cine-chip--tl { left: 0; top: 40px; } .cine-chip--tr { right: 0; top: 40px; animation-delay: -1.5s !important; }
.cine-chip--bl { left: 0; bottom: 40px; animation-delay: -3s !important; } .cine-chip--br { right: 0; bottom: 40px; animation-delay: -4.5s !important; }
.cine-fests { display: flex; flex-direction: column; gap: 14px; margin: 26px 0 24px; }
.cine-fest { display: flex; align-items: center; gap: 18px; padding: 14px 20px; transition: transform .2s; }
.cine-fest:hover { transform: translateX(6px); }
.cine-fest > b, .cine-fest__t > b { flex: 1; font-size: 18px; color: #FFE9B0; }
.cine-fest__t { flex: 1; min-width: 0; }
.cine-orb b { color: #3A0B07; }
.cine-fest em { font-style: normal; color: var(--g2); white-space: nowrap; }
.cine-orb--sm { width: 54px; height: 54px; flex: none; }
.cine-orb--sm small { font-size: 10px; }

/* ---- Player ---- */
.cine-player { display: grid; grid-template-columns: 340px 1fr; gap: 44px; align-items: center; padding: 40px; }
.cine-player__art .cine-frame__in { aspect-ratio: 1; }
.cine-player__art img { width: 100%; height: 100%; object-fit: cover; }
[data-cine-tilt] { transform: perspective(900px) rotateY(var(--ty, 12deg)) rotateX(var(--tx, 0deg)); transition: transform .3s; }
.cine-player__now { display: flex; align-items: center; gap: 20px; margin-top: 20px; }
.cine-orb--play { width: 80px; height: 80px; border: 0; cursor: pointer; flex: none; }
.cine-player__now b { display: block; font-size: 23px; color: #FFE9B0; }
.cine-player__now small { color: var(--mute); }
.cine-wave { margin-top: 24px; display: flex; align-items: center; gap: 4px; height: 60px; }
.cine-wave i { flex: 1; height: var(--h); border-radius: 2px; background: rgba(232, 181, 74, .35); animation: cineWave 1.4s ease-in-out infinite; animation-delay: calc(var(--k) * -.06s); }
.cine-wave i:nth-child(-n+26) { background: linear-gradient(180deg, var(--g1), var(--g2)); }
@keyframes cineWave { 50% { transform: scaleY(.45); } }
.cine-player__list { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0; }
.cine-chip--row b { font-weight: 600; font-size: 14px; }

/* ---- Duo ---- */
.cine-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 34px; }
.cine-duo__card { height: 430px; }
.cine-duo__card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 6s; }
.cine-duo__card:hover img { transform: scale(1.08); }
.cine-duo__card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(14, 2, 1, .96), rgba(14, 2, 1, .1) 72%); }
.cine-duo__tx { position: absolute; z-index: 1; left: 30px; right: 30px; bottom: 28px; }
.cine-duo__tx h3 { margin: 8px 0 6px; font: 400 clamp(28px, 3vw, 40px) "Yeseva One", serif; }
.cine-duo__tx p { margin: 0; color: var(--soft); }
.cine-duo__btns { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 12px; }
.cine-duo__btns .cine-btn { padding: 12px 20px; font-size: 15px; }

/* ---- Trio ---- */
.cine-trio { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.cine-tile { display: flex; gap: 18px; align-items: center; padding: 26px; transition: transform .2s; }
.cine-tile:hover { transform: translateY(-6px) rotateX(6deg); }
.cine-orb--ico { width: 70px; height: 70px; flex: none; }
.cine-tile b { display: block; font: 400 24px "Yeseva One", serif; color: #F6D27A; }
.cine-tile small { color: var(--mute); font-size: 14px; }

/* ---- Devices ---- */
.cine-devices { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: center; padding: 56px 60px; border-radius: 30px; overflow: hidden; background: radial-gradient(700px 400px at 80% 30%, #7A1D12, #2A0705 70%); box-shadow: 0 0 0 1px rgba(232, 181, 74, .45); }
.cine-devices__tx p { color: var(--soft); font-size: 18px; line-height: 1.7; }
.cine-devices__art { position: relative; height: 330px; --ty: -16deg; }
.cine-laptop { position: absolute; left: 0; top: 20px; width: 78%; aspect-ratio: 3 / 2; border-radius: 16px; padding: 10px; background: linear-gradient(160deg, #3a3a3a, #111); box-shadow: 0 0 0 2px var(--g3), 0 40px 70px rgba(0, 0, 0, .7); }
.cine-phone { position: absolute; right: 0; top: 50px; width: 30%; aspect-ratio: 1 / 2; border-radius: 26px; padding: 7px; background: linear-gradient(160deg, #3a3a3a, #111); box-shadow: 0 0 0 2px var(--g3), 0 40px 70px rgba(0, 0, 0, .7); transform: translateZ(80px); }
.cine-laptop > div, .cine-phone > div { position: relative; width: 100%; height: 100%; border-radius: 8px; overflow: hidden; background: radial-gradient(circle at 70% 10%, #6B1A10, #2A0705); }
.cine-phone > div { border-radius: 20px; }
.cine-laptop img { width: 100%; height: 100%; object-fit: cover; object-position: 75% center; }
.cine-laptop b { position: absolute; left: 18px; top: 36%; font: 400 clamp(16px, 2vw, 26px)/1.05 "Yeseva One", serif; }
.cine-phone span { position: absolute; left: 8px; right: 8px; top: 16px; height: 46%; border-radius: 70px 70px 8px 8px; overflow: hidden; box-shadow: 0 0 0 3px var(--g3); }
.cine-phone img { width: 100%; height: 100%; object-fit: cover; object-position: 80% center; }
.cine-phone b { position: absolute; left: 0; right: 0; top: 56%; text-align: center; font: 400 15px "Yeseva One", serif; }
.cine-closing { margin: 90px auto 70px; padding: 0 20px; text-align: center; font: 400 clamp(22px, 2.6vw, 34px) "Yeseva One", serif; }

/* ---- Site ke FAQ + neeche ki patti cinematic rang mein ---- */
.bd-cine .bd-aeo { max-width: 1000px; color: var(--ink, #F8E7CF); }
.bd-cine .bd-aeo .bd-section-title { color: #F6D27A; font-family: "Yeseva One", serif; font-weight: 400; }
.bd-cine .bd-aeo__q { background: linear-gradient(180deg, #5A110A, #2E0805); border: 0; box-shadow: 0 0 0 1px rgba(232, 181, 74, .45); color: #F1D9BD; }
.bd-cine .bd-aeo__q summary { color: #FFE9B0; }
.bd-cine .bd-aeo__q p { color: #E8C9A0; }
.bd-cine .bd-bottomnav { background: linear-gradient(180deg, #5A110A, #2A0604); border-top: 1px solid rgba(232, 181, 74, .6); }
.bd-cine .bd-bottomnav a { color: #E8C9A0; }
.bd-cine .bd-bottomnav a.is-active { color: #F6D27A; }

/* ---- Tablet / phone ---- */
@media (max-width: 1100px) {
	.cine-nav { display: none; }
	.cine-chakra, .cine-duo, .cine-devices { grid-template-columns: 1fr; }
	.cine-trio { grid-template-columns: 1fr; }
	.cine-player { grid-template-columns: 1fr; }
	.cine-player__art { max-width: 320px; }
}
@media (max-width: 760px) {
	.cine-head { padding: 12px 14px; }
	.cine-brand img { width: auto; height: 64px; margin: -6px 0 -8px; }
	.cine-brand span { font-size: 20px; }
	.cine-hero { min-height: auto; display: block; }
	.cine-hero__bg { position: relative; height: 62vw; min-height: 330px; }
	.cine-hero__bg img { object-position: 78% center; }
	.cine-hero::after { background: linear-gradient(180deg, rgba(18, 3, 2, .5) 0%, rgba(18, 3, 2, 0) 22%, rgba(18, 3, 2, 0) 30%, #120302 calc(min(62vw, 100%) + 10px)); }
	.cine-hero__in { width: auto; margin: -70px 0 0; padding: 0 16px 50px; }
	.cine-orb--hero { width: 84px; height: 84px; left: auto; top: calc(max(330px, 62vw) - 178px); bottom: auto; right: 12px; }
	.cine-orb--hero b { font-size: 28px; }
	.cine-orb--hero small { font-size: 9.5px; }
	.cine-hero__cta { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
	.cine-hero__cta .cine-btn { padding: 13px 10px; font-size: 14px; }
	.cine-scroll { display: none; }
	.cine-aaj { margin-top: 0; padding: 0 14px; }
	.cine-plaque { padding: 16px; gap: 6px 14px; }
	.cine-plaque__d { width: 100%; border: 0; padding: 0; }
	.cine-plaque span { font-size: 13px; }
	.cine-plaque a { margin-left: 0; }
	.cine-sec { padding: 64px 14px 0; }
	.cine-ring { height: 300px; }
	.cine-ring__stage { perspective: 900px; }
	.cine-ring__spin { transform: translateZ(-290px) rotateX(-4deg) rotateY(var(--rot, 0deg)); }
	.cine-card { left: -75px; top: -105px; width: 150px; height: 210px; padding: 6px; transform: rotateY(calc(var(--i) * 360deg / var(--n))) translateZ(300px); }
	.cine-card__tx { padding: 36px 10px 10px; }
	.cine-card__tx b { font-size: 15px; }
	.cine-arr--l { left: -4px; } .cine-arr--r { right: -4px; }
	.cine-arr { width: 42px; height: 42px; margin-top: -21px; font-size: 24px; }
	.cine-chakra__wheel { height: 360px; transform: scale(.68); margin: -50px -60px; }
	.cine-player { padding: 22px; gap: 20px; }
	.cine-duo__card { height: 360px; }
	.cine-devices { padding: 30px 20px; }
	.cine-devices__art { height: 230px; }
	.cine-closing { margin: 60px auto 40px; }
}
/* Kam motion chahiye */
@media (prefers-reduced-motion: reduce) {
	.cine *, .cine *::before, .cine *::after { animation: none !important; transition: none !important; }
	.cine-in, [data-cine-rv] { opacity: 1 !important; transform: none !important; }
	.cine-doors { display: none !important; }
}

/* v2.21.2 — Panchang ghadi: har kaal apne samay ki jagah */
.cine-clock { --R: 272px; height: 640px; }
.cine-clock .cine-chakra__r1 { width: 520px; height: 520px; margin: -260px; opacity: .55; }
.cine-clock__face { position: absolute; left: 50%; top: 50%; width: 440px; height: 440px; margin: -220px; overflow: visible; filter: drop-shadow(0 18px 30px rgba(0, 0, 0, .55)); }
.cine-clock__num { font: 400 26px "Yeseva One", serif; fill: #F6D27A; }
.cine-clock__hands line { transition: transform .4s cubic-bezier(.3, 1.6, .5, 1); }
.cine-clock__s { transition: none !important; }
.cine-clock__tag { position: absolute; z-index: 2; left: calc(50% + var(--x) * var(--R)); top: calc(50% + var(--y) * var(--R)); transform: translate(-50%, -50%); padding: 7px 12px 7px 26px; border-radius: 14px; background: linear-gradient(180deg, #4A120C, #220504); box-shadow: 0 0 0 1px var(--c), 0 10px 20px rgba(0, 0, 0, .5); color: #FFE9B0; font-size: 13px; font-weight: 600; white-space: nowrap; line-height: 1.25; }
.cine-clock__tag i { position: absolute; left: 10px; top: 50%; width: 9px; height: 9px; margin-top: -4.5px; border-radius: 50%; background: var(--c); }
.cine-clock__tag small { display: block; font-weight: 400; font-size: 11.5px; color: var(--mute); }
.cine-clock__tag.is-now { box-shadow: 0 0 0 2px var(--c), 0 0 26px var(--c); }
.cine-clock__tag.is-now::after { content: "ABHI"; position: absolute; right: -8px; top: -9px; padding: 1px 6px; border-radius: 6px; background: var(--c); color: #2A0705; font-size: 9.5px; font-weight: 800; }
.cine-clock__now { position: absolute; left: 50%; top: calc(50% + 62px); transform: translateX(-50%); text-align: center; pointer-events: none; }
.cine-clock__now b { display: block; font: 400 20px "Yeseva One", serif; color: #FFE9B0; }
.cine-clock__now small { font-size: 11px; color: var(--mute); }
@media (max-width: 1100px) { .cine-clock { --R: 262px; } }
@media (max-width: 760px) {
	.cine-chakra__wheel.cine-clock { transform: none; margin: 0; height: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding-top: calc(min(100vw - 32px, 360px) + 16px); }
	.cine-clock .cine-chakra__r1 { display: none; }
	.cine-clock__face { left: 50%; top: 0; width: min(100vw - 32px, 360px); height: min(100vw - 32px, 360px); margin: 0; transform: translateX(-50%); }
	.cine-clock__face .cine-clock__lead { display: none; }
	.cine-clock__tag { position: relative; left: auto; top: auto; transform: none; font-size: 12px; }
	.cine-clock__now { top: calc(min(100vw - 32px, 360px) / 2 + 48px); }
}