/* Local-only UI additions for the recovered static archive. */
.archive-overlay-open { overflow: hidden; }
.archive-overlay {
  align-items: center;
  background: rgba(0, 0, 0, .78);
  display: none;
  inset: 0;
  justify-content: center;
  padding: 20px;
  position: fixed;
  z-index: 3000;
}
.archive-overlay.is-open { display: flex; }
.archive-overlay-panel {
  background: #161616;
  border: 1px solid #725026;
  border-radius: 10px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .55);
  color: #f4eee5;
  max-height: min(720px, calc(100vh - 40px));
  max-width: 560px;
  overflow: auto;
  padding: 28px;
  position: relative;
  width: 100%;
}
.archive-overlay-title { color: #f4c987; font-size: 1.35rem; line-height: 1.45; margin: 0 38px 16px 0; }
.archive-overlay-close,
.archive-search-clear {
  background: transparent;
  border: 1px solid #80582f;
  border-radius: 4px;
  color: #f4c987;
  cursor: pointer;
  font: inherit;
  padding: 5px 10px;
}
.archive-overlay-close { position: absolute; right: 18px; top: 18px; }
.archive-overlay-close:hover,
.archive-overlay-close:focus,
.archive-search-clear:hover,
.archive-search-clear:focus { background: #4a2a10; color: #fff; outline: 2px solid #e8c58d; outline-offset: 2px; }
.archive-overlay-content { align-items: flex-start; display: grid; gap: 16px; grid-template-columns: minmax(0, 124px) 1fr; }
.archive-overlay-poster { border-radius: 6px; display: block; height: auto; max-width: 124px; width: 100%; }
.archive-overlay-message { color: #ded3c4; line-height: 1.7; margin: 0; }
.archive-overlay-meta { color: #f4c987; font-size: .9rem; margin: 0; }
.archive-search-results { padding: 18px; scroll-margin-top: 18px; }
.archive-search-heading { align-items: center; display: flex; gap: 16px; justify-content: space-between; margin-bottom: 7px; }
.archive-search-title { color: #f4c987; font-size: 1.1rem; margin: 0; }
.archive-search-summary,
.archive-search-empty { color: #c8b9a7; margin: 0 0 14px; }
.archive-search-grid { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); }
.archive-search-item {
  align-items: center;
  background: #0d0d0d;
  border: 1px solid #3d2b1d;
  border-radius: 6px;
  color: #f4eee5;
  cursor: pointer;
  display: flex;
  gap: 10px;
  min-height: 78px;
  overflow: hidden;
  padding: 0;
  text-align: left;
}
.archive-search-item:hover,
.archive-search-item:focus { border-color: #d89a54; outline: 2px solid #d89a54; outline-offset: 2px; }
.archive-search-item img { height: 78px; object-fit: cover; width: 56px; }
.archive-search-item-copy { display: grid; gap: 3px; padding: 8px 10px 8px 0; }
.archive-search-item strong { color: #f4eee5; font-size: .92rem; font-weight: 500; line-height: 1.3; }
.archive-search-item small { color: #c8a777; }
.archive-footer-note { color: #a59686; font-size: .85rem; line-height: 1.6; margin: 8px auto 0; max-width: 860px; }
@media (max-width: 480px) {
  .archive-overlay { align-items: flex-end; padding: 10px; }
  .archive-overlay-panel { max-height: calc(100vh - 20px); padding: 24px 18px 20px; }
  .archive-overlay-content { grid-template-columns: 84px 1fr; }
  .archive-overlay-poster { max-width: 84px; }
  .archive-search-grid { grid-template-columns: 1fr; }
}

/* Persistent APK download banner. */
body { padding-bottom: clamp(214px, 24vw, 230px); }
.apk-download-float {
  bottom: max(10px, env(safe-area-inset-bottom));
  display: block;
  left: 50%;
  line-height: 0;
  max-width: calc(100vw - 28px);
  position: fixed;
  transform: translateX(-50%);
  transition: transform .18s ease, filter .18s ease;
  width: min(520px, calc(100vw - 28px));
  z-index: 2500;
}
.apk-download-float img {
  display: block;
  filter: drop-shadow(0 8px 14px rgba(0, 0, 0, .42)) drop-shadow(0 0 6px rgba(255, 173, 68, .15));
  height: auto;
  width: 100%;
}
.apk-download-float:hover,
.apk-download-float:focus-visible {
  transform: translateX(-50%) translateY(-1px);
}
.apk-download-float:focus-visible {
  border-radius: 28px;
  outline: 3px solid #ffe08a;
  outline-offset: 3px;
}
.apk-click-download-cta {
  align-items: center;
  background: linear-gradient(135deg, #fff1bd 0%, #ffc85e 54%, #f19a35 100%);
  border: 1px solid rgba(255, 247, 202, .86);
  border-radius: 999px;
  bottom: max(176px, calc(env(safe-area-inset-bottom) + 166px));
  box-shadow: 0 7px 16px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .5);
  color: #651a0e !important;
  display: flex;
  font-family: inherit;
  font-size: .92rem;
  font-weight: 800;
  justify-content: center;
  left: 50%;
  letter-spacing: .01em;
  min-height: 40px;
  opacity: 0;
  padding: 9px 22px;
  pointer-events: none;
  position: fixed;
  text-align: center;
  text-decoration: none !important;
  transform: translateX(-50%) translateY(8px);
  transition: opacity .2s ease, transform .2s ease, box-shadow .2s ease;
  z-index: 2501;
}
.apk-click-download-cta::before { content: "↓"; font-size: 1.1rem; line-height: 1; margin-right: .45rem; }
.apk-click-download-cta.is-visible { opacity: 1; pointer-events: auto; transform: translateX(-50%) translateY(0); }
.apk-click-download-cta:hover,
.apk-click-download-cta:focus-visible { box-shadow: 0 9px 20px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .58); color: #4a1008 !important; }
.apk-click-download-cta:focus-visible { outline: 3px solid #ffe08a; outline-offset: 3px; }
@media (max-width: 480px) {
  body { padding-bottom: 174px; }
  .apk-download-float {
    bottom: max(8px, env(safe-area-inset-bottom));
    max-width: calc(100vw - 20px);
    width: calc(100vw - 20px);
  }
  .apk-click-download-cta {
    bottom: max(121px, calc(env(safe-area-inset-bottom) + 113px));
    font-size: .86rem;
    min-height: 38px;
    padding: 8px 18px;
  }
}

/* NatokTime brand identity. */
.natoktime-brand {
  align-items: center;
  color: #f8efe4 !important;
  display: inline-flex !important;
  gap: .52rem;
  min-width: 0;
  text-decoration: none !important;
}
.natoktime-brand:hover,
.natoktime-brand:focus-visible {
  color: #fff8ee !important;
  text-decoration: none !important;
}
.natoktime-brand img {
  display: block;
  height: 3.55rem;
  object-fit: contain;
  width: 3.55rem;
}
.natoktime-wordmark {
  color: #f8eee2;
  font-family: "Trebuchet MS", "Segoe UI", sans-serif;
  font-size: 2.18rem;
  font-weight: 800;
  letter-spacing: -.075em;
  line-height: 1;
  text-shadow: 0 .12rem .32rem rgba(0, 0, 0, .38);
  white-space: nowrap;
}
.natoktime-wordmark > span { color: #ffc65d; }
.natoktime-brand:focus-visible {
  border-radius: .5rem;
  outline: 2px solid #ffc65d;
  outline-offset: .28rem;
}
.menu-top-mid .natoktime-brand { gap: .34rem; height: 3.25rem; }
.menu-top-mid .natoktime-brand img { height: 2.35rem; width: 2.35rem; }
.menu-top-mid .natoktime-wordmark { font-size: 1.48rem; }
@media (max-width: 380px) {
  .menu-top-mid .natoktime-brand img { height: 2.08rem; width: 2.08rem; }
  .menu-top-mid .natoktime-wordmark { font-size: 1.28rem; }
}


/* NatokTime premium cinematic surface system. */
:root {
  --nt-ink: #080a0e;
  --nt-panel: #11151c;
  --nt-panel-raised: #171c24;
  --nt-line: rgba(255, 218, 143, .14);
  --nt-line-strong: rgba(255, 199, 92, .34);
  --nt-text: #f4f0e9;
  --nt-muted: #aaa8aa;
  --nt-gold: #ffc45c;
  --nt-gold-soft: #ffe1a0;
  --nt-red: #d84d32;
}
html { background: var(--nt-ink); scroll-behavior: smooth; }
body.bodybk {
  background:
    radial-gradient(56rem 32rem at 8% -12%, rgba(151, 52, 27, .20), transparent 66%),
    radial-gradient(48rem 28rem at 94% 18%, rgba(174, 119, 33, .12), transparent 67%),
    linear-gradient(180deg, #0b0d12 0%, #090b0f 31rem, #06070a 100%) !important;
  color: var(--nt-text);
  font-family: "Noto Sans Bengali", "Hind Siliguri", "Segoe UI", system-ui, sans-serif;
}
body.bodybk::selection { background: rgba(255, 193, 83, .42); color: #fff; }
.home-page { background: transparent; }

/* Header and navigation gain a restrained streaming-app hierarchy. */
.site-search-form-pc > .d-flex {
  min-height: 5.2rem;
  border-bottom: 1px solid rgba(255, 218, 143, .12);
}
.search_bar {
  background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(248,238,220,.96));
  border: 1px solid rgba(255, 201, 104, .42);
  border-radius: .85rem;
  box-shadow: 0 .6rem 1.4rem rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.78);
  overflow: hidden;
}
.site-search-input,
.search_bar .form-control {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #251810 !important;
  font-weight: 600;
}
.site-search-input::placeholder { color: #7b6559 !important; opacity: 1; }
.site-search-submit,
.search_bar .btn-danger {
  background: linear-gradient(135deg, #d34b32, #a92e23) !important;
  border: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 .2rem .5rem rgba(105,18,13,.3);
  color: #fff8ed !important;
  min-width: 2.75rem;
}
.menu_top_div {
  background: linear-gradient(90deg, rgba(11,12,16,.96), rgba(24,14,14,.92), rgba(11,12,16,.96)) !important;
  border-bottom: 1px solid rgba(255, 203, 116, .18);
  box-shadow: 0 .45rem 1.15rem rgba(0,0,0,.24);
}
.home-hero-menu { position: relative; z-index: 8; }
.menu_top_md {
  background: linear-gradient(180deg, rgba(22,25,32,.92), rgba(12,14,19,.92));
  border: 1px solid var(--nt-line);
  border-radius: 1rem;
  box-shadow: 0 .8rem 1.75rem rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035);
}
.top-menu-item { border-radius: .75rem; color: var(--nt-gold-soft) !important; transition: background .2s ease, transform .2s ease; }
.top-menu-item h6 { color: #d9c8ae !important; font-size: .76rem; font-weight: 600; letter-spacing: .01em; }
.top-menu-item i { color: var(--nt-gold) !important; filter: drop-shadow(0 .15rem .4rem rgba(255, 173, 58, .22)); }
.top-menu-item:hover { background: rgba(255, 194, 84, .10); transform: translateY(-1px); }

/* Hero: film-like depth while preserving the existing carousel composition. */
.home-hero {
  background: #11161e;
  border-bottom: 1px solid rgba(255, 215, 139, .15);
  box-shadow: inset 0 -3rem 4.5rem rgba(0,0,0,.38), 0 1.1rem 2.4rem rgba(0,0,0,.23);
}
.home-hero-copy { max-width: 44rem; }
.home-hero-copy h1 {
  color: #fff8ea;
  font-weight: 800;
  letter-spacing: -.025em;
  line-height: 1.12;
  text-shadow: 0 .28rem .85rem rgba(0,0,0,.68);
}
.home-hero-copy h1 a { color: inherit !important; text-decoration: none; }
.home-hero-copy p { color: rgba(248, 238, 222, .80); font-size: 1.02rem; line-height: 1.76; max-width: 38rem; }
.home-hero-meta span { color: var(--nt-gold-soft) !important; font-weight: 700; letter-spacing: .02em; }
.home-hero-play {
  background: linear-gradient(135deg, #ffe199 0%, #ffc253 50%, #f3a63e 100%);
  border: 1px solid rgba(255,250,210,.72);
  box-shadow: 0 .7rem 1.45rem rgba(0,0,0,.40), inset 0 1px 0 rgba(255,255,255,.68);
  color: #31180b !important;
  font-weight: 800;
  transition: transform .2s ease, box-shadow .2s ease;
}
.home-hero-play:hover { box-shadow: 0 .9rem 1.7rem rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.72); transform: translateY(-2px); }
.home-hero-thumbs li {
  border: 1px solid rgba(255, 231, 180, .22);
  box-shadow: 0 .35rem .85rem rgba(0,0,0,.28);
  opacity: .68;
  transition: opacity .2s ease, transform .2s ease, border-color .2s ease;
}
.home-hero-thumbs li.active { border-color: var(--nt-gold); box-shadow: 0 .4rem 1rem rgba(0,0,0,.36), 0 0 0 1px rgba(255,195,79,.18); opacity: 1; transform: translateY(-2px); }

/* Content rails and episode cards resemble a finished streaming catalogue. */
.home-content { position: relative; z-index: 2; }
.home-content > .card,
.home-content .card.bg-black {
  background: linear-gradient(150deg, rgba(24,28,36,.95), rgba(12,14,19,.97)) !important;
  border: 1px solid var(--nt-line) !important;
  border-radius: 1.05rem;
  box-shadow: 0 1rem 2.5rem rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03);
  overflow: hidden;
}
.home-content > .card.mt-3 { margin-top: 1.45rem !important; }
.def_title_bar {
  align-items: center;
  background: linear-gradient(100deg, rgba(159,51,31,.96), rgba(89,28,22,.92) 54%, rgba(41,30,28,.88)) !important;
  border: 1px solid rgba(255, 207, 132, .23);
  border-radius: .75rem;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 .35rem .85rem rgba(0,0,0,.20);
  display: flex;
  justify-content: space-between;
  min-height: 3rem;
}
.def_title_bar h6 {
  color: #fff8ee !important;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: .01em;
}
.def_title_bar h6::before { color: var(--nt-gold); content: "◆"; font-size: .62rem; margin-right: .55rem; vertical-align: .08rem; }
.badge_more {
  background: rgba(255, 237, 194, .12) !important;
  border: 1px solid rgba(255, 226, 163, .33);
  border-radius: 999px;
  color: #ffe3a7 !important;
  font-size: .74rem;
  font-weight: 700;
  padding: .35rem .7rem;
  text-decoration: none !important;
}
.home-content .col-4 { padding: .62rem !important; }
.home-content .col-4 > .mb-1 { margin-bottom: 0 !important; }
.picsize {
  background: #11151b;
  border: 1px solid rgba(255, 229, 178, .11);
  border-radius: .82rem;
  box-shadow: 0 .6rem 1.25rem rgba(0,0,0,.30);
  overflow: hidden;
  position: relative;
}
.picsize > a { display: block; overflow: hidden; }
.movie-cover-lazy {
  aspect-ratio: 113 / 150;
  background: #191b20;
  display: block;
  object-fit: cover;
  transition: filter .24s ease, transform .32s ease;
  width: 100%;
}
.picsize::after {
  background: linear-gradient(180deg, transparent 55%, rgba(0,0,0,.62) 100%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}
.picsize:hover .movie-cover-lazy { filter: saturate(1.05) contrast(1.03); transform: scale(1.035); }
.picsize eps {
  background: rgba(12,13,16,.83) !important;
  border: 1px solid rgba(255, 227, 165, .30);
  border-radius: 999px;
  bottom: .42rem !important;
  box-shadow: 0 .2rem .5rem rgba(0,0,0,.25);
  color: #fff5e7 !important;
  font-size: .69rem;
  font-weight: 700;
  padding: .18rem .42rem;
  right: .42rem !important;
  z-index: 2;
}
.picsize .isnew { z-index: 2; }
.home-content a.text-blue {
  color: #eee5d8 !important;
  display: block;
  padding: .52rem .14rem .12rem;
  text-decoration: none !important;
}
.home-content a.text-blue h6 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: inherit;
  display: -webkit-box;
  font-size: .82rem;
  font-weight: 650;
  line-height: 1.42;
  margin: 0;
  min-height: 2.84em;
  overflow: hidden;
}
.home-content a.text-blue:hover { color: var(--nt-gold-soft) !important; }

/* Lower catalogue sections, tags, and footer use the same calm material system. */
.home-content .card h5,
.home-content .card h6 { letter-spacing: .005em; }
.home-content .card:not(:first-child) .def_title_bar { background: linear-gradient(100deg, rgba(45,48,57,.96), rgba(24,27,34,.94)) !important; }
.home-content .card:not(:first-child) .def_title_bar h6::before { color: #e9aa57; }
.tag-select-card,
.home-hot-card { border-color: rgba(255, 218, 143, .14) !important; }
.footer {
  border-top: 1px solid rgba(255, 218, 143, .10);
  margin-top: 2.1rem;
  padding: 1.4rem 0 1.6rem;
}
.archive-footer-note { color: #89888d; }

/* Small-screen refinements retain the existing layout while increasing touch readability. */
@media (max-width: 767px) {
  .home-hero { min-height: 31rem; }
  .home-hero-copy p { font-size: .9rem; line-height: 1.62; }
  .menu_top_md { border-radius: .78rem; }
  .top-menu-item h6 { font-size: .64rem; }
  .home-content > .card.mt-3 { margin-top: 1rem !important; }
  .home-content .col-4 { padding: .38rem !important; }
  .picsize { border-radius: .66rem; }
  .home-content a.text-blue { padding-top: .42rem; }
  .home-content a.text-blue h6 { font-size: .72rem; line-height: 1.34; min-height: 2.68em; }
  .def_title_bar { min-height: 2.72rem; }
  .def_title_bar h6 { font-size: .88rem; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Reliable CSS-only download icon for hero CTAs; no external icon font or image is required. */
.home-hero-play .apk-download-icon {
  align-items: center !important;
  border: 0 !important;
  color: #4a2108;
  display: inline-flex !important;
  filter: drop-shadow(0 1px 1px rgba(255, 255, 255, .34));
  font-size: 1.38rem !important;
  height: 1.1rem !important;
  justify-content: center;
  left: auto !important;
  line-height: 1 !important;
  margin: 0 !important;
  position: relative !important;
  top: auto !important;
  transform: none !important;
  width: 1.1rem !important;
}
.home-hero-play .apk-download-icon::before { content: "↓"; }
@media (max-width: 767px) {
  .home-hero-play .apk-download-icon {
    color: #ffd47b;
    font-size: 1.72rem !important;
    height: 1.35rem !important;
    width: 1.35rem !important;
  }
}

/* Keep the persistent download banner fully visible on compact mobile viewports. */
.apk-download-float,
.apk-download-float img {
  max-height: calc(100svh - 16px);
}
.apk-download-float img { object-fit: contain; }
@media (max-height: 420px) {
  body { padding-bottom: 116px; }
  .apk-download-float {
    bottom: max(4px, env(safe-area-inset-bottom));
    max-width: calc(100vw - 16px);
    width: min(300px, calc(100vw - 16px));
  }
}

/* Five paired drama groups: retain the existing card scale while showing two cards per group. */
.featured-pair-list {
  margin-left: auto;
  margin-right: auto;
  max-width: 27.5rem;
}
.home-content .featured-pair-card { padding: .62rem !important; }
@media (max-width: 767px) {
  .featured-pair-list { max-width: none; }
  .home-content .featured-pair-card { padding: .38rem !important; }
}

/* Mobile hero: make the active carousel artwork the full visual surface. */
@media (max-width: 767px) {
  .home-hero { --nt-mobile-hero-height: clamp(29rem, 150vw, 34rem); }
  .home-hero,
  .home-hero-carousel,
  .home-hero-carousel .carousel-inner,
  .home-hero-slide {
    height: var(--nt-mobile-hero-height) !important;
    min-height: var(--nt-mobile-hero-height) !important;
  }
  .home-hero-slide { isolation: isolate; }
  .home-hero-bg {
    inset: 0 !important;
    background-position: center center !important;
    background-size: cover !important;
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
  .home-hero-bg::after {
    background: linear-gradient(180deg, rgba(2,4,8,.04) 0%, rgba(2,4,8,.08) 35%, rgba(3,5,10,.38) 69%, rgba(0,0,0,.92) 100%) !important;
  }
  .home-hero-shade {
    background: linear-gradient(180deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.03) 42%, rgba(3,5,10,.28) 68%, rgba(0,0,0,.76) 100%) !important;
  }
  .home-hero-inner {
    display: block !important;
    height: var(--nt-mobile-hero-height) !important;
    min-height: var(--nt-mobile-hero-height) !important;
    padding: 0 1.1rem 7.5rem !important;
  }
  .home-hero-poster { display: none !important; }
  .home-hero-copy {
    bottom: 7.9rem !important;
    left: 1rem !important;
    right: 1rem !important;
    top: auto !important;
  }
  .home-hero-copy h1 {
    font-size: clamp(1.58rem, 7.6vw, 2.15rem) !important;
    margin: 1rem 0 0 !important;
  }
  .home-hero-play {
    align-self: center !important;
    bottom: auto !important;
    left: auto !important;
    margin: 0 !important;
    position: relative !important;
  }
}

/* Compact mobile carousel card: calm framing without the old icon rail. */
@media (max-width: 767px) {
  .home-hero {
    --nt-mobile-hero-height: clamp(26rem, 136vw, 29rem);
    border: 1px solid rgba(255, 218, 143, .18);
    border-radius: 1.05rem;
    box-shadow: 0 .95rem 2.2rem rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
    margin: .65rem .65rem 1rem;
  }
  .home-hero-inner { padding-bottom: 3.6rem !important; }
  .home-hero-copy { bottom: 4rem !important; }
}

/* Clean page baseline after removing the persistent bottom image banner. */
body { padding-bottom: 0 !important; }
.apk-download-float { display: none !important; }
.apk-click-download-cta {
  bottom: max(1rem, calc(env(safe-area-inset-bottom) + .5rem)) !important;
}
.movie-cover-lazy,
.home-hot-rank-img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  image-rendering: auto;
}
.picsize::after {
  background: linear-gradient(180deg, transparent 68%, rgba(0,0,0,.38) 100%);
}
@media (min-width: 768px) {
  .featured-pair-list { max-width: 18rem; }
}

/* Official mobile hero proportions: compact, calm, and comfortably touch-safe. */
@media (max-width: 767px) {
  .home-hero {
    --nt-mobile-hero-height: clamp(23rem, 120vw, 26rem);
    border-color: rgba(255, 225, 170, .20);
    border-radius: 1rem;
    box-shadow: 0 .78rem 1.85rem rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.075);
    margin: .75rem .75rem 1.15rem;
  }
  .home-hero-inner { padding: 0 1rem 3.25rem !important; }
  .home-hero-copy {
    bottom: 3.45rem !important;
    left: .9rem !important;
    right: .9rem !important;
  }
  .home-hero-copy h1 {
    font-size: clamp(1.45rem, 7.4vw, 1.95rem) !important;
    line-height: 1.14 !important;
  }
  .home-hero-play {
    height: 3.75rem !important;
    min-width: 3.75rem !important;
    width: 3.75rem !important;
  }
}

/* Shared mobile treatment for every catalogue section and routed page. */
@media (max-width: 767px) {
  .home-content {
    padding-left: .75rem !important;
    padding-right: .75rem !important;
  }
  .home-content > .card,
  .home-content .card.bg-black {
    border-color: rgba(255, 225, 170, .13) !important;
    border-radius: 1rem !important;
    box-shadow: 0 .55rem 1.3rem rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.035);
    overflow: hidden;
  }
  .home-content > .card.mt-3 { margin-top: .95rem !important; }
  .home-content .def_title_bar {
    border-radius: .7rem !important;
    min-height: 2.5rem;
    padding: .18rem .55rem;
  }
  .home-content .def_title_bar h6 {
    font-size: .88rem;
    line-height: 1.25;
    padding-right: .35rem !important;
  }
  .home-content .badge_more {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    min-height: 2rem;
    padding-left: .58rem;
    padding-right: .58rem;
  }
  .home-content img { max-width: 100%; }
  .tag-select-card .tag-select-board-mobile {
    isolation: isolate;
    overflow: hidden;
    padding: .12rem 0 .4rem;
  }
  .tag-select-card .tag-select-row {
    margin: .12rem 0;
    overflow: hidden;
  }
  .tag-select-card .tag-select-track {
    will-change: transform;
    width: max-content;
  }
  .home-hot-rank-track,
  .home-cat-movies {
    overscroll-behavior-x: contain;
    scroll-padding-inline: .35rem;
    touch-action: pan-x;
  }
}