/* Derived legacy color fallback. Source tokens remain in primary stylesheets. */
@supports not (color:oklch(1 0 0)) {
/*
Theme Name: Legal Movies
Theme URI: https://legalmovies.example
Author: Legal Movies
Description: Movie / Web Series / Anime portal theme. Featured image poster, movie details (genre + rating) meta box, animated logo, sliding category sidebar, category pages, Telegram & Request buttons.
Version: 5.30.0
Requires at least: 5.6
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: legal-movies
Tags: blog, entertainment, custom-menu, featured-images, translation-ready
*/

:root {
  --brand: #ff6b1a;
  --brand-soft: #ff9d3d;
  --brand-gold: #ffc233;
  --brand-deep: #d4470a;
  --telegram: #1e9bf0;
  --telegram-soft: #45c3ff;
  --request-a: #00c07a;
  --request-b: #9ae600;
  --bg: #1b1b1f;
  --bg-grad: linear-gradient(160deg, #1e1e23 0%, #202028 45%, #1a1a1e 100%);
  --surface: #26262d;
  --card-body: #2b2b33;
  --chip: #2f2f38;
  --border: #3d3d47;
  --text: #f2f3f5;
  --muted: #b3b7bf;
  --header-bg: linear-gradient(135deg, #23232a, #2b2b34 55%, #23232a);
  --footer-bg: linear-gradient(135deg, #23232a, #2b2b34 55%, #23232a);
  --poster-bg: #32323b;
  --shadow: 0 3px 14px rgba(0, 0, 0, .45);
  --shadow-hover: 0 14px 30px rgba(0, 0, 0, .6);
  --radius: 12px;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--bg-grad);
  background-attachment: fixed;
  color: var(--text);
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15px;
  line-height: 1.55;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }
button { font-family: inherit; cursor: pointer; }
.lm-sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.lm-wrap { max-width: 1400px; margin: 0 auto; padding: 20px 16px 32px; }

/* ---------- Header ---------- */
.lm-header {
  position: sticky; top: 0; z-index: 50;
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px; background: var(--header-bg); border-bottom: 1px solid var(--border);
  padding: 12px 16px; box-shadow: var(--shadow);
}
.lm-header-left { display: flex; align-items: center; gap: 8px; }
.lm-burger {
  border: 1px solid var(--border); background: var(--chip); color: var(--text);
  border-radius: var(--radius); padding: 8px 10px; line-height: 1; font-size: 16px;
  transition: all .25s ease;
}
.lm-burger:hover { border-color: var(--brand); background: var(--brand); color: #fff; }
.lm-logo {
  font-family: "Cinzel", "Playfair Display", Georgia, "Times New Roman", serif;
  font-size: 25px; font-weight: 700; letter-spacing: -.3px; line-height: 1.1;
  display: inline-flex; align-items: baseline; gap: 6px;
  animation: lmLogoPop .6s cubic-bezier(.22,1,.36,1) both;
}
.lm-logo span {
  font-family: inherit; font-weight: 700;
  background: linear-gradient(90deg, #ff2e63, var(--brand-gold), var(--brand-soft), #ff2e63, var(--brand-gold));
  background-size: 300% 100%;
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  animation: lmLogoShift 5s linear infinite, lmTextGlow 3s ease-in-out infinite alternate;
}
.lm-ico {
  font-size: 1.1em; line-height: 1;
  display: inline-block;
  transform-origin: 50% 70%;
  animation: lmIcoFloat 2.8s ease-in-out infinite;
  filter: drop-shadow(0 2px 3px rgba(40, 70, 110, .25));
  transition: transform .3s cubic-bezier(.34,1.56,.64,1);
}
.lm-chip:nth-child(2n) .lm-ico { animation-delay: .35s; }
.lm-chip:nth-child(3n) .lm-ico { animation-delay: .7s; }
.lm-chip:nth-child(4n) .lm-ico { animation-delay: 1.05s; }
.lm-chip:hover .lm-ico,
.lm-drawer-nav a:hover .lm-ico {
  animation: lmIcoPop .6s ease;
  transform: scale(1.35) rotate(-8deg);
}
.lm-chip.is-active .lm-ico { animation: lmIcoSpin 3.5s linear infinite; }
.lm-tiktok-mark {
  position: relative; display: inline-grid; place-items: center;
  width: 1.05em; height: 1.05em; line-height: 1;
  color: #fff; font-size: 1.15em; font-weight: 900;
  animation: lmTikTokBeat 1.6s ease-in-out infinite;
}
.lm-tiktok-mark::before,
.lm-tiktok-mark::after,
.lm-tiktok-mark i {
  position: absolute; inset: 0; display: grid; place-items: center;
  font-style: normal; font-family: Arial, sans-serif;
}
.lm-tiktok-mark::before { content: "♪"; color: #25f4ee; transform: translate(-1.5px, 1px); }
.lm-tiktok-mark::after { content: "♪"; color: #fe2c55; transform: translate(1.5px, -1px); }
.lm-tiktok-mark i { z-index: 1; color: #fff; }
.lm-chip:hover .lm-tiktok-mark,
.lm-drawer-nav a:hover .lm-tiktok-mark { animation: lmTikTokPop .55s ease; }
@keyframes lmTikTokBeat {
  0%, 100% { transform: translateY(0) rotate(0) scale(1); }
  45% { transform: translateY(-2px) rotate(-5deg) scale(1.12); }
  65% { transform: translateY(0) rotate(4deg) scale(.98); }
}
@keyframes lmTikTokPop {
  0% { transform: scale(1) rotate(0); }
  45% { transform: scale(1.45) rotate(-12deg); }
  100% { transform: scale(1.2) rotate(0); }
}
@keyframes lmIcoFloat {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-3px) rotate(5deg); }
}
@keyframes lmIcoPop {
  0% { transform: scale(1) rotate(0deg); }
  40% { transform: scale(1.45) rotate(-14deg); }
  70% { transform: scale(1.2) rotate(9deg); }
  100% { transform: scale(1.35) rotate(-8deg); }
}
@keyframes lmIcoSpin {
  0%, 70%, 100% { transform: rotateY(0deg) scale(1); }
  80% { transform: rotateY(180deg) scale(1.2); }
  90% { transform: rotateY(360deg) scale(1); }
}
@media (prefers-reduced-motion: reduce) {
  .lm-ico { animation: none !important; }
}
.lm-upcoming {
  position: relative; overflow: hidden;
  background: linear-gradient(135deg, #ff2e63, var(--brand-soft) 55%, var(--brand-gold));
  color: #fff; font-size: 12px; font-weight: 700; padding: 7px 14px;
  letter-spacing: .3px; text-shadow: 0 1px 2px rgba(0,0,0,.2);
  border-radius: 16px; box-shadow: 0 8px 18px rgba(255, 46, 99, .38);
  animation: lmFloatY 2.6s ease-in-out infinite;
  transition: transform .25s ease;
}
.lm-upcoming:hover { transform: scale(1.06); }

/* ---------- Search / Request ---------- */
.lm-tools {
  display: flex; flex-direction: column; align-items: center; gap: 12px;
  background: var(--surface); border-bottom: 1px solid var(--border); padding: 16px 20px;
}
.lm-search { position: relative; width: 100%; max-width: 550px; }
.lm-search input[type="search"], .lm-search input[type="text"] {
  width: 100%; border: 2px solid rgba(226, 96, 26, .35); background: #2f2f38; color: var(--text); border-radius: 999px;
  box-shadow: 0 4px 14px rgba(226, 96, 26, .12);
  padding: 10px 96px 10px 16px; font-size: 14px; outline: none; transition: border-color .2s, box-shadow .2s;
  font-family: inherit; color: var(--text);
}
.lm-search input:focus { border-color: var(--brand); box-shadow: 0 0 0 4px rgba(255, 140, 43, .3); }
.lm-search button {
  position: absolute; right: 4px; top: 50%; transform: translateY(-50%);
  border: 0; color: #fff; border-radius: 999px;
  background: linear-gradient(135deg, var(--brand), var(--brand-soft));
  box-shadow: 0 4px 12px rgba(226, 96, 26, .4);
  padding: 7px 18px; font-size: 12px; font-weight: 700; transition: filter .2s, transform .2s;
}
.lm-search button:hover { filter: brightness(1.08); transform: translateY(-50%) scale(1.05); }
.lm-request {
  display: inline-block; border-radius: 999px; padding: 8px 24px; font-size: 13px; font-weight: 600;
  color: #fff; letter-spacing: .3px; text-shadow: 0 1px 2px rgba(0,0,0,.18);
  background: linear-gradient(135deg, var(--request-a), var(--request-b));
  box-shadow: 0 8px 20px rgba(0, 192, 122, .42);
  animation: lmPulseGlow 2s infinite; transition: transform .25s ease;
}
.lm-request:hover { transform: scale(1.05); }

/* ---------- Category chips ---------- */
.lm-chips {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 8px;
  background: var(--surface); padding: 10px 16px; box-shadow: var(--shadow);
}
.lm-chip {
  border: 1px solid rgba(226, 96, 26, .35);
  background: linear-gradient(135deg, #3a2a1c, #4a3320);
  color: #ffc98a; font-weight: 600;
  border-radius: 999px; padding: 6px 14px; font-size: 12px;
  box-shadow: 0 2px 8px rgba(226, 96, 26, .14);
  transition: all .25s ease;
}
.lm-chip:hover {
  border-color: transparent; color: #fff; transform: translateY(-2px) scale(1.04);
  background: linear-gradient(135deg, var(--brand), var(--brand-soft));
  box-shadow: 0 6px 16px rgba(226, 96, 26, .4);
}
.lm-chip.is-active {
  border-color: transparent; color: #fff;
  background: linear-gradient(135deg, var(--brand-deep), var(--brand-soft));
  box-shadow: 0 6px 16px rgba(226, 96, 26, .45);
}
.lm-telegram {
  position: relative; overflow: hidden;
  background: linear-gradient(135deg, var(--telegram), var(--telegram-soft));
  border: 1px solid transparent; color: #fff;
  border-radius: 999px; padding: 6px 16px; font-size: 12px; font-weight: 700;
  letter-spacing: .2px; text-shadow: 0 1px 2px rgba(0,0,0,.18);
  box-shadow: 0 6px 16px rgba(30, 155, 240, .45);
  animation: lmTelegramBeat 2.2s ease-in-out infinite;
}

/* ---------- Sidebar drawer ---------- */
.lm-overlay {
  position: fixed; inset: 0; background: rgba(60, 40, 20, .38); z-index: 60;
  opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s ease;
}
.lm-drawer {
  position: fixed; top: 0; left: 0; bottom: 0; width: 270px; max-width: 84vw; z-index: 70;
  background: var(--surface); box-shadow: var(--shadow-hover);
  transform: translateX(-100%); transition: transform .3s ease; overflow-y: auto;
}
body.lm-menu-open .lm-overlay { opacity: 1; visibility: visible; }
body.lm-menu-open .lm-drawer { transform: translateX(0); }
.lm-drawer-head {
  display: flex; align-items: center; justify-content: space-between;
  border-bottom: 1px solid var(--border); padding: 12px 16px;
}
.lm-drawer-head .lm-logo { font-size: 18px; }
.lm-close { border: 0; background: none; color: var(--muted); font-size: 20px; line-height: 1; padding: 4px 6px; }
.lm-close:hover { color: var(--brand); }
.lm-drawer-nav { display: flex; flex-direction: column; gap: 6px; padding: 12px; }
.lm-drawer-nav a {
  border: 1px solid var(--border); background: var(--chip); border-radius: var(--radius);
  padding: 9px 14px; font-size: 14px; font-weight: 500; transition: all .25s ease;
}
.lm-drawer-nav a:hover { border-color: var(--brand); background: var(--brand); color: #fff; }
.lm-drawer-nav a.lm-telegram { border-radius: var(--radius); text-align: left; }
.lm-drawer-nav a.is-active { border-color: var(--brand); background: var(--brand); color: #fff; }

/* ---------- Grid / Cards ---------- */
.lm-title {
  margin: 0 0 12px; font-size: 16px; font-weight: 600;
  border-left: 3px solid var(--brand); padding-left: 8px;
}
.lm-back {
  display: inline-flex; align-items: center; gap: 6px; margin-bottom: 12px;
  border: 1px solid var(--border); background: var(--chip); border-radius: 999px;
  padding: 6px 14px; font-size: 12px; font-weight: 500; transition: all .25s ease;
}
.lm-back:hover { border-color: var(--brand); background: var(--brand); color: #fff; }
.lm-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (min-width: 768px) { .lm-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } }
@media (min-width: 1100px) { .lm-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; } }

.lm-card {
  background: var(--card-body); border-radius: var(--radius); overflow: hidden;
  box-shadow: var(--shadow); transition: transform .3s ease, box-shadow .3s ease;
}
.lm-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-hover); }
.lm-thumb {
  position: relative; display: block; overflow: hidden;
  border-radius: 10px; margin: 8px 8px 0; background: var(--poster-bg);
  box-shadow: 0 0 0 1px rgba(154, 90, 40, .18), 0 6px 18px rgba(120, 80, 40, .16);
  transition: box-shadow .3s ease;
}
.lm-card:hover .lm-thumb {
  box-shadow: 0 0 0 1px rgba(154, 90, 40, .32), 0 10px 26px rgba(120, 80, 40, .26);
}
.lm-thumb img {
  width: 100%; height: 220px; object-fit: cover; display: block; border-radius: 10px;
}
.lm-rating-badge {
  position: absolute; top: 8px; right: 8px; z-index: 2;
  background: rgba(45, 28, 12, .78); color: #ffd166; font-size: 11px; font-weight: 700;
  padding: 3px 8px; border-radius: 999px; backdrop-filter: blur(2px);
  line-height: 1.4; letter-spacing: .2px;
}
@media (min-width: 768px) { .lm-thumb img { height: 300px; } }
.lm-thumb-fallback {
  width: 100%; height: 220px; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, #3a3a44, #2c2c34); color: #9aa0aa; font-size: 26px;
  border-radius: 10px; margin: 8px 8px 0; width: auto;
}
@media (min-width: 768px) { .lm-thumb-fallback { height: 300px; } }
.lm-card-body { padding: 10px; background: var(--card-body); color: var(--text); }
.lm-card-title {
  display: block; font-size: 13px; font-weight: 600; line-height: 1.35; margin-bottom: 6px;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  transition: color .2s;
}
.lm-card-title { color: var(--text); }
.lm-card-title:hover { color: var(--brand-gold); }
.lm-card-body { padding: 10px; background: var(--card-body); color: var(--text); }
.lm-card-meta { display: flex; justify-content: space-between; font-size: 11px; color: var(--muted); }

.lm-empty {
  border: 1px solid var(--border); background: var(--surface); border-radius: var(--radius);
  padding: 24px 16px; text-align: center; font-size: 14px; color: var(--muted);
}

/* ---------- Single post ---------- */
.lm-single { background: var(--surface); border-radius: var(--radius); box-shadow: var(--shadow); overflow: hidden; }
.lm-single-poster { padding: 12px; background: var(--poster-bg); }
.lm-single-poster img {
  width: 100%; max-height: 520px; object-fit: cover; border-radius: 12px; display: block;
  box-shadow: 0 0 0 1px rgba(154, 90, 40, .2), 0 8px 24px rgba(120, 80, 40, .16);
}
.lm-single-inner { padding: 18px; }
.lm-single h1 { font-family: "Cinzel", Georgia, serif; font-size: 22px; margin: 0 0 10px; }
.lm-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.lm-badge {
  background: var(--chip); border: 1px solid var(--border); border-radius: 999px;
  padding: 4px 12px; font-size: 12px; font-weight: 500;
}
.lm-badge.is-rating { background: var(--brand-gold); border-color: var(--brand-gold); color: #3a2a00; }
.lm-content { font-size: 15px; }
.lm-content img { border-radius: 8px; margin: 12px 0; }
.lm-content h2, .lm-content h3 { font-family: "Cinzel", Georgia, serif; }
.lm-content a { color: var(--brand); text-decoration: underline; }
.lm-content .lm-dl-btn, .lm-dl-btn {
  display: inline-block; background: linear-gradient(135deg, var(--brand), var(--brand-soft));
  color: #fff !important; text-decoration: none !important; border-radius: 999px;
  padding: 10px 26px; font-weight: 600; margin: 8px 8px 8px 0;
  animation: lmPulseGlow 2s infinite;
}
.lm-section-title { margin: 26px 0 12px; font-size: 16px; font-weight: 600; border-left: 3px solid var(--brand); padding-left: 8px; }

/* ---------- Pagination / Footer ---------- */
.lm-pagination { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 24px; }
.lm-pagination .page-numbers {
  border: 1px solid var(--border); background: var(--surface); border-radius: 999px;
  padding: 6px 14px; font-size: 13px;
}
.lm-pagination .page-numbers.current,
.lm-pagination .page-numbers:hover { background: var(--brand); border-color: var(--brand); color: #fff; }

.lm-footer {
  margin-top: auto; background: var(--footer-bg); border-top: 1px solid var(--border);
  padding: 24px 16px 18px; text-align: center;
}
.lm-footer-links { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-bottom: 16px; }
.lm-footer-links a {
  border: 1px solid var(--border); background: var(--chip); border-radius: 16px;
  padding: 6px 14px; font-size: 12px; font-weight: 500; transition: all .25s ease;
}
.lm-footer-links a:hover { border-color: var(--brand); background: var(--brand); color: #fff; }
.lm-copy { border-top: 1px solid var(--border); padding-top: 12px; font-size: 12px; color: var(--muted); letter-spacing: .2px; }
.lm-copy strong { color: var(--brand-gold); }
.lm-copy strong {
  font-family: "Cinzel", Georgia, serif;
  background: linear-gradient(45deg, var(--brand), var(--brand-soft), var(--brand-gold));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}

/* ---------- Animations ---------- */
@keyframes lmLogoShift {
  0% { background-position: 0% 50%; }
  100% { background-position: 300% 50%; }
}
@keyframes lmLogoPop {
  0% { opacity: 0; transform: translateY(-6px) scale(.94); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes lmTextGlow {
  0% { filter: drop-shadow(0 0 2px rgba(255, 46, 99, .5)); }
  100% { filter: drop-shadow(0 0 8px rgba(255, 179, 0, .85)); }
}
@keyframes lmPulseGlow {
  0% { box-shadow: 0 0 0 0 rgba(0, 192, 122, .6); }
  70% { box-shadow: 0 0 0 10px rgba(0, 192, 122, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 192, 122, 0); }
}
@keyframes lmRiseIn {
  0% { opacity: 0; transform: translateY(24px) scale(.97); }
  100% { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes lmFloatY {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}
@keyframes lmPosterZoom {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.07); }
}
@keyframes lmTelegramBeat {
  0%, 100% { box-shadow: 0 0 0 0 rgba(30, 155, 240, .65); transform: translateY(0); }
  50% { box-shadow: 0 0 0 8px rgba(30, 155, 240, 0); transform: translateY(-2px); }
}
@keyframes lmShine {
  0% { transform: translateX(-120%) skewX(-18deg); }
  60%, 100% { transform: translateX(220%) skewX(-18deg); }
}
.lm-upcoming::after, .lm-telegram::after {
  content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 40%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .45), transparent);
  animation: lmShine 2.8s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

/* WordPress core alignment classes */
.alignleft { float: left; margin: 0 16px 16px 0; }
.alignright { float: right; margin: 0 0 16px 16px; }
.aligncenter { margin: 0 auto 16px; display: block; }
.wp-caption-text { font-size: 12px; color: var(--muted); text-align: center; }

/* Hide Archives / Categories widget lists (footer widget area) */
.lm-widget.widget_archive,
.lm-widget.widget_categories,
.lm-widget.widget_recent_entries,
.lm-widget.widget_meta,
.wp-block-archives, .wp-block-categories { display: none !important; }


/* ---------- Dark mode clarity + flag chips (v1.9.0) ---------- */
.lm-search input { color: var(--text); }
.lm-search input::placeholder { color: var(--muted); }
.lm-card, .lm-widget, .lm-drawer, .lm-drawer-nav a { color: var(--text); }
.lm-title, .lm-entry h1, .lm-entry h2, .lm-entry h3 { color: #ffffff; }
.lm-meta, .lm-excerpt, .lm-muted { color: var(--muted); }
.lm-chip { color: #ffe3c9; }
.lm-flag {
  font-size: 1.05em; line-height: 1; margin-right: 2px;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.55));
  animation: lmFlagWave 3s ease-in-out infinite;
  display: inline-block;
}
@keyframes lmFlagWave {
  0%, 100% { transform: rotate(-6deg) translateY(0); }
  50% { transform: rotate(6deg) translateY(-2px); }
}


/* ---------- v2.0.0: lighter dark background, white poster glow, mobile polish ---------- */
:root {
  --bg: #33333c;
  --bg-grad: linear-gradient(160deg, #3a3a45 0%, #35353f 45%, #2f2f38 100%);
  --surface: #3e3e49;
  --card-body: #454551;
  --chip: #4a4a57;
  --border: #5a5a68;
  --text: #f7f8fa;
  --muted: #c9ced6;
  --header-bg: linear-gradient(135deg, #3b3b46, #464653 55%, #3b3b46);
  --footer-bg: linear-gradient(135deg, #3b3b46, #464653 55%, #3b3b46);
  --poster-bg: #50505d;
  --shadow: 0 3px 14px rgba(0, 0, 0, .3);
  --shadow-hover: 0 14px 30px rgba(0, 0, 0, .42);
}

/* White glow around every poster, all four sides */
.lm-thumb,
.lm-thumb-fallback,
.lm-single-thumb,
.lm-poster {
  background: var(--poster-bg);
  border-radius: 12px;
  box-shadow:
    0 0 0 2px rgba(255, 255, 255, .85),
    0 0 14px 3px rgba(255, 255, 255, .40),
    0 8px 22px rgba(0, 0, 0, .38);
  transition: box-shadow .3s ease, transform .3s ease;
}
.lm-card:hover .lm-thumb,
.lm-card:hover .lm-thumb-fallback {
  box-shadow:
    0 0 0 2px #ffffff,
    0 0 22px 6px rgba(255, 255, 255, .6),
    0 12px 28px rgba(0, 0, 0, .45);
}
.lm-thumb img { border-radius: 10px; }
.lm-card { background: var(--card-body); }

/* ---------- Mobile view ---------- */
@media (max-width: 767px) {
  body { font-size: 14.5px; }
  .lm-wrap { padding: 14px 12px 26px; }
  .lm-header { flex-wrap: wrap; gap: 8px; padding: 10px 12px; }
  .lm-logo { font-size: 21px; }
  .lm-upcoming { font-size: 11px; padding: 6px 10px; }
  .lm-tools { padding: 12px; gap: 10px; }
  .lm-search { max-width: 100%; }
  .lm-search input[type="search"], .lm-search input[type="text"] { font-size: 16px; }
  .lm-chips, .lm-cats { gap: 8px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; flex-wrap: nowrap; padding-bottom: 4px; }
  .lm-chips::-webkit-scrollbar, .lm-cats::-webkit-scrollbar { display: none; }
  .lm-chip { white-space: nowrap; font-size: 12.5px; padding: 7px 12px; }
  .lm-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .lm-thumb img, .lm-thumb-fallback { height: 210px; }
  .lm-card-title { font-size: 13px; line-height: 1.35; }
  .lm-card:hover { transform: none; }
  .lm-single, .lm-entry { padding-left: 0; padding-right: 0; }
  .lm-entry img { border-radius: 10px; }
  .lm-footer, .lm-footer * { text-align: center; }
  .lm-btn, .lm-telegram, .lm-request { width: 100%; justify-content: center; }
}
@media (max-width: 380px) {
  .lm-thumb img, .lm-thumb-fallback { height: 180px; }
  .lm-logo { font-size: 19px; }
}


/* ---------- v2.1.0: light white theme + smooth performance ---------- */
:root {
  --bg: #f6f7fb;
  --bg-grad: linear-gradient(160deg, #ffffff 0%, #f4f6fa 50%, #eef1f7 100%);
  --surface: #ffffff;
  --card-body: #ffffff;
  --chip: #f1f3f8;
  --border: #e2e6ee;
  --text: #1d2129;
  --muted: #6b7280;
  --header-bg: linear-gradient(135deg, #ffffff, #f3f5fa 55%, #ffffff);
  --footer-bg: linear-gradient(135deg, #ffffff, #f3f5fa 55%, #ffffff);
  --poster-bg: #eef1f7;
  --shadow: 0 2px 8px rgba(20, 25, 40, .08);
  --shadow-hover: 0 8px 20px rgba(20, 25, 40, .14);
}

/* Smooth scrolling, no repaint-heavy fixed background */
html { scroll-behavior: smooth; }
body {
  background: var(--bg-grad);
  background-attachment: scroll;
  background-color: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
}
.lm-chips, .lm-cats, .lm-drawer { scroll-behavior: smooth; -webkit-overflow-scrolling: touch; }

/* Lighter effects = less lag */
.lm-card, .lm-thumb, .lm-chip, .lm-btn { will-change: auto; }
.lm-card { transition: transform .18s ease, box-shadow .18s ease; contain: layout paint; }
.lm-card:hover { transform: translateY(-3px); }
.lm-thumb img, .lm-thumb-fallback, .lm-single-thumb img { content-visibility: auto; }
.lm-thumb, .lm-thumb-fallback, .lm-single-thumb, .lm-poster {
  background: var(--poster-bg);
  box-shadow: 0 1px 3px rgba(20,25,40,.10), 0 6px 16px rgba(20,25,40,.10);
  transition: box-shadow .2s ease;
}
.lm-card:hover .lm-thumb,
.lm-card:hover .lm-thumb-fallback {
  box-shadow: 0 2px 6px rgba(20,25,40,.14), 0 12px 26px rgba(20,25,40,.16);
}
.lm-ico, .lm-flag { animation: none !important; }
.lm-telegram, .lm-request { animation: none !important; }

/* Light-mode text clarity */
.lm-title, .lm-entry h1, .lm-entry h2, .lm-entry h3 { color: #12151c; }
.lm-card, .lm-widget, .lm-drawer, .lm-drawer-nav a, .lm-card-body { color: var(--text); }
.lm-meta, .lm-excerpt, .lm-muted { color: var(--muted); }
.lm-card { background: #ffffff; border: 1px solid var(--border); }
.lm-header, .lm-footer { border-color: var(--border); }
.lm-chip { color: #7a3b00; background: linear-gradient(135deg, #ffd9b0, #ffb066); }
.lm-chip:hover { transform: none; filter: brightness(1.04); }

/* Search bar keeps its own accent background */
.lm-search input[type="search"], .lm-search input[type="text"] {
  background: #fff7ee;
  color: #1d2129;
  border: 2px solid var(--brand-soft);
  box-shadow: 0 1px 4px rgba(255, 140, 43, .18);
}
.lm-search input::placeholder { color: #9a8b7c; }
.lm-search input:focus { box-shadow: 0 0 0 3px rgba(255, 140, 43, .22); }

/* ============================================================
   v2.2.0 — Unified chip + search styling
   ============================================================ */

/* All category chips share one clean light-white look */
.lm-chip,
.lm-chip:nth-child(n),
.lm-cats a,
.lm-drawer-nav a {
  background: #ffffff !important;
  background-image: none !important;
  color: #1d2129 !important;
  border: 1px solid rgba(0, 0, 0, .10) !important;
  border-radius: 999px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .18), 0 4px 12px rgba(0, 0, 0, .14) !important;
  transition: box-shadow .2s ease, transform .2s ease;
}

.lm-chip:hover,
.lm-cats a:hover,
.lm-drawer-nav a:hover {
  transform: translateY(-2px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, .22), 0 8px 20px rgba(0, 0, 0, .18) !important;
}

.lm-chip.is-active,
.lm-cats a.is-active {
  background: #ffffff !important;
  color: #12151c !important;
  border-color: rgba(0, 0, 0, .22) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .26), 0 10px 22px rgba(0, 0, 0, .18) !important;
}

/* Search bar: same light-white inside, soft black shadow all around */
.lm-search input[type="search"],
.lm-search input[type="text"] {
  background: #ffffff !important;
  color: #1d2129 !important;
  border: 1px solid rgba(0, 0, 0, .10) !important;
  border-radius: 999px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .18), 0 4px 14px rgba(0, 0, 0, .14) !important;
  transition: box-shadow .2s ease;
}
.lm-search input::placeholder { color: #8a9098 !important; }
.lm-search input:focus {
  outline: none;
  border-color: rgba(0, 0, 0, .2) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .24), 0 10px 24px rgba(0, 0, 0, .18) !important;
}
.lm-search button {
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .22);
}

/* ============================================================
   v2.3.0 — Restore soft-dark background + animated category icons
   ============================================================ */

:root {
  --bg: #33333c;
  --bg-grad: linear-gradient(160deg, #3a3a45 0%, #35353f 45%, #2f2f38 100%);
  --surface: #3e3e49;
  --card-body: #454551;
  --chip: #4a4a57;
  --border: #5a5a68;
  --text: #f7f8fa;
  --muted: #c9ced6;
  --header-bg: linear-gradient(135deg, #3b3b46, #464653 55%, #3b3b46);
  --footer-bg: linear-gradient(135deg, #3b3b46, #464653 55%, #3b3b46);
  --poster-bg: #50505d;
  --shadow: 0 3px 14px rgba(0, 0, 0, .3);
  --shadow-hover: 0 14px 30px rgba(0, 0, 0, .42);
}

body {
  background: var(--bg-grad);
  background-color: var(--bg);
  color: var(--text);
}

/* Dark-mode text clarity (undo light-theme overrides) */
.lm-title, .lm-entry h1, .lm-entry h2, .lm-entry h3 { color: #ffffff; }
.lm-card, .lm-widget, .lm-drawer, .lm-card-body { color: var(--text); }
.lm-card { background: var(--card-body); border: 1px solid var(--border); }
.lm-meta, .lm-excerpt, .lm-muted { color: var(--muted); }
.lm-header, .lm-footer { border-color: var(--border); }

/* White line + glow around posters on all sides */
.lm-thumb, .lm-thumb-fallback, .lm-single-thumb, .lm-poster {
  background: var(--poster-bg);
  border-radius: 12px;
  box-shadow:
    0 0 0 2px rgba(255, 255, 255, .9),
    0 0 14px 3px rgba(255, 255, 255, .28),
    0 8px 22px rgba(0, 0, 0, .40);
}
.lm-card:hover .lm-thumb,
.lm-card:hover .lm-thumb-fallback {
  box-shadow:
    0 0 0 2px #ffffff,
    0 0 20px 5px rgba(255, 255, 255, .45),
    0 12px 28px rgba(0, 0, 0, .48);
}

/* ---------- Animated category icons (re-enabled) ---------- */
.lm-ico {
  display: inline-block;
  font-size: 1.05em;
  line-height: 1;
  transform-origin: 50% 60%;
  animation: lmIcoFloat 2.6s ease-in-out infinite !important;
}
.lm-chip:nth-child(2n) .lm-ico { animation-delay: .3s !important; }
.lm-chip:nth-child(3n) .lm-ico { animation-delay: .6s !important; }
.lm-chip:nth-child(4n) .lm-ico { animation-delay: .9s !important; }

.lm-chip:hover .lm-ico,
.lm-cats a:hover .lm-ico,
.lm-drawer-nav a:hover .lm-ico {
  animation: lmIcoPop .55s ease both !important;
}

.lm-chip.is-active .lm-ico,
.lm-cats a.is-active .lm-ico {
  animation: lmIcoBeat 1.4s ease-in-out infinite !important;
}

.lm-flag {
  display: inline-block;
  animation: lmFlagWave 2.2s ease-in-out infinite !important;
}

@keyframes lmIcoFloat {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50%      { transform: translateY(-3px) rotate(-4deg); }
}
@keyframes lmIcoPop {
  0%   { transform: scale(1) rotate(0deg); }
  45%  { transform: scale(1.35) rotate(10deg); }
  70%  { transform: scale(.95) rotate(-6deg); }
  100% { transform: scale(1.12) rotate(0deg); }
}
@keyframes lmIcoBeat {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.18); }
}
@keyframes lmFlagWave {
  0%, 100% { transform: rotate(-7deg) translateY(0); }
  50%      { transform: rotate(7deg) translateY(-2px); }
}

@media (prefers-reduced-motion: reduce) {
  .lm-ico, .lm-flag { animation: none !important; }
}

/* Uploaded category artwork: transparent and sized to match emoji icons. */
.lm-category-art {
  display: block;
  width: 1.15em !important;
  height: 1.15em !important;
  max-width: none !important;
  min-width: 0;
  margin: 0 !important;
  object-fit: contain;
  object-position: center;
}

.lm-ico:has(.lm-category-art) {
  display: inline-flex;
  width: 1.15em;
  height: 1.15em;
  align-items: center;
  justify-content: center;
  flex: 0 0 1.15em;
  vertical-align: -0.18em;
}

/* ============================================================
   v2.4.0 — Chips + search match background, white text, white glow
   ============================================================ */

.lm-chip,
.lm-chip:nth-child(n),
.lm-cats a,
.lm-drawer-nav a,
.lm-search input[type="search"],
.lm-search input[type="text"] {
  background: #3a3a45 !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, .5) !important;
  border-radius: 999px;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .35),
    0 0 12px 2px rgba(255, 255, 255, .30),
    0 6px 18px rgba(0, 0, 0, .35) !important;
  transition: box-shadow .22s ease, transform .22s ease;
}

.lm-search input::placeholder { color: #d7dbe2 !important; }

.lm-chip:hover,
.lm-cats a:hover,
.lm-drawer-nav a:hover,
.lm-search input:focus {
  outline: none;
  transform: translateY(-2px);
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .6),
    0 0 20px 5px rgba(255, 255, 255, .45),
    0 10px 24px rgba(0, 0, 0, .40) !important;
}
.lm-search input:focus { transform: none; }

.lm-chip.is-active,
.lm-cats a.is-active {
  background: #43434f !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
  box-shadow:
    0 0 0 2px #ffffff,
    0 0 18px 4px rgba(255, 255, 255, .40),
    0 10px 24px rgba(0, 0, 0, .40) !important;
}

/* ============================================================
   v2.5.0 - Mobile-first responsive grid + easy Request button
   Mobile: 2 posts per row | Tablet: 3 | Desktop/TV: 4
   ============================================================ */

/* Grid rules (final - sab se last me taake har jagah yehi chale) */
.lm-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (min-width: 600px)  { .lm-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } }
@media (min-width: 900px)  { .lm-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } }
@media (min-width: 1100px) { .lm-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; } }

/* Poster hamesha movie-poster shape (2:3) me - kisi bhi screen par stretch nahi */
.lm-thumb img, .lm-thumb-fallback {
  height: auto !important;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  width: 100%;
}
.lm-thumb-fallback { display: flex; align-items: center; justify-content: center; width: auto; }

/* ---------- Mobile polish (767px se choti screens) ---------- */
@media (max-width: 767px) {
  body { font-size: 14px; }
  .lm-wrap { padding: 12px 10px 24px; }
  .lm-header { padding: 10px 10px; gap: 6px; }
  .lm-logo { font-size: 20px; }
  .lm-burger { padding: 7px 9px; font-size: 15px; }
  .lm-upcoming { font-size: 11px; padding: 6px 10px; }
  .lm-grid { gap: 10px; }
  .lm-card { border-radius: 10px; }
  .lm-thumb, .lm-thumb-fallback { margin: 6px 6px 0; border-radius: 8px; }
  .lm-thumb img { border-radius: 8px; }
  .lm-card-body { padding: 8px; }
  .lm-card-title { font-size: 12.5px; }
  .lm-rating-badge { font-size: 10px; padding: 2px 7px; top: 8px; right: 8px; }
  /* Request + Telegram buttons mobile par full width, bade touch target */
  .lm-request, .lm-tools .lm-telegram {
    width: 100%; max-width: 420px; text-align: center;
    padding: 12px 20px; font-size: 14px;
  }
  .lm-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; }
  .lm-pagination .page-numbers { padding: 8px 12px; }
}

/* Bohat choti screens (chote phones) */
@media (max-width: 380px) {
  .lm-grid { gap: 8px; }
  .lm-card-title { font-size: 12px; }
  .lm-logo { font-size: 18px; }
}

/* Bari screens / TV - content center me, grid 4 hi rahe */
@media (min-width: 1600px) {
  .lm-wrap { max-width: 1500px; }
}

/* Touch devices par hover jump band (scroll smooth rahe) */
@media (hover: none) {
  .lm-card:hover { transform: none; }
  .lm-chip:hover, .lm-cats a:hover { transform: none; }
}

/* ============================================================
   v19 — Upcoming / Request / Contact / Privacy / DMCA pages
   ============================================================ */

.lm-page-head { margin: 4px 0 18px; }
.lm-page-sub { color: #b9bbc4; font-size: 14px; margin: 6px 0 0; max-width: 780px; line-height: 1.7; }
.lm-page-intro { margin-top: 20px; }

/* Panels / forms */
.lm-form-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 900px) { .lm-form-grid { grid-template-columns: 1.25fr 1fr; gap: 22px; } }

.lm-panel {
  background: var(--surface, #26262d);
  border: 1px solid var(--border, #3d3d47);
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 12px 28px rgba(0,0,0,.28);
}
.lm-panel-title {
  margin: 0 0 12px; font-size: 17px; font-weight: 600; color: var(--text, #f2f3f5);
  padding-bottom: 10px; border-bottom: 1px solid var(--border, #3d3d47);
}
.lm-panel-text { color: #b9bbc4; font-size: 14px; line-height: 1.7; }

.lm-form label { display: block; font-size: 13px; font-weight: 600; margin: 12px 0 6px; color: #dfe1e7; }
.lm-form input[type="text"],
.lm-form input[type="email"],
.lm-form textarea {
  width: 100%; box-sizing: border-box;
  background: var(--chip, #2f2f38);
  border: 1px solid var(--border, #3d3d47);
  border-radius: 10px; padding: 11px 12px;
  color: var(--text, #f2f3f5); font: inherit; font-size: 14px;
  transition: border-color .2s, box-shadow .2s;
}
.lm-form input:focus, .lm-form textarea:focus {
  outline: none; border-color: var(--brand, #ff6b1a);
  box-shadow: 0 0 0 3px rgba(255,107,26,.18);
}
.lm-form textarea { resize: vertical; min-height: 120px; }
.lm-form-two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.lm-form-hint { font-size: 12.5px; color: #a7a9b3; margin-top: 10px; }
.lm-form-hint a, .lm-contact-list a { color: var(--brand-soft, #ff9d3d); text-decoration: none; }
.lm-form-hint a:hover, .lm-contact-list a:hover { text-decoration: underline; }
.lm-hp { position: absolute; left: -9999px; height: 0; overflow: hidden; }

/* Buttons */
.lm-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  border: 0; cursor: pointer; text-decoration: none;
  padding: 12px 20px; margin-top: 14px; border-radius: 999px;
  font: inherit; font-size: 14px; font-weight: 600; color: #10121a;
  transition: transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
.lm-btn:hover { transform: translateY(-2px); filter: brightness(1.06); }
.lm-btn-sm { padding: 9px 16px; font-size: 13px; }
.lm-btn-request { background: linear-gradient(135deg, var(--request-a, #00c07a), var(--request-b, #9ae600)); box-shadow: 0 8px 20px rgba(0,192,122,.25); }
.lm-btn-telegram { background: linear-gradient(135deg, var(--telegram, #1e9bf0), var(--telegram-soft, #45c3ff)); color: #06121d; box-shadow: 0 8px 20px rgba(30,155,240,.25); }
.lm-btn-mail { background: linear-gradient(135deg, var(--brand, #ff6b1a), var(--brand-gold, #ffc233)); box-shadow: 0 8px 20px rgba(255,107,26,.25); }
.lm-btn-ghost { background: var(--chip, #2f2f38); color: var(--text, #f2f3f5); border: 1px solid var(--border, #3d3d47); }
.lm-cta-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }

/* Notices */
.lm-note { border-radius: 12px; padding: 13px 15px; font-size: 14px; line-height: 1.65; margin: 0 0 18px; border: 1px solid; }
.lm-note-ok { background: rgba(0,192,122,.12); border-color: rgba(0,192,122,.45); color: #9ae6c4; }
.lm-note-bad { background: rgba(255,80,80,.12); border-color: rgba(255,80,80,.45); color: #ffb0b0; }
.lm-note-info { background: rgba(255,107,26,.1); border-color: rgba(255,107,26,.4); color: #ffc89b; }

/* Lists */
.lm-list, .lm-contact-list { margin: 12px 0 0; padding: 0; list-style: none; }
.lm-list li, .lm-contact-list li {
  color: #c8cad2; font-size: 14px; padding: 8px 0 8px 22px; position: relative; line-height: 1.6;
  border-bottom: 1px dashed rgba(255,255,255,.07);
}
.lm-list li::before { content: "\2713"; position: absolute; left: 0; color: var(--brand-soft, #ff9d3d); }
.lm-contact-list li { padding-left: 0; display: flex; gap: 10px; align-items: center; }

/* Legal pages */
.lm-legal {
  background: var(--surface, #26262d);
  border: 1px solid var(--border, #3d3d47);
  border-radius: 16px; padding: 20px 22px;
  color: #cfd1d9; line-height: 1.85; font-size: 14.5px;
  box-shadow: 0 12px 28px rgba(0,0,0,.26);
}
.lm-legal h2 {
  font-size: 16.5px; margin: 24px 0 8px; color: var(--text, #f2f3f5);
  padding-left: 12px; border-left: 3px solid var(--brand, #ff6b1a);
}
.lm-legal h2:first-of-type { margin-top: 6px; }
.lm-legal p { margin: 0 0 10px; }
.lm-legal ul, .lm-legal ol { margin: 0 0 12px; padding-left: 20px; }
.lm-legal li { margin: 6px 0; }
.lm-legal a { color: var(--brand-soft, #ff9d3d); }

/* Footer redesign */
.lm-footer-top {
  display: grid; grid-template-columns: 1fr; gap: 22px;
  max-width: 1200px; margin: 0 auto; padding: 8px 4px 22px; text-align: left;
}
@media (min-width: 780px) { .lm-footer-top { grid-template-columns: 1.4fr 1fr 1fr; } }
.lm-footer-tag { color: #a7a9b3; font-size: 13.5px; line-height: 1.7; margin: 8px 0 0; max-width: 320px; }
.lm-footer-social { display: flex; flex-wrap: wrap; gap: 10px; }
.lm-footer-col h3 {
  font-size: 13px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--brand-gold, #ffc233); margin: 0 0 10px;
}
.lm-footer-links { display: flex; flex-direction: column; gap: 9px; align-items: flex-start; }
.lm-footer-links a { color: #c3c5cd; font-size: 13.5px; text-decoration: none; transition: color .18s, transform .18s; }
.lm-footer-links a:hover { color: var(--brand-soft, #ff9d3d); transform: translateX(3px); }
.lm-footer-note {
  max-width: 1200px; margin: 0 auto; padding: 14px 4px;
  border-top: 1px solid rgba(255,255,255,.08);
  color: #8f919b; font-size: 12.5px; line-height: 1.7; text-align: center;
}
.lm-copy {
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 14px 10px; text-align: center; font-size: 13px; color: #b9bbc4;
}
.lm-copy strong { color: var(--brand-soft, #ff9d3d); }

@media (max-width: 767px) {
  .lm-panel { padding: 15px; }
  .lm-legal { padding: 16px; font-size: 14px; }
  .lm-form-two { grid-template-columns: 1fr; }
  .lm-btn { width: 100%; }
  .lm-btn-sm { width: auto; }
}

/* =========================================================
   v20 — VIP poster cards + compact "all rights reserved" bar
   ========================================================= */
.lm-card-vip {
  position: relative;
  border-radius: 16px;
  padding: 3px;
  background: linear-gradient(150deg, rgba(255,194,51,.55), rgba(255,255,255,.06) 32%, rgba(255,255,255,.02) 68%, rgba(255,107,26,.45));
  box-shadow: 0 8px 22px rgba(0,0,0,.35);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.lm-card-vip:hover {
  transform: translateY(-5px);
  box-shadow: 0 16px 34px rgba(0,0,0,.5), 0 0 0 1px rgba(255,194,51,.35);
}
.lm-card-vip .lm-thumb {
  position: relative; display: block; overflow: hidden;
  border-radius: 13px 13px 4px 4px;
  aspect-ratio: 2 / 3; background: #16161c;
}
.lm-card-vip .lm-thumb img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform .35s ease;
}
.lm-card-vip:hover .lm-thumb img { transform: scale(1.05); }
.lm-thumb-gloss {
  position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(to top, rgba(0,0,0,.55) 0%, rgba(0,0,0,0) 42%),
    linear-gradient(115deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,0) 38%);
}
.lm-card-vip .lm-rating-badge {
  position: absolute; top: 8px; right: 8px; z-index: 2;
  background: linear-gradient(135deg, #ffc233, #ff8a1a);
  color: #1a1206; font-weight: 800; font-size: 11px;
  padding: 3px 8px; border-radius: 999px;
  box-shadow: 0 3px 10px rgba(0,0,0,.4);
}
.lm-card-vip .lm-card-body {
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.18));
  border-radius: 0 0 13px 13px;
  padding: 10px 10px 12px;
  text-align: center;
}
.lm-card-vip .lm-card-title {
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
  overflow: hidden; font-weight: 700; font-size: 13px; line-height: 1.4;
  letter-spacing: .01em;
}
.lm-card-vip .lm-card-body::after {
  content: ""; display: block; width: 34px; height: 2px; margin: 8px auto 0;
  border-radius: 2px; background: linear-gradient(90deg, #ffc233, #ff6b1a);
  opacity: .75;
}

/* Compact copyright bar */
.lm-copy {
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  padding: 18px 12px 22px;
}
.lm-top-arrow {
  background: none; border: 0; cursor: pointer;
  color: #9a9cA6; font-size: 20px; line-height: 1; padding: 4px 12px;
  transition: color .18s, transform .18s;
}
.lm-top-arrow:hover { color: var(--brand-gold, #ffc233); transform: translateY(-3px); }
.lm-copy-line { font-size: 13.5px; color: #b9bbc4; letter-spacing: .01em; }
.lm-copy-brand {
  font-weight: 800;
  background: linear-gradient(90deg, #ffc233, #ff6b1a);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  margin-right: 4px;
}
.lm-copy-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 4px; }
.lm-copy-links a {
  color: #c3c5cd; font-size: 13px; text-decoration: none;
  padding: 2px 10px 2px 0; transition: color .18s;
}
.lm-copy-links a::after { content: " \232A"; color: #6c6e78; margin-left: 8px; }
.lm-copy-links a:last-child::after { content: ""; }
.lm-copy-links a:hover { color: var(--brand-gold, #ffc233); }

/* =========================================================
   v21 — Single thin white outline poster cards (BollyFlix style)
   ========================================================= */
.lm-card-vip {
  padding: 0;
  border-radius: 14px;
  background: var(--card-body);
  border: 1px solid rgba(255,255,255,.35);
  box-shadow: 0 0 0 1px rgba(255,255,255,.06), 0 6px 18px rgba(0,0,0,.35);
}
.lm-card-vip:hover {
  transform: translateY(-4px);
  border-color: rgba(255,255,255,.6);
  box-shadow: 0 0 0 1px rgba(255,255,255,.12), 0 12px 26px rgba(0,0,0,.45);
}
.lm-card-vip .lm-thumb {
  margin: 6px 6px 0;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.28);
}
.lm-card-vip .lm-thumb img { border-radius: 9px; }
.lm-card-vip .lm-thumb-gloss { display: none; }
.lm-card-vip .lm-card-body {
  background: transparent;
  border-radius: 0 0 13px 13px;
  padding: 10px 10px 16px;
  min-height: 166px;
}
.lm-card-vip .lm-card-body::after { display: none; }
.lm-card-vip .lm-card-title {
  /* 8 lines ki jaga hamesha reserved rahe (13px * 1.4 line-height = 18.2px/line).
     Text kam ho to neeche khali jagah rahegi (top-aligned), text zyada ho to
     8 line ke baad hi clamp/hide hoga. */
  -webkit-line-clamp: 8;
  min-height: 11.2em;
  align-self: flex-start;
}


/* =========================================================
   v21 — Upcoming release date badges
   ========================================================= */
.lm-card-vip .lm-release-badge,
.lm-release-badge {
  position: absolute; left: 8px; top: 8px; z-index: 2;
  background: linear-gradient(135deg, #1f7ae0, #4bc2ff);
  color: #04121f; font-weight: 800; font-size: 10.5px;
  padding: 3px 8px; border-radius: 999px;
  box-shadow: 0 3px 10px rgba(0,0,0,.4);
  letter-spacing: .01em;
}
.lm-release-line {
  margin: 6px 0 0; font-size: 11.5px; font-weight: 600;
  color: var(--brand-gold, #ffc233);
  display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; align-items: center;
}
.lm-release-days {
  font-size: 10.5px; font-weight: 700;
  padding: 2px 7px; border-radius: 999px;
  background: rgba(75,194,255,.16);
  color: #4bc2ff; border: 1px solid rgba(75,194,255,.35);
}
.lm-release-note {
  margin: 4px 0 0; font-size: 10.5px; color: var(--muted);
  text-align: center;
}
.lm-badge.is-release {
  background: linear-gradient(135deg, #1f7ae0, #4bc2ff);
  border-color: #4bc2ff; color: #04121f; font-weight: 700;
}


/* =========================================================
   v22 — Animated Home button + animated Request button
   ========================================================= */
.lm-header-actions { display: flex; align-items: center; gap: 8px; }

.lm-homebtn {
  position: relative; overflow: hidden;
  display: inline-flex; align-items: center; gap: 6px;
  font-family: "Cinzel", Georgia, serif;
  font-size: 13px; font-weight: 700; letter-spacing: .6px;
  padding: 7px 16px; border-radius: 16px;
  color: #0b1020; text-decoration: none;
  background: linear-gradient(120deg, #ffd76a, #4bc2ff 35%, #a78bfa 65%, #ffd76a);
  background-size: 300% 100%;
  animation: lmHomeFlow 6s linear infinite, lmHomeBob 3s ease-in-out infinite;
  box-shadow: 0 8px 20px rgba(75,194,255,.35), inset 0 1px 0 rgba(255,255,255,.5);
  transition: transform .25s ease, box-shadow .25s ease;
}
.lm-homebtn:hover {
  transform: translateY(-2px) scale(1.06);
  box-shadow: 0 12px 26px rgba(167,139,250,.5);
}
.lm-homebtn.is-active { box-shadow: 0 0 0 2px rgba(255,215,106,.75), 0 8px 20px rgba(75,194,255,.35); }
.lm-homebtn-ico { font-size: 14px; animation: lmIcoFloat 2.4s ease-in-out infinite; }
.lm-homebtn::after {
  content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 40%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.6), transparent);
  animation: lmShine 3s ease-in-out infinite; pointer-events: none;
}
@keyframes lmHomeFlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 300% 50%; }
}
@keyframes lmHomeBob {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

/* Request button: animation wapas on (pehle disable thi) */
.lm-request, .lm-btn-request {
  position: relative; overflow: hidden;
  background: linear-gradient(120deg, #00c07a, #9ae600 35%, #22d3ee 65%, #00c07a) !important;
  background-size: 300% 100% !important;
  animation: lmHomeFlow 5s linear infinite, lmPulseGlowGreen 2.2s ease-in-out infinite !important;
}
.lm-request::after, .lm-btn-request::after {
  content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 40%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
  animation: lmShine 2.8s ease-in-out infinite; pointer-events: none;
}
.lm-request:hover, .lm-btn-request:hover { transform: translateY(-2px) scale(1.05); }
@keyframes lmPulseGlowGreen {
  0%, 100% { box-shadow: 0 0 0 0 rgba(0,192,122,.55); }
  50% { box-shadow: 0 0 0 10px rgba(0,192,122,0); }
}

@media (max-width: 480px) {
  .lm-homebtn { font-size: 11.5px; padding: 6px 12px; }
  .lm-header-actions { gap: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  .lm-homebtn, .lm-homebtn::after, .lm-request, .lm-request::after, .lm-btn-request, .lm-tiktok-mark { animation: none !important; }
}

/* Related posters under single post */
.lm-related { margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--border, #3d3d47); }
.lm-related .lm-section-title { font-size: 18px; }
.lm-related-more { margin: 14px 0 0; text-align: center; }
.lm-related-more .lm-btn-ghost { display: inline-block; padding: 8px 16px; border-radius: 999px; text-decoration: none; font-size: 13px; }

/* v25 — SEO latest-releases footer links (Google sitelinks help) */
.lm-seo-latest {
	max-width: 1200px;
	margin: 0 auto;
	padding: 18px 16px 28px;
	border-top: 1px solid var(--border);
}
.lm-seo-latest-title {
	font-size: 13px;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--muted);
	margin: 0 0 10px;
}
.lm-seo-latest ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
}
.lm-seo-latest a {
	color: var(--muted);
	font-size: 13px;
	text-decoration: none;
	transition: color .2s ease;
}
.lm-seo-latest a:hover {
	color: var(--brand-gold);
}

/* =========================================================
   v32 — Light / Dark theme switch: ab plain icon control,
   koi pill/box background nahi (sirf icon + label).
   ========================================================= */
.lm-themebtn {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: "Cinzel", Georgia, serif;
  font-size: 12.5px; font-weight: 700; letter-spacing: .4px;
  padding: 4px 2px; border: 0; border-radius: 0;
  background: none; box-shadow: none;
  color: var(--text); cursor: pointer;
  transition: transform .2s ease, color .2s ease;
}
.lm-themebtn:hover { transform: scale(1.08); color: var(--brand-gold); }
.lm-themebtn-ico { font-size: 17px; line-height: 1; animation: lmIcoFloat 2.4s ease-in-out infinite; }
@media (max-width: 480px) {
  .lm-themebtn { font-size: 0; padding: 4px; gap: 0; }
  .lm-themebtn-ico { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) {
  .lm-themebtn-ico { animation: none !important; }
}

/* Light theme palette */
html.lm-light {
  --bg: #f5f6f8;
  --bg-grad: linear-gradient(160deg, #ffffff 0%, #f3f4f7 45%, #eceef2 100%);
  --surface: #ffffff;
  --card-body: #ffffff;
  --chip: #eef0f4;
  --border: #dcdfe6;
  --text: #14161a;
  --muted: #5b6270;
  --header-bg: linear-gradient(135deg, #ffffff, #f2f3f7 55%, #ffffff);
  --footer-bg: linear-gradient(135deg, #ffffff, #f2f3f7 55%, #ffffff);
  --poster-bg: #e8eaf0;
  --shadow: 0 3px 14px rgba(15, 23, 42, .10);
  --shadow-hover: 0 14px 30px rgba(15, 23, 42, .18);
}
html.lm-light body { color: var(--text); }
html.lm-light .lm-header, html.lm-light .lm-footer { border-bottom-color: var(--border); }
html.lm-light .lm-drawer { background: var(--surface); color: var(--text); }
html.lm-light .lm-search input { background: #ffffff; color: var(--text); border-color: var(--border); }
html.lm-light .lm-chip, html.lm-light .lm-card { background: var(--surface); color: var(--text); }

/* =========================================================
   v27 — Light theme ab halka creamy white (pure white nahi)
   ========================================================= */
html.lm-light {
  --cream: #faf5ea;
  --cream-2: #f4ecdb;
  --cream-3: #efe5d1;
  --cream-line: #e2d6bd;
  --cream-text: #33291c;
  --cream-muted: #6f6151;

  --bg: var(--cream);
  --bg-grad: linear-gradient(160deg, #fdf9f0 0%, var(--cream) 45%, var(--cream-2) 100%);
  --surface: #fffaf1;
  --card-body: #fffaf1;
  --chip: var(--cream-2);
  --border: var(--cream-line);
  --text: var(--cream-text);
  --muted: var(--cream-muted);
  --header-bg: linear-gradient(135deg, #fdf8ee, var(--cream-2) 55%, #fdf8ee);
  --footer-bg: linear-gradient(135deg, #fdf8ee, var(--cream-2) 55%, #fdf8ee);
  --poster-bg: var(--cream-3);
  --shadow: 0 3px 14px rgba(90, 70, 40, .12);
  --shadow-hover: 0 14px 30px rgba(90, 70, 40, .20);
}

html.lm-light body {
  background: var(--bg-grad);
  background-color: var(--bg);
  color: var(--text);
}

/* Headings + text */
html.lm-light .lm-title,
html.lm-light .lm-entry h1,
html.lm-light .lm-entry h2,
html.lm-light .lm-entry h3,
html.lm-light .lm-section-title { color: #2a2117; }
html.lm-light .lm-card,
html.lm-light .lm-widget,
html.lm-light .lm-card-body,
html.lm-light .lm-content { color: var(--text); }
html.lm-light .lm-meta,
html.lm-light .lm-excerpt,
html.lm-light .lm-muted { color: var(--muted); }

/* Cards, header, footer, drawer */
html.lm-light .lm-card {
  background: var(--card-body) !important;
  border: 1px solid var(--border) !important;
}
html.lm-light .lm-header, html.lm-light .lm-footer { border-color: var(--border); }
html.lm-light .lm-drawer { background: var(--surface); color: var(--text); }
html.lm-light .lm-thumb,
html.lm-light .lm-thumb-fallback,
html.lm-light .lm-single-thumb,
html.lm-light .lm-poster {
  background: var(--poster-bg);
  box-shadow: 0 0 0 2px rgba(255, 253, 246, .95), 0 6px 18px rgba(90, 70, 40, .18);
}

/* Category chips + drawer links: creamy */
html.lm-light .lm-chip,
html.lm-light .lm-chip:nth-child(n),
html.lm-light .lm-cats a,
html.lm-light .lm-drawer-nav a {
  background: linear-gradient(135deg, #fffaf0, var(--cream-2)) !important;
  background-image: linear-gradient(135deg, #fffaf0, var(--cream-2)) !important;
  color: #4a3a25 !important;
  border: 1px solid var(--cream-line) !important;
  box-shadow: 0 1px 3px rgba(90, 70, 40, .16), 0 4px 12px rgba(90, 70, 40, .10) !important;
}
html.lm-light .lm-chip:hover,
html.lm-light .lm-cats a:hover,
html.lm-light .lm-drawer-nav a:hover {
  box-shadow: 0 2px 6px rgba(90, 70, 40, .22), 0 8px 20px rgba(90, 70, 40, .16) !important;
}
html.lm-light .lm-chip.is-active,
html.lm-light .lm-cats a.is-active {
  background: linear-gradient(135deg, #ffeccc, #ffdca8) !important;
  color: #6b3d05 !important;
  border-color: #e8c88c !important;
}

/* Search bar: creamy inside */
html.lm-light .lm-search input[type="search"],
html.lm-light .lm-search input[type="text"],
html.lm-light .lm-search input {
  background: #fffaf0 !important;
  color: #33291c !important;
  border: 1px solid var(--cream-line) !important;
  box-shadow: 0 1px 3px rgba(90, 70, 40, .16), 0 4px 14px rgba(90, 70, 40, .10) !important;
}
html.lm-light .lm-search input::placeholder { color: #9b8a74 !important; }
html.lm-light .lm-search input:focus {
  border-color: #e0c08a !important;
  box-shadow: 0 2px 8px rgba(140, 100, 40, .20), 0 10px 24px rgba(140, 100, 40, .14) !important;
}

/* Badges / chips inside single post */
html.lm-light .lm-badge {
  background: var(--cream-2);
  color: #4a3a25;
  border: 1px solid var(--cream-line);
}

/* =========================================================
   v32 — Light mode: har jagah ka light-gray/white text jo
   sirf dark background ke liye tha, ab readable dark tone me.
   (footer, legal pages, forms, lists, notices)
   ========================================================= */
html.lm-light .lm-page-sub,
html.lm-light .lm-panel-text,
html.lm-light .lm-form-hint,
html.lm-light .lm-footer-tag,
html.lm-light .lm-copy-line,
html.lm-light .lm-top-arrow {
  color: var(--cream-muted) !important;
}
html.lm-light .lm-form label {
  color: #4a3a25 !important;
}
html.lm-light .lm-list li,
html.lm-light .lm-contact-list li {
  color: var(--cream-text) !important;
  border-bottom-color: var(--cream-line) !important;
}
html.lm-light .lm-panel {
  background: var(--surface) !important;
  border-color: var(--border) !important;
}
html.lm-light .lm-legal {
  background: var(--surface) !important;
  border-color: var(--border) !important;
  color: var(--cream-text) !important;
}
html.lm-light .lm-legal h2 {
  color: var(--cream-text) !important;
}
html.lm-light .lm-footer-links a,
html.lm-light .lm-copy-links a {
  color: #4a3a25 !important;
}
html.lm-light .lm-copy-links a::after {
  color: var(--cream-line) !important;
}
html.lm-light .lm-note-ok { color: #1a7a4f !important; }
html.lm-light .lm-note-bad { color: #b23b3b !important; }
html.lm-light .lm-note-info { color: #a3540b !important; }

/* ---------- v28: Mobile tools (search + request) compact & category row niche ---------- */
@media (max-width: 767px) {
  .lm-tools {
    padding: 10px 12px 12px;
    gap: 8px;
  }
  .lm-search { max-width: 100%; }
  .lm-search input[type="search"],
  .lm-search input[type="text"] {
    padding: 8px 78px 8px 14px;
    font-size: 15px;
    border-width: 1.5px;
  }
  .lm-search button {
    right: 3px;
    padding: 6px 14px;
    font-size: 11.5px;
  }
  /* Request button: search se thoda chota aur alag, full width nahi */
  .lm-request, .lm-tools .lm-telegram {
    width: auto;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 9px 18px;
    font-size: 13px;
    white-space: nowrap;
  }
  /* Category chips hamesha search/request ke niche, apni alag patti me */
  .lm-chips {
    margin-top: 0;
    padding: 9px 12px;
    border-top: 1px solid var(--border);
    justify-content: flex-start;
  }
  .lm-chip { font-size: 12px; padding: 6px 11px; }
}

@media (max-width: 380px) {
  .lm-search input[type="search"],
  .lm-search input[type="text"] { padding: 8px 70px 8px 12px; font-size: 14.5px; }
  .lm-search button { padding: 5px 12px; font-size: 11px; }
  .lm-request, .lm-tools .lm-telegram { padding: 8px 14px; font-size: 12.5px; }
  .lm-chip { font-size: 11.5px; padding: 5px 10px; }
}

/* ---------- v33: Desktop par bhi search full-width upar, Request niche ---------- */
@media (min-width: 768px) {
  .lm-tools {
    flex-direction: column;
    align-items: center;
    gap: 14px;
  }
  .lm-search { width: 100%; max-width: 750px; }
  .lm-request, .lm-tools .lm-telegram { flex: 0 0 auto; white-space: nowrap; }
}

@media (max-width: 767px) {
  .lm-tools { flex-direction: column; align-items: stretch; }
  .lm-search { width: 100%; }
  .lm-request, .lm-tools .lm-telegram { align-self: center; }
  /* Saari categories ek saath dikhein - koi horizontal scroll nahi */
  .lm-chips, .lm-cats {
    flex-wrap: wrap !important;
    overflow-x: visible !important;
    justify-content: center;
    gap: 7px;
    padding-bottom: 9px;
    row-gap: 7px;
  }
  .lm-chip, .lm-cats a { white-space: nowrap; }
}

/* ---------- v31: Category chips sirf apne content jitni width lein ---------- */
.lm-chips:not(.lm-home-chips) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center;
  justify-content: center;
}
.lm-chips:not(.lm-home-chips) > a,
.lm-chip:not(.lm-home-chips .lm-chip),
.lm-cats a {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  width: auto !important;
  max-width: max-content !important;
  flex: 0 0 auto !important;
  white-space: nowrap;
  text-align: center;
}
@media (max-width: 767px) {
  .lm-chips:not(.lm-home-chips) {
    justify-content: center;
    gap: 7px;
    row-gap: 7px;
  }
  .lm-chips:not(.lm-home-chips) > a,
  .lm-chip:not(.lm-home-chips .lm-chip),
  .lm-cats a { width: auto !important; max-width: max-content !important; flex: 0 0 auto !important; }
}

/* v35 — search loading + load more */
.lm-spinner{display:inline-block;width:22px;height:22px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:#f5c518;animation:lm-spin .8s linear infinite;vertical-align:middle}
@keyframes lm-spin{to{transform:rotate(360deg)}}
.lm-search-overlay{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;gap:12px;font-weight:600;color:#fff;background:rgba(6,8,15,.72);backdrop-filter:blur(3px)}
.lm-search-overlay.is-on{display:flex}
.lm-light .lm-search-overlay{background:rgba(255,255,255,.78);color:#111}
.lm-light .lm-spinner{border-color:rgba(0,0,0,.15);border-top-color:#c99700}
.lm-loadmore{display:flex;align-items:center;justify-content:center;gap:10px;padding:26px 0;min-height:48px;opacity:.85}
.lm-loadmore .lm-spinner{opacity:0;transition:opacity .2s}
.lm-loadmore.is-loading .lm-spinner{opacity:1}

/* v36 — 5 posters per row, 5 rows per page + numbered pagination */
.lm-loadmore { display: none !important; }
.lm-pagination { margin-top: 28px; }

/* ============================================================
   v3.7.0 — FINAL grid override: 5 posters per row on desktop
   (sab se aakhir me, taake koi purana rule override na kare)
   ============================================================ */
@media (min-width: 860px) {
  .lm-grid,
  .lm-grid.lm-grid-search,
  .search .lm-grid,
  .home .lm-grid,
  .archive .lm-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}
@media (min-width: 600px) and (max-width: 859px) {
  .lm-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 599px) {
  .lm-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}


/* ============================================================
   v3.8.0 — Live search: box me likhte hi loading + posters neeche
   ============================================================ */
.lm-search .lm-search-spin {
  position: absolute; top: 50%; right: 96px; width: 18px; height: 18px; margin-top: -9px;
  border-radius: 50%; border: 3px solid rgba(255,255,255,.2); border-top-color: #f5c518;
  animation: lm-spin .8s linear infinite; opacity: 0; visibility: hidden; transition: opacity .15s; pointer-events: none;
}
.lm-search.is-loading .lm-search-spin { opacity: 1; visibility: visible; }
html.lm-light .lm-search .lm-search-spin { border-color: rgba(0,0,0,.15); border-top-color: #c99700; }
@media (max-width: 600px) { .lm-search .lm-search-spin { right: 78px; } }

/* ============================================================
   v4.0 — Live search dropdown (poster + naam), search box ke neeche
   ============================================================ */
.lm-live {
  display: none; position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 2000;
  max-height: min(70vh, 560px); overflow-y: auto; -webkit-overflow-scrolling: touch;
  border-radius: 12px; padding: 6px; box-sizing: border-box;
  background: #1e2129; border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 46px rgba(0,0,0,.55);
}
.lm-live.is-on { display: block; }
html.lm-light .lm-live { background: #fff; border-color: rgba(0,0,0,.10); box-shadow: 0 18px 46px rgba(0,0,0,.18); }

.lm-live-list { display: block; }
.lm-live-item {
  display: flex; gap: 12px; align-items: flex-start; padding: 10px; border-radius: 10px;
  text-decoration: none; color: inherit;
}
.lm-live-item + .lm-live-item { border-top: 1px solid rgba(255,255,255,.06); }
html.lm-light .lm-live-item + .lm-live-item { border-top-color: rgba(0,0,0,.06); }
.lm-live-item:hover, .lm-live-item:focus { background: rgba(255,255,255,.06); }
html.lm-light .lm-live-item:hover { background: rgba(0,0,0,.04); }
.lm-live-thumb {
  flex: 0 0 62px; width: 62px; height: 88px; border-radius: 6px; overflow: hidden;
  background: rgba(255,255,255,.06); display: flex; align-items: center; justify-content: center;
}
.lm-live-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.lm-live-thumb-fallback { font-size: 22px; opacity: .6; }
.lm-live-name { flex: 1 1 auto; font-size: 14px; line-height: 1.45; font-weight: 600; }

.lm-live-loading { display: flex; align-items: center; gap: 10px; padding: 18px 12px; font-size: 14px; opacity: .85; }
.lm-live-loading .lm-spinner {
  width: 18px; height: 18px; border-radius: 50%; border: 3px solid rgba(255,255,255,.2);
  border-top-color: #f5c518; animation: lm-spin .8s linear infinite; display: inline-block;
}
html.lm-light .lm-live-loading .lm-spinner { border-color: rgba(0,0,0,.15); border-top-color: #c99700; }

.lm-live-foot {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 10px 12px 8px; font-size: 13px; opacity: .95;
  border-top: 1px solid rgba(255,255,255,.08);
}
html.lm-light .lm-live-foot { border-top-color: rgba(0,0,0,.08); }
.lm-live-count { opacity: .7; }
.lm-live-all { color: #58d68d; font-weight: 600; text-decoration: none; }
.lm-live-all:hover { text-decoration: underline; }

@media (max-width: 600px) {
  .lm-live-thumb { flex-basis: 54px; width: 54px; height: 78px; }
  .lm-live-name { font-size: 13px; }
}


/* ---------- Simple Home link ---------- */
.lm-home {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: "Cinzel", Georgia, serif;
  color: var(--text); font-size: 12.5px; font-weight: 700; letter-spacing: .4px;
  padding: 4px 2px; border: 0; border-radius: 0;
  background: none; box-shadow: none;
  transition: transform .2s ease, color .2s ease;
}
.lm-home:hover, .lm-home.is-active { color: var(--brand-gold); transform: scale(1.08); }
.lm-home .lm-home-ico { display: block; flex: 0 0 auto; }
@media (max-width: 640px) {
  .lm-home .lm-home-text { display: none; }
  .lm-home { padding: 4px; gap: 0; }
  .lm-home .lm-home-ico { width: 19px; height: 19px; }
}

/* ===== v4.3 — auto category tag sidebar + breadcrumbs ===== */
.lm-crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 14px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; }
.lm-crumbs .lm-crumb { display: inline-block; padding: 4px 10px; border-radius: 6px; background: rgba(125,140,180,.14); color: inherit; text-decoration: none; }
.lm-crumbs a.lm-crumb:hover { background: rgba(125,140,180,.28); }
.lm-crumbs .lm-crumb.is-current { background: rgba(125,140,180,.14); color: inherit; }
.lm-crumb-sep { opacity: .55; }

/* Movie pages: one compact Home > Category trail, with no blue title pill. */
.single-post .lm-crumbs { margin-bottom: 14px; }
.single-post .lm-crumbs .lm-crumb {
  background: transparent;
  padding: 4px 2px;
}
.single-post .lm-crumbs a.lm-crumb:hover {
  background: transparent;
  color: var(--brand-gold);
}
.single-post .lm-crumb-sep { color: var(--muted); }

/* Keep the related poster area visible even after older cached theme CSS. */
.lm-related {
  clear: both;
  width: 100%;
}
.page .lm-related,
.single-post .lm-related { display: block !important; visibility: visible !important; opacity: 1 !important; }
.single-post .lm-related .lm-grid { display: grid !important; }

.lm-side { display: block; }
.lm-side-box { border: 0; border-radius: 16px; padding: 14px 14px 16px; margin-bottom: 14px; background: linear-gradient(180deg, rgba(37,99,235,.10), rgba(125,140,180,.07)); box-shadow: 0 6px 18px rgba(15,23,42,.07); }
.lm-side-title { position: relative; margin: 0 0 12px; padding-left: 11px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; opacity: .9; }
.lm-side-title::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 15px; border-radius: 4px; background: linear-gradient(180deg, #3b82f6, #2563eb); }
.lm-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.lm-tag { display: inline-block; padding: 6px 12px; border-radius: 10px; font-size: 12.5px; font-weight: 600; line-height: 1.35; text-decoration: none; color: inherit; background: rgba(255,255,255,.55); border: 1px solid rgba(125,140,180,.24); box-shadow: 0 1px 2px rgba(15,23,42,.05); transition: all .18s ease; }
.lm-tag:hover { background: #2563eb; border-color: #2563eb; color: #fff; transform: translateY(-2px); box-shadow: 0 6px 14px rgba(37,99,235,.28); }
.lm-tag.is-active { background: linear-gradient(180deg, #3b82f6, #2563eb); border-color: #2563eb; color: #fff; }
.lm-side-brand { margin-top: 4px; text-align: center; font-size: 13px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; opacity: .75; }
.lm-side-brand-name { background: linear-gradient(90deg, #3b82f6, #7c3aed); -webkit-background-clip: text; background-clip: text; color: transparent; }

@media (min-width: 1024px) {
  .lm-wrap.lm-has-side:has(> .lm-side) { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 22px; align-items: start; }
  .lm-wrap.lm-has-side > main { min-width: 0; }
  .lm-wrap.lm-has-side > .lm-side { position: sticky; top: 14px; }
}

/* =========================================================
   v48 — Pinned posters (pehli line) + theme-aware logo colors
   ========================================================= */

/* Pinned row apni line me, neeche baqi posts */
.lm-grid-pinned { margin-bottom: 18px; }
.lm-card.is-pinned .lm-thumb {
  box-shadow: 0 0 0 2px var(--brand-gold) inset, var(--shadow);
  border-radius: var(--radius);
}
.lm-pin-badge {
  position: absolute; left: 8px; top: 8px; z-index: 3;
  display: inline-flex; align-items: center; gap: 4px;
  padding: 3px 8px; border-radius: 999px;
  font-size: 11px; font-weight: 700; letter-spacing: .2px;
  background: linear-gradient(135deg, var(--brand), var(--brand-gold));
  color: #1b1b1f;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .35);
}

/* Logo ka rang theme ke saath badle */
.lm-logo { color: var(--logo-a, var(--text)); }
.lm-logo span {
  background: linear-gradient(90deg,
    var(--logo-b, #ff2e63),
    var(--logo-c, var(--brand-gold)),
    var(--logo-d, var(--brand-soft)),
    var(--logo-b, #ff2e63),
    var(--logo-c, var(--brand-gold)));
  background-size: 300% 100%;
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}

/* Dark theme (default) */
:root {
  --logo-a: #f7f8fa;
  --logo-b: #ff2e63;
  --logo-c: #ffc233;
  --logo-d: #ff9d3d;
}

/* Light / creamy theme — gehre warm rang taake cream par saaf paṛhe */
html.lm-light {
  --logo-a: #3a2a16;
  --logo-b: #c2185b;
  --logo-c: #b8860b;
  --logo-d: #d4470a;
}
html.lm-light .lm-logo span {
  animation: lmLogoShift 5s linear infinite;
  filter: none;
}
html.lm-light .lm-pin-badge { color: #2a2117; }


/* v4.9 — merged home row and dependable related posters */
.lm-grid-home { margin-bottom: 0; }
.lm-related {
  clear: both;
  width: 100%;
}
.page .lm-related,
.single-post .lm-related {
  clear: both;
  width: 100%;
  margin-top: 28px;
  padding-top: 18px;
  border-top: 1px solid var(--border);
}
.single-post .lm-related .lm-section-title { margin-top: 0; }

/* =========================================================
   v5.0 — BollyFlix-style mobile content and download buttons
   ========================================================= */

/* User-added page/post content must never make the viewport wider. */
.lm-single,
.lm-single-inner,
.lm-content,
.lm-content > *,
.lm-content .wp-block-group,
.lm-content .wp-block-columns,
.lm-content .wp-block-column {
  min-width: 0;
  max-width: 100%;
}
.lm-content {
  overflow-wrap: anywhere;
}
.lm-content iframe,
.lm-content video,
.lm-content table {
  max-width: 100%;
}

/* Keep editor-created button pairs equal, centered and easy to tap. */
.lm-content .wp-block-buttons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 12px;
  width: 100%;
  margin: 18px 0 28px;
}
.lm-content .wp-block-button {
  display: flex;
  min-width: 0;
  width: 100%;
  margin: 0;
}
.lm-content .wp-block-button__link,
.lm-content a.lm-dl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  min-height: 52px;
  margin: 0;
  padding: 11px 12px;
  border: 2px solid var(--border);
  border-radius: 6px;
  font-family: inherit;
  font-size: clamp(14px, 4vw, 18px);
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  text-decoration: none !important;
  white-space: normal;
  overflow-wrap: normal;
  word-break: keep-all;
}
.lm-content .wp-block-button__link {
  background: var(--surface);
  color: var(--text) !important;
}
.lm-content .wp-block-button__link:hover,
.lm-content .wp-block-button__link:focus-visible {
  border-color: var(--brand-gold);
  color: var(--brand-gold) !important;
}

@media (max-width: 767px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
  }
  .lm-wrap {
    width: 100%;
    max-width: 100%;
    padding-right: 10px;
    padding-left: 10px;
  }
  .lm-single-inner {
    padding: 16px 12px 20px;
  }
  .lm-single h1,
  .lm-content h1,
  .lm-content h2,
  .lm-content h3 {
    max-width: 100%;
    overflow-wrap: anywhere;
    text-align: center;
  }
  .lm-content .wp-block-columns {
    gap: 12px;
  }
  .lm-content .wp-block-buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .lm-content .wp-block-button,
  .lm-content .wp-block-button__link,
  .lm-content a.lm-dl-btn {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 340px) {
  .lm-content .wp-block-buttons {
    grid-template-columns: 1fr !important;
  }
}


/* v5.1 - vertical scroll restore */
html,
body {
  overflow-x: clip;
  overflow-y: visible !important;
  height: auto !important;
  min-height: 100%;
  position: static !important;
  touch-action: auto !important;
}
body.lm-menu-open {
  overflow-y: visible !important;
  position: static !important;
}


/* =========================================================
   v5.2 — honor centered button alignment + soft mist light mode
   ========================================================= */

/* Gutenberg alignment classes now control the whole button row. */
.lm-content .wp-block-buttons {
  display: flex !important;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
}
.lm-content .wp-block-buttons.is-content-justification-left { justify-content: flex-start; }
.lm-content .wp-block-buttons.is-content-justification-right { justify-content: flex-end; }
.lm-content .wp-block-buttons.is-content-justification-space-between { justify-content: space-between; }
.lm-content .wp-block-buttons.is-content-justification-center { justify-content: center; }
.lm-content .wp-block-buttons > .wp-block-button {
  flex: 1 1 220px;
  width: auto !important;
  max-width: 340px;
}
.lm-content .wp-block-buttons > .wp-block-button:only-child {
  flex: 0 1 340px;
  margin-inline: auto;
}
.lm-content .wp-block-button.aligncenter {
  width: min(100%, 340px) !important;
  margin-inline: auto !important;
}
.lm-content .has-text-align-center > a.lm-dl-btn,
.lm-content p.has-text-align-center a.lm-dl-btn {
  display: flex;
  width: min(100%, 340px) !important;
  margin-inline: auto !important;
}

/* Light switch: cool mist blue-green instead of white / cream. */
html.lm-light {
  --cream: #e7f0f2;
  --cream-2: #d9e8eb;
  --cream-3: #ccdde1;
  --cream-line: #abc5ca;
  --cream-text: #183238;
  --cream-muted: #526d73;
  --bg: #e7f0f2;
  --bg-grad: linear-gradient(160deg, #edf5f6 0%, #e3eef0 48%, #d6e6e9 100%);
  --surface: #f2f7f8;
  --card-body: #edf5f6;
  --chip: #d9e8eb;
  --border: #abc5ca;
  --text: #183238;
  --muted: #526d73;
  --header-bg: linear-gradient(135deg, #dcebed, #cfe2e5 55%, #dcebed);
  --footer-bg: linear-gradient(135deg, #dcebed, #cfe2e5 55%, #dcebed);
  --poster-bg: #ccdde1;
  --shadow: 0 3px 14px rgba(31, 68, 76, .13);
  --shadow-hover: 0 14px 30px rgba(31, 68, 76, .21);
  --logo-a: #173940;
  --logo-b: #b4235a;
  --logo-c: #8a6500;
  --logo-d: #b64a10;
}
html.lm-light .lm-title,
html.lm-light .lm-entry h1,
html.lm-light .lm-entry h2,
html.lm-light .lm-entry h3,
html.lm-light .lm-section-title { color: #17343a; }
html.lm-light .lm-chip,
html.lm-light .lm-chip:nth-child(n),
html.lm-light .lm-cats a,
html.lm-light .lm-drawer-nav a {
  background: linear-gradient(135deg, #edf6f7, #d5e6e9) !important;
  background-image: linear-gradient(135deg, #edf6f7, #d5e6e9) !important;
  color: #21464d !important;
  border-color: #abc5ca !important;
  box-shadow: 0 1px 3px rgba(31, 68, 76, .14), 0 4px 12px rgba(31, 68, 76, .09) !important;
}
html.lm-light .lm-chip:hover,
html.lm-light .lm-cats a:hover,
html.lm-light .lm-drawer-nav a:hover {
  box-shadow: 0 2px 6px rgba(31, 68, 76, .20), 0 8px 20px rgba(31, 68, 76, .14) !important;
}
html.lm-light .lm-chip.is-active,
html.lm-light .lm-cats a.is-active {
  background: linear-gradient(135deg, #c9e8e4, #a9d6d2) !important;
  color: #124940 !important;
  border-color: #7dbbb5 !important;
}
html.lm-light .lm-search input[type="search"],
html.lm-light .lm-search input[type="text"],
html.lm-light .lm-search input {
  background: #edf6f7 !important;
  color: #183238 !important;
  border-color: #abc5ca !important;
  box-shadow: 0 1px 3px rgba(31, 68, 76, .14), 0 4px 14px rgba(31, 68, 76, .09) !important;
}
html.lm-light .lm-search input::placeholder { color: #668087 !important; }
html.lm-light .lm-search input:focus {
  border-color: #69aaa5 !important;
  box-shadow: 0 2px 8px rgba(36, 123, 116, .18), 0 10px 24px rgba(36, 123, 116, .12) !important;
}
html.lm-light .lm-live { background: #edf6f7; border-color: #abc5ca; }
html.lm-light .lm-live-item:hover { background: rgba(45, 112, 108, .08); }
html.lm-light .lm-tag { background: rgba(237, 246, 247, .82); border-color: #abc5ca; }
html.lm-light .lm-search-overlay { background: rgba(220, 235, 237, .88); color: #183238; }

@media (max-width: 767px) {
  .lm-content .wp-block-buttons > .wp-block-button {
    flex: 1 1 calc(50% - 6px);
    width: auto !important;
    max-width: 340px !important;
  }
  .lm-content .wp-block-buttons > .wp-block-button:only-child {
    flex: 0 1 340px;
  }
}
@media (max-width: 340px) {
  .lm-content .wp-block-buttons > .wp-block-button {
    flex-basis: 100%;
    max-width: 100% !important;
  }
}

/* =========================================================
   v5.3 — editor ki position aur width bilkul preserve rahe
   ========================================================= */
.lm-content .wp-block-buttons {
  justify-content: flex-start;
}
.lm-content .wp-block-buttons.is-content-justification-center { justify-content: center; }
.lm-content .wp-block-buttons.is-content-justification-right { justify-content: flex-end; }
.lm-content .wp-block-buttons.is-content-justification-space-between { justify-content: space-between; }
.lm-content .wp-block-buttons > .wp-block-button,
.lm-content .wp-block-buttons > .wp-block-button:only-child {
  flex: 0 1 auto;
  width: auto !important;
  max-width: 100% !important;
  margin-inline: 0;
}
.lm-content .wp-block-buttons > .wp-block-button__width-25 { flex-basis: calc(25% - 9px); width: calc(25% - 9px) !important; }
.lm-content .wp-block-buttons > .wp-block-button__width-50 { flex-basis: calc(50% - 6px); width: calc(50% - 6px) !important; }
.lm-content .wp-block-buttons > .wp-block-button__width-75 { flex-basis: calc(75% - 3px); width: calc(75% - 3px) !important; }
.lm-content .wp-block-buttons > .wp-block-button__width-100 { flex-basis: 100%; width: 100% !important; }
.lm-content .wp-block-button__link,
.lm-content a.lm-dl-btn {
  width: auto;
  max-width: 100%;
  min-height: 44px;
  overflow-wrap: anywhere;
  word-break: normal;
}
.lm-content .wp-block-button[class*="wp-block-button__width-"] > .wp-block-button__link {
  width: 100%;
}
.lm-content .wp-block-button.alignleft { margin-right: auto; margin-left: 0; }
.lm-content .wp-block-button.aligncenter { width: fit-content !important; max-width: 100% !important; margin-inline: auto !important; }
.lm-content .wp-block-button.alignright { margin-right: 0; margin-left: auto; }

@media (max-width: 767px) {
  .lm-content .wp-block-buttons > .wp-block-button,
  .lm-content .wp-block-buttons > .wp-block-button:only-child {
    flex-grow: 0;
    max-width: 100% !important;
  }
  .lm-content .wp-block-button__link,
  .lm-content a.lm-dl-btn {
    width: auto !important;
    min-width: 0;
    padding: 10px;
    font-size: 14px;
  }
  .lm-content .wp-block-button[class*="wp-block-button__width-"] > .wp-block-button__link {
    width: 100% !important;
  }
}

@media (max-width: 340px) {
  .lm-content .wp-block-buttons > .wp-block-button:not([class*="wp-block-button__width-"]) {
    flex-basis: auto;
    width: auto !important;
  }
}

/* v5.4 — Related posters page templates par bhi visible rahein. */
.page .lm-related,
.single-post .lm-related {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.page .lm-related .lm-grid,
.single-post .lm-related .lm-grid { display: grid !important; }

/* =========================================================
   v5.5 — dependable two-button mobile rows + theme-aware logo
   ========================================================= */

/* The complete text logo changes colour and motion with each theme. */
.lm-logo {
  color: var(--logo-a);
  animation: lmLogoDarkEnter .55s cubic-bezier(.22, 1, .36, 1) both,
             lmLogoDarkGlow 3.2s ease-in-out .55s infinite alternate;
}
.lm-logo span {
  background-image: linear-gradient(90deg,
    var(--logo-b), var(--logo-c), var(--logo-d), var(--logo-b), var(--logo-c));
  background-size: 300% 100%;
  animation: lmLogoDarkShift 4.8s linear infinite;
}
html.lm-light .lm-logo {
  color: var(--logo-a);
  animation: lmLogoLightEnter .55s cubic-bezier(.22, 1, .36, 1) both,
             lmLogoLightGlow 2.8s ease-in-out .55s infinite alternate;
}
html.lm-light .lm-logo span {
  background-image: linear-gradient(90deg,
    var(--logo-b), var(--logo-d), var(--logo-c), var(--logo-b), var(--logo-d));
  background-size: 260% 100%;
  animation: lmLogoLightShift 3.8s ease-in-out infinite alternate;
  filter: none;
}

@keyframes lmLogoDarkEnter {
  from { opacity: 0; transform: translateY(-6px) scale(.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes lmLogoDarkGlow {
  from { text-shadow: 0 0 0 rgba(255, 194, 51, 0); }
  to { text-shadow: 0 0 9px rgba(255, 194, 51, .42); }
}
@keyframes lmLogoDarkShift {
  from { background-position: 0% 50%; }
  to { background-position: 300% 50%; }
}
@keyframes lmLogoLightEnter {
  from { opacity: 0; transform: translateX(-7px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes lmLogoLightGlow {
  from { text-shadow: 0 1px 0 rgba(255, 255, 255, .7); }
  to { text-shadow: 0 2px 7px rgba(23, 57, 64, .24); }
}
@keyframes lmLogoLightShift {
  from { background-position: 0% 50%; }
  to { background-position: 100% 50%; }
}

@media (max-width: 767px) {
  /* Gutenberg may add flex and inline widths; these rules deliberately win. */
  .lm-content .wp-block-buttons,
  .lm-content .wp-block-buttons.is-layout-flex {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    column-gap: 10px !important;
    row-gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .lm-content .wp-block-buttons > .wp-block-button,
  .lm-content .wp-block-buttons > .wp-block-button:only-child,
  .lm-content .wp-block-buttons > .wp-block-button[class*="wp-block-button__width-"] {
    display: flex !important;
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  .lm-content .wp-block-buttons > .wp-block-button:only-child {
    grid-column: 1 / -1;
    width: min(100%, 340px) !important;
    justify-self: center;
  }
  .lm-content .wp-block-button > .wp-block-button__link,
  .lm-content .wp-block-button[class*="wp-block-button__width-"] > .wp-block-button__link {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 50px;
    margin: 0 !important;
    padding: 10px 8px !important;
    font-size: 14px;
    line-height: 1.25;
    text-align: center;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
  }
}

@media (max-width: 359px) {
  .lm-content .wp-block-buttons,
  .lm-content .wp-block-buttons.is-layout-flex {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .lm-content .wp-block-buttons > .wp-block-button:only-child {
    grid-column: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .lm-logo,
  .lm-logo span { animation: none !important; }
}

/* v5.6.3 — home follows the switch while dark mode keeps the original soft-dark palette. */
body.home,
body.front-page,
body.home .lm-wrap,
body.front-page .lm-wrap {
  background-color: transparent;
  color: var(--text);
  transition: background-color .25s ease, color .25s ease;
}
html:not(.lm-light) body.home,
html:not(.lm-light) body.front-page {
  background: var(--bg-grad) !important;
  background-color: var(--bg) !important;
}
html.lm-light body.home,
html.lm-light body.front-page {
  background: var(--bg-grad) !important;
  background-color: var(--bg) !important;
}
html:not(.lm-light) .lm-home.is-active { color: var(--brand-gold); }
html.lm-light .lm-home.is-active { color: #176c67; }


/* v565 — post page header: category chip next to Home */
.lm-headcat { max-width: 46vw; }
.lm-headcat .lm-home-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lm-headcat .lm-ico { display: inline-flex; align-items: center; }

/* ============================================================
   v5.7.0 — Asli TikTok logo (cyan + red glitch) for TikTok Leaked
   ============================================================ */
.lm-tt {
  position: relative; display: inline-block; width: 1.15em; height: 1.15em;
  vertical-align: -.2em; animation: lmTikTokBeat 1.6s ease-in-out infinite;
}
.lm-tt b, .lm-tt u, .lm-tt i {
  position: absolute; inset: 0; display: block; text-decoration: none; font-style: normal;
  -webkit-mask: var(--tt-img) center / contain no-repeat; mask: var(--tt-img) center / contain no-repeat;
}
.lm-tt { --tt-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z'/%3E%3C/svg%3E"); }
.lm-tt b { background: #25f4ee; transform: translate(-1.2px, -1px); }
.lm-tt u { background: #fe2c55; transform: translate(1.2px, 1px); }
.lm-tt i { background: #fff; }
html.lm-light .lm-tt i { background: #111; }
.lm-chip:hover .lm-tt, .lm-drawer-nav a:hover .lm-tt { animation: lmTikTokPop .55s ease; }
@media (prefers-reduced-motion: reduce) { .lm-tt { animation: none !important; } }

/* ============================================================
   v5.7.1 — Pages/posts: H2/H3 ab waisa hi dikhte hain jaisa editor me likha
   (pehle "Cinzel" font sab kuch CAPITAL dikhata tha) + chhote mobile buttons
   ============================================================ */
.lm-content h2,
.lm-content h3,
.lm-content h4,
.lm-content h5,
.lm-content h6,
.lm-content .wp-block-heading {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  text-transform: none !important;
  font-variant: normal !important;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.35;
}
.lm-content h2 { font-size: 20px; }
.lm-content h3 { font-size: 17px; }

@media (max-width: 767px) {
  .lm-content h2 { font-size: 18px; }
  .lm-content h3 { font-size: 16px; }

  /* Gutenberg buttons: chhote, 2 ek line me, design same */
  .lm-content .wp-block-buttons,
  .lm-content .wp-block-buttons.is-layout-flex {
    column-gap: 8px !important;
    row-gap: 8px !important;
    margin: 12px 0 18px !important;
  }
  .lm-content .wp-block-button > .wp-block-button__link,
  .lm-content .wp-block-button[class*="wp-block-button__width-"] > .wp-block-button__link {
    min-height: 38px !important;
    padding: 7px 8px !important;
    font-size: 12.5px !important;
    font-weight: 600;
    line-height: 1.2;
    border-width: 1.5px;
    border-radius: 8px;
  }
  .lm-content .wp-block-buttons > .wp-block-button:only-child {
    width: min(100%, 260px) !important;
  }

  /* HTML buttons (class lm-dl-btn): 2 ek line me aa jayen */
  .lm-content a.lm-dl-btn,
  .lm-content .lm-dl-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-height: 36px !important;
    margin: 4px 4px 4px 0 !important;
    padding: 7px 14px !important;
    font-size: 12.5px !important;
    line-height: 1.2;
    animation: none;
  }
}

/* ============================================================
   v5.8.0 — Poori theme ke buttons mobile par responsive
   (header, search, request, telegram, contact/request pages,
   download buttons, footer). Sab se last me taake yehi chale.
   ============================================================ */
a, button { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.lm-btn, .lm-request, .lm-telegram, .lm-upcoming, .lm-themebtn, .lm-home { max-width: 100%; }

@media (max-width: 767px) {
  /* Header buttons: ek line me, chhote, tap karne layak */
  .lm-header { align-items: center; row-gap: 6px; }
  .lm-header-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 6px; margin-left: auto; min-width: 0; }
  .lm-home, .lm-themebtn, .lm-upcoming {
    min-height: 34px; display: inline-flex; align-items: center; justify-content: center; gap: 5px;
    padding: 6px 11px; font-size: 12px; line-height: 1.1; white-space: nowrap;
  }
  .lm-burger { width: 38px; height: 38px; flex: 0 0 auto; }

  /* Search + Request */
  .lm-search button { padding: 7px 14px; font-size: 12.5px; min-height: 34px; }
  .lm-request {
    display: flex; align-items: center; justify-content: center; width: auto; max-width: 100%;
    margin-inline: auto; padding: 9px 18px; min-height: 40px; font-size: 13px; line-height: 1.2; text-align: center;
  }
  .lm-chips .lm-telegram, .lm-drawer-nav a.lm-telegram { width: auto; min-height: 34px; padding: 7px 12px; font-size: 12.5px; white-space: nowrap; }

  /* Page buttons (.lm-btn): choti height, saaf spacing */
  .lm-btn {
    min-height: 42px; padding: 10px 16px; margin-top: 10px; font-size: 13.5px; line-height: 1.2;
    text-align: center; white-space: normal;
  }
  .lm-btn-sm { min-height: 36px; padding: 8px 14px; font-size: 12.5px; }
  /* Do buttons ek line me (Telegram + Email jaise) */
  .lm-cta-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 12px; align-items: stretch; }
  .lm-cta-row .lm-btn { width: 100%; margin: 0 !important; padding: 10px 8px; font-size: 13px; }
  .lm-cta-row .lm-btn:only-child { grid-column: 1 / -1; }
  /* Panel ke andar akele buttons ke darmiyan farq */
  .lm-panel > .lm-btn + .lm-btn { margin-top: 8px; }

  /* Footer + back-to-top */
  .lm-top-arrow { min-width: 40px; min-height: 40px; }
  .lm-copy-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px 4px; }
  .lm-copy-links a { padding: 6px 8px; font-size: 13px; }
}

/* Bohat chhote phones */
@media (max-width: 380px) {
  .lm-home, .lm-themebtn, .lm-upcoming { padding: 6px 9px; font-size: 11.5px; }
  .lm-home-text, .lm-themebtn-text { display: none; }
  .lm-headcat .lm-home-text { display: inline; max-width: 90px; }
  .lm-request { font-size: 12.5px; padding: 8px 14px; }
  .lm-cta-row .lm-btn { font-size: 12.5px; padding: 9px 6px; }
}
@media (max-width: 340px) {
  .lm-cta-row { grid-template-columns: 1fr; }
}

/* =========================================================
   v5.9 — New colour palette, theme switch, brand logo mark
   (Sab se last me taake yehi lage. Halka blue hata diya.)
   ========================================================= */

/* ---- Dark theme: deep midnight-plum + warm orange accent ---- */
:root {
  --bg: #14121b;
  --bg-grad: linear-gradient(160deg, #181522 0%, #1a1625 45%, #12101a 100%);
  --surface: #1f1b2b;
  --card-body: #241f33;
  --chip: #2a2539;
  --border: #3a3450;
  --text: #f5f3fb;
  --muted: #b2adc6;
  --header-bg: linear-gradient(135deg, #1b1727, #251f35 55%, #1b1727);
  --footer-bg: linear-gradient(135deg, #1b1727, #251f35 55%, #1b1727);
  --poster-bg: #2f2942;
  --shadow: 0 4px 16px rgba(8, 4, 20, .5);
  --shadow-hover: 0 16px 34px rgba(8, 4, 20, .65);
  --accent-tint: rgba(255, 107, 26, .12);
  --accent-tint-2: rgba(255, 46, 99, .08);
}

/* ---- Alternate theme: mint with deep green text ---- */
html.lm-light {
  --bg: rgba(212,240,226,1.000); --bg-grad: var(--bg);
  --surface: rgba(238,250,244,1.000); --card-body: var(--surface);
  --chip: rgba(196,232,214,1.000); --border: rgba(148,192,171,1.000);
  --text: rgba(12,40,28,1.000); --muted: rgba(59,87,74,1.000);
  --header-bg: rgba(193,229,211,1.000); --footer-bg: var(--header-bg);
  --poster-bg: rgba(183,219,201,1.000);
  --shadow: 0 4px 16px rgba(10,39,29,0.102);
  --shadow-hover: 0 16px 34px rgba(11,39,28,0.180);
  --accent-tint: rgba(39,128,98,0.102); --accent-tint-2: rgba(39,137,98,0.051);
  --cream: var(--bg); --cream-2: var(--chip); --cream-3: var(--poster-bg);
  --cream-line: var(--border); --cream-text: var(--text); --cream-muted: var(--muted);
  --brand: rgba(4,95,66,1.000); --brand-soft: rgba(0,109,105,1.000);
  --brand-gold: rgba(21,91,65,1.000); --brand-deep: rgba(4,67,46,1.000);
  --logo-a: var(--text); --logo-b: rgba(0,88,57,1.000);
  --logo-c: rgba(0,105,100,1.000); --logo-d: rgba(12,85,60,1.000);
}

/* ---- Blue accents -> warm brand accents (sidebar, tags, crumbs) ---- */
.lm-side-box {
  background: linear-gradient(180deg, var(--accent-tint), var(--accent-tint-2));
  border: 1px solid var(--border);
  box-shadow: var(--shadow);
}
.lm-side-title::before { background: linear-gradient(180deg, #ff2e63, #ff6b1a); }
.lm-tag {
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: none;
}
.lm-tag:hover {
  background: linear-gradient(135deg, #ff2e63, #ff6b1a);
  border-color: transparent; color: #fff;
  box-shadow: 0 8px 18px rgba(255, 90, 40, .32);
}
.lm-tag.is-active {
  background: linear-gradient(135deg, #ff2e63, #ff6b1a);
  border-color: transparent; color: #fff;
}
.lm-side-brand-name { background: linear-gradient(90deg, #ff2e63, #ff9d3d, #ffc233); -webkit-background-clip: text; background-clip: text; color: transparent; }
.lm-crumbs .lm-crumb,
.lm-crumbs .lm-crumb.is-current { background: var(--accent-tint); }
.lm-crumbs a.lm-crumb:hover { background: rgba(255, 107, 26, .22); }

/* ---- Cards / chips: cleaner, richer ---- */
.lm-card {
  background: var(--card-body);
  border: 1px solid var(--border);
  border-radius: 14px;
  box-shadow: var(--shadow);
}
.lm-card:hover {
  transform: translateY(-4px);
  border-color: rgba(255, 107, 26, .55);
  box-shadow: var(--shadow-hover), 0 0 0 1px rgba(255, 107, 26, .25);
}
.lm-chip { background: var(--chip); border: 1px solid var(--border); }
.lm-chip:hover { border-color: var(--brand); }
.lm-chip.is-active {
  background: linear-gradient(135deg, #ff2e63, #ff6b1a);
  border-color: transparent; color: #fff;
}
.lm-section-title, .lm-title { border-left-color: var(--brand); }

/* ---- Simple icon theme switch ---- */
.lm-header .lm-themebtn, html.lm-light .lm-header .lm-themebtn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; min-height: 40px; padding: 0; gap: 0;
  border: 1px solid var(--border); border-radius: 8px;
  color: var(--text); background: var(--chip); box-shadow: none;
  transition: background .2s ease, color .2s ease; letter-spacing: 0;
}
.lm-header .lm-themebtn:hover { color: var(--brand-gold); transform: none; }
.lm-header .lm-themebtn:focus-visible { outline: 2px solid var(--brand-gold); outline-offset: 3px; }
.lm-header .lm-themebtn .lm-themebtn-ico { display: grid; place-items: center; background: none; animation: none; }
.lm-header .lm-themebtn .lm-themebtn-text { display: none; }

/* ---- Brand logo (icon + name) ---- */
.lm-logo-brand { align-items: center; gap: 9px; flex-wrap: nowrap; white-space: nowrap; min-width: 0; }
.lm-mark {
  flex: 0 0 auto; width: 38px; height: 38px;
  filter: drop-shadow(0 3px 8px rgba(255, 90, 40, .45));
  transition: transform .25s ease;
}
.lm-logo-brand:hover .lm-mark { transform: rotate(-6deg) scale(1.06); }
/* Naam ka wrapper plain rahe; gradient sirf andar wale "Movies" par */
body .lm-logo .lm-logo-text,
html.lm-light .lm-logo .lm-logo-text {
  display: inline-flex; align-items: baseline; gap: 6px;
  background: none; -webkit-background-clip: border-box; background-clip: border-box;
  -webkit-text-fill-color: currentColor; color: var(--logo-a, var(--text));
  animation: none; filter: none;
}
.lm-drawer-head .lm-mark { width: 34px; height: 34px; }

@media (max-width: 767px) {
  .lm-mark { width: 32px; height: 32px; }
  .lm-logo-brand { gap: 7px; }
  .lm-header-left { min-width: 0; flex: 1 1 auto; }
  .lm-header .lm-themebtn { height: 34px; min-height: 34px; padding: 0 12px 0 7px; }
}
@media (max-width: 480px) {
  .lm-header .lm-themebtn { width: 36px; padding: 0; gap: 0; }
  .lm-header .lm-themebtn .lm-themebtn-text { display: none; }
  .lm-header .lm-themebtn .lm-themebtn-ico { width: 100%; height: 100%; background: none; font-size: 17px; }
}
@media (max-width: 400px) {
  .lm-mark { width: 28px; height: 28px; }
  .lm-logo { font-size: 17px; }
  .lm-logo-brand { gap: 6px; }
}
@media (max-width: 340px) {
  .lm-logo { font-size: 15px; }
  .lm-mark { width: 26px; height: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  .lm-mark, .lm-card { transition: none; }
}

/* v5.10 — adaptive film logo and expandable Category navigation */
:root {
  --logo-symbol-a: rgba(255,123,48,1.000); --logo-symbol-b: rgba(237,34,69,1.000);
  --logo-film: rgba(253,248,237,1.000); --logo-play: rgba(255,226,87,1.000);
  --logo-holes: rgba(157,54,41,1.000);
}
html.lm-light {
  --logo-symbol-a: rgba(0,129,89,1.000); --logo-symbol-b: rgba(0,71,60,1.000);
  --logo-film: rgba(242,251,246,1.000); --logo-play: rgba(0,200,192,1.000);
  --logo-holes: rgba(0,74,50,1.000);
}
.lm-logo-stop-a { stop-color: var(--logo-symbol-a); }
.lm-logo-stop-b { stop-color: var(--logo-symbol-b); }
.lm-logo-film { fill: var(--logo-film); }
.lm-logo-play { fill: var(--logo-play); }
.lm-logo-holes { fill: var(--logo-holes); }
.lm-logo { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-weight: 800; letter-spacing: 0; }
.lm-mark { filter: none; animation: lmMarkDark 3.6s ease-in-out infinite; }
html.lm-light .lm-mark { animation: lmMarkMint 4s ease-in-out infinite; }
@keyframes lmMarkDark { 0%,100% { transform: scale(1); } 50% { transform: scale(1.05); } }
@keyframes lmMarkMint { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-2px) rotate(-3deg); } }
.lm-category-toggle {
  display: flex; align-items: center; gap: 10px; width: 100%; min-height: 46px;
  margin-top: 12px; padding: 12px 14px; border: 1px solid var(--border);
  border-radius: 8px; background: var(--chip); color: var(--text);
  font-size: 14px; font-weight: 600; text-align: left;
}
.lm-category-chevron { margin-left: auto; transition: transform .2s ease; }
.lm-category-toggle[aria-expanded="true"] .lm-category-chevron { transform: rotate(180deg); }
.lm-category-toggle:hover { border-color: var(--brand); }
.lm-category-toggle:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.lm-sidebar-categories[hidden] { display: none; }
.lm-sidebar-categories:not([hidden]) { display: grid; gap: 7px; padding-top: 10px; animation: lmCategoryReveal .2s ease; }
.lm-category-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 7px; }
.lm-category-list a { display: flex; width: 100%; }
@keyframes lmCategoryReveal { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
html.lm-light .lm-chip, html.lm-light .lm-chip:nth-child(n),
html.lm-light .lm-cats a, html.lm-light .lm-drawer-nav a {
  background: var(--chip) !important; background-image: none !important;
  color: var(--text) !important; border-color: var(--border) !important; box-shadow: none !important;
}
html.lm-light .lm-chip.is-active, html.lm-light .lm-cats a.is-active,
html.lm-light .lm-drawer-nav a.is-active { background: var(--surface) !important; color: var(--brand) !important; }
html.lm-light .lm-title, html.lm-light .lm-entry h1, html.lm-light .lm-entry h2,
html.lm-light .lm-entry h3, html.lm-light .lm-section-title,
html.lm-light .lm-form label, html.lm-light .lm-footer-links a,
html.lm-light .lm-copy-links a, html.lm-light .lm-pin-badge { color: var(--text) !important; }
html.lm-light .lm-search input[type="search"], html.lm-light .lm-search input[type="text"],
html.lm-light .lm-search input { background: var(--surface) !important; color: var(--text) !important; border-color: var(--border) !important; box-shadow: none !important; }
html.lm-light .lm-search input::placeholder { color: var(--muted) !important; }
html.lm-light .lm-search input:focus { border-color: var(--brand) !important; outline: 2px solid var(--brand); outline-offset: 2px; }
html.lm-light .lm-live, html.lm-light .lm-badge, html.lm-light .lm-tag { background: var(--surface); color: var(--text); border-color: var(--border); }
html.lm-light .lm-thumb, html.lm-light .lm-single-thumb, html.lm-light .lm-poster { box-shadow: var(--shadow); }
html.lm-light .lm-search-overlay { background: var(--bg); color: var(--text); }
html.lm-light .lm-home.is-active { color: var(--brand); }
.lm-header-left, .lm-header-actions { min-width: 0; }
@media (max-width: 480px) {
  .lm-header { padding-inline: 10px; gap: 6px; }
  .lm-header-actions { gap: 5px; flex-wrap: nowrap; }
  .lm-header .lm-themebtn { width: 36px; height: 36px; min-height: 36px; padding: 0; }
  .lm-header .lm-home:not(.lm-headcat) .lm-home-text { display: none; }
  .lm-header .lm-headcat { display: none; }
  .lm-logo { font-size: 18px; }
}
@media (max-width: 340px) { .lm-logo { font-size: 15px; } }
@media (prefers-reduced-motion: reduce) {
  .lm-mark, html.lm-light .lm-mark, .lm-sidebar-categories:not([hidden]) { animation: none; }
  .lm-category-chevron { transition: none; }
}
.lm-side-home { display: block; padding: 12px 14px; border: 1px solid var(--border); border-radius: 8px; background: var(--chip); color: var(--text); font-weight: 600; }
.lm-side-categories summary.lm-category-toggle { cursor: pointer; list-style: none; }
.lm-side-categories summary::-webkit-details-marker { display: none; }
.lm-side-categories summary::after { content: '⌄'; margin-left: auto; }
.lm-side-categories[open] summary::after { transform: rotate(180deg); }
.lm-side-category-content { padding-top: 12px; }

/* v5.11 — premium locally hosted lettering, LM monogram and button icons */
@font-face {
  font-family: "LM Outfit"; font-style: normal; font-weight: 800;
  font-display: swap; src: url("assets/fonts/outfit-800.ttf") format("truetype");
}
:root {
  --logo-symbol-a: rgba(232,185,84,1.000); --logo-symbol-b: rgba(34,205,229,1.000);
  --drive-green: rgba(51,183,95,1.000); --drive-yellow: rgba(252,198,25,1.000); --drive-blue: rgba(64,135,253,1.000);
}
html.lm-light { --logo-symbol-a: rgba(0,79,56,1.000); --logo-symbol-b: rgba(0,105,115,1.000); }
.lm-logo, .lm-logo .lm-logo-text, .lm-logo .lm-logo-text span {
  font-family: "LM Outfit", "Avenir Next", "Segoe UI", sans-serif;
  font-weight: 800; font-style: normal; letter-spacing: 0; line-height: 1.12;
}
.lm-logo { font-size: 27px; }
.lm-logo-monogram-l { fill: var(--logo-symbol-a); }
.lm-logo-monogram-m { fill: var(--logo-symbol-b); }
.lm-logo-play { fill: var(--logo-symbol-a); }
body .lm-logo .lm-logo-text, html.lm-light .lm-logo .lm-logo-text { color: var(--logo-symbol-a); }
body .lm-logo .lm-logo-text span, html.lm-light .lm-logo .lm-logo-text span {
  background: none; -webkit-text-fill-color: currentColor; color: var(--logo-symbol-b);
  animation: lmPremiumDark 3.6s ease-in-out infinite;
}
html.lm-light .lm-logo .lm-logo-text span { animation: lmPremiumMint 4s ease-in-out infinite; }
@keyframes lmPremiumDark { 0%,100% { opacity: 1; } 50% { opacity: .8; } }
@keyframes lmPremiumMint { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-1px); } }
.lm-content a:has(> .lm-btn-svg) { display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.lm-content a > .lm-btn-svg { display: block; flex: 0 0 20px; width: 20px; height: 20px; overflow: visible; }
.lm-drive-green { fill: var(--drive-green); }
.lm-drive-yellow { fill: var(--drive-yellow); }
.lm-drive-blue { fill: var(--drive-blue); }
@media (max-width: 767px) { .lm-logo { font-size: 23px; } }
@media (max-width: 480px) { .lm-logo { font-size: 20px; } }
@media (max-width: 360px) { .lm-logo { font-size: 18px; } }
@media (max-width: 340px) { .lm-logo { font-size: 16px; } }
@media (prefers-reduced-motion: reduce) {
  body .lm-logo .lm-logo-text span, html.lm-light .lm-logo .lm-logo-text span { animation: none; }
}

/* v5.12 — Vampire Wars lettering + theme-aware logo (icon, colours, animation change with the theme switch) */
@font-face {
  font-family: "Vampire Wars"; font-style: normal; font-weight: 400;
  font-display: swap; src: url("assets/fonts/vampire-wars.ttf") format("truetype");
}
:root {
  --lg-a: #ffe8d2;            /* "Legal"  — warm bone / candle */
  --lg-b1: #ff5a7a; --lg-b2: #d4123c; --lg-b3: #ff9a3c; /* "Movies" — crimson to ember */
  --lg-glow: rgba(255, 50, 90, .55);
}
html.lm-light {
  --lg-a: #0a3a4a;            /* "Legal"  — deep ocean teal */
  --lg-b1: #0a9e7a; --lg-b2: #19d3c5; --lg-b3: #2a7fd4; /* "Movies" — emerald, aqua, sky */
  --lg-glow: rgba(25, 190, 200, .45);
}

/* lettering */
html body .lm-logo,
html body .lm-logo .lm-logo-text,
html body .lm-logo .lm-logo-text span {
  font-family: "Vampire Wars", "LM Outfit", "Segoe UI", sans-serif;
  font-weight: 400; text-transform: uppercase; letter-spacing: .05em; line-height: 1.1;
}
html body .lm-logo { font-size: 26px; }
html body .lm-logo .lm-logo-text, html.lm-light body .lm-logo .lm-logo-text {
  color: var(--lg-a); -webkit-text-fill-color: var(--lg-a); gap: .32em;
}
html body .lm-logo .lm-logo-text span {
  background: linear-gradient(100deg, var(--lg-b1), var(--lg-b2) 45%, var(--lg-b3) 70%, var(--lg-b1));
  background-size: 220% 100%;
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
/* DARK: blood flicker */
html:not(.lm-light) body .lm-logo .lm-logo-text span {
  animation: lgFlicker 3.4s steps(1, end) infinite, lgBloodFlow 6s linear infinite;
  filter: drop-shadow(0 0 7px var(--lg-glow));
}
/* MINT: smooth shimmer sweep */
html.lm-light body .lm-logo .lm-logo-text span {
  background: linear-gradient(100deg, var(--lg-b1) 0%, var(--lg-b2) 30%, #eafffb 42%, var(--lg-b2) 54%, var(--lg-b3) 80%, var(--lg-b1) 100%);
  background-size: 300% 100%;
  -webkit-background-clip: text; background-clip: text;
  animation: lgShimmer 2.6s ease-in-out infinite, lgBreath 2.6s ease-in-out infinite;
  filter: drop-shadow(0 1px 5px var(--lg-glow));
}
html.lm-light body .lm-logo .lm-logo-text { animation: lgInkWave 5s ease-in-out infinite; }
@keyframes lgFlicker {
  0%, 100% { opacity: 1; } 8% { opacity: .55; } 10% { opacity: 1; }
  46% { opacity: 1; } 48% { opacity: .7; } 50% { opacity: 1; } 52% { opacity: .5; } 54% { opacity: 1; }
}
@keyframes lgBloodFlow { 0% { background-position: 0% 0; } 100% { background-position: 220% 0; } }
@keyframes lgShimmer { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }
@keyframes lgBreath { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-1.5px) scale(1.03); } }
@keyframes lgInkWave { 0%, 100% { letter-spacing: .05em; } 50% { letter-spacing: .085em; } }

/* icon: show only the one for the active theme */
.lm-mark-wrap { display: inline-flex; flex: 0 0 auto; position: relative; }
.lm-mark-wrap .lm-mark { display: block; animation: none; transition: none; filter: none; }
html:not(.lm-light) .lm-mark-mint { display: none; }
html.lm-light .lm-mark-dark { display: none; }
.lm-bat-play { fill: #fff3ef; }
.lm-bat-fang { fill: #fff3ef; }
.lm-clap-play { fill: #ffc247; }
.lm-clap-stripe { fill: #5eead4; }
/* DARK icon: heartbeat glow + wing flutter */
html:not(.lm-light) .lm-mark-dark { animation: lgBatBeat 2.4s ease-in-out infinite; transform-origin: 50% 55%; }
html:not(.lm-light) .lm-mark-dark .lm-bat { transform-origin: 50% 40%; animation: lgWing 2.4s ease-in-out infinite; }
@keyframes lgBatBeat {
  0%, 100% { filter: drop-shadow(0 0 3px rgba(255, 40, 70, .45)); }
  50%      { filter: drop-shadow(0 0 11px rgba(255, 40, 70, .95)); }
}
@keyframes lgWing { 0%, 100% { transform: scaleX(1) scaleY(1); } 50% { transform: scaleX(1.06) scaleY(.93); } }
/* MINT icon: clapper snaps shut, play button pulses, aqua glow */
html.lm-light .lm-mark-mint { filter: drop-shadow(0 3px 7px rgba(10, 130, 150, .4)); animation: lgGlowAqua 3s ease-in-out infinite; }
html.lm-light .lm-mark-mint .lm-clap-arm { transform-box: view-box; transform-origin: 7px 24px; animation: lgClap 3s ease-in-out infinite; }
html.lm-light .lm-mark-mint .lm-clap-play { transform-box: fill-box; transform-origin: center; animation: lgPlayPulse 3s ease-in-out infinite; }
@keyframes lgClap {
  0%, 55%, 100% { transform: rotate(0deg); }
  66% { transform: rotate(-26deg); }
  74% { transform: rotate(1.5deg); }
  80% { transform: rotate(0deg); }
}
@keyframes lgPlayPulse { 0%, 70%, 100% { transform: scale(1); } 78% { transform: scale(1.25); } 88% { transform: scale(1); } }
@keyframes lgGlowAqua {
  0%, 100% { filter: drop-shadow(0 3px 5px rgba(10, 130, 150, .3)); }
  78% { filter: drop-shadow(0 3px 12px rgba(25, 211, 197, .85)); }
}
.lm-logo-brand:hover .lm-mark-wrap { transform: scale(1.08) rotate(-4deg); }
.lm-mark-wrap { transition: transform .25s ease; }

/* theme switch moment: logo pops in with the new icon / colour */
body.lm-logo-swap .lm-mark-wrap { animation: lgSwapIcon .7s cubic-bezier(.2, 1.4, .4, 1); }
body.lm-logo-swap .lm-logo-text { animation: lgSwapText .6s ease-out; }
@keyframes lgSwapIcon { 0% { transform: scale(.2) rotate(-200deg); opacity: 0; } 100% { transform: scale(1) rotate(0); opacity: 1; } }
@keyframes lgSwapText { 0% { opacity: 0; transform: translateX(-10px); letter-spacing: .2em; } 100% { opacity: 1; transform: none; letter-spacing: .05em; } }

@media (max-width: 767px) { html body .lm-logo { font-size: 22px; } }
@media (max-width: 480px) { html body .lm-logo { font-size: 19px; } }
@media (max-width: 360px) { html body .lm-logo { font-size: 16px; } }
@media (max-width: 340px) { html body .lm-logo { font-size: 14px; } }
html body .lm-drawer-head .lm-logo { font-size: 20px; }
@media (prefers-reduced-motion: reduce) {
  html body .lm-logo .lm-logo-text, html body .lm-logo .lm-logo-text span, .lm-mark, .lm-mark .lm-bat, .lm-mark .lm-clap-arm, .lm-mark .lm-clap-play,
  body.lm-logo-swap .lm-mark-wrap, body.lm-logo-swap .lm-logo-text { animation: none !important; }
}
html body.lm-logo-swap .lm-logo .lm-logo-text, html.lm-light body.lm-logo-swap .lm-logo .lm-logo-text { animation: lgSwapText .6s ease-out; }

/* =====================================================================
   v5.13 — Centered emblem logo, new DARK palette (posters pop), per-theme fonts
   ===================================================================== */
@font-face {
  font-family: "Aresink"; font-style: normal; font-weight: 400;
  font-display: swap; src: url("assets/fonts/aresink.otf") format("opentype");
}

/* ---- DARK palette: near-black + cinema gold. Poster = lighter frame on dark ---- */
:root {
  --brand: #f2b632; --brand-soft: #ffd36b; --brand-gold: #ffc94a; --brand-deep: #b8860b;
  --bg: #08080b;
  --bg-grad: radial-gradient(900px 420px at 50% -60px, #2a1f08 0%, rgba(42, 31, 8, 0) 70%), linear-gradient(180deg, #0d0d12 0%, #08080b 100%);
  --surface: #14141b; --card-body: #181821; --chip: #1c1c26; --border: #2c2c39;
  --poster-bg: #050507;
  --header-bg: linear-gradient(180deg, #17171f 0%, #0c0c11 100%);
  --footer-bg: linear-gradient(180deg, #0c0c11 0%, #14141b 100%);
  --text: #f4f1ea; --muted: #a9a8b3;
  --shadow: 0 6px 20px rgba(0, 0, 0, .75);
  --shadow-hover: 0 18px 38px rgba(0, 0, 0, .9), 0 0 0 1px rgba(242, 182, 50, .45);
  --lm-display: "Vampire Wars", "Cinzel", Georgia, serif;
}
html.lm-light { --lm-display: "Aresink", "Cinzel", Georgia, serif; }

/* poster stands apart from the card: dark matte + gold hairline ring + deep shadow */
html:not(.lm-light) .lm-card {
  background: linear-gradient(180deg, #1a1a24, #12121a);
  border: 1px solid #2c2c39;
}
html:not(.lm-light) .lm-card:hover { border-color: rgba(242, 182, 50, .55); }
html:not(.lm-light) .lm-thumb {
  margin: 10px 10px 0; background: #000;
  box-shadow: 0 0 0 1px rgba(242, 182, 50, .38), 0 10px 24px rgba(0, 0, 0, .85);
}
html:not(.lm-light) .lm-card:hover .lm-thumb {
  box-shadow: 0 0 0 1px rgba(242, 182, 50, .75), 0 14px 30px rgba(0, 0, 0, .9);
}
html:not(.lm-light) .lm-card-body { background: transparent; padding: 12px 12px 12px; }
html:not(.lm-light) .lm-rating-badge { background: rgba(8, 8, 11, .85); color: #ffd36b; border: 1px solid rgba(242, 182, 50, .45); }
html:not(.lm-light) .lm-grid { gap: 16px; }
@media (min-width: 768px) { html:not(.lm-light) .lm-grid { gap: 24px; } }

/* ---- Centered emblem in the header ---- */
.lm-header { min-height: 86px; }
.lm-emblem-link {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  display: block; line-height: 0; z-index: 2;
}
.lm-emblem-wrap { position: relative; display: block; width: 200px; }
.lm-emblem { display: block; width: 100%; height: auto; max-width: none; }
html:not(.lm-light) .lm-emblem-mint { display: none; }
html.lm-light .lm-emblem-dark { display: none; }
.lm-emblem-drawer { position: static; transform: none; display: inline-block; }
.lm-emblem-drawer .lm-emblem-wrap { width: 128px; }
.lm-drawer-head .lm-emblem-link { position: static; transform: none; }

/* emblem is static (no animation) — v5.14 */


/* ---- Fonts follow the theme: Vampire Wars (dark) / Aresink (mint) ---- */
html body .lm-section-title,
html body .lm-chip, html body .lm-telegram, html body .lm-request,
html body .lm-search button, html body .lm-home-text, html body .lm-themebtn-text,
html body .lm-category-toggle, html body .lm-upcoming {
  font-family: var(--lm-display) !important; font-weight: 400; letter-spacing: .05em;
}
html:not(.lm-light) body .lm-section-title { text-transform: uppercase; letter-spacing: .08em; }
html.lm-light body .lm-section-title { letter-spacing: .04em; }

/* =====================================================================
   v5.14 — Static centered emblem (smaller) + animated Vampire Wars name lockup
   DARK  = gold vampire bat, ember flicker / blood-gold flow
   MINT  = clapperboard that snaps shut, aqua shimmer sweep
   ===================================================================== */
:root {
  --lg-a: #fff1cf;                                   /* "Legal"  — candle gold */
  --lg-b1: #ffd36b; --lg-b2: #f2b632; --lg-b3: #ff8a2a; /* "Movies" — gold to ember */
  --lg-glow: rgba(255, 190, 60, .6);
}

/* ---- header: compact bar, emblem centered and static ---- */
.lm-header { min-height: 64px; padding-top: 8px; padding-bottom: 8px; }
.lm-emblem-wrap { width: 128px; animation: none; }
.lm-emblem-link, body.lm-logo-swap .lm-emblem-link { animation: none; }
.lm-emblem-wrap::after { content: none; }
@media (max-width: 767px) { .lm-header { min-height: 58px; } .lm-emblem-wrap { width: 112px; } }
@media (max-width: 480px) { .lm-header { min-height: 54px; } .lm-emblem-wrap { width: 100px; } }
@media (max-width: 360px) { .lm-header { min-height: 52px; } .lm-emblem-wrap { width: 88px; } }

/* ---- name lockup ---- */
.lm-brand-link { display: inline-flex; align-items: center; line-height: 1; min-width: 0; }
.lm-brand { display: inline-flex; align-items: center; gap: 9px; line-height: 1; }
.lm-bm-wrap { position: relative; display: inline-flex; flex: 0 0 auto; transition: transform .25s ease; }
.lm-bm { display: block; width: 34px; height: 34px; overflow: visible; }
html:not(.lm-light) .lm-bm-mint { display: none; }
html.lm-light .lm-bm-dark { display: none; }
.lm-brand-link:hover .lm-bm-wrap { transform: scale(1.08) rotate(-4deg); }

.lm-brand-name {
  display: inline-flex; gap: .3em; white-space: nowrap;
  font-family: "Vampire Wars", "Cinzel", Georgia, serif; font-weight: 400;
  text-transform: uppercase; letter-spacing: .06em; font-size: 21px; line-height: 1.1;
  color: var(--lg-a);
}
.lm-brand-lo, .lm-brand-hi { font: inherit; letter-spacing: inherit; }
.lm-brand-hi {
  background: linear-gradient(100deg, var(--lg-b1), var(--lg-b2) 45%, var(--lg-b3) 70%, var(--lg-b1));
  background-size: 220% 100%;
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}

/* DARK: flickering ember text + flowing gold + beating glow, bat wings flutter */
html:not(.lm-light) .lm-brand-hi {
  animation: lgFlicker 3.4s steps(1, end) infinite, lgBloodFlow 6s linear infinite;
  filter: drop-shadow(0 0 7px var(--lg-glow));
}
html:not(.lm-light) .lm-bm-dark { animation: lbGoldBeat 2.4s ease-in-out infinite; transform-origin: 50% 55%; }
html:not(.lm-light) .lm-bm-bat { transform-origin: 50% 40%; animation: lgWing 2.4s ease-in-out infinite; }
.lm-bm-play { fill: #1a1204; }
@keyframes lbGoldBeat {
  0%, 100% { filter: drop-shadow(0 0 3px rgba(242, 182, 50, .45)); }
  50%      { filter: drop-shadow(0 0 11px rgba(255, 196, 60, .95)); }
}

/* MINT: shimmer sweep + breathing text, film reel spins, play pulses, aqua glow */
html.lm-light .lm-brand-hi {
  background: linear-gradient(100deg, var(--lg-b1) 0%, var(--lg-b2) 30%, #eafffb 42%, var(--lg-b2) 54%, var(--lg-b3) 80%, var(--lg-b1) 100%);
  background-size: 300% 100%;
  -webkit-background-clip: text; background-clip: text;
  animation: lgShimmer 2.6s ease-in-out infinite, lgBreath 2.6s ease-in-out infinite;
  filter: drop-shadow(0 1px 5px var(--lg-glow));
}
html.lm-light .lm-brand-name { animation: lgInkWave 5s ease-in-out infinite; }
html.lm-light .lm-bm-mint { animation: lgGlowAqua 3s ease-in-out infinite; }
html.lm-light .lm-bm-mint .lm-bm-play { fill: #eafffb; transform-box: fill-box; transform-origin: center; animation: lgPlayPulse 3s ease-in-out infinite; }
html.lm-light .lm-bm-reel { transform-box: view-box; transform-origin: 32px 32px; animation: lbReelSpin 9s linear infinite; }
@keyframes lbReelSpin { to { transform: rotate(360deg); } }

/* theme switch: new icon + name pop in */
body.lm-logo-swap .lm-bm-wrap { animation: lgSwapIcon .7s cubic-bezier(.2, 1.4, .4, 1); }
body.lm-logo-swap .lm-brand-name { animation: lgSwapText .6s ease-out; }

/* sizes */
.lm-brand-drawer { display: inline-flex; }
.lm-brand-drawer .lm-brand-name { font-size: 20px; }
@media (max-width: 767px) { .lm-brand-name { font-size: 17px; } .lm-bm { width: 30px; height: 30px; } }
/* phones: emblem already carries the name, so the header shows only the animated icon */
@media (max-width: 559px) {
  .lm-header .lm-brand-name { display: none; }
  .lm-bm { width: 30px; height: 30px; }
}
@media (prefers-reduced-motion: reduce) {
  .lm-brand-hi, .lm-brand-name, .lm-bm-wrap, .lm-bm, .lm-bm-bat, .lm-bm-arm, .lm-bm-play,
  body.lm-logo-swap .lm-bm-wrap, body.lm-logo-swap .lm-brand-name { animation: none !important; }
}

/* =====================================================================
   v5.15 — New centre badge (crown + film-strip plate, soft light behind it, no play button)
   + brighter DARK palette so posters / text / chips read clearly
   ===================================================================== */
:root {
  --em-a: #fff0b8; --em-b: #f2b632; --em-c: #ff9d2e;
  --em-t1: #ffd36b; --em-t2: #fff0b8; --em-t3: #ff9d2e; --em-glow: rgba(255, 196, 70, .55);
}
html.lm-light {
  --em-a: #eafffb; --em-b: #0fa7a8; --em-c: #19b4e0;
  --em-t1: #0a6670; --em-t2: #13b3b8; --em-t3: #0a8a95; --em-glow: rgba(30, 215, 205, .5);
}

/* centre link: text wordmark with line design (no box, no button) */
.lm-emblem-link { line-height: 1; background: none; border: 0; padding: 0; }
.lm-header { min-height: 66px; }
.lm-em { position: relative; display: inline-flex; flex-direction: column; align-items: center; gap: .32em; font-size: 24px; line-height: 1; }
.lm-em-glow {
  position: absolute; left: -12%; right: -12%; top: -45%; bottom: -45%; z-index: 0; pointer-events: none;
  background: radial-gradient(closest-side, var(--em-glow), transparent 78%);
}
.lm-em-row, .lm-em-sub { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; }
.lm-em-row { gap: .55em; }
.lm-em-text {
  display: block; white-space: nowrap; text-align: center;
  font-family: var(--lm-display); font-weight: 400; text-transform: uppercase;
  letter-spacing: .1em; line-height: 1.05; padding-left: .1em;
  background: linear-gradient(100deg, var(--em-t1) 0%, var(--em-t2) 25%, var(--em-t3) 50%, var(--em-t2) 75%, var(--em-t1) 100%);
  background-size: 250% 100%; -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
/* side lines: fade outward, end in a small diamond next to the text */
.lm-em-line { position: relative; display: block; flex: 0 0 auto; width: 2.4em; height: 2px; border-radius: 2px; }
.lm-em-l { background: linear-gradient(90deg, transparent, var(--em-b)); }
.lm-em-r { background: linear-gradient(90deg, var(--em-b), transparent); }
.lm-em-line::after {
  content: ""; position: absolute; top: 50%; width: .3em; height: .3em; background: var(--em-b);
  transform: translateY(-50%) rotate(45deg);
}
.lm-em-l::after { right: -.05em; } .lm-em-r::after { left: -.05em; }
/* underline: two rules + centre gem */
.lm-em-sub { gap: .45em; width: 100%; }
.lm-em-rule { display: block; flex: 1 1 0; height: 1.5px; border-radius: 2px; }
.lm-em-sub .lm-em-rule:first-child { background: linear-gradient(90deg, transparent, var(--em-b)); }
.lm-em-sub .lm-em-rule:last-child  { background: linear-gradient(90deg, var(--em-b), transparent); }
.lm-em-gem { display: block; width: .34em; height: .34em; background: var(--em-b); transform: rotate(45deg); box-shadow: 0 0 .5em var(--em-glow); }

/* DARK: light breathes, gold flows through lines, text sheen sweeps, gem pulses */
html:not(.lm-light) .lm-em-glow { animation: emGlowGold 3.2s ease-in-out infinite; }
html:not(.lm-light) .lm-em-text { animation: emSheen 3.6s linear infinite; }
html:not(.lm-light) .lm-em-line, html:not(.lm-light) .lm-em-rule { filter: drop-shadow(0 0 3px var(--em-glow)); animation: emLineGlow 3.2s ease-in-out infinite; }
html:not(.lm-light) .lm-em-gem { animation: emGemPulse 3.2s ease-in-out infinite; }
@keyframes emGlowGold { 0%, 100% { opacity: .5; transform: scale(.94); } 50% { opacity: 1; transform: scale(1.08); } }
@keyframes emSheen { 0% { background-position: 0 0; } 100% { background-position: -250% 0; } }
@keyframes emLineGlow { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
@keyframes emGemPulse { 0%, 100% { transform: rotate(45deg) scale(1); } 50% { transform: rotate(45deg) scale(1.45); } }

/* MINT: aqua light drifts, lines stretch & relax, gem spins, text shimmers back and forth */
html.lm-light .lm-em-glow { animation: emGlowDrift 4.4s ease-in-out infinite; }
html.lm-light .lm-em-text { animation: emSheen 2.6s ease-in-out infinite alternate; }
html.lm-light .lm-em-l { transform-origin: 100% 50%; animation: emLineStretch 3s ease-in-out infinite; }
html.lm-light .lm-em-r { transform-origin: 0 50%; animation: emLineStretch 3s ease-in-out infinite; }
html.lm-light .lm-em-rule { animation: emLineStretch 3s ease-in-out infinite .4s; }
html.lm-light .lm-em-gem { animation: emGemSpin 4s linear infinite; }
@keyframes emGlowDrift { 0%, 100% { opacity: .6; transform: translateX(-8%) scale(1); } 50% { opacity: 1; transform: translateX(8%) scale(1.1); } }
@keyframes emLineStretch { 0%, 100% { transform: scaleX(.55); opacity: .65; } 50% { transform: scaleX(1); opacity: 1; } }
@keyframes emGemSpin { to { transform: rotate(405deg); } }

body.lm-logo-swap .lm-em { animation: lgSwapIcon .7s cubic-bezier(.2, 1.4, .4, 1); }

@media (max-width: 767px) { .lm-header { min-height: 60px; } .lm-em { font-size: 20px; } .lm-em-line { width: 1.6em; } }
@media (max-width: 480px) { .lm-header { min-height: 56px; } .lm-em { font-size: 16px; } .lm-em-line { display: none; } }
@media (max-width: 360px) { .lm-header { min-height: 54px; } .lm-em { font-size: 14px; } }
@media (prefers-reduced-motion: reduce) {
  .lm-em *, body.lm-logo-swap .lm-em { animation: none !important; }
}

/* ---- DARK palette lifted: charcoal-slate instead of near-black ---- */
:root {
  --bg: #171822;
  --bg-grad: radial-gradient(900px 420px at 50% -60px, #3a2d10 0%, rgba(58, 45, 16, 0) 70%), linear-gradient(180deg, #1d1f2b 0%, #161722 100%);
  --surface: #232636; --card-body: #2a2d40; --chip: #2f3348; --border: #454a64;
  --poster-bg: #1d1f2c;
  --header-bg: linear-gradient(180deg, #2a2d3f 0%, #1c1e2b 100%);
  --footer-bg: linear-gradient(180deg, #1c1e2b 0%, #262938 100%);
  --text: #fbf8f1; --muted: #d0d2de;
  --shadow: 0 6px 18px rgba(0, 0, 0, .45);
  --shadow-hover: 0 14px 30px rgba(0, 0, 0, .6), 0 0 0 1px rgba(242, 182, 50, .6);
}
html:not(.lm-light) .lm-card {
  background: linear-gradient(180deg, #2d3046, #242739);
  border: 1px solid #4a506c;
}
html:not(.lm-light) .lm-card:hover { border-color: rgba(255, 205, 80, .85); }
html:not(.lm-light) .lm-thumb {
  background: #1d1f2c;
  box-shadow: 0 0 0 2px rgba(242, 182, 50, .7), 0 6px 16px rgba(0, 0, 0, .5);
}
html:not(.lm-light) .lm-card:hover .lm-thumb { box-shadow: 0 0 0 2px #ffd36b, 0 10px 22px rgba(0, 0, 0, .55); }
html:not(.lm-light) .lm-card-title { color: #fff; font-weight: 600; }
html:not(.lm-light) .lm-rating-badge { background: #f2b632; color: #241a00; border: 0; font-weight: 700; }
html:not(.lm-light) .lm-chip, html:not(.lm-light) .lm-search input { border-color: #50566f; }
html:not(.lm-light) .lm-header, html:not(.lm-light) .lm-footer { border-color: #454a64; }
/* Aresink is wider than Vampire Wars — slightly smaller wordmark in mint on phones */
@media (max-width: 480px) { html.lm-light .lm-em { font-size: 14px; } }
@media (max-width: 360px) { html.lm-light .lm-em { font-size: 12.5px; } }
/* tablets / small laptops: centre wordmark needs room, so the header keeps only the animated icon (name stays in the sidebar) */
@media (max-width: 899px) { .lm-header .lm-brand-name { display: none; } }

/* Category row sizing is owned by assets/home-enhancements.css. */

/* v5.17 — header search, cinematic featured posters and exact category rows. */
:root {
 --featured-ink: rgba(248,248,248,1.000);
 --featured-shade: rgba(4,6,9,1.000);
 --featured-tag: rgba(247,247,247,0.129);
 --featured-outline: rgba(248,248,248,0.278);
 --featured-rating: rgba(250,193,49,1.000);
 --featured-button: rgba(250,250,250,0.188);
 --featured-overlay: linear-gradient(90deg, color-mix(in oklab,var(--featured-shade) 90%,transparent),color-mix(in oklab,var(--featured-shade) 40%,transparent) 55%,transparent),linear-gradient(0deg,var(--featured-shade),transparent 75%);
}
.lm-header .lm-search-toggle {
 display:inline-grid;place-items:center;flex-shrink:0;width:40px;height:40px;padding:0;
 border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--chip);
}
.lm-search-toggle:hover {color:var(--brand-gold);}
.lm-search-toggle:focus-visible,.lm-featured button:focus-visible,.lm-featured a:focus-visible {outline:2px solid var(--brand-gold);outline-offset:3px;}
.lm-search-panel {display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .3s ease,opacity .3s ease,visibility .3s;scroll-margin-top:90px;position:relative;z-index:51;}
.lm-search-panel.is-open {grid-template-rows:1fr;opacity:1;visibility:visible;}
.lm-search-panel-inner {min-height:0;overflow:hidden;}
.lm-search-panel.is-open .lm-search-panel-inner {overflow:visible;}
.lm-search-panel .lm-tools {display:grid;grid-template-columns:minmax(0,1fr) 40px;max-width:1100px;margin:0 auto;padding:14px 16px;gap:12px;}
.lm-search-panel .lm-search {width:100%;min-width:0;}
.lm-search-close {background:var(--chip);color:var(--text);border:1px solid var(--border);border-radius:8px;font-size:25px;padding:0;}
.lm-featured {max-width:1400px;margin:18px auto 0;padding:0 16px;color:var(--featured-ink);}
.lm-featured-track {display:grid;overflow:hidden;background:var(--poster-bg);aspect-ratio:12/5;height:auto;min-height:360px;}
.lm-featured-slide {grid-area:1/1;position:relative;min-width:0;opacity:0;visibility:hidden;transform:translateX(4%);transition:opacity .6s ease,transform .6s ease,visibility .6s;overflow:hidden;}
.lm-featured-slide.is-active {opacity:1;visibility:visible;transform:translateX(0);z-index:1;}
.lm-featured-image {position:absolute;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;}
.lm-featured-slide::after {content:"";position:absolute;inset:0;background:var(--featured-overlay);pointer-events:none;}
.lm-featured-content {position:absolute;z-index:2;left:48px;right:48px;bottom:56px;max-width:620px;}
.lm-featured-content h2 {font-family:inherit;font-size:36px;line-height:1.15;letter-spacing:0;margin:0 0 20px;overflow-wrap:anywhere;}
.lm-featured-meta {display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:13px;}
.lm-featured-rating {color:var(--featured-rating);font-weight:700;margin-right:5px;}
.lm-featured-tag {background:var(--featured-tag);border:1px solid var(--featured-outline);border-radius:999px;padding:4px 10px;font-size:11px;}
.lm-featured-download {display:inline-flex;align-items:center;gap:9px;background:var(--featured-button);color:var(--featured-ink);border:1px solid var(--featured-outline);padding:10px 20px;border-radius:5px;font-weight:600;margin-top:22px;max-width:100%;overflow-wrap:anywhere;}
.lm-featured-download:hover {background:var(--featured-tag);}
.lm-featured-download svg {flex-shrink:0;}
.lm-featured-controls {display:flex;align-items:center;justify-content:center;gap:15px;padding:12px 0;}
.lm-featured-controls button {background:transparent;border:0;color:var(--text);height:28px;min-width:28px;padding:0;font-size:24px;display:grid;place-items:center;}
.lm-featured-controls .lm-slider-pause {font-size:12px;}
.lm-featured-dots {display:flex;gap:10px;align-items:center;}
.lm-featured-dots button {width:26px;height:28px;min-width:26px;}
.lm-featured-dots button::after {content:"";height:5px;width:18px;background:var(--muted);border-radius:5px;}
.lm-featured-dots button[aria-pressed="true"]::after {background:var(--brand-gold);}
.lm-chips.lm-chips {display:grid !important;}
.lm-chips {grid-template-columns:repeat(8,minmax(0,1fr));max-width:1368px;margin:0 auto;gap:8px;padding:16px;overflow:visible !important;align-items:stretch;}
.lm-home-chips {background:transparent;box-shadow:none;}
.lm-chips > a.lm-chip {width:100% !important;max-width:100% !important;min-width:0;display:flex !important;justify-content:center;align-items:center;gap:5px;text-align:center;padding:8px 5px;font-size:11px;line-height:1.3;border-radius:6px;white-space:normal;overflow:visible;overflow-wrap:anywhere;}
.lm-chips > a.lm-chip > span:last-child {min-width:0;max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;}
html body .lm-chips > a.lm-chip {letter-spacing:0;}
.lm-chips .lm-ico {flex-shrink:0;}
.lm-chips > .lm-telegram {grid-column:1/-1;justify-self:center;max-width:100%;white-space:normal;}
.lm-mobile-current-category {display:none;}
@media (min-width:768px) and (max-width:1100px) {.lm-chips {grid-template-columns:repeat(6,minmax(0,1fr));}}
.lm-home-telegram {display:flex;justify-content:center;padding:10px 16px 0;}
.lm-side-request {display:block;margin-top:10px;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--chip);color:var(--text);font-weight:600;}
@media (max-width:1400px) {.lm-home-chips {margin-inline:16px;}}
@media (max-width:767px) {
 .lm-header {display:grid;grid-template-columns:auto minmax(0,1fr) auto;}
 .lm-header .lm-search-toggle {width:32px;height:36px;}
 .lm-header .lm-themebtn {width:32px;height:36px;min-height:36px;}
 .lm-header .lm-home {padding:6px;}
 .lm-header .lm-home:not(.lm-headcat) .lm-home-text,.lm-header .lm-headcat {display:none;}
 .lm-emblem-link {justify-self:center;min-width:0;}
 .lm-em {font-size:16px;}.lm-em-line {display:none;}
 .lm-featured {margin-top:12px;padding-inline:10px;}
 .lm-featured-track {aspect-ratio:4/5;height:auto;min-height:0;}
 .lm-featured-content {left:20px;right:20px;bottom:25px;max-width:none;}
 .lm-featured-content h2 {font-size:24px;margin-bottom:12px;}
 .lm-featured-meta {gap:5px;font-size:11px;}
 .lm-featured-tag {font-size:10px;padding:3px 7px;}
 .lm-featured-download {margin-top:14px;padding:8px 14px;font-size:12px;}
 .lm-chips {grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0 10px;padding:8px 0;border-top:0;}
 .lm-chips > a.lm-chip {flex-direction:column;gap:4px;padding:6px 3px;font-size:9px;line-height:1.3;min-height:56px;}
 .lm-chips > a.lm-chip .lm-ico {font-size:14px;}
 .lm-mobile-current-category {display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;background:var(--surface);color:var(--text);border-bottom:1px solid var(--border);font-size:11px;line-height:1.4;text-align:center;overflow-wrap:anywhere;}
 .lm-mobile-current-category > span:last-child {min-width:0;}
 .lm-mobile-current-category .lm-ico {flex-shrink:0;}

}
@media (prefers-reduced-motion:reduce) {.lm-search-panel,.lm-featured-slide {transition:none;}}

/* Posters: TV / large screens use the ultra-wide 8:3 poster at full width */
@media (min-width:1800px){.lm-featured{max-width:none;padding-inline:24px}.lm-featured-track{aspect-ratio:8/3}.lm-featured-content{left:72px;bottom:80px;max-width:900px}.lm-featured-content h2{font-size:52px}.lm-featured-download{font-size:18px;padding:14px 28px}}
.lm-featured picture{display:contents}

/* v5.22 — smaller posters, no black sides, theme font + custom colours */
.lm-featured{max-width:1180px}
.lm-featured-track{aspect-ratio:12/4.6;min-height:300px;background:transparent;border-radius:12px}
.lm-featured-slide{transform:none;transition:opacity .6s ease,visibility .6s}
.lm-featured-fill{position:absolute;inset:-30px;width:calc(100% + 60px);height:calc(100% + 60px);max-width:none;object-fit:cover;filter:blur(24px) brightness(.85);}
.lm-featured-slide::after{background:linear-gradient(0deg,rgba(0,0,0,0.722),rgba(0,0,0,0.251) 45%,transparent 70%)}
.lm-featured-content{left:40px;right:40px;bottom:44px}
.lm-featured-content h2,.lm-featured-content h2 a{font-family:var(--lm-display,"Cinzel",Georgia,serif);font-weight:400;letter-spacing:.04em;color:var(--poster-title,#fff);text-shadow:0 2px 12px rgba(0,0,0,0.702);font-size:34px;margin-bottom:14px}
.lm-featured-meta,.lm-featured-meta span{color:var(--poster-meta,#fff)}
.lm-featured-meta .lm-featured-rating{color:var(--poster-rating,#ffc94a);background:rgba(0,0,0,0.451);border:1px solid var(--featured-outline);border-radius:999px;padding:4px 10px;font-size:12px}
.lm-featured-tag{background:rgba(0,0,0,0.451);backdrop-filter:blur(4px)}
@media (max-width:767px){.lm-featured-track{aspect-ratio:4/5;border-radius:10px}.lm-featured-content{left:18px;right:18px;bottom:22px}.lm-featured-content h2,.lm-featured-content h2 a{font-size:22px}}
@media (min-width:1800px){.lm-featured{max-width:1600px}.lm-featured-content h2,.lm-featured-content h2 a{font-size:46px}}

/* v5.23 — poster = full site width, search overlay at top (no background), clickable poster */
.lm-featured{max-width:1400px;padding-inline:16px}
.lm-featured-track{aspect-ratio:12/5;min-height:0}
.lm-featured-slide{display:block}
.lm-featured-cover{position:absolute;inset:0;z-index:2}
.lm-featured-content{z-index:3;pointer-events:none}
.lm-featured-content a,.lm-featured-content h2{pointer-events:auto}
@media (min-width:1600px){.lm-featured{max-width:1500px}}
@media (min-width:1800px){.lm-featured{max-width:1500px;padding-inline:16px}.lm-featured-track{aspect-ratio:8/3}}
@media (max-width:767px){.lm-featured{max-width:100%;padding-inline:10px}.lm-featured-track{aspect-ratio:4/5;min-height:0}}
.lm-search-panel{position:fixed;left:0;right:0;top:72px;display:block;grid-template-rows:none;background:transparent;box-shadow:none;border:0;pointer-events:none;transition:opacity .2s ease,visibility .2s;z-index:60}
.lm-search-panel.is-open{pointer-events:none}
.lm-search-panel-inner{overflow:visible;background:transparent}
.lm-search-panel .lm-tools{background:transparent;box-shadow:none;border:0;pointer-events:none}
.lm-search-panel .lm-search,.lm-search-panel .lm-search-close,.lm-search-panel .lm-live{pointer-events:auto}

/* v5.24 — shorter poster, real slide motion, arrows on the poster sides */
.lm-featured{position:relative;margin-top:8px}
.lm-featured-track{aspect-ratio:12/4.3}
.lm-featured-slide{transform:translateX(8%);transition:opacity .7s ease,transform .7s ease,visibility .7s}
.lm-featured-slide.is-before{transform:translateX(-8%)}
.lm-featured-slide.is-active{transform:translateX(0)}
@media (min-width:1800px){.lm-featured-track{aspect-ratio:8/2.8}}
@media (max-width:767px){.lm-featured{margin-top:6px}.lm-featured-track{aspect-ratio:4/4.4}}
.lm-featured-controls{position:absolute;inset:0 16px;padding:0;gap:0;display:block;pointer-events:none;z-index:5}
.lm-featured-controls button{pointer-events:auto;position:absolute;color:#fff;background:rgba(0,0,0,0.451);border:1px solid rgba(255,255,255,0.298);backdrop-filter:blur(4px)}
.lm-featured-controls .lm-slider-prev,.lm-featured-controls .lm-slider-next{top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;font-size:30px;line-height:1;padding-bottom:3px}
.lm-featured-controls .lm-slider-prev{left:12px}
.lm-featured-controls .lm-slider-next{right:12px}
.lm-featured-controls .lm-slider-prev:hover,.lm-featured-controls .lm-slider-next:hover{background:rgba(0,0,0,0.702)}
.lm-featured-controls .lm-slider-pause{top:12px;right:12px;width:32px;height:32px;border-radius:50%;font-size:11px}
.lm-featured-dots{position:absolute;left:0;right:0;bottom:8px;justify-content:center;pointer-events:none}
.lm-featured-dots button{position:static;pointer-events:auto;background:transparent;border:0;backdrop-filter:none;width:22px;height:20px;min-width:22px}
.lm-featured-dots button::after{background:rgba(255,255,255,0.549);width:16px}
.lm-featured-dots button[aria-pressed="true"]::after{background:var(--brand-gold)}
@media (max-width:767px){.lm-featured-controls{inset:0 10px}.lm-featured-controls .lm-slider-prev,.lm-featured-controls .lm-slider-next{width:34px;height:34px;font-size:24px}.lm-featured-controls .lm-slider-prev{left:8px}.lm-featured-controls .lm-slider-next{right:8px}.lm-featured-controls .lm-slider-pause{top:8px;right:8px;width:28px;height:28px}}

/* v5.25 — no pause button, lower poster height (3:1 desktop/TV, 9:10 mobile) */
.lm-slider-pause{display:none!important}
.lm-featured{margin-top:6px}
.lm-featured-track{aspect-ratio:3/1;min-height:0}
@media (min-width:1800px){.lm-featured-track{aspect-ratio:3/1}}
@media (max-width:767px){.lm-featured-track{aspect-ratio:9/10}}

/* v5.26 — smoother theme, shorter poster, big search over poster with blurred page */
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.lm-featured-track{aspect-ratio:3.4/1}
@media (min-width:1800px){.lm-featured-track{aspect-ratio:3.4/1}}
@media (max-width:767px){.lm-featured-track{aspect-ratio:1/1}}
.lm-featured-slide{will-change:transform,opacity;backface-visibility:hidden;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1),visibility .8s}
.lm-featured-fill{filter:blur(14px) brightness(.85);transform:translateZ(0)}
.lm-featured-tag,.lm-featured-controls button{backdrop-filter:none!important;background:rgba(0,0,0,0.549)}
.lm-chip,.lm-card,.lm-featured-download,.lm-burger,.lm-themebtn,.lm-search-toggle{transition:transform .25s ease,background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}
img{content-visibility:auto}
.lm-search-backdrop{position:fixed;inset:0;z-index:55;background:rgba(0,0,0,0.349);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s}
.lm-search-backdrop.is-on{opacity:1;visibility:visible}
html.lm-light .lm-search-backdrop{background:rgba(255,255,255,0.349)}
.lm-search-panel{z-index:60;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s}
.lm-search-panel.is-open{transform:none}
.lm-search-panel .lm-tools{max-width:960px;padding:0 16px}
.lm-search-panel .lm-search{max-width:none}
.lm-search-panel .lm-search input[type="search"],.lm-search-panel .lm-search input[type="text"]{height:60px;font-size:19px;padding-left:22px;border-radius:14px;box-shadow:0 14px 40px rgba(0,0,0,0.451)}
.lm-search-panel .lm-search button{font-size:14px;padding:10px 20px}
.lm-search-panel .lm-search-close{width:44px;height:44px;align-self:center;border-radius:50%;pointer-events:auto}
@media (max-width:767px){.lm-search-panel .lm-search input[type="search"],.lm-search-panel .lm-search input[type="text"]{height:50px;font-size:16px}.lm-search-panel .lm-tools{padding:0 10px}}

/* v5.27 — bigger posters; frame ratio = upload size, so nothing is cropped */
.lm-featured-track{aspect-ratio:8/3;min-height:0}
@media (min-width:1800px){.lm-featured-track{aspect-ratio:8/3}}
@media (max-width:767px){.lm-featured-track{aspect-ratio:4/5}}
.lm-featured-image{object-fit:cover}

/* Device-specific poster sizing. All five slides share a stable frame. */
.lm-featured-track{aspect-ratio:8/3;background:var(--featured-shade)}
.lm-featured-image{inset:0;object-fit:contain;content-visibility:visible}
.lm-featured-fill{display:none}
.lm-featured-slide{will-change:auto}
.lm-featured-controls button:focus-visible{outline:3px solid var(--brand-gold);outline-offset:3px}
@media (min-width:768px) and (max-width:1199px){
.lm-featured-content{left:52px;right:52px;bottom:32px;max-width:none}
.lm-featured-content h2,.lm-featured-content h2 a{font-size:26px}
.lm-featured-download{margin-top:10px}
}
@media (min-width:1800px){
.lm-featured{max-width:2400px;padding-inline:24px}
.lm-featured-track{aspect-ratio:8/3}
.lm-featured-controls{inset:0 24px}
}
@media (max-width:767px){
.lm-featured-track{aspect-ratio:16/9}
.lm-featured-content{left:46px;right:46px;bottom:30px;max-width:none}
.lm-featured-content h2,.lm-featured-content h2 a{font-size:18px;line-height:1.2;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:0}
.lm-featured-meta{display:none}
.lm-featured-download{margin-top:8px;padding:6px 10px;font-size:11px;gap:5px;min-height:32px}
.lm-featured-download svg{width:14px;height:14px}
.lm-featured-controls .lm-slider-prev,.lm-featured-controls .lm-slider-next{width:36px;height:44px;font-size:24px;padding-bottom:2px}
.lm-featured-controls .lm-slider-prev{left:4px}
.lm-featured-controls .lm-slider-next{right:4px}
.lm-featured-dots{bottom:2px}
.lm-featured-dots button{height:28px}
}
@media (prefers-reduced-motion:reduce){.lm-featured-slide{transition:none;transform:none}}

@media (max-width:380px) {.lm-chips {grid-template-columns:repeat(4,minmax(0,1fr));}}

/* =====================================================================
   v5.29 — mobile poster text, borderless header buttons, new colours,
   new sidebar, search dropdown fit.  (Loaded last, so it wins.)
   ===================================================================== */

/* ---- 1. Mobile poster: chota, saaf text ---- */
@media (max-width:767px){
 .lm-featured-slide::after{background:linear-gradient(0deg,rgba(0,0,0,0.780),rgba(0,0,0,0.302) 38%,transparent 62%)}
 .lm-featured-content{left:40px;right:40px;bottom:22px}
 .lm-featured-content h2,.lm-featured-content h2 a{font-size:12.5px;line-height:1.25;font-weight:600;letter-spacing:0;text-shadow:0 1px 6px rgba(0,0,0,0.851);-webkit-line-clamp:1;line-clamp:1}
 .lm-featured-content h2{margin:0}
 .lm-featured-download{margin-top:6px;padding:4px 10px;min-height:26px;font-size:10px;line-height:1.2;gap:4px;border-radius:5px}
 .lm-featured-download svg{width:11px;height:11px}
 .lm-featured-controls .lm-slider-prev,.lm-featured-controls .lm-slider-next{width:28px;height:36px;font-size:20px}
 .lm-featured-dots{bottom:0}
 .lm-featured-dots button{width:16px;height:22px;min-width:16px}
 .lm-featured-dots button::after{width:11px;height:4px}
}
@media (max-width:360px){
 .lm-featured-content h2,.lm-featured-content h2 a{font-size:11.5px}
 .lm-featured-download{font-size:9.5px;padding:3px 8px;min-height:24px}
}

/* ---- 2. Header buttons: koi line / box nahi (burger, search, theme) ---- */
.lm-header .lm-burger,.lm-header .lm-search-toggle,.lm-header .lm-themebtn,
html.lm-light .lm-header .lm-themebtn,.lm-search-close,.lm-header .lm-burger:hover,
.lm-header .lm-search-toggle:hover,.lm-header .lm-themebtn:hover{
 border:0 !important;background:transparent !important;box-shadow:none !important;
 -webkit-tap-highlight-color:transparent;
}
.lm-header .lm-burger:focus,.lm-header .lm-search-toggle:focus,.lm-header .lm-themebtn:focus,
.lm-header .lm-burger:focus-visible,.lm-header .lm-search-toggle:focus-visible,.lm-header .lm-themebtn:focus-visible,
.lm-search-close:focus,.lm-search-close:focus-visible{outline:none !important;box-shadow:none !important}
.lm-header .lm-burger:active,.lm-header .lm-search-toggle:active,.lm-header .lm-themebtn:active,.lm-search-close:active{transform:scale(.88)}

/* ---- 3. Naye rang: burger / search / theme ---- */
.lm-header .lm-burger{color:#ff9d3d;font-size:24px;width:38px;height:38px;padding:0;display:inline-grid;place-items:center;transition:transform .2s ease,color .2s ease,filter .2s ease}
.lm-header .lm-search-toggle{color:#22d3ee;transition:transform .2s ease,color .2s ease,filter .2s ease}
.lm-header .lm-search-toggle svg{stroke-width:2.4;filter:drop-shadow(0 0 6px rgba(34,211,238,.55))}
.lm-header .lm-themebtn{transition:transform .2s ease,color .2s ease,filter .2s ease}
.lm-header .lm-themebtn[aria-checked="false"]{color:#b79cff}              /* dark mode: chand (purple) */
.lm-header .lm-themebtn[aria-checked="true"]{color:#ffb020}               /* mint mode: suraj (amber) */
.lm-header .lm-themebtn .lm-themebtn-ico svg{stroke-width:2.2;filter:drop-shadow(0 0 6px currentColor)}
.lm-header .lm-burger:hover,.lm-header .lm-search-toggle:hover,.lm-header .lm-themebtn:hover{filter:brightness(1.2);transform:scale(1.1)}
html.lm-light .lm-header .lm-burger{color:#e8590c}
html.lm-light .lm-header .lm-search-toggle{color:#0e9aa7}
html.lm-light .lm-header .lm-search-toggle svg{filter:none}
html.lm-light .lm-header .lm-themebtn .lm-themebtn-ico svg{filter:none}
html.lm-light .lm-header .lm-themebtn[aria-checked="true"]{color:#d97706}
.lm-search-close{color:var(--muted)}
.lm-search-close:hover{color:#ff5d7a}

/* ---- 4. Naya sidebar (drawer) ---- */
.lm-drawer{
 width:290px;max-width:86vw;border-radius:0 22px 22px 0;border:0;
 background:linear-gradient(175deg,#241b3d 0%,#1a1630 48%,#10202b 100%);
 box-shadow:12px 0 40px rgba(0,0,0,0.549);
}
.lm-overlay{background:rgba(4,4,16,0.549);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.lm-drawer-head{border-bottom:0;padding:18px 18px 10px;position:relative}
.lm-drawer-head::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#ff9d3d88,#22d3ee88,transparent)}
.lm-drawer .lm-close{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:24px;line-height:1;color:#d9d4ee;background:rgba(255,255,255,0.078) !important;transition:background .2s ease,color .2s ease,transform .2s ease}
.lm-drawer .lm-close:hover{background:#ff5d7a33 !important;color:#ff8da1;transform:rotate(90deg)}
.lm-drawer-nav{gap:8px;padding:16px 14px 28px}
.lm-drawer-nav a,.lm-drawer-nav .lm-category-toggle{
 position:relative;display:flex;align-items:center;gap:11px;margin:0;min-height:46px;
 padding:11px 14px 11px 18px;border:0 !important;border-radius:14px;
 background:rgba(255,255,255,0.059) !important;color:#f1eefb !important;
 font-size:14.5px;font-weight:600;letter-spacing:.1px;box-shadow:none;
 transition:background .2s ease,transform .2s ease,color .2s ease;
}
.lm-drawer-nav a::before,.lm-drawer-nav .lm-category-toggle::before{
 content:"";position:absolute;left:0;top:50%;width:4px;height:0;border-radius:0 4px 4px 0;
 background:linear-gradient(180deg,#ff9d3d,#ff4d8d);transform:translateY(-50%);transition:height .2s ease;
}
.lm-drawer-nav a:hover,.lm-drawer-nav .lm-category-toggle:hover{background:rgba(255,255,255,0.129) !important;transform:translateX(3px);color:#fff !important;border:0 !important}
.lm-drawer-nav a:hover::before,.lm-drawer-nav a.is-active::before,.lm-drawer-nav .lm-category-toggle[aria-expanded="true"]::before{height:60%}
.lm-drawer-nav a.is-active{background:linear-gradient(90deg,#ff7a2a40,#ff4d8d26) !important;color:#fff !important}
.lm-drawer-nav .lm-category-toggle{width:100%;margin-top:4px;cursor:pointer;text-align:left}
.lm-drawer-nav .lm-category-toggle > svg:first-child{color:#22d3ee;flex-shrink:0}
.lm-drawer-nav .lm-category-chevron{margin-left:auto;color:#ffb36b}
.lm-drawer-nav a.lm-telegram{background:linear-gradient(90deg,#1e9bf0,#45c3ff) !important;color:#fff !important;border-radius:14px;box-shadow:0 6px 18px #1e9bf040}
.lm-drawer-nav a.lm-telegram::before{display:none}
.lm-sidebar-categories:not([hidden]){gap:6px;padding:8px 0 0 10px;margin-left:10px;border-left:2px solid rgba(245,255,255,0.102)}
.lm-category-list a,.lm-sidebar-categories a{min-height:42px;font-size:13.5px;font-weight:500;background:rgba(255,255,255,0.039) !important}
.lm-drawer::-webkit-scrollbar{width:0}
/* Mint (light) drawer */
html.lm-light .lm-drawer{background:linear-gradient(175deg,#f4fbf8 0%,#e3f3ee 55%,#d5ece8 100%);box-shadow:12px 0 36px rgba(20,80,70,.22)}
html.lm-light .lm-overlay{background:rgba(17,52,49,0.349)}
html.lm-light .lm-drawer-head::after{background:linear-gradient(90deg,transparent,#e8590c66,#0e9aa766,transparent)}
html.lm-light .lm-drawer .lm-close{color:#24524e;background:rgba(20,80,70,.1) !important}
html.lm-light .lm-drawer-nav a,html.lm-light .lm-drawer-nav .lm-category-toggle{background:rgba(255,255,255,.75) !important;color:#17403c !important;box-shadow:0 1px 3px rgba(20,80,70,.1)}
html.lm-light .lm-drawer-nav a:hover,html.lm-light .lm-drawer-nav .lm-category-toggle:hover{background:#fff !important;color:#0b2f2c !important;border:0 !important}
html.lm-light .lm-drawer-nav a.is-active{background:linear-gradient(90deg,#ffd9b8,#ffe9d6) !important;color:#7a2d00 !important}
html.lm-light .lm-drawer-nav .lm-category-toggle > svg:first-child{color:#0e9aa7}
html.lm-light .lm-drawer-nav .lm-category-chevron{color:#e8590c}
html.lm-light .lm-sidebar-categories:not([hidden]){border-left-color:rgba(20,80,70,.18)}
html.lm-light .lm-category-list a,html.lm-light .lm-sidebar-categories a{background:rgba(255,255,255,.55) !important}

/* ---- 5. Search dropdown: neeche tak poora dikhe, scroll ho, foot hamesha nazar aaye ---- */
.lm-live{
 max-height:var(--lm-live-max,calc(100dvh - 190px));
 overscroll-behavior:contain;padding:6px 6px 0;
}
.lm-live-list{padding-bottom:2px}
.lm-live-item{align-items:center}
.lm-live-name{white-space:normal;overflow-wrap:anywhere;word-break:normal;display:block;overflow:visible;-webkit-line-clamp:unset}
.lm-live-thumb{align-self:flex-start}
.lm-live-foot{position:sticky;bottom:0;margin:0 -6px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:#1e2129;z-index:1}
html.lm-light .lm-live-foot{background:#fff}
@media (max-width:767px){
 .lm-search-panel{top:calc(var(--lm-header-h,60px) + 8px)}
 .lm-live{border-radius:14px}
}

/* ---- 6. Search results page: poore cards, kuch kata hua na ho ---- */
.lm-grid{align-items:start}
.lm-card-title{overflow:visible;-webkit-line-clamp:unset;max-height:none}
.lm-wrap{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}

/* v5.30 — clear posters and inexpensive, remote-friendly TV rendering. */
:root {
 --tv-focus: rgba(255,199,58,1.000);
 --tv-scrim: rgba(5,5,5,0.220);
 --tv-caption: rgba(6,6,6,0.722);
 --tv-caption-ink: rgba(248,248,248,1.000);
 --tt-cyan: rgba(22,246,237,1.000);
 --tt-red: rgba(249,50,78,1.000);
}
body {background-attachment:scroll;}
img {content-visibility:visible;}
.lm-featured-slide::after {display:none;}
.lm-featured-content h2 {width:fit-content;max-width:100%;background:var(--tv-caption);padding:5px 8px;border-radius:4px;}
.lm-featured-content h2,.lm-featured-content h2 a {color:var(--tv-caption-ink);}
.lm-search-backdrop {display:none;pointer-events:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--tv-scrim);}
.lm-search-backdrop.is-on {display:block;pointer-events:auto;}
.lm-overlay {top:0;right:0;bottom:0;left:0;backdrop-filter:none;-webkit-backdrop-filter:none;}
.lm-search-panel:not(.is-open) {display:none;}
.lm-brand-hi,html.lm-light .lm-brand-hi,.lm-em-text {background:none;color:var(--brand-gold);-webkit-text-fill-color:currentColor;}
html.lm-light .lm-em-text,html.lm-light .lm-brand-hi {color:var(--em-t1);}
.lm-em-glow {display:none;}
.lm-tt {display:inline-block;width:1.15em;height:1.15em;vertical-align:middle;animation:none!important;}
.lm-tt-img {display:block;width:100%;height:100%;object-fit:contain;}
.lm-tt-img-mint {display:none;}
html.lm-light .lm-tt-img-dark {display:none;}
html.lm-light .lm-tt-img-mint {display:block;}
/* :focus is deliberate: older TV engines do not implement :focus-visible. */
html body a:focus,html body button:focus,html body input:focus {
 outline:3px solid var(--tv-focus)!important;outline-offset:3px;box-shadow:none!important;
}
html.lm-tv {scroll-behavior:auto;}
html.lm-tv body * {animation:none!important;}
html.lm-tv .lm-brand-hi,html.lm-tv .lm-brand-name,html.lm-tv .lm-bm,html.lm-tv .lm-em * {filter:none!important;}
html.lm-tv .lm-card,html.lm-tv .lm-thumb,html.lm-tv .lm-chip,html.lm-tv .lm-header,html.lm-tv .lm-drawer {box-shadow:none!important;transition:none;}
html.lm-tv .lm-card:hover,html.lm-tv .lm-chip:hover,html.lm-tv .lm-thumb img {transform:none!important;}
html.lm-tv .lm-featured-track {display:block;position:relative;height:0;padding-bottom:37.5%;aspect-ratio:auto;}
html.lm-tv .lm-featured-slide {position:absolute;top:0;right:0;bottom:0;left:0;transform:none!important;transition:opacity .22s linear;backface-visibility:visible;}
html.lm-tv .lm-featured picture {display:block;}
html.lm-tv .lm-featured-image {top:0;right:0;bottom:0;left:0;}
html.lm-tv .lm-featured-controls button,html.lm-tv .lm-search-toggle svg,html.lm-tv .lm-themebtn svg {filter:none!important;backdrop-filter:none!important;}
html.lm-tv .lm-header {position:relative;}
@media (max-width:767px) {html.lm-tv .lm-featured-track {padding-bottom:56.25%;}}
@media (prefers-reduced-motion:reduce) {.lm-featured-slide {transition:none!important;}}

}