/* rangooo explore: "New on Rangooo" promo on the home page */
.xp{margin:8px 0 6px}
.xp-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px}
.xp-h h2{margin:0;font-family:Fraunces,Georgia,serif;font-weight:500;font-size:clamp(22px,2.4vw,28px);color:var(--ink,#16202C)}
.xp-all{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-size:14px;font-weight:600;color:var(--accent,#145C63);text-decoration:none}
.xp-all:hover{text-decoration:underline}
.xp-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.xp-card{position:relative;display:flex;align-items:center;gap:16px;min-height:132px;padding:18px 20px;border-radius:24px;color:#fff;text-decoration:none;overflow:hidden;isolation:isolate;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;box-shadow:0 10px 26px rgba(22,32,44,.16)}
.xp-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(22,32,44,.22)}.xp-card:active{transform:scale(.98)}
.xp-card.mu{background:radial-gradient(rgba(255,255,255,.09) 1.2px,transparent 1.4px) 0 0/14px 14px,linear-gradient(135deg,#145C63,#2F8A86)}
.xp-card.qz{background:radial-gradient(rgba(255,255,255,.09) 1.2px,transparent 1.4px) 0 0/14px 14px,linear-gradient(135deg,#9E3550,#C8587A)}
.xp-card.rg{background:radial-gradient(rgba(255,255,255,.09) 1.2px,transparent 1.4px) 0 0/14px 14px,linear-gradient(135deg,#8E4A2B,#C27A4C)}
.xp-card.fe{background:radial-gradient(rgba(255,255,255,.09) 1.2px,transparent 1.4px) 0 0/14px 14px,linear-gradient(135deg,#5B3270,#8A5A9E)}
.xp-card::after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.08);z-index:-1}
.xp-ic{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:rgba(255,255,255,.14);font-size:34px;line-height:1}
.xp-t b{display:block;font-family:Fraunces,Georgia,serif;font-weight:500;font-size:22px;line-height:1.15}
.xp-t span{display:block;margin-top:4px;font-size:14px;line-height:1.4;color:rgba(255,255,255,.85)}
.xp-new{position:absolute;top:12px;right:14px;padding:3px 9px;border-radius:999px;background:#F6E3B4;color:#5A3A08;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.xp-card:focus-visible{outline:3px solid #E8590C;outline-offset:3px}
@media (max-width:700px){.xp-row{grid-template-columns:1fr;gap:10px}.xp-card{min-height:104px;padding:14px 16px}.xp-ic{width:52px;height:52px;font-size:28px}.xp-t b{font-size:19px}.xp-t span{font-size:13px}}
@media (prefers-reduced-motion:reduce){.xp-card{transition:none}}
.xp-fest{display:flex;align-items:center;gap:10px;min-height:48px;margin:0 0 12px;padding:8px 16px;border-radius:999px;background:#FFF4E6;border:1px solid #F1DDBF;color:#5A3A08;text-decoration:none;font-size:14px}
.xp-fest:hover{background:#FDEBD3}
.xp-fi{font-size:20px;line-height:1}.xp-fest b{font-weight:700}.xp-fw{color:#8A5A1E}
.xp-fl{margin-left:auto;font-weight:600;color:#145C63;white-space:nowrap}
.xp-fest:focus-visible{outline:3px solid #E8590C;outline-offset:2px}
@media (max-width:520px){.xp-fest{flex-wrap:wrap;border-radius:18px;gap:4px 8px}.xp-fl{margin-left:0;flex-basis:100%;font-size:13px}}
.dk-sheet a.dk-t{text-decoration:none;color:inherit}

/* Bharat Darshan banner: a cinematic strip in the Rangooo ink */
.xp-bx{position:relative;display:flex;align-items:center;min-height:150px;margin:0 0 14px;padding:22px 24px;border-radius:24px;overflow:hidden;isolation:isolate;text-decoration:none;color:#FFF4E0;background:radial-gradient(45% 90% at 85% 50%,rgba(201,139,46,.5),transparent 70%),radial-gradient(40% 80% at 60% 120%,rgba(200,88,122,.35),transparent 70%),radial-gradient(rgba(255,255,255,.07) 1.2px,transparent 1.4px) 0 0/14px 14px,linear-gradient(120deg,#10171F,#16202C 55%,#2A2440);box-shadow:0 14px 34px rgba(16,23,31,.3);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.xp-bx:hover{transform:translateY(-3px);box-shadow:0 22px 44px rgba(16,23,31,.38)}
.xp-bxr{position:absolute;right:-60px;top:50%;width:300px;aspect-ratio:1;margin-top:-150px;border-radius:50%;z-index:-1;background:repeating-conic-gradient(rgba(255,214,150,.28) 0 4deg,transparent 4deg 12deg);-webkit-mask:radial-gradient(circle,transparent 34%,#000 35% 40%,transparent 41% 55%,#000 56% 59%,transparent 60%);mask:radial-gradient(circle,transparent 34%,#000 35% 40%,transparent 41% 55%,#000 56% 59%,transparent 60%);animation:xpSpin 60s linear infinite}
@keyframes xpSpin{to{transform:rotate(360deg)}}
.xp-bxg{position:absolute;right:28px;top:50%;transform:translateY(-50%);font-size:38px;letter-spacing:4px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4))}
.xp-bxt{display:flex;flex-direction:column;gap:4px;max-width:62%}
.xp-bxt i{align-self:flex-start;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:#F2B657;color:#2A1A08}
.xp-bxt b{font:500 clamp(26px,3vw,34px)/1.05 Fraunces,Georgia,serif;margin-top:4px}
.xp-bxt>span{font-size:14px;line-height:1.45;color:#D9D2C4}
.xp-bxt em{align-self:flex-start;margin-top:8px;font-style:normal;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 16px;border-radius:999px;background:linear-gradient(135deg,#B8741A,#9A5410)}
.xp-bxt em u{text-decoration:none}
@media (max-width:600px){.xp-bx{min-height:170px;padding:18px}.xp-bxt{max-width:78%}.xp-bxg{right:14px;top:22px;transform:none;font-size:28px;letter-spacing:2px}.xp-bxr{width:220px;margin-top:-110px;right:-80px}}
@media (prefers-reduced-motion:reduce){.xp-bxr{animation:none}}
.xp .xp-card,.xp .xp-card b,.xp .xp-card .xp-t span{color:#fff!important}
.xp .xp-bx,.xp .xp-bx b{color:#FFF4E0!important}.xp .xp-bx .xp-bxt>span{color:#D9D2C4!important}.xp .xp-bx em,.xp .xp-bx em *{color:#fff!important}.xp .xp-bx .xp-bxt i{color:#2A1A08!important}
.xp a.xp-card,.xp a.xp-bx{text-decoration:none!important}

/* Bharat Darshan posters: portrait tiles like a streaming row */
.xp-pr{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:-2px 0 16px;padding:4px 2px 12px;scrollbar-width:none;perspective:900px}
.xp-pr::-webkit-scrollbar{display:none}
.xp .xp-po{position:relative;flex:0 0 138px;aspect-ratio:2/3;border-radius:18px;overflow:hidden;scroll-snap-align:start;text-decoration:none!important;color:#FFF4E0!important;box-shadow:0 10px 22px rgba(16,23,31,.22);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;background:radial-gradient(70% 50% at 50% 30%,rgba(255,255,255,.22),transparent 70%),radial-gradient(rgba(255,255,255,.09) 1.2px,transparent 1.4px) 0 0/14px 14px,linear-gradient(160deg,var(--a),var(--b))}
.xp-po.c1{--a:#145C63;--b:#2F8A86}.xp-po.c2{--a:#9E3550;--b:#C8587A}.xp-po.c3{--a:#8E4A2B;--b:#C27A4C}.xp-po.c4{--a:#34407A;--b:#5A68A8}.xp-po.c5{--a:#3F6B3A;--b:#6E9255}.xp-po.c6{--a:#9A5B12;--b:#C98B2E}.xp-po.c7{--a:#5B3270;--b:#8A5A9E}
.xp-po::before{content:"";position:absolute;left:50%;top:34%;width:150%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:repeating-conic-gradient(rgba(255,244,224,.2) 0 5deg,transparent 5deg 15deg);-webkit-mask:radial-gradient(circle,transparent 30%,#000 31% 36%,transparent 37% 50%,#000 51% 53%,transparent 54%);mask:radial-gradient(circle,transparent 30%,#000 31% 36%,transparent 37% 50%,#000 51% 53%,transparent 54%);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.xp-pg{position:absolute;left:0;right:0;top:22%;text-align:center;font-size:52px;line-height:1;filter:drop-shadow(0 10px 16px rgba(0,0,0,.35));transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.xp .xp-po b{position:absolute;left:0;right:0;bottom:0;padding:34px 12px 12px;font:500 18px/1.1 Fraunces,Georgia,serif;color:#FFF4E0!important;background:linear-gradient(0deg,rgba(10,14,20,.72),transparent)}
@media (hover:hover) and (pointer:fine){.xp .xp-po:hover{transform:translateY(-6px) rotateX(4deg);box-shadow:0 22px 40px rgba(16,23,31,.32)}.xp-po:hover .xp-pg{transform:scale(1.15) rotate(-6deg)}.xp-po:hover::before{transform:translate(-50%,-50%) rotate(45deg)}}
.xp-po:focus-visible{outline:3px solid #F2B657;outline-offset:3px}
@media (max-width:600px){.xp .xp-po{flex-basis:118px}.xp-pg{font-size:44px}.xp .xp-po b{font-size:16px}}
@media (prefers-reduced-motion:reduce){.xp-po,.xp-po::before,.xp-pg{transition:none}}