@charset "UTF-8";
:root {
  /* ==================================================
      BRAND COLORS
   ================================================== */
  --movie-engine-primary-color: #E50914;
  --movie-engine-primary-hover-color: #b2070f;
  --movie-engine-primary-rgb: 229, 9, 20;
  --movie-engine-yellow-color: #ffcc00;
  --movie-engine-yellow-rgb: 255, 204, 0;
  --movie-engine-success-color: #22c55e;
  --movie-engine-success-rgb: 34, 197, 94;
  --movie-engine-danger-color: #ef4444;
  --movie-engine-danger-rgb: 239, 68, 68;
  --movie-engine-warning-color: #f59e0b;
  --movie-engine-warning-rgb: 245, 158, 11;
  --movie-engine-info-color: #38bdf8;
  --movie-engine-info-rgb: 56, 191, 248;
  --movie-engine-muted-color: #9ca3af;
  --movie-engine-muted-rgb: 156, 163, 175;
  --movie-engine-body-color: #d0d0cf;
  /* ==================================================
      NEUTRAL COLORS (Dark UI friendly)
   ================================================== */
  --movie-engine-white-color: #ffffff;
  --movie-engine-white-color-rgb: 255, 255, 255;
  --movie-engine-black-color: #1a1b1f;
  --movie-engine-black-rgb: 26, 27, 31;
  --movie-engine-bg-color: #141414;
  --movie-engine-bg-rgb: 20, 20, 20;
  --movie-engine-black-light-color: #222222;
  --movie-engine-surface-color: #1c1c1c;
  --movie-engine-border-color: #23252c;
  /* ==================================================
      TYPOGRAPHY
   ================================================== */
  --movie-engine-heading-font: 'Sora', sans-serif;
  --movie-engine-body-font: 'Inter', sans-serif;
  --movie-engine-font-size-xs: 0.75rem;
  /* 12px */
  --movie-engine-font-size-sm: 0.875rem;
  /* 14px */
  --movie-engine-font-size-base: 1rem;
  /* 16px */
  --movie-engine-font-size-lg: 1.125rem;
  /* 18px */
  --movie-engine-font-size-xl: 1.25rem;
  /* 20px */
  --movie-engine-font-size-2xl: 1.5rem;
  /* 24px */
  --movie-engine-font-size-3xl: 1.875rem;
  /* 30px */
  --movie-engine-font-size-4xl: 2.25rem;
  /* 36px */
  --movie-engine-font-size-5xl: 3rem;
  /* 48px */
  --movie-engine-font-size-6xl: 4rem;
  /* 64px */
  --movie-engine-line-height-xs: 1.1;
  --movie-engine-line-height-sm: 1.25;
  --movie-engine-line-height-base: 1.5;
  --movie-engine-line-height-lg: 1.75;
  --movie-engine-line-height-xl: 2;
  --movie-engine-font-weight-light: 300;
  --movie-engine-font-weight-normal: 400;
  --movie-engine-font-weight-medium: 500;
  --movie-engine-font-weight-semibold: 600;
  --movie-engine-font-weight-bold: 700;
  /* ==================================================
      LAYOUT & GRID (Bootstrap-like)
   ================================================== */
  --movie-engine-container-width: 1290px;
  --movie-engine-container-fluid-width: 100%;
  --movie-engine-gutter-x: 24px;
  --movie-engine-gutter-y: 24px;
  /* ==================================================
      SPACING SCALE (Responsive Adaptive)
   ================================================== */
  --movie-engine-spacer-0: 0;
  --movie-engine-spacer-1: 0.25rem;
  /* 4px */
  --movie-engine-spacer-2: 0.5rem;
  /* 8px */
  --movie-engine-spacer-3: 0.625rem;
  /* 10px */
  --movie-engine-spacer-4: 0.75rem;
  /* 12px */
  --movie-engine-spacer-5: 1rem;
  /* 16px */
  --movie-engine-spacer-6: 1.25rem;
  /* 20px */
  --movie-engine-spacer-7: 1.5rem;
  /* 24px */
  --movie-engine-spacer-8: 2rem;
  /* 32px */
  --movie-engine-spacer-9: 2.5rem;
  /* 40px */
  --movie-engine-spacer-10: 3rem;
  /* 48px */
}
@media (min-width: 768px) {
  :root {
    --movie-engine-spacer-3: 1rem;
    /* 16px */
    --movie-engine-spacer-4: 1.5rem;
    /* 24px */
    --movie-engine-spacer-5: 2.5rem;
    /* 40px */
    --movie-engine-spacer-6: 3rem;
    /* 48px */
    --movie-engine-spacer-7: 4rem;
    /* 64px */
    --movie-engine-spacer-8: 5rem;
    /* 80px */
    --movie-engine-spacer-9: 6rem;
    /* 96px */
    --movie-engine-spacer-10: 7rem;
    /* 112px */
  }
}
@media (min-width: 1200px) {
  :root {
    --movie-engine-spacer-5: 3rem;
    /* 48px */
    --movie-engine-spacer-6: 4rem;
    /* 64px */
    --movie-engine-spacer-7: 5rem;
    /* 80px */
    --movie-engine-spacer-8: 6rem;
    /* 96px */
    --movie-engine-spacer-9: 7rem;
    /* 112px */
    --movie-engine-spacer-10: 8rem;
    /* 128px */
  }
}
:root {
  /* ==================================================
      BORDERS & RADIUS
   ================================================== */
  --movie-engine-border-width: 1px;
  --movie-engine-border-radius-sm: 4px;
  --movie-engine-border-radius: 8px;
  --movie-engine-border-radius-lg: 16px;
  --movie-engine-border-radius-pill: 999px;
  /* ==================================================
      SHADOWS
   ================================================== */
  --movie-engine-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2);
  --movie-engine-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
  --movie-engine-shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.6);
  /* ==================================================
      BUTTONS
   ================================================== */
  --movie-engine-btn-padding-y: 0.5rem;
  --movie-engine-btn-padding-x: 1rem;
  --movie-engine-btn-font-size: 0.875rem;
  --movie-engine-btn-font-weight: 600;
  /* ==================================================
      FORMS
   ================================================== */
  --movie-engine-input-bg: #1f1f1f;
  --movie-engine-input-color: #ffffff;
  --movie-engine-input-border-color: #333333;
  --movie-engine-input-focus-border-color: var(--movie-engine-primary-color);
  --movie-engine-input-padding-y: 0.5rem;
  --movie-engine-input-padding-x: 0.75rem;
  /* ==================================================
      Z-INDEX SCALE
   ================================================== */
  --movie-engine-z-dropdown: 1000;
  --movie-engine-z-sticky: 1020;
  --movie-engine-z-fixed: 1030;
  --movie-engine-z-modal-backdrop: 1040;
  --movie-engine-z-modal: 1050;
  --movie-engine-z-tooltip: 1070;
  /* ==================================================
      TRANSITIONS
   ================================================== */
  --movie-engine-transition-fast: 0.15s ease-in-out;
  --movie-engine-transition-base: 0.3s ease-in-out;
  --movie-engine-transition-slow: 0.5s ease-in-out;
}

body.movie-engine-plugin {
  font-family: var(--movie-engine-body-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overscroll-behavior-y: auto !important;
}

.movie-engine-plugin {
  background-color: var(--movie-engine-bg-color);
  color: var(--movie-engine-body-color);
  font-family: var(--movie-engine-body-font);
}
.movie-engine-plugin h1,
.movie-engine-plugin h2,
.movie-engine-plugin h3,
.movie-engine-plugin h4,
.movie-engine-plugin h5,
.movie-engine-plugin h6,
.movie-engine-plugin .me-heading {
  font-family: var(--movie-engine-heading-font);
  font-weight: var(--movie-engine-font-weight-bold);
  line-height: var(--movie-engine-line-height-xs);
  margin-top: 0;
  color: var(--movie-engine-white-color);
}
.movie-engine-plugin h1 {
  font-size: var(--movie-engine-font-size-6xl);
  margin-bottom: var(--movie-engine-spacer-4);
}
@media (max-width: 768px) {
  .movie-engine-plugin h1 {
    font-size: var(--movie-engine-font-size-5xl);
  }
}
@media (max-width: 480px) {
  .movie-engine-plugin h1 {
    font-size: var(--movie-engine-font-size-4xl);
  }
}
.movie-engine-plugin h2 {
  font-size: var(--movie-engine-font-size-5xl);
  margin-bottom: var(--movie-engine-spacer-3);
}
@media (max-width: 768px) {
  .movie-engine-plugin h2 {
    font-size: var(--movie-engine-font-size-4xl);
  }
}
@media (max-width: 480px) {
  .movie-engine-plugin h2 {
    font-size: var(--movie-engine-font-size-3xl);
  }
}
.movie-engine-plugin h3 {
  font-size: var(--movie-engine-font-size-4xl);
  margin-bottom: var(--movie-engine-spacer-3);
}
@media (max-width: 768px) {
  .movie-engine-plugin h3 {
    font-size: var(--movie-engine-font-size-3xl);
  }
}
.movie-engine-plugin h4 {
  font-size: var(--movie-engine-font-size-3xl);
  margin-bottom: var(--movie-engine-spacer-2);
}
@media (max-width: 768px) {
  .movie-engine-plugin h4 {
    font-size: var(--movie-engine-font-size-2xl);
  }
}
.movie-engine-plugin h5 {
  font-size: var(--movie-engine-font-size-2xl);
  margin-bottom: var(--movie-engine-spacer-2);
}
@media (max-width: 768px) {
  .movie-engine-plugin h5 {
    font-size: var(--movie-engine-font-size-xl);
  }
}
.movie-engine-plugin h6 {
  font-size: var(--movie-engine-font-size-xl);
  margin-bottom: var(--movie-engine-spacer-2);
}
@media (max-width: 768px) {
  .movie-engine-plugin h6 {
    font-size: var(--movie-engine-font-size-lg);
  }
}

.me-text-image {
  background: url(../../images/text-image.jpg);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  color: transparent;
}

.me-three-lines {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.me-three-lines p {
  margin-bottom: 0;
}

.movie-engine-container {
  width: 100%;
  max-width: var(--movie-engine-container-width);
  margin-right: auto;
  margin-left: auto;
  padding-right: calc(var(--movie-engine-gutter-x) * 0.5);
  padding-left: calc(var(--movie-engine-gutter-x) * 0.5);
}
@media (max-width: 768px) {
  .movie-engine-container {
    padding-right: 20px;
    padding-left: 20px;
  }
}

.movie-engine-container-fluid {
  width: 100%;
  max-width: var(--movie-engine-container-fluid-width);
  margin-right: auto;
  margin-left: auto;
  padding-right: calc(var(--movie-engine-gutter-x) * 0.5);
  padding-left: calc(var(--movie-engine-gutter-x) * 0.5);
}

.me-d-none {
  display: none !important;
}

.me-d-block {
  display: block !important;
}

.me-d-flex {
  display: flex !important;
}

.me-d-inline-flex {
  display: inline-flex !important;
}

.me-flex-wrap {
  flex-wrap: wrap !important;
}

.me-flex-nowrap {
  flex-wrap: nowrap !important;
}

.me-justify-start {
  justify-content: flex-start !important;
}

.me-justify-end {
  justify-content: flex-end !important;
}

.me-justify-center {
  justify-content: center !important;
}

.me-justify-between {
  justify-content: space-between !important;
}

.me-justify-around {
  justify-content: space-around !important;
}

.me-align-start {
  align-items: flex-start !important;
}

.me-align-end {
  align-items: flex-end !important;
}

.me-align-center {
  align-items: center !important;
}

.me-align-baseline {
  align-items: baseline !important;
}

.me-align-stretch {
  align-items: stretch !important;
}

@media (min-width: 576px) {
  .me-d-sm-none {
    display: none !important;
  }
  .me-d-sm-block {
    display: block !important;
  }
  .me-d-sm-flex {
    display: flex !important;
  }
  .me-d-sm-inline-flex {
    display: inline-flex !important;
  }
  .me-flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .me-flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .me-justify-sm-start {
    justify-content: flex-start !important;
  }
  .me-justify-sm-end {
    justify-content: flex-end !important;
  }
  .me-justify-sm-center {
    justify-content: center !important;
  }
  .me-justify-sm-between {
    justify-content: space-between !important;
  }
  .me-justify-sm-around {
    justify-content: space-around !important;
  }
  .me-align-sm-start {
    align-items: flex-start !important;
  }
  .me-align-sm-end {
    align-items: flex-end !important;
  }
  .me-align-sm-center {
    align-items: center !important;
  }
  .me-align-sm-baseline {
    align-items: baseline !important;
  }
  .me-align-sm-stretch {
    align-items: stretch !important;
  }
}
@media (min-width: 768px) {
  .me-d-md-none {
    display: none !important;
  }
  .me-d-md-block {
    display: block !important;
  }
  .me-d-md-flex {
    display: flex !important;
  }
  .me-d-md-inline-flex {
    display: inline-flex !important;
  }
  .me-flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .me-flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .me-justify-md-start {
    justify-content: flex-start !important;
  }
  .me-justify-md-end {
    justify-content: flex-end !important;
  }
  .me-justify-md-center {
    justify-content: center !important;
  }
  .me-justify-md-between {
    justify-content: space-between !important;
  }
  .me-justify-md-around {
    justify-content: space-around !important;
  }
  .me-align-md-start {
    align-items: flex-start !important;
  }
  .me-align-md-end {
    align-items: flex-end !important;
  }
  .me-align-md-center {
    align-items: center !important;
  }
  .me-align-md-baseline {
    align-items: baseline !important;
  }
  .me-align-md-stretch {
    align-items: stretch !important;
  }
}
@media (min-width: 992px) {
  .me-d-lg-none {
    display: none !important;
  }
  .me-d-lg-block {
    display: block !important;
  }
  .me-d-lg-flex {
    display: flex !important;
  }
  .me-d-lg-inline-flex {
    display: inline-flex !important;
  }
  .me-flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .me-flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .me-justify-lg-start {
    justify-content: flex-start !important;
  }
  .me-justify-lg-end {
    justify-content: flex-end !important;
  }
  .me-justify-lg-center {
    justify-content: center !important;
  }
  .me-justify-lg-between {
    justify-content: space-between !important;
  }
  .me-justify-lg-around {
    justify-content: space-around !important;
  }
  .me-align-lg-start {
    align-items: flex-start !important;
  }
  .me-align-lg-end {
    align-items: flex-end !important;
  }
  .me-align-lg-center {
    align-items: center !important;
  }
  .me-align-lg-baseline {
    align-items: baseline !important;
  }
  .me-align-lg-stretch {
    align-items: stretch !important;
  }
}
@media (min-width: 1200px) {
  .me-d-xl-none {
    display: none !important;
  }
  .me-d-xl-block {
    display: block !important;
  }
  .me-d-xl-flex {
    display: flex !important;
  }
  .me-d-xl-inline-flex {
    display: inline-flex !important;
  }
  .me-flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .me-flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .me-justify-xl-start {
    justify-content: flex-start !important;
  }
  .me-justify-xl-end {
    justify-content: flex-end !important;
  }
  .me-justify-xl-center {
    justify-content: center !important;
  }
  .me-justify-xl-between {
    justify-content: space-between !important;
  }
  .me-justify-xl-around {
    justify-content: space-around !important;
  }
  .me-align-xl-start {
    align-items: flex-start !important;
  }
  .me-align-xl-end {
    align-items: flex-end !important;
  }
  .me-align-xl-center {
    align-items: center !important;
  }
  .me-align-xl-baseline {
    align-items: baseline !important;
  }
  .me-align-xl-stretch {
    align-items: stretch !important;
  }
}
.me-m-0 {
  margin: var(--movie-engine-spacer-0) !important;
}

.me-mt-0 {
  margin-top: var(--movie-engine-spacer-0) !important;
}

.me-mb-0 {
  margin-bottom: var(--movie-engine-spacer-0) !important;
}

.me-ml-0 {
  margin-left: var(--movie-engine-spacer-0) !important;
}

.me-mr-0 {
  margin-right: var(--movie-engine-spacer-0) !important;
}

.me-mx-0 {
  margin-left: var(--movie-engine-spacer-0) !important;
  margin-right: var(--movie-engine-spacer-0) !important;
}

.me-my-0 {
  margin-top: var(--movie-engine-spacer-0) !important;
  margin-bottom: var(--movie-engine-spacer-0) !important;
}

.me-p-0 {
  padding: var(--movie-engine-spacer-0) !important;
}

.me-pt-0 {
  padding-top: var(--movie-engine-spacer-0) !important;
}

.me-pb-0 {
  padding-bottom: var(--movie-engine-spacer-0) !important;
}

.me-pl-0 {
  padding-left: var(--movie-engine-spacer-0) !important;
}

.me-pr-0 {
  padding-right: var(--movie-engine-spacer-0) !important;
}

.me-px-0 {
  padding-left: var(--movie-engine-spacer-0) !important;
  padding-right: var(--movie-engine-spacer-0) !important;
}

.me-py-0 {
  padding-top: var(--movie-engine-spacer-0) !important;
  padding-bottom: var(--movie-engine-spacer-0) !important;
}

.me-m-1 {
  margin: var(--movie-engine-spacer-1) !important;
}

.me-mt-1 {
  margin-top: var(--movie-engine-spacer-1) !important;
}

.me-mb-1 {
  margin-bottom: var(--movie-engine-spacer-1) !important;
}

.me-ml-1 {
  margin-left: var(--movie-engine-spacer-1) !important;
}

.me-mr-1 {
  margin-right: var(--movie-engine-spacer-1) !important;
}

.me-mx-1 {
  margin-left: var(--movie-engine-spacer-1) !important;
  margin-right: var(--movie-engine-spacer-1) !important;
}

.me-my-1 {
  margin-top: var(--movie-engine-spacer-1) !important;
  margin-bottom: var(--movie-engine-spacer-1) !important;
}

.me-p-1 {
  padding: var(--movie-engine-spacer-1) !important;
}

.me-pt-1 {
  padding-top: var(--movie-engine-spacer-1) !important;
}

.me-pb-1 {
  padding-bottom: var(--movie-engine-spacer-1) !important;
}

.me-pl-1 {
  padding-left: var(--movie-engine-spacer-1) !important;
}

.me-pr-1 {
  padding-right: var(--movie-engine-spacer-1) !important;
}

.me-px-1 {
  padding-left: var(--movie-engine-spacer-1) !important;
  padding-right: var(--movie-engine-spacer-1) !important;
}

.me-py-1 {
  padding-top: var(--movie-engine-spacer-1) !important;
  padding-bottom: var(--movie-engine-spacer-1) !important;
}

.me-m-2 {
  margin: var(--movie-engine-spacer-2) !important;
}

.me-mt-2 {
  margin-top: var(--movie-engine-spacer-2) !important;
}

.me-mb-2 {
  margin-bottom: var(--movie-engine-spacer-2) !important;
}

.me-ml-2 {
  margin-left: var(--movie-engine-spacer-2) !important;
}

.me-mr-2 {
  margin-right: var(--movie-engine-spacer-2) !important;
}

.me-mx-2 {
  margin-left: var(--movie-engine-spacer-2) !important;
  margin-right: var(--movie-engine-spacer-2) !important;
}

.me-my-2 {
  margin-top: var(--movie-engine-spacer-2) !important;
  margin-bottom: var(--movie-engine-spacer-2) !important;
}

.me-p-2 {
  padding: var(--movie-engine-spacer-2) !important;
}

.me-pt-2 {
  padding-top: var(--movie-engine-spacer-2) !important;
}

.me-pb-2 {
  padding-bottom: var(--movie-engine-spacer-2) !important;
}

.me-pl-2 {
  padding-left: var(--movie-engine-spacer-2) !important;
}

.me-pr-2 {
  padding-right: var(--movie-engine-spacer-2) !important;
}

.me-px-2 {
  padding-left: var(--movie-engine-spacer-2) !important;
  padding-right: var(--movie-engine-spacer-2) !important;
}

.me-py-2 {
  padding-top: var(--movie-engine-spacer-2) !important;
  padding-bottom: var(--movie-engine-spacer-2) !important;
}

.me-m-3 {
  margin: var(--movie-engine-spacer-3) !important;
}

.me-mt-3 {
  margin-top: var(--movie-engine-spacer-3) !important;
}

.me-mb-3 {
  margin-bottom: var(--movie-engine-spacer-3) !important;
}

.me-ml-3 {
  margin-left: var(--movie-engine-spacer-3) !important;
}

.me-mr-3 {
  margin-right: var(--movie-engine-spacer-3) !important;
}

.me-mx-3 {
  margin-left: var(--movie-engine-spacer-3) !important;
  margin-right: var(--movie-engine-spacer-3) !important;
}

.me-my-3 {
  margin-top: var(--movie-engine-spacer-3) !important;
  margin-bottom: var(--movie-engine-spacer-3) !important;
}

.me-p-3 {
  padding: var(--movie-engine-spacer-3) !important;
}

.me-pt-3 {
  padding-top: var(--movie-engine-spacer-3) !important;
}

.me-pb-3 {
  padding-bottom: var(--movie-engine-spacer-3) !important;
}

.me-pl-3 {
  padding-left: var(--movie-engine-spacer-3) !important;
}

.me-pr-3 {
  padding-right: var(--movie-engine-spacer-3) !important;
}

.me-px-3 {
  padding-left: var(--movie-engine-spacer-3) !important;
  padding-right: var(--movie-engine-spacer-3) !important;
}

.me-py-3 {
  padding-top: var(--movie-engine-spacer-3) !important;
  padding-bottom: var(--movie-engine-spacer-3) !important;
}

.me-m-4 {
  margin: var(--movie-engine-spacer-4) !important;
}

.me-mt-4 {
  margin-top: var(--movie-engine-spacer-4) !important;
}

.me-mb-4 {
  margin-bottom: var(--movie-engine-spacer-4) !important;
}

.me-ml-4 {
  margin-left: var(--movie-engine-spacer-4) !important;
}

.me-mr-4 {
  margin-right: var(--movie-engine-spacer-4) !important;
}

.me-mx-4 {
  margin-left: var(--movie-engine-spacer-4) !important;
  margin-right: var(--movie-engine-spacer-4) !important;
}

.me-my-4 {
  margin-top: var(--movie-engine-spacer-4) !important;
  margin-bottom: var(--movie-engine-spacer-4) !important;
}

.me-p-4 {
  padding: var(--movie-engine-spacer-4) !important;
}

.me-pt-4 {
  padding-top: var(--movie-engine-spacer-4) !important;
}

.me-pb-4 {
  padding-bottom: var(--movie-engine-spacer-4) !important;
}

.me-pl-4 {
  padding-left: var(--movie-engine-spacer-4) !important;
}

.me-pr-4 {
  padding-right: var(--movie-engine-spacer-4) !important;
}

.me-px-4 {
  padding-left: var(--movie-engine-spacer-4) !important;
  padding-right: var(--movie-engine-spacer-4) !important;
}

.me-py-4 {
  padding-top: var(--movie-engine-spacer-4) !important;
  padding-bottom: var(--movie-engine-spacer-4) !important;
}

.me-m-5 {
  margin: var(--movie-engine-spacer-5) !important;
}

.me-mt-5 {
  margin-top: var(--movie-engine-spacer-5) !important;
}

.me-mb-5 {
  margin-bottom: var(--movie-engine-spacer-5) !important;
}

.me-ml-5 {
  margin-left: var(--movie-engine-spacer-5) !important;
}

.me-mr-5 {
  margin-right: var(--movie-engine-spacer-5) !important;
}

.me-mx-5 {
  margin-left: var(--movie-engine-spacer-5) !important;
  margin-right: var(--movie-engine-spacer-5) !important;
}

.me-my-5 {
  margin-top: var(--movie-engine-spacer-5) !important;
  margin-bottom: var(--movie-engine-spacer-5) !important;
}

.me-p-5 {
  padding: var(--movie-engine-spacer-5) !important;
}

.me-pt-5 {
  padding-top: var(--movie-engine-spacer-5) !important;
}

.me-pb-5 {
  padding-bottom: var(--movie-engine-spacer-5) !important;
}

.me-pl-5 {
  padding-left: var(--movie-engine-spacer-5) !important;
}

.me-pr-5 {
  padding-right: var(--movie-engine-spacer-5) !important;
}

.me-px-5 {
  padding-left: var(--movie-engine-spacer-5) !important;
  padding-right: var(--movie-engine-spacer-5) !important;
}

.me-py-5 {
  padding-top: var(--movie-engine-spacer-5) !important;
  padding-bottom: var(--movie-engine-spacer-5) !important;
}

.me-m-6 {
  margin: var(--movie-engine-spacer-6) !important;
}

.me-mt-6 {
  margin-top: var(--movie-engine-spacer-6) !important;
}

.me-mb-6 {
  margin-bottom: var(--movie-engine-spacer-6) !important;
}

.me-ml-6 {
  margin-left: var(--movie-engine-spacer-6) !important;
}

.me-mr-6 {
  margin-right: var(--movie-engine-spacer-6) !important;
}

.me-mx-6 {
  margin-left: var(--movie-engine-spacer-6) !important;
  margin-right: var(--movie-engine-spacer-6) !important;
}

.me-my-6 {
  margin-top: var(--movie-engine-spacer-6) !important;
  margin-bottom: var(--movie-engine-spacer-6) !important;
}

.me-p-6 {
  padding: var(--movie-engine-spacer-6) !important;
}

.me-pt-6 {
  padding-top: var(--movie-engine-spacer-6) !important;
}

.me-pb-6 {
  padding-bottom: var(--movie-engine-spacer-6) !important;
}

.me-pl-6 {
  padding-left: var(--movie-engine-spacer-6) !important;
}

.me-pr-6 {
  padding-right: var(--movie-engine-spacer-6) !important;
}

.me-px-6 {
  padding-left: var(--movie-engine-spacer-6) !important;
  padding-right: var(--movie-engine-spacer-6) !important;
}

.me-py-6 {
  padding-top: var(--movie-engine-spacer-6) !important;
  padding-bottom: var(--movie-engine-spacer-6) !important;
}

.me-m-7 {
  margin: var(--movie-engine-spacer-7) !important;
}

.me-mt-7 {
  margin-top: var(--movie-engine-spacer-7) !important;
}

.me-mb-7 {
  margin-bottom: var(--movie-engine-spacer-7) !important;
}

.me-ml-7 {
  margin-left: var(--movie-engine-spacer-7) !important;
}

.me-mr-7 {
  margin-right: var(--movie-engine-spacer-7) !important;
}

.me-mx-7 {
  margin-left: var(--movie-engine-spacer-7) !important;
  margin-right: var(--movie-engine-spacer-7) !important;
}

.me-my-7 {
  margin-top: var(--movie-engine-spacer-7) !important;
  margin-bottom: var(--movie-engine-spacer-7) !important;
}

.me-p-7 {
  padding: var(--movie-engine-spacer-7) !important;
}

.me-pt-7 {
  padding-top: var(--movie-engine-spacer-7) !important;
}

.me-pb-7 {
  padding-bottom: var(--movie-engine-spacer-7) !important;
}

.me-pl-7 {
  padding-left: var(--movie-engine-spacer-7) !important;
}

.me-pr-7 {
  padding-right: var(--movie-engine-spacer-7) !important;
}

.me-px-7 {
  padding-left: var(--movie-engine-spacer-7) !important;
  padding-right: var(--movie-engine-spacer-7) !important;
}

.me-py-7 {
  padding-top: var(--movie-engine-spacer-7) !important;
  padding-bottom: var(--movie-engine-spacer-7) !important;
}

.me-m-8 {
  margin: var(--movie-engine-spacer-8) !important;
}

.me-mt-8 {
  margin-top: var(--movie-engine-spacer-8) !important;
}

.me-mb-8 {
  margin-bottom: var(--movie-engine-spacer-8) !important;
}

.me-ml-8 {
  margin-left: var(--movie-engine-spacer-8) !important;
}

.me-mr-8 {
  margin-right: var(--movie-engine-spacer-8) !important;
}

.me-mx-8 {
  margin-left: var(--movie-engine-spacer-8) !important;
  margin-right: var(--movie-engine-spacer-8) !important;
}

.me-my-8 {
  margin-top: var(--movie-engine-spacer-8) !important;
  margin-bottom: var(--movie-engine-spacer-8) !important;
}

.me-p-8 {
  padding: var(--movie-engine-spacer-8) !important;
}

.me-pt-8 {
  padding-top: var(--movie-engine-spacer-8) !important;
}

.me-pb-8 {
  padding-bottom: var(--movie-engine-spacer-8) !important;
}

.me-pl-8 {
  padding-left: var(--movie-engine-spacer-8) !important;
}

.me-pr-8 {
  padding-right: var(--movie-engine-spacer-8) !important;
}

.me-px-8 {
  padding-left: var(--movie-engine-spacer-8) !important;
  padding-right: var(--movie-engine-spacer-8) !important;
}

.me-py-8 {
  padding-top: var(--movie-engine-spacer-8) !important;
  padding-bottom: var(--movie-engine-spacer-8) !important;
}

.me-m-9 {
  margin: var(--movie-engine-spacer-9) !important;
}

.me-mt-9 {
  margin-top: var(--movie-engine-spacer-9) !important;
}

.me-mb-9 {
  margin-bottom: var(--movie-engine-spacer-9) !important;
}

.me-ml-9 {
  margin-left: var(--movie-engine-spacer-9) !important;
}

.me-mr-9 {
  margin-right: var(--movie-engine-spacer-9) !important;
}

.me-mx-9 {
  margin-left: var(--movie-engine-spacer-9) !important;
  margin-right: var(--movie-engine-spacer-9) !important;
}

.me-my-9 {
  margin-top: var(--movie-engine-spacer-9) !important;
  margin-bottom: var(--movie-engine-spacer-9) !important;
}

.me-p-9 {
  padding: var(--movie-engine-spacer-9) !important;
}

.me-pt-9 {
  padding-top: var(--movie-engine-spacer-9) !important;
}

.me-pb-9 {
  padding-bottom: var(--movie-engine-spacer-9) !important;
}

.me-pl-9 {
  padding-left: var(--movie-engine-spacer-9) !important;
}

.me-pr-9 {
  padding-right: var(--movie-engine-spacer-9) !important;
}

.me-px-9 {
  padding-left: var(--movie-engine-spacer-9) !important;
  padding-right: var(--movie-engine-spacer-9) !important;
}

.me-py-9 {
  padding-top: var(--movie-engine-spacer-9) !important;
  padding-bottom: var(--movie-engine-spacer-9) !important;
}

.me-m-10 {
  margin: var(--movie-engine-spacer-10) !important;
}

.me-mt-10 {
  margin-top: var(--movie-engine-spacer-10) !important;
}

.me-mb-10 {
  margin-bottom: var(--movie-engine-spacer-10) !important;
}

.me-ml-10 {
  margin-left: var(--movie-engine-spacer-10) !important;
}

.me-mr-10 {
  margin-right: var(--movie-engine-spacer-10) !important;
}

.me-mx-10 {
  margin-left: var(--movie-engine-spacer-10) !important;
  margin-right: var(--movie-engine-spacer-10) !important;
}

.me-my-10 {
  margin-top: var(--movie-engine-spacer-10) !important;
  margin-bottom: var(--movie-engine-spacer-10) !important;
}

.me-p-10 {
  padding: var(--movie-engine-spacer-10) !important;
}

.me-pt-10 {
  padding-top: var(--movie-engine-spacer-10) !important;
}

.me-pb-10 {
  padding-bottom: var(--movie-engine-spacer-10) !important;
}

.me-pl-10 {
  padding-left: var(--movie-engine-spacer-10) !important;
}

.me-pr-10 {
  padding-right: var(--movie-engine-spacer-10) !important;
}

.me-px-10 {
  padding-left: var(--movie-engine-spacer-10) !important;
  padding-right: var(--movie-engine-spacer-10) !important;
}

.me-py-10 {
  padding-top: var(--movie-engine-spacer-10) !important;
  padding-bottom: var(--movie-engine-spacer-10) !important;
}

@media (min-width: 576px) {
  .me-m-sm-0 {
    margin: var(--movie-engine-spacer-0) !important;
  }
  .me-mt-sm-0 {
    margin-top: var(--movie-engine-spacer-0) !important;
  }
  .me-mb-sm-0 {
    margin-bottom: var(--movie-engine-spacer-0) !important;
  }
  .me-ml-sm-0 {
    margin-left: var(--movie-engine-spacer-0) !important;
  }
  .me-mr-sm-0 {
    margin-right: var(--movie-engine-spacer-0) !important;
  }
  .me-mx-sm-0 {
    margin-left: var(--movie-engine-spacer-0) !important;
    margin-right: var(--movie-engine-spacer-0) !important;
  }
  .me-my-sm-0 {
    margin-top: var(--movie-engine-spacer-0) !important;
    margin-bottom: var(--movie-engine-spacer-0) !important;
  }
  .me-p-sm-0 {
    padding: var(--movie-engine-spacer-0) !important;
  }
  .me-pt-sm-0 {
    padding-top: var(--movie-engine-spacer-0) !important;
  }
  .me-pb-sm-0 {
    padding-bottom: var(--movie-engine-spacer-0) !important;
  }
  .me-pl-sm-0 {
    padding-left: var(--movie-engine-spacer-0) !important;
  }
  .me-pr-sm-0 {
    padding-right: var(--movie-engine-spacer-0) !important;
  }
  .me-px-sm-0 {
    padding-left: var(--movie-engine-spacer-0) !important;
    padding-right: var(--movie-engine-spacer-0) !important;
  }
  .me-py-sm-0 {
    padding-top: var(--movie-engine-spacer-0) !important;
    padding-bottom: var(--movie-engine-spacer-0) !important;
  }
  .me-m-sm-1 {
    margin: var(--movie-engine-spacer-1) !important;
  }
  .me-mt-sm-1 {
    margin-top: var(--movie-engine-spacer-1) !important;
  }
  .me-mb-sm-1 {
    margin-bottom: var(--movie-engine-spacer-1) !important;
  }
  .me-ml-sm-1 {
    margin-left: var(--movie-engine-spacer-1) !important;
  }
  .me-mr-sm-1 {
    margin-right: var(--movie-engine-spacer-1) !important;
  }
  .me-mx-sm-1 {
    margin-left: var(--movie-engine-spacer-1) !important;
    margin-right: var(--movie-engine-spacer-1) !important;
  }
  .me-my-sm-1 {
    margin-top: var(--movie-engine-spacer-1) !important;
    margin-bottom: var(--movie-engine-spacer-1) !important;
  }
  .me-p-sm-1 {
    padding: var(--movie-engine-spacer-1) !important;
  }
  .me-pt-sm-1 {
    padding-top: var(--movie-engine-spacer-1) !important;
  }
  .me-pb-sm-1 {
    padding-bottom: var(--movie-engine-spacer-1) !important;
  }
  .me-pl-sm-1 {
    padding-left: var(--movie-engine-spacer-1) !important;
  }
  .me-pr-sm-1 {
    padding-right: var(--movie-engine-spacer-1) !important;
  }
  .me-px-sm-1 {
    padding-left: var(--movie-engine-spacer-1) !important;
    padding-right: var(--movie-engine-spacer-1) !important;
  }
  .me-py-sm-1 {
    padding-top: var(--movie-engine-spacer-1) !important;
    padding-bottom: var(--movie-engine-spacer-1) !important;
  }
  .me-m-sm-2 {
    margin: var(--movie-engine-spacer-2) !important;
  }
  .me-mt-sm-2 {
    margin-top: var(--movie-engine-spacer-2) !important;
  }
  .me-mb-sm-2 {
    margin-bottom: var(--movie-engine-spacer-2) !important;
  }
  .me-ml-sm-2 {
    margin-left: var(--movie-engine-spacer-2) !important;
  }
  .me-mr-sm-2 {
    margin-right: var(--movie-engine-spacer-2) !important;
  }
  .me-mx-sm-2 {
    margin-left: var(--movie-engine-spacer-2) !important;
    margin-right: var(--movie-engine-spacer-2) !important;
  }
  .me-my-sm-2 {
    margin-top: var(--movie-engine-spacer-2) !important;
    margin-bottom: var(--movie-engine-spacer-2) !important;
  }
  .me-p-sm-2 {
    padding: var(--movie-engine-spacer-2) !important;
  }
  .me-pt-sm-2 {
    padding-top: var(--movie-engine-spacer-2) !important;
  }
  .me-pb-sm-2 {
    padding-bottom: var(--movie-engine-spacer-2) !important;
  }
  .me-pl-sm-2 {
    padding-left: var(--movie-engine-spacer-2) !important;
  }
  .me-pr-sm-2 {
    padding-right: var(--movie-engine-spacer-2) !important;
  }
  .me-px-sm-2 {
    padding-left: var(--movie-engine-spacer-2) !important;
    padding-right: var(--movie-engine-spacer-2) !important;
  }
  .me-py-sm-2 {
    padding-top: var(--movie-engine-spacer-2) !important;
    padding-bottom: var(--movie-engine-spacer-2) !important;
  }
  .me-m-sm-3 {
    margin: var(--movie-engine-spacer-3) !important;
  }
  .me-mt-sm-3 {
    margin-top: var(--movie-engine-spacer-3) !important;
  }
  .me-mb-sm-3 {
    margin-bottom: var(--movie-engine-spacer-3) !important;
  }
  .me-ml-sm-3 {
    margin-left: var(--movie-engine-spacer-3) !important;
  }
  .me-mr-sm-3 {
    margin-right: var(--movie-engine-spacer-3) !important;
  }
  .me-mx-sm-3 {
    margin-left: var(--movie-engine-spacer-3) !important;
    margin-right: var(--movie-engine-spacer-3) !important;
  }
  .me-my-sm-3 {
    margin-top: var(--movie-engine-spacer-3) !important;
    margin-bottom: var(--movie-engine-spacer-3) !important;
  }
  .me-p-sm-3 {
    padding: var(--movie-engine-spacer-3) !important;
  }
  .me-pt-sm-3 {
    padding-top: var(--movie-engine-spacer-3) !important;
  }
  .me-pb-sm-3 {
    padding-bottom: var(--movie-engine-spacer-3) !important;
  }
  .me-pl-sm-3 {
    padding-left: var(--movie-engine-spacer-3) !important;
  }
  .me-pr-sm-3 {
    padding-right: var(--movie-engine-spacer-3) !important;
  }
  .me-px-sm-3 {
    padding-left: var(--movie-engine-spacer-3) !important;
    padding-right: var(--movie-engine-spacer-3) !important;
  }
  .me-py-sm-3 {
    padding-top: var(--movie-engine-spacer-3) !important;
    padding-bottom: var(--movie-engine-spacer-3) !important;
  }
  .me-m-sm-4 {
    margin: var(--movie-engine-spacer-4) !important;
  }
  .me-mt-sm-4 {
    margin-top: var(--movie-engine-spacer-4) !important;
  }
  .me-mb-sm-4 {
    margin-bottom: var(--movie-engine-spacer-4) !important;
  }
  .me-ml-sm-4 {
    margin-left: var(--movie-engine-spacer-4) !important;
  }
  .me-mr-sm-4 {
    margin-right: var(--movie-engine-spacer-4) !important;
  }
  .me-mx-sm-4 {
    margin-left: var(--movie-engine-spacer-4) !important;
    margin-right: var(--movie-engine-spacer-4) !important;
  }
  .me-my-sm-4 {
    margin-top: var(--movie-engine-spacer-4) !important;
    margin-bottom: var(--movie-engine-spacer-4) !important;
  }
  .me-p-sm-4 {
    padding: var(--movie-engine-spacer-4) !important;
  }
  .me-pt-sm-4 {
    padding-top: var(--movie-engine-spacer-4) !important;
  }
  .me-pb-sm-4 {
    padding-bottom: var(--movie-engine-spacer-4) !important;
  }
  .me-pl-sm-4 {
    padding-left: var(--movie-engine-spacer-4) !important;
  }
  .me-pr-sm-4 {
    padding-right: var(--movie-engine-spacer-4) !important;
  }
  .me-px-sm-4 {
    padding-left: var(--movie-engine-spacer-4) !important;
    padding-right: var(--movie-engine-spacer-4) !important;
  }
  .me-py-sm-4 {
    padding-top: var(--movie-engine-spacer-4) !important;
    padding-bottom: var(--movie-engine-spacer-4) !important;
  }
  .me-m-sm-5 {
    margin: var(--movie-engine-spacer-5) !important;
  }
  .me-mt-sm-5 {
    margin-top: var(--movie-engine-spacer-5) !important;
  }
  .me-mb-sm-5 {
    margin-bottom: var(--movie-engine-spacer-5) !important;
  }
  .me-ml-sm-5 {
    margin-left: var(--movie-engine-spacer-5) !important;
  }
  .me-mr-sm-5 {
    margin-right: var(--movie-engine-spacer-5) !important;
  }
  .me-mx-sm-5 {
    margin-left: var(--movie-engine-spacer-5) !important;
    margin-right: var(--movie-engine-spacer-5) !important;
  }
  .me-my-sm-5 {
    margin-top: var(--movie-engine-spacer-5) !important;
    margin-bottom: var(--movie-engine-spacer-5) !important;
  }
  .me-p-sm-5 {
    padding: var(--movie-engine-spacer-5) !important;
  }
  .me-pt-sm-5 {
    padding-top: var(--movie-engine-spacer-5) !important;
  }
  .me-pb-sm-5 {
    padding-bottom: var(--movie-engine-spacer-5) !important;
  }
  .me-pl-sm-5 {
    padding-left: var(--movie-engine-spacer-5) !important;
  }
  .me-pr-sm-5 {
    padding-right: var(--movie-engine-spacer-5) !important;
  }
  .me-px-sm-5 {
    padding-left: var(--movie-engine-spacer-5) !important;
    padding-right: var(--movie-engine-spacer-5) !important;
  }
  .me-py-sm-5 {
    padding-top: var(--movie-engine-spacer-5) !important;
    padding-bottom: var(--movie-engine-spacer-5) !important;
  }
  .me-m-sm-6 {
    margin: var(--movie-engine-spacer-6) !important;
  }
  .me-mt-sm-6 {
    margin-top: var(--movie-engine-spacer-6) !important;
  }
  .me-mb-sm-6 {
    margin-bottom: var(--movie-engine-spacer-6) !important;
  }
  .me-ml-sm-6 {
    margin-left: var(--movie-engine-spacer-6) !important;
  }
  .me-mr-sm-6 {
    margin-right: var(--movie-engine-spacer-6) !important;
  }
  .me-mx-sm-6 {
    margin-left: var(--movie-engine-spacer-6) !important;
    margin-right: var(--movie-engine-spacer-6) !important;
  }
  .me-my-sm-6 {
    margin-top: var(--movie-engine-spacer-6) !important;
    margin-bottom: var(--movie-engine-spacer-6) !important;
  }
  .me-p-sm-6 {
    padding: var(--movie-engine-spacer-6) !important;
  }
  .me-pt-sm-6 {
    padding-top: var(--movie-engine-spacer-6) !important;
  }
  .me-pb-sm-6 {
    padding-bottom: var(--movie-engine-spacer-6) !important;
  }
  .me-pl-sm-6 {
    padding-left: var(--movie-engine-spacer-6) !important;
  }
  .me-pr-sm-6 {
    padding-right: var(--movie-engine-spacer-6) !important;
  }
  .me-px-sm-6 {
    padding-left: var(--movie-engine-spacer-6) !important;
    padding-right: var(--movie-engine-spacer-6) !important;
  }
  .me-py-sm-6 {
    padding-top: var(--movie-engine-spacer-6) !important;
    padding-bottom: var(--movie-engine-spacer-6) !important;
  }
  .me-m-sm-7 {
    margin: var(--movie-engine-spacer-7) !important;
  }
  .me-mt-sm-7 {
    margin-top: var(--movie-engine-spacer-7) !important;
  }
  .me-mb-sm-7 {
    margin-bottom: var(--movie-engine-spacer-7) !important;
  }
  .me-ml-sm-7 {
    margin-left: var(--movie-engine-spacer-7) !important;
  }
  .me-mr-sm-7 {
    margin-right: var(--movie-engine-spacer-7) !important;
  }
  .me-mx-sm-7 {
    margin-left: var(--movie-engine-spacer-7) !important;
    margin-right: var(--movie-engine-spacer-7) !important;
  }
  .me-my-sm-7 {
    margin-top: var(--movie-engine-spacer-7) !important;
    margin-bottom: var(--movie-engine-spacer-7) !important;
  }
  .me-p-sm-7 {
    padding: var(--movie-engine-spacer-7) !important;
  }
  .me-pt-sm-7 {
    padding-top: var(--movie-engine-spacer-7) !important;
  }
  .me-pb-sm-7 {
    padding-bottom: var(--movie-engine-spacer-7) !important;
  }
  .me-pl-sm-7 {
    padding-left: var(--movie-engine-spacer-7) !important;
  }
  .me-pr-sm-7 {
    padding-right: var(--movie-engine-spacer-7) !important;
  }
  .me-px-sm-7 {
    padding-left: var(--movie-engine-spacer-7) !important;
    padding-right: var(--movie-engine-spacer-7) !important;
  }
  .me-py-sm-7 {
    padding-top: var(--movie-engine-spacer-7) !important;
    padding-bottom: var(--movie-engine-spacer-7) !important;
  }
  .me-m-sm-8 {
    margin: var(--movie-engine-spacer-8) !important;
  }
  .me-mt-sm-8 {
    margin-top: var(--movie-engine-spacer-8) !important;
  }
  .me-mb-sm-8 {
    margin-bottom: var(--movie-engine-spacer-8) !important;
  }
  .me-ml-sm-8 {
    margin-left: var(--movie-engine-spacer-8) !important;
  }
  .me-mr-sm-8 {
    margin-right: var(--movie-engine-spacer-8) !important;
  }
  .me-mx-sm-8 {
    margin-left: var(--movie-engine-spacer-8) !important;
    margin-right: var(--movie-engine-spacer-8) !important;
  }
  .me-my-sm-8 {
    margin-top: var(--movie-engine-spacer-8) !important;
    margin-bottom: var(--movie-engine-spacer-8) !important;
  }
  .me-p-sm-8 {
    padding: var(--movie-engine-spacer-8) !important;
  }
  .me-pt-sm-8 {
    padding-top: var(--movie-engine-spacer-8) !important;
  }
  .me-pb-sm-8 {
    padding-bottom: var(--movie-engine-spacer-8) !important;
  }
  .me-pl-sm-8 {
    padding-left: var(--movie-engine-spacer-8) !important;
  }
  .me-pr-sm-8 {
    padding-right: var(--movie-engine-spacer-8) !important;
  }
  .me-px-sm-8 {
    padding-left: var(--movie-engine-spacer-8) !important;
    padding-right: var(--movie-engine-spacer-8) !important;
  }
  .me-py-sm-8 {
    padding-top: var(--movie-engine-spacer-8) !important;
    padding-bottom: var(--movie-engine-spacer-8) !important;
  }
  .me-m-sm-9 {
    margin: var(--movie-engine-spacer-9) !important;
  }
  .me-mt-sm-9 {
    margin-top: var(--movie-engine-spacer-9) !important;
  }
  .me-mb-sm-9 {
    margin-bottom: var(--movie-engine-spacer-9) !important;
  }
  .me-ml-sm-9 {
    margin-left: var(--movie-engine-spacer-9) !important;
  }
  .me-mr-sm-9 {
    margin-right: var(--movie-engine-spacer-9) !important;
  }
  .me-mx-sm-9 {
    margin-left: var(--movie-engine-spacer-9) !important;
    margin-right: var(--movie-engine-spacer-9) !important;
  }
  .me-my-sm-9 {
    margin-top: var(--movie-engine-spacer-9) !important;
    margin-bottom: var(--movie-engine-spacer-9) !important;
  }
  .me-p-sm-9 {
    padding: var(--movie-engine-spacer-9) !important;
  }
  .me-pt-sm-9 {
    padding-top: var(--movie-engine-spacer-9) !important;
  }
  .me-pb-sm-9 {
    padding-bottom: var(--movie-engine-spacer-9) !important;
  }
  .me-pl-sm-9 {
    padding-left: var(--movie-engine-spacer-9) !important;
  }
  .me-pr-sm-9 {
    padding-right: var(--movie-engine-spacer-9) !important;
  }
  .me-px-sm-9 {
    padding-left: var(--movie-engine-spacer-9) !important;
    padding-right: var(--movie-engine-spacer-9) !important;
  }
  .me-py-sm-9 {
    padding-top: var(--movie-engine-spacer-9) !important;
    padding-bottom: var(--movie-engine-spacer-9) !important;
  }
  .me-m-sm-10 {
    margin: var(--movie-engine-spacer-10) !important;
  }
  .me-mt-sm-10 {
    margin-top: var(--movie-engine-spacer-10) !important;
  }
  .me-mb-sm-10 {
    margin-bottom: var(--movie-engine-spacer-10) !important;
  }
  .me-ml-sm-10 {
    margin-left: var(--movie-engine-spacer-10) !important;
  }
  .me-mr-sm-10 {
    margin-right: var(--movie-engine-spacer-10) !important;
  }
  .me-mx-sm-10 {
    margin-left: var(--movie-engine-spacer-10) !important;
    margin-right: var(--movie-engine-spacer-10) !important;
  }
  .me-my-sm-10 {
    margin-top: var(--movie-engine-spacer-10) !important;
    margin-bottom: var(--movie-engine-spacer-10) !important;
  }
  .me-p-sm-10 {
    padding: var(--movie-engine-spacer-10) !important;
  }
  .me-pt-sm-10 {
    padding-top: var(--movie-engine-spacer-10) !important;
  }
  .me-pb-sm-10 {
    padding-bottom: var(--movie-engine-spacer-10) !important;
  }
  .me-pl-sm-10 {
    padding-left: var(--movie-engine-spacer-10) !important;
  }
  .me-pr-sm-10 {
    padding-right: var(--movie-engine-spacer-10) !important;
  }
  .me-px-sm-10 {
    padding-left: var(--movie-engine-spacer-10) !important;
    padding-right: var(--movie-engine-spacer-10) !important;
  }
  .me-py-sm-10 {
    padding-top: var(--movie-engine-spacer-10) !important;
    padding-bottom: var(--movie-engine-spacer-10) !important;
  }
}
@media (min-width: 768px) {
  .me-m-md-0 {
    margin: var(--movie-engine-spacer-0) !important;
  }
  .me-mt-md-0 {
    margin-top: var(--movie-engine-spacer-0) !important;
  }
  .me-mb-md-0 {
    margin-bottom: var(--movie-engine-spacer-0) !important;
  }
  .me-ml-md-0 {
    margin-left: var(--movie-engine-spacer-0) !important;
  }
  .me-mr-md-0 {
    margin-right: var(--movie-engine-spacer-0) !important;
  }
  .me-mx-md-0 {
    margin-left: var(--movie-engine-spacer-0) !important;
    margin-right: var(--movie-engine-spacer-0) !important;
  }
  .me-my-md-0 {
    margin-top: var(--movie-engine-spacer-0) !important;
    margin-bottom: var(--movie-engine-spacer-0) !important;
  }
  .me-p-md-0 {
    padding: var(--movie-engine-spacer-0) !important;
  }
  .me-pt-md-0 {
    padding-top: var(--movie-engine-spacer-0) !important;
  }
  .me-pb-md-0 {
    padding-bottom: var(--movie-engine-spacer-0) !important;
  }
  .me-pl-md-0 {
    padding-left: var(--movie-engine-spacer-0) !important;
  }
  .me-pr-md-0 {
    padding-right: var(--movie-engine-spacer-0) !important;
  }
  .me-px-md-0 {
    padding-left: var(--movie-engine-spacer-0) !important;
    padding-right: var(--movie-engine-spacer-0) !important;
  }
  .me-py-md-0 {
    padding-top: var(--movie-engine-spacer-0) !important;
    padding-bottom: var(--movie-engine-spacer-0) !important;
  }
  .me-m-md-1 {
    margin: var(--movie-engine-spacer-1) !important;
  }
  .me-mt-md-1 {
    margin-top: var(--movie-engine-spacer-1) !important;
  }
  .me-mb-md-1 {
    margin-bottom: var(--movie-engine-spacer-1) !important;
  }
  .me-ml-md-1 {
    margin-left: var(--movie-engine-spacer-1) !important;
  }
  .me-mr-md-1 {
    margin-right: var(--movie-engine-spacer-1) !important;
  }
  .me-mx-md-1 {
    margin-left: var(--movie-engine-spacer-1) !important;
    margin-right: var(--movie-engine-spacer-1) !important;
  }
  .me-my-md-1 {
    margin-top: var(--movie-engine-spacer-1) !important;
    margin-bottom: var(--movie-engine-spacer-1) !important;
  }
  .me-p-md-1 {
    padding: var(--movie-engine-spacer-1) !important;
  }
  .me-pt-md-1 {
    padding-top: var(--movie-engine-spacer-1) !important;
  }
  .me-pb-md-1 {
    padding-bottom: var(--movie-engine-spacer-1) !important;
  }
  .me-pl-md-1 {
    padding-left: var(--movie-engine-spacer-1) !important;
  }
  .me-pr-md-1 {
    padding-right: var(--movie-engine-spacer-1) !important;
  }
  .me-px-md-1 {
    padding-left: var(--movie-engine-spacer-1) !important;
    padding-right: var(--movie-engine-spacer-1) !important;
  }
  .me-py-md-1 {
    padding-top: var(--movie-engine-spacer-1) !important;
    padding-bottom: var(--movie-engine-spacer-1) !important;
  }
  .me-m-md-2 {
    margin: var(--movie-engine-spacer-2) !important;
  }
  .me-mt-md-2 {
    margin-top: var(--movie-engine-spacer-2) !important;
  }
  .me-mb-md-2 {
    margin-bottom: var(--movie-engine-spacer-2) !important;
  }
  .me-ml-md-2 {
    margin-left: var(--movie-engine-spacer-2) !important;
  }
  .me-mr-md-2 {
    margin-right: var(--movie-engine-spacer-2) !important;
  }
  .me-mx-md-2 {
    margin-left: var(--movie-engine-spacer-2) !important;
    margin-right: var(--movie-engine-spacer-2) !important;
  }
  .me-my-md-2 {
    margin-top: var(--movie-engine-spacer-2) !important;
    margin-bottom: var(--movie-engine-spacer-2) !important;
  }
  .me-p-md-2 {
    padding: var(--movie-engine-spacer-2) !important;
  }
  .me-pt-md-2 {
    padding-top: var(--movie-engine-spacer-2) !important;
  }
  .me-pb-md-2 {
    padding-bottom: var(--movie-engine-spacer-2) !important;
  }
  .me-pl-md-2 {
    padding-left: var(--movie-engine-spacer-2) !important;
  }
  .me-pr-md-2 {
    padding-right: var(--movie-engine-spacer-2) !important;
  }
  .me-px-md-2 {
    padding-left: var(--movie-engine-spacer-2) !important;
    padding-right: var(--movie-engine-spacer-2) !important;
  }
  .me-py-md-2 {
    padding-top: var(--movie-engine-spacer-2) !important;
    padding-bottom: var(--movie-engine-spacer-2) !important;
  }
  .me-m-md-3 {
    margin: var(--movie-engine-spacer-3) !important;
  }
  .me-mt-md-3 {
    margin-top: var(--movie-engine-spacer-3) !important;
  }
  .me-mb-md-3 {
    margin-bottom: var(--movie-engine-spacer-3) !important;
  }
  .me-ml-md-3 {
    margin-left: var(--movie-engine-spacer-3) !important;
  }
  .me-mr-md-3 {
    margin-right: var(--movie-engine-spacer-3) !important;
  }
  .me-mx-md-3 {
    margin-left: var(--movie-engine-spacer-3) !important;
    margin-right: var(--movie-engine-spacer-3) !important;
  }
  .me-my-md-3 {
    margin-top: var(--movie-engine-spacer-3) !important;
    margin-bottom: var(--movie-engine-spacer-3) !important;
  }
  .me-p-md-3 {
    padding: var(--movie-engine-spacer-3) !important;
  }
  .me-pt-md-3 {
    padding-top: var(--movie-engine-spacer-3) !important;
  }
  .me-pb-md-3 {
    padding-bottom: var(--movie-engine-spacer-3) !important;
  }
  .me-pl-md-3 {
    padding-left: var(--movie-engine-spacer-3) !important;
  }
  .me-pr-md-3 {
    padding-right: var(--movie-engine-spacer-3) !important;
  }
  .me-px-md-3 {
    padding-left: var(--movie-engine-spacer-3) !important;
    padding-right: var(--movie-engine-spacer-3) !important;
  }
  .me-py-md-3 {
    padding-top: var(--movie-engine-spacer-3) !important;
    padding-bottom: var(--movie-engine-spacer-3) !important;
  }
  .me-m-md-4 {
    margin: var(--movie-engine-spacer-4) !important;
  }
  .me-mt-md-4 {
    margin-top: var(--movie-engine-spacer-4) !important;
  }
  .me-mb-md-4 {
    margin-bottom: var(--movie-engine-spacer-4) !important;
  }
  .me-ml-md-4 {
    margin-left: var(--movie-engine-spacer-4) !important;
  }
  .me-mr-md-4 {
    margin-right: var(--movie-engine-spacer-4) !important;
  }
  .me-mx-md-4 {
    margin-left: var(--movie-engine-spacer-4) !important;
    margin-right: var(--movie-engine-spacer-4) !important;
  }
  .me-my-md-4 {
    margin-top: var(--movie-engine-spacer-4) !important;
    margin-bottom: var(--movie-engine-spacer-4) !important;
  }
  .me-p-md-4 {
    padding: var(--movie-engine-spacer-4) !important;
  }
  .me-pt-md-4 {
    padding-top: var(--movie-engine-spacer-4) !important;
  }
  .me-pb-md-4 {
    padding-bottom: var(--movie-engine-spacer-4) !important;
  }
  .me-pl-md-4 {
    padding-left: var(--movie-engine-spacer-4) !important;
  }
  .me-pr-md-4 {
    padding-right: var(--movie-engine-spacer-4) !important;
  }
  .me-px-md-4 {
    padding-left: var(--movie-engine-spacer-4) !important;
    padding-right: var(--movie-engine-spacer-4) !important;
  }
  .me-py-md-4 {
    padding-top: var(--movie-engine-spacer-4) !important;
    padding-bottom: var(--movie-engine-spacer-4) !important;
  }
  .me-m-md-5 {
    margin: var(--movie-engine-spacer-5) !important;
  }
  .me-mt-md-5 {
    margin-top: var(--movie-engine-spacer-5) !important;
  }
  .me-mb-md-5 {
    margin-bottom: var(--movie-engine-spacer-5) !important;
  }
  .me-ml-md-5 {
    margin-left: var(--movie-engine-spacer-5) !important;
  }
  .me-mr-md-5 {
    margin-right: var(--movie-engine-spacer-5) !important;
  }
  .me-mx-md-5 {
    margin-left: var(--movie-engine-spacer-5) !important;
    margin-right: var(--movie-engine-spacer-5) !important;
  }
  .me-my-md-5 {
    margin-top: var(--movie-engine-spacer-5) !important;
    margin-bottom: var(--movie-engine-spacer-5) !important;
  }
  .me-p-md-5 {
    padding: var(--movie-engine-spacer-5) !important;
  }
  .me-pt-md-5 {
    padding-top: var(--movie-engine-spacer-5) !important;
  }
  .me-pb-md-5 {
    padding-bottom: var(--movie-engine-spacer-5) !important;
  }
  .me-pl-md-5 {
    padding-left: var(--movie-engine-spacer-5) !important;
  }
  .me-pr-md-5 {
    padding-right: var(--movie-engine-spacer-5) !important;
  }
  .me-px-md-5 {
    padding-left: var(--movie-engine-spacer-5) !important;
    padding-right: var(--movie-engine-spacer-5) !important;
  }
  .me-py-md-5 {
    padding-top: var(--movie-engine-spacer-5) !important;
    padding-bottom: var(--movie-engine-spacer-5) !important;
  }
  .me-m-md-6 {
    margin: var(--movie-engine-spacer-6) !important;
  }
  .me-mt-md-6 {
    margin-top: var(--movie-engine-spacer-6) !important;
  }
  .me-mb-md-6 {
    margin-bottom: var(--movie-engine-spacer-6) !important;
  }
  .me-ml-md-6 {
    margin-left: var(--movie-engine-spacer-6) !important;
  }
  .me-mr-md-6 {
    margin-right: var(--movie-engine-spacer-6) !important;
  }
  .me-mx-md-6 {
    margin-left: var(--movie-engine-spacer-6) !important;
    margin-right: var(--movie-engine-spacer-6) !important;
  }
  .me-my-md-6 {
    margin-top: var(--movie-engine-spacer-6) !important;
    margin-bottom: var(--movie-engine-spacer-6) !important;
  }
  .me-p-md-6 {
    padding: var(--movie-engine-spacer-6) !important;
  }
  .me-pt-md-6 {
    padding-top: var(--movie-engine-spacer-6) !important;
  }
  .me-pb-md-6 {
    padding-bottom: var(--movie-engine-spacer-6) !important;
  }
  .me-pl-md-6 {
    padding-left: var(--movie-engine-spacer-6) !important;
  }
  .me-pr-md-6 {
    padding-right: var(--movie-engine-spacer-6) !important;
  }
  .me-px-md-6 {
    padding-left: var(--movie-engine-spacer-6) !important;
    padding-right: var(--movie-engine-spacer-6) !important;
  }
  .me-py-md-6 {
    padding-top: var(--movie-engine-spacer-6) !important;
    padding-bottom: var(--movie-engine-spacer-6) !important;
  }
  .me-m-md-7 {
    margin: var(--movie-engine-spacer-7) !important;
  }
  .me-mt-md-7 {
    margin-top: var(--movie-engine-spacer-7) !important;
  }
  .me-mb-md-7 {
    margin-bottom: var(--movie-engine-spacer-7) !important;
  }
  .me-ml-md-7 {
    margin-left: var(--movie-engine-spacer-7) !important;
  }
  .me-mr-md-7 {
    margin-right: var(--movie-engine-spacer-7) !important;
  }
  .me-mx-md-7 {
    margin-left: var(--movie-engine-spacer-7) !important;
    margin-right: var(--movie-engine-spacer-7) !important;
  }
  .me-my-md-7 {
    margin-top: var(--movie-engine-spacer-7) !important;
    margin-bottom: var(--movie-engine-spacer-7) !important;
  }
  .me-p-md-7 {
    padding: var(--movie-engine-spacer-7) !important;
  }
  .me-pt-md-7 {
    padding-top: var(--movie-engine-spacer-7) !important;
  }
  .me-pb-md-7 {
    padding-bottom: var(--movie-engine-spacer-7) !important;
  }
  .me-pl-md-7 {
    padding-left: var(--movie-engine-spacer-7) !important;
  }
  .me-pr-md-7 {
    padding-right: var(--movie-engine-spacer-7) !important;
  }
  .me-px-md-7 {
    padding-left: var(--movie-engine-spacer-7) !important;
    padding-right: var(--movie-engine-spacer-7) !important;
  }
  .me-py-md-7 {
    padding-top: var(--movie-engine-spacer-7) !important;
    padding-bottom: var(--movie-engine-spacer-7) !important;
  }
  .me-m-md-8 {
    margin: var(--movie-engine-spacer-8) !important;
  }
  .me-mt-md-8 {
    margin-top: var(--movie-engine-spacer-8) !important;
  }
  .me-mb-md-8 {
    margin-bottom: var(--movie-engine-spacer-8) !important;
  }
  .me-ml-md-8 {
    margin-left: var(--movie-engine-spacer-8) !important;
  }
  .me-mr-md-8 {
    margin-right: var(--movie-engine-spacer-8) !important;
  }
  .me-mx-md-8 {
    margin-left: var(--movie-engine-spacer-8) !important;
    margin-right: var(--movie-engine-spacer-8) !important;
  }
  .me-my-md-8 {
    margin-top: var(--movie-engine-spacer-8) !important;
    margin-bottom: var(--movie-engine-spacer-8) !important;
  }
  .me-p-md-8 {
    padding: var(--movie-engine-spacer-8) !important;
  }
  .me-pt-md-8 {
    padding-top: var(--movie-engine-spacer-8) !important;
  }
  .me-pb-md-8 {
    padding-bottom: var(--movie-engine-spacer-8) !important;
  }
  .me-pl-md-8 {
    padding-left: var(--movie-engine-spacer-8) !important;
  }
  .me-pr-md-8 {
    padding-right: var(--movie-engine-spacer-8) !important;
  }
  .me-px-md-8 {
    padding-left: var(--movie-engine-spacer-8) !important;
    padding-right: var(--movie-engine-spacer-8) !important;
  }
  .me-py-md-8 {
    padding-top: var(--movie-engine-spacer-8) !important;
    padding-bottom: var(--movie-engine-spacer-8) !important;
  }
  .me-m-md-9 {
    margin: var(--movie-engine-spacer-9) !important;
  }
  .me-mt-md-9 {
    margin-top: var(--movie-engine-spacer-9) !important;
  }
  .me-mb-md-9 {
    margin-bottom: var(--movie-engine-spacer-9) !important;
  }
  .me-ml-md-9 {
    margin-left: var(--movie-engine-spacer-9) !important;
  }
  .me-mr-md-9 {
    margin-right: var(--movie-engine-spacer-9) !important;
  }
  .me-mx-md-9 {
    margin-left: var(--movie-engine-spacer-9) !important;
    margin-right: var(--movie-engine-spacer-9) !important;
  }
  .me-my-md-9 {
    margin-top: var(--movie-engine-spacer-9) !important;
    margin-bottom: var(--movie-engine-spacer-9) !important;
  }
  .me-p-md-9 {
    padding: var(--movie-engine-spacer-9) !important;
  }
  .me-pt-md-9 {
    padding-top: var(--movie-engine-spacer-9) !important;
  }
  .me-pb-md-9 {
    padding-bottom: var(--movie-engine-spacer-9) !important;
  }
  .me-pl-md-9 {
    padding-left: var(--movie-engine-spacer-9) !important;
  }
  .me-pr-md-9 {
    padding-right: var(--movie-engine-spacer-9) !important;
  }
  .me-px-md-9 {
    padding-left: var(--movie-engine-spacer-9) !important;
    padding-right: var(--movie-engine-spacer-9) !important;
  }
  .me-py-md-9 {
    padding-top: var(--movie-engine-spacer-9) !important;
    padding-bottom: var(--movie-engine-spacer-9) !important;
  }
  .me-m-md-10 {
    margin: var(--movie-engine-spacer-10) !important;
  }
  .me-mt-md-10 {
    margin-top: var(--movie-engine-spacer-10) !important;
  }
  .me-mb-md-10 {
    margin-bottom: var(--movie-engine-spacer-10) !important;
  }
  .me-ml-md-10 {
    margin-left: var(--movie-engine-spacer-10) !important;
  }
  .me-mr-md-10 {
    margin-right: var(--movie-engine-spacer-10) !important;
  }
  .me-mx-md-10 {
    margin-left: var(--movie-engine-spacer-10) !important;
    margin-right: var(--movie-engine-spacer-10) !important;
  }
  .me-my-md-10 {
    margin-top: var(--movie-engine-spacer-10) !important;
    margin-bottom: var(--movie-engine-spacer-10) !important;
  }
  .me-p-md-10 {
    padding: var(--movie-engine-spacer-10) !important;
  }
  .me-pt-md-10 {
    padding-top: var(--movie-engine-spacer-10) !important;
  }
  .me-pb-md-10 {
    padding-bottom: var(--movie-engine-spacer-10) !important;
  }
  .me-pl-md-10 {
    padding-left: var(--movie-engine-spacer-10) !important;
  }
  .me-pr-md-10 {
    padding-right: var(--movie-engine-spacer-10) !important;
  }
  .me-px-md-10 {
    padding-left: var(--movie-engine-spacer-10) !important;
    padding-right: var(--movie-engine-spacer-10) !important;
  }
  .me-py-md-10 {
    padding-top: var(--movie-engine-spacer-10) !important;
    padding-bottom: var(--movie-engine-spacer-10) !important;
  }
}
@media (min-width: 992px) {
  .me-m-lg-0 {
    margin: var(--movie-engine-spacer-0) !important;
  }
  .me-mt-lg-0 {
    margin-top: var(--movie-engine-spacer-0) !important;
  }
  .me-mb-lg-0 {
    margin-bottom: var(--movie-engine-spacer-0) !important;
  }
  .me-ml-lg-0 {
    margin-left: var(--movie-engine-spacer-0) !important;
  }
  .me-mr-lg-0 {
    margin-right: var(--movie-engine-spacer-0) !important;
  }
  .me-mx-lg-0 {
    margin-left: var(--movie-engine-spacer-0) !important;
    margin-right: var(--movie-engine-spacer-0) !important;
  }
  .me-my-lg-0 {
    margin-top: var(--movie-engine-spacer-0) !important;
    margin-bottom: var(--movie-engine-spacer-0) !important;
  }
  .me-p-lg-0 {
    padding: var(--movie-engine-spacer-0) !important;
  }
  .me-pt-lg-0 {
    padding-top: var(--movie-engine-spacer-0) !important;
  }
  .me-pb-lg-0 {
    padding-bottom: var(--movie-engine-spacer-0) !important;
  }
  .me-pl-lg-0 {
    padding-left: var(--movie-engine-spacer-0) !important;
  }
  .me-pr-lg-0 {
    padding-right: var(--movie-engine-spacer-0) !important;
  }
  .me-px-lg-0 {
    padding-left: var(--movie-engine-spacer-0) !important;
    padding-right: var(--movie-engine-spacer-0) !important;
  }
  .me-py-lg-0 {
    padding-top: var(--movie-engine-spacer-0) !important;
    padding-bottom: var(--movie-engine-spacer-0) !important;
  }
  .me-m-lg-1 {
    margin: var(--movie-engine-spacer-1) !important;
  }
  .me-mt-lg-1 {
    margin-top: var(--movie-engine-spacer-1) !important;
  }
  .me-mb-lg-1 {
    margin-bottom: var(--movie-engine-spacer-1) !important;
  }
  .me-ml-lg-1 {
    margin-left: var(--movie-engine-spacer-1) !important;
  }
  .me-mr-lg-1 {
    margin-right: var(--movie-engine-spacer-1) !important;
  }
  .me-mx-lg-1 {
    margin-left: var(--movie-engine-spacer-1) !important;
    margin-right: var(--movie-engine-spacer-1) !important;
  }
  .me-my-lg-1 {
    margin-top: var(--movie-engine-spacer-1) !important;
    margin-bottom: var(--movie-engine-spacer-1) !important;
  }
  .me-p-lg-1 {
    padding: var(--movie-engine-spacer-1) !important;
  }
  .me-pt-lg-1 {
    padding-top: var(--movie-engine-spacer-1) !important;
  }
  .me-pb-lg-1 {
    padding-bottom: var(--movie-engine-spacer-1) !important;
  }
  .me-pl-lg-1 {
    padding-left: var(--movie-engine-spacer-1) !important;
  }
  .me-pr-lg-1 {
    padding-right: var(--movie-engine-spacer-1) !important;
  }
  .me-px-lg-1 {
    padding-left: var(--movie-engine-spacer-1) !important;
    padding-right: var(--movie-engine-spacer-1) !important;
  }
  .me-py-lg-1 {
    padding-top: var(--movie-engine-spacer-1) !important;
    padding-bottom: var(--movie-engine-spacer-1) !important;
  }
  .me-m-lg-2 {
    margin: var(--movie-engine-spacer-2) !important;
  }
  .me-mt-lg-2 {
    margin-top: var(--movie-engine-spacer-2) !important;
  }
  .me-mb-lg-2 {
    margin-bottom: var(--movie-engine-spacer-2) !important;
  }
  .me-ml-lg-2 {
    margin-left: var(--movie-engine-spacer-2) !important;
  }
  .me-mr-lg-2 {
    margin-right: var(--movie-engine-spacer-2) !important;
  }
  .me-mx-lg-2 {
    margin-left: var(--movie-engine-spacer-2) !important;
    margin-right: var(--movie-engine-spacer-2) !important;
  }
  .me-my-lg-2 {
    margin-top: var(--movie-engine-spacer-2) !important;
    margin-bottom: var(--movie-engine-spacer-2) !important;
  }
  .me-p-lg-2 {
    padding: var(--movie-engine-spacer-2) !important;
  }
  .me-pt-lg-2 {
    padding-top: var(--movie-engine-spacer-2) !important;
  }
  .me-pb-lg-2 {
    padding-bottom: var(--movie-engine-spacer-2) !important;
  }
  .me-pl-lg-2 {
    padding-left: var(--movie-engine-spacer-2) !important;
  }
  .me-pr-lg-2 {
    padding-right: var(--movie-engine-spacer-2) !important;
  }
  .me-px-lg-2 {
    padding-left: var(--movie-engine-spacer-2) !important;
    padding-right: var(--movie-engine-spacer-2) !important;
  }
  .me-py-lg-2 {
    padding-top: var(--movie-engine-spacer-2) !important;
    padding-bottom: var(--movie-engine-spacer-2) !important;
  }
  .me-m-lg-3 {
    margin: var(--movie-engine-spacer-3) !important;
  }
  .me-mt-lg-3 {
    margin-top: var(--movie-engine-spacer-3) !important;
  }
  .me-mb-lg-3 {
    margin-bottom: var(--movie-engine-spacer-3) !important;
  }
  .me-ml-lg-3 {
    margin-left: var(--movie-engine-spacer-3) !important;
  }
  .me-mr-lg-3 {
    margin-right: var(--movie-engine-spacer-3) !important;
  }
  .me-mx-lg-3 {
    margin-left: var(--movie-engine-spacer-3) !important;
    margin-right: var(--movie-engine-spacer-3) !important;
  }
  .me-my-lg-3 {
    margin-top: var(--movie-engine-spacer-3) !important;
    margin-bottom: var(--movie-engine-spacer-3) !important;
  }
  .me-p-lg-3 {
    padding: var(--movie-engine-spacer-3) !important;
  }
  .me-pt-lg-3 {
    padding-top: var(--movie-engine-spacer-3) !important;
  }
  .me-pb-lg-3 {
    padding-bottom: var(--movie-engine-spacer-3) !important;
  }
  .me-pl-lg-3 {
    padding-left: var(--movie-engine-spacer-3) !important;
  }
  .me-pr-lg-3 {
    padding-right: var(--movie-engine-spacer-3) !important;
  }
  .me-px-lg-3 {
    padding-left: var(--movie-engine-spacer-3) !important;
    padding-right: var(--movie-engine-spacer-3) !important;
  }
  .me-py-lg-3 {
    padding-top: var(--movie-engine-spacer-3) !important;
    padding-bottom: var(--movie-engine-spacer-3) !important;
  }
  .me-m-lg-4 {
    margin: var(--movie-engine-spacer-4) !important;
  }
  .me-mt-lg-4 {
    margin-top: var(--movie-engine-spacer-4) !important;
  }
  .me-mb-lg-4 {
    margin-bottom: var(--movie-engine-spacer-4) !important;
  }
  .me-ml-lg-4 {
    margin-left: var(--movie-engine-spacer-4) !important;
  }
  .me-mr-lg-4 {
    margin-right: var(--movie-engine-spacer-4) !important;
  }
  .me-mx-lg-4 {
    margin-left: var(--movie-engine-spacer-4) !important;
    margin-right: var(--movie-engine-spacer-4) !important;
  }
  .me-my-lg-4 {
    margin-top: var(--movie-engine-spacer-4) !important;
    margin-bottom: var(--movie-engine-spacer-4) !important;
  }
  .me-p-lg-4 {
    padding: var(--movie-engine-spacer-4) !important;
  }
  .me-pt-lg-4 {
    padding-top: var(--movie-engine-spacer-4) !important;
  }
  .me-pb-lg-4 {
    padding-bottom: var(--movie-engine-spacer-4) !important;
  }
  .me-pl-lg-4 {
    padding-left: var(--movie-engine-spacer-4) !important;
  }
  .me-pr-lg-4 {
    padding-right: var(--movie-engine-spacer-4) !important;
  }
  .me-px-lg-4 {
    padding-left: var(--movie-engine-spacer-4) !important;
    padding-right: var(--movie-engine-spacer-4) !important;
  }
  .me-py-lg-4 {
    padding-top: var(--movie-engine-spacer-4) !important;
    padding-bottom: var(--movie-engine-spacer-4) !important;
  }
  .me-m-lg-5 {
    margin: var(--movie-engine-spacer-5) !important;
  }
  .me-mt-lg-5 {
    margin-top: var(--movie-engine-spacer-5) !important;
  }
  .me-mb-lg-5 {
    margin-bottom: var(--movie-engine-spacer-5) !important;
  }
  .me-ml-lg-5 {
    margin-left: var(--movie-engine-spacer-5) !important;
  }
  .me-mr-lg-5 {
    margin-right: var(--movie-engine-spacer-5) !important;
  }
  .me-mx-lg-5 {
    margin-left: var(--movie-engine-spacer-5) !important;
    margin-right: var(--movie-engine-spacer-5) !important;
  }
  .me-my-lg-5 {
    margin-top: var(--movie-engine-spacer-5) !important;
    margin-bottom: var(--movie-engine-spacer-5) !important;
  }
  .me-p-lg-5 {
    padding: var(--movie-engine-spacer-5) !important;
  }
  .me-pt-lg-5 {
    padding-top: var(--movie-engine-spacer-5) !important;
  }
  .me-pb-lg-5 {
    padding-bottom: var(--movie-engine-spacer-5) !important;
  }
  .me-pl-lg-5 {
    padding-left: var(--movie-engine-spacer-5) !important;
  }
  .me-pr-lg-5 {
    padding-right: var(--movie-engine-spacer-5) !important;
  }
  .me-px-lg-5 {
    padding-left: var(--movie-engine-spacer-5) !important;
    padding-right: var(--movie-engine-spacer-5) !important;
  }
  .me-py-lg-5 {
    padding-top: var(--movie-engine-spacer-5) !important;
    padding-bottom: var(--movie-engine-spacer-5) !important;
  }
  .me-m-lg-6 {
    margin: var(--movie-engine-spacer-6) !important;
  }
  .me-mt-lg-6 {
    margin-top: var(--movie-engine-spacer-6) !important;
  }
  .me-mb-lg-6 {
    margin-bottom: var(--movie-engine-spacer-6) !important;
  }
  .me-ml-lg-6 {
    margin-left: var(--movie-engine-spacer-6) !important;
  }
  .me-mr-lg-6 {
    margin-right: var(--movie-engine-spacer-6) !important;
  }
  .me-mx-lg-6 {
    margin-left: var(--movie-engine-spacer-6) !important;
    margin-right: var(--movie-engine-spacer-6) !important;
  }
  .me-my-lg-6 {
    margin-top: var(--movie-engine-spacer-6) !important;
    margin-bottom: var(--movie-engine-spacer-6) !important;
  }
  .me-p-lg-6 {
    padding: var(--movie-engine-spacer-6) !important;
  }
  .me-pt-lg-6 {
    padding-top: var(--movie-engine-spacer-6) !important;
  }
  .me-pb-lg-6 {
    padding-bottom: var(--movie-engine-spacer-6) !important;
  }
  .me-pl-lg-6 {
    padding-left: var(--movie-engine-spacer-6) !important;
  }
  .me-pr-lg-6 {
    padding-right: var(--movie-engine-spacer-6) !important;
  }
  .me-px-lg-6 {
    padding-left: var(--movie-engine-spacer-6) !important;
    padding-right: var(--movie-engine-spacer-6) !important;
  }
  .me-py-lg-6 {
    padding-top: var(--movie-engine-spacer-6) !important;
    padding-bottom: var(--movie-engine-spacer-6) !important;
  }
  .me-m-lg-7 {
    margin: var(--movie-engine-spacer-7) !important;
  }
  .me-mt-lg-7 {
    margin-top: var(--movie-engine-spacer-7) !important;
  }
  .me-mb-lg-7 {
    margin-bottom: var(--movie-engine-spacer-7) !important;
  }
  .me-ml-lg-7 {
    margin-left: var(--movie-engine-spacer-7) !important;
  }
  .me-mr-lg-7 {
    margin-right: var(--movie-engine-spacer-7) !important;
  }
  .me-mx-lg-7 {
    margin-left: var(--movie-engine-spacer-7) !important;
    margin-right: var(--movie-engine-spacer-7) !important;
  }
  .me-my-lg-7 {
    margin-top: var(--movie-engine-spacer-7) !important;
    margin-bottom: var(--movie-engine-spacer-7) !important;
  }
  .me-p-lg-7 {
    padding: var(--movie-engine-spacer-7) !important;
  }
  .me-pt-lg-7 {
    padding-top: var(--movie-engine-spacer-7) !important;
  }
  .me-pb-lg-7 {
    padding-bottom: var(--movie-engine-spacer-7) !important;
  }
  .me-pl-lg-7 {
    padding-left: var(--movie-engine-spacer-7) !important;
  }
  .me-pr-lg-7 {
    padding-right: var(--movie-engine-spacer-7) !important;
  }
  .me-px-lg-7 {
    padding-left: var(--movie-engine-spacer-7) !important;
    padding-right: var(--movie-engine-spacer-7) !important;
  }
  .me-py-lg-7 {
    padding-top: var(--movie-engine-spacer-7) !important;
    padding-bottom: var(--movie-engine-spacer-7) !important;
  }
  .me-m-lg-8 {
    margin: var(--movie-engine-spacer-8) !important;
  }
  .me-mt-lg-8 {
    margin-top: var(--movie-engine-spacer-8) !important;
  }
  .me-mb-lg-8 {
    margin-bottom: var(--movie-engine-spacer-8) !important;
  }
  .me-ml-lg-8 {
    margin-left: var(--movie-engine-spacer-8) !important;
  }
  .me-mr-lg-8 {
    margin-right: var(--movie-engine-spacer-8) !important;
  }
  .me-mx-lg-8 {
    margin-left: var(--movie-engine-spacer-8) !important;
    margin-right: var(--movie-engine-spacer-8) !important;
  }
  .me-my-lg-8 {
    margin-top: var(--movie-engine-spacer-8) !important;
    margin-bottom: var(--movie-engine-spacer-8) !important;
  }
  .me-p-lg-8 {
    padding: var(--movie-engine-spacer-8) !important;
  }
  .me-pt-lg-8 {
    padding-top: var(--movie-engine-spacer-8) !important;
  }
  .me-pb-lg-8 {
    padding-bottom: var(--movie-engine-spacer-8) !important;
  }
  .me-pl-lg-8 {
    padding-left: var(--movie-engine-spacer-8) !important;
  }
  .me-pr-lg-8 {
    padding-right: var(--movie-engine-spacer-8) !important;
  }
  .me-px-lg-8 {
    padding-left: var(--movie-engine-spacer-8) !important;
    padding-right: var(--movie-engine-spacer-8) !important;
  }
  .me-py-lg-8 {
    padding-top: var(--movie-engine-spacer-8) !important;
    padding-bottom: var(--movie-engine-spacer-8) !important;
  }
  .me-m-lg-9 {
    margin: var(--movie-engine-spacer-9) !important;
  }
  .me-mt-lg-9 {
    margin-top: var(--movie-engine-spacer-9) !important;
  }
  .me-mb-lg-9 {
    margin-bottom: var(--movie-engine-spacer-9) !important;
  }
  .me-ml-lg-9 {
    margin-left: var(--movie-engine-spacer-9) !important;
  }
  .me-mr-lg-9 {
    margin-right: var(--movie-engine-spacer-9) !important;
  }
  .me-mx-lg-9 {
    margin-left: var(--movie-engine-spacer-9) !important;
    margin-right: var(--movie-engine-spacer-9) !important;
  }
  .me-my-lg-9 {
    margin-top: var(--movie-engine-spacer-9) !important;
    margin-bottom: var(--movie-engine-spacer-9) !important;
  }
  .me-p-lg-9 {
    padding: var(--movie-engine-spacer-9) !important;
  }
  .me-pt-lg-9 {
    padding-top: var(--movie-engine-spacer-9) !important;
  }
  .me-pb-lg-9 {
    padding-bottom: var(--movie-engine-spacer-9) !important;
  }
  .me-pl-lg-9 {
    padding-left: var(--movie-engine-spacer-9) !important;
  }
  .me-pr-lg-9 {
    padding-right: var(--movie-engine-spacer-9) !important;
  }
  .me-px-lg-9 {
    padding-left: var(--movie-engine-spacer-9) !important;
    padding-right: var(--movie-engine-spacer-9) !important;
  }
  .me-py-lg-9 {
    padding-top: var(--movie-engine-spacer-9) !important;
    padding-bottom: var(--movie-engine-spacer-9) !important;
  }
  .me-m-lg-10 {
    margin: var(--movie-engine-spacer-10) !important;
  }
  .me-mt-lg-10 {
    margin-top: var(--movie-engine-spacer-10) !important;
  }
  .me-mb-lg-10 {
    margin-bottom: var(--movie-engine-spacer-10) !important;
  }
  .me-ml-lg-10 {
    margin-left: var(--movie-engine-spacer-10) !important;
  }
  .me-mr-lg-10 {
    margin-right: var(--movie-engine-spacer-10) !important;
  }
  .me-mx-lg-10 {
    margin-left: var(--movie-engine-spacer-10) !important;
    margin-right: var(--movie-engine-spacer-10) !important;
  }
  .me-my-lg-10 {
    margin-top: var(--movie-engine-spacer-10) !important;
    margin-bottom: var(--movie-engine-spacer-10) !important;
  }
  .me-p-lg-10 {
    padding: var(--movie-engine-spacer-10) !important;
  }
  .me-pt-lg-10 {
    padding-top: var(--movie-engine-spacer-10) !important;
  }
  .me-pb-lg-10 {
    padding-bottom: var(--movie-engine-spacer-10) !important;
  }
  .me-pl-lg-10 {
    padding-left: var(--movie-engine-spacer-10) !important;
  }
  .me-pr-lg-10 {
    padding-right: var(--movie-engine-spacer-10) !important;
  }
  .me-px-lg-10 {
    padding-left: var(--movie-engine-spacer-10) !important;
    padding-right: var(--movie-engine-spacer-10) !important;
  }
  .me-py-lg-10 {
    padding-top: var(--movie-engine-spacer-10) !important;
    padding-bottom: var(--movie-engine-spacer-10) !important;
  }
}
@media (min-width: 1200px) {
  .me-m-xl-0 {
    margin: var(--movie-engine-spacer-0) !important;
  }
  .me-mt-xl-0 {
    margin-top: var(--movie-engine-spacer-0) !important;
  }
  .me-mb-xl-0 {
    margin-bottom: var(--movie-engine-spacer-0) !important;
  }
  .me-ml-xl-0 {
    margin-left: var(--movie-engine-spacer-0) !important;
  }
  .me-mr-xl-0 {
    margin-right: var(--movie-engine-spacer-0) !important;
  }
  .me-mx-xl-0 {
    margin-left: var(--movie-engine-spacer-0) !important;
    margin-right: var(--movie-engine-spacer-0) !important;
  }
  .me-my-xl-0 {
    margin-top: var(--movie-engine-spacer-0) !important;
    margin-bottom: var(--movie-engine-spacer-0) !important;
  }
  .me-p-xl-0 {
    padding: var(--movie-engine-spacer-0) !important;
  }
  .me-pt-xl-0 {
    padding-top: var(--movie-engine-spacer-0) !important;
  }
  .me-pb-xl-0 {
    padding-bottom: var(--movie-engine-spacer-0) !important;
  }
  .me-pl-xl-0 {
    padding-left: var(--movie-engine-spacer-0) !important;
  }
  .me-pr-xl-0 {
    padding-right: var(--movie-engine-spacer-0) !important;
  }
  .me-px-xl-0 {
    padding-left: var(--movie-engine-spacer-0) !important;
    padding-right: var(--movie-engine-spacer-0) !important;
  }
  .me-py-xl-0 {
    padding-top: var(--movie-engine-spacer-0) !important;
    padding-bottom: var(--movie-engine-spacer-0) !important;
  }
  .me-m-xl-1 {
    margin: var(--movie-engine-spacer-1) !important;
  }
  .me-mt-xl-1 {
    margin-top: var(--movie-engine-spacer-1) !important;
  }
  .me-mb-xl-1 {
    margin-bottom: var(--movie-engine-spacer-1) !important;
  }
  .me-ml-xl-1 {
    margin-left: var(--movie-engine-spacer-1) !important;
  }
  .me-mr-xl-1 {
    margin-right: var(--movie-engine-spacer-1) !important;
  }
  .me-mx-xl-1 {
    margin-left: var(--movie-engine-spacer-1) !important;
    margin-right: var(--movie-engine-spacer-1) !important;
  }
  .me-my-xl-1 {
    margin-top: var(--movie-engine-spacer-1) !important;
    margin-bottom: var(--movie-engine-spacer-1) !important;
  }
  .me-p-xl-1 {
    padding: var(--movie-engine-spacer-1) !important;
  }
  .me-pt-xl-1 {
    padding-top: var(--movie-engine-spacer-1) !important;
  }
  .me-pb-xl-1 {
    padding-bottom: var(--movie-engine-spacer-1) !important;
  }
  .me-pl-xl-1 {
    padding-left: var(--movie-engine-spacer-1) !important;
  }
  .me-pr-xl-1 {
    padding-right: var(--movie-engine-spacer-1) !important;
  }
  .me-px-xl-1 {
    padding-left: var(--movie-engine-spacer-1) !important;
    padding-right: var(--movie-engine-spacer-1) !important;
  }
  .me-py-xl-1 {
    padding-top: var(--movie-engine-spacer-1) !important;
    padding-bottom: var(--movie-engine-spacer-1) !important;
  }
  .me-m-xl-2 {
    margin: var(--movie-engine-spacer-2) !important;
  }
  .me-mt-xl-2 {
    margin-top: var(--movie-engine-spacer-2) !important;
  }
  .me-mb-xl-2 {
    margin-bottom: var(--movie-engine-spacer-2) !important;
  }
  .me-ml-xl-2 {
    margin-left: var(--movie-engine-spacer-2) !important;
  }
  .me-mr-xl-2 {
    margin-right: var(--movie-engine-spacer-2) !important;
  }
  .me-mx-xl-2 {
    margin-left: var(--movie-engine-spacer-2) !important;
    margin-right: var(--movie-engine-spacer-2) !important;
  }
  .me-my-xl-2 {
    margin-top: var(--movie-engine-spacer-2) !important;
    margin-bottom: var(--movie-engine-spacer-2) !important;
  }
  .me-p-xl-2 {
    padding: var(--movie-engine-spacer-2) !important;
  }
  .me-pt-xl-2 {
    padding-top: var(--movie-engine-spacer-2) !important;
  }
  .me-pb-xl-2 {
    padding-bottom: var(--movie-engine-spacer-2) !important;
  }
  .me-pl-xl-2 {
    padding-left: var(--movie-engine-spacer-2) !important;
  }
  .me-pr-xl-2 {
    padding-right: var(--movie-engine-spacer-2) !important;
  }
  .me-px-xl-2 {
    padding-left: var(--movie-engine-spacer-2) !important;
    padding-right: var(--movie-engine-spacer-2) !important;
  }
  .me-py-xl-2 {
    padding-top: var(--movie-engine-spacer-2) !important;
    padding-bottom: var(--movie-engine-spacer-2) !important;
  }
  .me-m-xl-3 {
    margin: var(--movie-engine-spacer-3) !important;
  }
  .me-mt-xl-3 {
    margin-top: var(--movie-engine-spacer-3) !important;
  }
  .me-mb-xl-3 {
    margin-bottom: var(--movie-engine-spacer-3) !important;
  }
  .me-ml-xl-3 {
    margin-left: var(--movie-engine-spacer-3) !important;
  }
  .me-mr-xl-3 {
    margin-right: var(--movie-engine-spacer-3) !important;
  }
  .me-mx-xl-3 {
    margin-left: var(--movie-engine-spacer-3) !important;
    margin-right: var(--movie-engine-spacer-3) !important;
  }
  .me-my-xl-3 {
    margin-top: var(--movie-engine-spacer-3) !important;
    margin-bottom: var(--movie-engine-spacer-3) !important;
  }
  .me-p-xl-3 {
    padding: var(--movie-engine-spacer-3) !important;
  }
  .me-pt-xl-3 {
    padding-top: var(--movie-engine-spacer-3) !important;
  }
  .me-pb-xl-3 {
    padding-bottom: var(--movie-engine-spacer-3) !important;
  }
  .me-pl-xl-3 {
    padding-left: var(--movie-engine-spacer-3) !important;
  }
  .me-pr-xl-3 {
    padding-right: var(--movie-engine-spacer-3) !important;
  }
  .me-px-xl-3 {
    padding-left: var(--movie-engine-spacer-3) !important;
    padding-right: var(--movie-engine-spacer-3) !important;
  }
  .me-py-xl-3 {
    padding-top: var(--movie-engine-spacer-3) !important;
    padding-bottom: var(--movie-engine-spacer-3) !important;
  }
  .me-m-xl-4 {
    margin: var(--movie-engine-spacer-4) !important;
  }
  .me-mt-xl-4 {
    margin-top: var(--movie-engine-spacer-4) !important;
  }
  .me-mb-xl-4 {
    margin-bottom: var(--movie-engine-spacer-4) !important;
  }
  .me-ml-xl-4 {
    margin-left: var(--movie-engine-spacer-4) !important;
  }
  .me-mr-xl-4 {
    margin-right: var(--movie-engine-spacer-4) !important;
  }
  .me-mx-xl-4 {
    margin-left: var(--movie-engine-spacer-4) !important;
    margin-right: var(--movie-engine-spacer-4) !important;
  }
  .me-my-xl-4 {
    margin-top: var(--movie-engine-spacer-4) !important;
    margin-bottom: var(--movie-engine-spacer-4) !important;
  }
  .me-p-xl-4 {
    padding: var(--movie-engine-spacer-4) !important;
  }
  .me-pt-xl-4 {
    padding-top: var(--movie-engine-spacer-4) !important;
  }
  .me-pb-xl-4 {
    padding-bottom: var(--movie-engine-spacer-4) !important;
  }
  .me-pl-xl-4 {
    padding-left: var(--movie-engine-spacer-4) !important;
  }
  .me-pr-xl-4 {
    padding-right: var(--movie-engine-spacer-4) !important;
  }
  .me-px-xl-4 {
    padding-left: var(--movie-engine-spacer-4) !important;
    padding-right: var(--movie-engine-spacer-4) !important;
  }
  .me-py-xl-4 {
    padding-top: var(--movie-engine-spacer-4) !important;
    padding-bottom: var(--movie-engine-spacer-4) !important;
  }
  .me-m-xl-5 {
    margin: var(--movie-engine-spacer-5) !important;
  }
  .me-mt-xl-5 {
    margin-top: var(--movie-engine-spacer-5) !important;
  }
  .me-mb-xl-5 {
    margin-bottom: var(--movie-engine-spacer-5) !important;
  }
  .me-ml-xl-5 {
    margin-left: var(--movie-engine-spacer-5) !important;
  }
  .me-mr-xl-5 {
    margin-right: var(--movie-engine-spacer-5) !important;
  }
  .me-mx-xl-5 {
    margin-left: var(--movie-engine-spacer-5) !important;
    margin-right: var(--movie-engine-spacer-5) !important;
  }
  .me-my-xl-5 {
    margin-top: var(--movie-engine-spacer-5) !important;
    margin-bottom: var(--movie-engine-spacer-5) !important;
  }
  .me-p-xl-5 {
    padding: var(--movie-engine-spacer-5) !important;
  }
  .me-pt-xl-5 {
    padding-top: var(--movie-engine-spacer-5) !important;
  }
  .me-pb-xl-5 {
    padding-bottom: var(--movie-engine-spacer-5) !important;
  }
  .me-pl-xl-5 {
    padding-left: var(--movie-engine-spacer-5) !important;
  }
  .me-pr-xl-5 {
    padding-right: var(--movie-engine-spacer-5) !important;
  }
  .me-px-xl-5 {
    padding-left: var(--movie-engine-spacer-5) !important;
    padding-right: var(--movie-engine-spacer-5) !important;
  }
  .me-py-xl-5 {
    padding-top: var(--movie-engine-spacer-5) !important;
    padding-bottom: var(--movie-engine-spacer-5) !important;
  }
  .me-m-xl-6 {
    margin: var(--movie-engine-spacer-6) !important;
  }
  .me-mt-xl-6 {
    margin-top: var(--movie-engine-spacer-6) !important;
  }
  .me-mb-xl-6 {
    margin-bottom: var(--movie-engine-spacer-6) !important;
  }
  .me-ml-xl-6 {
    margin-left: var(--movie-engine-spacer-6) !important;
  }
  .me-mr-xl-6 {
    margin-right: var(--movie-engine-spacer-6) !important;
  }
  .me-mx-xl-6 {
    margin-left: var(--movie-engine-spacer-6) !important;
    margin-right: var(--movie-engine-spacer-6) !important;
  }
  .me-my-xl-6 {
    margin-top: var(--movie-engine-spacer-6) !important;
    margin-bottom: var(--movie-engine-spacer-6) !important;
  }
  .me-p-xl-6 {
    padding: var(--movie-engine-spacer-6) !important;
  }
  .me-pt-xl-6 {
    padding-top: var(--movie-engine-spacer-6) !important;
  }
  .me-pb-xl-6 {
    padding-bottom: var(--movie-engine-spacer-6) !important;
  }
  .me-pl-xl-6 {
    padding-left: var(--movie-engine-spacer-6) !important;
  }
  .me-pr-xl-6 {
    padding-right: var(--movie-engine-spacer-6) !important;
  }
  .me-px-xl-6 {
    padding-left: var(--movie-engine-spacer-6) !important;
    padding-right: var(--movie-engine-spacer-6) !important;
  }
  .me-py-xl-6 {
    padding-top: var(--movie-engine-spacer-6) !important;
    padding-bottom: var(--movie-engine-spacer-6) !important;
  }
  .me-m-xl-7 {
    margin: var(--movie-engine-spacer-7) !important;
  }
  .me-mt-xl-7 {
    margin-top: var(--movie-engine-spacer-7) !important;
  }
  .me-mb-xl-7 {
    margin-bottom: var(--movie-engine-spacer-7) !important;
  }
  .me-ml-xl-7 {
    margin-left: var(--movie-engine-spacer-7) !important;
  }
  .me-mr-xl-7 {
    margin-right: var(--movie-engine-spacer-7) !important;
  }
  .me-mx-xl-7 {
    margin-left: var(--movie-engine-spacer-7) !important;
    margin-right: var(--movie-engine-spacer-7) !important;
  }
  .me-my-xl-7 {
    margin-top: var(--movie-engine-spacer-7) !important;
    margin-bottom: var(--movie-engine-spacer-7) !important;
  }
  .me-p-xl-7 {
    padding: var(--movie-engine-spacer-7) !important;
  }
  .me-pt-xl-7 {
    padding-top: var(--movie-engine-spacer-7) !important;
  }
  .me-pb-xl-7 {
    padding-bottom: var(--movie-engine-spacer-7) !important;
  }
  .me-pl-xl-7 {
    padding-left: var(--movie-engine-spacer-7) !important;
  }
  .me-pr-xl-7 {
    padding-right: var(--movie-engine-spacer-7) !important;
  }
  .me-px-xl-7 {
    padding-left: var(--movie-engine-spacer-7) !important;
    padding-right: var(--movie-engine-spacer-7) !important;
  }
  .me-py-xl-7 {
    padding-top: var(--movie-engine-spacer-7) !important;
    padding-bottom: var(--movie-engine-spacer-7) !important;
  }
  .me-m-xl-8 {
    margin: var(--movie-engine-spacer-8) !important;
  }
  .me-mt-xl-8 {
    margin-top: var(--movie-engine-spacer-8) !important;
  }
  .me-mb-xl-8 {
    margin-bottom: var(--movie-engine-spacer-8) !important;
  }
  .me-ml-xl-8 {
    margin-left: var(--movie-engine-spacer-8) !important;
  }
  .me-mr-xl-8 {
    margin-right: var(--movie-engine-spacer-8) !important;
  }
  .me-mx-xl-8 {
    margin-left: var(--movie-engine-spacer-8) !important;
    margin-right: var(--movie-engine-spacer-8) !important;
  }
  .me-my-xl-8 {
    margin-top: var(--movie-engine-spacer-8) !important;
    margin-bottom: var(--movie-engine-spacer-8) !important;
  }
  .me-p-xl-8 {
    padding: var(--movie-engine-spacer-8) !important;
  }
  .me-pt-xl-8 {
    padding-top: var(--movie-engine-spacer-8) !important;
  }
  .me-pb-xl-8 {
    padding-bottom: var(--movie-engine-spacer-8) !important;
  }
  .me-pl-xl-8 {
    padding-left: var(--movie-engine-spacer-8) !important;
  }
  .me-pr-xl-8 {
    padding-right: var(--movie-engine-spacer-8) !important;
  }
  .me-px-xl-8 {
    padding-left: var(--movie-engine-spacer-8) !important;
    padding-right: var(--movie-engine-spacer-8) !important;
  }
  .me-py-xl-8 {
    padding-top: var(--movie-engine-spacer-8) !important;
    padding-bottom: var(--movie-engine-spacer-8) !important;
  }
  .me-m-xl-9 {
    margin: var(--movie-engine-spacer-9) !important;
  }
  .me-mt-xl-9 {
    margin-top: var(--movie-engine-spacer-9) !important;
  }
  .me-mb-xl-9 {
    margin-bottom: var(--movie-engine-spacer-9) !important;
  }
  .me-ml-xl-9 {
    margin-left: var(--movie-engine-spacer-9) !important;
  }
  .me-mr-xl-9 {
    margin-right: var(--movie-engine-spacer-9) !important;
  }
  .me-mx-xl-9 {
    margin-left: var(--movie-engine-spacer-9) !important;
    margin-right: var(--movie-engine-spacer-9) !important;
  }
  .me-my-xl-9 {
    margin-top: var(--movie-engine-spacer-9) !important;
    margin-bottom: var(--movie-engine-spacer-9) !important;
  }
  .me-p-xl-9 {
    padding: var(--movie-engine-spacer-9) !important;
  }
  .me-pt-xl-9 {
    padding-top: var(--movie-engine-spacer-9) !important;
  }
  .me-pb-xl-9 {
    padding-bottom: var(--movie-engine-spacer-9) !important;
  }
  .me-pl-xl-9 {
    padding-left: var(--movie-engine-spacer-9) !important;
  }
  .me-pr-xl-9 {
    padding-right: var(--movie-engine-spacer-9) !important;
  }
  .me-px-xl-9 {
    padding-left: var(--movie-engine-spacer-9) !important;
    padding-right: var(--movie-engine-spacer-9) !important;
  }
  .me-py-xl-9 {
    padding-top: var(--movie-engine-spacer-9) !important;
    padding-bottom: var(--movie-engine-spacer-9) !important;
  }
  .me-m-xl-10 {
    margin: var(--movie-engine-spacer-10) !important;
  }
  .me-mt-xl-10 {
    margin-top: var(--movie-engine-spacer-10) !important;
  }
  .me-mb-xl-10 {
    margin-bottom: var(--movie-engine-spacer-10) !important;
  }
  .me-ml-xl-10 {
    margin-left: var(--movie-engine-spacer-10) !important;
  }
  .me-mr-xl-10 {
    margin-right: var(--movie-engine-spacer-10) !important;
  }
  .me-mx-xl-10 {
    margin-left: var(--movie-engine-spacer-10) !important;
    margin-right: var(--movie-engine-spacer-10) !important;
  }
  .me-my-xl-10 {
    margin-top: var(--movie-engine-spacer-10) !important;
    margin-bottom: var(--movie-engine-spacer-10) !important;
  }
  .me-p-xl-10 {
    padding: var(--movie-engine-spacer-10) !important;
  }
  .me-pt-xl-10 {
    padding-top: var(--movie-engine-spacer-10) !important;
  }
  .me-pb-xl-10 {
    padding-bottom: var(--movie-engine-spacer-10) !important;
  }
  .me-pl-xl-10 {
    padding-left: var(--movie-engine-spacer-10) !important;
  }
  .me-pr-xl-10 {
    padding-right: var(--movie-engine-spacer-10) !important;
  }
  .me-px-xl-10 {
    padding-left: var(--movie-engine-spacer-10) !important;
    padding-right: var(--movie-engine-spacer-10) !important;
  }
  .me-py-xl-10 {
    padding-top: var(--movie-engine-spacer-10) !important;
    padding-bottom: var(--movie-engine-spacer-10) !important;
  }
}
.me-m-auto {
  margin: auto !important;
}

.me-ml-auto {
  margin-left: auto !important;
}

.me-mr-auto {
  margin-right: auto !important;
}

.me-mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.me-text-center {
  text-align: center !important;
}

.me-text-left {
  text-align: left !important;
}

.me-text-right {
  text-align: right !important;
}

@media (min-width: 576px) {
  .me-text-sm-center {
    text-align: center !important;
  }
  .me-text-sm-left {
    text-align: left !important;
  }
  .me-text-sm-right {
    text-align: right !important;
  }
}
@media (min-width: 768px) {
  .me-text-md-center {
    text-align: center !important;
  }
  .me-text-md-left {
    text-align: left !important;
  }
  .me-text-md-right {
    text-align: right !important;
  }
}
@media (min-width: 992px) {
  .me-text-lg-center {
    text-align: center !important;
  }
  .me-text-lg-left {
    text-align: left !important;
  }
  .me-text-lg-right {
    text-align: right !important;
  }
}
@media (min-width: 1200px) {
  .me-text-xl-center {
    text-align: center !important;
  }
  .me-text-xl-left {
    text-align: left !important;
  }
  .me-text-xl-right {
    text-align: right !important;
  }
}
.me-fw-normal {
  font-weight: var(--movie-engine-font-weight-normal) !important;
}

.me-fw-bold {
  font-weight: var(--movie-engine-font-weight-bold) !important;
}

.me-text-white {
  color: var(--movie-engine-white-color) !important;
}

.me-text-primary {
  color: var(--movie-engine-primary-color) !important;
}

.me-text-muted {
  color: var(--movie-engine-border-color) !important;
}

.me-z-0 {
  z-index: 0 !important;
}

.me-z-1 {
  z-index: 1 !important;
}

.me-z-2 {
  z-index: 2 !important;
}

.me-z-3 {
  z-index: 3 !important;
}

.me-z-4 {
  z-index: 4 !important;
}

.me-z-5 {
  z-index: 5 !important;
}

.me-z-10 {
  z-index: 10 !important;
}

.me-z-20 {
  z-index: 20 !important;
}

.me-z-30 {
  z-index: 30 !important;
}

.me-z-40 {
  z-index: 40 !important;
}

.me-z-50 {
  z-index: 50 !important;
}

.me-z-100 {
  z-index: 100 !important;
}

.me-z-999 {
  z-index: 999 !important;
}

.me-z-minus-1 {
  z-index: -1 !important;
}

.me-hidden,
.movie-engine-hidden {
  display: none !important;
}

.me-visible {
  visibility: visible !important;
}

.me-invisible {
  visibility: hidden !important;
}

.movie-engine-ad-slot {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px auto;
  width: 100%;
  text-align: center;
  overflow: hidden;
}
@media (min-width: 769px) {
  .movie-engine-ad-slot.me-hide-desktop {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .movie-engine-ad-slot.me-hide-mobile {
    display: none !important;
  }
}
.movie-engine-ad-slot ins,
.movie-engine-ad-slot iframe,
.movie-engine-ad-slot img {
  margin: 0 auto !important;
  max-width: 100% !important;
}

.movie-engine-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  font-size: 15px;
  user-select: none;
  background-color: var(--movie-engine-primary-color);
  border: 1px solid transparent;
  border-radius: var(--movie-engine-border-radius);
  transition: all 0.2s ease-in-out;
  gap: 8px;
  color: var(--movie-engine-white-color);
}
.movie-engine-btn:disabled, .movie-engine-btn.disabled {
  opacity: 0.65;
  pointer-events: none;
}
.movie-engine-btn:hover {
  background-color: var(--movie-engine-primary-hover-color);
  color: var(--movie-engine-white-color);
}

.movie-engine-btn-primary {
  color: var(--movie-engine-white-color);
  background-color: var(--movie-engine-primary-color);
  border-color: var(--movie-engine-primary-color);
}
.movie-engine-btn-primary:hover {
  background-color: var(--movie-engine-primary-rgb);
  filter: brightness(0.85);
  color: var(--movie-engine-white-color);
}

/* Page Templates */
.movie-engine-page-template {
  background-color: var(--movie-engine-bg-color);
  color: var(--movie-engine-white-color);
  min-height: 80vh;
  font-family: var(--movie-engine-body-font);
  padding-top: 80px;
  padding-bottom: 80px;
}
.movie-engine-page-template.movie-engine-front-page {
  padding-top: 0;
  padding-bottom: 0;
}
.movie-engine-page-template.me-template-fullwidth {
  padding-left: 0;
  padding-right: 0;
}

.movie-engine-action-btn[data-tooltip],
.me-playlist-btn[data-tooltip],
.me-playlist-toggle-btn[data-tooltip],
.me-icon-btn[data-tooltip],
.me-social-btn[data-tooltip] {
  position: relative;
}
.movie-engine-action-btn[data-tooltip]::after,
.me-playlist-btn[data-tooltip]::after,
.me-playlist-toggle-btn[data-tooltip]::after,
.me-icon-btn[data-tooltip]::after,
.me-social-btn[data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%) translateY(5px);
  background: var(--movie-engine-black-color);
  color: var(--movie-engine-white-color);
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  pointer-events: none;
  z-index: 100;
  box-shadow: 0 4px 15px rgba(var(--movie-engine-black-rgb), 0.5);
}
.movie-engine-action-btn[data-tooltip]::before,
.me-playlist-btn[data-tooltip]::before,
.me-playlist-toggle-btn[data-tooltip]::before,
.me-icon-btn[data-tooltip]::before,
.me-social-btn[data-tooltip]::before {
  content: "";
  position: absolute;
  bottom: calc(100% + 4px);
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: var(--movie-engine-black-color);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  pointer-events: none;
  z-index: 100;
}
.movie-engine-action-btn[data-tooltip]:hover::after, .movie-engine-action-btn[data-tooltip]:hover::before,
.me-playlist-btn[data-tooltip]:hover::after,
.me-playlist-btn[data-tooltip]:hover::before,
.me-playlist-toggle-btn[data-tooltip]:hover::after,
.me-playlist-toggle-btn[data-tooltip]:hover::before,
.me-icon-btn[data-tooltip]:hover::after,
.me-icon-btn[data-tooltip]:hover::before,
.me-social-btn[data-tooltip]:hover::after,
.me-social-btn[data-tooltip]:hover::before {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.me-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

:focus {
  outline: none !important;
  box-shadow: none !important;
}

:focus-visible {
  outline: 2px solid var(--movie-engine-primary-color) !important;
  outline-offset: 2px !important;
}

.movie-engine-plugin input:focus,
.movie-engine-plugin select:focus,
.movie-engine-plugin textarea:focus {
  border-color: var(--movie-engine-primary-color) !important;
  box-shadow: 0 0 0 1px var(--movie-engine-primary-color) !important;
}

.movie-engine-player-wrapper {
  background: var(--movie-engine-black-color);
  border-radius: 8px;
  overflow: hidden;
}
.movie-engine-player-wrapper.movie-engine-trailer-player {
  background: var(--movie-engine-black-color);
}
.movie-engine-player-wrapper.me-trailer-cta-wrapper {
  position: relative;
  width: 100%;
  min-height: 480px;
  aspect-ratio: 16/9;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  overflow: hidden;
  border-radius: var(--movie-engine-border-radius-lg);
}
@media (max-width: 768px) {
  .movie-engine-player-wrapper.me-trailer-cta-wrapper {
    min-height: 320px;
  }
}
.movie-engine-player-wrapper.me-trailer-cta-wrapper .me-trailer-cta-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0.9) 100%);
  z-index: 1;
}
.movie-engine-player-wrapper.me-trailer-cta-wrapper .me-trailer-cta-content {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 600px;
  padding: 40px;
  color: var(--movie-engine-white-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.movie-engine-player-wrapper.me-trailer-cta-wrapper .me-trailer-cta-content .me-player-tip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--movie-engine-yellow-color);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.movie-engine-player-wrapper.me-trailer-cta-wrapper .me-trailer-cta-content .me-player-tip i,
.movie-engine-player-wrapper.me-trailer-cta-wrapper .me-trailer-cta-content .me-player-tip span {
  font-size: 14px;
}
.movie-engine-player-wrapper.me-trailer-cta-wrapper .me-trailer-cta-content h3 {
  font-size: var(--movie-engine-font-size-3xl);
  margin: 0;
  color: #ffffff !important;
  font-family: var(--movie-engine-heading-font);
  font-weight: 700;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
}
@media (max-width: 768px) {
  .movie-engine-player-wrapper.me-trailer-cta-wrapper .me-trailer-cta-content h3 {
    font-size: var(--movie-engine-font-size-2xl);
  }
}
.movie-engine-player-wrapper.me-trailer-cta-wrapper .me-trailer-cta-content .movie-engine-btn {
  padding: 14px 32px;
  font-size: 15px;
  font-weight: 700;
  border-radius: 30px;
  display: flex;
  align-items: center;
  gap: 12px;
  transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 8px 24px rgba(var(--movie-engine-primary-rgb), 0.3);
}
.movie-engine-player-wrapper.me-trailer-cta-wrapper .me-trailer-cta-content .movie-engine-btn:hover {
  transform: translateY(-2px) scale(1.02);
  box-shadow: 0 12px 32px rgba(var(--movie-engine-primary-rgb), 0.5);
}
.movie-engine-player-wrapper.me-trailer-cta-wrapper .me-trailer-cta-content .movie-engine-btn i,
.movie-engine-player-wrapper.me-trailer-cta-wrapper .me-trailer-cta-content .movie-engine-btn span {
  font-size: 18px;
}

.movie-engine-tap-to-unmute {
  position: absolute;
  left: 50%;
  bottom: 35%;
  transform: translateX(-50%);
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  border-radius: 24px;
  background: var(--movie-engine-primary-color, #e50914);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
  pointer-events: auto;
}
.movie-engine-tap-to-unmute .me-tap-to-unmute-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}
.movie-engine-tap-to-unmute.movie-engine-tap-to-unmute-hidden {
  display: none !important;
}

.movie-engine-download-overlay {
  pointer-events: none;
}
.movie-engine-download-overlay .movie-engine-download-btn {
  pointer-events: auto;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  color: #fff;
  padding: 8px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease, background 0.2s ease;
}
.movie-engine-download-overlay .movie-engine-download-btn:hover {
  background: rgba(0, 0, 0, 0.75);
  opacity: 1;
}

.movie-engine-player-container {
  position: relative;
  background: var(--movie-engine-black-color);
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.movie-engine-player-container:fullscreen, .movie-engine-player-container:-webkit-full-screen, .movie-engine-player-container:-moz-full-screen, .movie-engine-player-container:-ms-fullscreen {
  aspect-ratio: unset;
  width: 100vw;
  height: 100vh;
}
.movie-engine-player-container.movie-engine-theater-mode {
  max-width: 100%;
  margin: 0;
  border-radius: 0;
  height: 80vh !important;
  aspect-ratio: auto !important;
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.5);
}
.movie-engine-player-container.movie-engine-theater-mode::before {
  content: "";
  position: absolute;
  top: -10%;
  left: -10%;
  right: -10%;
  bottom: -10%;
  background: inherit;
  filter: blur(80px) opacity(0.3);
  z-index: -1;
  pointer-events: none;
  border-radius: 50%;
}
.movie-engine-player-container.movie-engine-theater-mode .plyr,
.movie-engine-player-container.movie-engine-theater-mode iframe,
.movie-engine-player-container.movie-engine-theater-mode video,
.movie-engine-player-container.movie-engine-theater-mode .movie-engine-clappr-container {
  width: 100% !important;
  height: 100% !important;
  flex: 1;
}
.movie-engine-player-container iframe,
.movie-engine-player-container video {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  display: block;
  border: none;
  outline: none;
  flex: 1;
  object-fit: cover !important;
}
.movie-engine-player-container.movie-engine-video-fill video, .movie-engine-player-container.movie-engine-video-fill iframe {
  object-fit: cover;
}
.movie-engine-player-container.movie-engine-video-center video,
.movie-engine-player-container.movie-engine-video-center iframe {
  object-fit: contain;
  width: auto !important;
  height: 100% !important;
  max-width: 100% !important;
}
.movie-engine-player-container .video-js {
  width: 100%;
  height: 100%;
}
.movie-engine-player-container .movie-engine-shaka-container {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: unset !important;
  border-radius: 0 !important;
}
.movie-engine-player-container > video[style*="display: none"] {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.movie-engine-player-container .plyr,
.movie-engine-player-container .plyr .plyr__video-wrapper {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
}
.movie-engine-player-container .plyr video,
.movie-engine-player-container .plyr .plyr__video-wrapper video {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  min-height: 100% !important;
}
.movie-engine-player-container .artplayer-app video,
.movie-engine-player-container .artplayer-app .art-video-player video {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  min-height: 100% !important;
}
.movie-engine-player-container .movie-engine-clappr-container ~ .movie-engine-clappr-container {
  display: none !important;
}
.movie-engine-player-container .movie-engine-clappr-container ~ video {
  display: none !important;
  visibility: hidden !important;
}
.movie-engine-player-container .movie-engine-clappr-container {
  width: 100% !important;
  height: 100% !important;
  flex: 1;
  background: #000 !important;
  border-radius: 8px;
  overflow: hidden;
  min-height: 200px;
  position: relative !important;
}
.movie-engine-player-container .movie-engine-clappr-container [data-player] {
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0;
  left: 0;
}
.movie-engine-player-container .movie-engine-clappr-container .container[data-container] {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
}
.movie-engine-player-container .movie-engine-clappr-container video,
.movie-engine-player-container .movie-engine-clappr-container [data-html5-video],
.movie-engine-player-container .movie-engine-clappr-container .playback[data-playback] video {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.movie-engine-player-container .movie-engine-clappr-container .playback[data-playback] {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: none !important;
  max-height: none !important;
}
.movie-engine-player-container .movie-engine-clappr-container .player-poster[data-poster] {
  background-size: cover !important;
  width: 100% !important;
  height: 100% !important;
}
.movie-engine-player-container .movie-engine-clappr-container .player-poster[data-poster] .play-wrapper[data-poster] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--movie-engine-primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s, background 0.2s;
  opacity: 1;
}
.movie-engine-player-container .movie-engine-clappr-container .player-poster[data-poster] .play-wrapper[data-poster]:hover {
  transform: translate(-50%, -50%) scale(1.1);
}
.movie-engine-player-container .movie-engine-clappr-container .player-poster[data-poster] .play-wrapper[data-poster] svg {
  fill: #fff !important;
  width: 32px !important;
  height: 32px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.movie-engine-player-container .movie-engine-clappr-container .player-poster[data-poster]:not([style*="display: none"]) .play-wrapper[data-poster] svg, .movie-engine-player-container .movie-engine-clappr-container .player-poster[data-poster][style*="display: block"] .play-wrapper[data-poster] svg,
.movie-engine-player-container .movie-engine-clappr-container .player-poster[data-poster] .play-wrapper[data-poster] svg.poster-icon {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.movie-engine-player-container .movie-engine-clappr-container .media-control[data-media-control] {
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}
.movie-engine-player-container .movie-engine-clappr-container .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button {
  width: max-content !important;
  margin: 0;
  background: transparent !important;
  opacity: 1 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.movie-engine-player-container .movie-engine-clappr-container .media-control[data-media-control] .media-control-background[data-background] {
  bottom: -2px !important;
}
.movie-engine-player-container .movie-engine-clappr-container .media-control[data-media-control] .media-control-icon {
  opacity: 1 !important;
}
.movie-engine-player-container .movie-engine-clappr-container .media-control[data-media-control] .media-control-button {
  color: rgba(255, 255, 255, 0.8) !important;
}
.movie-engine-player-container .movie-engine-clappr-container .media-control[data-media-control] .media-control-button:hover {
  color: #fff !important;
}
.movie-engine-player-container .movie-engine-clappr-container .media-control[data-media-control] .media-control-button svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  fill: currentColor;
  transition: all 0.2s ease !important;
}
.movie-engine-player-container .movie-engine-clappr-container .media-control-left-panel[data-media-control] {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}
.movie-engine-player-container .movie-engine-clappr-container .media-control-center-panel[data-media-control] {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  margin: 0 10px !important;
}
.movie-engine-player-container .movie-engine-clappr-container .media-control-right-panel[data-media-control] {
  display: flex !important;
  align-items: center !important;
  gap: 2px;
}
.movie-engine-player-container .movie-engine-clappr-container .media-control-indicator[data-time],
.movie-engine-player-container .movie-engine-clappr-container .media-control-indicator[data-duration],
.movie-engine-player-container .movie-engine-clappr-container .media-control-indicator[data-position] {
  display: inline-block !important;
  font-size: 15px !important;
  color: #fff !important;
  padding: 0 4px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.movie-engine-player-container .movie-engine-clappr-container [data-seekbar] {
  cursor: pointer !important;
}
.movie-engine-player-container .movie-engine-clappr-container .seekbar-container[data-seekbar],
.movie-engine-player-container .movie-engine-clappr-container .seekbar-hover[data-seekbar] {
  height: 4px !important;
  top: 6px !important;
}
.movie-engine-player-container .movie-engine-clappr-container .bar-fill-2[data-seekbar] {
  background-color: var(--movie-engine-primary-color) !important;
}
.movie-engine-player-container .movie-engine-clappr-container .bar-scrubber[data-seekbar] .bar-scrubber-icon {
  background-color: var(--movie-engine-primary-color) !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}
.movie-engine-player-container .movie-engine-clappr-container .bar-fill-2[data-volume] {
  background-color: var(--movie-engine-primary-color) !important;
}
.movie-engine-player-container .movie-engine-clappr-container .level-selector ul {
  background: rgba(0, 0, 0, 0.9) !important;
  border-radius: 4px;
}
.movie-engine-player-container .movie-engine-clappr-container .level-selector li:hover,
.movie-engine-player-container .movie-engine-clappr-container .level-selector li.current {
  background: var(--movie-engine-primary-color) !important;
}
.movie-engine-player-container .movie-engine-clappr-container .spinner-three-bounce > div {
  background-color: var(--movie-engine-primary-color) !important;
}
.movie-engine-player-container .movie-engine-clappr-container .clappr-watermark {
  opacity: 0.7;
}
.movie-engine-player-container .movie-engine-clappr-container .clappr-logo {
  display: none !important;
}
.movie-engine-player-container .movie-engine-clappr-container .pip-button {
  cursor: pointer;
}
.movie-engine-player-container .movie-engine-clappr-container .container[data-container],
.movie-engine-player-container .movie-engine-clappr-container [data-player],
.movie-engine-player-container .movie-engine-clappr-container .playback[data-playback] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}
.movie-engine-player-container .movie-engine-clappr-container .playback[data-playback] {
  height: 100% !important;
}
.movie-engine-player-container .movie-engine-clappr-container video {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}
.movie-engine-player-container .movie-engine-clappr-container button.media-control-button.movie-engine-quality-btn,
.movie-engine-player-container .movie-engine-clappr-container button.media-control-button.movie-engine-speed-btn,
.movie-engine-player-container .movie-engine-clappr-container button.media-control-button.movie-engine-audio-btn,
.movie-engine-player-container .movie-engine-clappr-container button.media-control-button.movie-engine-pip-btn,
.movie-engine-player-container .movie-engine-clappr-container button.media-control-button.movie-engine-playlist-btn,
.movie-engine-player-container .movie-engine-clappr-container button.media-control-button.movie-engine-theater-btn {
  background: rgba(0, 0, 0, 0.6) !important;
  border: none !important;
  color: #fff !important;
  cursor: pointer !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  border-radius: 4px !important;
  opacity: 1 !important;
  transition: all 0.2s ease !important;
  padding: 0 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 32px !important;
}
.movie-engine-player-container .movie-engine-clappr-container button.media-control-button.movie-engine-quality-btn:hover,
.movie-engine-player-container .movie-engine-clappr-container button.media-control-button.movie-engine-speed-btn:hover,
.movie-engine-player-container .movie-engine-clappr-container button.media-control-button.movie-engine-audio-btn:hover,
.movie-engine-player-container .movie-engine-clappr-container button.media-control-button.movie-engine-pip-btn:hover,
.movie-engine-player-container .movie-engine-clappr-container button.media-control-button.movie-engine-playlist-btn:hover,
.movie-engine-player-container .movie-engine-clappr-container button.media-control-button.movie-engine-theater-btn:hover {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
  transform: scale(1.05);
}
.movie-engine-player-container .movie-engine-clappr-container button.media-control-button.movie-engine-quality-btn svg,
.movie-engine-player-container .movie-engine-clappr-container button.media-control-button.movie-engine-speed-btn svg,
.movie-engine-player-container .movie-engine-clappr-container button.media-control-button.movie-engine-audio-btn svg,
.movie-engine-player-container .movie-engine-clappr-container button.media-control-button.movie-engine-pip-btn svg,
.movie-engine-player-container .movie-engine-clappr-container button.media-control-button.movie-engine-playlist-btn svg,
.movie-engine-player-container .movie-engine-clappr-container button.media-control-button.movie-engine-theater-btn svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  fill: currentColor;
}
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-clappr-custom-controls {
  pointer-events: auto;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center;
  gap: 5px;
  height: 100%;
  z-index: 1000 !important;
}
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-speed-menu,
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-quality-menu,
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-audio-menu {
  display: none;
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.95);
  border-radius: 4px;
  padding: 6px 0;
  z-index: 10000;
  min-width: 80px;
  max-height: 250px;
  overflow-y: auto;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-speed-menu::-webkit-scrollbar,
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-quality-menu::-webkit-scrollbar,
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-audio-menu::-webkit-scrollbar {
  width: 4px;
}
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-speed-menu::-webkit-scrollbar-track,
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-quality-menu::-webkit-scrollbar-track,
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-audio-menu::-webkit-scrollbar-track {
  background: transparent;
}
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-speed-menu::-webkit-scrollbar-thumb,
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-quality-menu::-webkit-scrollbar-thumb,
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-audio-menu::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
}
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-speed-menu,
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-quality-menu,
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-audio-menu {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-speed-item,
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-quality-item,
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-audio-item {
  padding: 6px 14px;
  cursor: pointer;
  color: #fff;
  font-size: 13px;
  text-align: center;
  transition: background 0.2s ease;
}
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-speed-item:hover,
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-quality-item:hover,
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-audio-item:hover {
  background: rgba(255, 255, 255, 0.1);
}
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-speed-item.is-active,
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-quality-item.is-active,
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-audio-item.is-active {
  color: var(--movie-engine-primary-color);
  font-weight: bold;
}
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-speed-wrapper,
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-quality-wrapper,
.movie-engine-player-container .movie-engine-clappr-container .movie-engine-audio-wrapper {
  position: relative;
}
.movie-engine-player-container .movie-engine-clappr-container [data-hd-indicator],
.movie-engine-player-container .movie-engine-clappr-container .hd-indicator {
  display: none !important;
}
@media (max-width: 768px) {
  .movie-engine-player-container .movie-engine-clappr-container {
    min-height: 250px !important;
  }
  .movie-engine-player-container .movie-engine-clappr-container .media-control[data-media-control] .media-control-layer[data-controls] {
    display: flex !important;
    flex-wrap: wrap !important;
    height: auto !important;
    padding: 10px !important;
    align-items: center !important;
  }
  .movie-engine-player-container .movie-engine-clappr-container .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button {
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .movie-engine-player-container .movie-engine-clappr-container .media-control[data-media-control] .media-control-layer[data-controls] button.media-control-button svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    margin: 0 auto !important;
  }
  .movie-engine-player-container .movie-engine-clappr-container .media-control[data-media-control] .media-control-background[data-background] {
    height: 100% !important;
    bottom: 0 !important;
  }
  .movie-engine-player-container .movie-engine-clappr-container .media-control-center-panel[data-media-control] {
    flex: 0 0 100% !important;
    order: -1 !important;
    margin: 0 0 15px 0 !important;
    height: 4px !important;
  }
  .movie-engine-player-container .movie-engine-clappr-container .media-control-left-panel[data-media-control] {
    flex: 0 0 auto !important;
    order: 1 !important;
  }
  .movie-engine-player-container .movie-engine-clappr-container .media-control-right-panel[data-media-control] {
    flex: 1 !important;
    order: 2 !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    overflow: visible !important;
  }
  .movie-engine-player-container .movie-engine-clappr-container .media-control-right-panel[data-media-control] [data-volume] {
    display: none !important;
  }
  .movie-engine-player-container .movie-engine-clappr-container .media-control-indicator[data-time],
  .movie-engine-player-container .movie-engine-clappr-container .media-control-indicator[data-duration],
  .movie-engine-player-container .movie-engine-clappr-container .media-control-indicator[data-position] {
    font-size: 13px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    line-height: normal !important;
  }
  .movie-engine-player-container .movie-engine-clappr-container .movie-engine-clappr-custom-controls {
    gap: 4px !important;
  }
  .movie-engine-player-container .movie-engine-clappr-container .movie-engine-clappr-custom-controls button.media-control-button.movie-engine-quality-btn,
  .movie-engine-player-container .movie-engine-clappr-container .movie-engine-clappr-custom-controls button.media-control-button.movie-engine-speed-btn,
  .movie-engine-player-container .movie-engine-clappr-container .movie-engine-clappr-custom-controls button.media-control-button.movie-engine-audio-btn,
  .movie-engine-player-container .movie-engine-clappr-container .movie-engine-clappr-custom-controls button.media-control-button.movie-engine-pip-btn,
  .movie-engine-player-container .movie-engine-clappr-container .movie-engine-clappr-custom-controls button.media-control-button.movie-engine-playlist-btn,
  .movie-engine-player-container .movie-engine-clappr-container .movie-engine-clappr-custom-controls button.media-control-button.movie-engine-theater-btn {
    font-size: 13px !important;
    padding: 0 6px !important;
    height: 28px !important;
    background: rgba(0, 0, 0, 0.6) !important;
    justify-content: center !important;
    line-height: normal !important;
  }
  .movie-engine-player-container .movie-engine-clappr-container .movie-engine-clappr-custom-controls button.media-control-button.movie-engine-quality-btn svg,
  .movie-engine-player-container .movie-engine-clappr-container .movie-engine-clappr-custom-controls button.media-control-button.movie-engine-speed-btn svg,
  .movie-engine-player-container .movie-engine-clappr-container .movie-engine-clappr-custom-controls button.media-control-button.movie-engine-audio-btn svg,
  .movie-engine-player-container .movie-engine-clappr-container .movie-engine-clappr-custom-controls button.media-control-button.movie-engine-pip-btn svg,
  .movie-engine-player-container .movie-engine-clappr-container .movie-engine-clappr-custom-controls button.media-control-button.movie-engine-playlist-btn svg,
  .movie-engine-player-container .movie-engine-clappr-container .movie-engine-clappr-custom-controls button.media-control-button.movie-engine-theater-btn svg {
    width: 16px !important;
    height: 16px !important;
  }
}
.movie-engine-player-container .vjs-big-play-button {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  line-height: 80px;
  border: 3px solid var(--movie-engine-primary-color);
  background: rgba(var(--movie-engine-primary-rgb), 0.8);
  font-size: 40px;
  transition: all 0.3s ease;
}
.movie-engine-player-container .vjs-big-play-button:hover {
  background: var(--movie-engine-primary-color);
  transform: scale(1.1);
}
.movie-engine-player-container .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 80px;
}
.movie-engine-player-container .vjs-control-bar {
  background: linear-gradient(to top, rgba(var(--movie-engine-black-rgb), 0.8) 0%, transparent 100%);
  height: 50px;
}
.movie-engine-player-container .vjs-play-progress {
  background-color: var(--movie-engine-primary-color);
}
.movie-engine-player-container .vjs-volume-level {
  background-color: var(--movie-engine-primary-color);
}
@media (max-width: 480px) {
  .movie-engine-player-container {
    min-height: 200px !important;
  }
  .movie-engine-player-container .media-control-right-panel[data-media-control],
  .movie-engine-player-container .movie-engine-clappr-custom-controls {
    gap: 2px !important;
  }
}

.movie-engine-player-info {
  background: var(--movie-engine-black-color);
  padding: 12px 20px;
  border-top: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
}
.movie-engine-player-info .movie-engine-player-tip {
  margin: 0;
  color: var(--movie-engine-border-color);
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.movie-engine-player-info .movie-engine-player-tip .dashicons {
  color: var(--movie-engine-primary-color);
  font-size: 16px;
  width: 16px;
  height: 16px;
}

.movie-engine-player-notice {
  padding: 40px 20px;
  text-align: center;
  color: var(--movie-engine-white-color);
  font-size: 16px;
  background: var(--movie-engine-black-color);
}
.movie-engine-player-notice .dashicons {
  font-size: 48px;
  width: 48px;
  height: 48px;
  margin-bottom: 15px;
  color: var(--movie-engine-primary-color);
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.movie-engine-player-notice.error {
  background: var(--movie-engine-black-color);
  color: var(--movie-engine-primary-color);
}

/* Global player UI: server tabs and affiliate buttons.
   Same HTML from templates/single-movie/player.php is used on movie, episode (sidebar + fullwidth), and fullpage.
   Styles here use the component class only so they apply everywhere; no layout-specific parent needed. */
.movie-engine-server-switcher {
  padding: 10px 12px;
  background: rgba(var(--movie-engine-black-rgb), 0.95);
  border-bottom: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.08);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.movie-engine-server-switcher .movie-engine-server-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  justify-content: flex-start;
}
.movie-engine-server-switcher .movie-engine-server-btn {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  flex-shrink: 0;
  gap: 6px;
  padding: 6px 12px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.06);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.12);
  border-radius: 8px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.9);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
}
.movie-engine-server-switcher .movie-engine-server-btn:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.2);
  color: var(--movie-engine-white-color);
}
.movie-engine-server-switcher .movie-engine-server-btn.active {
  background: var(--movie-engine-primary-color);
  border-color: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
}
.movie-engine-server-switcher .movie-engine-server-btn .movie-engine-server-flag {
  width: 20px;
  height: auto;
  border-radius: 2px;
  flex-shrink: 0;
}
.movie-engine-server-switcher .movie-engine-server-btn .movie-engine-server-quality {
  padding: 2px 6px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.12);
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}
.movie-engine-server-switcher .movie-engine-player-info {
  display: flex;
  flex-shrink: 0;
  margin: 0;
}
.movie-engine-server-switcher .movie-engine-player-info .movie-engine-player-tip {
  margin: 0;
  font-size: 12px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
  display: flex;
  align-items: center;
  gap: 6px;
}
.movie-engine-server-switcher .movie-engine-player-info .movie-engine-player-tip .dashicons {
  font-size: 14px;
  width: 14px;
  height: 14px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.4);
}

/* Affiliate buttons – same design everywhere (movie, episode sidebar, episode fullwidth, fullpage) */
.movie-engine-affiliate-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  padding: 12px 20px;
  background: rgba(var(--movie-engine-black-rgb), 0.95);
  border-top: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.08);
  flex-shrink: 0;
}
.movie-engine-affiliate-buttons .movie-engine-affiliate-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  color: var(--movie-engine-white-color);
  transition: all 0.2s ease;
  white-space: nowrap;
  flex-shrink: 0;
}
.movie-engine-affiliate-buttons .movie-engine-affiliate-btn span[class*=dashicons],
.movie-engine-affiliate-buttons .movie-engine-affiliate-btn .dashicons {
  font-size: 16px;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.movie-engine-affiliate-buttons .movie-engine-affiliate-btn:hover {
  transform: translateY(-2px);
  filter: brightness(1.1);
  box-shadow: 0 4px 12px rgba(var(--movie-engine-black-rgb), 0.4);
}
.movie-engine-affiliate-buttons .movie-engine-affiliate-btn.amazon {
  background: #FF9900;
  color: var(--movie-engine-black-color);
}
.movie-engine-affiliate-buttons .movie-engine-affiliate-btn.netflix {
  background: #E50914;
}
.movie-engine-affiliate-buttons .movie-engine-affiliate-btn.prime {
  background: #00A8E1;
}
.movie-engine-affiliate-buttons .movie-engine-affiliate-btn.disney {
  background: #113CCF;
}
.movie-engine-affiliate-buttons .movie-engine-affiliate-btn.hulu {
  background: #1CE783;
  color: var(--movie-engine-black-color);
}
.movie-engine-affiliate-buttons .movie-engine-affiliate-btn.hbo {
  background: #5D2E86;
}
.movie-engine-affiliate-buttons .movie-engine-affiliate-btn.apple {
  background: var(--movie-engine-black-color);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.2);
}
.movie-engine-affiliate-buttons .movie-engine-affiliate-btn.tickets {
  background: #F44336;
}

@media (max-width: 768px) {
  .movie-engine-server-switcher {
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
  }
  .movie-engine-server-switcher .movie-engine-server-buttons {
    width: 100%;
  }
  .movie-engine-server-switcher .movie-engine-server-btn {
    flex: 1;
    min-width: calc(50% - 5px);
    padding: 8px 12px;
    font-size: 12px;
  }
  .movie-engine-player-container .vjs-big-play-button {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
  }
  .movie-engine-player-container .vjs-big-play-button .vjs-icon-placeholder:before {
    line-height: 60px;
  }
}
.movie-engine-skip-ad {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: rgba(var(--movie-engine-black-rgb), 0.8);
  color: var(--movie-engine-white-color);
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  z-index: 2147483647;
  cursor: pointer;
  border-left: 3px solid var(--movie-engine-primary-color);
  transition: all 0.3s ease;
  pointer-events: auto;
}
.movie-engine-skip-ad.disabled {
  opacity: 0.7;
  cursor: not-allowed;
  pointer-events: none;
  border-left-color: var(--movie-engine-border-color);
}
.movie-engine-skip-ad.clickable:hover {
  background: var(--movie-engine-primary-color);
  padding-right: 25px;
}
.movie-engine-skip-ad .dashicons {
  font-size: 18px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-left: 5px;
}

.movie-engine-player-watermark {
  position: absolute;
  z-index: 20;
  pointer-events: none;
  max-width: 150px;
  max-height: 50px;
  object-fit: contain;
  transition: all 0.5s ease;
}
.movie-engine-player-watermark img {
  width: 100%;
  height: auto;
  display: block;
}
.movie-engine-player-watermark.top-left {
  top: 20px;
  left: 20px;
}
.movie-engine-player-watermark.top-right {
  top: 20px;
  right: 20px;
}
.movie-engine-player-watermark.bottom-left {
  bottom: 60px;
  left: 20px;
}
.movie-engine-player-watermark.bottom-right {
  bottom: 60px;
  right: 20px;
}
.movie-engine-player-watermark.center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.movie-engine-player-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 500px;
  background: var(--movie-engine-black-color);
  color: var(--movie-engine-white-color);
  width: 100%;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.is-hidden,
.movie-engine-video-hidden {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.is-active {
  color: var(--movie-engine-primary-color) !important;
  font-weight: bold !important;
}

.media-control-right-panel[data-media-control] {
  display: flex !important;
  align-items: center;
  gap: 2px;
}

.movie-engine-clappr-container .movie-engine-quality-btn {
  background: rgba(0, 0, 0, 0.6);
  border: none;
}

.movie-engine-clappr-error-retry {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.95);
  color: #fff;
  padding: 25px;
  border-radius: 8px;
  z-index: 2000;
  max-width: 400px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.8);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.movie-engine-clappr-error-retry .movie-engine-error-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
}
.movie-engine-clappr-error-retry .movie-engine-error-text {
  font-size: 14px;
  opacity: 0.8;
  margin-bottom: 20px;
}
.movie-engine-clappr-error-retry .movie-engine-retry-btn {
  padding: 10px 24px;
  background: var(--movie-engine-primary-color);
  border: none;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  transition: transform 0.2s ease, background 0.2s ease;
}
.movie-engine-clappr-error-retry .movie-engine-retry-btn:hover {
  transform: scale(1.05);
  filter: brightness(1.2);
}

.movie-engine-player-error {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.95);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2147483647;
  color: #fff;
  text-align: center;
  padding: 20px;
}
.movie-engine-player-error .error-content {
  max-width: 400px;
}
.movie-engine-player-error .error-content h3 {
  font-size: 20px;
  margin-bottom: 12px;
  color: var(--movie-engine-primary-color);
  margin-top: 0;
}
.movie-engine-player-error .error-content p {
  font-size: 14px;
  margin-bottom: 24px;
  opacity: 0.9;
}
.movie-engine-player-error .movie-engine-retry-btn {
  padding: 12px 30px;
  background: var(--movie-engine-primary-color);
  border: none;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  -webkit-appearance: none;
  appearance: none;
}
.movie-engine-player-error .movie-engine-retry-btn:hover {
  transform: scale(1.05);
  filter: brightness(1.1);
}
.movie-engine-player-error .movie-engine-retry-btn:active {
  transform: scale(0.95);
}

.movie-engine-no-options {
  padding: 12px 16px;
  color: #888;
  font-size: 14px;
  text-align: center;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.movie-engine-spin {
  animation: spin 1s linear infinite;
}

.movie-engine-seek-feedback {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 50;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 70%);
  opacity: 0;
  animation: meSeekRipple 0.8s ease-out forwards;
}
.movie-engine-seek-feedback.me-seek-backward {
  left: 0;
  border-radius: 0 50% 50% 0;
}
.movie-engine-seek-feedback.me-seek-forward {
  right: 0;
  border-radius: 50% 0 0 50%;
}
.movie-engine-seek-feedback .me-seek-icon-circle {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  width: 80px;
  height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.movie-engine-seek-feedback .me-seek-icon-circle span:first-child {
  font-size: 24px;
  margin-bottom: 4px;
}
.movie-engine-seek-feedback .me-seek-icon-circle span:last-child {
  font-size: 12px;
  font-weight: 600;
}
.movie-engine-seek-feedback.me-fade-out {
  opacity: 0;
  transition: opacity 0.4s ease;
}

@keyframes meSeekRipple {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.1);
  }
}
.movie-engine-next-episode-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  background: rgba(var(--movie-engine-black-rgb), 0.85);
  color: var(--movie-engine-white-color);
  border: 2px solid rgba(var(--movie-engine-white-color-rgb), 0.2);
  padding: 12px 20px;
  border-radius: 6px;
  cursor: pointer;
  z-index: 100;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 250px;
}
.movie-engine-next-episode-btn span:first-child {
  font-size: 11px;
  opacity: 0.7;
  margin-bottom: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.movie-engine-next-episode-btn .episode-title {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.movie-engine-next-episode-btn:hover {
  background: rgba(var(--movie-engine-primary-rgb), 0.95);
  border-color: rgba(var(--movie-engine-primary-rgb), 1);
  transform: translateY(-2px);
}

.movie-engine-next-episode-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(var(--movie-engine-black-rgb), 0.95);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  animation: fadeIn 0.3s ease;
}
.movie-engine-next-episode-overlay .movie-engine-next-episode-content {
  background: var(--movie-engine-black-color);
  padding: 50px;
  border-radius: 12px;
  text-align: center;
  max-width: 450px;
  box-shadow: 0 15px 50px rgba(var(--movie-engine-black-rgb), 0.8);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
}
.movie-engine-next-episode-overlay .movie-engine-next-episode-content h3 {
  font-size: 28px;
  margin-bottom: 12px;
  color: var(--movie-engine-white-color);
  font-weight: 800;
}
.movie-engine-next-episode-overlay .movie-engine-next-episode-content p {
  font-size: 16px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.7);
  margin-bottom: 30px;
}
.movie-engine-next-episode-overlay .movie-engine-next-episode-content .movie-engine-countdown {
  font-size: 20px;
  color: var(--movie-engine-primary-color);
  margin-bottom: 30px;
  font-weight: 700;
}
.movie-engine-next-episode-overlay .movie-engine-next-episode-content .movie-engine-countdown #movie-engine-countdown-timer {
  font-size: 40px;
  display: block;
  margin-top: 10px;
}
.movie-engine-next-episode-overlay .movie-engine-next-episode-content .movie-engine-cancel-autoplay {
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.2);
  color: var(--movie-engine-white-color);
  padding: 12px 35px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  transition: all 0.3s ease;
}
.movie-engine-next-episode-overlay .movie-engine-next-episode-content .movie-engine-cancel-autoplay:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.2);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.4);
}

.movie-engine-custom-context-menu {
  position: fixed;
  background: rgba(28, 28, 28, 0.98);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  padding: 8px 0;
  z-index: 1000000;
  min-width: 220px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.8);
  animation: meMenuFadeIn 0.2s ease-out;
}
.movie-engine-custom-context-menu .me-ctx-item {
  padding: 12px 20px;
  color: #eee;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
  transition: all 0.2s ease;
}
.movie-engine-custom-context-menu .me-ctx-item .dashicons,
.movie-engine-custom-context-menu .me-ctx-item .material-icons-round {
  font-size: 18px;
  width: 18px;
  height: 18px;
  opacity: 0.6;
  transition: opacity 0.2s;
}
.movie-engine-custom-context-menu .me-ctx-item:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.movie-engine-custom-context-menu .me-ctx-item:hover .dashicons,
.movie-engine-custom-context-menu .me-ctx-item:hover .material-icons-round {
  opacity: 1;
}

@keyframes meMenuFadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
/* Skip Intro / Skip Recap button – same design everywhere (movie, episode, fullpage) */
.movie-engine-skip-button {
  position: absolute;
  bottom: 80px;
  left: auto;
  right: 0px;
  transform: translateX(-50%);
  z-index: 30;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 600;
  color: var(--movie-engine-white-color);
  background: var(--movie-engine-primary-color);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 4px 12px rgba(var(--movie-engine-black-rgb), 0.4);
  pointer-events: auto;
}
.movie-engine-skip-button:hover {
  background: var(--movie-engine-primary-hover-color);
  transform: translateX(-50%) translateY(-2px);
  box-shadow: 0 6px 16px rgba(var(--movie-engine-black-rgb), 0.5);
}

.movie-engine-tablet-ui .movie-engine-skip-button {
  padding: 15px 30px;
  font-size: 16px;
  bottom: 100px;
}
.movie-engine-tablet-ui .movie-engine-next-episode-btn {
  padding: 15px 25px;
}
.movie-engine-tablet-ui .movie-engine-next-episode-btn .episode-title {
  font-size: 16px;
}

video::-webkit-media-text-track-container {
  display: none !important;
}

.plyr {
  --plyr-color-main: $movie-engine-primary-color;
  --plyr-control-icon-size: 20px;
  --plyr-control-spacing: 12px;
  --plyr-range-thumb-height: 12px;
  --plyr-range-track-height: 4px;
  --plyr-font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  border-radius: 0;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr .plyr__progress__container,
.plyr .plyr__progress {
  flex: 1 1 100% !important;
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 10;
  height: 12px;
  display: flex;
  align-items: center;
  width: 100% !important;
  margin: 0 8px !important;
}
.plyr .plyr__progress__container input[type=range],
.plyr .plyr__progress input[type=range] {
  height: 4px;
  transition: height 0.2s ease;
  cursor: pointer;
}
.plyr .plyr__progress__container:hover input[type=range], .plyr .plyr__progress__container.plyr__progress--active input[type=range],
.plyr .plyr__progress:hover input[type=range],
.plyr .plyr__progress.plyr__progress--active input[type=range] {
  height: 4px;
}
.plyr .plyr__progress__container:hover .plyr__progress__buffer, .plyr .plyr__progress__container.plyr__progress--active .plyr__progress__buffer,
.plyr .plyr__progress:hover .plyr__progress__buffer,
.plyr .plyr__progress.plyr__progress--active .plyr__progress__buffer {
  height: 4px;
}
.plyr .plyr__progress__container:hover::-webkit-slider-thumb, .plyr .plyr__progress__container.plyr__progress--active::-webkit-slider-thumb,
.plyr .plyr__progress:hover::-webkit-slider-thumb,
.plyr .plyr__progress.plyr__progress--active::-webkit-slider-thumb {
  transform: scale(1);
}

.plyr__controls__row {
  display: flex;
  width: 100%;
  align-items: center;
}
.plyr__controls__row--top {
  margin-bottom: 5px;
  position: relative;
  z-index: 10;
  overflow: visible !important;
}
.plyr__controls__row--bottom {
  justify-content: space-between;
}

.plyr__controls__section {
  display: flex;
  align-items: center;
  gap: 10px;
}

.plyr__poster {
  background-size: cover;
  background-position: center;
}

.plyr__controls {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.5) 50%, transparent 100%) !important;
  border-radius: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
}
.plyr__controls .plyr__controls__row {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}
.plyr__controls .plyr__controls__row--top {
  margin-bottom: 5px !important;
}
.plyr__controls .plyr__controls__row--bottom {
  justify-content: space-between !important;
}
.plyr__controls .plyr__controls__section {
  display: flex !important;
  align-items: center !important;
}
.plyr__controls .plyr__controls__section--left {
  justify-content: flex-start !important;
  flex-grow: 1 !important;
}
.plyr__controls .plyr__controls__section--left .plyr__controls__item {
  margin-right: 0px;
}
.plyr__controls .plyr__controls__section--right {
  justify-content: flex-end !important;
}
@media (max-width: 768px) {
  .plyr__controls .plyr__controls__section .plyr__control svg {
    width: 15px;
    height: 15px;
  }
}
@media (max-width: 768px) {
  .plyr__controls .plyr__controls__section .plyr__control.movie-engine-theater-btn svg {
    width: 18px;
    height: 18px;
  }
}

.plyr__control {
  background: transparent !important;
  border-radius: 50%;
  color: #fff;
  transition: all 0.2s ease;
}
.plyr__control.plyr__tab-focus {
  box-shadow: none !important;
  color: var(--movie-engine-black-color) !important;
}

.plyr__menu .plyr__menu__container button.plyr__control:hover, .plyr__menu .plyr__menu__container button.plyr__control:focus {
  background: transparent !important;
  transform: scale(1);
  box-shadow: none !important;
  color: var(--movie-engine-black-color) !important;
}

.plyr__control--overlaid {
  background: rgba(var(--movie-engine-primary-rgb), 0.95) !important;
  backdrop-filter: blur(4px);
  width: 70px !important;
  height: 70px !important;
  border-radius: 100px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.plyr__control--overlaid svg {
  width: 25px;
  height: 25px;
  fill: var(--movie-engine-white-color);
}
.plyr__control--overlaid:hover {
  background: var(--movie-engine-primary-color) !important;
}

.plyr__progress__buffer {
  background: rgba(var(--movie-engine-white-color-rgb), 0.2) !important;
  height: 4px;
  top: 50%;
  transform: translateY(0%);
}

.plyr__time {
  font-size: 18px;
  font-weight: 500;
  color: var(--movie-engine-white-color);
  padding: 0 4px;
}
@media (max-width: 768px) {
  .plyr__time {
    font-size: 14px;
  }
}

.plyr__time:nth-of-type(n + 3) {
  display: none !important;
}

.plyr__volume {
  width: auto;
  min-width: 28px;
  max-width: 28px;
  overflow: hidden;
  transition: max-width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
}
.plyr__volume:hover, .plyr__volume.plyr__volume--active {
  max-width: 120px;
}
.plyr__volume input[type=range] {
  margin-left: 8px;
  flex: 1;
  height: 4px;
}

.plyr__tooltip {
  background: rgba(40, 40, 40, 0.9) !important;
  backdrop-filter: blur(4px);
  border-radius: 4px !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  padding: 6px 12px !important;
  color: var(--movie-engine-white-color);
}

.movie-engine-theater-btn svg {
  width: 25px;
  height: 25px;
}
@media (max-width: 768px) {
  .movie-engine-theater-btn svg {
    width: 20px;
    height: 20px;
  }
}

.plyr__menu__container [role=menuitemradio] {
  position: relative;
}
.plyr__menu__container [role=menuitemradio][aria-checked=false]::before {
  opacity: 0 !important;
  background: transparent !important;
}
.plyr__menu__container [role=menuitemradio][aria-checked=true]::before {
  opacity: 1 !important;
  background: var(--movie-engine-info-color) !important;
}
.plyr__menu__container [data-plyr=captions][aria-checked=false] .plyr__menu__value::after, .plyr__menu__container [data-plyr=captions][aria-checked=false]::after,
.plyr__menu__container [data-plyr=language][aria-checked=false] .plyr__menu__value::after,
.plyr__menu__container [data-plyr=language][aria-checked=false]::after {
  content: none !important;
}
.plyr__menu__container [data-plyr=captions][aria-checked=true] .plyr__menu__value::after, .plyr__menu__container [data-plyr=captions][aria-checked=true]::after,
.plyr__menu__container [data-plyr=language][aria-checked=true] .plyr__menu__value::after,
.plyr__menu__container [data-plyr=language][aria-checked=true]::after {
  content: "" !important;
}
.plyr__menu__container .plyr__control--forward::after,
.plyr__menu__container .plyr__control--back-button::after {
  border-color: currentColor !important;
}

.movie-engine-shaka-container,
.movie-engine-shaka-container * {
  pointer-events: auto;
}
.movie-engine-shaka-container .shaka-play-button-container {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.movie-engine-shaka-container .shaka-play-button {
  width: 70px;
  height: 70px;
  background-color: var(--movie-engine-white-color);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
  border-radius: 50%;
  border: none;
  color: #000;
}
.movie-engine-shaka-container .shaka-play-button:hover {
  opacity: 0.9;
}
.movie-engine-shaka-container .shaka-bottom-controls {
  background: transparent;
  padding: 10px;
  margin-bottom: 10px;
}
.movie-engine-shaka-container .shaka-controls-button-panel button {
  width: auto;
  height: 40px;
  min-width: 40px;
  color: rgba(255, 255, 255, 0.9);
  background: transparent;
  border: none;
}
.movie-engine-shaka-container .shaka-controls-button-panel button:hover {
  background: rgba(255, 255, 255, 0.15);
}
.movie-engine-shaka-container .shaka-seek-bar-container {
  height: 5px;
  padding: 0px;
}
.movie-engine-shaka-container .shaka-seek-bar {
  background-color: transparent;
}
.movie-engine-shaka-container .shaka-range-element {
  top: -5.3333333333px;
  border: none;
}
.movie-engine-shaka-container .shaka-range-container {
  margin: 0;
}
.movie-engine-shaka-container input[type=range]::-webkit-slider-thumb {
  background-color: var(--movie-engine-primary-color);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: none;
}
.movie-engine-shaka-container .shaka-volume-bar {
  height: 0px;
  background: transparent;
}
.movie-engine-shaka-container .shaka-overflow-menu,
.movie-engine-shaka-container .shaka-settings-menu {
  background: rgba(28, 28, 28, 0.98);
  border-radius: 8px;
  min-width: 220px;
  max-height: 350px;
  overflow-y: auto;
  padding: 4px 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
}
.movie-engine-shaka-container .shaka-overflow-menu::-webkit-scrollbar,
.movie-engine-shaka-container .shaka-settings-menu::-webkit-scrollbar {
  width: 4px;
}
.movie-engine-shaka-container .shaka-overflow-menu::-webkit-scrollbar-thumb,
.movie-engine-shaka-container .shaka-settings-menu::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}
.movie-engine-shaka-container .shaka-overflow-menu button,
.movie-engine-shaka-container .shaka-settings-menu button {
  color: rgb(255, 255, 255);
  background: transparent;
  padding: 12px 20px;
  font-size: 14px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background 0.2s ease;
}
.movie-engine-shaka-container .shaka-overflow-menu button:hover,
.movie-engine-shaka-container .shaka-settings-menu button:hover {
  background: rgba(255, 255, 255, 0.1);
}
.movie-engine-shaka-container .shaka-overflow-menu button .shaka-overflow-button-label,
.movie-engine-shaka-container .shaka-settings-menu button .shaka-overflow-button-label {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex-grow: 1;
  font-weight: 500;
  color: rgb(255, 255, 255);
}
.movie-engine-shaka-container .shaka-overflow-menu button .shaka-overflow-button-label span:not(:first-child),
.movie-engine-shaka-container .shaka-overflow-menu button .shaka-overflow-button-label .shaka-current-value-span,
.movie-engine-shaka-container .shaka-overflow-menu button .shaka-overflow-button-label .shaka-current-selection-span,
.movie-engine-shaka-container .shaka-settings-menu button .shaka-overflow-button-label span:not(:first-child),
.movie-engine-shaka-container .shaka-settings-menu button .shaka-overflow-button-label .shaka-current-value-span,
.movie-engine-shaka-container .shaka-settings-menu button .shaka-overflow-button-label .shaka-current-selection-span {
  font-size: 11px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6) !important;
  text-transform: none;
}
.movie-engine-shaka-container .shaka-overflow-menu button span.shaka-current-value-span, .movie-engine-shaka-container .shaka-overflow-menu button span.shaka-current-selection-span,
.movie-engine-shaka-container .shaka-settings-menu button span.shaka-current-value-span,
.movie-engine-shaka-container .shaka-settings-menu button span.shaka-current-selection-span {
  font-size: 11px;
  opacity: 0.6;
  display: block;
}
.movie-engine-shaka-container .shaka-overflow-menu button i,
.movie-engine-shaka-container .shaka-overflow-menu button .material-icons-round,
.movie-engine-shaka-container .shaka-overflow-menu button .shaka-settings-menu-icon,
.movie-engine-shaka-container .shaka-settings-menu button i,
.movie-engine-shaka-container .shaka-settings-menu button .material-icons-round,
.movie-engine-shaka-container .shaka-settings-menu button .shaka-settings-menu-icon {
  font-size: 20px;
  color: rgb(255, 255, 255);
  min-width: 24px;
  display: flex;
  justify-content: center;
}
.movie-engine-shaka-container [aria-selected=true],
.movie-engine-shaka-container .shaka-selected {
  color: var(--movie-engine-primary-color);
}
.movie-engine-shaka-container .material-icons-round.shaka-chosen-item {
  display: none;
}
.movie-engine-shaka-container .shaka-spinner {
  border-color: rgba(255, 255, 255, 0.2);
  border-top-color: var(--movie-engine-primary-color);
}
.movie-engine-shaka-container .shaka-time-container {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.9);
}
.movie-engine-shaka-container .shaka-text-container span {
  background: rgba(0, 0, 0, 0.85);
  padding: 4px 12px;
  border-radius: 4px;
}
.movie-engine-shaka-container .movie-engine-shaka-resolution-overflow-btn,
.movie-engine-shaka-container .movie-engine-shaka-language-overflow-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px 16px;
  background: transparent;
  color: rgba(255, 255, 255, 0.9);
  border: none;
  cursor: pointer;
  font-size: 13px;
  text-align: left;
}
.movie-engine-shaka-container .shaka-back-to-overflow-button {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 12px 16px;
  background: transparent;
  color: rgba(255, 255, 255, 0.9);
  border: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 4px;
}
.movie-engine-shaka-container .shaka-back-to-overflow-button i,
.movie-engine-shaka-container .shaka-back-to-overflow-button .material-icons-round {
  margin-right: 8px;
}
.movie-engine-shaka-container .movie-engine-manual-quality,
.movie-engine-shaka-container .movie-engine-manual-language {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px 16px;
  background: transparent;
  color: rgba(255, 255, 255, 0.9);
  border: none;
  cursor: pointer;
  font-size: 13px;
  text-align: left;
}
.movie-engine-shaka-container .movie-engine-manual-quality:hover,
.movie-engine-shaka-container .movie-engine-manual-language:hover {
  background: rgba(255, 255, 255, 0.1);
}
.movie-engine-shaka-container .movie-engine-manual-quality[aria-selected=true],
.movie-engine-shaka-container .movie-engine-manual-language[aria-selected=true] {
  color: var(--movie-engine-primary-color) !important;
}
.movie-engine-shaka-container .movie-engine-shaka-resolution-menu .material-icons-round.me-resolution-check {
  margin-left: auto;
  font-size: 18px;
}
.movie-engine-shaka-container .movie-engine-shaka-video {
  width: 100% !important;
  height: 100% !important;
}
.movie-engine-shaka-container .movie-engine-player-error.shaka-error {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  padding: 20px;
  border-radius: 8px;
  z-index: 100;
  max-width: 400px;
  text-align: center;
}
.movie-engine-shaka-container .movie-engine-player-error.shaka-error .shaka-error-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
.movie-engine-shaka-container .movie-engine-player-error.shaka-error .shaka-error-suggestion {
  font-size: 13px;
  opacity: 0.8;
  margin-bottom: 15px;
}
.movie-engine-shaka-container .movie-engine-player-error.shaka-error .shaka-error-code {
  font-size: 11px;
  opacity: 0.6;
}
.movie-engine-shaka-container .movie-engine-player-error.shaka-error .movie-engine-retry-btn {
  margin-top: 12px;
  padding: 8px 20px;
  background: var(--movie-engine-primary-color);
  border: none;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
}
.movie-engine-shaka-container .movie-engine-player-error.shaka-error .movie-engine-retry-btn:hover {
  opacity: 0.9;
}
.movie-engine-shaka-container .movie-engine-ad-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
  pointer-events: none;
  display: none;
  background-color: transparent;
}
.movie-engine-shaka-container .movie-engine-ad-container.active {
  display: block;
  pointer-events: auto;
  background-color: #000;
}
.movie-engine-shaka-container .movie-engine-watermark {
  position: absolute;
  z-index: 10;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-weight: 600;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  pointer-events: none;
  user-select: none;
}
.movie-engine-shaka-container .movie-engine-watermark.top-left {
  top: 10px;
  left: 10px;
}
.movie-engine-shaka-container .movie-engine-watermark.top-right {
  top: 10px;
  right: 10px;
}
.movie-engine-shaka-container .movie-engine-watermark.bottom-left {
  bottom: 60px;
  left: 10px;
}
.movie-engine-shaka-container .movie-engine-watermark.bottom-right {
  bottom: 60px;
  right: 10px;
}
.movie-engine-shaka-container .movie-engine-watermark.center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.movie-engine-relative {
  position: relative !important;
}

.artplayer-app {
  width: 100%;
  height: 100%;
}
.artplayer-app .art-video-player {
  background-color: #000;
}
.artplayer-app .me-quality-badge {
  display: inline-block;
  padding: 1px 4px;
  border-radius: 2px;
  font-size: 10px;
  font-weight: bold;
  vertical-align: middle;
  margin-left: 6px;
  line-height: normal;
  color: #fff;
  text-transform: uppercase;
}
.artplayer-app .me-quality-badge.badge-4k {
  background: var(--movie-engine-primary-color);
}
.artplayer-app .me-quality-badge.badge-hd {
  background: #666;
}
.artplayer-app .art-subtitle {
  color: #fff;
  font-size: 20px;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
}
.artplayer-app .art-setting {
  background: rgba(28, 28, 28, 0.95);
  border-radius: 8px;
}
.artplayer-app .art-setting .art-setting-item:hover {
  background: rgba(255, 255, 255, 0.1);
}
.artplayer-app .art-setting .art-setting-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 340px) {
  .artplayer-app .art-controls {
    padding: 0 4px !important;
  }
  .artplayer-app .art-controls .art-control {
    padding: 0 2px !important;
  }
  .artplayer-app .art-controls .art-control svg,
  .artplayer-app .art-controls .art-control i {
    transform: scale(0.9);
  }
  .artplayer-app .art-controls .art-control-time {
    font-size: 10px !important;
    padding: 0 2px !important;
    margin: 0 !important;
  }
  .artplayer-app .art-controls .art-volume-slider {
    display: none !important;
  }
  .artplayer-app .art-controls .art-control-fullscreen,
  .artplayer-app .art-controls .art-control-fullscreenWeb {
    padding: 0 1px !important;
  }
}
.movie-engine-playlist-btn {
  background: transparent;
  border: none;
  color: var(--movie-engine-white-color);
  cursor: pointer;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.85;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.movie-engine-playlist-btn:hover {
  opacity: 1;
  transform: scale(1.1);
  color: var(--movie-engine-primary-color);
}
.movie-engine-playlist-btn svg {
  width: 18px;
  height: 18px;
}

.movie-engine-playlist-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.96);
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  backdrop-filter: blur(8px);
}
.movie-engine-playlist-overlay.active {
  opacity: 1;
  visibility: visible;
}
.movie-engine-playlist-overlay.is-fullscreen, .movie-engine-playlist-overlay.is-theater {
  z-index: 2147483647;
  padding-bottom: 0;
}
.movie-engine-playlist-overlay.is-fullscreen .movie-engine-playlist-container, .movie-engine-playlist-overlay.is-theater .movie-engine-playlist-container {
  padding: 30px 60px;
}
.movie-engine-playlist-overlay.is-fullscreen .movie-engine-episode-card .movie-engine-episode-thumb, .movie-engine-playlist-overlay.is-theater .movie-engine-episode-card .movie-engine-episode-thumb {
  border-radius: 10px;
}
.movie-engine-playlist-overlay.is-fullscreen .movie-engine-episode-card .movie-engine-episode-title, .movie-engine-playlist-overlay.is-theater .movie-engine-episode-card .movie-engine-episode-title {
  font-size: 15px;
}
.movie-engine-playlist-overlay.is-fullscreen .movie-engine-episode-card .movie-engine-episode-runtime, .movie-engine-playlist-overlay.is-theater .movie-engine-episode-card .movie-engine-episode-runtime {
  font-size: 13px;
}
.movie-engine-playlist-overlay.is-fullscreen .movie-engine-slider-arrow, .movie-engine-playlist-overlay.is-theater .movie-engine-slider-arrow {
  width: 50px;
  height: 50px;
}
.movie-engine-playlist-overlay.is-fullscreen .movie-engine-slider-arrow svg, .movie-engine-playlist-overlay.is-theater .movie-engine-slider-arrow svg {
  width: 24px;
  height: 24px;
}
.movie-engine-playlist-overlay.is-fullscreen .movie-engine-season-select,
.movie-engine-playlist-overlay.is-fullscreen .movie-engine-episode-select, .movie-engine-playlist-overlay.is-theater .movie-engine-season-select,
.movie-engine-playlist-overlay.is-theater .movie-engine-episode-select {
  font-size: 15px;
  padding: 12px 45px 12px 18px;
  border-radius: 8px;
}
.movie-engine-playlist-overlay.is-fullscreen .movie-engine-playlist-track, .movie-engine-playlist-overlay.is-theater .movie-engine-playlist-track {
  gap: 25px;
}
.movie-engine-playlist-overlay.is-theater {
  position: fixed;
}

.movie-engine-playlist-container {
  width: 100%;
  padding: 15px 20px;
  position: relative;
}
.movie-engine-playlist-container .movie-engine-playlist-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  border: none;
  color: var(--movie-engine-white-color);
  cursor: pointer;
  padding: 8px;
  border-radius: 50%;
  opacity: 0.8;
  transition: all 0.2s;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}
.movie-engine-playlist-container .movie-engine-playlist-close:hover {
  opacity: 1;
  background: rgba(var(--movie-engine-white-color-rgb), 0.2);
  transform: rotate(90deg);
}
.movie-engine-playlist-container .movie-engine-playlist-header {
  margin-bottom: 15px;
}
.movie-engine-playlist-container .movie-engine-playlist-header .movie-engine-playlist-selectors {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.movie-engine-playlist-container .movie-engine-playlist-header .movie-engine-playlist-selectors .movie-engine-season-select,
.movie-engine-playlist-container .movie-engine-playlist-header .movie-engine-playlist-selectors .movie-engine-episode-select {
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
  color: var(--movie-engine-white-color);
  padding: 8px 35px 8px 12px;
  border-radius: 6px;
  font-size: 13px;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 10px;
  transition: all 0.2s;
}
.movie-engine-playlist-container .movie-engine-playlist-header .movie-engine-playlist-selectors .movie-engine-season-select:hover,
.movie-engine-playlist-container .movie-engine-playlist-header .movie-engine-playlist-selectors .movie-engine-episode-select:hover {
  background-color: rgba(var(--movie-engine-white-color-rgb), 0.15);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.3);
}
.movie-engine-playlist-container .movie-engine-playlist-header .movie-engine-playlist-selectors .movie-engine-season-select option,
.movie-engine-playlist-container .movie-engine-playlist-header .movie-engine-playlist-selectors .movie-engine-episode-select option {
  background: var(--movie-engine-bg-color);
  color: var(--movie-engine-white-color);
}
.movie-engine-playlist-container .movie-engine-playlist-header .movie-engine-playlist-selectors .movie-engine-season-select {
  min-width: 110px;
}
.movie-engine-playlist-container .movie-engine-playlist-header .movie-engine-playlist-selectors .movie-engine-episode-select {
  min-width: 180px;
  max-width: 250px;
}
.movie-engine-playlist-container .movie-engine-playlist-slider-wrapper {
  /* Slider Container */
  display: flex;
  align-items: center;
  gap: 15px;
}
.movie-engine-playlist-container .movie-engine-playlist-slider-wrapper .movie-engine-slider-arrow {
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  border: none;
  color: var(--movie-engine-white-color);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.2s;
  opacity: 0.7;
}
.movie-engine-playlist-container .movie-engine-playlist-slider-wrapper .movie-engine-slider-arrow:hover {
  background: var(--movie-engine-primary-color);
  opacity: 1;
  transform: scale(1.1);
}
.movie-engine-playlist-container .movie-engine-playlist-slider-wrapper .movie-engine-playlist-slider {
  flex: 1;
  overflow: hidden;
}
.movie-engine-playlist-container .movie-engine-playlist-slider-wrapper .movie-engine-playlist-slider .movie-engine-playlist-track {
  display: flex;
  gap: 15px;
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.movie-engine-playlist-container .movie-engine-episode-card {
  /* Episode Cards */
  flex-shrink: 0;
  width: 100%;
  max-width: 300px;
  min-width: 250px;
  text-decoration: none;
  color: var(--movie-engine-white-color);
  transition: all 0.3s;
}
.movie-engine-playlist-container .movie-engine-episode-card:hover {
  transform: translateY(-5px);
}
.movie-engine-playlist-container .movie-engine-episode-card:hover .movie-engine-episode-thumb::after {
  opacity: 1;
}
.movie-engine-playlist-container .movie-engine-episode-card.now-playing .movie-engine-episode-thumb {
  border-color: var(--movie-engine-primary-color);
  box-shadow: 0 0 15px rgba(229, 9, 20, 0.4);
}
.movie-engine-playlist-container .movie-engine-episode-card .movie-engine-episode-thumb {
  position: relative;
  aspect-ratio: 16/9;
  background: var(--movie-engine-bg-color);
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 10px;
  border: 2px solid transparent;
  transition: all 0.2s;
}
.movie-engine-playlist-container .movie-engine-episode-card .movie-engine-episode-thumb::after {
  content: "\f04b";
  font-family: "Font Awesome 7 Free";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  color: var(--movie-engine-white-color);
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 2;
  background-color: rgba(var(--movie-engine-black-rgb), 0.5);
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}
.movie-engine-playlist-container .movie-engine-episode-card .movie-engine-episode-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.movie-engine-playlist-container .movie-engine-episode-card .movie-engine-episode-thumb .movie-engine-episode-num {
  position: absolute;
  bottom: 5px;
  right: 5px;
  background: rgba(0, 0, 0, 0.8);
  color: var(--movie-engine-white-color);
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  z-index: 3;
}
.movie-engine-playlist-container .movie-engine-episode-card .movie-engine-episode-thumb .movie-engine-now-playing-badge {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(229, 9, 20, 0.9), transparent);
  padding: 6px 8px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--movie-engine-white-color);
  z-index: 3;
}
.movie-engine-playlist-container .movie-engine-episode-card .movie-engine-episode-info .movie-engine-episode-title {
  margin: 0 0 4px 0;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.movie-engine-playlist-container .movie-engine-episode-card .movie-engine-episode-info .movie-engine-episode-runtime {
  font-size: 11px;
  color: var(--movie-engine-muted-color);
}

/* --- Playlist Management Modal --- */
#movie-engine-playlist-modal {
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--movie-engine-black-rgb), 0.85);
  backdrop-filter: blur(8px);
  display: none;
  align-items: center;
  justify-content: center;
}
#movie-engine-playlist-modal.me-flex, #movie-engine-playlist-modal[style*="display: block"] {
  display: flex !important;
}
#movie-engine-playlist-modal .movie-engine-modal-content {
  max-width: 500px;
  width: 95%;
  padding: 40px;
  margin: auto;
  background: var(--movie-engine-bg-color);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.08);
  box-shadow: 0 50px 100px -20px rgba(var(--movie-engine-black-rgb), 0.8);
  border-radius: 20px;
  color: var(--movie-engine-white-color);
  animation: meModalSlideUp 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#movie-engine-playlist-modal .movie-engine-modal-content .movie-engine-close-modal {
  position: absolute;
  top: 20px;
  right: 20px;
  color: var(--movie-engine-muted-color);
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
  border: none;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  z-index: 10;
  font-size: 16px;
}
#movie-engine-playlist-modal .movie-engine-modal-content .movie-engine-close-modal:hover {
  color: var(--movie-engine-white-color);
  background: var(--movie-engine-primary-color);
  transform: rotate(90deg);
}
#movie-engine-playlist-modal .movie-engine-modal-header {
  margin-bottom: 24px;
  padding: 0;
  border: none;
}
#movie-engine-playlist-modal .movie-engine-modal-header h3 {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  color: var(--movie-engine-white-color);
  letter-spacing: -0.5px;
}
#movie-engine-playlist-modal .movie-engine-playlist-form {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.08);
  display: block;
}
#movie-engine-playlist-modal .movie-engine-playlist-form .movie-engine-input-group {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  background: var(--movie-engine-black-color);
  border: 1px solid var(--movie-engine-border-color);
  border-radius: 12px;
  padding: 8px;
}
#movie-engine-playlist-modal .movie-engine-playlist-form .movie-engine-input-group:focus-within {
  border-color: rgba(var(--movie-engine-primary-rgb), 0.5);
  box-shadow: 0 0 0 4px rgba(var(--movie-engine-primary-rgb), 0.1);
  background: var(--movie-engine-black-color);
}
#movie-engine-playlist-modal .movie-engine-playlist-form .movie-engine-input-group .movie-engine-input {
  flex: 1;
  background: transparent;
  border: none;
  padding: 12px 16px;
  color: var(--movie-engine-white-color);
  font-size: 15px;
  outline: none;
  transition: all 0.2s ease;
}
#movie-engine-playlist-modal .movie-engine-playlist-form .movie-engine-input-group .movie-engine-input::placeholder {
  color: rgba(var(--movie-engine-white-color-rgb), 0.4);
}
#movie-engine-playlist-modal .movie-engine-playlist-form .movie-engine-input-group .movie-engine-btn-primary {
  padding: 10px 24px;
  background: var(--movie-engine-primary-color);
  border: none;
  border-radius: 8px;
  color: var(--movie-engine-white-color);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
#movie-engine-playlist-modal .movie-engine-playlist-form .movie-engine-input-group .movie-engine-btn-primary:hover {
  background: var(--movie-engine-primary-hover-color);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(var(--movie-engine-primary-rgb), 0.4);
}
#movie-engine-playlist-modal .movie-engine-playlist-list,
#movie-engine-playlist-modal #movie-engine-playlist-list {
  max-height: 400px;
  overflow-y: auto;
  padding-right: 4px;
}
#movie-engine-playlist-modal .movie-engine-playlist-list::-webkit-scrollbar,
#movie-engine-playlist-modal #movie-engine-playlist-list::-webkit-scrollbar {
  width: 4px;
}
#movie-engine-playlist-modal .movie-engine-playlist-list::-webkit-scrollbar-track,
#movie-engine-playlist-modal #movie-engine-playlist-list::-webkit-scrollbar-track {
  background: rgba(var(--movie-engine-white-color-rgb), 0.02);
}
#movie-engine-playlist-modal .movie-engine-playlist-list::-webkit-scrollbar-thumb,
#movie-engine-playlist-modal #movie-engine-playlist-list::-webkit-scrollbar-thumb {
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  border-radius: 10px;
}
#movie-engine-playlist-modal .movie-engine-playlist-list ul,
#movie-engine-playlist-modal #movie-engine-playlist-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#movie-engine-playlist-modal .movie-engine-playlist-list .movie-engine-playlist-item,
#movie-engine-playlist-modal #movie-engine-playlist-list .movie-engine-playlist-item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background: var(--movie-engine-black-color);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.05);
  border-radius: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
}
#movie-engine-playlist-modal .movie-engine-playlist-list .movie-engine-playlist-item:hover:not(.in-playlist),
#movie-engine-playlist-modal #movie-engine-playlist-list .movie-engine-playlist-item:hover:not(.in-playlist) {
  background: var(--movie-engine-black-color);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.1);
}
#movie-engine-playlist-modal .movie-engine-playlist-list .movie-engine-playlist-item:hover:not(.in-playlist) .movie-engine-playlist-actions,
#movie-engine-playlist-modal #movie-engine-playlist-list .movie-engine-playlist-item:hover:not(.in-playlist) .movie-engine-playlist-actions {
  opacity: 1;
}
#movie-engine-playlist-modal .movie-engine-playlist-list .movie-engine-playlist-item .me-playlist-left-icon,
#movie-engine-playlist-modal #movie-engine-playlist-list .movie-engine-playlist-item .me-playlist-left-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.2s ease;
}
#movie-engine-playlist-modal .movie-engine-playlist-list .movie-engine-playlist-item .me-playlist-left-icon span,
#movie-engine-playlist-modal #movie-engine-playlist-list .movie-engine-playlist-item .me-playlist-left-icon span {
  font-size: 20px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
}
#movie-engine-playlist-modal .movie-engine-playlist-list .movie-engine-playlist-item .me-playlist-info,
#movie-engine-playlist-modal #movie-engine-playlist-list .movie-engine-playlist-item .me-playlist-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#movie-engine-playlist-modal .movie-engine-playlist-list .movie-engine-playlist-item .me-playlist-info .movie-engine-playlist-name,
#movie-engine-playlist-modal #movie-engine-playlist-list .movie-engine-playlist-item .me-playlist-info .movie-engine-playlist-name {
  font-size: 16px;
  font-weight: 600;
  color: var(--movie-engine-white-color);
  line-height: 1.2;
}
#movie-engine-playlist-modal .movie-engine-playlist-list .movie-engine-playlist-item .me-playlist-info .movie-engine-playlist-count,
#movie-engine-playlist-modal #movie-engine-playlist-list .movie-engine-playlist-item .me-playlist-info .movie-engine-playlist-count {
  font-size: 13px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
}
#movie-engine-playlist-modal .movie-engine-playlist-list .movie-engine-playlist-item .me-playlist-status-icon,
#movie-engine-playlist-modal #movie-engine-playlist-list .movie-engine-playlist-item .me-playlist-status-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 2px solid rgba(var(--movie-engine-white-color-rgb), 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}
#movie-engine-playlist-modal .movie-engine-playlist-list .movie-engine-playlist-item .me-playlist-status-icon .fa-check,
#movie-engine-playlist-modal #movie-engine-playlist-list .movie-engine-playlist-item .me-playlist-status-icon .fa-check {
  display: none;
  color: var(--movie-engine-white-color);
  font-size: 12px;
}
#movie-engine-playlist-modal .movie-engine-playlist-list .movie-engine-playlist-item .movie-engine-playlist-actions,
#movie-engine-playlist-modal #movie-engine-playlist-list .movie-engine-playlist-item .movie-engine-playlist-actions {
  display: flex;
  gap: 12px;
  opacity: 0;
  transition: opacity 0.2s;
}
#movie-engine-playlist-modal .movie-engine-playlist-list .movie-engine-playlist-item .movie-engine-playlist-actions i,
#movie-engine-playlist-modal #movie-engine-playlist-list .movie-engine-playlist-item .movie-engine-playlist-actions i {
  font-size: 16px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.4);
  transition: color 0.2s;
}
#movie-engine-playlist-modal .movie-engine-playlist-list .movie-engine-playlist-item .movie-engine-playlist-actions i:hover.movie-engine-edit-playlist,
#movie-engine-playlist-modal #movie-engine-playlist-list .movie-engine-playlist-item .movie-engine-playlist-actions i:hover.movie-engine-edit-playlist {
  color: var(--movie-engine-white-color);
}
#movie-engine-playlist-modal .movie-engine-playlist-list .movie-engine-playlist-item .movie-engine-playlist-actions i:hover.movie-engine-delete-playlist,
#movie-engine-playlist-modal #movie-engine-playlist-list .movie-engine-playlist-item .movie-engine-playlist-actions i:hover.movie-engine-delete-playlist {
  color: var(--movie-engine-danger-color);
}
#movie-engine-playlist-modal .movie-engine-playlist-list .movie-engine-playlist-item.in-playlist,
#movie-engine-playlist-modal #movie-engine-playlist-list .movie-engine-playlist-item.in-playlist {
  background: rgba(var(--movie-engine-primary-rgb), 0.15);
  border: 1px solid rgba(var(--movie-engine-primary-rgb), 0.4);
}
#movie-engine-playlist-modal .movie-engine-playlist-list .movie-engine-playlist-item.in-playlist .me-playlist-left-icon,
#movie-engine-playlist-modal #movie-engine-playlist-list .movie-engine-playlist-item.in-playlist .me-playlist-left-icon {
  background: var(--movie-engine-primary-color);
}
#movie-engine-playlist-modal .movie-engine-playlist-list .movie-engine-playlist-item.in-playlist .me-playlist-left-icon span,
#movie-engine-playlist-modal #movie-engine-playlist-list .movie-engine-playlist-item.in-playlist .me-playlist-left-icon span {
  color: var(--movie-engine-white-color);
}
#movie-engine-playlist-modal .movie-engine-playlist-list .movie-engine-playlist-item.in-playlist .me-playlist-status-icon,
#movie-engine-playlist-modal #movie-engine-playlist-list .movie-engine-playlist-item.in-playlist .me-playlist-status-icon {
  background: var(--movie-engine-primary-color);
  border-color: var(--movie-engine-primary-color);
}
#movie-engine-playlist-modal .movie-engine-playlist-list .movie-engine-playlist-item.in-playlist .me-playlist-status-icon .fa-check,
#movie-engine-playlist-modal #movie-engine-playlist-list .movie-engine-playlist-item.in-playlist .me-playlist-status-icon .fa-check {
  display: block;
}
#movie-engine-playlist-modal .movie-engine-playlist-list .movie-engine-playlist-item.in-playlist .me-playlist-status-icon .me-circle-placeholder,
#movie-engine-playlist-modal #movie-engine-playlist-list .movie-engine-playlist-item.in-playlist .me-playlist-status-icon .me-circle-placeholder {
  display: none;
}
#movie-engine-playlist-modal .movie-engine-playlist-list .movie-engine-playlist-item.in-playlist .movie-engine-playlist-count,
#movie-engine-playlist-modal #movie-engine-playlist-list .movie-engine-playlist-item.in-playlist .movie-engine-playlist-count {
  color: rgba(var(--movie-engine-white-color-rgb), 0.7);
}
#movie-engine-playlist-modal .movie-engine-playlist-list .movie-engine-playlist-item.loading,
#movie-engine-playlist-modal #movie-engine-playlist-list .movie-engine-playlist-item.loading {
  opacity: 0.6;
  pointer-events: none;
}
#movie-engine-playlist-modal .movie-engine-playlist-list .movie-engine-no-playlists,
#movie-engine-playlist-modal #movie-engine-playlist-list .movie-engine-no-playlists {
  text-align: center;
  padding: 40px 20px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.02);
  border-radius: 16px;
  border: 1px dashed rgba(var(--movie-engine-white-color-rgb), 0.1);
}
#movie-engine-playlist-modal .movie-engine-playlist-list .movie-engine-no-playlists p,
#movie-engine-playlist-modal #movie-engine-playlist-list .movie-engine-no-playlists p {
  margin: 0;
  color: rgba(var(--movie-engine-white-color-rgb), 0.4);
  font-size: 15px;
}

.movie-engine-playlists-header {
  /* Dashboard Playlist Views */
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 35px;
}
.movie-engine-playlists-header h3 {
  margin: 0;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -0.5px;
  color: var(--movie-engine-white-color);
}
.movie-engine-playlists-header .movie-engine-add-playlist-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 24px;
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s;
}
.movie-engine-playlists-header .movie-engine-add-playlist-btn:hover {
  background: var(--movie-engine-primary-hover-color);
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(var(--movie-engine-primary-rgb), 0.3);
}

.movie-engine-playlists-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 30px;
}
.movie-engine-playlists-grid .movie-engine-playlist-card {
  background: var(--movie-engine-black-color);
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.05);
  position: relative;
}
.movie-engine-playlists-grid .movie-engine-playlist-card:hover {
  transform: translateY(-8px);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.15);
  box-shadow: 0 20px 40px rgba(var(--movie-engine-black-rgb), 0.5);
}
.movie-engine-playlists-grid .movie-engine-playlist-card:hover .movie-engine-pl-thumbnail img {
  transform: scale(1.1);
}
.movie-engine-playlists-grid .movie-engine-playlist-card:hover .movie-engine-pl-menu-btn {
  opacity: 1;
}
.movie-engine-playlists-grid .movie-engine-playlist-card .movie-engine-pl-thumbnail {
  position: relative;
  aspect-ratio: 16/9;
  background: var(--movie-engine-black-color);
  overflow: hidden;
}
.movie-engine-playlists-grid .movie-engine-playlist-card .movie-engine-pl-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s;
}
.movie-engine-playlists-grid .movie-engine-playlist-card .movie-engine-pl-thumbnail .movie-engine-pl-icon-fallback {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--movie-engine-black-color), var(--movie-engine-bg-color));
  color: rgba(var(--movie-engine-white-color-rgb), 0.15);
}
.movie-engine-playlists-grid .movie-engine-playlist-card .movie-engine-pl-thumbnail .movie-engine-pl-icon-fallback i {
  font-size: 48px;
}
.movie-engine-playlists-grid .movie-engine-playlist-card .movie-engine-pl-info {
  padding: 20px;
}
.movie-engine-playlists-grid .movie-engine-playlist-card .movie-engine-pl-info h4 {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--movie-engine-white-color);
}
.movie-engine-playlists-grid .movie-engine-playlist-card .movie-engine-pl-info .movie-engine-pl-count {
  display: block;
  font-size: 12px;
  color: var(--movie-engine-muted-color);
  margin-bottom: 15px;
}
.movie-engine-playlists-grid .movie-engine-playlist-card .movie-engine-pl-info .movie-engine-pl-view-link {
  color: var(--movie-engine-primary-color);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.2s;
}
.movie-engine-playlists-grid .movie-engine-playlist-card .movie-engine-pl-info .movie-engine-pl-view-link:hover {
  color: var(--movie-engine-white-color);
}
.movie-engine-playlists-grid .movie-engine-playlist-card .movie-engine-pl-menu {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10;
}
.movie-engine-playlists-grid .movie-engine-playlist-card .movie-engine-pl-menu .movie-engine-pl-menu-btn {
  background: rgba(var(--movie-engine-black-rgb), 0.6);
  backdrop-filter: blur(5px);
  border: none;
  color: var(--movie-engine-white-color);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.movie-engine-playlists-grid .movie-engine-playlist-card .movie-engine-pl-menu .movie-engine-pl-menu-btn:hover {
  background: var(--movie-engine-primary-color);
}
.movie-engine-playlists-grid .movie-engine-playlist-card .movie-engine-pl-menu .movie-engine-pl-dropdown {
  position: absolute;
  top: 40px;
  right: 0;
  background: var(--movie-engine-black-color);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
  border-radius: 10px;
  min-width: 160px;
  box-shadow: 0 10px 30px rgba(var(--movie-engine-black-rgb), 0.5);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s;
  overflow: hidden;
}
.movie-engine-playlists-grid .movie-engine-playlist-card .movie-engine-pl-menu .movie-engine-pl-dropdown button {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 12px 16px;
  background: transparent;
  border: none;
  color: rgba(var(--movie-engine-white-color-rgb), 0.8);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
.movie-engine-playlists-grid .movie-engine-playlist-card .movie-engine-pl-menu .movie-engine-pl-dropdown button:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
  color: var(--movie-engine-white-color);
}
.movie-engine-playlists-grid .movie-engine-playlist-card .movie-engine-pl-menu .movie-engine-pl-dropdown button.movie-engine-pl-delete:hover {
  background: rgba(var(--movie-engine-black-rgb), 0.1);
  color: var(--movie-engine-danger-color);
}
.movie-engine-playlists-grid .movie-engine-playlist-card .movie-engine-pl-menu:hover .movie-engine-pl-dropdown,
.movie-engine-playlists-grid .movie-engine-playlist-card .movie-engine-pl-menu .movie-engine-pl-dropdown.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Animations */
@keyframes meModalSlideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Responsive Overrides */
@media (max-width: 768px) {
  .movie-engine-playlist-overlay {
    padding-bottom: 50px;
  }
  .movie-engine-playlist-overlay .movie-engine-playlist-container {
    padding: 10px 15px;
  }
  .movie-engine-playlist-overlay .movie-engine-episode-card {
    width: 120px;
  }
  .movie-engine-playlists-grid {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 20px;
  }
}
/**
 * Playlist Player Page Styles (YouTube Style)
 * Dedicated page for playlist viewing
 */
.movie-engine-playlist-page {
  background: var(--movie-engine-black-color);
  min-height: 100vh;
  padding: 20px 0;
}
.movie-engine-playlist-page .movie-engine-playlist-container {
  max-width: 1800px;
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 24px;
}
@media (max-width: 1200px) {
  .movie-engine-playlist-page .movie-engine-playlist-container {
    grid-template-columns: 1fr;
  }
}

.movie-engine-playlist-main .movie-engine-player-wrapper {
  background: var(--movie-engine-black-color);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 16px;
}
.movie-engine-playlist-main .movie-engine-video-info {
  padding: 16px 0;
}
.movie-engine-playlist-main .movie-engine-video-info .movie-engine-video-info-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .movie-engine-playlist-main .movie-engine-video-info .movie-engine-video-info-top {
    flex-direction: column;
    gap: 16px;
  }
}
.movie-engine-playlist-main .movie-engine-video-info .movie-engine-video-info-left {
  flex: 1;
}
.movie-engine-playlist-main .movie-engine-video-info .movie-engine-video-title {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 8px 0;
  line-height: 1.4;
}
.movie-engine-playlist-main .movie-engine-video-info .movie-engine-video-title a {
  color: var(--movie-engine-white-color);
  text-decoration: none;
  transition: color 0.2s;
}
.movie-engine-playlist-main .movie-engine-video-info .movie-engine-video-title a:hover {
  color: var(--movie-engine-primary-color);
}
.movie-engine-playlist-main .movie-engine-video-info .movie-engine-video-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: var(--movie-engine-muted-color);
}
.movie-engine-playlist-main .movie-engine-video-info .movie-engine-video-meta span:not(:last-child)::after {
  content: "•";
  margin-left: 12px;
  color: var(--movie-engine-muted-color);
}
.movie-engine-playlist-main .movie-engine-video-info .movie-engine-video-info-right .movie-engine-social-actions-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--movie-engine-bg-color);
  padding: 4px 12px;
  border-radius: 24px;
}
.movie-engine-playlist-main .movie-engine-video-info .movie-engine-video-info-right .movie-engine-social-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  background: transparent;
  padding: 0;
  margin: 0;
}
.movie-engine-playlist-main .movie-engine-video-info .movie-engine-video-info-right .movie-engine-action-btn,
.movie-engine-playlist-main .movie-engine-video-info .movie-engine-video-info-right .movie-engine-action-stat {
  background: transparent;
  border: none;
  color: var(--movie-engine-white-color);
  padding: 6px 12px;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: all 0.2s;
  height: 32px;
  border-radius: 16px;
  line-height: 1;
  white-space: nowrap;
}
.movie-engine-playlist-main .movie-engine-video-info .movie-engine-video-info-right .movie-engine-action-btn span,
.movie-engine-playlist-main .movie-engine-video-info .movie-engine-video-info-right .movie-engine-action-stat span {
  font-size: 18px;
  color: var(--movie-engine-white-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.movie-engine-playlist-main .movie-engine-video-info .movie-engine-video-info-right .movie-engine-action-btn.active,
.movie-engine-playlist-main .movie-engine-video-info .movie-engine-video-info-right .movie-engine-action-stat.active {
  color: var(--movie-engine-primary-color);
}
.movie-engine-playlist-main .movie-engine-video-info .movie-engine-video-info-right .movie-engine-action-btn.active span,
.movie-engine-playlist-main .movie-engine-video-info .movie-engine-video-info-right .movie-engine-action-stat.active span {
  color: var(--movie-engine-primary-color);
}
.movie-engine-playlist-main .movie-engine-video-info .movie-engine-video-info-right .movie-engine-views-stat {
  cursor: default;
  border-left: 1px solid var(--movie-engine-muted-color);
  padding-left: 16px;
  margin-left: 4px;
  border-radius: 0;
}
.movie-engine-playlist-main .movie-engine-video-info .movie-engine-video-info-right .movie-engine-views-stat:hover {
  background: transparent;
}
.movie-engine-playlist-main .movie-engine-video-info .movie-engine-video-info-right .movie-engine-playlist-btn {
  background: transparent;
  border: none;
  color: var(--movie-engine-white-color);
}

.movie-engine-playlist-sidebar {
  background: var(--movie-engine-bg-color);
  border-radius: 12px;
  overflow: hidden;
  height: fit-content;
  max-height: calc(100vh - 40px);
  display: flex;
  flex-direction: column;
}
@media (max-width: 1200px) {
  .movie-engine-playlist-sidebar {
    max-height: 600px;
  }
}
.movie-engine-playlist-sidebar .movie-engine-playlist-header {
  padding: 16px 20px;
  background: var(--movie-engine-black-color);
  border-bottom: 1px solid var(--movie-engine-muted-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}
.movie-engine-playlist-sidebar .movie-engine-playlist-header .movie-engine-playlist-title {
  flex: 1;
  min-width: 0;
}
.movie-engine-playlist-sidebar .movie-engine-playlist-header .movie-engine-playlist-title h2 {
  font-size: 16px;
  font-weight: 600;
  color: var(--movie-engine-white-color);
  margin: 0 0 4px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.movie-engine-playlist-sidebar .movie-engine-playlist-header .movie-engine-playlist-title .movie-engine-playlist-info {
  font-size: 13px;
  color: var(--movie-engine-muted-color);
  margin: 0;
}
.movie-engine-playlist-sidebar .movie-engine-playlist-header .movie-engine-playlist-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.movie-engine-playlist-sidebar .movie-engine-playlist-header .movie-engine-playlist-header-actions .movie-engine-share-playlist-btn {
  background: transparent;
  border: none;
  color: var(--movie-engine-muted-color);
  padding: 6px;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  font-size: 18px;
}
.movie-engine-playlist-sidebar .movie-engine-playlist-header .movie-engine-playlist-header-actions .movie-engine-share-playlist-btn:hover {
  color: var(--movie-engine-primary-color);
}
.movie-engine-playlist-sidebar .movie-engine-playlist-header .movie-engine-playlist-header-actions .movie-engine-back-link {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background: transparent;
  color: var(--movie-engine-primary-color);
  border: 1px solid var(--movie-engine-primary-color);
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s;
}
.movie-engine-playlist-sidebar .movie-engine-playlist-header .movie-engine-playlist-header-actions .movie-engine-back-link .dashicons {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.movie-engine-playlist-sidebar .movie-engine-playlist-header .movie-engine-playlist-header-actions .movie-engine-back-link:hover {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
}
@media (max-width: 480px) {
  .movie-engine-playlist-sidebar .movie-engine-playlist-header .movie-engine-playlist-header-actions .movie-engine-back-link .movie-engine-back-text {
    display: none;
  }
  .movie-engine-playlist-sidebar .movie-engine-playlist-header .movie-engine-playlist-header-actions .movie-engine-back-link {
    padding: 6px;
  }
}
.movie-engine-playlist-sidebar .movie-engine-playlist-items {
  overflow-y: auto;
  flex: 1;
}
.movie-engine-playlist-sidebar .movie-engine-playlist-items::-webkit-scrollbar {
  width: 8px;
}
.movie-engine-playlist-sidebar .movie-engine-playlist-items::-webkit-scrollbar-track {
  background: var(--movie-engine-black-color);
}
.movie-engine-playlist-sidebar .movie-engine-playlist-items::-webkit-scrollbar-thumb {
  background: var(--movie-engine-muted-color);
  border-radius: 4px;
}
.movie-engine-playlist-sidebar .movie-engine-playlist-items::-webkit-scrollbar-thumb:hover {
  background: var(--movie-engine-muted-color);
}

.movie-engine-playlist-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: transparent;
  border-bottom: 1px solid var(--movie-engine-border-color);
  text-decoration: none;
  transition: all 0.2s;
  cursor: pointer;
}
.movie-engine-playlist-item:hover {
  background: var(--movie-engine-bg-color);
}
.movie-engine-playlist-item.active {
  background: var(--movie-engine-black-color);
}
.movie-engine-playlist-item.active .movie-engine-item-number {
  color: var(--movie-engine-primary-color);
  font-weight: 600;
}
.movie-engine-playlist-item.active .movie-engine-item-details h3 {
  color: var(--movie-engine-primary-color);
}
.movie-engine-playlist-item .movie-engine-item-number {
  font-size: 14px;
  font-weight: 500;
  color: var(--movie-engine-muted-color);
  min-width: 24px;
  text-align: center;
}
.movie-engine-playlist-item .movie-engine-item-thumbnail {
  position: relative;
  width: 120px;
  height: 68px;
  border-radius: 6px;
  overflow: hidden;
  background: var(--movie-engine-black-color);
  flex-shrink: 0;
}
.movie-engine-playlist-item .movie-engine-item-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.movie-engine-playlist-item .movie-engine-item-thumbnail .movie-engine-no-thumb {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--movie-engine-black-color);
  font-size: 30px;
  color: var(--movie-engine-muted-color);
}
.movie-engine-playlist-item .movie-engine-item-thumbnail .movie-engine-playing-badge {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(var(--movie-engine-black-rgb), 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: var(--movie-engine-white-color);
  animation: pulse 1.5s ease-in-out infinite;
}
.movie-engine-playlist-item .movie-engine-item-details {
  flex: 1;
  min-width: 0;
}
.movie-engine-playlist-item .movie-engine-item-details h3 {
  font-size: 14px;
  font-weight: 500;
  color: var(--movie-engine-white-color);
  margin: 0 0 4px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.movie-engine-playlist-item .movie-engine-item-details .movie-engine-item-type {
  font-size: 12px;
  color: var(--movie-engine-muted-color);
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.8;
    transform: scale(1.1);
  }
}
@media (max-width: 768px) {
  .movie-engine-playlist-page {
    padding: 10px 0;
  }
  .movie-engine-playlist-page .movie-engine-playlist-container {
    padding: 0 10px;
    gap: 16px;
  }
  .movie-engine-playlist-item .movie-engine-item-thumbnail {
    width: 100px;
    height: 56px;
  }
  .movie-engine-playlist-item .movie-engine-item-details h3 {
    font-size: 13px;
  }
}
/**
 * Membership & Pricing Table Styles
 */
.movie-engine-pricing-table-container {
  padding: 60px 0;
  color: var(--movie-engine-white-color);
}
.movie-engine-pricing-table-container .movie-engine-pricing-header {
  text-align: center;
  margin-bottom: 60px;
}
.movie-engine-pricing-table-container .movie-engine-pricing-header h2 {
  font-size: 36px;
  font-weight: 800;
  margin-bottom: 15px;
  color: var(--movie-engine-white-color);
  letter-spacing: -0.5px;
}
.movie-engine-pricing-table-container .movie-engine-pricing-header p {
  color: var(--movie-engine-muted-color);
  font-size: 18px;
  max-width: 600px;
  margin: 0 auto;
}
.movie-engine-pricing-table-container .movie-engine-pricing-header .movie-engine-trial-status {
  background: rgba(229, 9, 20, 0.1);
  color: var(--movie-engine-white-color);
  padding: 12px 25px;
  border-radius: 50px;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  border: 1px solid rgba(229, 9, 20, 0.2);
  margin-top: 10px;
}
.movie-engine-pricing-table-container .movie-engine-pricing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 30px;
  max-width: 1290px;
  margin: 0 auto;
}
.movie-engine-pricing-table-container .movie-engine-pricing-card {
  background: var(--movie-engine-bg-color);
  border: 1px solid var(--movie-engine-border-color);
  border-radius: 16px;
  padding: 40px;
  text-align: center;
  position: relative;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.movie-engine-pricing-table-container .movie-engine-pricing-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: transparent;
  transition: background 0.3s;
}
.movie-engine-pricing-table-container .movie-engine-pricing-card:hover {
  transform: translateY(-12px);
}
.movie-engine-pricing-table-container .movie-engine-pricing-card.movie-engine-featured {
  background: var(--movie-engine-bg-color);
}
.movie-engine-pricing-table-container .movie-engine-pricing-card.movie-engine-featured .movie-engine-plan-badge {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  padding: 6px 20px;
  border-radius: 30px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  position: absolute;
  top: 20px;
  right: 20px;
  letter-spacing: 1px;
}
.movie-engine-pricing-table-container .movie-engine-pricing-card.movie-engine-current-plan {
  border-color: var(--movie-engine-primary-color);
}
.movie-engine-pricing-table-container .movie-engine-pricing-card.movie-engine-current-plan::before {
  background: var(--movie-engine-primary-color);
}
.movie-engine-pricing-table-container .movie-engine-pricing-card.movie-engine-current-plan .movie-engine-current-badge {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  padding: 6px 20px;
  border-radius: 30px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  position: absolute;
  top: 20px;
  right: 20px;
  letter-spacing: 1px;
}
.movie-engine-pricing-table-container .movie-engine-plan-name {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 25px;
  color: var(--movie-engine-white-color);
  text-transform: uppercase;
  letter-spacing: 2px;
}
.movie-engine-pricing-table-container .movie-engine-plan-price {
  margin-bottom: 40px;
  display: flex;
  align-items: baseline;
  justify-content: center;
}
.movie-engine-pricing-table-container .movie-engine-plan-price .currency {
  font-size: 24px;
  font-weight: 600;
  margin-right: 4px;
  align-self: flex-start;
  margin-top: 10px;
}
.movie-engine-pricing-table-container .movie-engine-plan-price .amount {
  font-size: 50px;
  font-weight: 600;
  color: var(--movie-engine-white-color);
  line-height: 1;
}
.movie-engine-pricing-table-container .movie-engine-plan-price .interval {
  color: var(--movie-engine-muted-color);
  margin-left: 8px;
  font-size: 16px;
  font-weight: 500;
}
.movie-engine-pricing-table-container .movie-engine-plan-features {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
  text-align: left;
  flex-grow: 1;
}
.movie-engine-pricing-table-container .movie-engine-plan-features li {
  padding: 8px 0;
  border-bottom: 1px solid var(--movie-engine-border-color);
  color: var(--movie-engine-muted-color);
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  list-style: none;
}
.movie-engine-pricing-table-container .movie-engine-plan-features li::before, .movie-engine-pricing-table-container .movie-engine-plan-features li::after {
  display: none;
  content: none;
}
.movie-engine-pricing-table-container .movie-engine-plan-features li:last-child {
  border-bottom: none;
}
.movie-engine-pricing-table-container .movie-engine-btn {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  border: none;
  padding: 18px 30px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 16px;
  width: 100%;
  cursor: pointer;
  transition: all 0.3s;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.movie-engine-pricing-table-container .movie-engine-btn:hover {
  background: var(--movie-engine-primary-hover-color);
}
.movie-engine-pricing-table-container .movie-engine-btn.movie-engine-btn-primary {
  background: var(--movie-engine-primary-color);
}
.movie-engine-pricing-table-container .movie-engine-btn.movie-engine-btn-primary:hover {
  filter: brightness(1.1);
  box-shadow: 0 8px 20px rgba(var(--movie-engine-black-rgb), 0.3);
  background: var(--movie-engine-primary-hover-color);
}
.movie-engine-pricing-table-container .movie-engine-btn.me-btn-secondary {
  background: rgba(var(--movie-engine-white-color), 0.1);
  color: var(--movie-engine-white-color);
  cursor: default;
}
.movie-engine-pricing-table-container .movie-engine-btn.me-btn-secondary.disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

@media (max-width: 768px) {
  .movie-engine-pricing-table-container {
    padding: 40px 0;
  }
  .movie-engine-pricing-table-container .movie-engine-pricing-header h2 {
    font-size: 28px;
  }
  .movie-engine-pricing-table-container .movie-engine-pricing-header p {
    font-size: 15px;
  }
  .movie-engine-pricing-table-container .movie-engine-pricing-grid {
    grid-template-columns: 1fr;
  }
  .movie-engine-pricing-table-container .movie-engine-pricing-card.movie-engine-featured {
    transform: none;
  }
}
.movie-engine-movie-hero .movie-engine-hero-info-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-info-wrapper {
  width: 100%;
  max-width: 80%;
}
@media (max-width: 1024px) {
  .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-info-wrapper {
    max-width: 100%;
  }
}

.movie-engine-single-movie-wrapper {
  background-color: var(--movie-engine-bg-color);
  color: var(--movie-engine-white-color);
  font-family: var(--movie-engine-body-font);
  min-height: 100vh;
  padding-bottom: var(--movie-engine-spacer-3);
  /* Single episode page: full width / box width – plugin styles only, no theme placeholder colored blocks */
}
.movie-engine-single-movie-wrapper.me-single-episode {
  background-color: var(--movie-engine-bg-color);
}
.movie-engine-single-movie-wrapper.me-single-episode .movie-engine-player-section,
.movie-engine-single-movie-wrapper.me-single-episode .movie-engine-top-player-area,
.movie-engine-single-movie-wrapper.me-single-episode .movie-engine-main-player-col,
.movie-engine-single-movie-wrapper.me-single-episode .movie-engine-player-ratio-container,
.movie-engine-single-movie-wrapper.me-single-episode .movie-engine-player-inner,
.movie-engine-single-movie-wrapper.me-single-episode .movie-engine-player-wrapper,
.movie-engine-single-movie-wrapper.me-single-episode .movie-engine-player-container {
  background-color: var(--movie-engine-black-color) !important;
}
.movie-engine-single-movie-wrapper.me-single-episode .me-main-content,
.movie-engine-single-movie-wrapper.me-single-episode .movie-engine-content-below-player,
.movie-engine-single-movie-wrapper.me-single-episode .movie-engine-content-below-player .movie-engine-content-left-col,
.movie-engine-single-movie-wrapper.me-single-episode .movie-engine-content-below-player .movie-engine-content-right-col {
  background-color: var(--movie-engine-bg-color);
}
.movie-engine-single-movie-wrapper.me-single-episode .movie-engine-section,
.movie-engine-single-movie-wrapper.me-single-episode .movie-engine-related-section,
.movie-engine-single-movie-wrapper.me-single-episode .movie-engine-episodes-section,
.movie-engine-single-movie-wrapper.me-single-episode .movie-engine-episode-info-section {
  background-color: transparent;
}
.movie-engine-single-movie-wrapper.me-single-episode .me-sidebar-extra-content {
  background-color: transparent;
}
.movie-engine-single-movie-wrapper.me-single-episode video {
  background-color: var(--movie-engine-black-color);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero {
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 0;
  margin-bottom: 0;
  z-index: 9;
  overflow: hidden;
  min-height: 600px;
  height: 100vh;
  max-height: 1080px;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, rgba(var(--movie-engine-bg-rgb), 0.9) 0%, rgba(var(--movie-engine-bg-rgb), 0.4) 50%, rgba(var(--movie-engine-bg-rgb), 0) 100%), linear-gradient(to top, rgba(var(--movie-engine-bg-rgb), 1) 0%, rgba(var(--movie-engine-bg-rgb), 0) 40%);
  z-index: 10;
  pointer-events: none;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-video-controls {
  position: absolute;
  bottom: 30px;
  right: 30px;
  z-index: 200;
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 768px) {
  .movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-video-controls {
    bottom: 20px;
    right: 20px;
    gap: 10px;
  }
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-video-control-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: rgba(var(--movie-engine-black-rgb), 0.6);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.15);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.25s ease;
  color: rgba(var(--movie-engine-white-color-rgb), 0.9);
  padding: 0;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-video-control-btn:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.15);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.3);
  transform: scale(1.08);
  color: var(--movie-engine-white-color);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-video-control-btn:active {
  transform: scale(0.95);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-video-control-btn svg {
  width: 22px;
  height: 22px;
  stroke: currentColor;
  fill: none;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-video-control-btn.muted svg {
  opacity: 0.6;
}
@media (max-width: 768px) {
  .movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-video-control-btn {
    width: 42px;
    height: 42px;
  }
  .movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-video-control-btn svg {
    width: 20px;
    height: 20px;
  }
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-container {
  position: relative;
  z-index: 100;
  height: 100%;
  display: flex;
  align-items: center;
  padding-left: 5%;
  padding-bottom: 10%;
}
@media (max-width: 768px) {
  .movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-container {
    padding-left: 20px;
    padding-bottom: 40px;
    text-align: left;
    align-items: flex-end;
  }
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-genre-list {
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: 700;
  color: var(--movie-engine-body-color);
  letter-spacing: 0.5px;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-genre-list a {
  color: var(--movie-engine-body-color);
  text-decoration: none;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-genre-list a:hover {
  color: var(--movie-engine-primary-color);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-movie-title {
  font-family: var(--movie-engine-heading-font);
  font-size: 64px;
  font-weight: 800;
  margin: 0 0 20px;
  line-height: 1.1;
  color: var(--movie-engine-white-color);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-movie-title.me-text-image {
  color: transparent;
}
@media (max-width: 768px) {
  .movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-movie-title {
    font-size: 36px;
    margin-bottom: 12px;
  }
}
@media (max-width: 480px) {
  .movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-movie-title {
    font-size: 28px;
    margin-bottom: 10px;
  }
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 28px;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-badge,
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
  padding: 0 16px;
  font-size: 15px;
  font-weight: 700;
  color: var(--movie-engine-white-color);
  background: rgba(var(--movie-engine-white-color-rgb), 0.08);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.15);
  border-radius: 8px;
  transition: all 0.2s ease;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-badge:hover,
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-item:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.12);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.25);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-badge svg,
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-item svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  opacity: 0.8;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-badge .dashicons,
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-item .dashicons {
  font-size: 18px;
  width: 18px;
  height: 18px;
  opacity: 0.8;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-badge.me-imdb-badge {
  background: linear-gradient(135deg, var(--movie-engine-yellow-color) 0%, var(--movie-engine-yellow-color) 100%);
  border: none;
  color: var(--movie-engine-black-color);
  font-size: 15px;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(var(--movie-engine-yellow-rgb), 0.3);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-badge.me-imdb-badge svg {
  height: 18px;
  width: auto;
  opacity: 1;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-badge.me-imdb-badge:hover {
  background: linear-gradient(135deg, var(--movie-engine-yellow-color) 0%, var(--movie-engine-yellow-color) 100%);
  box-shadow: 0 4px 16px rgba(var(--movie-engine-yellow-rgb), 0.4);
  transform: translateY(-1px);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-badge.me-user-rating-badge {
  background: linear-gradient(135deg, var(--movie-engine-success-color) 0%, var(--movie-engine-success-color) 100%);
  border: none;
  box-shadow: 0 2px 8px rgba(var(--movie-engine-success-rgb), 0.3);
  gap: 6px;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-badge.me-user-rating-badge .me-rating-star {
  font-size: 14px;
  line-height: 1;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-badge.me-user-rating-badge .me-rating-value {
  font-size: 15px;
  font-weight: 700;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-badge.me-user-rating-badge .me-rating-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.5px;
  opacity: 0.9;
  padding-left: 6px;
  border-left: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.3);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-badge.me-user-rating-badge:hover {
  background: linear-gradient(135deg, var(--movie-engine-success-color) 0%, var(--movie-engine-success-color) 100%);
  box-shadow: 0 4px 16px rgba(var(--movie-engine-success-rgb), 0.4);
  transform: translateY(-1px);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-badge.me-quality-badge {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-badge.me-premium-badge {
  background: #fbc02d;
  color: #000;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(251, 192, 45, 0.3);
  gap: 6px;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-badge.me-premium-badge:hover {
  box-shadow: 0 4px 16px rgba(251, 192, 45, 0.4);
  transform: translateY(-1px);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-badge.me-ppv-badge {
  background: #1976d2;
  color: #fff;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(25, 118, 210, 0.3);
  gap: 6px;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-badge.me-ppv-badge:hover {
  box-shadow: 0 4px 16px rgba(25, 118, 210, 0.4);
  transform: translateY(-1px);
}
@media (max-width: 768px) {
  .movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row {
    gap: 8px;
  }
  .movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-badge,
  .movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-item {
    height: 32px;
    padding: 0 10px;
    font-size: 12px;
    border-radius: 6px;
  }
  .movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-badge svg,
  .movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-badge .dashicons,
  .movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-item svg,
  .movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .movie-engine-meta-item .dashicons {
    width: 14px;
    height: 14px;
    font-size: 14px;
  }
  .movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-meta-row .me-user-rating-badge .me-rating-label {
    display: none;
  }
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-short-synopsis {
  margin-bottom: 35px;
  max-width: 90%;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-short-synopsis .me-synopsis-text {
  font-size: 20px;
  line-height: 1.5;
  color: var(--movie-engine-body-color);
  font-weight: 500;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-short-synopsis .me-synopsis-text {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-short-synopsis .movie-engine-read-more-btn {
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  border: none;
  color: var(--movie-engine-white-color);
  padding: 4px 12px;
  font-size: 15px;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-short-synopsis .movie-engine-read-more-btn:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.2);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .me-primary-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 600px) {
  .movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .me-primary-actions {
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
  }
  .movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .me-primary-actions .movie-engine-btn {
    width: 100%;
    height: 44px;
    font-size: 13px;
  }
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .me-icon-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 600px) {
  .movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .me-icon-actions {
    width: 100%;
    justify-content: flex-start;
    margin-top: 5px;
  }
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .movie-engine-btn {
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 25px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  transition: all 0.3s;
  border: none;
  cursor: pointer;
  gap: 10px;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-play {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-play:hover {
  background: var(--movie-engine-primary-hover-color);
  transform: translateY(-2px);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-secondary {
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  color: var(--movie-engine-white-color);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-secondary:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.15);
  transform: translateY(-2px);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-subscribe {
  background: linear-gradient(135deg, var(--movie-engine-primary-color) 0%, var(--movie-engine-primary-hover-color) 100%);
  color: var(--movie-engine-white-color);
  box-shadow: 0 2px 10px rgba(var(--movie-engine-primary-rgb), 0.3);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-subscribe:hover {
  box-shadow: 0 4px 20px rgba(var(--movie-engine-primary-rgb), 0.5);
  transform: translateY(-2px);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-subscribe svg {
  width: 18px;
  height: 18px;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-ppv {
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.2);
  color: var(--movie-engine-white-color);
  text-transform: none;
  font-weight: 600;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-ppv .me-price {
  font-weight: 700;
  color: var(--movie-engine-yellow-color);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-ppv .me-duration {
  font-size: 12px;
  opacity: 0.8;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-ppv svg {
  width: 18px;
  height: 18px;
  opacity: 0.9;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-ppv:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.15);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.3);
  transform: translateY(-2px);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-ppv.me-btn-buy:hover {
  border-color: var(--movie-engine-primary-color);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-ppv.me-btn-rent:hover {
  border-color: var(--movie-engine-info-color);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .movie-engine-btn .dashicons {
  font-size: 18px;
  width: 18px;
  height: 18px;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .movie-engine-hero-ppv-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 480px) {
  .movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .movie-engine-hero-ppv-actions {
    width: 100%;
  }
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .movie-engine-btn-ppv-trigger {
  background: linear-gradient(135deg, var(--movie-engine-danger-color) 0%, var(--movie-engine-primary-color) 100%);
  color: var(--movie-engine-white-color);
  box-shadow: 0 2px 10px rgba(var(--movie-engine-primary-color), 0.3);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .movie-engine-btn-ppv-trigger:hover {
  box-shadow: 0 4px 20px rgba(var(--movie-engine-primary-color), 0.5);
  transform: translateY(-2px);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .movie-engine-btn-get-access {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  box-shadow: 0 2px 10px rgba(var(--movie-engine-primary-color), 0.3);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .movie-engine-hero-actions .movie-engine-btn-get-access:hover {
  box-shadow: 0 4px 20px rgba(var(--movie-engine-primary-color), 0.5);
  transform: translateY(-2px);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .me-modal-access-actions .movie-engine-hero-ppv-actions {
  display: flex;
  gap: 12px;
  margin-top: 15px;
}
@media (max-width: 480px) {
  .movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .me-modal-access-actions .movie-engine-hero-ppv-actions {
    width: 100%;
  }
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper .me-modal-access-actions .movie-engine-hero-ppv-actions .movie-engine-btn {
  height: 40px;
  padding: 0 20px;
  font-size: 13px;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-hero-info-wrapper svg {
  width: 18px;
  height: 18px;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-rental-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  padding: 0 20px;
  background: linear-gradient(135deg, var(--movie-engine-primary-color) 0%, var(--movie-engine-primary-hover-color) 100%);
  border-radius: 6px;
  color: var(--movie-engine-white-color);
  font-size: 14px;
  font-weight: 600;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-rental-badge svg {
  width: 16px;
  height: 16px;
  opacity: 0.9;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .movie-engine-rental-badge .movie-engine-rental-countdown {
  font-weight: 700;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .me-icon-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  border: none;
  color: var(--movie-engine-white-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
  position: relative;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .me-icon-btn:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.2);
  transform: scale(1.05);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .me-icon-btn:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .me-icon-btn::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%) translateY(5px);
  background: rgba(var(--movie-engine-black-rgb), 0.9);
  color: var(--movie-engine-white-color);
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  pointer-events: none;
  z-index: 100;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .me-icon-btn::before {
  content: "";
  position: absolute;
  bottom: calc(100% + 2px);
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: rgba(var(--movie-engine-black-rgb), 0.9);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  pointer-events: none;
  z-index: 100;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .me-icon-btn:hover::before {
  opacity: 1;
  visibility: visible;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .me-icon-btn svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .me-icon-btn.movie-engine-like-btn.active {
  background: rgba(var(--movie-engine-danger-rgb), 0.2);
  color: var(--movie-engine-danger-color);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .me-icon-btn.movie-engine-like-btn.active svg {
  fill: var(--movie-engine-danger-color);
}
.movie-engine-single-movie-wrapper .movie-engine-movie-hero .me-icon-btn.movie-engine-like-btn:hover {
  background: rgba(var(--movie-engine-danger-rgb), 0.3);
  color: var(--movie-engine-danger-color);
}

.movie-engine-layout-fullwidth .movie-engine-poster-wrapper {
  display: none;
}

.me-main-content {
  position: relative;
  z-index: 8;
  background-color: var(--movie-engine-bg-color);
}
.me-main-content .movie-engine-poster-wrapper {
  flex-shrink: 0;
  width: 250px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(var(--movie-engine-black-rgb), 0.5);
}
.me-main-content .movie-engine-poster-wrapper img {
  width: 100%;
  height: auto;
  display: block;
}
.me-main-content .movie-engine-info-wrapper {
  flex: 1;
}
.me-main-content .movie-engine-info-wrapper .movie-engine-movie-title {
  font-size: 48px;
  font-weight: 800;
  margin: 0 0 15px;
  line-height: 1.1;
  color: var(--movie-engine-white-color);
}
@media (max-width: 768px) {
  .me-main-content .movie-engine-info-wrapper .movie-engine-movie-title {
    font-size: 32px;
  }
}
.me-main-content .movie-engine-info-wrapper .movie-engine-meta-row {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
  font-size: 14px;
  color: var(--movie-engine-muted-color);
}
@media (max-width: 768px) {
  .me-main-content .movie-engine-info-wrapper .movie-engine-meta-row {
    justify-content: center;
  }
}
.me-main-content .movie-engine-info-wrapper .movie-engine-meta-row .movie-engine-badge {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
}
.me-main-content .movie-engine-info-wrapper .movie-engine-meta-row .movie-engine-rating {
  color: var(--movie-engine-yellow-color);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
}
.me-main-content .movie-engine-info-wrapper .movie-engine-genre-list {
  margin-bottom: 25px;
}
.me-main-content .movie-engine-info-wrapper .movie-engine-genre-list a {
  color: var(--movie-engine-yellow-color);
  text-decoration: none;
  transition: color 0.2s;
}
.me-main-content .movie-engine-info-wrapper .movie-engine-genre-list a:hover {
  color: var(--movie-engine-primary-color);
}
.me-main-content .movie-engine-info-wrapper .movie-engine-actions {
  margin-top: 20px;
  display: flex;
  gap: 15px;
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .me-main-content .movie-engine-info-wrapper .movie-engine-actions {
    justify-content: center;
  }
}
.me-main-content .movie-engine-info-wrapper .movie-engine-actions .movie-engine-watchlist-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.2);
  color: var(--movie-engine-white-color);
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.2s;
}
.me-main-content .movie-engine-info-wrapper .movie-engine-actions .movie-engine-watchlist-btn:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.2);
  border-color: var(--movie-engine-white-color);
}
.me-main-content .movie-engine-info-wrapper .movie-engine-actions .movie-engine-watchlist-btn.active {
  background: var(--movie-engine-primary-color);
  border-color: var(--movie-engine-primary-color);
}
.me-main-content .movie-engine-info-wrapper .movie-engine-actions .movie-engine-watchlist-btn.active:hover {
  filter: brightness(0.85);
}
.me-main-content .movie-engine-info-wrapper .movie-engine-actions .movie-engine-watchlist-btn.loading {
  opacity: 0.7;
  cursor: not-allowed;
}
.me-main-content .movie-engine-info-wrapper .movie-engine-actions .movie-engine-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: 4px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s;
}
.me-main-content .movie-engine-info-wrapper .movie-engine-actions .movie-engine-btn.movie-engine-btn-play {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
}
.me-main-content .movie-engine-info-wrapper .movie-engine-actions .movie-engine-btn.movie-engine-btn-play:hover {
  filter: brightness(0.85);
}
.me-main-content .movie-engine-info-wrapper .movie-engine-actions .movie-engine-btn.movie-engine-btn-trailer {
  background: rgba(var(--movie-engine-white-color-rgb), 0.2);
  color: var(--movie-engine-white-color);
  backdrop-filter: blur(5px);
}
.me-main-content .movie-engine-info-wrapper .movie-engine-actions .movie-engine-btn.movie-engine-btn-trailer:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.3);
}
.me-main-content .movie-engine-info-wrapper .movie-engine-short-synopsis {
  font-size: 16px;
  line-height: 1.6;
  color: var(--movie-engine-border-color);
  max-width: 700px;
}

.movie-engine-details-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 40px;
  margin-top: 40px;
}
@media (max-width: 900px) {
  .movie-engine-details-grid {
    grid-template-columns: 1fr;
  }
}

.movie-engine-section-title {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.movie-engine-section-title h2,
.movie-engine-section-title h3,
.movie-engine-section-title h4 {
  font-size: 20px;
  font-weight: 600;
  color: var(--movie-engine-white-color);
  margin: 0;
  border-left: 4px solid var(--movie-engine-primary-color);
  padding-left: 15px;
}
.movie-engine-section-title .me-view-all {
  font-size: 14px;
  color: var(--movie-engine-primary-color);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  transition: opacity 0.2s;
}
.movie-engine-section-title .me-view-all:hover {
  opacity: 0.8;
  color: var(--movie-engine-primary-color);
}
.movie-engine-section-title .me-view-all .dashicons {
  font-size: 16px;
  width: 16px;
  height: 16px;
  line-height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}

.movie-engine-full-synopsis {
  line-height: 1.8;
  color: var(--movie-engine-border-color);
  margin-bottom: 40px;
}

.movie-engine-cast-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 20px;
}
.movie-engine-cast-list .movie-engine-cast-item {
  background: var(--movie-engine-black-color);
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.2s;
}
.movie-engine-cast-list .movie-engine-cast-item:hover {
  transform: translateY(-5px);
}
.movie-engine-cast-list .movie-engine-cast-item .movie-engine-cast-avatar {
  height: 180px;
  background: var(--movie-engine-black-color);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  font-size: 40px;
  color: var(--movie-engine-muted-color);
}
.movie-engine-cast-list .movie-engine-cast-item .movie-engine-cast-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.movie-engine-cast-list .movie-engine-cast-item .movie-engine-cast-info {
  padding: 10px;
  text-align: center;
}
.movie-engine-cast-list .movie-engine-cast-item .movie-engine-cast-info .movie-engine-actor-name {
  display: block;
  font-weight: 600;
  font-size: 13px;
  color: var(--movie-engine-white-color);
  margin-bottom: 2px;
}
.movie-engine-cast-list .movie-engine-cast-item .movie-engine-cast-info .movie-engine-actor-role {
  display: block;
  font-size: 11px;
  color: var(--movie-engine-muted-color);
}

.movie-engine-info-box {
  background: var(--movie-engine-black-color);
  padding: 25px;
  border-radius: 8px;
}
.movie-engine-info-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.movie-engine-info-box ul li {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid var(--movie-engine-border-color);
  font-size: 14px;
}
.movie-engine-info-box ul li:last-child {
  border-bottom: none;
}
.movie-engine-info-box ul li strong {
  color: var(--movie-engine-white-color);
}
.movie-engine-info-box ul li span {
  color: var(--movie-engine-border-color);
}

.movie-engine-ad-slot {
  margin: 30px 0;
  text-align: center;
  padding: 10px;
  border-radius: 4px;
}
.movie-engine-ad-slot ins {
  margin: 0 auto;
}
.movie-engine-ad-slot.me-ad-header, .movie-engine-ad-slot.me-ad-footer {
  margin: 0px;
  padding: 0px;
}

.movie-engine-seasons-section {
  margin-bottom: 40px;
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item {
  margin-bottom: 15px;
  background: var(--movie-engine-black-color);
  border-radius: 8px;
  overflow: hidden;
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-season-toggle {
  width: 100%;
  background: var(--movie-engine-black-color);
  border: 1px solid var(--movie-engine-border-color);
  padding: 15px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: var(--movie-engine-white-color);
  font-size: 16px;
  font-weight: 600;
  transition: all 0.3s ease;
  border-radius: 8px;
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-season-toggle:hover {
  background: var(--movie-engine-bg-color);
  border-color: var(--movie-engine-border-color);
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-season-toggle.active {
  background: var(--movie-engine-black-color);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: var(--movie-engine-border-color);
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-season-toggle.active .dashicons {
  transform: rotate(180deg);
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-season-toggle .movie-engine-season-number {
  font-size: 16px;
  font-weight: 700;
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-season-toggle .movie-engine-season-header-meta {
  display: flex;
  align-items: center;
  gap: 20px;
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-season-toggle .movie-engine-season-header-meta .movie-engine-episode-count-info {
  color: var(--movie-engine-muted-color);
  font-size: 13px;
  font-weight: 400;
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-season-toggle .movie-engine-season-header-meta .dashicons {
  transition: transform 0.3s;
  color: var(--movie-engine-muted-color);
  font-size: 18px;
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper {
  background: var(--movie-engine-black-color);
  border: 1px solid var(--movie-engine-border-color);
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  border-bottom: 1px solid var(--movie-engine-border-color);
  transition: all 0.2s ease;
  text-decoration: none;
  color: var(--movie-engine-white-color);
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium:hover {
  background: var(--movie-engine-bg-color);
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium:hover .movie-engine-ep-thumbnail img {
  transform: scale(1.1);
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium:hover .movie-engine-ep-thumbnail-overlay {
  opacity: 1;
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium:hover .movie-engine-btn-play-ep {
  background: var(--movie-engine-primary-color);
  transform: scale(1.05);
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium:last-child {
  border-bottom: none;
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium.is-watched .movie-engine-ep-title {
  color: var(--movie-engine-muted-color);
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium .movie-engine-ep-left {
  display: flex;
  align-items: center;
  gap: 20px;
  flex: 1;
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium .movie-engine-ep-thumbnail {
  position: relative;
  width: 140px;
  height: 78px;
  border-radius: 6px;
  overflow: hidden;
  background: var(--movie-engine-black-color);
  flex-shrink: 0;
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium .movie-engine-ep-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium .movie-engine-ep-thumbnail .movie-engine-ep-index {
  position: absolute;
  top: 5px;
  left: 8px;
  font-size: 12px;
  font-weight: 800;
  color: var(--movie-engine-white-color);
  text-shadow: 0 0 4px rgba(var(--movie-engine-black-rgb), 0.8);
  z-index: 2;
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium .movie-engine-ep-thumbnail .movie-engine-ep-thumbnail-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(var(--movie-engine-black-rgb), 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  backdrop-filter: blur(2px);
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium .movie-engine-ep-thumbnail .movie-engine-ep-thumbnail-overlay .dashicons {
  color: var(--movie-engine-white-color);
  font-size: 32px;
  width: 32px;
  height: 32px;
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium .movie-engine-ep-details .movie-engine-ep-title-row {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium .movie-engine-ep-details .movie-engine-ep-title-row .movie-engine-ep-index-mobile {
  font-size: 15px;
  font-weight: 700;
  color: var(--movie-engine-muted-color);
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium .movie-engine-ep-details .movie-engine-ep-title-row .movie-engine-ep-title {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium .movie-engine-ep-details .movie-engine-ep-meta {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  color: var(--movie-engine-muted-color);
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium .movie-engine-ep-details .movie-engine-ep-meta .movie-engine-ep-meta-sep {
  width: 4px;
  height: 4px;
  background: var(--movie-engine-muted-color);
  border-radius: 50%;
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium .movie-engine-ep-details .movie-engine-ep-meta .movie-engine-ep-watched-badge {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--movie-engine-success-color);
  font-weight: 600;
  font-size: 16px;
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium .movie-engine-ep-right {
  display: flex;
  align-items: center;
  gap: 30px;
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium .movie-engine-ep-right .movie-engine-ep-runtime-desktop,
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium .movie-engine-ep-right .movie-engine-ep-date-desktop {
  font-size: 14px;
  color: var(--movie-engine-muted-color);
}
@media (max-width: 768px) {
  .movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium .movie-engine-ep-right .movie-engine-ep-runtime-desktop,
  .movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium .movie-engine-ep-right .movie-engine-ep-date-desktop {
    display: none;
  }
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium .movie-engine-ep-right .movie-engine-btn-play-ep {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  padding: 8px 18px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 700;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  font-size: 18px;
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium .movie-engine-ep-right .movie-engine-btn-play-ep:hover {
  background: var(--movie-engine-primary-color);
}
@media (max-width: 640px) {
  .movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium .movie-engine-ep-right {
    width: 100%;
    justify-content: space-between;
    align-items: center;
  }
  .movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-list .movie-engine-episode-item-premium .movie-engine-ep-thumbnail {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
  }
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-pagination {
  padding: 20px;
  text-align: center;
  border-top: 1px solid var(--movie-engine-border-color);
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-pagination .movie-engine-load-more-episodes {
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
  color: var(--movie-engine-white-color);
  border: 1px solid var(--movie-engine-border-color);
  padding: 10px 30px;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.movie-engine-seasons-section .movie-engine-seasons-accordion .movie-engine-season-accordion-item .movie-engine-episode-list-wrapper .movie-engine-episode-pagination .movie-engine-load-more-episodes:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  border-color: var(--movie-engine-border-color);
}

.movie-engine-single-episode .movie-engine-movie-hero {
  min-height: auto;
  padding: 0;
}
.movie-engine-single-episode .movie-engine-movie-hero .movie-engine-breadcrumbs {
  margin-bottom: 10px;
  font-size: 14px;
}
.movie-engine-single-episode .movie-engine-movie-hero .movie-engine-breadcrumbs a {
  color: var(--movie-engine-primary-color);
  text-decoration: none;
  font-weight: 600;
}
.movie-engine-single-episode .movie-engine-movie-hero .movie-engine-breadcrumbs .sep {
  color: var(--movie-engine-muted-color);
  margin: 0 5px;
}
.movie-engine-single-episode .movie-engine-movie-hero .movie-engine-breadcrumbs span {
  color: var(--movie-engine-muted-color);
}
.movie-engine-single-episode .movie-engine-movie-hero .movie-engine-ep-badge {
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.6em;
  vertical-align: middle;
  margin-right: 10px;
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.2);
}
.movie-engine-single-episode .movie-engine-episode-nav {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 40px;
}
.movie-engine-single-episode .movie-engine-episode-nav .movie-engine-btn-nav {
  background: var(--movie-engine-black-color);
  color: var(--movie-engine-white-color);
  padding: 10px 20px;
  border-radius: 4px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  transition: background 0.2s;
}
.movie-engine-single-episode .movie-engine-episode-nav .movie-engine-btn-nav:hover {
  background: var(--movie-engine-primary-color);
}

.movie-engine-player-section.movie-engine-theater-mode-active {
  z-index: 9999;
}

.movie-engine-player-container.movie-engine-theater-mode {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  background: rgba(var(--movie-engine-black-rgb), 0.98);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  overflow: hidden;
}
.movie-engine-player-container.movie-engine-theater-mode .plyr,
.movie-engine-player-container.movie-engine-theater-mode iframe,
.movie-engine-player-container.movie-engine-theater-mode video,
.movie-engine-player-container.movie-engine-theater-mode .movie-engine-clappr-container,
.movie-engine-player-container.movie-engine-theater-mode .movie-engine-shaka-container {
  width: auto;
  max-width: min(100%, (100vh - 40px) * 16 / 9);
  height: auto;
  max-height: calc(100vh - 40px);
  aspect-ratio: 16/9;
  margin: 0 auto;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.8);
  border: none;
  outline: none;
  flex: none;
  display: block;
  visibility: visible;
  opacity: 1;
}
.movie-engine-player-container.movie-engine-theater-mode .plyr video,
.movie-engine-player-container.movie-engine-theater-mode .plyr [data-player],
.movie-engine-player-container.movie-engine-theater-mode .plyr .container[data-container],
.movie-engine-player-container.movie-engine-theater-mode .plyr .playback[data-playback],
.movie-engine-player-container.movie-engine-theater-mode iframe video,
.movie-engine-player-container.movie-engine-theater-mode iframe [data-player],
.movie-engine-player-container.movie-engine-theater-mode iframe .container[data-container],
.movie-engine-player-container.movie-engine-theater-mode iframe .playback[data-playback],
.movie-engine-player-container.movie-engine-theater-mode video video,
.movie-engine-player-container.movie-engine-theater-mode video [data-player],
.movie-engine-player-container.movie-engine-theater-mode video .container[data-container],
.movie-engine-player-container.movie-engine-theater-mode video .playback[data-playback],
.movie-engine-player-container.movie-engine-theater-mode .movie-engine-clappr-container video,
.movie-engine-player-container.movie-engine-theater-mode .movie-engine-clappr-container [data-player],
.movie-engine-player-container.movie-engine-theater-mode .movie-engine-clappr-container .container[data-container],
.movie-engine-player-container.movie-engine-theater-mode .movie-engine-clappr-container .playback[data-playback],
.movie-engine-player-container.movie-engine-theater-mode .movie-engine-shaka-container video,
.movie-engine-player-container.movie-engine-theater-mode .movie-engine-shaka-container [data-player],
.movie-engine-player-container.movie-engine-theater-mode .movie-engine-shaka-container .container[data-container],
.movie-engine-player-container.movie-engine-theater-mode .movie-engine-shaka-container .playback[data-playback] {
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  object-fit: contain;
  display: block;
  visibility: visible;
}
@media (max-width: 768px) {
  .movie-engine-player-container.movie-engine-theater-mode {
    padding: 0;
  }
  .movie-engine-player-container.movie-engine-theater-mode .plyr,
  .movie-engine-player-container.movie-engine-theater-mode iframe,
  .movie-engine-player-container.movie-engine-theater-mode video,
  .movie-engine-player-container.movie-engine-theater-mode .movie-engine-clappr-container,
  .movie-engine-player-container.movie-engine-theater-mode .movie-engine-shaka-container {
    max-height: 100vh;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    box-shadow: none;
  }
  .movie-engine-player-container.movie-engine-theater-mode .plyr video,
  .movie-engine-player-container.movie-engine-theater-mode .plyr [data-player],
  .movie-engine-player-container.movie-engine-theater-mode .plyr .container[data-container],
  .movie-engine-player-container.movie-engine-theater-mode .plyr .playback[data-playback],
  .movie-engine-player-container.movie-engine-theater-mode iframe video,
  .movie-engine-player-container.movie-engine-theater-mode iframe [data-player],
  .movie-engine-player-container.movie-engine-theater-mode iframe .container[data-container],
  .movie-engine-player-container.movie-engine-theater-mode iframe .playback[data-playback],
  .movie-engine-player-container.movie-engine-theater-mode video video,
  .movie-engine-player-container.movie-engine-theater-mode video [data-player],
  .movie-engine-player-container.movie-engine-theater-mode video .container[data-container],
  .movie-engine-player-container.movie-engine-theater-mode video .playback[data-playback],
  .movie-engine-player-container.movie-engine-theater-mode .movie-engine-clappr-container video,
  .movie-engine-player-container.movie-engine-theater-mode .movie-engine-clappr-container [data-player],
  .movie-engine-player-container.movie-engine-theater-mode .movie-engine-clappr-container .container[data-container],
  .movie-engine-player-container.movie-engine-theater-mode .movie-engine-clappr-container .playback[data-playback],
  .movie-engine-player-container.movie-engine-theater-mode .movie-engine-shaka-container video,
  .movie-engine-player-container.movie-engine-theater-mode .movie-engine-shaka-container [data-player],
  .movie-engine-player-container.movie-engine-theater-mode .movie-engine-shaka-container .container[data-container],
  .movie-engine-player-container.movie-engine-theater-mode .movie-engine-shaka-container .playback[data-playback] {
    height: 100% !important;
  }
}

.me-single-episode .movie-engine-episode-hero {
  padding: 100px 0 60px;
  margin-bottom: 30px;
}
.me-single-episode .movie-engine-episode-hero .movie-engine-hero-container {
  align-items: flex-end;
}
.me-single-episode .movie-engine-episode-hero .movie-engine-breadcrumbs {
  margin-bottom: 10px;
  font-size: 14px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.7);
}
.me-single-episode .movie-engine-episode-hero .movie-engine-breadcrumbs a {
  color: rgba(var(--movie-engine-white-color-rgb), 0.7);
  text-decoration: none;
  transition: color 0.2s;
}
.me-single-episode .movie-engine-episode-hero .movie-engine-breadcrumbs a:hover {
  color: var(--movie-engine-white-color);
}
.me-single-episode .movie-engine-episode-hero .movie-engine-breadcrumbs .sep {
  margin: 0 8px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.4);
}
@media (max-width: 768px) {
  .me-single-episode .movie-engine-episode-hero {
    padding: 60px 0 40px;
  }
}
.me-single-episode .movie-engine-episode-hero .movie-engine-movie-title {
  font-size: 36px;
  margin-bottom: 10px;
  color: var(--movie-engine-white-color);
}
@media (max-width: 768px) {
  .me-single-episode .movie-engine-episode-hero .movie-engine-movie-title {
    font-size: 28px;
  }
}
@media (max-width: 480px) {
  .me-single-episode .movie-engine-episode-hero .movie-engine-movie-title {
    font-size: 24px;
  }
}
.me-single-episode .movie-engine-episode-nav {
  display: flex;
  justify-content: space-between;
  margin: 30px 0;
  gap: 20px;
}
@media (max-width: 600px) {
  .me-single-episode .movie-engine-episode-nav {
    flex-direction: column;
  }
}
.me-single-episode .movie-engine-episode-nav .movie-engine-btn-nav {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  color: var(--movie-engine-white-color);
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  transition: all 0.2s;
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
}
.me-single-episode .movie-engine-episode-nav .movie-engine-btn-nav:hover:not(.movie-engine-disabled) {
  background: rgba(var(--movie-engine-white-color-rgb), 0.2);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.3);
  transform: translateY(-2px);
}
.me-single-episode .movie-engine-episode-nav .movie-engine-btn-nav.movie-engine-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
}
.me-single-episode .movie-engine-episode-nav .movie-engine-btn-nav .dashicons {
  font-size: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
.me-single-episode.movie-engine-layout-fullwidth .movie-engine-player-fullwidth {
  background: var(--movie-engine-black-color);
  margin-bottom: 30px;
  border-radius: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.me-single-episode.movie-engine-layout-fullwidth .movie-engine-player-fullwidth .movie-engine-player-wrapper {
  flex: 1;
  display: flex !important;
  flex-direction: column !important;
  height: 100vh !important;
  min-height: 0;
  background: var(--movie-engine-black-color);
  max-width: 100%;
}
.me-single-episode.movie-engine-layout-fullwidth .movie-engine-player-fullwidth .movie-engine-player-wrapper .movie-engine-player-container {
  flex: 1;
  min-height: 0;
  height: 100% !important;
  max-height: 100% !important;
  aspect-ratio: 16/9;
  width: 100%;
  margin: 0 auto;
}
.me-single-episode.movie-engine-layout-fullwidth .movie-engine-player-fullwidth .movie-engine-player-wrapper .movie-engine-player-container iframe,
.me-single-episode.movie-engine-layout-fullwidth .movie-engine-player-fullwidth .movie-engine-player-wrapper .movie-engine-player-container video,
.me-single-episode.movie-engine-layout-fullwidth .movie-engine-player-fullwidth .movie-engine-player-wrapper .movie-engine-player-container .plyr,
.me-single-episode.movie-engine-layout-fullwidth .movie-engine-player-fullwidth .movie-engine-player-wrapper .movie-engine-player-container .movie-engine-clappr-container {
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
}
.me-single-episode.movie-engine-layout-fullwidth .movie-engine-player-fullwidth .movie-engine-player-wrapper .movie-engine-server-switcher,
.me-single-episode.movie-engine-layout-fullwidth .movie-engine-player-fullwidth .movie-engine-player-wrapper .movie-engine-affiliate-buttons {
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .me-single-episode.movie-engine-layout-fullwidth .movie-engine-player-fullwidth {
    height: auto;
  }
  .me-single-episode.movie-engine-layout-fullwidth .movie-engine-player-fullwidth .movie-engine-container-fluid {
    width: 100%;
  }
  .me-single-episode.movie-engine-layout-fullwidth .movie-engine-player-fullwidth .movie-engine-player-wrapper {
    width: 100%;
  }
}
.me-single-episode.movie-engine-player-section {
  margin-bottom: 40px;
  background: var(--movie-engine-black-color);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(var(--movie-engine-black-rgb), 0.4);
  position: relative;
}
.me-single-episode .movie-engine-player-container > video:not(:first-of-type) {
  display: none !important;
  visibility: hidden !important;
}
.me-single-episode .movie-engine-player-container > .movie-engine-clappr-container:not(:first-of-type) {
  display: none !important;
}
.me-single-episode .movie-engine-player-container > .movie-engine-clappr-container ~ video {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.me-single-episode .movie-engine-skip-ad {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: auto;
  z-index: 2147483647;
  background: rgba(var(--movie-engine-black-rgb), 0.8);
  color: var(--movie-engine-white-color);
  border: 2px solid var(--movie-engine-white-color);
  padding: 10px 20px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s;
}
.me-single-episode .movie-engine-skip-ad.disabled {
  opacity: 0.7;
  cursor: default;
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.5);
}
.me-single-episode .movie-engine-skip-ad.clickable {
  cursor: pointer;
}
.me-single-episode .movie-engine-skip-ad.clickable:hover {
  background: var(--movie-engine-primary-color);
  border-color: var(--movie-engine-primary-color);
  transform: scale(1.05);
}
.me-single-episode .me-details-modal-content {
  max-width: 900px;
  width: 90%;
  padding: 0;
  overflow: hidden;
  background: var(--movie-engine-black-color);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
  box-shadow: 0 25px 50px -12px rgba(var(--movie-engine-black-rgb), 1);
}
.me-single-episode .me-details-modal-content .me-modal-body {
  display: flex;
}
@media (max-width: 768px) {
  .me-single-episode .me-details-modal-content .me-modal-body {
    flex-direction: column;
  }
}
.me-single-episode .me-details-modal-content .me-modal-poster {
  width: 320px;
  flex-shrink: 0;
  line-height: 0;
}
.me-single-episode .me-details-modal-content .me-modal-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .me-single-episode .me-details-modal-content .me-modal-poster {
    width: 100%;
    height: 300px;
  }
}
.me-single-episode .me-details-modal-content .me-modal-info {
  padding: 40px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  max-height: 85vh;
  color: var(--movie-engine-white-color);
}
.me-single-episode .me-details-modal-content .me-modal-info h2 {
  font-size: 32px;
  margin: 0 0 15px;
  font-family: var(--movie-engine-heading-font);
  color: var(--movie-engine-white-color);
}
.me-single-episode .me-details-modal-content .me-modal-info .me-modal-meta-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 25px;
  font-size: 14px;
  color: var(--movie-engine-white-color);
  font-weight: 500;
}
.me-single-episode .me-details-modal-content .me-modal-info .me-modal-meta-row .me-dot {
  color: rgba(var(--movie-engine-white-color-rgb), 0.2);
  font-size: 10px;
}
.me-single-episode .me-details-modal-content .me-modal-info .me-modal-meta-row .me-rating-item {
  display: flex;
  align-items: center;
  gap: 5px;
  color: var(--movie-engine-white-color);
  font-weight: 600;
}
.me-single-episode .me-details-modal-content .me-modal-info .me-modal-meta-row .me-rating-item span {
  font-size: 16px;
  color: var(--movie-engine-yellow-color);
  margin-top: 2px;
}
.me-single-episode .me-details-modal-content .me-modal-info .me-modal-tabs {
  border-bottom: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
  margin-bottom: 20px;
}
.me-single-episode .me-details-modal-content .me-modal-info .me-modal-tabs span {
  display: inline-block;
  padding-bottom: 10px;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom: 2px solid var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
}
.me-single-episode .me-details-modal-content .me-modal-info .me-modal-scroll-area {
  overflow-y: auto;
  padding-right: 15px;
}
.me-single-episode .me-details-modal-content .me-modal-info .me-modal-scroll-area::-webkit-scrollbar {
  width: 6px;
}
.me-single-episode .me-details-modal-content .me-modal-info .me-modal-scroll-area::-webkit-scrollbar-track {
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
}
.me-single-episode .me-details-modal-content .me-modal-info .me-modal-scroll-area::-webkit-scrollbar-thumb {
  background: rgba(var(--movie-engine-white-color-rgb), 0.2);
  border-radius: 3px;
}
.me-single-episode .me-details-modal-content .me-modal-info .me-modal-scroll-area .me-modal-synopsis {
  font-size: 15px;
  line-height: 1.6;
  color: var(--movie-engine-muted-color);
  margin-bottom: 25px;
}
.me-single-episode .me-details-modal-content .me-modal-info .me-modal-scroll-area .me-modal-details-list {
  margin-bottom: 25px;
}
.me-single-episode .me-details-modal-content .me-modal-info .me-modal-scroll-area .me-modal-details-list p {
  font-size: 14px;
  margin-bottom: 10px;
  color: var(--movie-engine-muted-color);
  display: flex;
  align-items: center;
}
.me-single-episode .me-details-modal-content .me-modal-info .me-modal-scroll-area .me-modal-details-list p strong {
  color: var(--movie-engine-white-color);
  margin-right: 10px;
  min-width: 90px;
  display: inline-block;
}
.me-single-episode .me-details-modal-content .me-modal-info .me-modal-scroll-area .me-modal-details-list p a {
  color: var(--movie-engine-info-color);
  text-decoration: none;
}
.me-single-episode .me-details-modal-content .me-modal-info .me-modal-scroll-area .me-modal-details-list p a:hover {
  text-decoration: underline;
}
.me-single-episode .me-details-modal-content .me-modal-info .me-modal-scroll-area .me-modal-text-ratings {
  margin-bottom: 25px;
}
.me-single-episode .me-details-modal-content .me-modal-info .me-modal-scroll-area .me-modal-text-ratings p {
  font-size: 14px;
  margin-bottom: 6px;
  color: var(--movie-engine-muted-color);
  font-weight: 500;
}
.me-single-episode .me-details-modal-content .me-modal-info .me-modal-scroll-area .me-modal-cast-section {
  margin-top: 10px;
}
.me-single-episode .me-details-modal-content .me-modal-info .me-modal-scroll-area .me-modal-cast-section h3 {
  font-size: 28px;
  margin-bottom: 15px;
  color: var(--movie-engine-white-color);
  font-family: var(--movie-engine-heading-font);
}
.me-single-episode .me-details-modal-content .me-modal-info .me-modal-scroll-area .me-modal-cast-section .me-cast-list-simple p {
  font-size: 15px;
  margin-bottom: 8px;
  color: var(--movie-engine-muted-color);
}
.me-single-episode .movie-engine-close-modal {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 16px;
  z-index: 10;
  background: rgba(var(--movie-engine-black-rgb), 0.5);
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  line-height: 1;
  transition: all 0.2s;
  color: var(--movie-engine-white-color);
}
.me-single-episode .movie-engine-close-modal:hover {
  background: rgba(var(--movie-engine-danger-rgb), 0.5);
  color: var(--movie-engine-white-color);
  transform: rotate(90deg);
}
.me-single-episode .me-share-modal-modern {
  background: var(--movie-engine-black-color);
  color: var(--movie-engine-white-color);
  padding: 40px;
  max-width: 500px;
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
  box-shadow: 0 25px 50px -12px rgba(var(--movie-engine-black-rgb), 0.1);
  border-radius: 12px;
}
.me-single-episode .me-share-modal-modern .me-share-header {
  text-align: center;
  margin-bottom: 30px;
}
.me-single-episode .me-share-modal-modern .me-share-header h3 {
  font-size: 24px;
  margin-bottom: 10px;
  font-family: var(--movie-engine-heading-font);
}
.me-single-episode .me-share-modal-modern .me-share-header p {
  font-size: 14px;
  color: var(--movie-engine-muted-color);
  line-height: 1.5;
}
.me-single-episode .me-share-modal-modern .me-share-input-wrapper {
  display: flex;
  align-items: center;
  background: var(--movie-engine-bg-color);
  border-radius: 6px;
  padding: 5px 15px;
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
  margin-bottom: 30px;
  transition: border-color 0.3s;
}
.me-single-episode .me-share-modal-modern .me-share-input-wrapper:focus-within {
  border-color: var(--movie-engine-primary-color);
}
.me-single-episode .me-share-modal-modern .me-share-input-wrapper input {
  flex-grow: 1;
  background: transparent;
  border: none;
  color: var(--movie-engine-success-color);
  font-family: monospace;
  font-size: 14px;
  padding: 10px 0;
  outline: none;
}
.me-single-episode .me-share-modal-modern .me-share-input-wrapper button {
  background: transparent;
  border: none;
  color: var(--movie-engine-white-color);
  font-weight: 700;
  font-size: 14px;
  cursor: pointer;
  padding: 10px;
  transition: opacity 0.2s;
}
.me-single-episode .me-share-modal-modern .me-share-input-wrapper button:hover {
  opacity: 0.7;
}
.me-single-episode .me-share-modal-modern .me-social-share-grid {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
.me-single-episode .me-share-modal-modern .me-social-share-grid .me-social-icon {
  width: 44px;
  height: 44px;
  background: #3b5998;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: transform 0.2s, filter 0.2s;
}
.me-single-episode .me-share-modal-modern .me-social-share-grid .me-social-icon svg {
  width: 20px;
  height: 20px;
  fill: var(--movie-engine-white-color);
  stroke: var(--movie-engine-white-color);
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.me-single-episode .me-share-modal-modern .me-social-share-grid .me-social-icon:hover {
  transform: translateY(-3px);
  filter: brightness(1.2);
}
.me-single-episode .me-share-modal-modern .me-social-share-grid .me-social-icon.twitter {
  background: #1da1f2;
}
.me-single-episode .me-share-modal-modern .me-social-share-grid .me-social-icon.linkedin {
  background: #0077b5;
}
.me-single-episode .me-share-modal-modern .me-social-share-grid .me-social-icon.pinterest {
  background: #bd081c;
}
.me-single-episode .me-share-modal-modern .me-social-share-grid .me-social-icon.whatsapp {
  background: #25d366;
}
.me-single-episode .me-share-modal-modern .me-social-share-grid .me-social-icon.telegram {
  background: #0088cc;
}
.me-single-episode .me-share-modal-modern .me-social-share-grid .me-social-icon.generic-share {
  background: #34495e;
}

.movie-engine-player-page {
  margin: 0;
  padding: 0;
  background: var(--movie-engine-bg-color);
  overflow: hidden;
}
@media (max-width: 600px) {
  .movie-engine-player-page {
    overflow: unset;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
.movie-engine-player-page #wpadminbar {
  display: none;
}

.movie-engine-player-fullpage {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: var(--movie-engine-bg-color);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media (max-width: 600px) {
  .movie-engine-player-fullpage {
    position: relative;
    overflow: unset;
    overflow-x: hidden;
    overflow-y: auto;
  }
}
.movie-engine-player-fullpage .movie-engine-player-ad {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 10px 0;
  z-index: 10;
  flex-shrink: 0;
}
.movie-engine-player-fullpage .movie-engine-player-ad.me-player-ad-top {
  border-bottom: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
}
.movie-engine-player-fullpage .movie-engine-player-ad.me-player-ad-bottom {
  border-top: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
}
.movie-engine-player-fullpage:fullscreen .movie-engine-player-ad, .movie-engine-player-fullpage:-webkit-full-screen .movie-engine-player-ad, .movie-engine-player-fullpage:-moz-full-screen .movie-engine-player-ad, .movie-engine-player-fullpage:-ms-fullscreen .movie-engine-player-ad {
  display: none !important;
}
.movie-engine-player-fullpage:has(:fullscreen) .movie-engine-player-ad {
  display: none !important;
}
.movie-engine-player-fullpage .movie-engine-player-page-close {
  position: absolute;
  top: 5px;
  left: 20px;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: rgba(var(--movie-engine-black-rgb), 0.6);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.15);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.25s ease;
  color: var(--movie-engine-white-color);
  text-decoration: none;
}
.movie-engine-player-fullpage .movie-engine-player-page-close:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.15);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.3);
  transform: scale(1.08);
  color: var(--movie-engine-white-color);
}
.movie-engine-player-fullpage .movie-engine-player-page-close:active {
  transform: scale(0.95);
}
.movie-engine-player-fullpage .movie-engine-player-page-close svg {
  width: 24px;
  height: 24px;
  stroke: currentColor;
  fill: none;
}
@media (max-width: 500px) {
  .movie-engine-player-fullpage .movie-engine-player-page-close {
    width: 40px;
    height: 40px;
    left: 15px;
    top: 10px;
  }
  .movie-engine-player-fullpage .movie-engine-player-page-close svg {
    width: 18px;
    height: 18px;
  }
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-player-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--movie-engine-bg-color);
  flex: 1;
  min-height: 0;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-server-switcher {
  padding: 10px 8px;
  padding-left: 90px;
  background: rgba(var(--movie-engine-black-rgb), 0.95);
  border-bottom: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.08);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-server-switcher .movie-engine-server-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  gap: 6px;
  justify-content: flex-start;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-server-switcher .movie-engine-server-btn {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  flex-shrink: 0;
  gap: 4px;
  padding: 5px 8px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.06);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.12);
  border-radius: 8px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.8);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-server-switcher .movie-engine-server-btn:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.2);
  color: var(--movie-engine-white-color);
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-server-switcher .movie-engine-server-btn.active {
  background: var(--movie-engine-primary-color);
  border-color: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-server-switcher .movie-engine-server-btn .movie-engine-server-flag {
  width: 20px;
  height: auto;
  border-radius: 2px;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-server-switcher .movie-engine-server-btn .movie-engine-server-quality {
  padding: 2px 6px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.12);
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-server-switcher .movie-engine-player-info {
  display: flex;
  flex-shrink: 0;
  margin: 0;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-server-switcher .movie-engine-player-info .movie-engine-player-tip {
  margin: 0;
  font-size: 12px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
  display: flex;
  align-items: center;
  gap: 6px;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-server-switcher .movie-engine-player-info .movie-engine-player-tip .dashicons {
  font-size: 14px;
  width: 14px;
  height: 14px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.4);
}
@media (max-width: 768px) {
  .movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-server-switcher {
    padding-right: 15px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-server-switcher .movie-engine-server-btn {
    padding: 8px 12px;
    font-size: 12px;
  }
  .movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-server-switcher .movie-engine-player-info {
    width: 100%;
    justify-content: flex-start;
  }
}
@media (max-width: 768px) and (max-width: 500px) {
  .movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-server-switcher {
    padding-left: 70px;
    gap: 8px;
  }
  .movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-server-switcher .movie-engine-server-buttons {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    padding-bottom: 4px;
    gap: 5px;
  }
  .movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-server-switcher .movie-engine-server-buttons::-webkit-scrollbar {
    height: 0;
    display: none;
  }
  .movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-server-switcher .movie-engine-server-btn {
    flex: 0 0 auto;
    padding: 6px 10px;
    font-size: 11px;
    min-height: 36px;
    border-radius: 6px;
  }
  .movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-server-switcher .movie-engine-server-btn .movie-engine-server-flag {
    width: 16px;
  }
  .movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-server-switcher .movie-engine-server-btn .movie-engine-server-quality {
    padding: 1px 4px;
    font-size: 9px;
  }
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-player-container {
  flex: 1;
  position: relative;
  background: var(--movie-engine-bg-color);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 0;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-player-container iframe,
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-player-container video,
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-player-container .plyr,
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-player-container .plyr__video-wrapper,
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-player-container .shaka-video-container {
  width: 100% !important;
  height: 100% !important;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: contain;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-player-container .plyr {
  --plyr-video-background: $movie-engine-bg-color;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-player-container .movie-engine-player-loader {
  color: rgba(var(--movie-engine-white-color-rgb), 0.7);
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-player-container .movie-engine-player-loader .dashicons {
  font-size: 20px;
  width: 20px;
  height: 20px;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-player-info {
  display: none;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-affiliate-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  padding: 15px 20px;
  background: rgba(var(--movie-engine-black-rgb), 0.95);
  border-top: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.08);
  flex-shrink: 0;
  margin: 20px 0;
}
@media (max-width: 550px) {
  .movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-affiliate-buttons {
    padding: 6px;
    gap: 6px;
    border-top: none;
  }
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-affiliate-buttons .movie-engine-affiliate-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  color: var(--movie-engine-white-color);
  transition: all 0.2s ease;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-affiliate-buttons .movie-engine-affiliate-btn .dashicons {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-affiliate-buttons .movie-engine-affiliate-btn.amazon {
  background: #FF9900;
  color: var(--movie-engine-black-color);
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-affiliate-buttons .movie-engine-affiliate-btn.amazon:hover {
  background: #FFB84D;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-affiliate-buttons .movie-engine-affiliate-btn.netflix {
  background: #E50914;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-affiliate-buttons .movie-engine-affiliate-btn.netflix:hover {
  background: #F40D12;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-affiliate-buttons .movie-engine-affiliate-btn.prime {
  background: #00A8E1;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-affiliate-buttons .movie-engine-affiliate-btn.prime:hover {
  background: #00B9F5;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-affiliate-buttons .movie-engine-affiliate-btn.disney {
  background: #113CCF;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-affiliate-buttons .movie-engine-affiliate-btn.disney:hover {
  background: #1E4FE8;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-affiliate-buttons .movie-engine-affiliate-btn.hulu {
  background: #1CE783;
  color: var(--movie-engine-black-color);
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-affiliate-buttons .movie-engine-affiliate-btn.hulu:hover {
  background: #3FEE9B;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-affiliate-buttons .movie-engine-affiliate-btn.hbo {
  background: #B535F6;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-affiliate-buttons .movie-engine-affiliate-btn.hbo:hover {
  background: #C45FF8;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-affiliate-buttons .movie-engine-affiliate-btn.apple {
  background: var(--movie-engine-black-color);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.3);
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-affiliate-buttons .movie-engine-affiliate-btn.apple:hover {
  background: var(--movie-engine-bg-color);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.5);
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-affiliate-buttons .movie-engine-affiliate-btn.tickets {
  background: #F05123;
}
.movie-engine-player-fullpage .movie-engine-player-fullpage-content .movie-engine-affiliate-buttons .movie-engine-affiliate-btn.tickets:hover {
  background: #FF6B45;
}
.movie-engine-player-fullpage .me-paywall-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.movie-engine-player-fullpage .me-paywall-container .me-paywall-inner {
  max-width: 500px;
  text-align: center;
  padding: 40px;
}

@keyframes me-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.me-spin {
  animation: me-spin 1s linear infinite;
}

.movie-engine-partial-paywall {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(var(--movie-engine-black-rgb), 0.85) 0%, rgba(var(--movie-engine-black-rgb), 0.98) 100%);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  z-index: 99999;
  justify-content: center;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
  animation: fadeInPaywall 0.4s ease;
  overflow-y: auto;
}
.movie-engine-partial-paywall.active {
  display: flex !important;
}

.me-preview-ended-placeholder {
  width: 100%;
  height: 100%;
  background: var(--movie-engine-black-color);
}

@keyframes fadeInPaywall {
  from {
    opacity: 0;
    transform: scale(0.98);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes slideUpPaywall {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.me-paywall-content {
  max-width: 520px;
  width: 100%;
  background: linear-gradient(145deg, rgba(var(--movie-engine-black-rgb), 0.95) 0%, rgba(var(--movie-engine-black-rgb), 0.98) 100%);
  border-radius: 24px;
  padding: 48px 40px;
  box-shadow: 0 32px 64px rgba(var(--movie-engine-black-rgb), 0.5), 0 0 0 1px rgba(var(--movie-engine-white-color-rgb), 0.08);
  text-align: center;
  position: relative;
  animation: slideUpPaywall 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.me-paywall-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(var(--movie-engine-white-color-rgb), 0.08);
  border: none;
  color: rgba(var(--movie-engine-white-color-rgb), 0.6);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  text-decoration: none;
}
.me-paywall-close:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.15);
  color: var(--movie-engine-white-color);
}

.me-paywall-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(var(--movie-engine-primary-rgb), 0.15);
  color: var(--movie-engine-primary-color);
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 20px;
}
.me-paywall-badge svg {
  width: 14px;
  height: 14px;
}

.me-paywall-title {
  font-size: 32px;
  font-weight: 800;
  color: var(--movie-engine-white-color);
  margin: 0 0 12px;
  letter-spacing: -0.03em;
  line-height: 1.2;
}

.me-paywall-text {
  font-size: 15px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
  margin: 0 0 36px;
  line-height: 1.6;
}

.me-paywall-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 28px;
}

.me-paywall-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  border-radius: 14px;
  text-decoration: none;
  color: var(--movie-engine-white-color);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  border: none;
  text-align: left;
  width: 100%;
  font-family: inherit;
  min-width: auto;
  box-sizing: border-box;
}
.me-paywall-option:hover {
  transform: translateY(-2px);
}
.me-paywall-option.movie-engine-btn-ppv {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: auto;
  flex: none;
}

.me-paywall-option.me-option-subscribe {
  background: linear-gradient(135deg, var(--movie-engine-primary-color) 0%, var(--movie-engine-primary-hover-color) 100%);
  box-shadow: 0 8px 24px rgba(var(--movie-engine-primary-rgb), 0.35);
}
.me-paywall-option.me-option-subscribe:hover {
  box-shadow: 0 12px 32px rgba(var(--movie-engine-primary-rgb), 0.5);
}

.me-paywall-option.me-option-buy {
  background: linear-gradient(135deg, var(--movie-engine-success-color) 0%, var(--movie-engine-success-color) 100%);
  box-shadow: 0 8px 24px rgba(var(--movie-engine-success-rgb), 0.35);
}
.me-paywall-option.me-option-buy:hover {
  box-shadow: 0 12px 32px rgba(var(--movie-engine-success-rgb), 0.5);
}

.me-paywall-option.me-option-rent {
  background: linear-gradient(135deg, var(--movie-engine-yellow-color) 0%, var(--movie-engine-yellow-color) 100%);
  box-shadow: 0 8px 24px rgba(var(--movie-engine-yellow-rgb), 0.35);
}
.me-paywall-option.me-option-rent:hover {
  box-shadow: 0 12px 32px rgba(var(--movie-engine-yellow-rgb), 0.5);
}

.me-option-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: rgba(var(--movie-engine-white-color-rgb), 0.2);
  color: var(--movie-engine-white-color);
}
.me-option-icon svg {
  width: 22px;
  height: 22px;
}

.me-option-rent .me-option-icon {
  background: rgba(var(--movie-engine-black-rgb), 0.15);
}

.me-option-info {
  flex: 1;
  min-width: 0;
}

.me-option-label {
  font-size: 16px;
  font-weight: 700;
  display: block;
  margin-bottom: 2px;
  color: var(--movie-engine-white-color);
}

.me-option-desc {
  font-size: 13px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.75);
  display: block;
}

.me-option-price {
  flex-shrink: 0;
  background: rgba(var(--movie-engine-white-color-rgb), 0.2);
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 700;
  color: var(--movie-engine-white-color);
}

.me-option-rent .me-option-price {
  background: rgba(var(--movie-engine-black-rgb), 0.15);
}

.me-paywall-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.4);
  text-decoration: none;
  font-size: 14px;
  transition: all 0.2s;
  padding: 8px 16px;
  border-radius: 8px;
}
.me-paywall-back:hover {
  color: var(--movie-engine-white-color);
  background: rgba(var(--movie-engine-white-color-rgb), 0.08);
}
.me-paywall-back svg {
  width: 16px;
  height: 16px;
}

.me-paywall-timer {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, var(--movie-engine-primary-color) 0%, var(--movie-engine-primary-hover-color) 100%);
  padding: 6px 16px;
  border-radius: 20px;
  color: var(--movie-engine-white-color);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 16px rgba(var(--movie-engine-primary-rgb), 0.4);
  white-space: nowrap;
}

@media (max-width: 540px) {
  .me-paywall-content {
    padding: 40px 24px;
    border-radius: 20px;
  }
  .me-paywall-title {
    font-size: 26px;
  }
  .me-paywall-option {
    padding: 16px;
  }
  .me-option-icon {
    width: 40px;
    height: 40px;
  }
  .me-option-label {
    font-size: 15px;
  }
  .me-option-price {
    font-size: 14px;
    padding: 6px 12px;
  }
}
.movie-engine-episodes-section {
  position: relative;
  padding: 40px 0 60px;
  margin-top: 30px;
}
.movie-engine-episodes-section .movie-engine-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 35px;
  flex-wrap: wrap;
  gap: 20px;
}
.movie-engine-episodes-section .movie-engine-section-header h2.movie-engine-section-title,
.movie-engine-episodes-section .movie-engine-section-header .movie-engine-section-title {
  margin: 0 !important;
  margin-bottom: 0 !important;
  font-size: 32px !important;
  font-weight: 700 !important;
  color: var(--movie-engine-white-color) !important;
  letter-spacing: -0.5px;
  line-height: 1.2;
  display: block !important;
  border-left: none !important;
  padding-left: 0 !important;
}
.movie-engine-episodes-section .movie-engine-section-header h2.movie-engine-section-title h3,
.movie-engine-episodes-section .movie-engine-section-header .movie-engine-section-title h3 {
  margin: 0;
  font-size: 32px;
  font-weight: 700;
  color: var(--movie-engine-white-color);
  border-left: none;
  padding-left: 0;
}
.movie-engine-episodes-section .movie-engine-season-selector-group {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.movie-engine-episodes-section .movie-engine-season-selector-group .movie-engine-season-selector-wrapper {
  position: relative;
  min-width: 160px;
}
.movie-engine-episodes-section .movie-engine-season-selector-group .movie-engine-season-selector-wrapper select {
  appearance: none;
  background: rgba(var(--movie-engine-white-color-rgb), 0.08);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.15);
  color: var(--movie-engine-white-color);
  padding: 0 40px 0 18px;
  height: 44px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  width: 100%;
  outline: none;
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);
}
.movie-engine-episodes-section .movie-engine-season-selector-group .movie-engine-season-selector-wrapper select:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.12);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.25);
  transform: translateY(-1px);
}
.movie-engine-episodes-section .movie-engine-season-selector-group .movie-engine-season-selector-wrapper select:focus {
  border-color: var(--movie-engine-primary-color);
  box-shadow: 0 0 0 3px rgba(var(--movie-engine-primary-rgb), 0.2);
}
.movie-engine-episodes-section .movie-engine-season-selector-group .movie-engine-season-selector-wrapper select option {
  background: var(--movie-engine-black-color);
  color: var(--movie-engine-white-color);
  padding: 10px;
}
.movie-engine-episodes-section .movie-engine-season-selector-group .movie-engine-season-selector-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--movie-engine-white-color);
  transform: translateY(-50%);
  pointer-events: none;
  transition: transform 0.2s;
}
.movie-engine-episodes-section .movie-engine-season-selector-group .movie-engine-season-selector-wrapper:hover::after {
  transform: translateY(-50%) translateY(2px);
}
.movie-engine-episodes-section .movie-engine-season-selector-group .movie-engine-view-all-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 24px;
  height: 44px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.12);
  border-radius: 10px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.9);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);
}
.movie-engine-episodes-section .movie-engine-season-selector-group .movie-engine-view-all-link:hover {
  background: var(--movie-engine-primary-color);
  border-color: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  transform: translateY(-1px);
  box-shadow: 0 8px 25px rgba(var(--movie-engine-primary-rgb), 0.4);
}
.movie-engine-episodes-section .movie-engine-season-selector-group .movie-engine-view-all-link:hover .dashicons {
  transform: translateX(3px);
}
.movie-engine-episodes-section .movie-engine-season-selector-group .movie-engine-view-all-link .dashicons {
  font-size: 16px;
  width: 16px;
  height: 16px;
  transition: transform 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.movie-engine-episodes-section .movie-engine-list-layout {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.movie-engine-episodes-section .movie-engine-list-layout .movie-engine-episode-list-item {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 18px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.03);
  border-radius: 12px;
  text-decoration: none;
  color: var(--movie-engine-white-color);
  transition: all 0.3s ease;
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.05);
  backdrop-filter: blur(10px);
}
.movie-engine-episodes-section .movie-engine-list-layout .movie-engine-episode-list-item.is-active {
  border-color: var(--movie-engine-primary-color);
}
.movie-engine-episodes-section .movie-engine-list-layout .movie-engine-episode-list-item:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.08);
  transform: translateX(8px);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.15);
  box-shadow: 0 4px 20px rgba(var(--movie-engine-black-rgb), 0.3);
}
.movie-engine-episodes-section .movie-engine-list-layout .movie-engine-episode-list-item:hover .me-play-icon {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.movie-engine-episodes-section .movie-engine-list-layout .movie-engine-episode-list-item .me-episode-index {
  font-size: 24px;
  font-weight: 700;
  color: rgba(var(--movie-engine-white-color-rgb), 0.3);
  width: 40px;
  text-align: center;
  flex-shrink: 0;
}
.movie-engine-episodes-section .movie-engine-list-layout .movie-engine-episode-list-item .me-episode-thumb {
  width: 160px;
  height: 90px;
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  background: var(--movie-engine-black-color);
  box-shadow: 0 4px 12px rgba(var(--movie-engine-black-rgb), 0.4);
}
.movie-engine-episodes-section .movie-engine-list-layout .movie-engine-episode-list-item .me-episode-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.85;
  transition: all 0.3s ease;
}
.movie-engine-episodes-section .movie-engine-list-layout .movie-engine-episode-list-item .me-episode-thumb .me-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  width: 48px;
  height: 48px;
  background: rgba(var(--movie-engine-primary-rgb), 0.95);
  border: 2px solid var(--movie-engine-white-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-shadow: 0 4px 15px rgba(var(--movie-engine-primary-rgb), 0.5);
}
.movie-engine-episodes-section .movie-engine-list-layout .movie-engine-episode-list-item .me-episode-thumb .me-play-icon .dashicons {
  color: var(--movie-engine-white-color);
  font-size: 24px;
  width: 24px;
  height: 24px;
  margin-left: 2px;
}
.movie-engine-episodes-section .movie-engine-list-layout .movie-engine-episode-list-item .me-episode-info {
  flex: 1;
  min-width: 0;
}
.movie-engine-episodes-section .movie-engine-list-layout .movie-engine-episode-list-item .me-episode-title {
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 8px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.movie-engine-episodes-section .movie-engine-list-layout .movie-engine-episode-list-item .me-episode-title .me-duration {
  font-size: 12px;
  font-weight: 600;
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  padding: 3px 10px;
  border-radius: 5px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.8);
}
.movie-engine-episodes-section .movie-engine-list-layout .movie-engine-episode-list-item .me-episode-excerpt {
  font-size: 14px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.65);
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.movie-engine-episodes-section .movie-engine-list-layout .movie-engine-episode-list-item .me-episode-meta {
  flex-shrink: 0;
  font-size: 14px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
}
@media (max-width: 768px) {
  .movie-engine-episodes-section .movie-engine-list-layout .movie-engine-episode-list-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .movie-engine-episodes-section .movie-engine-list-layout .movie-engine-episode-list-item .me-episode-index {
    display: none;
  }
  .movie-engine-episodes-section .movie-engine-list-layout .movie-engine-episode-list-item .me-episode-thumb {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
  }
}
.movie-engine-episodes-section .movie-engine-grid-layout {
  display: grid;
  grid-template-columns: repeat(var(--me-grid-columns-desktop, 4), 1fr);
  gap: 24px;
}
@media (max-width: 1200px) {
  .movie-engine-episodes-section .movie-engine-grid-layout {
    grid-template-columns: repeat(var(--me-grid-columns-laptop, 4), 1fr);
    gap: 20px;
  }
}
@media (max-width: 900px) {
  .movie-engine-episodes-section .movie-engine-grid-layout {
    grid-template-columns: repeat(var(--me-grid-columns-tablet, 3), 1fr);
    gap: 18px;
  }
}
@media (max-width: 600px) {
  .movie-engine-episodes-section .movie-engine-grid-layout {
    grid-template-columns: repeat(var(--me-grid-columns-mobile, 1), 1fr);
    gap: 20px;
  }
}
.movie-engine-episodes-section .movie-engine-grid-layout .movie-engine-episode-card {
  background: rgba(var(--movie-engine-white-color-rgb), 0.02);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.08);
  border-radius: 16px;
  padding: 12px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  width: auto !important;
  flex-shrink: 1 !important;
  overflow: hidden;
  backdrop-filter: blur(10px);
  position: relative;
}
.movie-engine-episodes-section .movie-engine-grid-layout .movie-engine-episode-card.is-active {
  border-color: var(--movie-engine-primary-color);
}
.movie-engine-episodes-section .movie-engine-grid-layout .movie-engine-episode-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(var(--movie-engine-primary-rgb), 0.1) 0%, transparent 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
  z-index: 0;
}
.movie-engine-episodes-section .movie-engine-grid-layout .movie-engine-episode-card:hover {
  transform: translateY(-8px);
  background: rgba(var(--movie-engine-white-color-rgb), 0.04);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.15);
  box-shadow: 0 16px 40px rgba(var(--movie-engine-black-rgb), 0.4), 0 0 0 1px rgba(var(--movie-engine-primary-rgb), 0.2);
}
.movie-engine-episodes-section .movie-engine-grid-layout .movie-engine-episode-card:hover::before {
  opacity: 1;
}
.movie-engine-episodes-section .movie-engine-grid-layout .movie-engine-episode-card .me-episode-thumb-wrapper {
  display: block;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 16/9;
  margin-bottom: 14px;
  background: var(--movie-engine-black-color);
  box-shadow: 0 4px 16px rgba(var(--movie-engine-black-rgb), 0.6);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  z-index: 1;
}
.movie-engine-episodes-section .movie-engine-grid-layout .movie-engine-episode-card .me-episode-thumb-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
}
.movie-engine-episodes-section .movie-engine-grid-layout .movie-engine-episode-card .me-episode-thumb-wrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(to top, rgba(var(--movie-engine-black-rgb), 0.6) 0%, transparent 100%);
  opacity: 0.7;
  transition: opacity 0.3s ease;
  z-index: 1;
  pointer-events: none;
}
.movie-engine-episodes-section .movie-engine-grid-layout .movie-engine-episode-card .me-episode-thumb-wrapper .me-episode-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(var(--movie-engine-black-rgb), 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s ease;
  z-index: 2;
}
.movie-engine-episodes-section .movie-engine-grid-layout .movie-engine-episode-card .me-episode-thumb-wrapper .me-episode-overlay span {
  color: var(--movie-engine-white-color);
  font-size: 30px;
  transform: scale(0.7);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.movie-engine-episodes-section .movie-engine-grid-layout .movie-engine-episode-card .me-episode-thumb-wrapper .me-episode-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  font-size: 10px;
  font-weight: 700;
  padding: 4px 9px;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 8px rgba(var(--movie-engine-black-rgb), 0.4);
  z-index: 3;
  line-height: 1.4;
  backdrop-filter: blur(6px);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.2);
}
.movie-engine-episodes-section .movie-engine-grid-layout .movie-engine-episode-card .me-episode-thumb-wrapper:hover {
  box-shadow: 0 8px 28px rgba(var(--movie-engine-black-rgb), 0.7);
}
.movie-engine-episodes-section .movie-engine-grid-layout .movie-engine-episode-card .me-episode-thumb-wrapper:hover::after {
  opacity: 0.9;
}
.movie-engine-episodes-section .movie-engine-grid-layout .movie-engine-episode-card .me-episode-thumb-wrapper:hover img {
  transform: scale(1.08);
}
.movie-engine-episodes-section .movie-engine-grid-layout .movie-engine-episode-card .me-episode-thumb-wrapper:hover .me-episode-overlay {
  opacity: 1;
  background: rgba(var(--movie-engine-black-rgb), 0.6);
}
.movie-engine-episodes-section .movie-engine-grid-layout .movie-engine-episode-card .me-episode-thumb-wrapper:hover .me-episode-overlay span {
  transform: scale(1);
}
.movie-engine-episodes-section .movie-engine-grid-layout .movie-engine-episode-card .me-episode-thumb-wrapper:hover .me-episode-badge {
  transform: scale(1.05);
  box-shadow: 0 3px 12px rgba(var(--movie-engine-primary-rgb), 0.5);
}
.movie-engine-episodes-section .movie-engine-grid-layout .movie-engine-episode-card .me-episode-content {
  padding: 0 2px;
  position: relative;
  z-index: 1;
}
.movie-engine-episodes-section .movie-engine-grid-layout .movie-engine-episode-card .me-episode-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 8px;
  line-height: 1.5;
  color: var(--movie-engine-white-color);
}
.movie-engine-episodes-section .movie-engine-grid-layout .movie-engine-episode-card .me-episode-title a {
  color: var(--movie-engine-white-color);
  text-decoration: none;
  transition: color 0.25s ease;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 600;
}
.movie-engine-episodes-section .movie-engine-grid-layout .movie-engine-episode-card .me-episode-title a:hover {
  color: var(--movie-engine-primary-color);
}
.movie-engine-episodes-section .movie-engine-grid-layout .movie-engine-episode-card .me-episode-meta {
  font-size: 13px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.7);
  margin-top: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.movie-engine-episodes-section .movie-engine-grid-layout .movie-engine-episode-card .me-episode-meta .me-meta-item {
  display: flex;
  align-items: center;
  gap: 5px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.75);
  font-weight: 500;
  font-size: 12px;
}
.movie-engine-episodes-section .movie-engine-grid-layout .movie-engine-episode-card .me-episode-meta .me-meta-item .dashicons {
  font-size: 14px;
  width: 14px;
  height: 14px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.65);
}
.movie-engine-episodes-section .movie-engine-episode-seasons-list {
  margin-top: 40px;
  margin-bottom: 40px;
}
.movie-engine-episodes-section .movie-engine-no-episodes {
  text-align: center;
  padding: 60px 20px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.6);
  font-size: 16px;
}
.movie-engine-episodes-section .movie-engine-no-episodes p {
  margin: 0;
}

.movie-engine-episode-info-section {
  padding: 30px 0;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.08);
}
.movie-engine-episode-info-section.has-backdrop {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  border-bottom: none;
}
.movie-engine-episode-info-section .me-backdrop-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.movie-engine-episode-info-section .me-info-content-wrapper {
  position: relative;
  z-index: 2;
}
.movie-engine-episode-info-section .me-info-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 500;
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
}
.movie-engine-episode-info-section .me-info-breadcrumbs .me-series-title {
  color: var(--movie-engine-primary-color);
}
.movie-engine-episode-info-section .me-info-breadcrumbs .sep {
  opacity: 0.3;
}
.movie-engine-episode-info-section .me-episode-title {
  font-size: 36px;
  font-weight: 700;
  margin: 0 0 20px;
  color: var(--movie-engine-white-color);
}
.movie-engine-episode-info-section .me-episode-description {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.6;
  color: rgba(var(--movie-engine-white-color-rgb), 0.7);
  max-width: 900px;
}
.movie-engine-episode-info-section .me-episode-description .me-read-more-btn {
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  border: none;
  color: var(--movie-engine-white-color);
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 13px;
  margin-top: 10px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.3s ease;
}
.movie-engine-episode-info-section .me-episode-description .me-read-more-btn:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.2);
}
.movie-engine-episode-info-section .me-info-meta-row {
  display: flex;
  align-items: center;
  gap: 20px;
}
.movie-engine-episode-info-section .me-info-meta-row .me-meta-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.movie-engine-episode-info-section .me-info-meta-row .me-meta-left .me-ep-label {
  font-weight: 800;
  color: var(--movie-engine-white-color);
  letter-spacing: 0.5px;
  font-size: 20px;
}
.movie-engine-episode-info-section .me-info-meta-row .me-meta-left .me-sep-dot {
  width: 8px;
  height: 8px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.3);
  border-radius: 50%;
  margin: 0 4px;
}
.movie-engine-episode-info-section .me-info-meta-row .me-meta-left .me-meta-item {
  display: flex;
  align-items: center;
  gap: 6px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.6);
  font-weight: 500;
  font-size: 20px;
}
.movie-engine-episode-info-section .me-info-meta-row .me-meta-left .me-meta-item .dashicons {
  color: rgba(var(--movie-engine-white-color-rgb), 0.4);
}
.movie-engine-episode-info-section .me-info-meta-row .me-meta-left .me-meta-item.me-access-badge {
  color: var(--movie-engine-primary-color);
  font-weight: 600;
}
.movie-engine-episode-info-section .me-info-meta-row .me-meta-left .me-meta-item.me-access-badge .fa-solid.fa-lock {
  margin-right: 4px;
}
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right {
  display: flex;
  align-items: center;
  gap: 15px;
}
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .me-icon-btn,
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .me-social-btn,
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .movie-engine-action-btn,
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .me-playlist-toggle-btn {
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
  border: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--movie-engine-white-color);
  cursor: pointer;
  position: relative;
}
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .me-icon-btn:hover,
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .me-social-btn:hover,
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .movie-engine-action-btn:hover,
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .me-playlist-toggle-btn:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  transform: translateY(-2px);
  color: var(--movie-engine-white-color);
}
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .me-icon-btn.active,
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .me-social-btn.active,
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .movie-engine-action-btn.active,
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .me-playlist-toggle-btn.active {
  color: var(--movie-engine-white-color);
  background: var(--movie-engine-primary-color);
  box-shadow: 0 4px 15px rgba(var(--movie-engine-primary-rgb), 0.3);
}
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .me-icon-btn .dashicons,
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .me-social-btn .dashicons,
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .movie-engine-action-btn .dashicons,
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .me-playlist-toggle-btn .dashicons {
  font-size: 20px;
  width: 20px;
  height: 20px;
}
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .me-icon-btn .movie-engine-count,
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .me-social-btn .movie-engine-count,
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .movie-engine-action-btn .movie-engine-count,
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .me-playlist-toggle-btn .movie-engine-count {
  display: none;
}
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .me-icon-btn.me-like-btn.active,
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .me-social-btn.me-like-btn.active,
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .movie-engine-action-btn.me-like-btn.active,
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .me-playlist-toggle-btn.me-like-btn.active {
  background: var(--movie-engine-primary-color);
  box-shadow: 0 4px 15px rgba(var(--movie-engine-primary-rgb), 0.4);
}
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .movie-engine-watchlist-btn {
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
  border: none;
  height: 44px;
  padding: 0 20px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--movie-engine-white-color);
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  cursor: pointer;
  position: relative;
}
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .movie-engine-watchlist-btn:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  transform: translateY(-2px);
}
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .movie-engine-watchlist-btn:hover::after, .movie-engine-episode-info-section .me-info-meta-row .me-meta-right .movie-engine-watchlist-btn:hover::before {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .movie-engine-watchlist-btn::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%) translateY(5px);
  background: var(--movie-engine-black-color);
  color: var(--movie-engine-white-color);
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  pointer-events: none;
  z-index: 100;
  box-shadow: 0 4px 15px rgba(var(--movie-engine-black-rgb), 0.5);
}
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .movie-engine-watchlist-btn::before {
  content: "";
  position: absolute;
  bottom: calc(100% + 4px);
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: var(--movie-engine-black-color);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  pointer-events: none;
  z-index: 100;
}
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .movie-engine-watchlist-btn.active {
  background: rgba(var(--movie-engine-white-color-rgb), 0.08);
}
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .movie-engine-watchlist-btn.active span {
  color: var(--movie-engine-primary-color);
}
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .movie-engine-watchlist-btn span {
  font-size: 16px;
  order: 2;
}
.movie-engine-episode-info-section .me-info-meta-row .me-meta-right .movie-engine-social-actions {
  display: flex;
  gap: 15px;
}

.movie-engine-layout-sidebar .movie-engine-top-player-area {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background: var(--movie-engine-black-color);
  z-index: 10;
  overflow: hidden;
  height: 88vh;
  max-height: 1080px;
  min-height: 600px;
  aspect-ratio: 16/9;
  display: flex;
}
@media (max-width: 1200px) {
  .movie-engine-layout-sidebar .movie-engine-top-player-area {
    height: 80vh;
  }
}
@media (max-width: 991px) {
  .movie-engine-layout-sidebar .movie-engine-top-player-area {
    width: 100%;
    margin: 0;
    flex-direction: column;
    height: auto;
    max-height: none;
  }
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-main-player-col {
  flex: 1;
  height: 100%;
  background: var(--movie-engine-black-color);
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-main-player-col .movie-engine-player-ratio-container {
  width: 100%;
  flex: 1;
  position: relative;
  background: var(--movie-engine-black-color);
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-main-player-col .movie-engine-player-ratio-container .movie-engine-player-inner {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-main-player-col .movie-engine-player-ratio-container .movie-engine-player-inner .movie-engine-player-wrapper {
  display: flex;
  flex-direction: column;
  border-radius: 0;
  padding: 0;
  margin: 0;
  background: var(--movie-engine-black-color);
  flex: 1;
  min-height: 0;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-main-player-col .movie-engine-player-ratio-container .movie-engine-player-inner .movie-engine-player-wrapper .movie-engine-player-container {
  width: auto;
  max-width: 100%;
  height: 100%;
  flex: 1;
  position: relative;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16/9;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-main-player-col .movie-engine-player-ratio-container .movie-engine-player-inner .movie-engine-player-wrapper .movie-engine-player-container iframe,
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-main-player-col .movie-engine-player-ratio-container .movie-engine-player-inner .movie-engine-player-wrapper .movie-engine-player-container video,
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-main-player-col .movie-engine-player-ratio-container .movie-engine-player-inner .movie-engine-player-wrapper .movie-engine-player-container .plyr,
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-main-player-col .movie-engine-player-ratio-container .movie-engine-player-inner .movie-engine-player-wrapper .movie-engine-player-container .movie-engine-clappr-container {
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover !important;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-main-player-col .movie-engine-player-ratio-container .movie-engine-player-inner .movie-engine-player-wrapper .movie-engine-affiliate-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  padding: 12px 25px;
  background: var(--movie-engine-black-color);
  border-top: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-main-player-col .movie-engine-player-ratio-container .movie-engine-player-inner .movie-engine-player-wrapper .movie-engine-affiliate-buttons .movie-engine-affiliate-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  color: var(--movie-engine-white-color);
  transition: all 0.2s ease;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-main-player-col .movie-engine-player-ratio-container .movie-engine-player-inner .movie-engine-player-wrapper .movie-engine-affiliate-buttons .movie-engine-affiliate-btn .dashicons {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-main-player-col .movie-engine-player-ratio-container .movie-engine-player-inner .movie-engine-player-wrapper .movie-engine-affiliate-buttons .movie-engine-affiliate-btn:hover {
  transform: translateY(-2px);
  filter: brightness(1.1);
  box-shadow: 0 4px 12px rgba(var(--movie-engine-black-rgb), 0.4);
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-main-player-col .movie-engine-player-ratio-container .movie-engine-player-inner .movie-engine-player-wrapper .movie-engine-affiliate-buttons .movie-engine-affiliate-btn.amazon {
  background: #FF9900;
  color: var(--movie-engine-black-color);
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-main-player-col .movie-engine-player-ratio-container .movie-engine-player-inner .movie-engine-player-wrapper .movie-engine-affiliate-buttons .movie-engine-affiliate-btn.netflix {
  background: #E50914;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-main-player-col .movie-engine-player-ratio-container .movie-engine-player-inner .movie-engine-player-wrapper .movie-engine-affiliate-buttons .movie-engine-affiliate-btn.prime {
  background: #00A8E1;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-main-player-col .movie-engine-player-ratio-container .movie-engine-player-inner .movie-engine-player-wrapper .movie-engine-affiliate-buttons .movie-engine-affiliate-btn.disney {
  background: #113CCF;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-main-player-col .movie-engine-player-ratio-container .movie-engine-player-inner .movie-engine-player-wrapper .movie-engine-affiliate-buttons .movie-engine-affiliate-btn.hulu {
  background: #1CE783;
  color: var(--movie-engine-black-color);
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-main-player-col .movie-engine-player-ratio-container .movie-engine-player-inner .movie-engine-player-wrapper .movie-engine-affiliate-buttons .movie-engine-affiliate-btn.hbo {
  background: #5D2E86;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-main-player-col .movie-engine-player-ratio-container .movie-engine-player-inner .movie-engine-player-wrapper .movie-engine-affiliate-buttons .movie-engine-affiliate-btn.apple {
  background: var(--movie-engine-black-color);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.2);
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-main-player-col .movie-engine-player-ratio-container .movie-engine-player-inner .movie-engine-player-wrapper .movie-engine-affiliate-buttons .movie-engine-affiliate-btn.tickets {
  background: #F44336;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col {
  width: 400px;
  height: 100%;
  flex-shrink: 0;
  background: var(--movie-engine-black-color);
  display: flex;
  flex-direction: column;
  border-left: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.08);
}
@media (max-width: 991px) {
  .movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col {
    width: 100%;
    height: 400px;
    border-left: none;
    border-top: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.08);
  }
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-playlist-scroll-container {
  flex: 1;
  overflow-y: auto;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-playlist-scroll-container::-webkit-scrollbar {
  width: 4px;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-playlist-scroll-container::-webkit-scrollbar-thumb {
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-episode-playlist {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-episode-playlist .me-playlist-header {
  padding: 20px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.02);
  border-bottom: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-episode-playlist .me-playlist-header .me-header-left h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: var(--movie-engine-white-color);
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-episode-playlist .me-playlist-header .me-header-left .me-episode-count {
  font-size: 12px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
  display: block;
  margin-top: 2px;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-episode-playlist .me-playlist-header .me-header-right {
  position: relative;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-episode-playlist .me-playlist-header .me-header-right .me-season-select {
  appearance: none;
  -webkit-appearance: none;
  background: rgba(var(--movie-engine-white-color-rgb), 0.08);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
  color: var(--movie-engine-white-color);
  font-size: 13px;
  font-weight: 600;
  padding: 8px 35px 8px 15px;
  border-radius: 6px;
  cursor: pointer;
  outline: none;
  transition: all 0.2s ease;
  min-width: 130px;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-episode-playlist .me-playlist-header .me-header-right .me-season-select:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.12);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.2);
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-episode-playlist .me-playlist-header .me-header-right .me-season-select:focus {
  border-color: var(--movie-engine-primary-color);
  box-shadow: 0 0 0 2px rgba(var(--movie-engine-primary-rgb), 0.2);
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-episode-playlist .me-playlist-header .me-header-right .me-season-select option {
  background: var(--movie-engine-bg-color);
  color: var(--movie-engine-white-color);
  padding: 10px;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-episode-playlist .me-playlist-header .me-header-right::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 6px;
  background-color: rgba(var(--movie-engine-white-color-rgb), 0.5);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  pointer-events: none;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-episode-playlist .me-playlist-items {
  padding: 10px 0;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-episode-playlist .me-playlist-items .me-playlist-item {
  display: flex;
  gap: 12px;
  padding: 10px 20px;
  text-decoration: none;
  transition: all 0.2s ease;
  border-left: 2px solid transparent;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-episode-playlist .me-playlist-items .me-playlist-item:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-episode-playlist .me-playlist-items .me-playlist-item.active {
  background: rgba(var(--movie-engine-white-color-rgb), 0.03);
  border-left-color: var(--movie-engine-primary-color);
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-episode-playlist .me-playlist-items .me-playlist-item.active .me-ep-num {
  color: var(--movie-engine-primary-color);
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-episode-playlist .me-playlist-items .me-playlist-item .me-item-thumb {
  width: 100px;
  aspect-ratio: 16/9;
  border-radius: 4px;
  overflow: hidden;
  background: var(--movie-engine-bg-color);
  flex-shrink: 0;
  position: relative;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-episode-playlist .me-playlist-items .me-playlist-item .me-item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-episode-playlist .me-playlist-items .me-playlist-item .me-item-thumb .me-thumb-placeholder {
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, var(--movie-engine-black-color), var(--movie-engine-bg-color));
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-episode-playlist .me-playlist-items .me-playlist-item .me-item-thumb .me-playing-overlay {
  position: absolute;
  inset: 0;
  background: rgba(var(--movie-engine-black-rgb), 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-episode-playlist .me-playlist-items .me-playlist-item .me-item-thumb .me-playing-overlay span {
  color: var(--movie-engine-white-color);
  font-size: 20px;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-episode-playlist .me-playlist-items .me-playlist-item .me-item-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-episode-playlist .me-playlist-items .me-playlist-item .me-item-info .me-ep-num {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 700;
  color: rgba(var(--movie-engine-white-color-rgb), 0.4);
  margin-bottom: 2px;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-episode-playlist .me-playlist-items .me-playlist-item .me-item-info .me-ep-title {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--movie-engine-white-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.movie-engine-layout-sidebar .movie-engine-top-player-area .movie-engine-playlist-sidebar-col .movie-engine-episode-playlist .me-playlist-items .me-playlist-item .me-item-info .me-ep-runtime {
  font-size: 11px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.3);
  margin-top: 2px;
}
.movie-engine-layout-sidebar .movie-engine-content-below-player {
  display: flex;
  width: 100%;
  gap: 40px;
}
@media (max-width: 1200px) {
  .movie-engine-layout-sidebar .movie-engine-content-below-player {
    gap: 30px;
  }
}
@media (max-width: 991px) {
  .movie-engine-layout-sidebar .movie-engine-content-below-player {
    flex-direction: column;
    gap: 0;
  }
}
.movie-engine-layout-sidebar .movie-engine-content-below-player .movie-engine-content-left-col {
  flex: 1;
  min-width: 0;
}
.movie-engine-layout-sidebar .movie-engine-content-below-player .movie-engine-content-right-col {
  width: 400px;
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .movie-engine-layout-sidebar .movie-engine-content-below-player .movie-engine-content-right-col {
    width: 350px;
  }
}
@media (max-width: 991px) {
  .movie-engine-layout-sidebar .movie-engine-content-below-player .movie-engine-content-right-col {
    width: 100%;
    border-left: none;
    border-top: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.05);
  }
}
.movie-engine-layout-sidebar .movie-engine-widget-popular h3 {
  font-size: 18px;
  color: var(--movie-engine-white-color);
  margin-bottom: 25px;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.movie-engine-layout-sidebar .movie-engine-widget-popular .me-popular-item {
  display: flex;
  gap: 15px;
  margin-bottom: 25px;
  text-decoration: none;
  align-items: flex-start;
}
.movie-engine-layout-sidebar .movie-engine-widget-popular .me-popular-item .me-rank {
  font-size: 24px;
  font-weight: 700;
  color: rgba(var(--movie-engine-white-color-rgb), 0.15);
  line-height: 1;
  min-width: 25px;
}
.movie-engine-layout-sidebar .movie-engine-widget-popular .me-popular-item .me-thumb {
  width: 65px;
  height: 90px;
  flex-shrink: 0;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(var(--movie-engine-black-rgb), 0.4);
}
.movie-engine-layout-sidebar .movie-engine-widget-popular .me-popular-item .me-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.movie-engine-layout-sidebar .movie-engine-widget-popular .me-popular-item .me-info .me-meta-top {
  font-size: 11px;
  font-weight: 700;
  color: rgba(var(--movie-engine-white-color-rgb), 0.4);
  margin-bottom: 3px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.movie-engine-layout-sidebar .movie-engine-widget-popular .me-popular-item .me-info .me-meta-top .me-rating {
  display: flex;
  align-items: center;
  color: var(--movie-engine-yellow-color);
  gap: 2px;
}
.movie-engine-layout-sidebar .movie-engine-widget-popular .me-popular-item .me-info .me-meta-top .me-rating .me-star {
  font-size: 10px;
}
.movie-engine-layout-sidebar .movie-engine-widget-popular .me-popular-item .me-info .me-sep {
  opacity: 0.3;
}
.movie-engine-layout-sidebar .movie-engine-widget-popular .me-popular-item .me-info h4.me-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--movie-engine-white-color);
  margin: 0 0 5px;
  line-height: 1.3;
  transition: color 0.2s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
}
.movie-engine-layout-sidebar .movie-engine-widget-popular .me-popular-item .me-info .me-meta-bottom {
  font-size: 11px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.45);
  white-space: nowrap;
  overflow: hidden;
}
.movie-engine-layout-sidebar .movie-engine-widget-popular .me-popular-item .me-info .me-meta-bottom .me-status {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 700;
  color: rgba(var(--movie-engine-white-color-rgb), 0.6);
  flex-shrink: 0;
}
.movie-engine-layout-sidebar .movie-engine-widget-popular .me-popular-item .me-info .me-meta-bottom .me-genres {
  font-weight: 500;
  color: rgba(var(--movie-engine-white-color-rgb), 0.45);
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.movie-engine-layout-sidebar .movie-engine-widget-popular .me-popular-item .me-info .me-meta-bottom .me-sep {
  opacity: 0.2;
  flex-shrink: 0;
}
.movie-engine-layout-sidebar .movie-engine-widget-popular .me-popular-item:hover h4 {
  color: var(--movie-engine-primary-color);
}

.movie-engine-episode-playlist {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.movie-engine-episode-playlist .me-playlist-header {
  padding: 20px 24px;
  border-bottom: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.08);
}
.movie-engine-episode-playlist .me-playlist-header h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  color: var(--movie-engine-white-color);
}
.movie-engine-episode-playlist .me-playlist-header .me-episode-count {
  font-size: 12px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
  margin-top: 5px;
  display: block;
}
.movie-engine-episode-playlist .me-playlist-items {
  flex: 1;
  overflow-y: auto;
  padding: 10px 0;
}
.movie-engine-episode-playlist .me-playlist-items::-webkit-scrollbar {
  width: 6px;
}
.movie-engine-episode-playlist .me-playlist-items::-webkit-scrollbar-track {
  background: transparent;
}
.movie-engine-episode-playlist .me-playlist-items::-webkit-scrollbar-thumb {
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  border-radius: 3px;
}
.movie-engine-episode-playlist .me-playlist-items .me-playlist-item {
  display: flex;
  gap: 15px;
  padding: 12px 24px;
  text-decoration: none;
  transition: all 0.2s ease;
  align-items: center;
}
.movie-engine-episode-playlist .me-playlist-items .me-playlist-item:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
}
.movie-engine-episode-playlist .me-playlist-items .me-playlist-item.active {
  background: rgba(var(--movie-engine-white-color-rgb), 0.08);
}
.movie-engine-episode-playlist .me-playlist-items .me-playlist-item.active .me-ep-title {
  color: var(--movie-engine-primary-color);
  font-weight: 600;
}
.movie-engine-episode-playlist .me-playlist-items .me-playlist-item .me-item-thumb {
  width: 120px;
  height: 68px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  background: var(--movie-engine-black-color);
}
.movie-engine-episode-playlist .me-playlist-items .me-playlist-item .me-item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.8;
}
.movie-engine-episode-playlist .me-playlist-items .me-playlist-item .me-item-thumb .me-playing-overlay {
  position: absolute;
  inset: 0;
  background: rgba(var(--movie-engine-black-rgb), 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--movie-engine-white-color);
  backdrop-filter: blur(2px);
}
.movie-engine-episode-playlist .me-playlist-items .me-playlist-item .me-item-info {
  min-width: 0;
}
.movie-engine-episode-playlist .me-playlist-items .me-playlist-item .me-item-info .me-ep-num {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
  margin-bottom: 2px;
  font-weight: 700;
}
.movie-engine-episode-playlist .me-playlist-items .me-playlist-item .me-item-info .me-ep-title {
  font-size: 14px;
  color: var(--movie-engine-white-color);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
}
.movie-engine-episode-playlist .me-playlist-items .me-playlist-item .me-item-info .me-ep-runtime {
  font-size: 11px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.4);
  margin-top: 4px;
}

.movie-engine-sidebar-trending {
  padding: 30px 24px;
  background: transparent;
}
.movie-engine-sidebar-trending .me-sidebar-section-title {
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 15px;
}
.movie-engine-sidebar-trending .me-sidebar-section-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.08);
}
.movie-engine-sidebar-trending .me-sidebar-section-title h3 {
  font-size: 18px;
  color: var(--movie-engine-white-color);
  margin: 0;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: capitalize;
}
.movie-engine-sidebar-trending .me-sidebar-trending-list {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.movie-engine-sidebar-trending .me-sidebar-trending-list .me-sidebar-trending-item {
  display: flex;
  gap: 15px;
  text-decoration: none;
  align-items: flex-start;
  transition: all 0.2s ease;
  padding: 15px 0;
  border-bottom: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.05);
}
.movie-engine-sidebar-trending .me-sidebar-trending-list .me-sidebar-trending-item:first-child {
  padding-top: 0;
}
.movie-engine-sidebar-trending .me-sidebar-trending-list .me-sidebar-trending-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.movie-engine-sidebar-trending .me-sidebar-trending-list .me-sidebar-trending-item:hover .me-item-info .me-item-title {
  color: var(--movie-engine-primary-color);
}
.movie-engine-sidebar-trending .me-sidebar-trending-list .me-sidebar-trending-item .me-item-rank {
  font-size: 28px;
  font-weight: 800;
  color: rgba(var(--movie-engine-white-color-rgb), 0.12);
  line-height: 1;
  min-width: 25px;
  margin-top: 2px;
  flex-shrink: 0;
  font-family: inherit;
}
.movie-engine-sidebar-trending .me-sidebar-trending-list .me-sidebar-trending-item .me-item-thumb {
  width: 60px;
  aspect-ratio: 2/3;
  flex-shrink: 0;
  border-radius: 4px;
  overflow: hidden;
  background: var(--movie-engine-black-color);
}
.movie-engine-sidebar-trending .me-sidebar-trending-list .me-sidebar-trending-item .me-item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.movie-engine-sidebar-trending .me-sidebar-trending-list .me-sidebar-trending-item .me-item-info {
  flex: 1;
  min-width: 0;
}
.movie-engine-sidebar-trending .me-sidebar-trending-list .me-sidebar-trending-item .me-item-info .me-meta-top {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  margin-bottom: 6px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.4);
}
.movie-engine-sidebar-trending .me-sidebar-trending-list .me-sidebar-trending-item .me-item-info .me-meta-top .me-rating {
  color: var(--movie-engine-yellow-color);
  display: flex;
  align-items: center;
  gap: 2px;
}
.movie-engine-sidebar-trending .me-sidebar-trending-list .me-sidebar-trending-item .me-item-info .me-item-title {
  margin: 0 0 6px;
  font-size: 15px;
  font-weight: 600;
  color: var(--movie-engine-white-color);
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.2s ease;
}
.movie-engine-sidebar-trending .me-sidebar-trending-list .me-sidebar-trending-item .me-item-info .me-meta-bottom {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 600;
  color: rgba(var(--movie-engine-white-color-rgb), 0.35);
}
.movie-engine-sidebar-trending .me-sidebar-trending-list .me-sidebar-trending-item .me-item-info .me-meta-bottom .me-status {
  color: rgba(var(--movie-engine-white-color-rgb), 0.6);
  letter-spacing: 0.2px;
}
.movie-engine-sidebar-trending .me-sidebar-trending-list .me-sidebar-trending-item .me-item-info .me-meta-bottom .me-genres {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.movie-engine-sidebar-trending .me-sidebar-trending-list .me-sidebar-trending-item .me-item-info .me-sep-dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(var(--movie-engine-white-color-rgb), 0.15);
  display: inline-block;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .movie-engine-sidebar-trending {
    padding: 30px 15px;
  }
}

.movie-engine-archive-wrapper {
  background-color: var(--movie-engine-bg-color);
  color: var(--movie-engine-white-color);
  min-height: 100vh;
  padding: 6rem 0 4rem;
  font-family: var(--movie-engine-body-font);
}
.movie-engine-archive-wrapper .movie-engine-archive-header {
  margin-bottom: 40px;
  border-bottom: 1px solid var(--movie-engine-border-color);
  padding-bottom: 20px;
}
.movie-engine-archive-wrapper .movie-engine-archive-header .movie-engine-archive-title {
  font-size: 32px;
  font-weight: 700;
  margin: 0 0 10px;
  color: var(--movie-engine-white-color);
}
.movie-engine-archive-wrapper .movie-engine-archive-header .movie-engine-archive-title .movie-engine-subtitle {
  font-weight: 400;
  color: var(--movie-engine-muted-color);
  font-size: 24px;
  margin-right: 10px;
}
.movie-engine-archive-wrapper .movie-engine-archive-header .movie-engine-archive-description {
  color: var(--movie-engine-muted-color);
  font-size: 16px;
}

.movie-engine-movie-grid {
  display: grid;
  grid-template-columns: repeat(var(--me-grid-columns-desktop, 4), 1fr);
  gap: 30px;
  margin-bottom: 50px;
}
@media (max-width: 1440px) {
  .movie-engine-movie-grid {
    grid-template-columns: repeat(var(--me-grid-columns-laptop, 4), 1fr);
  }
}
@media (max-width: 1200px) {
  .movie-engine-movie-grid {
    grid-template-columns: repeat(var(--me-grid-columns-tablet, 3), 1fr);
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .movie-engine-movie-grid {
    grid-template-columns: repeat(var(--me-grid-columns-mobile, 2), 1fr);
    gap: 15px;
  }
}
@media (max-width: 480px) {
  .movie-engine-movie-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}

.movie-engine-movie-card {
  transition: transform 0.2s;
}
@media (max-width: 768px) {
  .movie-engine-movie-card .movie-engine-card-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
.movie-engine-movie-card .movie-engine-card-title a {
  color: var(--movie-engine-white-color);
}
.movie-engine-movie-card .movie-engine-card-title a:hover {
  color: var(--movie-engine-primary-color);
}
.movie-engine-movie-card:hover {
  transform: translateY(-10px);
}
.movie-engine-movie-card:hover .movie-engine-card-poster .movie-engine-card-overlay {
  opacity: 1;
}
.movie-engine-movie-card:hover .movie-engine-card-poster img {
  transform: scale(1.05);
}
.movie-engine-movie-card.me-card-landscape .movie-engine-card-poster {
  aspect-ratio: 16/9 !important;
}
.movie-engine-movie-card.me-card-square .movie-engine-card-poster {
  aspect-ratio: 1/1 !important;
}
.movie-engine-movie-card.me-card-banner .movie-engine-card-poster {
  aspect-ratio: 6/4 !important;
}
.movie-engine-movie-card.me-card-custom .movie-engine-card-poster {
  aspect-ratio: var(--me-custom-ratio, 2/3) !important;
}
.movie-engine-movie-card .movie-engine-card-poster {
  display: block;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 2/3;
  background: var(--movie-engine-black-color);
  margin-bottom: 12px;
}
.movie-engine-movie-card .movie-engine-card-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s;
}
.movie-engine-movie-card .movie-engine-card-poster .movie-engine-poster-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.movie-engine-movie-card .movie-engine-card-poster .movie-engine-poster-placeholder span {
  font-size: 40px;
  color: var(--movie-engine-muted-color);
}
.movie-engine-movie-card .movie-engine-card-poster .movie-engine-card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(var(--movie-engine-black-rgb), 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s;
  z-index: 2;
}
.movie-engine-movie-card .movie-engine-card-poster .movie-engine-card-overlay span {
  font-size: 48px;
  color: var(--movie-engine-white-color);
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
}
.movie-engine-movie-card .movie-engine-card-poster .movie-engine-card-quality,
.movie-engine-movie-card .movie-engine-card-poster .movie-engine-item-quality {
  position: absolute;
  top: 10px;
  left: 10px;
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  font-size: 10px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 4px;
  z-index: 5;
  text-transform: uppercase;
}
.movie-engine-movie-card .movie-engine-card-poster .movie-engine-card-rating {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: rgba(var(--movie-engine-black-rgb), 0.7);
  color: var(--movie-engine-yellow-color);
  font-size: 11px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
  z-index: 5;
  backdrop-filter: blur(4px);
}
.movie-engine-movie-card .movie-engine-card-poster .movie-engine-card-like-btn,
.movie-engine-movie-card .movie-engine-card-poster .movie-engine-card-remove-btn {
  position: absolute;
  top: 10px;
  left: 10px;
  background: rgba(var(--movie-engine-black-rgb), 0.6);
  border: none;
  color: var(--movie-engine-white-color);
  width: 32px;
  height: 32px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 6;
  transition: all 0.2s;
  backdrop-filter: blur(4px);
}
.movie-engine-movie-card .movie-engine-card-poster .movie-engine-card-like-btn.active,
.movie-engine-movie-card .movie-engine-card-poster .movie-engine-card-remove-btn.active {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
}
.movie-engine-movie-card .movie-engine-card-poster .movie-engine-card-like-btn:hover,
.movie-engine-movie-card .movie-engine-card-poster .movie-engine-card-remove-btn:hover {
  transform: scale(1.1);
}
.movie-engine-movie-card .movie-engine-card-poster .movie-engine-card-like-btn span,
.movie-engine-movie-card .movie-engine-card-poster .movie-engine-card-remove-btn span {
  font-size: 16px;
}
.movie-engine-movie-card .movie-engine-card-poster .movie-engine-progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: rgba(var(--movie-engine-black-rgb), 0.5);
  z-index: 5;
  overflow: hidden;
}
.movie-engine-movie-card .movie-engine-card-poster .movie-engine-progress-bar .movie-engine-progress-fill {
  height: 100%;
  background: var(--movie-engine-primary-color);
  transition: width 0.3s ease;
}
.movie-engine-movie-card .movie-engine-card-content .movie-engine-card-title {
  margin: 0 0 5px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 600;
}
.movie-engine-movie-card .movie-engine-card-content .movie-engine-card-title a {
  color: var(--movie-engine-white-color);
  text-decoration: none;
  transition: color 0.2s;
}
.movie-engine-movie-card .movie-engine-card-content .movie-engine-card-title a:hover {
  color: var(--movie-engine-primary-color);
}
.movie-engine-movie-card .movie-engine-card-content .movie-engine-card-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  color: var(--movie-engine-muted-color);
}
.movie-engine-movie-card .movie-engine-card-content .movie-engine-card-meta .me-card-price {
  color: #2ECC71;
  font-weight: 700;
  margin-left: auto;
}
.movie-engine-movie-card .movie-engine-card-content .movie-engine-card-meta .me-card-access-free {
  color: var(--movie-engine-white-color);
  background: rgba(var(--movie-engine-white-color), 0.1);
  padding: 1px 6px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-left: auto;
}
.movie-engine-movie-card .movie-engine-card-content .movie-engine-card-meta .me-card-access-premium {
  color: #FFD700;
  background: rgba(255, 215, 0, 0.1);
  padding: 1px 6px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-left: auto;
}
.movie-engine-movie-card .movie-engine-card-content .movie-engine-card-meta .movie-engine-likes-count {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.movie-engine-movie-card .movie-engine-card-content .movie-engine-card-meta span:first-child {
  margin-right: 5px;
}
.movie-engine-movie-card.me-style-overlay {
  position: relative;
}
.movie-engine-movie-card.me-style-overlay .movie-engine-card-poster {
  margin-bottom: 0;
}
.movie-engine-movie-card.me-style-overlay .movie-engine-card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 15px 15px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 30%, rgba(0, 0, 0, 0) 100%);
  z-index: 5;
  pointer-events: none;
}
.movie-engine-movie-card.me-style-overlay .movie-engine-card-content .movie-engine-card-title {
  font-size: 15px;
  margin-bottom: 5px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
}
.movie-engine-movie-card.me-style-overlay .movie-engine-card-content .movie-engine-card-title a {
  pointer-events: auto;
}
.movie-engine-movie-card.me-style-overlay .movie-engine-card-content .movie-engine-card-meta {
  font-size: 12px;
  opacity: 0.9;
}
.movie-engine-movie-card.me-style-overlay:hover .movie-engine-card-content {
  padding-bottom: 20px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0) 100%);
}
.movie-engine-movie-card.movie-engine-person-card .movie-engine-card-poster {
  background: #111;
}
.movie-engine-movie-card.movie-engine-person-card.me-style-classic .movie-engine-card-title {
  text-align: center;
  margin-top: 10px;
}
.movie-engine-movie-card.movie-engine-person-card.me-style-classic .movie-engine-card-meta {
  justify-content: center;
}
.movie-engine-movie-card.movie-engine-person-card .movie-engine-card-title {
  font-size: 15px;
  margin-bottom: 2px;
}
.movie-engine-movie-card.movie-engine-person-card .movie-engine-card-meta .me-person-dept {
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  font-weight: 600;
}

.movie-engine-card-badges {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 10;
}
.movie-engine-card-badges span {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.6);
  cursor: help;
  position: relative;
  transition: transform 0.2s;
}
.movie-engine-card-badges span:hover {
  transform: scale(1.1);
}
.movie-engine-card-badges span::before {
  content: attr(data-tooltip);
  position: absolute;
  right: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
  background: #222;
  color: #fff;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  z-index: 101;
}
.movie-engine-card-badges span::after {
  content: "";
  position: absolute;
  right: calc(100% + 4px);
  top: 50%;
  transform: translateY(-50%);
  border: 6px solid transparent;
  border-left-color: #222;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s;
  z-index: 101;
}
.movie-engine-card-badges span:hover::before, .movie-engine-card-badges span:hover::after {
  opacity: 1;
  visibility: visible;
}
.movie-engine-card-badges span i {
  line-height: 1;
}
.movie-engine-card-badges .movie-engine-badge-premium {
  background: #fbc02d;
  color: #000;
}
.movie-engine-card-badges .movie-engine-badge-ppv {
  background: #1976d2;
  color: #fff;
}

.movie-engine-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 40px;
}
.movie-engine-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 10px;
  color: var(--movie-engine-muted-color);
  background-color: var(--movie-engine-black-color);
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease;
}
.movie-engine-pagination .page-numbers.current {
  color: var(--movie-engine-white-color);
  background-color: var(--movie-engine-primary-color);
  cursor: default;
}
.movie-engine-pagination .page-numbers:hover:not(.current) {
  color: var(--movie-engine-white-color);
  background-color: var(--movie-engine-primary-color);
}
.movie-engine-pagination .page-numbers.dots {
  background: transparent;
  border-color: transparent;
  cursor: default;
  min-width: 20px;
}
.movie-engine-pagination .page-numbers.next, .movie-engine-pagination .page-numbers.prev {
  position: relative;
  font-size: 18px;
}
.movie-engine-pagination ul.page-numbers {
  background-color: transparent;
}
.movie-engine-pagination ul.page-numbers:hover {
  background-color: transparent;
}
.movie-engine-pagination ul.page-numbers.current {
  background-color: transparent;
}
.movie-engine-pagination ul.page-numbers:hover:not(.current) {
  background-color: transparent;
}
.movie-engine-pagination .movie-engine-load-more-btn {
  margin: 20px auto;
  display: block;
  min-width: 180px;
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  padding: 12px 20px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.movie-engine-pagination .movie-engine-load-more-btn.loading {
  opacity: 0.7;
  cursor: not-allowed;
}
.movie-engine-pagination[data-type=infinite] .movie-engine-load-more-btn {
  opacity: 0;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  pointer-events: none;
}
.movie-engine-pagination .movie-engine-infinite-trigger {
  height: 10px;
  width: 100%;
  margin-top: 20px;
}

.movie-engine-no-results {
  text-align: center;
  padding: 50px;
  background: var(--movie-engine-black-color);
  border-radius: 8px;
  color: var(--movie-engine-muted-color);
  font-size: 18px;
}

.movie-engine-search-bar-wrapper {
  margin-bottom: 30px;
}
.movie-engine-search-bar-wrapper .movie-engine-search-form {
  display: flex;
  max-width: 600px;
}
.movie-engine-search-bar-wrapper .movie-engine-search-form .movie-engine-search-input-wrapper {
  position: relative;
  flex-grow: 1;
  display: flex;
}
.movie-engine-search-bar-wrapper .movie-engine-search-form .movie-engine-search-field {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid var(--movie-engine-border-color);
  background: var(--movie-engine-black-color);
  color: var(--movie-engine-white-color);
  border-radius: 4px 0 0 4px;
}
.movie-engine-search-bar-wrapper .movie-engine-search-form .movie-engine-search-field:focus {
  border-color: var(--movie-engine-primary-color);
  outline: none;
}
.movie-engine-search-bar-wrapper .movie-engine-search-form .movie-engine-search-submit {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  border: none;
  padding: 0 20px;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: all 0.2s;
}
.movie-engine-search-bar-wrapper .movie-engine-search-form .movie-engine-search-submit:hover {
  filter: brightness(0.85);
}
.movie-engine-search-bar-wrapper .movie-engine-search-form .movie-engine-search-submit span {
  font-size: 20px;
}
.movie-engine-search-bar-wrapper .movie-engine-search-form .movie-engine-search-submit .movie-engine-search-text {
  font-weight: 600;
}

.movie-engine-library-card .movie-engine-card-poster-wrapper {
  position: relative;
}
.movie-engine-library-card .movie-engine-remove-from-library {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(var(--movie-engine-black-rgb), 0.7);
  color: var(--movie-engine-white-color);
  border: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: all 0.2s;
  z-index: 10;
}
.movie-engine-library-card .movie-engine-remove-from-library:hover {
  background: var(--movie-engine-primary-color);
  transform: scale(1.1);
}
.movie-engine-library-card .movie-engine-remove-from-library span {
  font-size: 18px;
}
.movie-engine-library-card:hover .movie-engine-remove-from-library {
  opacity: 1;
}

.movie-engine-search-bar-wrapper {
  margin: 30px 0 40px;
}
.movie-engine-search-bar-wrapper .movie-engine-search-form {
  max-width: 600px;
  margin: 0 auto;
}
.movie-engine-search-bar-wrapper .movie-engine-search-input-wrapper {
  display: flex;
  gap: 0;
  background: var(--movie-engine-black-color);
  border-radius: 8px;
  overflow: hidden;
  border: 2px solid var(--movie-engine-border-color);
  transition: border-color 0.2s;
}
.movie-engine-search-bar-wrapper .movie-engine-search-input-wrapper:focus-within {
  border-color: var(--movie-engine-primary-color);
}
.movie-engine-search-bar-wrapper .movie-engine-search-field {
  flex: 1;
  background: transparent;
  border: none;
  color: var(--movie-engine-white-color);
  padding: 15px 20px;
  font-size: 16px;
  outline: none;
}
.movie-engine-search-bar-wrapper .movie-engine-search-field::placeholder {
  color: var(--movie-engine-border-color);
}
.movie-engine-search-bar-wrapper .movie-engine-search-submit {
  background: var(--movie-engine-primary-color);
  border: none;
  color: var(--movie-engine-white-color);
  padding: 15px 30px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  transition: background 0.2s;
}
.movie-engine-search-bar-wrapper .movie-engine-search-submit:hover {
  filter: brightness(0.85);
}
.movie-engine-search-bar-wrapper .movie-engine-search-submit span {
  font-size: 20px;
}
@media (max-width: 600px) {
  .movie-engine-search-bar-wrapper .movie-engine-search-submit .movie-engine-search-text {
    display: none;
  }
  .movie-engine-search-bar-wrapper .movie-engine-search-submit {
    padding: 15px 20px;
  }
}

.me-section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.me-section-title {
  margin: 0;
  border-left: 3px solid var(--movie-engine-primary-color);
  padding-left: 10px;
  line-height: 1.2;
  font-size: 18px;
  color: var(--movie-engine-white-color);
}

.me-view-all {
  font-size: 13px;
  color: var(--movie-engine-muted-color);
  text-decoration: none;
  display: flex;
  align-items: center;
}

.me-hidden {
  display: none !important;
}

.me-paywall-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--movie-engine-white-color);
  min-height: 400px;
  background: var(--movie-engine-black-color);
  border-radius: 8px;
  overflow: hidden;
}

.me-paywall-content {
  max-width: 600px;
  padding: 40px;
}

.me-paywall-icon {
  font-size: 64px;
  width: 64px;
  height: 64px;
  margin-bottom: 20px;
  color: var(--movie-engine-primary-color);
}

.me-paywall-title {
  color: var(--movie-engine-white-color);
  margin-bottom: 15px;
  font-size: 24px;
}

.me-paywall-message {
  color: var(--movie-engine-muted-color);
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.6;
}

.me-paywall-actions {
  display: flex;
  gap: 15px;
  justify-content: center;
  flex-wrap: wrap;
}

.me-btn-buy {
  background: #27ae60;
  color: var(--movie-engine-white-color);
  padding: 12px 25px;
  border-radius: 4px;
  border: none;
  font-weight: bold;
  cursor: pointer;
}

.me-btn-rent {
  background: #2980b9;
  color: var(--movie-engine-white-color);
  padding: 12px 25px;
  border-radius: 4px;
  border: none;
  font-weight: bold;
  cursor: pointer;
}

.me-btn-lg {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  padding: 12px 30px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
}

.me-mt-30 {
  margin-top: 30px;
}

.me-link-muted {
  color: var(--movie-engine-muted-color);
  text-decoration: none;
  font-size: 14px;
}

.me-virtual-login {
  padding: 60px 0;
  max-width: 500px;
  margin: 0 auto;
}

.me-user-rating-display {
  margin-bottom: 10px;
}
.me-user-rating-display span {
  color: var(--movie-engine-primary-color);
  font-size: 14px;
}

.me-player-error {
  padding: 20px;
  text-align: center;
  color: var(--movie-engine-white-color);
  background: var(--movie-engine-black-color);
}

.me-form-footer-center {
  justify-content: center;
  margin-top: 15px;
}

.me-back-link {
  color: var(--movie-engine-muted-color);
  text-decoration: none;
  font-size: 13px;
}
.me-back-link span {
  font-size: 16px;
  margin-top: 2px;
}

.me-description-mt {
  margin-top: 10px;
}

.me-tab-active {
  display: block;
}

.me-referral-rules {
  padding: 30px;
  border-radius: 12px;
  margin-bottom: 30px;
}

.me-referral-title {
  margin-top: 0;
  color: var(--movie-engine-white-color);
  margin-bottom: 15px;
}

.me-referral-text {
  color: var(--movie-engine-muted-color);
  font-size: 14px;
  line-height: 1.6;
}

.me-referral-share-card {
  background: var(--movie-engine-black-color);
  padding: 40px;
  border-radius: 12px;
  margin-bottom: 30px;
  text-align: center;
  border: 1px solid var(--movie-engine-border-color);
}

.me-referral-icon-circle {
  width: 60px;
  height: 60px;
  background: rgba(2, 132, 199, 0.1);
  color: var(--movie-engine-white-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}
.me-referral-icon-circle span {
  font-size: 30px;
}

.me-referral-heading {
  margin: 0 0 10px;
  color: var(--movie-engine-white-color);
}

.me-referral-desc {
  color: var(--movie-engine-muted-color);
  margin-bottom: 30px;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.me-copy-link-wrapper {
  display: flex;
  gap: 10px;
  max-width: 500px;
  margin: 0 auto;
  position: relative;
}

.me-ref-link-input {
  flex: 1;
  padding: 12px 15px;
  border: 2px solid var(--movie-engine-border-color);
  border-radius: 8px;
  font-weight: 600;
  color: var(--movie-engine-white-color);
  background: var(--movie-engine-black-color);
  font-size: 14px;
}

.me-btn-copy {
  padding: 0 25px;
  border-radius: 8px;
}

.me-social-share-links {
  margin-top: 25px;
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
}
.me-social-share-links button {
  width: 45px;
  font-size: 16px;
  height: 45px;
  text-align: center;
  padding: 10px 0;
  line-height: 1;
  border-radius: 8px;
  background-color: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
}
.me-social-share-links button:hover {
  background-color: var(--movie-engine-primary-hover-color);
  color: var(--movie-engine-white-color);
}

.me-card-dark {
  background: var(--movie-engine-black-color);
  padding: 30px;
  border-radius: 12px;
  margin-bottom: 30px;
  border: 1px solid var(--movie-engine-border-color);
}

.me-card-title {
  margin-top: 0;
  color: var(--movie-engine-white-color);
}

.me-card-desc {
  color: var(--movie-engine-muted-color);
  margin-bottom: 20px;
  font-size: 14px;
}

.me-flex-gap-10 {
  display: flex;
  gap: 10px;
}

.me-input-dark {
  flex: 1;
  padding: 10px 15px;
  border: 1px solid var(--movie-engine-border-color);
  border-radius: 6px;
  background: var(--movie-engine-black-color);
  color: var(--movie-engine-white-color);
}

.me-btn-nowrap {
  white-space: nowrap;
}

.me-mb-15 {
  margin-bottom: 15px;
}

.me-table-dark {
  background: var(--movie-engine-black-color);
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--movie-engine-border-color);
}

.me-table-full {
  width: 100%;
  border-collapse: collapse;
}

.me-table-head {
  background: var(--movie-engine-black-color);
  border-bottom: 1px solid var(--movie-engine-border-color);
}

.me-table-th {
  padding: 15px 20px;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  color: var(--movie-engine-muted-color);
}

.me-table-row {
  border-bottom: 1px solid var(--movie-engine-border-color);
}

.me-table-cell {
  padding: 15px 20px;
  color: var(--movie-engine-muted-color);
}

.me-table-cell-ellipsis {
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.me-link-blue {
  color: var(--movie-engine-info-color);
  text-decoration: none;
}

.me-flex-gap-5 {
  display: flex;
  align-items: center;
  gap: 5px;
}

.me-input-short {
  width: 140px;
  padding: 5px;
  border: 1px solid var(--movie-engine-border-color);
  border-radius: 4px;
  font-size: 12px;
  background: var(--movie-engine-black-color);
  color: var(--movie-engine-white-color);
}

.me-table-bold {
  font-weight: bold;
}

.me-table-signups {
  font-weight: 600;
  color: #6366f1;
}

.me-table-sales {
  font-weight: 600;
  color: #10b981;
}

.me-table-date {
  color: var(--movie-engine-muted-color);
  font-size: 13px;
}

.me-table-empty {
  padding: 30px;
  text-align: center;
  color: var(--movie-engine-muted-color);
}

.me-pagination {
  margin-top: 20px;
  text-align: center;
}

.me-mt-10 {
  margin-top: 10px;
}

.me-settings-layout {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  align-items: flex-start;
}

.me-flex-1-min {
  flex: 1;
  min-width: 300px;
}

.me-payout-rules {
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 20px;
  border-left: 4px solid var(--movie-engine-primary-color);
}

.me-payout-title {
  margin-top: 0;
  color: var(--movie-engine-white-color);
  margin-bottom: 10px;
}

.me-payout-text {
  color: var(--movie-engine-muted-color);
  font-size: 13px;
  line-height: 1.5;
}

.me-form-group {
  margin-bottom: 20px;
}

.me-form-label {
  display: block;
  font-weight: 600;
  margin-bottom: 10px;
}

.me-form-label-sm {
  display: block;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 5px;
}

.me-select-full {
  width: 100%;
  padding: 10px;
  border: 1px solid var(--movie-engine-border-color);
  border-radius: 6px;
  background: var(--movie-engine-black-color);
  color: var(--movie-engine-white-color);
}

.me-input-full {
  width: 100%;
  padding: 10px;
  border: 1px solid var(--movie-engine-border-color);
  border-radius: 6px;
  background: var(--movie-engine-black-color);
  color: var(--movie-engine-white-color);
}

.me-input-sm {
  width: 100%;
  padding: 8px;
  border: 1px solid var(--movie-engine-border-color);
  border-radius: 4px;
  background: var(--movie-engine-black-color);
  color: var(--movie-engine-white-color);
}

.me-bank-fields {
  display: none;
  margin-bottom: 20px;
  background: var(--movie-engine-black-color);
  padding: 20px;
  border-radius: 8px;
}

.me-usdt-fields {
  display: none;
  margin-bottom: 20px;
  background: var(--movie-engine-black-color);
  padding: 20px;
  border-radius: 8px;
}

.me-mb-20 {
  margin-bottom: 20px;
}

.me-payout-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  align-items: center;
  justify-content: center;
}

.me-modal-content {
  background: var(--movie-engine-black-color);
  width: 100%;
  max-width: 400px;
  border-radius: 12px;
  padding: 30px;
  position: relative;
  box-shadow: 0 10px 25px rgba(var(--movie-engine-black-rgb), 0.5);
  border: 1px solid var(--movie-engine-border-color);
}

.me-modal-close {
  position: absolute;
  right: 20px;
  top: 20px;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: var(--movie-engine-muted-color);
}
.me-modal-close:hover {
  color: var(--movie-engine-white-color);
  background-color: var(--movie-engine-primary-color);
}

.me-modal-title {
  margin-top: 0;
  font-size: 20px;
  color: var(--movie-engine-white-color);
}

.me-error-text {
  color: var(--movie-engine-danger-color);
  margin-bottom: 20px;
  font-size: 14px;
}

.me-info-text {
  color: var(--movie-engine-muted-color);
  font-size: 14px;
  margin-bottom: 20px;
}

.me-btn-full {
  width: 100%;
  justify-content: center;
}

.me-mt-15 {
  margin-top: 15px;
}

.me-text-center {
  text-align: center;
}

.me-font-13 {
  font-size: 13px;
}

.me-link-underline {
  color: var(--movie-engine-primary-color);
  text-decoration: underline;
}

.me-tooltip {
  display: inline-block;
  margin-left: 5px;
}

.me-mb-10 {
  margin-bottom: 10px;
}

.me-mb-30 {
  margin-bottom: 30px;
}

.me-mb-15 {
  margin-bottom: 15px;
}

.me-table-cell-date {
  padding: 15px 20px;
  color: var(--movie-engine-muted-color);
  font-size: 14px;
}

.me-table-cell-method {
  padding: 15px 20px;
  color: var(--movie-engine-muted-color);
  font-size: 14px;
  text-transform: capitalize;
}

.me-table-cell-amount {
  padding: 15px 20px;
  font-weight: 600;
  color: var(--movie-engine-white-color);
  font-size: 14px;
}

.me-table-cell-status {
  padding: 15px 20px;
}

.me-status-badge {
  color: var(--movie-engine-white-color);
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}

.me-status-completed {
  background: var(--movie-engine-success-color);
}

.me-status-pending {
  background: var(--movie-engine-warning-color);
}

.me-status-rejected {
  background: var(--movie-engine-danger-color);
}

.me-status-approved {
  background: rgba(16, 185, 129, 0.2);
  color: #34d399;
}

.me-status-approved-locked {
  background: rgba(245, 158, 11, 0.2);
  color: #fbbf24;
}

.me-status-default {
  background: rgba(239, 68, 68, 0.2);
  color: #f87171;
}

.me-avail-available {
  color: var(--movie-engine-success-color);
  font-weight: 600;
}

.me-avail-locked {
  color: var(--movie-engine-warning-color);
}

.me-btn-logout-header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: var(--movie-engine-primary-color);
  border-radius: 6px;
  color: var(--movie-engine-white-color);
  margin-left: 10px;
}
.me-btn-logout-header span {
  font-size: 20px;
}

.me-nav-item-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.me-notif-badge {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  font-size: 10px;
  font-weight: bold;
  padding: 2px 6px;
  border-radius: 10px;
  line-height: 1;
  min-width: 18px;
  text-align: center;
  margin-left: auto;
}

.me-dashboard-section {
  margin-bottom: 40px;
}

.me-dashboard-recent {
  margin-top: 20px;
  margin-bottom: 40px;
}

.me-alert-warning {
  padding: 15px;
  background: var(--movie-engine-danger-color);
  border: 1px solid var(--movie-engine-danger-color);
  border-radius: 4px;
  color: var(--movie-engine-white-color);
}

.me-device-meta {
  font-size: 11px;
  color: var(--movie-engine-muted-color);
}

.me-membership-column-last {
  border-right: none;
}

.me-active-plan-card {
  max-width: 400px;
}

.me-plan-btn {
  margin-top: 20px;
}

.me-mt-40 {
  margin-top: 40px;
}

.me-feature-list {
  list-style: none;
  padding: 0;
  color: var(--movie-engine-muted-color);
  font-size: 14px;
}

.me-feature-item {
  margin-bottom: 10px;
}
.me-feature-item span {
  color: var(--movie-engine-success-color);
}

.me-settings-inline-wrapper {
  background: var(--movie-engine-black-color);
  padding: 40px;
  border-radius: 12px;
  border: 1px solid var(--movie-engine-border-color);
}

.me-hr-divider {
  border: none;
  border-top: 1px solid var(--movie-engine-border-color);
  margin: 30px 0;
}

.me-section-title {
  margin-bottom: 20px;
}

.me-form-actions-top {
  margin-top: 30px;
  border-top: 1px solid var(--movie-engine-border-color);
  padding-top: 30px;
}

.me-profile-message-inline {
  margin-top: 20px;
  display: none;
}

/* --- Taxonomy Immersive Hero --- */
.me-taxonomy-hero {
  position: relative;
  padding: 100px 0 60px;
  min-height: 350px;
  display: flex;
  align-items: center;
  overflow: hidden;
  margin-top: -6rem;
  margin-bottom: 30px;
}
.me-taxonomy-hero .me-hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  filter: blur(20px) scale(1.1);
  opacity: 0.4;
  transition: opacity 0.5s ease;
  z-index: 1;
}
.me-taxonomy-hero .me-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(var(--movie-engine-black-rgb), 0.5) 0%, rgba(var(--movie-engine-black-rgb), 0.8) 50%, var(--movie-engine-black-color) 100%);
  z-index: 2;
}
.me-taxonomy-hero .me-hero-content {
  position: relative;
  z-index: 3;
}
.me-taxonomy-hero .me-hero-subtitle {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 14px;
  color: var(--movie-engine-primary-color);
  font-weight: 700;
  display: block;
  margin-bottom: 10px;
  opacity: 0.8;
}
.me-taxonomy-hero .me-hero-title {
  font-size: 64px;
  font-weight: 800;
  letter-spacing: -1.5px;
  margin: 0 0 20px;
  color: var(--movie-engine-white-color);
  line-height: 1.05;
}
.me-taxonomy-hero .me-hero-title.me-text-image {
  color: transparent;
}
@media (max-width: 768px) {
  .me-taxonomy-hero .me-hero-title {
    font-size: 40px;
    letter-spacing: -0.5px;
  }
}
.me-taxonomy-hero .me-hero-meta {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.me-taxonomy-hero .me-hero-count {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 700;
  color: var(--movie-engine-white-color);
  background: rgba(var(--movie-engine-white-color-rgb), 0.08);
  padding: 8px 18px;
  border-radius: 100px;
  width: fit-content;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: default;
}
.me-taxonomy-hero .me-hero-count:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.15);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.2);
  transform: translateY(-2px);
}
.me-taxonomy-hero .me-hero-count span {
  font-size: 18px;
  color: var(--movie-engine-primary-color);
}
.me-taxonomy-hero .me-hero-description {
  max-width: 700px;
  color: var(--movie-engine-muted-color);
  font-size: 18px;
  line-height: 1.6;
  margin-top: 10px;
}

.me-sticky-filter-wrapper {
  position: sticky;
  top: 20px;
  z-index: 100;
  margin-bottom: 40px;
  transition: all 0.3s ease;
}
.me-sticky-filter-wrapper .movie-engine-filter-bar {
  background: rgba(var(--movie-engine-black-rgb), 0.7);
  backdrop-filter: blur(15px);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.05);
  box-shadow: 0 10px 30px rgba(var(--movie-engine-black-rgb), 0.3);
  margin-bottom: 0;
  padding: 15px 25px;
}
.me-sticky-filter-wrapper .movie-engine-filter-bar .movie-engine-filter-select,
.me-sticky-filter-wrapper .movie-engine-filter-bar .movie-engine-search-field {
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.1);
  transition: all 0.2s;
}
.me-sticky-filter-wrapper .movie-engine-filter-bar .movie-engine-filter-select:hover,
.me-sticky-filter-wrapper .movie-engine-filter-bar .movie-engine-search-field:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.08);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.2);
}

@keyframes mePulse {
  0% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.5;
  }
}
.me-skeleton-card {
  background: var(--movie-engine-black-color);
  aspect-ratio: 2/3;
  border-radius: 8px;
  animation: mePulse 1.5s infinite ease-in-out;
}

.me-loading .movie-engine-movie-grid {
  pointer-events: none;
}

.movie-engine-taxonomy-wrapper {
  background-color: var(--movie-engine-black-color);
  margin-top: -30px;
  position: relative;
  z-index: 10;
  padding-bottom: 60px;
}

.me-archive-results-wrapper {
  margin-top: 40px;
}

/* Taxonomy archive - ensure grid columns match design settings on mobile */
/* Include both selectors for backward compatibility (theme overrides may use texonomy typo) */
/* Target both movie-engine-movie-grid and movie-engine-items-grid */
@media (max-width: 768px) {
  .movie-engine-texonomy-wrapper .me-archive-results-wrapper .movie-engine-movie-grid,
  .movie-engine-taxonomy-wrapper .me-archive-results-wrapper .movie-engine-movie-grid,
  .movie-engine-texonomy-wrapper .me-archive-results-wrapper .movie-engine-section .movie-engine-items-grid,
  .movie-engine-taxonomy-wrapper .me-archive-results-wrapper .movie-engine-section .movie-engine-items-grid {
    grid-template-columns: repeat(var(--me-grid-columns-mobile, var(--grid-columns-mobile, 2)), 1fr);
  }
}
@media (max-width: 480px) {
  .movie-engine-texonomy-wrapper .me-archive-results-wrapper .movie-engine-movie-grid,
  .movie-engine-taxonomy-wrapper .me-archive-results-wrapper .movie-engine-movie-grid,
  .movie-engine-texonomy-wrapper .me-archive-results-wrapper .movie-engine-section .movie-engine-items-grid,
  .movie-engine-taxonomy-wrapper .me-archive-results-wrapper .movie-engine-section .movie-engine-items-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.me-sticky-filter-wrapper {
  padding: 10px 0;
}
.me-sticky-filter-wrapper .movie-engine-filter-bar {
  border-radius: 12px;
}
.me-sticky-filter-wrapper .movie-engine-filter-bar.is-sticky {
  box-shadow: 0 20px 40px rgba(var(--movie-engine-black-rgb), 0.6);
}

.movie-engine-filter-bar {
  display: block;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 40px;
  padding: 8px;
  background: linear-gradient(180deg, rgba(var(--movie-engine-black-rgb), 0.92) 0%, rgba(var(--movie-engine-black-rgb), 0.95) 100%);
  backdrop-filter: blur(25px);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.08);
  border-radius: 12px;
  box-shadow: 0 20px 50px rgba(var(--movie-engine-black-rgb), 0.5);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  position: relative;
  z-index: 10;
}
.movie-engine-filter-bar .movie-engine-filter-form {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0;
  flex-wrap: nowrap;
}
@media (max-width: 991px) {
  .movie-engine-filter-bar .movie-engine-filter-form {
    flex-wrap: wrap;
    padding: 5px;
  }
}
.movie-engine-filter-bar .movie-engine-filter-group.me-search-group {
  flex: 1;
  display: flex;
  align-items: center;
  background: rgba(var(--movie-engine-white-color-rgb), 0.04);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
  border-radius: 8px;
  padding: 0 15px;
  height: 52px;
  transition: all 0.3s ease;
}
.movie-engine-filter-bar .movie-engine-filter-group.me-search-group:focus-within {
  background: rgba(var(--movie-engine-white-color-rgb), 0.08);
  border-color: var(--movie-engine-primary-color);
  box-shadow: 0 0 0 4px rgba(var(--movie-engine-primary-rgb), 0.15);
}
.movie-engine-filter-bar .movie-engine-filter-group.me-search-group:focus-within .movie-engine-search-submit {
  color: var(--movie-engine-white-color);
}
.movie-engine-filter-bar .movie-engine-filter-group.me-search-group .movie-engine-search-field {
  flex: 1;
  background: transparent;
  border: none;
  color: var(--movie-engine-white-color);
  font-size: 15px;
  font-family: var(--movie-engine-body-font);
  height: 100%;
  padding: 0;
  box-shadow: none;
  outline: none;
}
.movie-engine-filter-bar .movie-engine-filter-group.me-search-group .movie-engine-search-field::placeholder {
  color: rgba(var(--movie-engine-white-color-rgb), 0.35);
}
.movie-engine-filter-bar .movie-engine-filter-group.me-search-group .movie-engine-search-submit {
  background: transparent;
  border: none;
  padding: 0;
  color: var(--movie-engine-white-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 20px;
  transition: all 0.2s ease;
}
.movie-engine-filter-bar .movie-engine-filter-group.me-search-group .movie-engine-search-submit:hover {
  transform: scale(1.15);
  color: var(--movie-engine-primary-color);
}
.movie-engine-filter-bar .movie-engine-filter-group {
  flex: 0 0 auto;
}
@media (max-width: 768px) {
  .movie-engine-filter-bar .movie-engine-filter-group {
    flex: 1 1 calc(50% - 6px);
  }
}
.movie-engine-filter-bar .movie-engine-filter-select {
  height: 52px;
  background-color: rgba(var(--movie-engine-white-color-rgb), 0.05);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
  border-radius: 8px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.7);
  padding: 0 35px 0 18px;
  font-size: 14px;
  font-weight: 500;
  min-width: 150px;
  width: 100%;
  cursor: pointer;
  transition: all 0.2s ease;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' opacity='0.5' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
}
.movie-engine-filter-bar .movie-engine-filter-select:hover {
  background-color: rgba(var(--movie-engine-white-color-rgb), 0.1);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.25);
  color: var(--movie-engine-white-color);
}
.movie-engine-filter-bar .movie-engine-filter-select:focus {
  border-color: var(--movie-engine-primary-color);
  background-color: rgba(var(--movie-engine-black-rgb), 0.3);
  outline: none;
}
.movie-engine-filter-bar .movie-engine-filter-select option {
  background: var(--movie-engine-black-color);
  color: var(--movie-engine-white-color);
}
.movie-engine-filter-bar .movie-engine-filter-actions {
  display: flex;
  gap: 10px;
  align-items: center;
}
.movie-engine-filter-bar .me-btn-reset {
  height: 52px;
  padding: 0 20px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
  color: rgba(var(--movie-engine-white-color-rgb), 0.6);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.movie-engine-filter-bar .me-btn-reset span {
  font-size: 16px;
  margin-right: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.8;
}
.movie-engine-filter-bar .me-btn-reset:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  color: var(--movie-engine-white-color);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.25);
}
.movie-engine-filter-bar .me-btn-reset:hover span {
  opacity: 1;
  transform: rotate(-30deg);
  transition: transform 0.3s ease;
}
.movie-engine-filter-bar .me-btn-reset:active {
  transform: scale(0.95);
}
.movie-engine-filter-bar .me-btn-filter {
  height: 52px;
  padding: 0 35px;
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 15px rgba(var(--movie-engine-primary-rgb), 0.2);
  white-space: nowrap;
}
.movie-engine-filter-bar .me-btn-filter:hover {
  transform: translateY(-3px);
  filter: brightness(1.1);
  box-shadow: 0 10px 25px rgba(var(--movie-engine-primary-rgb), 0.4);
}
.movie-engine-filter-bar .me-btn-filter:active {
  transform: translateY(-1px);
}
@media (max-width: 768px) {
  .movie-engine-filter-bar .me-btn-filter {
    width: 100%;
  }
}

.me-sticky-filter-wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  z-index: 1000;
  transition: padding 0.4s ease;
}
.me-sticky-filter-wrapper.is-sticky {
  padding: 20px 0;
}
.me-sticky-filter-wrapper.is-sticky .movie-engine-filter-bar {
  background: rgba(var(--movie-engine-black-rgb), 0.95);
  box-shadow: 0 25px 50px rgba(var(--movie-engine-black-rgb), 0.7);
  border-color: rgba(var(--movie-engine-primary-color), 0.2);
  transform: scale(0.98);
}

.movie-engine-taxonomy-wrapper {
  background-color: var(--movie-engine-black-color);
  margin-top: -40px;
  position: relative;
  z-index: 10;
  padding-bottom: 80px;
}

.me-archive-results-wrapper {
  margin-top: 30px;
  width: 100%;
}

@media (min-width: 992px) {
  .movie-engine-filter-bar {
    margin-left: auto;
    margin-right: auto;
  }
}
.me-archive-results-wrapper .movie-engine-library-container.me-has-filters.me-filter-sidebar {
  display: flex;
  align-items: flex-start;
  gap: 30px;
}
@media (max-width: 991px) {
  .me-archive-results-wrapper .movie-engine-library-container.me-has-filters.me-filter-sidebar {
    flex-direction: column;
  }
}
.me-archive-results-wrapper .movie-engine-library-container.me-has-filters.me-filter-sidebar .movie-engine-filter-sidebar {
  flex: 0 0 280px;
  max-width: 280px;
  width: 100%;
  background: rgba(var(--movie-engine-black-rgb), 0.5);
  border: 1px solid var(--movie-engine-border-color);
  border-radius: 12px;
  padding: 24px;
  position: sticky;
  top: 20px;
  max-height: calc(100vh - 40px);
  display: flex;
  flex-direction: column;
}
.me-archive-results-wrapper .movie-engine-library-container.me-has-filters.me-filter-sidebar .movie-engine-filter-sidebar .me-filter-sidebar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--movie-engine-border-color);
  padding-bottom: 15px;
  flex-shrink: 0;
}
.me-archive-results-wrapper .movie-engine-library-container.me-has-filters.me-filter-sidebar .movie-engine-filter-sidebar .me-filter-sidebar-header h3 {
  margin: 0;
  font-size: 18px;
  color: var(--movie-engine-white-color);
  font-weight: 700;
  letter-spacing: 0.5px;
}
.me-archive-results-wrapper .movie-engine-library-container.me-has-filters.me-filter-sidebar .movie-engine-filter-sidebar .me-filter-sidebar-header .me-clear-all-filters {
  background: transparent;
  border: none;
  color: var(--movie-engine-primary-color);
  font-size: 12px;
  cursor: pointer;
  padding: 0;
}
.me-archive-results-wrapper .movie-engine-library-container.me-has-filters.me-filter-sidebar .movie-engine-filter-sidebar .me-filter-sidebar-header .me-clear-all-filters:hover {
  text-decoration: underline;
}
.me-archive-results-wrapper .movie-engine-library-container.me-has-filters.me-filter-sidebar .movie-engine-filter-sidebar .me-filter-sidebar-scroll {
  overflow-y: auto;
  flex-grow: 1;
  padding-right: 5px;
}
.me-archive-results-wrapper .movie-engine-library-container.me-has-filters.me-filter-sidebar .movie-engine-filter-sidebar .me-filter-sidebar-scroll::-webkit-scrollbar {
  width: 4px;
}
.me-archive-results-wrapper .movie-engine-library-container.me-has-filters.me-filter-sidebar .movie-engine-filter-sidebar .me-filter-sidebar-scroll::-webkit-scrollbar-thumb {
  background: rgba(var(--movie-engine-white-color-rgb), 0.2);
  border-radius: 4px;
}
.me-archive-results-wrapper .movie-engine-library-container.me-has-filters.me-filter-sidebar .movie-engine-filter-sidebar .me-filter-section {
  margin-bottom: 25px;
}
.me-archive-results-wrapper .movie-engine-library-container.me-has-filters.me-filter-sidebar .movie-engine-filter-sidebar .me-filter-section .me-filter-section-title {
  font-size: 14px;
  color: var(--movie-engine-white-color);
  margin: 0 0 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.me-archive-results-wrapper .movie-engine-library-container.me-has-filters.me-filter-sidebar .movie-engine-filter-sidebar .me-filter-section .me-filter-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.me-archive-results-wrapper .movie-engine-library-container.me-has-filters.me-filter-sidebar .movie-engine-filter-sidebar .me-filter-section .me-filter-options .me-filter-checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  color: rgba(var(--movie-engine-white-color-rgb), 0.8);
  font-size: 14px;
  transition: color 0.2s;
}
.me-archive-results-wrapper .movie-engine-library-container.me-has-filters.me-filter-sidebar .movie-engine-filter-sidebar .me-filter-section .me-filter-options .me-filter-checkbox:hover {
  color: var(--movie-engine-white-color);
}
.me-archive-results-wrapper .movie-engine-library-container.me-has-filters.me-filter-sidebar .movie-engine-filter-sidebar .me-filter-section .me-filter-options .me-filter-checkbox input {
  accent-color: var(--movie-engine-primary-color);
  width: 16px;
  height: 16px;
}
.me-archive-results-wrapper .movie-engine-library-container.me-has-filters.me-filter-sidebar .movie-engine-library-content {
  flex: 1;
  width: 100%;
  min-width: 0;
}
.me-archive-results-wrapper .movie-engine-library-container.me-has-filters.me-filter-sidebar .movie-engine-library-content .movie-engine-filter-bar {
  margin-bottom: 30px;
}

/* Taxonomy Card Styles */
.me-slider-layout {
  padding: 0 !important;
  overflow: visible !important;
  position: relative;
}
.me-slider-layout .movie-engine-items-grid {
  padding: 15px 5px !important;
  overflow-y: visible !important;
  overflow-x: auto !important;
  scrollbar-width: none;
}
.me-slider-layout .movie-engine-items-grid::-webkit-scrollbar {
  display: none;
}
.me-slider-layout .movie-engine-slider-nav {
  top: calc(50% + 25px) !important;
  background: rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(5px);
  width: 40px !important;
  height: 40px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
}
.me-slider-layout .movie-engine-slider-nav:hover {
  background: var(--movie-engine-primary-color) !important;
  border-color: var(--movie-engine-primary-color) !important;
}
.me-slider-layout .movie-engine-slider-nav.movie-engine-slider-prev {
  left: 0px !important;
}
.me-slider-layout .movie-engine-slider-nav.movie-engine-slider-next {
  right: 0px !important;
}
.me-slider-layout .me-term-card {
  width: 280px;
  min-width: 280px;
  flex: 0 0 auto;
}

.movie-engine-taxonomy-shortcode {
  padding-left: 50px;
  padding-right: 50px;
}
@media (max-width: 1024px) {
  .movie-engine-taxonomy-shortcode {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .movie-engine-taxonomy-shortcode {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.me-term-card {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.05);
  padding: 20px;
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  color: #fff;
  cursor: pointer;
}
@media (max-width: 480px) {
  .me-term-card {
    padding: 15px;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    gap: 10px;
    text-align: center;
  }
}
.me-term-card:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: var(--movie-engine-primary-color);
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.me-term-card:hover .me-term-card-icon {
  background: var(--movie-engine-primary-color);
  color: #fff;
  transform: scale(1.1);
}
.me-term-card:hover .me-term-card-bg {
  transform: scale(1.1);
}
.me-term-card.has-image {
  position: relative;
  overflow: hidden;
  border: none;
  align-items: flex-end;
  padding: 15px;
}
.me-term-card.has-image.me-ratio-portrait {
  aspect-ratio: 2/3;
  height: auto;
}
.me-term-card.has-image.me-ratio-landscape {
  aspect-ratio: 16/9;
  height: auto;
}
.me-term-card.has-image.me-ratio-square {
  aspect-ratio: 1/1;
  height: auto;
}
.me-term-card.has-image.me-ratio-banner {
  aspect-ratio: 6/4;
  height: auto;
}
.me-term-card.has-image.me-ratio-custom {
  aspect-ratio: var(--me-custom-ratio, 2/3);
  height: auto;
}
@supports not (aspect-ratio: 1/1) {
  .me-term-card.has-image.me-ratio-portrait {
    height: 350px;
  }
  .me-term-card.has-image.me-ratio-landscape {
    height: 160px;
  }
  .me-term-card.has-image.me-ratio-square {
    height: 280px;
  }
}
.me-term-card.has-image .me-term-card-content {
  position: relative;
  z-index: 2;
}
.me-term-card .me-term-card-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: transform 0.5s ease;
  z-index: 0;
}
.me-term-card .me-term-card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.2) 100%);
  z-index: 1;
}
.me-term-card .me-term-card-icon {
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  font-size: 20px;
  color: var(--movie-engine-primary-color);
  transition: all 0.3s;
}
@media (max-width: 480px) {
  .me-term-card .me-term-card-icon {
    margin-right: 0;
  }
}
.me-term-card .me-term-card-content {
  flex: 1;
}
.me-term-card .me-term-card-content .me-term-name {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  line-height: 1.2;
}
.me-term-card .me-term-card-content .me-term-count {
  display: block;
  font-size: 12px;
  color: #888;
  margin-top: 4px;
}

.movie-engine-library-container {
  display: flex;
  gap: 30px;
  margin-top: 30px;
}
.movie-engine-library-container.me-filter-top {
  flex-direction: column;
}
.movie-engine-library-container.me-filter-top .movie-engine-filter-sidebar {
  width: 100%;
  max-width: none;
  position: static;
  top: auto;
  padding: 16px;
  border-radius: 14px;
  background: rgba(var(--movie-engine-black-rgb), 0.55);
  backdrop-filter: blur(10px);
}
.movie-engine-library-container.me-filter-top .me-filter-sidebar-scroll {
  overflow: visible;
  max-height: none;
  padding-right: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.movie-engine-library-container.me-filter-top .me-filter-section {
  border: none;
  background: transparent;
  padding: 0;
  flex: 0 0 auto;
}
.movie-engine-library-container.me-filter-top .me-filter-sidebar-header {
  margin-bottom: 10px;
  padding-bottom: 8px;
}
.movie-engine-library-container.me-filter-top .me-filter-section-title {
  padding: 6px 14px !important;
  font-size: 13px !important;
  border-radius: 999px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.06);
  cursor: pointer;
  white-space: nowrap;
}
.movie-engine-library-container.me-filter-top .me-filter-section.is-collapsed .me-filter-options {
  display: none;
}
.movie-engine-library-container.me-filter-top .me-filter-options {
  margin-top: 10px;
}
.movie-engine-library-container .movie-engine-library-content {
  flex: 1;
  width: 100%;
  min-width: 0;
  padding-left: 50px;
  padding-right: 50px;
}
@media (max-width: 1024px) {
  .movie-engine-library-container .movie-engine-library-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 768px) {
  .movie-engine-library-container .movie-engine-library-content {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.movie-engine-filter-sidebar {
  width: 280px;
  flex-shrink: 0;
  background: var(--movie-engine-black-color);
  border: 1px solid var(--movie-engine-border-color);
  border-radius: 12px;
  padding: 24px;
  height: fit-content;
  align-self: flex-start;
  position: sticky;
  top: 100px;
  z-index: 10;
  box-shadow: 0 10px 30px rgba(var(--movie-engine-black-rgb), 0.5);
}
.movie-engine-filter-sidebar .me-filter-sidebar-header {
  margin-bottom: 24px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--movie-engine-border-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.movie-engine-filter-sidebar .me-filter-sidebar-header h3 {
  margin: 0;
  font-size: 13px;
  letter-spacing: 1.5px;
  color: var(--movie-engine-white-color);
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 8px;
}
.movie-engine-filter-sidebar .me-filter-sidebar-header h3 .me-filter-active-count {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  font-size: 10px;
  padding: 1px 6px;
  border-radius: 10px;
  letter-spacing: 0;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
}
.movie-engine-filter-sidebar .me-filter-sidebar-header h3 .me-filter-active-count.me-hidden {
  display: none !important;
}
.movie-engine-filter-sidebar .me-filter-sidebar-header .me-clear-all-filters {
  background: none;
  border: none;
  color: var(--movie-engine-muted-color);
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  padding: 0;
  text-transform: uppercase;
  transition: color 0.2s;
}
.movie-engine-filter-sidebar .me-filter-sidebar-header .me-clear-all-filters:hover {
  color: var(--movie-engine-primary-color);
}
.movie-engine-filter-sidebar .me-filter-sidebar-header .me-clear-all-filters.me-hidden {
  display: none !important;
}
.movie-engine-filter-sidebar .me-filter-section {
  margin-bottom: 0;
  border-bottom: 1px solid var(--movie-engine-border-color);
}
.movie-engine-filter-sidebar .me-filter-section:last-child {
  border-bottom: none;
}
.movie-engine-filter-sidebar .me-filter-section .me-filter-section-title {
  margin: 0;
  padding: 16px 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--movie-engine-white-color);
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: color 0.2s;
}
.movie-engine-filter-sidebar .me-filter-section .me-filter-section-title:hover {
  color: var(--movie-engine-primary-color);
}
.movie-engine-filter-sidebar .me-filter-section .me-filter-section-title .dashicons,
.movie-engine-filter-sidebar .me-filter-section .me-filter-section-title .fa-solid,
.movie-engine-filter-sidebar .me-filter-section .me-filter-section-title .fa-regular {
  font-size: 16px;
  color: var(--movie-engine-muted-color);
  transition: transform 0.3s;
  transform: rotate(90deg);
}
.movie-engine-filter-sidebar .me-filter-section.is-collapsed .me-filter-options {
  display: none;
}
.movie-engine-filter-sidebar .me-filter-section.is-collapsed .me-filter-section-title .dashicons,
.movie-engine-filter-sidebar .me-filter-section.is-collapsed .me-filter-section-title .fa-solid,
.movie-engine-filter-sidebar .me-filter-section.is-collapsed .me-filter-section-title .fa-regular {
  transform: rotate(0deg);
}
.movie-engine-filter-sidebar .me-filter-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 0 20px 0;
  max-height: 400px;
  overflow-y: auto;
}
.movie-engine-filter-sidebar .me-filter-options::-webkit-scrollbar {
  width: 4px;
}
.movie-engine-filter-sidebar .me-filter-options::-webkit-scrollbar-thumb {
  background: var(--movie-engine-border-color);
  border-radius: 4px;
}
.movie-engine-filter-sidebar .me-filter-options.me-inline-options {
  flex-direction: row;
  flex-wrap: wrap;
}
.movie-engine-filter-sidebar .me-filter-options:not(.show-all) label:nth-child(n+9) {
  display: none;
}
.movie-engine-filter-sidebar .me-filter-options .me-see-more-btn {
  background: none;
  border: none;
  color: var(--movie-engine-primary-color);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  padding: 5px 0;
  text-align: left;
  width: fit-content;
}
.movie-engine-filter-sidebar .me-filter-options .me-see-more-btn:hover {
  text-decoration: underline;
}
.movie-engine-filter-sidebar .me-filter-checkbox,
.movie-engine-filter-sidebar .me-filter-radio {
  /* Controls */
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  font-size: 14px;
  color: var(--movie-engine-muted-color);
  transition: color 0.2s;
}
.movie-engine-filter-sidebar .me-filter-checkbox input,
.movie-engine-filter-sidebar .me-filter-radio input {
  margin: 0;
  accent-color: var(--movie-engine-primary-color);
  background: var(--movie-engine-black-color);
  border-color: var(--movie-engine-border-color);
}
.movie-engine-filter-sidebar .me-filter-checkbox:hover,
.movie-engine-filter-sidebar .me-filter-radio:hover {
  color: var(--movie-engine-white-color);
}
.movie-engine-filter-sidebar .me-filter-pill input,
.movie-engine-filter-sidebar .me-filter-tag input {
  display: none;
}
.movie-engine-filter-sidebar .me-filter-pill span,
.movie-engine-filter-sidebar .me-filter-tag span {
  display: inline-block;
  padding: 6px 12px;
  background: var(--movie-engine-black-color);
  border: 1px solid var(--movie-engine-border-color);
  color: var(--movie-engine-muted-color);
  border-radius: 20px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s;
}
.movie-engine-filter-sidebar .me-filter-pill span .dashicons,
.movie-engine-filter-sidebar .me-filter-pill span .fa-solid,
.movie-engine-filter-sidebar .me-filter-pill span .fa-regular,
.movie-engine-filter-sidebar .me-filter-tag span .dashicons,
.movie-engine-filter-sidebar .me-filter-tag span .fa-solid,
.movie-engine-filter-sidebar .me-filter-tag span .fa-regular {
  font-size: 14px;
  width: 14px;
  height: 14px;
  margin-top: -2px;
}
.movie-engine-filter-sidebar .me-filter-pill input:checked + span,
.movie-engine-filter-sidebar .me-filter-tag input:checked + span {
  background: var(--movie-engine-primary-color);
  border-color: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
}

/* Top Bar */
.me-library-top-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
  gap: 30px;
}
.me-library-top-bar .me-top-bar-left {
  display: flex;
  align-items: center;
  gap: 30px;
  flex: 1;
}
.me-library-top-bar .me-library-search {
  position: relative;
  width: 100%;
  max-width: 350px;
}
.me-library-top-bar .me-library-search .dashicons,
.me-library-top-bar .me-library-search .fa-solid,
.me-library-top-bar .me-library-search .fa-regular {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--movie-engine-muted-color);
  font-size: 16px;
  pointer-events: none;
}
.me-library-top-bar .me-library-search input[type=search],
.me-library-top-bar .me-library-search input[type=text] {
  width: 100%;
  padding: 10px 15px 10px 40px;
  background: var(--movie-engine-bg-color);
  border: 1px solid var(--movie-engine-border-color);
  border-radius: 8px;
  font-size: 14px;
  color: var(--movie-engine-white-color);
  transition: all 0.2s;
}
.me-library-top-bar .me-library-search input[type=search]::placeholder,
.me-library-top-bar .me-library-search input[type=text]::placeholder {
  color: var(--movie-engine-muted-color);
}
.me-library-top-bar .me-library-search input[type=search]:focus,
.me-library-top-bar .me-library-search input[type=text]:focus {
  border-color: var(--movie-engine-primary-color);
  box-shadow: 0 0 0 3px rgba(var(--movie-engine-primary-rgb), 0.1);
  outline: none;
}
.me-library-top-bar .me-active-filters-container {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .me-library-top-bar .me-active-filters-container {
    align-items: flex-start;
    flex-direction: column;
  }
}
.me-library-top-bar .me-active-filters-container .me-results-count {
  font-size: 14px;
  color: var(--movie-engine-muted-color);
  white-space: nowrap;
}
.me-library-top-bar .me-active-filters-container .me-active-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.me-library-top-bar .me-active-filters-container .me-active-pills .me-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(var(--movie-engine-primary-rgb), 0.1);
  color: var(--movie-engine-primary-color);
  border: 1px solid var(--movie-engine-primary-color);
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
}
.me-library-top-bar .me-active-filters-container .me-active-pills .me-pill .dashicons,
.me-library-top-bar .me-active-filters-container .me-active-pills .me-pill .fa-solid,
.me-library-top-bar .me-active-filters-container .me-active-pills .me-pill .fa-regular {
  font-size: 14px;
  width: 14px;
  height: 14px;
}
.me-library-top-bar .me-active-filters-container .me-active-pills .me-pill:hover {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
}

/* Sort Dropdown */
.me-sort-container {
  position: relative;
}
.me-sort-container .me-sort-dropdown .me-sort-button {
  background: var(--movie-engine-border-color);
  border: 1px solid transparent;
  color: var(--movie-engine-white-color);
  padding: 8px 16px;
  border-radius: var(--movie-engine-border-radius);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  min-width: 160px;
  justify-content: space-between;
}
.me-sort-container .me-sort-dropdown .me-sort-button:hover {
  border-color: var(--movie-engine-border-color);
}
.me-sort-container .me-sort-dropdown .me-sort-list {
  position: absolute;
  top: 100%;
  right: 0;
  margin: 5px 0 0 0;
  padding: 8px 0;
  background: var(--movie-engine-black-color);
  border: 1px solid var(--movie-engine-border-color);
  border-radius: var(--movie-engine-border-radius);
  list-style: none;
  z-index: 100;
  min-width: 180px;
  display: none;
  box-shadow: 0 10px 30px rgba(var(--movie-engine-black-rgb), 0.5);
}
.me-sort-container .me-sort-dropdown .me-sort-list li {
  padding: 10px 20px;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.2s;
}
.me-sort-container .me-sort-dropdown .me-sort-list li:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
}
.me-sort-container .me-sort-dropdown .me-sort-list li.active {
  color: var(--movie-engine-white-color);
  background: var(--movie-engine-primary-color);
}
.me-sort-container .me-sort-dropdown.active .me-sort-list {
  display: block;
}

/* Responsive */
@media (max-width: 1024px) {
  .movie-engine-library-container {
    flex-direction: column;
    gap: 24px;
  }
  .movie-engine-library-container .movie-engine-filter-sidebar {
    width: 100%;
    position: static;
  }
}
@media (max-width: 768px) {
  .movie-engine-library-container {
    margin-top: 15px;
  }
  .me-library-top-bar {
    flex-direction: column;
    align-items: stretch;
    gap: 15px;
    margin-bottom: 20px;
  }
  .me-library-top-bar .me-top-bar-left {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .me-library-top-bar .me-library-search {
    max-width: none;
  }
  .me-library-top-bar .me-sort-container .me-sort-button {
    width: 100%;
    min-width: unset;
  }
}
.me-movie-archive-page .movie-engine-library-container .movie-engine-library-content,
.me-series-archive-page .movie-engine-library-container .movie-engine-library-content,
.me-person-archive-page .movie-engine-library-container .movie-engine-library-content,
.me-browse-page .movie-engine-library-container .movie-engine-library-content,
.me-tv-series-page .movie-engine-library-container .movie-engine-library-content,
.me-taxonomy-page .movie-engine-library-container .movie-engine-library-content,
.me-archive-page .movie-engine-library-container .movie-engine-library-content {
  padding-left: 0;
  padding-right: 0;
}

.movie-engine-section {
  margin-top: 40px;
  padding-top: 40px;
  clear: both;
}
.me-movie-archive-page .movie-engine-section, .me-series-archive-page .movie-engine-section, .me-person-archive-page .movie-engine-section, .me-browse-page .movie-engine-section, .me-tv-series-page .movie-engine-section, .me-taxonomy-page .movie-engine-section, .me-archive-page .movie-engine-section, .me-search-results-page .movie-engine-section {
  margin-top: 0;
  padding-top: 0;
}
@media (max-width: 768px) {
  .movie-engine-section {
    margin-top: 30px;
    padding-top: 20px;
  }
}
.movie-engine-section .movie-engine-section-title {
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.movie-engine-section .movie-engine-section-title h2,
.movie-engine-section .movie-engine-section-title h3,
.movie-engine-section .movie-engine-section-title h4 {
  font-size: 22px;
  font-weight: 700;
  color: var(--movie-engine-white-color);
  margin: 0;
  border-left: 4px solid var(--movie-engine-primary-color);
  padding-left: 15px;
}
.movie-engine-section .movie-engine-section-title .me-view-all {
  font-size: 14px;
  color: var(--movie-engine-primary-color);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  transition: opacity 0.2s;
}
.movie-engine-section .movie-engine-section-title .me-view-all:hover {
  opacity: 0.8;
  color: var(--movie-engine-primary-color);
}
.movie-engine-section .movie-engine-section-title .me-view-all span {
  font-size: 16px;
  line-height: inherit;
}
.movie-engine-section .movie-engine-items-grid {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns, 6), 1fr);
  gap: 20px;
}
@media (max-width: 1440px) {
  .movie-engine-section .movie-engine-items-grid {
    grid-template-columns: repeat(var(--grid-columns-laptop, 5), 1fr);
  }
}
@media (max-width: 1440px) and (max-width: 1366px) {
  .movie-engine-section .movie-engine-items-grid {
    grid-template-columns: repeat(min(var(--grid-columns-laptop, 5), 6), 1fr);
  }
}
@media (max-width: 1200px) {
  .movie-engine-section .movie-engine-items-grid {
    grid-template-columns: repeat(var(--grid-columns-tablet, 4), 1fr);
  }
}
@media (max-width: 768px) {
  .movie-engine-section .movie-engine-items-grid {
    grid-template-columns: repeat(var(--grid-columns-mobile, 3), 1fr);
    gap: 15px;
  }
}
@media (max-width: 480px) {
  .movie-engine-section .movie-engine-items-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}
.movie-engine-section .movie-engine-item-card {
  transition: transform 0.3s ease;
}
@media (max-width: 768px) {
  .movie-engine-section .movie-engine-item-card .movie-engine-item-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
.movie-engine-section .movie-engine-item-card .movie-engine-item-title a {
  color: var(--movie-engine-white-color);
}
.movie-engine-section .movie-engine-item-card .movie-engine-item-title a:hover {
  color: var(--movie-engine-primary-color);
}
.movie-engine-section .movie-engine-item-card:hover {
  transform: translateY(-8px);
}
.movie-engine-section .movie-engine-item-card:hover .movie-engine-item-thumb img {
  transform: scale(1.1);
}
.movie-engine-section .movie-engine-item-card:hover .movie-engine-item-thumb .movie-engine-item-overlay {
  opacity: 1;
}
.movie-engine-section .movie-engine-item-card .movie-engine-item-thumb {
  display: block;
  position: relative;
  aspect-ratio: 2/3;
  background: var(--movie-engine-black-color);
  border-radius: 8px;
  overflow: hidden;
  text-decoration: none;
}
.movie-engine-section .movie-engine-item-card .movie-engine-item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.movie-engine-section .movie-engine-item-card .movie-engine-item-thumb .movie-engine-item-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--movie-engine-muted-color);
  font-size: 48px;
}
.movie-engine-section .movie-engine-item-card .movie-engine-item-thumb .movie-engine-item-overlay {
  position: absolute;
  inset: 0;
  background: rgba(var(--movie-engine-black-rgb), 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  backdrop-filter: blur(3px);
  z-index: 5;
  font-size: 40px;
  color: var(--movie-engine-white-color);
}
.movie-engine-section .movie-engine-item-card .movie-engine-item-thumb .movie-engine-item-quality {
  position: absolute;
  top: 10px;
  left: 10px;
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  font-size: 10px;
  font-weight: 700;
  padding: 3px 6px;
  border-radius: 4px;
  z-index: 6;
  text-transform: uppercase;
  box-shadow: 0 2px 4px rgba(var(--movie-engine-black-rgb), 0.3);
}
.movie-engine-section .movie-engine-item-card .movie-engine-item-thumb .movie-engine-item-rating {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: rgba(var(--movie-engine-black-rgb), 0.8);
  color: var(--movie-engine-yellow-color);
  font-size: 11px;
  font-weight: 700;
  padding: 3px 6px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 4px;
  z-index: 6;
  backdrop-filter: blur(4px);
}
.movie-engine-section .movie-engine-item-card .movie-engine-item-info {
  padding: 12px 0;
}
.movie-engine-section .movie-engine-item-card .movie-engine-item-info .movie-engine-item-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 5px;
  line-height: 1.4;
  color: var(--movie-engine-white-color);
}
@media (max-width: 768px) {
  .movie-engine-section .movie-engine-item-card .movie-engine-item-info .movie-engine-item-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
.movie-engine-section .movie-engine-item-card .movie-engine-item-info .movie-engine-item-title a {
  color: var(--movie-engine-white-color);
  text-decoration: none;
  transition: color 0.2s;
}
.movie-engine-section .movie-engine-item-card .movie-engine-item-info .movie-engine-item-title a:hover {
  color: var(--movie-engine-primary-color);
}
.movie-engine-section .movie-engine-item-card .movie-engine-item-info .movie-engine-item-meta {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: var(--movie-engine-muted-color);
}

.movie-engine-dashboard-wrapper {
  color: var(--movie-engine-white-color);
  width: 100%;
  margin: 0;
  font-family: var(--movie-engine-body-font);
  padding: 20px;
}
@media (max-width: 1024px) {
  .movie-engine-dashboard-wrapper {
    padding: 10px;
  }
}
@media (max-width: 768px) {
  .movie-engine-dashboard-wrapper {
    padding: 0px;
  }
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-header {
  background: var(--movie-engine-black-color);
  border: 1px solid var(--movie-engine-border-color);
  padding: 20px 30px;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-header .movie-engine-user-identity {
  display: flex;
  align-items: center;
  gap: 20px;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-header .movie-engine-user-identity .movie-engine-avatar img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--movie-engine-border-color);
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-header .movie-engine-user-identity .movie-engine-user-details .movie-engine-name {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  color: var(--movie-engine-white-color);
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-header .movie-engine-user-identity .movie-engine-user-details .movie-engine-email {
  color: var(--movie-engine-muted-color);
  font-size: 13px;
  margin-top: 2px;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-header .movie-engine-user-identity .movie-engine-user-details .movie-engine-username {
  color: var(--movie-engine-muted-color);
  font-size: 12px;
  margin-top: 2px;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-header .movie-engine-header-actions {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 768px) {
  .movie-engine-dashboard-wrapper .movie-engine-dashboard-header .movie-engine-header-actions {
    display: none;
  }
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-header .movie-engine-header-actions .movie-engine-membership-status {
  text-align: right;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-header .movie-engine-header-actions .movie-engine-membership-status .label {
  display: block;
  font-size: 11px;
  color: var(--movie-engine-muted-color);
  text-transform: uppercase;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-header .movie-engine-header-actions .movie-engine-membership-status .value {
  color: var(--movie-engine-primary-color);
  font-weight: 700;
  font-size: 14px;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-header .movie-engine-header-actions .movie-engine-btn-upgrade {
  background: var(--movie-engine-yellow-color);
  color: var(--movie-engine-black-color);
  padding: 8px 16px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 5px;
  transition: filter 0.2s;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-header .movie-engine-header-actions .movie-engine-btn-upgrade:hover {
  filter: brightness(1.1);
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-header .movie-engine-header-actions .movie-engine-btn-settings,
.movie-engine-dashboard-wrapper .movie-engine-dashboard-header .movie-engine-header-actions .movie-engine-btn-logout-header {
  background: var(--movie-engine-black-light-color);
  color: var(--movie-engine-white-color);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: background 0.2s;
  text-decoration: none;
  font-size: 16px;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-header .movie-engine-header-actions .movie-engine-btn-settings:hover,
.movie-engine-dashboard-wrapper .movie-engine-dashboard-header .movie-engine-header-actions .movie-engine-btn-logout-header:hover {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 20px;
}
@media (max-width: 900px) {
  .movie-engine-dashboard-wrapper .movie-engine-dashboard-body {
    grid-template-columns: 1fr;
  }
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-sidebar {
  padding: 0;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-sidebar .movie-engine-nav-menu {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-sidebar .movie-engine-nav-menu .movie-engine-nav-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  color: var(--movie-engine-white-color);
  text-decoration: none;
  background: var(--movie-engine-black-color);
  border: 1px solid var(--movie-engine-border-color);
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-sidebar .movie-engine-nav-menu .movie-engine-nav-item:hover {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-sidebar .movie-engine-nav-menu .movie-engine-nav-item.active {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  font-weight: 600;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content {
  background: var(--movie-engine-bg-color);
  border: 1px solid var(--movie-engine-border-color);
  border-radius: 8px;
  padding: 30px;
  min-height: 500px;
}
@media (max-width: 1024px) {
  .movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content {
    padding: 15px;
  }
}
@media (max-width: 768px) {
  .movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content {
    padding: 10px;
  }
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-section {
  margin-top: 0;
  padding-top: 0;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-section-title {
  font-size: 18px;
  font-weight: 600;
  display: flex;
  margin-bottom: 0;
  align-items: center;
  gap: 10px;
  padding-bottom: 0;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .me-view-all {
  color: var(--movie-engine-body-color);
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .me-view-all:hover {
  color: var(--movie-engine-primary-color);
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-dashboard-stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  margin-bottom: 40px;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-dashboard-stats-grid .movie-engine-stat-card {
  background: var(--movie-engine-black-color);
  border: 1px solid var(--movie-engine-border-color);
  border-radius: 12px;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 20px;
  transition: all 0.3s ease;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-dashboard-stats-grid .movie-engine-stat-card:hover {
  border-color: var(--movie-engine-border-color);
  transform: translateY(-5px);
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-dashboard-stats-grid .movie-engine-stat-card .movie-engine-stat-icon {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-dashboard-stats-grid .movie-engine-stat-card .movie-engine-stat-icon.movies {
  background: rgba(229, 9, 20, 0.15);
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-dashboard-stats-grid .movie-engine-stat-card .movie-engine-stat-icon.episodes {
  background: rgba(76, 175, 80, 0.15);
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-dashboard-stats-grid .movie-engine-stat-card .movie-engine-stat-icon.watchtime {
  background: rgba(33, 150, 243, 0.15);
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-dashboard-stats-grid .movie-engine-stat-card .movie-engine-stat-icon.watchlist {
  background: rgba(156, 39, 176, 0.15);
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-dashboard-stats-grid .movie-engine-stat-card .movie-engine-stat-data {
  display: flex;
  flex-direction: column;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-dashboard-stats-grid .movie-engine-stat-card .movie-engine-stat-data .movie-engine-stat-value {
  font-size: 24px;
  font-weight: 700;
  color: var(--movie-engine-white-color);
  line-height: 1;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-dashboard-stats-grid .movie-engine-stat-card .movie-engine-stat-data .movie-engine-stat-label {
  font-size: 13px;
  color: var(--movie-engine-muted-color);
  margin-top: 5px;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-dashboard-stats-grid .movie-engine-stat-card .movie-engine-stat-data button {
  background-color: var(--movie-engine-success-color);
  color: var(--movie-engine-white-color);
  padding-top: 13px;
  line-height: 24px;
  padding-bottom: 8px;
  margin-top: 5px;
  border-radius: 8px;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-dashboard-recent-history {
  margin-top: 20px;
  margin-bottom: 40px;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content.movie-engine-grid,
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-grid {
  display: grid;
  grid-template-columns: repeat(var(--me-grid-columns-desktop, 8), 1fr);
  gap: 15px;
  margin-bottom: 20px;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content.movie-engine-grid.me-grid-4,
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-grid.me-grid-4 {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1200px) {
  .movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content.movie-engine-grid.me-grid-4,
  .movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-grid.me-grid-4 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 900px) {
  .movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content.movie-engine-grid.me-grid-4,
  .movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-grid.me-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 500px) {
  .movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content.movie-engine-grid.me-grid-4,
  .movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-grid.me-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1200px) {
  .movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 900px) {
  .movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 500px) {
  .movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content {
    grid-template-columns: repeat(2, 1fr);
  }
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-card-content .movie-engine-card-title,
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-card-content .title,
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-card-body .movie-engine-card-title,
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-card-body .title {
  font-size: 16px;
  margin: 10px 0 5px;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-card-content .movie-engine-card-title a,
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-card-content .title a,
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-card-body .movie-engine-card-title a,
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-card-body .title a {
  color: var(--movie-engine-white-color);
  text-decoration: none;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-card-content .movie-engine-card-title a:hover,
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-card-content .title a:hover,
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-card-body .movie-engine-card-title a:hover,
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-card-body .title a:hover {
  color: var(--movie-engine-primary-color);
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-card-content .movie-engine-card-meta,
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-card-content .meta,
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-card-body .movie-engine-card-meta,
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-card-body .meta {
  font-size: 11px;
  color: var(--movie-engine-muted-color);
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-btn {
  padding: 10px 20px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  transition: all 0.3s;
  cursor: pointer;
  border: none;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-btn.me-btn-primary {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-btn.me-btn-primary:hover {
  background: var(--movie-engine-primary-hover-color);
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(var(--movie-engine-primary-rgb), 0.4);
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-btn.me-btn-outline {
  background: transparent;
  border: 1px solid var(--movie-engine-border-color);
  color: var(--movie-engine-white-color);
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-btn.me-btn-outline:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
  border-color: var(--movie-engine-white-color);
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-btn.me-btn-red {
  background: #e50914;
  color: #fff;
}
.movie-engine-dashboard-wrapper .movie-engine-dashboard-body .movie-engine-dashboard-content .movie-engine-btn.me-btn-red:hover {
  background: #b9090b;
}
.movie-engine-dashboard-wrapper .movie-engine-view-header {
  border-bottom: 1px solid var(--movie-engine-border-color);
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.movie-engine-dashboard-wrapper .movie-engine-view-header h3 {
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  color: var(--movie-engine-white-color);
  display: flex;
  align-items: center;
  gap: 10px;
}
.movie-engine-dashboard-wrapper .movie-engine-device-stats {
  background: var(--movie-engine-bg-color);
  border: 1px solid var(--movie-engine-border-color);
  border-radius: 8px;
  padding: 25px;
  margin-bottom: 30px;
}
.movie-engine-dashboard-wrapper .movie-engine-device-stats .movie-engine-stat-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
.movie-engine-dashboard-wrapper .movie-engine-device-stats .movie-engine-stat-row .movie-engine-plan-info h4 {
  font-size: 18px;
  margin: 0 0 5px;
  color: var(--movie-engine-white-color);
}
.movie-engine-dashboard-wrapper .movie-engine-device-stats .movie-engine-stat-row .movie-engine-plan-info span {
  font-size: 13px;
  color: var(--movie-engine-muted-color);
}
.movie-engine-dashboard-wrapper .movie-engine-device-stats .movie-engine-stat-row .movie-engine-device-count-badge {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  font-size: 12px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 4px;
}
.movie-engine-dashboard-wrapper .movie-engine-device-stats .movie-engine-usage-bar-wrapper {
  margin-bottom: 25px;
  color: var(--movie-engine-muted-color);
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 15px;
}
.movie-engine-dashboard-wrapper .movie-engine-device-stats .movie-engine-usage-bar-wrapper .movie-engine-usage-track {
  flex: 1;
  height: 8px;
  background: var(--movie-engine-muted-color);
  border-radius: 4px;
  overflow: hidden;
}
.movie-engine-dashboard-wrapper .movie-engine-device-stats .movie-engine-usage-bar-wrapper .movie-engine-usage-track .movie-engine-usage-fill {
  height: 100%;
  background: var(--movie-engine-primary-color);
}
.movie-engine-dashboard-wrapper .movie-engine-device-stats .movie-engine-alert-warning {
  background: rgba(var(--movie-engine-yellow-rgb), 0.1);
  border: 1px solid rgba(var(--movie-engine-yellow-rgb), 0.2);
  color: var(--movie-engine-yellow-color);
  padding: 12px 15px;
  border-radius: 6px;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.movie-engine-dashboard-wrapper .movie-engine-devices-list-section .section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.movie-engine-dashboard-wrapper .movie-engine-devices-list-section .section-header h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--movie-engine-white-color);
}
.movie-engine-dashboard-wrapper .movie-engine-devices-list-section .section-header .movie-engine-btn-logout-all {
  background: transparent;
  border: 1px solid var(--movie-engine-white-color);
  color: var(--movie-engine-white-color);
  padding: 5px 12px;
  border-radius: 4px;
  font-size: 11px;
  cursor: pointer;
  transition: all 0.2s;
}
.movie-engine-dashboard-wrapper .movie-engine-devices-list-section .section-header .movie-engine-btn-logout-all:hover {
  border-color: var(--movie-engine-primary-color);
  color: var(--movie-engine-primary-color);
}
.movie-engine-dashboard-wrapper .movie-engine-devices-list-section .movie-engine-device-list {
  background: var(--movie-engine-bg-color);
  border-radius: 8px;
  border: 1px solid var(--movie-engine-border-color);
  overflow: hidden;
}
.movie-engine-dashboard-wrapper .movie-engine-devices-list-section .movie-engine-device-list .movie-engine-device-item {
  padding: 20px;
  border-bottom: 1px solid var(--movie-engine-border-color);
  display: flex;
  align-items: center;
  gap: 20px;
}
.movie-engine-dashboard-wrapper .movie-engine-devices-list-section .movie-engine-device-list .movie-engine-device-item:last-child {
  border-bottom: none;
}
.movie-engine-dashboard-wrapper .movie-engine-devices-list-section .movie-engine-device-list .movie-engine-device-item.active {
  background: rgba(var(--movie-engine-white-color-rgb), 0.02);
}
.movie-engine-dashboard-wrapper .movie-engine-devices-list-section .movie-engine-device-list .movie-engine-device-item .device-icon {
  width: 40px;
  height: 40px;
  background: var(--movie-engine-bg-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.movie-engine-dashboard-wrapper .movie-engine-devices-list-section .movie-engine-device-list .movie-engine-device-item .device-info {
  flex: 1;
}
.movie-engine-dashboard-wrapper .movie-engine-devices-list-section .movie-engine-device-list .movie-engine-device-item .device-info .device-name {
  font-size: 15px;
  font-weight: 600;
  color: var(--movie-engine-white-color);
  display: flex;
  align-items: center;
  gap: 10px;
}
.movie-engine-dashboard-wrapper .movie-engine-devices-list-section .movie-engine-device-list .movie-engine-device-item .device-info .badge-current {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  font-size: 10px;
  font-weight: 700;
  padding: 4px 8px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.movie-engine-dashboard-wrapper .movie-engine-devices-list-section .movie-engine-device-list .movie-engine-device-item .device-info .device-time {
  font-size: 12px;
  color: var(--movie-engine-muted-color);
  margin-top: 3px;
}
.movie-engine-dashboard-wrapper .movie-engine-devices-list-section .movie-engine-device-list .movie-engine-device-item .movie-engine-btn-logout {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  border: none;
  padding: 6px 14px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.movie-engine-dashboard-wrapper .movie-engine-devices-list-section .movie-engine-device-list .movie-engine-device-item .movie-engine-btn-logout:hover {
  filter: brightness(0.9);
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper {
  background: var(--movie-engine-black-color);
  padding: 40px;
  border-radius: 12px;
  border: 1px solid var(--movie-engine-border-color);
  box-shadow: 0 4px 20px rgba(var(--movie-engine-black-rgb), 0.2);
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-bottom: 25px;
}
@media (max-width: 600px) {
  .movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-form-row {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-form-group {
  margin-bottom: 25px;
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-form-group label {
  display: block;
  color: var(--movie-engine-white-color);
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 12px;
  text-transform: capitalize;
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-form-group .movie-engine-form-input {
  width: 100%;
  height: 50px;
  background: rgba(var(--movie-engine-black-rgb), 0.3);
  border: 1px solid var(--movie-engine-border-color);
  border-radius: 8px;
  color: var(--movie-engine-white-color);
  padding: 0 16px;
  font-size: 14px;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-form-group .movie-engine-form-input::placeholder {
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-form-group .movie-engine-form-input:focus {
  border-color: var(--movie-engine-primary-color);
  background: rgba(var(--movie-engine-black-rgb), 0.5);
  outline: none;
  box-shadow: 0 0 0 4px rgba(var(--movie-engine-primary-color), 0.1);
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .me-section-divider {
  margin: 20px 0 30px;
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .me-section-divider .me-section-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--movie-engine-white-color);
  margin: 0;
  padding-left: 12px;
  border-left: 3px solid var(--movie-engine-primary-color);
  line-height: 1.2;
  text-transform: capitalize;
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-avatar-upload-section {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 30px;
  padding: 20px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.02);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.05);
  border-radius: 8px;
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-avatar-upload-section .movie-engine-avatar-preview {
  flex-shrink: 0;
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-avatar-upload-section .movie-engine-avatar-preview img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--movie-engine-border-color);
  cursor: pointer;
  transition: all 0.3s;
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-avatar-upload-section .movie-engine-avatar-preview img:hover {
  border-color: var(--movie-engine-primary-color);
  transform: scale(1.05);
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-avatar-upload-section .movie-engine-avatar-upload-controls {
  flex: 1;
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-avatar-upload-section .movie-engine-avatar-upload-controls label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  margin-bottom: 10px;
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-avatar-upload-section .movie-engine-avatar-upload-controls .movie-engine-avatar-hint {
  font-size: 12px;
  color: var(--movie-engine-muted-color);
  margin: 0;
}
@media (max-width: 768px) {
  .movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-avatar-upload-section {
    flex-direction: column;
    text-align: center;
  }
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-info-box {
  background: rgba(var(--movie-engine-primary-rgb), 0.1);
  border: 1px solid rgba(var(--movie-engine-primary-rgb), 0.3);
  border-radius: 8px;
  padding: 15px 20px;
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-info-box .fa-info-circle {
  color: var(--movie-engine-primary-color);
  font-size: 18px;
  flex-shrink: 0;
  margin-top: 2px;
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-info-box p {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(var(--movie-engine-white-color-rgb), 0.9);
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-info-box p strong {
  color: var(--movie-engine-primary-color);
  font-weight: 600;
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-form-actions {
  margin-top: 20px;
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-form-actions .movie-engine-btn {
  padding: 12px 25px;
  height: auto;
  min-height: 44px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  transition: all 0.3s;
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-form-actions .movie-engine-btn.me-btn-primary {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  border: none;
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-form-actions .movie-engine-btn.me-btn-primary:hover {
  background: var(--movie-engine-primary-hover-color);
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(var(--movie-engine-primary-color), 0.3);
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-form-actions .movie-engine-btn.me-btn-outline {
  background: transparent;
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.2);
  color: var(--movie-engine-white-color);
}
.movie-engine-dashboard-wrapper .movie-engine-settings-inline-wrapper .movie-engine-form-actions .movie-engine-btn.me-btn-outline:hover {
  border-color: var(--movie-engine-white-color);
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
}
.movie-engine-dashboard-wrapper #movie-engine-resume-sub-btn {
  background: transparent;
  color: var(--movie-engine-success-color);
  border: none;
  width: auto;
  margin: 0;
  padding: 0;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  align-self: center;
  text-align: center;
}
.movie-engine-dashboard-wrapper #movie-engine-resume-sub-btn:hover {
  text-decoration: underline;
  background: transparent;
  box-shadow: none;
}
.movie-engine-dashboard-wrapper #movie-engine-cancel-sub-btn {
  background: transparent;
  color: var(--movie-engine-muted-color);
  border: none;
  width: auto;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  align-self: center;
  text-align: center;
  transition: color 0.2s;
}
.movie-engine-dashboard-wrapper #movie-engine-cancel-sub-btn:hover {
  color: var(--movie-engine-danger-color);
  background: transparent;
  text-decoration: underline;
}
.movie-engine-dashboard-wrapper #movie-engine-cancel-msg {
  margin-top: 12px;
  font-size: 13px;
  text-align: center;
  min-height: 10px;
}
.movie-engine-dashboard-wrapper #movie-engine-cancel-msg span {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.2);
}
.movie-engine-dashboard-wrapper .movie-engine-plan-notice {
  margin: 5px 0 0;
  font-size: 11px;
  color: rgba(var(--movie-engine-white-color), 0.4);
  text-align: center;
  width: 100%;
}
.movie-engine-dashboard-wrapper #movie-engine-manage-billing-btn {
  background: rgba(var(--movie-engine-primary-color), 0.1);
  color: var(--movie-engine-primary-color);
  border: 1px solid rgba(var(--movie-engine-primary-color), 0.2);
  width: 100%;
  margin-top: 15px;
  padding: 10px;
  border-radius: 6px;
  font-weight: 600;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.movie-engine-dashboard-wrapper #movie-engine-manage-billing-btn:hover {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
}
.movie-engine-dashboard-wrapper .movie-engine-empty-state {
  text-align: center;
  padding: 100px 20px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.02);
  border-radius: 12px;
  border: 1px dashed rgba(var(--movie-engine-white-color-rgb), 0.1);
  margin: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.movie-engine-dashboard-wrapper .movie-engine-empty-state .icon {
  font-size: 64px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.05);
  margin-bottom: 30px;
  line-height: 1;
}
.movie-engine-dashboard-wrapper .movie-engine-empty-state .icon span {
  margin: 0;
}
.movie-engine-dashboard-wrapper .movie-engine-empty-state h3 {
  color: var(--movie-engine-white-color) !important;
  font-size: 26px;
  font-weight: 800;
  margin: 0 0 15px 0;
}
.movie-engine-dashboard-wrapper .movie-engine-empty-state p {
  color: var(--movie-engine-muted-color) !important;
  font-size: 16px;
  margin: 0 0 40px 0;
  max-width: 450px;
  line-height: 1.6;
}
.movie-engine-dashboard-wrapper .movie-engine-empty-state .movie-engine-btn {
  padding: 14px 40px;
  font-size: 14px;
  font-weight: 800;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.movie-engine-dashboard-wrapper .movie-engine-notif-filters {
  margin-bottom: 25px;
  border-bottom: 1px solid var(--movie-engine-border-color);
  padding-bottom: 5px;
}
.movie-engine-dashboard-wrapper .movie-engine-notif-filters .movie-engine-tabs-minimal {
  display: flex;
  gap: 30px;
}
.movie-engine-dashboard-wrapper .movie-engine-notif-filters .movie-engine-tabs-minimal .movie-engine-tab {
  color: var(--movie-engine-muted-color);
  text-decoration: none;
  font-weight: 500;
  padding-bottom: 15px;
  position: relative;
  transition: all 0.2s;
}
.movie-engine-dashboard-wrapper .movie-engine-notif-filters .movie-engine-tabs-minimal .movie-engine-tab.active {
  color: var(--movie-engine-white-color);
}
.movie-engine-dashboard-wrapper .movie-engine-notif-filters .movie-engine-tabs-minimal .movie-engine-tab.active:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--movie-engine-primary-color);
}
.movie-engine-dashboard-wrapper .movie-engine-notif-filters .movie-engine-tabs-minimal .movie-engine-tab:hover {
  color: var(--movie-engine-muted-color);
}
.movie-engine-dashboard-wrapper .movie-engine-notifications-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.movie-engine-dashboard-wrapper .movie-engine-notifications-list .movie-engine-notif-item-premium {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px;
  background: var(--movie-engine-bg-color);
  border: 1px solid var(--movie-engine-border-color);
  border-radius: 12px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.movie-engine-dashboard-wrapper .movie-engine-notifications-list .movie-engine-notif-item-premium:hover {
  border-color: var(--movie-engine-muted-color);
  transform: scale(1.005);
}
.movie-engine-dashboard-wrapper .movie-engine-notifications-list .movie-engine-notif-item-premium.unread {
  background: rgba(var(--movie-engine-white-color-rgb), 0.02);
  border-left: 3px solid var(--movie-engine-primary-color);
}
.movie-engine-dashboard-wrapper .movie-engine-notifications-list .movie-engine-notif-item-premium .notif-media {
  flex-shrink: 0;
}
.movie-engine-dashboard-wrapper .movie-engine-notifications-list .movie-engine-notif-item-premium .notif-media .notif-icon-circle {
  width: 54px;
  height: 54px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.movie-engine-dashboard-wrapper .movie-engine-notifications-list .movie-engine-notif-item-premium.security .notif-icon-circle {
  background: rgba(var(--movie-engine-yellow-rgb), 0.1);
}
.movie-engine-dashboard-wrapper .movie-engine-notifications-list .movie-engine-notif-item-premium.success .notif-icon-circle {
  background: rgba(var(--movie-engine-success-rgb), 0.1);
}
.movie-engine-dashboard-wrapper .movie-engine-notifications-list .movie-engine-notif-item-premium.success .notif-icon-circle span {
  color: var(--movie-engine-success-color);
}
.movie-engine-dashboard-wrapper .movie-engine-notifications-list .movie-engine-notif-item-premium.info .notif-icon-circle {
  background: rgba(var(--movie-engine-info-rgb), 0.1);
}
.movie-engine-dashboard-wrapper .movie-engine-notifications-list .movie-engine-notif-item-premium.info .notif-icon-circle span {
  color: var(--movie-engine-info-color);
}
.movie-engine-dashboard-wrapper .movie-engine-notifications-list .movie-engine-notif-item-premium .notif-content {
  flex: 1;
}
.movie-engine-dashboard-wrapper .movie-engine-notifications-list .movie-engine-notif-item-premium .notif-content .notif-text {
  margin: 0;
  font-size: 15px;
  color: var(--movie-engine-muted-color);
  line-height: 1.5;
  font-weight: 500;
}
.movie-engine-dashboard-wrapper .movie-engine-notifications-list .movie-engine-notif-item-premium .notif-content .notif-time {
  font-size: 12px;
  color: var(--movie-engine-muted-color);
  display: block;
  margin-top: 6px;
}
.movie-engine-dashboard-wrapper .movie-engine-notifications-list .movie-engine-notif-item-premium .notif-actions {
  flex-shrink: 0;
  display: flex;
  gap: 10px;
}
.movie-engine-dashboard-wrapper .movie-engine-notifications-list .movie-engine-notif-item-premium .notif-actions .movie-engine-btn-mark-read,
.movie-engine-dashboard-wrapper .movie-engine-notifications-list .movie-engine-notif-item-premium .notif-actions .movie-engine-btn-delete-notif {
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.05);
  color: var(--movie-engine-muted-color);
  width: 36px;
  height: 36px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 15px;
}
.movie-engine-dashboard-wrapper .movie-engine-notifications-list .movie-engine-notif-item-premium .notif-actions .movie-engine-btn-mark-read:hover,
.movie-engine-dashboard-wrapper .movie-engine-notifications-list .movie-engine-notif-item-premium .notif-actions .movie-engine-btn-delete-notif:hover {
  background: var(--movie-engine-bg-color);
  border-color: var(--movie-engine-border-color);
  color: var(--movie-engine-white-color);
  transform: translateY(-2px);
}
.movie-engine-dashboard-wrapper .movie-engine-notifications-list .movie-engine-notif-item-premium .notif-actions .movie-engine-btn-delete-notif:hover {
  background: var(--movie-engine-primary-color);
  border-color: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
}
.movie-engine-dashboard-wrapper .movie-engine-notifications-list .movie-engine-notif-item-premium.loading {
  pointer-events: none;
  opacity: 0.6;
}
.movie-engine-dashboard-wrapper .movie-engine-liked-grid-wrapper .movie-engine-card-meta .movie-engine-likes-count span {
  color: var(--movie-engine-primary-color);
}

.movie-engine-dashboard-wrapper .movie-engine-archive-wrapper {
  background: transparent;
  padding: 0;
  min-height: auto;
  color: inherit;
  font-family: inherit;
}

/* Dashboard grids - ensure 2 columns on mobile (match taxonomy/archive) */
@media (max-width: 768px) {
  .movie-engine-dashboard-wrapper .movie-engine-section .movie-engine-items-grid,
  .movie-engine-dashboard-wrapper .movie-engine-section .movie-engine-movie-grid,
  .movie-engine-dashboard-wrapper .movie-engine-archive-wrapper .movie-engine-section .movie-engine-items-grid,
  .movie-engine-dashboard-wrapper .movie-engine-archive-wrapper .movie-engine-section .movie-engine-movie-grid,
  .movie-engine-dashboard-wrapper .movie-engine-history-section .movie-engine-section .movie-engine-items-grid,
  .movie-engine-dashboard-wrapper .movie-engine-history-section .movie-engine-section .movie-engine-movie-grid,
  .movie-engine-dashboard-wrapper .me-history-grid-dashboard,
  .movie-engine-dashboard-wrapper .me-watchlist-grid,
  .movie-engine-dashboard-wrapper .me-liked-grid {
    grid-template-columns: repeat(var(--me-grid-columns-mobile, var(--grid-columns-mobile, 2)), 1fr);
  }
}
@media (max-width: 480px) {
  .movie-engine-dashboard-wrapper .movie-engine-section .movie-engine-items-grid,
  .movie-engine-dashboard-wrapper .movie-engine-section .movie-engine-movie-grid,
  .movie-engine-dashboard-wrapper .movie-engine-archive-wrapper .movie-engine-section .movie-engine-items-grid,
  .movie-engine-dashboard-wrapper .movie-engine-archive-wrapper .movie-engine-section .movie-engine-movie-grid,
  .movie-engine-dashboard-wrapper .movie-engine-history-section .movie-engine-section .movie-engine-items-grid,
  .movie-engine-dashboard-wrapper .movie-engine-history-section .movie-engine-section .movie-engine-movie-grid,
  .movie-engine-dashboard-wrapper .me-history-grid-dashboard,
  .movie-engine-dashboard-wrapper .me-watchlist-grid,
  .movie-engine-dashboard-wrapper .me-liked-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.movie-engine-dashboard-wrapper .movie-engine-archive-wrapper .movie-engine-container {
  max-width: none;
  padding: 0;
}

.movie-engine-dashboard-wrapper .movie-engine-pagination {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  gap: 10px;
}
.movie-engine-dashboard-wrapper .movie-engine-pagination .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 10px;
  border-radius: 8px;
  color: var(--movie-engine-muted-color);
  background-color: var(--movie-engine-black-color);
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  transition: all 0.3s ease;
}
.movie-engine-dashboard-wrapper .movie-engine-pagination .page-numbers:hover {
  color: var(--movie-engine-white-color);
  transform: translateY(-2px);
}
.movie-engine-dashboard-wrapper .movie-engine-pagination .page-numbers.current {
  color: var(--movie-engine-white-color);
  background-color: var(--movie-engine-primary-color);
}
.movie-engine-dashboard-wrapper .movie-engine-pagination .page-numbers.dots {
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.movie-engine-purchases-card {
  background: var(--movie-engine-bg-color);
  border-radius: 12px;
  padding: 0;
  border: 1px solid var(--movie-engine-border-color);
  overflow: hidden;
}
.movie-engine-purchases-card .movie-engine-purchase-grid {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 0;
}
@media (max-width: 900px) {
  .movie-engine-purchases-card .movie-engine-purchase-grid {
    grid-template-columns: 1fr;
  }
  .movie-engine-purchases-card .movie-engine-purchase-grid .movie-engine-membership-column {
    border-right: none;
    border-bottom: 1px solid var(--movie-engine-border-color);
  }
}
.movie-engine-purchases-card .movie-engine-membership-column {
  padding: 30px;
  border-right: 1px solid var(--movie-engine-border-color);
}
.movie-engine-purchases-card .movie-engine-billing-column {
  padding: 30px;
  background: var(--movie-engine-bg-color);
}
.movie-engine-purchases-card .movie-engine-section-subtitle {
  margin-top: 0;
  color: var(--movie-engine-muted-color);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 20px;
}
.movie-engine-purchases-card .movie-engine-access-group {
  margin-bottom: 30px;
}
.movie-engine-purchases-card .movie-engine-active-plan-card {
  background: var(--movie-engine-bg-color);
  border: 1px solid var(--movie-engine-border-color);
  border-radius: 12px;
  padding: 25px;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.movie-engine-purchases-card .movie-engine-active-plan-card:hover {
  transform: translateY(-2px);
  border-color: rgba(var(--movie-engine-primary-rgb), 0.5);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.movie-engine-purchases-card .movie-engine-active-plan-card .movie-engine-plan-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 5px;
}
.movie-engine-purchases-card .movie-engine-active-plan-card .movie-engine-plan-title {
  color: var(--movie-engine-white-color);
  font-weight: 800;
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 5px;
}
.movie-engine-purchases-card .movie-engine-active-plan-card .movie-engine-plan-meta {
  color: var(--movie-engine-muted-color);
  font-size: 13px;
}
.movie-engine-purchases-card .movie-engine-active-plan-card .status-expired {
  color: var(--movie-engine-danger-color);
  font-weight: 700;
}
.movie-engine-purchases-card .movie-engine-active-plan-card .status-active {
  color: var(--movie-engine-success-color);
  font-weight: 700;
}
.movie-engine-purchases-card .movie-engine-active-plan-card .movie-engine-plan-icon {
  background: rgba(var(--movie-engine-primary-rgb), 0.1);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.movie-engine-purchases-card .movie-engine-active-plan-card .movie-engine-plan-icon span {
  color: var(--movie-engine-primary-color);
  margin: 0;
  font-size: 20px;
}
.movie-engine-purchases-card .movie-engine-active-plan-card .movie-engine-plan-btn {
  margin: 5px 0 0;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  padding: 14px;
  border-radius: 8px;
}
.movie-engine-purchases-card .movie-engine-no-plan {
  background: var(--movie-engine-bg-color);
  border-radius: 10px;
  padding: 20px;
  text-align: center;
}
.movie-engine-purchases-card .movie-engine-no-plan p {
  color: var(--movie-engine-muted-color);
  font-size: 13px;
  margin-bottom: 15px;
}
.movie-engine-purchases-card .movie-engine-rental-item {
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.03);
  padding: 10px 15px;
  border-radius: 8px;
  margin-bottom: 10px;
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.05);
}
.movie-engine-purchases-card .movie-engine-rental-item span {
  color: var(--movie-engine-primary-color);
  font-size: 16px;
}
.movie-engine-purchases-card .movie-engine-rental-item .rental-info {
  flex: 1;
}
.movie-engine-purchases-card .movie-engine-rental-item .rental-title {
  color: var(--movie-engine-white-color);
  font-size: 13px;
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 150px;
}
.movie-engine-purchases-card .movie-engine-rental-item .rental-expiry {
  color: var(--movie-engine-muted-color);
  font-size: 10px;
}
.movie-engine-purchases-card .movie-engine-billing-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.movie-engine-purchases-card .movie-engine-billing-header h4 {
  margin: 0;
  color: var(--movie-engine-white-color);
  font-size: 16px;
}
.movie-engine-purchases-card .movie-engine-billing-header span {
  color: #666;
  font-size: 11px;
}
.movie-engine-purchases-card .movie-engine-transaction-log {
  max-height: 350px;
  overflow-y: auto;
  padding-right: 10px;
}
.movie-engine-purchases-card .movie-engine-transaction-log::-webkit-scrollbar {
  width: 6px;
}
.movie-engine-purchases-card .movie-engine-transaction-log::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.movie-engine-purchases-card .movie-engine-transaction-log::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
}
.movie-engine-purchases-card .movie-engine-transaction-log::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2);
}
.movie-engine-purchases-card .movie-engine-tx-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid var(--movie-engine-border-color);
  transition: background 0.2s;
  cursor: pointer;
}
.movie-engine-purchases-card .movie-engine-tx-row:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.02);
}
.movie-engine-purchases-card .movie-engine-tx-row:hover span {
  transform: scale(1.1);
}
.movie-engine-purchases-card .movie-engine-tx-row span {
  transition: transform 0.2s ease;
}
.movie-engine-purchases-card .movie-engine-tx-row .tx-info-title {
  color: var(--movie-engine-muted-color);
  font-size: 14px;
  font-weight: 500;
}
.movie-engine-purchases-card .movie-engine-tx-row .tx-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 5px;
}
.movie-engine-purchases-card .movie-engine-tx-row .tx-meta .tx-type {
  font-size: 10px;
  background: var(--movie-engine-border-color);
  color: var(--movie-engine-muted-color);
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 700;
}
.movie-engine-purchases-card .movie-engine-tx-row .tx-meta .tx-date {
  color: var(--movie-engine-muted-color);
  font-size: 11px;
}
.movie-engine-purchases-card .movie-engine-tx-row .tx-amount {
  color: var(--movie-engine-white-color);
  font-weight: 700;
  font-size: 14px;
  text-align: right;
}
.movie-engine-purchases-card .movie-engine-tx-row .tx-status-wrapper {
  margin-top: 5px;
  text-align: right;
}
.movie-engine-purchases-card .movie-engine-tx-row .tx-status {
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}
.movie-engine-purchases-card .movie-engine-tx-row .tx-status span {
  font-size: 12px;
  width: 12px;
  height: 12px;
  vertical-align: middle;
}
.movie-engine-purchases-card .movie-engine-tx-row .tx-status.completed {
  color: var(--movie-engine-success-color);
}
.movie-engine-purchases-card .movie-engine-tx-row .tx-status.pending {
  color: var(--movie-engine-warning-color);
}
.movie-engine-purchases-card .movie-engine-tx-row .tx-status.failed {
  color: var(--movie-engine-danger-color);
}
.movie-engine-purchases-card .movie-engine-no-history {
  text-align: center;
  padding: 50px 0;
}
.movie-engine-purchases-card .movie-engine-no-history span {
  font-size: 40px;
  width: 40px;
  height: 40px;
  color: var(--movie-engine-muted-color);
}
.movie-engine-purchases-card .movie-engine-no-history p {
  color: var(--movie-engine-muted-color);
  margin-top: 15px;
}

.movie-engine-liked-grid {
  padding: 10px 0;
}

.movie-engine-tab-content {
  display: none;
}
.movie-engine-tab-content.me-tab-active {
  display: block;
}

.movie-engine-dashboard-content .movie-engine-referrals-wrapper h3,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper h2,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper label,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-stat-value,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-plan-title {
  color: var(--movie-engine-white-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper p,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-stat-label,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper small {
  color: var(--movie-engine-muted-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper input[type=text],
.movie-engine-dashboard-content .movie-engine-referrals-wrapper input[type=url],
.movie-engine-dashboard-content .movie-engine-referrals-wrapper input[type=email],
.movie-engine-dashboard-content .movie-engine-referrals-wrapper input[type=number],
.movie-engine-dashboard-content .movie-engine-referrals-wrapper select,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper textarea {
  background: var(--movie-engine-black-color);
  border: 1px solid var(--movie-engine-border-color);
  color: var(--movie-engine-white-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper input[type=text]:focus,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper input[type=url]:focus,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper input[type=email]:focus,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper input[type=number]:focus,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper select:focus,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper textarea:focus {
  border-color: var(--movie-engine-primary-color);
  outline: none;
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 30px;
  align-items: start;
  margin-bottom: 30px;
}
@media (max-width: 1200px) {
  .movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-grid {
    grid-template-columns: 1fr;
  }
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-grid.me-grid-swapped {
  grid-template-columns: 1fr 1.5fr;
}
@media (max-width: 1200px) {
  .movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-grid.me-grid-swapped {
    grid-template-columns: 1fr;
  }
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-grid .movie-engine-card {
  height: 100%;
  margin-bottom: 0 !important;
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-grid .me-referral-share-card {
  text-align: center;
  padding: 40px 30px;
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-grid .me-referral-share-card .me-referral-icon-circle {
  width: 60px;
  height: 60px;
  background: rgba(var(--movie-engine-primary-rgb), 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-grid .me-referral-share-card .me-referral-icon-circle span {
  font-size: 24px;
  color: var(--movie-engine-primary-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-grid .me-referral-share-card .me-referral-heading {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 700;
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-grid .me-referral-share-card .me-referral-desc {
  margin: 0 0 25px;
  font-size: 14px;
  line-height: 1.5;
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-grid .me-referral-share-card .me-copy-link-wrapper {
  display: flex;
  gap: 10px;
  margin-bottom: 25px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
  padding: 5px;
  border-radius: 8px;
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-grid .me-referral-share-card .me-copy-link-wrapper input {
  background: transparent;
  border: none;
  color: var(--movie-engine-success-color);
  font-family: monospace;
  font-size: 14px;
  padding: 0 10px;
  width: 100%;
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-grid .me-referral-share-card .me-copy-link-wrapper input:focus {
  outline: none;
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-grid .me-referral-share-card .me-copy-link-wrapper button {
  white-space: nowrap;
  padding: 8px 20px;
  border-radius: 6px;
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-grid .me-referral-share-card .me-social-share-links {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-grid .me-referral-share-card .me-social-share-links .movie-engine-share-btn {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  transition: transform 0.2s;
  color: #fff;
  font-size: 14px;
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-grid .me-referral-share-card .me-social-share-links .movie-engine-share-btn:hover {
  transform: translateY(-2px);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-grid .me-referral-share-card .me-social-share-links .movie-engine-share-btn.me-share-fb {
  background: #1877f2;
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-grid .me-referral-share-card .me-social-share-links .movie-engine-share-btn.me-share-tw {
  background: #1da1f2;
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-grid .me-referral-share-card .me-social-share-links .movie-engine-share-btn.me-share-li {
  background: #0077b5;
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-grid .me-referral-share-card .me-social-share-links .movie-engine-share-btn.me-share-pin {
  background: #bd081c;
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-grid .me-referral-share-card .me-social-share-links .movie-engine-share-btn.me-share-wa {
  background: #25d366;
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-grid .me-referral-share-card .me-social-share-links .movie-engine-share-btn.me-share-custom {
  background: var(--movie-engine-muted-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-tabs-nav {
  display: flex;
  gap: 20px;
  border-bottom: 2px solid var(--movie-engine-border-color);
  margin-bottom: 30px;
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-tabs-nav .movie-engine-tab-btn {
  padding: 10px 0;
  background: none;
  border: none;
  font-weight: 600;
  color: var(--movie-engine-white-color);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  transition: all 0.2s;
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-tabs-nav .movie-engine-tab-btn:hover {
  color: var(--movie-engine-white-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-tabs-nav .movie-engine-tab-btn.active {
  color: var(--movie-engine-primary-color);
  border-bottom-color: var(--movie-engine-primary-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-card,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-stat-card,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table-responsive,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-share-card,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-referral-rules {
  background: var(--movie-engine-black-color);
  border: 1px solid var(--movie-engine-border-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-stat-icon {
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table thead {
  background: var(--movie-engine-black-color);
  border-bottom-color: var(--movie-engine-border-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table th {
  color: var(--movie-engine-white-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table td {
  color: var(--movie-engine-white-color);
  border-bottom-color: var(--movie-engine-border-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table tr:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.02);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper #movie-engine-ref-link {
  background: var(--movie-engine-black-color);
  color: var(--movie-engine-success-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper #set-fields-bank,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper #set-fields-usdt {
  background: var(--movie-engine-black-color);
  border: 1px solid var(--movie-engine-border-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-tooltip {
  position: relative;
  cursor: help;
  vertical-align: middle;
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-tooltip .movie-engine-tooltip-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  font-size: 11px;
  font-weight: bold;
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.3);
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  color: var(--movie-engine-white-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-tooltip .movie-engine-tooltip-text {
  visibility: hidden;
  width: 200px;
  background-color: var(--movie-engine-black-color);
  color: var(--movie-engine-white-color);
  text-align: center;
  border-radius: 6px;
  padding: 8px;
  position: absolute;
  z-index: 100;
  bottom: 140%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 12px;
  box-shadow: 0 4px 6px rgba(var(--movie-engine-black-rgb), 0.5);
  border: 1px solid var(--movie-engine-border-color);
  white-space: normal;
  line-height: 1.4;
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-tooltip .movie-engine-tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: var(--movie-engine-black-color) transparent transparent transparent;
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-tooltip:hover .movie-engine-tooltip-text {
  visibility: visible;
  opacity: 1;
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper #movie-engine-payout-modal > div {
  background: var(--movie-engine-black-color);
  color: var(--movie-engine-white-color);
  border: 1px solid var(--movie-engine-border-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper #movie-engine-payout-modal h2 {
  color: var(--movie-engine-white-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper #movie-engine-payout-modal button[onclick*=close] {
  color: var(--movie-engine-white-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper #movie-engine-payout-modal div[style*="background:#f8fafc"] {
  background: var(--movie-engine-black-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-pagination .page-numbers {
  color: var(--movie-engine-white-color);
  background-color: var(--movie-engine-black-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-pagination .page-numbers.current {
  background: var(--movie-engine-primary-color);
  border-color: var(--movie-engine-primary-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-pagination .page-numbers:hover:not(.current) {
  background: var(--movie-engine-muted-color);
}

.movie-engine-copy-icon-btn {
  border: 1px solid var(--movie-engine-muted-color);
  background: var(--movie-engine-black-color);
  cursor: pointer;
  color: var(--movie-engine-white-color);
  border-radius: 4px;
  padding: 5px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  height: 30px;
}
.movie-engine-copy-icon-btn:hover {
  background: var(--movie-engine-muted-color);
  color: var(--movie-engine-white-color);
  border-color: var(--movie-engine-muted-color);
}
.movie-engine-copy-icon-btn span {
  font-size: 16px;
  width: 16px;
  height: 16px;
}

.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table-responsive {
  background: var(--movie-engine-bg-color);
  border-color: var(--movie-engine-border-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table-responsive table,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table-responsive .movie-engine-table {
  background: var(--movie-engine-bg-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table-responsive table thead,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table-responsive .movie-engine-table thead {
  background: var(--movie-engine-bg-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table-responsive table thead th,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table-responsive .movie-engine-table thead th {
  background: var(--movie-engine-bg-color);
  color: var(--movie-engine-white-color);
  border-bottom: 1px solid var(--movie-engine-border-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table-responsive table tbody,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table-responsive .movie-engine-table tbody {
  background: var(--movie-engine-bg-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table-responsive table tr,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table-responsive .movie-engine-table tr {
  background: var(--movie-engine-bg-color);
  border-bottom: 1px solid var(--movie-engine-border-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table-responsive table tr:hover,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table-responsive .movie-engine-table tr:hover {
  background: var(--movie-engine-black-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table-responsive table tr:hover td,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table-responsive .movie-engine-table tr:hover td {
  background: var(--movie-engine-black-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table-responsive table tr td,
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table-responsive .movie-engine-table tr td {
  background: var(--movie-engine-bg-color);
  color: var(--movie-engine-white-color);
  border-bottom: 1px solid var(--movie-engine-border-color);
}

.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table td.movie-engine-table-cell {
  padding: 15px 20px;
  font-size: 14px;
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table td.movie-engine-amount {
  font-weight: 600;
  color: var(--movie-engine-success-color);
}
.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table td.movie-engine-avail-date {
  font-size: 13px;
}

.movie-engine-dashboard-content .movie-engine-referrals-wrapper .movie-engine-table.movie-engine-referrals-table thead th {
  padding: 15px 20px;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

body.page-template-page-dashboard {
  background-color: var(--movie-engine-bg-color);
}
body.page-template-page-dashboard .sidebar,
body.page-template-page-dashboard #sidebar,
body.page-template-page-dashboard .widget-area {
  display: none;
}
body.page-template-page-dashboard .content-area,
body.page-template-page-dashboard .main-content {
  width: 100%;
  max-width: 100%;
  float: none;
}

#movie-engine-dashboard-page {
  background-color: var(--movie-engine-bg-color);
  min-height: 100vh;
  padding: 40px 0;
}
#movie-engine-dashboard-page.movie-engine-full-width-layout .movie-engine-container {
  width: 100%;
}

.movie-engine-notif-actions-bar {
  text-align: right;
  margin-bottom: 15px;
}

.me-mark-all-read {
  background: transparent;
  border: 1px solid var(--movie-engine-muted-color);
  color: var(--movie-engine-muted-color);
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
  display: inline-flex;
  align-items: center;
}
.me-mark-all-read:hover {
  border-color: var(--movie-engine-muted-color);
  color: var(--movie-engine-white-color);
}
.me-mark-all-read span {
  font-size: 14px;
  width: 14px;
  height: 14px;
  margin-right: 3px;
}

.movie-engine-transactions-list {
  background: var(--movie-engine-bg-color);
  border: 1px solid var(--movie-engine-border-color);
  border-radius: 12px;
  overflow: hidden;
  margin-top: 20px;
}

.movie-engine-transactions-header {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  background: rgba(var(--movie-engine-white-color), 0.03);
  border-bottom: 1px solid var(--movie-engine-border-color);
}
.movie-engine-transactions-header .me-col {
  font-size: 13px;
  font-weight: 600;
  color: var(--movie-engine-muted-color);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.movie-engine-transaction-item {
  display: flex;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid rgba(var(--movie-engine-white-color), 0.05);
  transition: background 0.2s ease;
}
.movie-engine-transaction-item:last-child {
  border-bottom: none;
}
.movie-engine-transaction-item:hover {
  background: rgba(var(--movie-engine-white-color), 0.02);
}

.me-col {
  padding: 0 10px;
}
.me-col.me-col-date {
  width: 20%;
  font-size: 14px;
  color: var(--movie-engine-white-color);
  display: flex;
  flex-direction: column;
}
.me-col.me-col-date .me-tx-time {
  font-size: 12px;
  color: var(--movie-engine-muted-color);
  margin-top: 4px;
}
.me-col.me-col-desc {
  width: 35%;
  font-size: 15px;
  font-weight: 500;
  color: var(--movie-engine-white-color);
}
.me-col.me-col-desc .me-tx-id {
  font-size: 11px;
  color: var(--movie-engine-muted-color);
  margin-top: 4px;
  font-family: monospace;
}
.me-col.me-col-amount {
  width: 15%;
  font-size: 14px;
  font-weight: 600;
}
.me-col.me-col-amount.text-default {
  color: var(--movie-engine-white-color);
}
.me-col.me-col-amount.text-muted {
  color: var(--movie-engine-muted-color);
}
.me-col.me-col-status {
  width: 15%;
}
.me-col.me-col-invoice {
  width: 15%;
  text-align: right;
}

.me-status-badge {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.me-status-badge.me-status-success {
  background: rgba(var(--movie-engine-success-color), 0.15);
  color: var(--movie-engine-success-color);
}
.me-status-badge.me-status-warning {
  background: rgba(var(--movie-engine-warning-color), 0.15);
  color: var(--movie-engine-warning-color);
}
.me-status-badge.me-status-danger {
  background: rgba(var(--movie-engine-danger-color), 0.15);
  color: var(--movie-engine-danger-color);
}

.me-invoice-btn {
  background: transparent;
  border: 1px solid rgba(var(--movie-engine-white-color), 0.1);
  color: var(--movie-engine-muted-color);
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 11px;
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.me-invoice-btn span {
  font-size: 10px;
  opacity: 0.7;
}
.me-invoice-btn:hover {
  background: var(--movie-engine-white-color);
  color: var(--movie-engine-bg-color);
  border-color: var(--movie-engine-white-color);
}

.me-invoice-na {
  color: var(--movie-engine-muted-color);
  font-style: italic;
}

@media (max-width: 768px) {
  .movie-engine-transactions-header {
    display: none;
  }
  .movie-engine-transaction-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    padding: 15px;
    position: relative;
  }
  .me-col {
    width: 100% !important;
    padding: 0;
    text-align: left !important;
  }
  .me-col.me-col-desc {
    order: -1;
    margin-bottom: 5px;
  }
  .me-col.me-col-date {
    flex-direction: row;
    gap: 10px;
    font-size: 12px;
    color: var(--movie-engine-muted-color);
  }
  .me-col.me-col-date .me-tx-time {
    margin: 0;
  }
  .me-col.me-col-date .me-tx-time::before {
    content: "•";
    margin-right: 5px;
  }
  .me-col.me-col-amount {
    position: absolute;
    top: 15px;
    right: 15px;
    width: auto !important;
  }
  .me-col.me-col-status {
    margin-top: 5px;
  }
  .me-col.me-col-invoice {
    display: none;
  }
}
.movie-engine-upgrade-container.me-frontend-upgrade {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 16px;
  padding: 60px 40px;
  text-align: center;
  backdrop-filter: blur(10px);
  margin: 20px 0;
  position: relative;
  overflow: hidden;
}
.movie-engine-upgrade-container.me-frontend-upgrade::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(229, 9, 20, 0.05) 0%, transparent 70%);
  pointer-events: none;
}
.movie-engine-upgrade-container.me-frontend-upgrade .me-upgrade-header {
  margin-bottom: 40px;
}
.movie-engine-upgrade-container.me-frontend-upgrade .me-upgrade-header .me-lock-icon {
  width: 80px;
  height: 80px;
  background: rgba(229, 9, 20, 0.1);
  color: #e50914;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto 24px;
  font-size: 32px;
  box-shadow: 0 0 30px rgba(229, 9, 20, 0.2);
  border: 1px solid rgba(229, 9, 20, 0.2);
}
.movie-engine-upgrade-container.me-frontend-upgrade .me-upgrade-header h1 {
  font-size: 36px;
  font-weight: 800;
  color: #fff;
  margin: 0 0 16px;
}
.movie-engine-upgrade-container.me-frontend-upgrade .me-upgrade-header h1 span {
  color: #e50914;
  font-size: 18px;
  font-weight: 500;
  vertical-align: middle;
  margin-left: 10px;
  background: rgba(229, 9, 20, 0.1);
  padding: 4px 12px;
  border-radius: 20px;
  text-transform: uppercase;
}
.movie-engine-upgrade-container.me-frontend-upgrade .me-upgrade-header .me-upgrade-subtitle {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
}
.movie-engine-upgrade-container.me-frontend-upgrade .me-upgrade-content .me-upgrade-features-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  max-width: 900px;
  margin: 0 auto 50px;
  text-align: left;
}
.movie-engine-upgrade-container.me-frontend-upgrade .me-upgrade-content .me-upgrade-features-list .me-feature-item {
  background: rgba(255, 255, 255, 0.05);
  padding: 16px 20px;
  border-radius: 12px;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 15px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  transition: transform 0.3s ease, background 0.3s ease;
}
.movie-engine-upgrade-container.me-frontend-upgrade .me-upgrade-content .me-upgrade-features-list .me-feature-item:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(229, 9, 20, 0.3);
}
.movie-engine-upgrade-container.me-frontend-upgrade .me-upgrade-content .me-upgrade-features-list .me-feature-item span.fa-check {
  color: #e50914;
  font-size: 14px;
  width: 24px;
  height: 24px;
  background: rgba(229, 9, 20, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.movie-engine-upgrade-container.me-frontend-upgrade .me-upgrade-content .me-upgrade-cta-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.movie-engine-upgrade-container.me-frontend-upgrade .me-upgrade-content .me-upgrade-cta-box .me-price-notice {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  letter-spacing: 2px;
}
.movie-engine-upgrade-container.me-frontend-upgrade .me-upgrade-content .me-upgrade-cta-box .me-upgrade-buttons {
  display: flex;
  gap: 20px;
  justify-content: center;
}
.movie-engine-upgrade-container.me-frontend-upgrade .me-upgrade-content .me-upgrade-cta-box .me-upgrade-buttons .movie-engine-btn {
  padding: 14px 40px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 30px;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.movie-engine-upgrade-container.me-frontend-upgrade .me-upgrade-content .me-upgrade-cta-box .me-upgrade-buttons .movie-engine-btn.me-btn-red {
  background: linear-gradient(45deg, #e50914, #ff3d47);
  color: #fff;
  box-shadow: 0 4px 15px rgba(229, 9, 20, 0.3);
}
.movie-engine-upgrade-container.me-frontend-upgrade .me-upgrade-content .me-upgrade-cta-box .me-upgrade-buttons .movie-engine-btn.me-btn-red:hover {
  background: linear-gradient(45deg, #ff3d47, #e50914);
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(229, 9, 20, 0.4);
}
.movie-engine-upgrade-container.me-frontend-upgrade .me-upgrade-content .me-upgrade-cta-box .me-upgrade-buttons .movie-engine-btn.me-btn-glass {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.movie-engine-upgrade-container.me-frontend-upgrade .me-upgrade-content .me-upgrade-cta-box .me-upgrade-buttons .movie-engine-btn.me-btn-glass:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.4);
}

@media (max-width: 768px) {
  .movie-engine-upgrade-container.me-frontend-upgrade {
    padding: 40px 20px;
  }
  .movie-engine-upgrade-container.me-frontend-upgrade .me-upgrade-header h1 {
    font-size: 28px;
  }
  .movie-engine-upgrade-container.me-frontend-upgrade .me-upgrade-cta-box .me-upgrade-buttons {
    flex-direction: column;
    width: 100%;
  }
  .movie-engine-upgrade-container.me-frontend-upgrade .me-upgrade-cta-box .me-upgrade-buttons .movie-engine-btn {
    width: 100%;
  }
}
.me-pro-badge {
  background: linear-gradient(45deg, #e50914, #ff3d47);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  padding: 2px 8px;
  border-radius: 4px;
  text-transform: uppercase;
  margin-left: auto;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 8px rgba(229, 9, 20, 0.4);
}

.me-device-upgrade-banner {
  margin-top: 15px;
  background: rgba(var(--movie-engine-primary-color), 0.1);
  border: 1px dashed rgba(var(--movie-engine-primary-color), 0.3);
  border-radius: 8px;
  padding: 12px 15px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  font-size: 13px;
}
.me-device-upgrade-banner span.fa-bolt {
  color: #ffc107;
  font-size: 16px;
}
.me-device-upgrade-banner .me-upgrade-link {
  color: var(--movie-engine-primary-color);
  font-weight: 700;
  text-decoration: none;
  margin-left: auto;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 1px solid transparent;
  transition: all 0.2s;
}
.me-device-upgrade-banner .me-upgrade-link:hover {
  border-bottom-color: var(--movie-engine-primary-color);
  filter: brightness(1.2);
}

.movie-engine-auth-wrapper {
  display: flex;
  justify-content: center;
  padding: 40px 20px;
}
.movie-engine-auth-wrapper .movie-engine-auth-container {
  background: var(--movie-engine-black-color);
  max-width: 400px;
  width: 100%;
  border-radius: 12px;
  padding: 40px;
  box-shadow: 0 20px 50px rgba(var(--movie-engine-black-rgb), 0.5);
  border: 1px solid var(--movie-engine-border-color);
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-tabs {
  display: flex;
  border-bottom: 2px solid var(--movie-engine-border-color);
  margin-bottom: 30px;
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-tabs .movie-engine-auth-tab {
  flex: 1;
  background: none;
  border: none;
  color: var(--movie-engine-muted-color);
  padding: 15px;
  font-weight: 700;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  transition: all 0.3s ease;
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-tabs .movie-engine-auth-tab:hover {
  color: var(--movie-engine-white-color);
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-tabs .movie-engine-auth-tab.active {
  color: var(--movie-engine-primary-color);
  border-bottom-color: var(--movie-engine-primary-color);
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-form {
  display: none;
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-form.active {
  display: block;
  animation: fadeIn 0.3s ease;
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-form .movie-engine-form-group {
  margin-bottom: 20px;
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-form .movie-engine-form-group label {
  display: block;
  margin-bottom: 8px;
  color: var(--movie-engine-white-color);
  font-size: 14px;
  font-weight: 600;
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-form .movie-engine-form-group input {
  width: 100%;
  padding: 12px 15px;
  background: var(--movie-engine-black-color);
  border: 1px solid var(--movie-engine-border-color);
  border-radius: 6px;
  color: var(--movie-engine-white-color);
  font-size: 15px;
  transition: border-color 0.3s ease;
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-form .movie-engine-form-group input:focus {
  border-color: var(--movie-engine-primary-color);
  outline: none;
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-form .movie-engine-form-group input::placeholder {
  color: var(--movie-engine-muted-color);
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-form .movie-engine-form-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
  font-size: 13px;
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-form .movie-engine-form-footer .movie-engine-remember {
  color: var(--movie-engine-muted-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-form .movie-engine-form-footer .movie-engine-forgot-pass,
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-form .movie-engine-form-footer .movie-engine-forgot-pass-trigger {
  color: var(--movie-engine-primary-color);
  text-decoration: none;
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-form .movie-engine-form-footer .movie-engine-forgot-pass:hover,
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-form .movie-engine-form-footer .movie-engine-forgot-pass-trigger:hover {
  text-decoration: underline;
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-form .movie-engine-form-header {
  text-align: center;
  margin-bottom: 25px;
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-form .movie-engine-form-header h3 {
  color: var(--movie-engine-white-color);
  margin: 0 0 10px;
  font-size: 22px;
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-form .movie-engine-form-header p {
  color: var(--movie-engine-muted-color);
  font-size: 14px;
  line-height: 1.5;
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-form .movie-engine-back-to-login {
  transition: color 0.3s;
  display: flex;
  align-items: center;
  gap: 5px;
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-form .movie-engine-back-to-login:hover {
  color: var(--movie-engine-white-color);
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-form .movie-engine-btn-block {
  width: 100%;
  padding: 14px;
  font-size: 16px;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: none;
  cursor: pointer;
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  font-weight: 700;
  transition: transform 0.2s;
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-form .movie-engine-btn-block:hover {
  transform: translateY(-2px);
  filter: brightness(1.1);
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-form .movie-engine-btn-block:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-message {
  margin-top: 20px;
  padding: 15px;
  border-radius: 6px;
  text-align: center;
  font-size: 14px;
  display: none;
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-message.error {
  background: rgba(255, 0, 0, 0.1);
  border: 1px solid rgba(255, 0, 0, 0.3);
  color: var(--movie-engine-danger-color);
}
.movie-engine-auth-wrapper .movie-engine-auth-container .movie-engine-auth-message.success {
  background: rgba(0, 255, 0, 0.1);
  border: 1px solid rgba(0, 255, 0, 0.3);
  color: var(--movie-engine-success-color);
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.movie-engine-social-login-divider {
  text-align: center;
  margin: 30px 0 20px;
  position: relative;
}
.movie-engine-social-login-divider::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background: var(--movie-engine-border-color);
  z-index: 1;
}
.movie-engine-social-login-divider span {
  position: relative;
  z-index: 2;
  background: var(--movie-engine-black-color);
  padding: 0 15px;
  color: var(--movie-engine-muted-color);
  font-size: 13px;
}

.movie-engine-social-login-buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.movie-engine-social-login-buttons .movie-engine-social-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 12px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease;
  border: 1px solid var(--movie-engine-border-color);
}
.movie-engine-social-login-buttons .movie-engine-social-btn img {
  width: 20px;
  height: 20px;
}
.movie-engine-social-login-buttons .movie-engine-social-btn.movie-engine-google-btn {
  background: var(--movie-engine-white-color);
  color: var(--movie-engine-black-color);
  border-color: var(--movie-engine-white-color);
}
.movie-engine-social-login-buttons .movie-engine-social-btn.movie-engine-google-btn:hover {
  background: var(--movie-engine-white-color);
}
.movie-engine-social-login-buttons .movie-engine-social-btn.movie-engine-facebook-btn {
  background: #1877f2;
  color: var(--movie-engine-white-color);
  border-color: #1877f2;
}
.movie-engine-social-login-buttons .movie-engine-social-btn.movie-engine-facebook-btn:hover {
  filter: brightness(1.1);
}

.movie-engine-virtual-login-container .movie-engine-auth-wrapper .movie-engine-auth-container {
  box-shadow: none;
}

.movie-engine-coupon-section {
  padding: 10px 0 5px 0;
}
.movie-engine-coupon-section .movie-engine-coupon-input-group {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}
.movie-engine-coupon-section .movie-engine-coupon-input-group input[type=text].movie-engine-coupon-input {
  flex: 1;
  height: 50px;
  padding: 0 15px;
  border: 1px solid var(--movie-engine-border-color);
  border-radius: 8px;
  background-color: var(--movie-engine-black-color);
  color: var(--movie-engine-white-color);
  font-size: 15px;
  font-weight: 500;
  transition: all 0.3s ease;
}
.movie-engine-coupon-section .movie-engine-coupon-input-group input[type=text].movie-engine-coupon-input:focus {
  outline: none;
  color: var(--movie-engine-white-color);
  border-color: var(--movie-engine-primary-color);
  box-shadow: 0 0 0 2px rgba(229, 9, 20, 0.2);
}
.movie-engine-coupon-section .movie-engine-coupon-input-group input[type=text].movie-engine-coupon-input:disabled {
  opacity: 0.8;
  background-color: rgba(var(--movie-engine-black-light-color), 0.5);
  cursor: not-allowed;
}
.movie-engine-coupon-section .movie-engine-coupon-input-group input[type=text].movie-engine-coupon-input::placeholder {
  color: var(--movie-engine-muted-color);
}
.movie-engine-coupon-section .movie-engine-coupon-input-group .movie-engine-coupon-apply-btn {
  height: 50px;
  padding: 0 25px;
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}
.movie-engine-coupon-section .movie-engine-coupon-input-group .movie-engine-coupon-apply-btn:hover:not(:disabled) {
  background: var(--movie-engine-primary-hover-color);
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(229, 9, 20, 0.3);
}
.movie-engine-coupon-section .movie-engine-coupon-input-group .movie-engine-coupon-apply-btn:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(229, 9, 20, 0.4);
}
.movie-engine-coupon-section .movie-engine-coupon-input-group .movie-engine-coupon-apply-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.movie-engine-coupon-section .movie-engine-coupon-input-group .movie-engine-coupon-apply-btn.applied {
  background: var(--movie-engine-success-color);
  cursor: default;
}
.movie-engine-coupon-section .movie-engine-coupon-input-group .movie-engine-coupon-apply-btn.applied:hover {
  background: var(--movie-engine-success-color);
  transform: none;
  box-shadow: none;
}
.movie-engine-coupon-section .movie-engine-coupon-message {
  font-size: 13px;
  border-radius: 6px;
  padding: 8px 12px;
  margin-top: 10px;
  border: 1px solid transparent;
}
.movie-engine-coupon-section .movie-engine-coupon-message.success {
  background: rgba(76, 175, 80, 0.1);
  color: var(--movie-engine-success-color);
  border-color: rgba(var(--movie-engine-success-color), 0.2);
}
.movie-engine-coupon-section .movie-engine-coupon-message.error {
  background: rgba(229, 9, 20, 0.1);
  color: var(--movie-engine-danger-color);
  border-color: rgba(var(--movie-engine-danger-color), 0.2);
}
.movie-engine-coupon-section .movie-engine-price-preview {
  display: block;
  margin-top: 12px;
  font-size: 16px;
  font-weight: 700;
}
.movie-engine-coupon-section .movie-engine-price-preview .movie-engine-original-price {
  text-decoration: line-through;
  color: var(--movie-engine-muted-color);
  font-size: 14px;
  margin-right: 8px;
}
.movie-engine-coupon-section .movie-engine-price-preview .movie-engine-discounted-price {
  color: var(--movie-engine-success-color);
  font-size: 18px;
}

.movie-engine-coupons-zigzag {
  max-width: 1140px;
  margin: 0 auto;
  padding: 20px 0;
}
.movie-engine-coupons-zigzag .movie-engine-coupons-header-modern {
  margin-bottom: 40px;
}
.movie-engine-coupons-zigzag .movie-engine-coupons-header-modern h2 {
  font-size: 32px;
  font-weight: 800;
  color: var(--movie-engine-white-color);
  margin: 0 0 10px 0;
  letter-spacing: -0.5px;
}
.movie-engine-coupons-zigzag .movie-engine-coupons-header-modern p {
  color: var(--movie-engine-muted-color);
  font-size: 16px;
  margin: 0;
}
.movie-engine-coupons-zigzag .movie-engine-zigzag-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 30px;
}
@media (max-width: 600px) {
  .movie-engine-coupons-zigzag .movie-engine-zigzag-grid {
    grid-template-columns: 1fr;
  }
}
.movie-engine-coupons-zigzag .movie-engine-zigzag-card {
  background: var(--movie-engine-black-light-color);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 15px 35px rgba(var(--movie-engine-black-rgb), 0.3);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  display: flex;
  flex-direction: column;
}
.movie-engine-coupons-zigzag .movie-engine-zigzag-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(var(--movie-engine-black-rgb), 0.4);
}
.movie-engine-coupons-zigzag .movie-engine-zigzag-card .movie-engine-zigzag-top {
  background: linear-gradient(135deg, var(--movie-engine-primary-color) 0%, var(--movie-engine-primary-hover-color) 100%);
  padding: 40px 20px;
  text-align: center;
  color: var(--movie-engine-white-color);
  position: relative;
}
.movie-engine-coupons-zigzag .movie-engine-zigzag-card .movie-engine-zigzag-top .movie-engine-zigzag-discount {
  font-size: 54px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 8px;
  text-shadow: 0 4px 10px rgba(var(--movie-engine-black-rgb), 0.2);
}
.movie-engine-coupons-zigzag .movie-engine-zigzag-card .movie-engine-zigzag-top .movie-engine-zigzag-label {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  opacity: 0.9;
}
.movie-engine-coupons-zigzag .movie-engine-zigzag-card .movie-engine-zigzag-edge {
  height: 14px;
  width: 100%;
  background-color: var(--movie-engine-black-light-color);
  background-image: linear-gradient(135deg, var(--movie-engine-primary-hover-color) 25%, transparent 25%), linear-gradient(225deg, var(--movie-engine-primary-hover-color) 25%, transparent 25%);
  background-position: 0 0;
  background-size: 28px 28px;
  position: relative;
  z-index: 10;
}
.movie-engine-coupons-zigzag .movie-engine-zigzag-card .movie-engine-zigzag-bottom {
  background: var(--movie-engine-black-light-color);
  padding: 25px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.movie-engine-coupons-zigzag .movie-engine-zigzag-card .movie-engine-zigzag-bottom .movie-engine-code-label-small {
  display: block;
  font-size: 11px;
  font-weight: 700;
  color: var(--movie-engine-muted-color);
  letter-spacing: 1px;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.movie-engine-coupons-zigzag .movie-engine-zigzag-card .movie-engine-zigzag-bottom .movie-engine-zigzag-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(var(--movie-engine-black-rgb), 0.2);
  border: 1px solid var(--movie-engine-border-color);
  padding: 12px 15px;
  border-radius: 12px;
  margin-top: auto;
}
.movie-engine-coupons-zigzag .movie-engine-zigzag-card .movie-engine-zigzag-bottom .movie-engine-zigzag-row .movie-engine-zigzag-code {
  font-family: "Monaco", "Consolas", monospace;
  font-size: 17px;
  font-weight: 700;
  color: var(--movie-engine-white-color);
  letter-spacing: 1px;
}
.movie-engine-coupons-zigzag .movie-engine-zigzag-card .movie-engine-zigzag-bottom .movie-engine-zigzag-row .movie-engine-zigzag-copy-btn {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  border: none;
  border-radius: 8px;
  padding: 9px 18px;
  font-size: 13px;
  font-weight: 800;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-shadow: 0 4px 10px rgba(229, 9, 20, 0.3);
}
.movie-engine-coupons-zigzag .movie-engine-zigzag-card .movie-engine-zigzag-bottom .movie-engine-zigzag-row .movie-engine-zigzag-copy-btn:hover {
  background: var(--movie-engine-primary-hover-color);
  transform: scale(1.08);
}
.movie-engine-coupons-zigzag .movie-engine-zigzag-card .movie-engine-zigzag-bottom .movie-engine-zigzag-row .movie-engine-zigzag-copy-btn.success {
  background: var(--movie-engine-success-color);
  box-shadow: 0 4px 12px rgba(76, 175, 80, 0.4);
}
.movie-engine-coupons-zigzag .movie-engine-empty-zigzag {
  text-align: center;
  padding: 80px 40px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.02);
  border: 2px dashed rgba(var(--movie-engine-white-color-rgb), 0.1);
  border-radius: 20px;
  color: var(--movie-engine-muted-color);
}
.movie-engine-coupons-zigzag .movie-engine-empty-zigzag i {
  font-size: 50px;
  margin-bottom: 20px;
  opacity: 0.2;
}
.movie-engine-coupons-zigzag .movie-engine-empty-zigzag p {
  font-size: 16px;
  margin: 0;
}

.movie-engine-social-actions {
  display: flex;
  align-items: center;
  gap: 15px;
}
.movie-engine-social-actions .movie-engine-action-btn,
.movie-engine-social-actions .movie-engine-action-stat {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.2);
  border-radius: 30px;
  color: var(--movie-engine-white-color);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  text-decoration: none;
}
.movie-engine-social-actions .movie-engine-action-btn .dashicons,
.movie-engine-social-actions .movie-engine-action-stat .dashicons {
  font-size: 18px;
  width: 18px;
  height: 18px;
}
.movie-engine-social-actions .movie-engine-action-btn:hover,
.movie-engine-social-actions .movie-engine-action-stat:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.2);
  border-color: var(--movie-engine-white-color);
}
.movie-engine-social-actions .movie-engine-like-btn.active {
  color: var(--movie-engine-primary-color);
  border-color: var(--movie-engine-primary-color);
  background: rgba(var(--movie-engine-primary-rgb), 0.1);
}
.movie-engine-social-actions .movie-engine-like-btn.active .dashicons {
  color: var(--movie-engine-primary-color);
}
.movie-engine-social-actions .movie-engine-action-stat {
  cursor: default;
  border: none;
  background: transparent;
  padding-left: 0;
}
.movie-engine-social-actions .movie-engine-action-stat .dashicons {
  opacity: 0.7;
}
.movie-engine-social-actions .movie-engine-action-stat .movie-engine-count {
  opacity: 0.9;
}
.movie-engine-social-actions .movie-engine-action-stat:hover {
  background: transparent;
}

/* Share Modal */
.movie-engine-share-modal-content {
  background: var(--movie-engine-bg-color);
  padding: 30px;
  max-width: 400px;
  border-radius: 12px;
  border: 1px solid var(--movie-engine-border-color);
  color: var(--movie-engine-white-color);
}
.movie-engine-share-modal-content h3 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 18px;
  text-align: center;
}
.movie-engine-share-modal-content .movie-engine-share-links {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-bottom: 20px;
}
.movie-engine-share-modal-content .movie-engine-share-links .movie-engine-share-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  color: var(--movie-engine-muted-color);
  text-decoration: none;
  font-size: 12px;
  transition: color 0.2s;
}
.movie-engine-share-modal-content .movie-engine-share-links .movie-engine-share-link span {
  font-size: 32px;
  width: 32px;
  height: 32px;
  background: var(--movie-engine-black-color);
  padding: 10px;
  border-radius: 50%;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.movie-engine-share-modal-content .movie-engine-share-links .movie-engine-share-link:hover {
  color: var(--movie-engine-white-color);
}
.movie-engine-share-modal-content .movie-engine-share-links .movie-engine-share-link:hover span {
  background: var(--movie-engine-primary-color);
}
.movie-engine-share-modal-content .movie-engine-copy-link-wrapper {
  display: flex;
  gap: 10px;
  background: var(--movie-engine-black-color);
  padding: 5px;
  border-radius: 6px;
  border: 1px solid var(--movie-engine-border-color);
}
.movie-engine-share-modal-content .movie-engine-copy-link-wrapper input {
  background: transparent;
  border: none;
  color: var(--movie-engine-white-color);
  flex: 1;
  font-size: 13px;
  padding: 8px;
  outline: none;
}
.movie-engine-share-modal-content .movie-engine-copy-link-wrapper button {
  background: var(--movie-engine-black-color);
  color: var(--movie-engine-white-color);
  border: none;
  padding: 5px 15px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  transition: background 0.2s;
}
.movie-engine-share-modal-content .movie-engine-copy-link-wrapper button:hover {
  background: var(--movie-engine-primary-color);
}

.movie-engine-reviews-page-wrapper {
  background: var(--movie-engine-black-color);
  color: var(--movie-engine-white-color);
  min-height: 100vh;
  padding: 40px 0;
}

.movie-engine-container {
  max-width: 1290px;
  margin: 0 auto;
  padding: 0 20px;
  width: 100%;
  box-sizing: border-box;
}

.movie-engine-reviews-grid {
  display: grid;
  grid-template-columns: 420px 1fr;
  gap: 50px;
}
@media (max-width: 768px) {
  .movie-engine-reviews-grid {
    grid-template-columns: 1fr;
  }
}

/* Sidebar */
.movie-engine-poster-mini {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(var(--movie-engine-black-rgb), 0.5);
  margin-bottom: 30px;
}
.movie-engine-poster-mini img {
  display: block;
  width: 100%;
  height: auto;
}
.movie-engine-poster-mini .movie-engine-poster-rating-badge {
  position: absolute;
  top: 15px;
  right: 15px;
  background: var(--movie-engine-black-color);
  color: var(--movie-engine-white-color);
  padding: 6px 12px;
  border-radius: 6px;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 4px 10px rgba(var(--movie-engine-black-rgb), 0.3);
}
.movie-engine-poster-mini .movie-engine-poster-rating-badge .fa-star,
.movie-engine-poster-mini .movie-engine-poster-rating-badge .dashicons {
  color: var(--movie-engine-primary-color);
  font-size: 16px;
}
.movie-engine-poster-mini .movie-engine-poster-rating-badge span {
  font-size: 16px;
  line-height: 1;
}

.movie-engine-sidebar-content .movie-engine-page-title {
  margin-top: 20px;
  font-size: 26px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 20px;
}
.movie-engine-sidebar-content .movie-engine-page-title a {
  color: var(--movie-engine-white-color);
  transition: color 0.2s;
}
.movie-engine-sidebar-content .movie-engine-page-title a:hover {
  color: var(--movie-engine-primary-color);
}
.movie-engine-sidebar-content .movie-engine-movie-meta .genres {
  display: flex;
  gap: 5px;
}
.movie-engine-sidebar-content .movie-engine-movie-meta .genres a {
  background: var(--movie-engine-bg-color);
  display: block;
  padding: 6px 10px;
  color: var(--movie-engine-white-color);
  opacity: 1;
  font-size: 15px;
  border-radius: 5px;
  line-height: 1;
  text-decoration: none;
}
.movie-engine-sidebar-content .movie-engine-movie-meta .genres a:hover {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  transition: all 0.4s;
}
.movie-engine-sidebar-content .movie-engine-movie-desc {
  font-size: 14px;
  color: var(--movie-engine-muted-color);
  line-height: 1.6;
  margin-bottom: 30px;
}

.movie-engine-rating-summary-box {
  margin-top: 20px;
  background: var(--movie-engine-bg-color);
  padding: 25px;
  border-radius: 12px;
  border: 1px solid var(--movie-engine-border-color);
}
.movie-engine-rating-summary-box .movie-engine-score-header {
  display: flex;
  align-items: flex-end;
  gap: 15px;
  margin-bottom: 20px;
}
.movie-engine-rating-summary-box .movie-engine-score-header .score {
  font-size: 48px;
  font-weight: 700;
  line-height: 0.9;
  color: var(--movie-engine-white-color);
}
.movie-engine-rating-summary-box .movie-engine-score-header .stars-wrapper {
  padding-bottom: 2px;
}
.movie-engine-rating-summary-box .movie-engine-score-header .stars-wrapper .stars {
  display: flex;
  gap: 3px;
  margin-bottom: 6px;
}
.movie-engine-rating-summary-box .movie-engine-score-header .stars-wrapper .sub-text {
  display: block;
  font-size: 13px;
  color: var(--movie-engine-muted-color);
}
.movie-engine-rating-summary-box .movie-engine-rating-bars .movie-engine-bar-row {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  font-size: 14px;
  color: var(--movie-engine-white-color);
}
.movie-engine-rating-summary-box .movie-engine-rating-bars .movie-engine-bar-row .star-label {
  width: 15px;
  font-weight: bold;
}
.movie-engine-rating-summary-box .movie-engine-rating-bars .movie-engine-bar-row .bar-track {
  flex: 1;
  height: 6px;
  background: var(--movie-engine-border-color);
  border-radius: 3px;
  margin: 0 15px;
  overflow: hidden;
}
.movie-engine-rating-summary-box .movie-engine-rating-bars .movie-engine-bar-row .bar-track .bar-fill {
  height: 100%;
}
.movie-engine-rating-summary-box .movie-engine-rating-bars .movie-engine-bar-row .count-label {
  width: 20px;
  text-align: right;
  color: var(--movie-engine-muted-color);
}

/* Review List */
.movie-engine-reviews-list-col .movie-engine-reviews-header-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--movie-engine-border-color);
  padding-bottom: 15px;
  margin-bottom: 30px;
}
.movie-engine-reviews-list-col .movie-engine-reviews-header-flex .movie-engine-section-heading {
  margin: 0;
  border: none;
  padding: 0;
  font-size: 22px;
}
.movie-engine-reviews-list-col .movie-engine-reviews-header-flex .movie-engine-back-link {
  margin: 0;
  background: var(--movie-engine-bg-color);
  padding: 8px 15px;
  border-radius: 4px;
  color: var(--movie-engine-white-color);
  text-decoration: none;
  font-size: 13px;
}
.movie-engine-reviews-list-col .movie-engine-reviews-header-flex .movie-engine-back-link:hover {
  background: var(--movie-engine-primary-color);
}
.movie-engine-reviews-list-col .movie-engine-review-item {
  background: var(--movie-engine-bg-color);
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
  border: 1px solid var(--movie-engine-border-color);
  list-style: none;
}
.movie-engine-reviews-list-col .movie-engine-review-item .movie-engine-review-body {
  display: flex;
  gap: 20px;
}
.movie-engine-reviews-list-col .movie-engine-review-item .movie-engine-review-body .movie-engine-review-author img {
  border-radius: 50%;
}
.movie-engine-reviews-list-col .movie-engine-review-item .movie-engine-review-body .movie-engine-review-content {
  flex: 1;
}
.movie-engine-reviews-list-col .movie-engine-review-item .movie-engine-review-body .movie-engine-review-content .movie-engine-review-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  flex-wrap: wrap;
  gap: 10px;
}
.movie-engine-reviews-list-col .movie-engine-review-item .movie-engine-review-body .movie-engine-review-content .movie-engine-review-meta .movie-engine-review-author-info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.movie-engine-reviews-list-col .movie-engine-review-item .movie-engine-review-body .movie-engine-review-content .movie-engine-review-meta .movie-engine-review-author-info cite {
  font-weight: 700;
  color: var(--movie-engine-white-color);
  font-style: normal;
  font-size: 16px;
}
.movie-engine-reviews-list-col .movie-engine-review-item .movie-engine-review-body .movie-engine-review-content .movie-engine-review-meta .movie-engine-review-author-info .movie-engine-review-date {
  font-size: 12px;
  color: var(--movie-engine-muted-color);
}
.movie-engine-reviews-list-col .movie-engine-review-item .movie-engine-review-body .movie-engine-review-content .movie-engine-text {
  color: var(--movie-engine-muted-color);
  line-height: 1.6;
}
.movie-engine-reviews-list-col .movie-engine-review-item .movie-engine-review-body .movie-engine-review-content .movie-engine-text p {
  margin-bottom: 15px;
}
.movie-engine-reviews-list-col .movie-engine-review-item .movie-engine-review-body .movie-engine-review-content .movie-engine-text p:last-child {
  margin-bottom: 0;
}

.movie-engine-rating-input {
  margin-bottom: 20px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
  padding: 20px;
  border-radius: 8px;
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
}
.movie-engine-rating-input label {
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
  color: var(--movie-engine-white-color);
}
.movie-engine-rating-input .movie-engine-star-rating-select {
  display: flex !important;
  flex-direction: row-reverse !important;
  justify-content: flex-end !important;
  align-items: center !important;
  float: none !important;
  clear: both !important;
}
.movie-engine-rating-input .movie-engine-star-rating-select input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
  margin: 0;
}
.movie-engine-rating-input .movie-engine-star-rating-select label {
  font-family: "Font Awesome 7 Free";
  font-weight: 400;
  font-size: 20px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.15);
  cursor: pointer;
  padding: 0;
  margin: 0 !important;
  transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  display: inline-flex;
  align-items: center;
}
@media (max-width: 600px) {
  .movie-engine-rating-input .movie-engine-star-rating-select label {
    font-size: 15px;
  }
}
.movie-engine-rating-input .movie-engine-star-rating-select label:before {
  content: "\f005";
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
}
.movie-engine-rating-input .movie-engine-star-rating-select input:checked ~ label,
.movie-engine-rating-input .movie-engine-star-rating-select label:hover,
.movie-engine-rating-input .movie-engine-star-rating-select label:hover ~ label {
  color: var(--movie-engine-primary-color);
}

.movie-engine-user-rating-display .fa-star,
.movie-engine-user-rating-display .dashicons {
  margin-right: 2px;
}

.comment-form {
  max-width: 800px;
  margin-top: 30px;
}
.comment-form label {
  color: var(--movie-engine-muted-color);
}
.comment-form textarea {
  width: 100%;
  background: var(--movie-engine-bg-color);
  border: 1px solid var(--movie-engine-border-color);
  color: var(--movie-engine-white-color);
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 20px;
}
.comment-form textarea:focus {
  border-color: var(--movie-engine-primary-color);
  outline: none;
}
.comment-form .submit {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  border: none;
  padding: 12px 30px;
  border-radius: 4px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}
.comment-form .submit:hover {
  background: var(--movie-engine-primary-color);
}

.comment-list {
  padding: 0;
  list-style: none;
  margin-top: 40px;
}
.comment-list .comment {
  margin-bottom: 30px;
  border-bottom: 1px solid var(--movie-engine-border-color);
  padding-bottom: 30px;
}
.comment-list .comment .comment-body {
  position: relative;
  padding-left: 70px;
}
.comment-list .comment .comment-author {
  margin-bottom: 5px;
}
.comment-list .comment .comment-author img.avatar {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.comment-list .comment .comment-author .fn {
  font-style: normal;
  font-weight: 700;
  color: var(--movie-engine-white-color);
  font-size: 16px;
}
.comment-list .comment .comment-author .says {
  display: none;
}
.comment-list .comment .comment-meta {
  font-size: 12px;
  color: var(--movie-engine-muted-color);
  margin-bottom: 15px;
}
.comment-list .comment .comment-meta a {
  color: var(--movie-engine-muted-color);
  text-decoration: none;
}
.comment-list .comment p {
  color: var(--movie-engine-muted-color);
  font-size: 15px;
  line-height: 1.6;
}

/* Edit Modal Styles */
.movie-engine-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(var(--movie-engine-black-rgb), 0.85);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 100000;
  backdrop-filter: blur(8px);
}

.movie-engine-modal-content {
  background: var(--movie-engine-bg-color);
  border-radius: 20px;
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
  width: 90%;
  max-width: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 25px 60px rgba(var(--movie-engine-black-rgb), 0.6);
  padding: 30px;
}
.movie-engine-modal-content .movie-engine-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
.movie-engine-modal-content .movie-engine-modal-header h3 {
  color: var(--movie-engine-white-color);
  margin: 0;
  font-size: 22px;
  font-weight: 700;
}
.movie-engine-modal-content .movie-engine-modal-header .movie-engine-close-modal {
  font-size: 32px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.4);
  cursor: pointer;
  line-height: 1;
  transition: color 0.2s;
}
.movie-engine-modal-content .movie-engine-modal-header .movie-engine-close-modal:hover {
  color: var(--movie-engine-white-color);
}
.movie-engine-modal-content label {
  color: rgba(var(--movie-engine-white-color-rgb), 0.7);
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 14px;
}
.movie-engine-modal-content textarea {
  width: 100%;
  background: rgba(var(--movie-engine-black-rgb), 0.3);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
  border-radius: 12px;
  padding: 15px;
  color: var(--movie-engine-white-color);
  font-size: 15px;
  min-height: 120px;
  transition: all 0.3s ease;
}
.movie-engine-modal-content textarea:focus {
  border-color: var(--movie-engine-primary-color);
  outline: none;
  color: var(--movie-engine-white-color);
  box-shadow: 0 0 0 3px rgba(var(--movie-engine-primary-rgb), 0.2);
}

.movie-engine-reviews-area {
  margin-top: 60px;
  padding: 0;
  max-width: 100%;
}

.movie-engine-reviews-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 15px;
  border-bottom: 2px solid rgba(var(--movie-engine-white-color-rgb), 0.05);
}
.movie-engine-reviews-header .movie-engine-reviews-title {
  font-size: 28px;
  font-weight: 800;
  color: var(--movie-engine-white-color);
  margin: 0;
  letter-spacing: -0.5px;
  position: relative;
  padding-left: 20px;
}
@media (max-width: 500px) {
  .movie-engine-reviews-header .movie-engine-reviews-title {
    font-size: 18px;
  }
}
.movie-engine-reviews-header .movie-engine-reviews-title:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 24px;
  background: var(--movie-engine-primary-color);
  border-radius: 2px;
}
.movie-engine-reviews-header .me-btn-outline {
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.2);
  color: var(--movie-engine-white-color);
  padding: 8px 18px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 6px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.03);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.movie-engine-reviews-header .me-btn-outline:hover {
  border-color: var(--movie-engine-primary-color);
  background: rgba(var(--movie-engine-primary-rgb), 0.1);
  color: var(--movie-engine-primary-color);
}

.movie-engine-review-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.movie-engine-review-list .movie-engine-review-item {
  background: var(--movie-engine-bg-color);
  border: 1px solid var(--movie-engine-border-color);
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 25px;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  backdrop-filter: blur(10px);
  list-style: none;
}
.movie-engine-review-list .movie-engine-review-item:hover {
  transform: translateY(-2px);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.12);
  box-shadow: 0 12px 40px var(--movie-engine-black-light-color);
}
.movie-engine-review-list .movie-engine-review-item ul.children {
  list-style: none;
  margin: 25px 0 0 20px;
  padding-left: 20px;
  border-left: 1px dotted rgba(var(--movie-engine-white-color-rgb), 0.2);
}
.movie-engine-review-list .movie-engine-review-item ul.children .movie-engine-review-item {
  background: rgba(var(--movie-engine-white-color-rgb), 0.02);
  margin-bottom: 15px;
  padding: 18px;
  list-style: none;
}

.movie-engine-review-body {
  display: flex;
  gap: 20px;
}
@media (max-width: 600px) {
  .movie-engine-review-body {
    flex-direction: column;
    gap: 15px;
  }
}

.movie-engine-review-author {
  flex-shrink: 0;
}
.movie-engine-review-author img.avatar {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 4px 15px rgba(var(--movie-engine-black-rgb), 0.3);
  border: 2px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
}

.movie-engine-review-content {
  flex-grow: 1;
}
.movie-engine-review-content .movie-engine-review-meta {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
}
.movie-engine-review-content .movie-engine-review-meta .movie-engine-review-author-info .fn {
  font-family: inherit;
  font-weight: 700;
  font-size: 17px;
  color: var(--movie-engine-white-color);
  font-style: normal;
  display: block;
  margin-bottom: 2px;
}
.movie-engine-review-content .movie-engine-review-meta .movie-engine-review-author-info .fn a {
  color: var(--movie-engine-white-color);
  text-decoration: none;
  transition: color 0.2s;
}
.movie-engine-review-content .movie-engine-review-meta .movie-engine-review-author-info .fn a:hover {
  color: var(--movie-engine-primary-color);
}
.movie-engine-review-content .movie-engine-review-meta .movie-engine-review-author-info .movie-engine-review-date {
  font-size: 13px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
  font-weight: 500;
}
.movie-engine-review-content .movie-engine-review-meta .reply .comment-reply-link {
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
  color: rgba(var(--movie-engine-white-color-rgb), 0.7);
  font-size: 12px;
  font-weight: 700;
  padding: 6px 14px;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  transition: all 0.2s ease;
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
}
.movie-engine-review-content .movie-engine-review-meta .reply .comment-reply-link:hover {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  border-color: var(--movie-engine-primary-color);
  box-shadow: 0 4px 12px rgba(var(--movie-engine-primary-rgb), 0.3);
}
.movie-engine-review-content .movie-engine-review-meta .reply .comment-reply-link span {
  font-size: 14px;
  line-height: 14px;
}
.movie-engine-review-content .movie-engine-review-meta .movie-engine-review-meta-right {
  display: flex;
  align-items: center;
  gap: 15px;
}
.movie-engine-review-content .movie-engine-review-meta .movie-engine-review-meta-right .movie-engine-user-rating-display {
  background: rgba(var(--movie-engine-white-color-rgb), 0.06);
  padding: 6px 12px;
  margin-bottom: 0;
  border-radius: 8px;
  width: auto;
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.08);
  flex-wrap: wrap;
}
.movie-engine-review-content .movie-engine-review-meta .movie-engine-review-meta-right .movie-engine-user-rating-display .me-stars {
  gap: 3px;
}
.movie-engine-review-content .movie-engine-user-rating-display {
  display: flex;
  align-items: center;
  gap: 15px;
  background: transparent;
  padding: 0;
  border: none;
  width: auto;
  box-sizing: border-box;
  flex-wrap: wrap;
}
.movie-engine-review-content .movie-engine-user-rating-display .me-stars {
  display: flex;
  align-items: center;
  gap: 1px;
}
.movie-engine-review-content .movie-engine-user-rating-display .me-stars .fa-star,
.movie-engine-review-content .movie-engine-user-rating-display .me-stars .dashicons {
  font-size: 14px;
  color: var(--movie-engine-primary-color);
}
.movie-engine-review-content .movie-engine-user-rating-display .me-stars .fa-star.fa-regular, .movie-engine-review-content .movie-engine-user-rating-display .me-stars .fa-star.dashicons-star-empty,
.movie-engine-review-content .movie-engine-user-rating-display .me-stars .dashicons.fa-regular,
.movie-engine-review-content .movie-engine-user-rating-display .me-stars .dashicons.dashicons-star-empty {
  color: rgba(var(--movie-engine-white-color-rgb), 0.2);
}
.movie-engine-review-content .movie-engine-user-rating-display .movie-engine-review-actions .movie-engine-btn-edit-review {
  background: rgba(var(--movie-engine-white-color-rgb), 0.08);
  color: rgba(var(--movie-engine-white-color-rgb), 0.8);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
  padding: 6px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
}
.movie-engine-review-content .movie-engine-user-rating-display .movie-engine-review-actions .movie-engine-btn-edit-review .dashicons,
.movie-engine-review-content .movie-engine-user-rating-display .movie-engine-review-actions .movie-engine-btn-edit-review i {
  font-size: 14px;
  width: 14px;
  height: 14px;
  line-height: 14px;
}
.movie-engine-review-content .movie-engine-user-rating-display .movie-engine-review-actions .movie-engine-btn-edit-review:hover {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  border-color: var(--movie-engine-primary-color);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(var(--movie-engine-primary-rgb), 0.3);
}
.movie-engine-review-content .movie-engine-user-rating-display .movie-engine-review-actions .movie-engine-btn-edit-review:active {
  transform: translateY(0);
}
.movie-engine-review-content .movie-engine-comment-text {
  font-size: 15px;
  line-height: 1.7;
  color: rgba(var(--movie-engine-white-color-rgb), 0.85);
}
.movie-engine-review-content .movie-engine-comment-text p {
  margin-bottom: 15px;
}
.movie-engine-review-content .movie-engine-comment-text p:last-child {
  margin-bottom: 0;
}
.movie-engine-review-content .movie-engine-awaiting-moderation {
  display: inline-block;
  font-size: 13px;
  color: var(--movie-engine-danger-color);
  background: rgba(var(--movie-engine-primary-rgb), 0.1);
  padding: 5px 12px;
  border-radius: 4px;
  margin-bottom: 15px;
  font-style: italic;
}

.movie-engine-review-form-wrapper {
  margin-top: 60px;
}
.movie-engine-review-form-wrapper #respond {
  padding: 40px;
}
@media (max-width: 600px) {
  .movie-engine-review-form-wrapper #respond {
    padding: 20px;
  }
}
.movie-engine-review-form-wrapper #respond #reply-title {
  font-size: 24px;
  margin-bottom: 25px;
}

.movie-engine-reviews-grid .movie-engine-rating-summary-box {
  background: rgba(var(--movie-engine-white-color-rgb), 0.03);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.08);
  border-radius: 20px;
  padding: 30px;
  backdrop-filter: blur(10px);
}

.movie-engine-add-review-cta {
  margin-top: 30px;
}

.movie-engine-pagination {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}
.movie-engine-pagination ul.page-numbers {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 10px;
}
.movie-engine-pagination ul.page-numbers li .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 15px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
  color: var(--movie-engine-white-color);
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease;
}
.movie-engine-pagination ul.page-numbers li .page-numbers.current {
  background: var(--movie-engine-primary-color);
  border-color: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
}
.movie-engine-pagination ul.page-numbers li .page-numbers:hover:not(.current) {
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.2);
  transform: translateY(-2px);
}
.movie-engine-pagination ul.page-numbers li .page-numbers.prev, .movie-engine-pagination ul.page-numbers li .page-numbers.next {
  background: rgba(var(--movie-engine-white-color-rgb), 0.08);
}

#respond {
  background: var(--movie-engine-bg-color);
  border: 1px solid var(--movie-engine-border-color);
  border-radius: 20px;
  padding: 30px;
  margin: 20px 0;
}
#respond h3#reply-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--movie-engine-white-color);
  margin-bottom: 20px;
}
#respond h3#reply-title small a {
  color: var(--movie-engine-danger-color);
  font-size: 14px;
  margin-left: 10px;
}
#respond .comment-notes,
#respond .logged-in-as {
  font-size: 14px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
  margin-bottom: 20px;
}
#respond .comment-notes a,
#respond .logged-in-as a {
  color: var(--movie-engine-primary-color);
  text-decoration: none;
}
#respond .comment-notes a:hover,
#respond .logged-in-as a:hover {
  text-decoration: underline;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment,
#respond .me-form-group {
  /* Form Fields */
  margin-bottom: 20px;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label,
#respond .me-form-group label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: rgba(var(--movie-engine-white-color-rgb), 0.7);
  margin-bottom: 8px;
}
#respond .comment-form-author input,
#respond .comment-form-author textarea,
#respond .comment-form-email input,
#respond .comment-form-email textarea,
#respond .comment-form-url input,
#respond .comment-form-url textarea,
#respond .comment-form-comment input,
#respond .comment-form-comment textarea,
#respond .me-form-group input,
#respond .me-form-group textarea {
  width: 100%;
  background: var(--movie-engine-bg-color);
  border: 1px solid var(--movie-engine-border-color);
  border-radius: 8px;
  padding: 12px 16px;
  color: var(--movie-engine-white-color);
  font-size: 15px;
  transition: all 0.3s ease;
}
#respond .comment-form-author input:focus,
#respond .comment-form-author textarea:focus,
#respond .comment-form-email input:focus,
#respond .comment-form-email textarea:focus,
#respond .comment-form-url input:focus,
#respond .comment-form-url textarea:focus,
#respond .comment-form-comment input:focus,
#respond .comment-form-comment textarea:focus,
#respond .me-form-group input:focus,
#respond .me-form-group textarea:focus {
  border-color: var(--movie-engine-primary-color);
  background: rgba(var(--movie-engine-black-rgb), 0.5);
  outline: none;
  box-shadow: 0 0 0 3px rgba(var(--movie-engine-primary-rgb), 0.15);
}
#respond .comment-form-comment textarea {
  min-height: 150px;
  resize: vertical;
}
#respond .movie-engine-rating-input {
  margin-bottom: 25px;
}
#respond .movie-engine-rating-input label {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: var(--movie-engine-white-color);
  margin-bottom: 12px;
}
#respond .movie-engine-rating-input .movie-engine-star-rating-select {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 5px;
}
#respond .movie-engine-rating-input .movie-engine-star-rating-select input {
  display: none;
}
#respond .movie-engine-rating-input .movie-engine-star-rating-select label {
  font-family: "Font Awesome 7 Free";
  font-weight: 400;
  font-size: 20px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.15);
  cursor: pointer;
  padding: 0;
  margin: 0 !important;
  transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media (max-width: 600px) {
  #respond .movie-engine-rating-input .movie-engine-star-rating-select label {
    font-size: 15px;
  }
}
#respond .movie-engine-rating-input .movie-engine-star-rating-select label:before {
  content: "\f005";
}
#respond .movie-engine-rating-input .movie-engine-star-rating-select label:hover {
  transform: scale(1.1);
}
#respond .movie-engine-rating-input .movie-engine-star-rating-select input:checked ~ label,
#respond .movie-engine-rating-input .movie-engine-star-rating-select label:hover,
#respond .movie-engine-rating-input .movie-engine-star-rating-select label:hover ~ label {
  color: var(--movie-engine-primary-color);
  font-weight: 900;
}
#respond .comment-form-cookies-consent {
  /* Cookies Consent */
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 25px;
}
#respond .comment-form-cookies-consent input[type=checkbox] {
  width: 18px;
  height: 18px;
  accent-color: var(--movie-engine-primary-color);
}
#respond .comment-form-cookies-consent label {
  font-size: 13px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
  margin: 0;
}
#respond .form-submit {
  /* Submit Button */
  margin-top: 20px;
}
#respond .form-submit .submit,
#respond .form-submit .movie-engine-btn-primary {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  border: none;
  padding: 14px 40px;
  border-radius: 30px;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  transition: all 0.3s ease;
}
#respond .form-submit .submit:hover,
#respond .form-submit .movie-engine-btn-primary:hover {
  background: var(--movie-engine-primary-color);
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(var(--movie-engine-primary-rgb), 0.4);
}
#respond .form-submit .submit:active,
#respond .form-submit .movie-engine-btn-primary:active {
  transform: translateY(0);
}

.movie-engine-live-search-wrapper {
  position: relative;
  width: 100%;
  max-width: 400px;
  z-index: 9999;
}
.movie-engine-live-search-wrapper .movie-engine-ls-input-group {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--movie-engine-black-color);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.2);
  border-radius: 30px;
  padding: 5px 20px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 10px rgba(var(--movie-engine-black-rgb), 0.2);
}
.movie-engine-live-search-wrapper .movie-engine-ls-input-group:focus-within {
  background: var(--movie-engine-bg-color);
  border-color: var(--movie-engine-primary-color);
  box-shadow: 0 0 15px rgba(var(--movie-engine-primary-color), 0.3);
}
.movie-engine-live-search-wrapper .movie-engine-ls-input-group .movie-engine-ls-icon {
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
  margin-right: 10px;
  font-size: 20px;
  height: 20px;
  width: 20px;
}
.movie-engine-live-search-wrapper .movie-engine-ls-input-group .movie-engine-ls-input {
  background: transparent;
  border: none;
  color: var(--movie-engine-white-color);
  flex: 1;
  padding: 8px 0;
  outline: none;
  font-size: 14px;
}
.movie-engine-live-search-wrapper .movie-engine-ls-input-group .movie-engine-ls-input::placeholder {
  color: rgba(var(--movie-engine-white-color-rgb), 0.4);
}
.movie-engine-live-search-wrapper .movie-engine-ls-input-group .movie-engine-ls-loader,
.movie-engine-live-search-wrapper .movie-engine-ls-input-group .me-ls-clear {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.movie-engine-live-search-wrapper .movie-engine-ls-input-group .me-ls-clear {
  cursor: pointer;
  color: rgba(var(--movie-engine-white-color-rgb), 0.4);
  transition: color 0.2s;
}
.movie-engine-live-search-wrapper .movie-engine-ls-input-group .me-ls-clear:hover {
  color: var(--movie-engine-white-color);
}
.movie-engine-live-search-wrapper .movie-engine-ls-input-group .me-ls-clear .dashicons {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.movie-engine-live-search-wrapper .movie-engine-ls-input-group .movie-engine-ls-loader .movie-engine-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
  border-top-color: var(--movie-engine-primary-color);
  border-radius: 50%;
  animation: movie-engine-spin 0.8s linear infinite;
}
.movie-engine-live-search-wrapper .movie-engine-live-search-results {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 10px;
  background: var(--movie-engine-black-color);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(var(--movie-engine-black-rgb), 0.5);
  max-height: 450px;
  overflow-y: auto;
  animation: movie-engine-fade-in-up 0.2s ease-out;
  transition: all 0.3s ease;
}
.movie-engine-live-search-wrapper .movie-engine-live-search-results::-webkit-scrollbar {
  width: 4px;
}
.movie-engine-live-search-wrapper .movie-engine-live-search-results::-webkit-scrollbar-thumb {
  background: var(--movie-engine-border-color);
  border-radius: 4px;
}
.movie-engine-live-search-wrapper .movie-engine-live-search-results::-webkit-scrollbar-track {
  background: transparent;
}
.movie-engine-live-search-wrapper .movie-engine-live-search-results .movie-engine-live-search-result {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  text-decoration: none;
  color: var(--movie-engine-white-color);
  transition: background 0.2s;
  border-bottom: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.05);
}
.movie-engine-live-search-wrapper .movie-engine-live-search-results .movie-engine-live-search-result:last-child {
  border-bottom: none;
}
.movie-engine-live-search-wrapper .movie-engine-live-search-results .movie-engine-live-search-result:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
}
.movie-engine-live-search-wrapper .movie-engine-live-search-results .movie-engine-live-search-result .movie-engine-ls-poster {
  width: 40px;
  height: 60px;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 15px;
  background: var(--movie-engine-black-color);
  flex-shrink: 0;
}
.movie-engine-live-search-wrapper .movie-engine-live-search-results .movie-engine-live-search-result .movie-engine-ls-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.movie-engine-live-search-wrapper .movie-engine-live-search-results .movie-engine-live-search-result .movie-engine-ls-poster.movie-engine-ls-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(var(--movie-engine-white-color-rgb), 0.2);
  background: var(--movie-engine-black-color);
}
.movie-engine-live-search-wrapper .movie-engine-live-search-results .movie-engine-live-search-result .movie-engine-ls-poster.movie-engine-ls-placeholder .dashicons {
  font-size: 24px;
  width: 24px;
  height: 24px;
}
.movie-engine-live-search-wrapper .movie-engine-live-search-results .movie-engine-live-search-result .movie-engine-ls-info {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.movie-engine-live-search-wrapper .movie-engine-live-search-results .movie-engine-live-search-result .movie-engine-ls-info .movie-engine-ls-title {
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 2px;
}
.movie-engine-live-search-wrapper .movie-engine-live-search-results .movie-engine-live-search-result .movie-engine-ls-info .movie-engine-ls-meta {
  font-size: 12px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
}
.movie-engine-live-search-wrapper .movie-engine-live-search-results .movie-engine-ls-no-results {
  padding: 20px;
  text-align: center;
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
  font-size: 14px;
}

@keyframes movie-engine-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes movie-engine-fade-in-up {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.movie-engine-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(var(--movie-engine-black-rgb), 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  align-items: center;
  justify-content: center;
}
.movie-engine-modal.me-flex, .movie-engine-modal[style*="display: block"] {
  display: flex;
}
.movie-engine-modal.me-hidden {
  display: none !important;
}

.movie-engine-modal-content {
  background: linear-gradient(145deg, var(--movie-engine-black-color) 0%, var(--movie-engine-bg-color) 100%);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.08);
  width: 90%;
  max-width: 900px;
  box-shadow: 0 25px 50px -12px rgba(var(--movie-engine-black-rgb), 0.8), 0 0 0 1px rgba(var(--movie-engine-white-color-rgb), 0.05), inset 0 1px 0 rgba(var(--movie-engine-white-color-rgb), 0.1);
  animation: meModalScaleIn 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  border-radius: 16px;
  overflow: hidden;
  margin: auto;
}

.movie-engine-close-modal {
  padding: 0;
  border: none;
  outline: none;
  color: rgba(var(--movie-engine-white-color-rgb), 0.7);
  font-size: 16px;
  font-weight: 300;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 100;
  cursor: pointer;
  line-height: 1;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(var(--movie-engine-black-rgb), 0.5);
  backdrop-filter: blur(10px);
  transition: all 0.2s ease;
}
.movie-engine-close-modal:hover, .movie-engine-close-modal:focus {
  color: var(--movie-engine-white-color);
  background: rgba(var(--movie-engine-white-color-rgb), 0.15);
  transform: rotate(90deg);
}

.movie-engine-video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  background: var(--movie-engine-black-color);
}
.movie-engine-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#movie-engine-trailer-modal {
  display: none;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: opacity 0.3s ease-out;
}
#movie-engine-trailer-modal:not(.me-hidden) {
  display: flex;
  align-items: center;
  justify-content: center;
}
#movie-engine-trailer-modal.me-trailer-opening {
  opacity: 0;
}
#movie-engine-trailer-modal.me-trailer-open {
  opacity: 1;
}
#movie-engine-trailer-modal .movie-engine-modal-content--trailer {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: scale(1);
  margin: auto !important;
  flex-shrink: 0;
  max-height: calc(100vh - 40px);
  width: 92%;
  max-width: 960px;
  padding: 0;
  background: var(--movie-engine-black-color);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.08);
  border-radius: 16px;
  box-shadow: 0 0 0 1px rgba(var(--movie-engine-white-color-rgb), 0.04), 0 32px 64px -12px rgba(0, 0, 0, 0.85), 0 0 120px -20px rgba(229, 9, 20, 0.12);
  overflow: hidden;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
#movie-engine-trailer-modal.me-trailer-opening .movie-engine-modal-content--trailer {
  transform: scale(0.92);
}
#movie-engine-trailer-modal.me-trailer-open .movie-engine-modal-content--trailer {
  transform: scale(1);
}
#movie-engine-trailer-modal .movie-engine-video-wrapper {
  border-radius: 0 0 14px 14px;
  overflow: hidden;
}
#movie-engine-trailer-modal .movie-engine-close-modal {
  right: 12px;
  top: 12px;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.65);
  color: var(--movie-engine-white-color);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.15);
  font-size: 22px;
  font-weight: 300;
  z-index: 10;
}
#movie-engine-trailer-modal .movie-engine-close-modal:hover {
  background: var(--movie-engine-primary-color);
  border-color: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
}

@keyframes meModalScaleIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.movie-engine-modal.me-movie-details-modal .movie-engine-modal-content {
  width: 95%;
  max-width: 1100px;
  background: linear-gradient(160deg, var(--movie-engine-black-color) 0%, var(--movie-engine-black-light-color) 100%);
  border: none;
  box-shadow: 0 50px 100px -20px rgba(var(--movie-engine-black-rgb), 0.9), 0 30px 60px -30px rgba(var(--movie-engine-black-rgb), 0.8), inset 0 1px 0 rgba(var(--movie-engine-white-color-rgb), 0.05);
}
.movie-engine-modal.me-movie-details-modal .me-modal-body {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 0;
  min-height: 500px;
}
@media (max-width: 900px) {
  .movie-engine-modal.me-movie-details-modal .me-modal-body {
    grid-template-columns: 1fr;
  }
}
.movie-engine-modal.me-movie-details-modal .me-modal-poster {
  position: relative;
  overflow: hidden;
}
.movie-engine-modal.me-movie-details-modal .me-modal-poster img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}
@media (max-width: 900px) {
  .movie-engine-modal.me-movie-details-modal .me-modal-poster {
    max-height: 300px;
  }
  .movie-engine-modal.me-movie-details-modal .me-modal-poster img {
    height: 300px;
  }
}
.movie-engine-modal.me-movie-details-modal .me-modal-info {
  padding: 32px;
  color: var(--movie-engine-white-color);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.movie-engine-modal.me-movie-details-modal .me-modal-info::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -50%;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, rgba(229, 9, 20, 0.08) 0%, transparent 70%);
  pointer-events: none;
}
@media (max-width: 900px) {
  .movie-engine-modal.me-movie-details-modal .me-modal-info {
    padding: 24px;
  }
}
.movie-engine-modal.me-movie-details-modal .me-modal-info h2 {
  font-size: 2rem;
  font-weight: 700;
  margin: 0 0 16px 0;
  line-height: 1.2;
  letter-spacing: -0.02em;
  background: linear-gradient(135deg, var(--movie-engine-white-color) 0%, rgba(var(--movie-engine-white-color-rgb), 0.8) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@media (max-width: 600px) {
  .movie-engine-modal.me-movie-details-modal .me-modal-info h2 {
    font-size: 1.5rem;
  }
}
.movie-engine-modal.me-movie-details-modal .me-modal-info .me-modal-breadcrumb {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.4);
  margin-bottom: 8px;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.movie-engine-modal.me-movie-details-modal .me-modal-info .me-modal-breadcrumb .me-sep {
  margin: 0 6px;
  opacity: 0.5;
}
.movie-engine-modal.me-movie-details-modal .me-modal-info .movie-engine-ratings {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}
.movie-engine-modal.me-movie-details-modal .me-modal-info .movie-engine-ratings .movie-engine-rating-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  background: rgba(var(--movie-engine-white-color-rgb), 0.08);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
  backdrop-filter: blur(10px);
}
.movie-engine-modal.me-movie-details-modal .me-modal-info .movie-engine-ratings .movie-engine-rating-badge img,
.movie-engine-modal.me-movie-details-modal .me-modal-info .movie-engine-ratings .movie-engine-rating-badge svg {
  width: 16px;
  height: 16px;
}
.movie-engine-modal.me-movie-details-modal .me-modal-meta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
}
.movie-engine-modal.me-movie-details-modal .me-modal-meta-row span:not(.me-dot) {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.06);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(var(--movie-engine-white-color-rgb), 0.9);
  backdrop-filter: blur(10px);
  transition: all 0.2s ease;
}
.movie-engine-modal.me-movie-details-modal .me-modal-meta-row span:not(.me-dot):hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.2);
}
.movie-engine-modal.me-movie-details-modal .me-modal-meta-row .me-dot {
  display: none;
}
.movie-engine-modal.me-movie-details-modal .me-modal-tabs {
  display: flex;
  gap: 4px;
  margin-bottom: 20px;
  padding: 4px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.04);
  border-radius: 10px;
  width: fit-content;
}
.movie-engine-modal.me-movie-details-modal .me-modal-tabs span {
  padding: 10px 20px;
  font-size: 13px;
  font-weight: 500;
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
  cursor: pointer;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.movie-engine-modal.me-movie-details-modal .me-modal-tabs span:hover {
  color: rgba(var(--movie-engine-white-color-rgb), 0.8);
}
.movie-engine-modal.me-movie-details-modal .me-modal-tabs span.active {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  box-shadow: 0 4px 12px rgba(229, 9, 20, 0.4);
}
.movie-engine-modal.me-movie-details-modal .me-modal-scroll-area {
  flex: 1;
  overflow-y: auto;
  padding-right: 8px;
  max-height: 350px;
}
.movie-engine-modal.me-movie-details-modal .me-modal-scroll-area::-webkit-scrollbar {
  width: 4px;
}
.movie-engine-modal.me-movie-details-modal .me-modal-scroll-area::-webkit-scrollbar-track {
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
  border-radius: 4px;
}
.movie-engine-modal.me-movie-details-modal .me-modal-scroll-area::-webkit-scrollbar-thumb {
  background: rgba(var(--movie-engine-white-color-rgb), 0.2);
  border-radius: 4px;
}
.movie-engine-modal.me-movie-details-modal .me-modal-scroll-area::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.3);
}
.movie-engine-modal.me-movie-details-modal .me-modal-synopsis {
  font-size: 14px;
  line-height: 1.7;
  color: rgba(var(--movie-engine-white-color-rgb), 0.7);
  margin-bottom: 24px;
}
.movie-engine-modal.me-movie-details-modal .me-modal-synopsis p {
  margin: 0 0 12px 0;
}
.movie-engine-modal.me-movie-details-modal .me-modal-details-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.03);
  border-radius: 12px;
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.05);
  margin-bottom: 24px;
}
.movie-engine-modal.me-movie-details-modal .me-modal-details-list p {
  margin: 0;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.movie-engine-modal.me-movie-details-modal .me-modal-details-list p strong {
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
  font-weight: 500;
  min-width: 90px;
}
.movie-engine-modal.me-movie-details-modal .me-modal-details-list p a {
  color: var(--movie-engine-white-color);
  text-decoration: none;
  transition: color 0.2s ease;
}
.movie-engine-modal.me-movie-details-modal .me-modal-details-list p a:hover {
  color: var(--movie-engine-primary-color);
}
.movie-engine-modal.me-movie-details-modal .me-modal-tagline {
  font-size: 13px;
  font-style: italic;
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
  margin: 0 0 8px 0;
}
.movie-engine-modal.me-movie-details-modal .me-modal-ratings-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.movie-engine-modal.me-movie-details-modal .me-modal-ratings-row .me-rating-item {
  display: flex;
  align-items: center;
  gap: 6px;
}
.movie-engine-modal.me-movie-details-modal .me-modal-ratings-row .me-rating-item svg {
  flex-shrink: 0;
}
.movie-engine-modal.me-movie-details-modal .me-modal-ratings-row .me-rating-item .me-rating-icon {
  font-size: 18px;
  color: var(--movie-engine-yellow-color);
}
.movie-engine-modal.me-movie-details-modal .me-modal-ratings-row .me-rating-item .me-rating-value {
  font-size: 16px;
  font-weight: 700;
  color: var(--movie-engine-white-color);
}
.movie-engine-modal.me-movie-details-modal .me-modal-ratings-row .me-rating-item .me-rating-max {
  font-size: 12px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
}
.movie-engine-modal.me-movie-details-modal .me-modal-ratings-row .me-rating-item .me-rating-label {
  font-size: 11px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
  text-transform: uppercase;
}
.movie-engine-modal.me-movie-details-modal .me-modal-ratings-row .me-rating-item.me-imdb-rating .me-rating-value {
  color: var(--movie-engine-yellow-color);
}
.movie-engine-modal.me-movie-details-modal .me-modal-ratings-row .me-rating-item.me-user-rating .me-rating-value {
  color: var(--movie-engine-success-color);
}
.movie-engine-modal.me-movie-details-modal .me-modal-genres {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}
.movie-engine-modal.me-movie-details-modal .me-modal-genres a {
  padding: 6px 14px;
  background: rgba(229, 9, 20, 0.1);
  border: 1px solid rgba(229, 9, 20, 0.3);
  border-radius: 20px;
  color: var(--movie-engine-primary-color);
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
}
.movie-engine-modal.me-movie-details-modal .me-modal-genres a:hover {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
}
.movie-engine-modal.me-movie-details-modal .me-quality-badge,
.movie-engine-modal.me-movie-details-modal .me-mpaa-badge,
.movie-engine-modal.me-movie-details-modal .me-status-badge {
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.5px;
}
.movie-engine-modal.me-movie-details-modal .me-modal-tab-content {
  display: none;
}
.movie-engine-modal.me-movie-details-modal .me-modal-tab-content.active {
  display: block;
}
.movie-engine-modal.me-movie-details-modal .me-modal-cast-section h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 16px 0;
  color: rgba(var(--movie-engine-white-color-rgb), 0.9);
}
.movie-engine-modal.me-movie-details-modal .me-cast-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
@media (max-width: 768px) {
  .movie-engine-modal.me-movie-details-modal .me-cast-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 480px) {
  .movie-engine-modal.me-movie-details-modal .me-cast-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.movie-engine-modal.me-movie-details-modal .me-cast-grid .me-cast-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 12px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.03);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.06);
  border-radius: 12px;
  transition: all 0.2s ease;
}
.movie-engine-modal.me-movie-details-modal .me-cast-grid .me-cast-item:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.06);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.1);
  transform: translateY(-2px);
}
.movie-engine-modal.me-movie-details-modal .me-cast-grid .me-cast-item .me-cast-photo {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 8px;
  border: 2px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
}
.movie-engine-modal.me-movie-details-modal .me-cast-grid .me-cast-item .me-cast-photo.me-no-photo {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
}
.movie-engine-modal.me-movie-details-modal .me-cast-grid .me-cast-item .me-cast-photo.me-no-photo svg {
  width: 30px;
  height: 30px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.3);
}
.movie-engine-modal.me-movie-details-modal .me-cast-grid .me-cast-item .me-cast-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.movie-engine-modal.me-movie-details-modal .me-cast-grid .me-cast-item .me-cast-name {
  font-size: 12px;
  font-weight: 600;
  color: var(--movie-engine-white-color);
  line-height: 1.3;
}
.movie-engine-modal.me-movie-details-modal .me-cast-grid .me-cast-item .me-cast-name a {
  font-size: 12px;
  font-weight: 600;
  color: var(--movie-engine-white-color);
  line-height: 1.3;
  text-decoration: none;
}
.movie-engine-modal.me-movie-details-modal .me-cast-grid .me-cast-item .me-cast-name a:hover {
  color: var(--movie-engine-primary-color);
}
.movie-engine-modal.me-movie-details-modal .me-cast-grid .me-cast-item .me-cast-character {
  font-size: 10px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
  line-height: 1.2;
}
.movie-engine-modal.me-movie-details-modal .me-cast-list-simple {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 8px;
}
.movie-engine-modal.me-movie-details-modal .me-cast-list-simple p {
  margin: 0;
  padding: 10px 14px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.04);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.06);
  border-radius: 8px;
  font-size: 13px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.8);
  text-align: center;
  transition: all 0.2s ease;
}
.movie-engine-modal.me-movie-details-modal .me-cast-list-simple p:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.08);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.12);
}

.movie-engine-modal.me-movie-share-modal .movie-engine-modal-content,
.movie-engine-modal.me-movie-share-modal .movie-engine-modal-content.me-share-modal-modern {
  max-width: 480px;
  width: 90%;
  padding: 32px;
  text-align: center;
  margin: auto;
}
.movie-engine-modal.me-movie-share-modal .me-share-header {
  margin-bottom: 24px;
}
.movie-engine-modal.me-movie-share-modal .me-share-header h3 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 0 8px 0;
  color: var(--movie-engine-white-color);
}
.movie-engine-modal.me-movie-share-modal .me-share-header p {
  font-size: 14px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.6);
  margin: 0;
}
.movie-engine-modal.me-movie-share-modal .me-share-url-container {
  margin-bottom: 28px;
}
.movie-engine-modal.me-movie-share-modal .me-share-input-wrapper {
  display: flex;
  gap: 8px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
  border-radius: 12px;
  padding: 6px;
}
.movie-engine-modal.me-movie-share-modal .me-share-input-wrapper input {
  flex: 1;
  background: transparent;
  border: none;
  padding: 12px 16px;
  font-size: 14px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.9);
  outline: none;
  min-width: 0;
}
.movie-engine-modal.me-movie-share-modal .me-share-input-wrapper button {
  padding: 12px 24px;
  background: var(--movie-engine-primary-color);
  border: none;
  border-radius: 8px;
  color: var(--movie-engine-white-color);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.movie-engine-modal.me-movie-share-modal .me-share-input-wrapper button:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(229, 9, 20, 0.5);
  filter: brightness(1.1);
}
.movie-engine-modal.me-movie-share-modal .me-share-input-wrapper button:active {
  transform: translateY(0);
}
.movie-engine-modal.me-movie-share-modal .me-social-share-grid {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
.movie-engine-modal.me-movie-share-modal .me-social-share-grid .me-social-icon {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.06);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.08);
  transition: all 0.2s ease;
}
.movie-engine-modal.me-movie-share-modal .me-social-share-grid .me-social-icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: rgba(var(--movie-engine-white-color-rgb), 0.7);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.movie-engine-modal.me-movie-share-modal .me-social-share-grid .me-social-icon:hover {
  transform: translateY(-3px);
}
.movie-engine-modal.me-movie-share-modal .me-social-share-grid .me-social-icon:hover svg {
  stroke: var(--movie-engine-white-color);
}
.movie-engine-modal.me-movie-share-modal .me-social-share-grid .me-social-icon.facebook:hover {
  background: #1877f2;
  border-color: #1877f2;
}
.movie-engine-modal.me-movie-share-modal .me-social-share-grid .me-social-icon.twitter:hover {
  background: #1da1f2;
  border-color: #1da1f2;
}
.movie-engine-modal.me-movie-share-modal .me-social-share-grid .me-social-icon.linkedin:hover {
  background: #0a66c2;
  border-color: #0a66c2;
}
.movie-engine-modal.me-movie-share-modal .me-social-share-grid .me-social-icon.pinterest:hover {
  background: #e60023;
  border-color: #e60023;
}
.movie-engine-modal.me-movie-share-modal .me-social-share-grid .me-social-icon.whatsapp:hover {
  background: #25d366;
  border-color: #25d366;
}
.movie-engine-modal.me-movie-share-modal .me-social-share-grid .me-social-icon.telegram:hover {
  background: #0088cc;
  border-color: #0088cc;
}
.movie-engine-modal.me-movie-share-modal .me-social-share-grid .me-social-icon.generic-share:hover {
  background: var(--movie-engine-primary-color);
  border-color: var(--movie-engine-primary-color);
}

#movie-engine-ppv-modal .movie-engine-ppv-modal-content {
  background: linear-gradient(145deg, var(--movie-engine-black-color) 0%, var(--movie-engine-bg-color) 100%);
  border-radius: 20px;
  padding: 0;
  max-width: 480px;
  width: 95%;
  position: relative;
  overflow: hidden;
  box-shadow: 0 25px 80px rgba(var(--movie-engine-black-rgb), 0.6);
  animation: meModalScaleIn 0.3s ease-out;
}
#movie-engine-ppv-modal .movie-engine-ppv-modal-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--movie-engine-primary-color), var(--movie-engine-primary-color), var(--movie-engine-primary-hover-color));
}
#movie-engine-ppv-modal .movie-engine-close-modal {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  font-size: 16px;
  border-radius: 50%;
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  border: none;
  color: rgba(var(--movie-engine-white-color-rgb), 0.7);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  z-index: 10;
}
#movie-engine-ppv-modal .movie-engine-close-modal:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.2);
  color: var(--movie-engine-white-color);
  transform: rotate(90deg);
}
#movie-engine-ppv-modal .movie-engine-close-modal svg {
  width: 20px;
  height: 20px;
}
#movie-engine-ppv-modal .movie-engine-ppv-modal-header {
  padding: 32px 32px 24px;
  text-align: center;
}
#movie-engine-ppv-modal .movie-engine-ppv-modal-header .movie-engine-ppv-modal-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--movie-engine-white-color);
  margin: 0 0 8px;
}
#movie-engine-ppv-modal .movie-engine-ppv-modal-header .movie-engine-ppv-modal-subtitle {
  font-size: 14px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.6);
  margin: 0;
}
#movie-engine-ppv-modal .movie-engine-ppv-modal-options {
  padding: 0 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#movie-engine-ppv-modal .movie-engine-ppv-option {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
  border: 2px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
}
#movie-engine-ppv-modal .movie-engine-ppv-option:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.08);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.2);
}
#movie-engine-ppv-modal .movie-engine-ppv-option.selected {
  background: rgba(var(--movie-engine-white-color-rgb), 0.15);
  border-color: var(--movie-engine-primary-color);
}
#movie-engine-ppv-modal .movie-engine-ppv-option.selected .movie-engine-ppv-option-icon {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
}
#movie-engine-ppv-modal .movie-engine-ppv-option.selected .movie-engine-ppv-option-check {
  opacity: 1;
  transform: scale(1);
}
#movie-engine-ppv-modal .movie-engine-ppv-option .movie-engine-ppv-option-icon {
  width: 56px;
  height: 56px;
  border-radius: 12px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(var(--movie-engine-white-color-rgb), 0.8);
  flex-shrink: 0;
  transition: all 0.3s;
}
#movie-engine-ppv-modal .movie-engine-ppv-option .movie-engine-ppv-option-icon svg {
  width: 28px;
  height: 28px;
}
#movie-engine-ppv-modal .movie-engine-ppv-option .movie-engine-ppv-option-info {
  flex: 1;
}
#movie-engine-ppv-modal .movie-engine-ppv-option .movie-engine-ppv-option-info h4 {
  font-size: 18px;
  font-weight: 700;
  color: var(--movie-engine-white-color);
  margin: 0 0 4px;
}
#movie-engine-ppv-modal .movie-engine-ppv-option .movie-engine-ppv-option-info .movie-engine-ppv-option-price {
  font-size: 24px;
  font-weight: 800;
  color: var(--movie-engine-yellow-color);
  margin: 0 0 4px;
}
#movie-engine-ppv-modal .movie-engine-ppv-option .movie-engine-ppv-option-info .movie-engine-ppv-option-desc {
  font-size: 13px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
}
#movie-engine-ppv-modal .movie-engine-ppv-option .movie-engine-ppv-option-check {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--movie-engine-primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--movie-engine-white-color);
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.3s;
  flex-shrink: 0;
}
#movie-engine-ppv-modal .movie-engine-ppv-option .movie-engine-ppv-option-check svg {
  width: 18px;
  height: 18px;
}
#movie-engine-ppv-modal .me-ppv-subscribe-option.selected .movie-engine-ppv-option-icon {
  background: linear-gradient(135deg, var(--movie-engine-primary-color) 0%, var(--movie-engine-primary-hover-color) 100%);
}
#movie-engine-ppv-modal .me-ppv-subscribe-option.selected .movie-engine-ppv-option-check {
  background: var(--movie-engine-primary-color);
}
#movie-engine-ppv-modal .me-ppv-subscribe-option .movie-engine-ppv-option-price {
  color: var(--movie-engine-primary-color);
}
#movie-engine-ppv-modal .me-ppv-buy-option.selected .movie-engine-ppv-option-icon {
  background: linear-gradient(135deg, var(--movie-engine-success-color) 0%, var(--movie-engine-success-color) 100%);
}
#movie-engine-ppv-modal .me-ppv-buy-option.selected .movie-engine-ppv-option-check {
  background: var(--movie-engine-success-color);
}
#movie-engine-ppv-modal .me-ppv-buy-option .movie-engine-ppv-option-price {
  color: var(--movie-engine-success-color);
}
#movie-engine-ppv-modal .me-ppv-rent-option.selected .movie-engine-ppv-option-icon {
  background: linear-gradient(135deg, var(--movie-engine-info-color) 0%, var(--movie-engine-info-color) 100%);
}
#movie-engine-ppv-modal .me-ppv-rent-option.selected .movie-engine-ppv-option-check {
  background: var(--movie-engine-info-color);
}
#movie-engine-ppv-modal .me-ppv-rent-option .movie-engine-ppv-option-price {
  color: var(--movie-engine-info-color);
}
#movie-engine-ppv-modal .movie-engine-ppv-modal-footer {
  padding: 24px 24px 32px;
}
#movie-engine-ppv-modal .movie-engine-ppv-modal-footer .movie-engine-ppv-confirm {
  width: 100%;
  height: 52px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: linear-gradient(135deg, var(--movie-engine-primary-color) 0%, var(--movie-engine-primary-hover-color) 100%);
  border: none;
  color: var(--movie-engine-white-color);
  cursor: pointer;
  transition: all 0.3s;
}
#movie-engine-ppv-modal .movie-engine-ppv-modal-footer .movie-engine-ppv-confirm:disabled {
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  color: rgba(var(--movie-engine-white-color-rgb), 0.3);
  cursor: not-allowed;
}
#movie-engine-ppv-modal .movie-engine-ppv-modal-footer .movie-engine-ppv-confirm:not(:disabled):hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(var(--movie-engine-primary-color), 0.4);
}
#movie-engine-ppv-modal .movie-engine-ppv-modal-footer .movie-engine-ppv-login-notice {
  text-align: center;
  margin-top: 16px;
  font-size: 13px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.5);
}
#movie-engine-ppv-modal .movie-engine-ppv-modal-footer .movie-engine-ppv-login-notice a {
  color: var(--movie-engine-primary-color);
  text-decoration: none;
  font-weight: 600;
}
#movie-engine-ppv-modal .movie-engine-ppv-modal-footer .movie-engine-ppv-login-notice a:hover {
  text-decoration: underline;
}
@media (max-width: 480px) {
  #movie-engine-ppv-modal .movie-engine-ppv-modal-content {
    border-radius: 16px 16px 0 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    animation: meModalSlideUp 0.3s ease-out;
  }
  #movie-engine-ppv-modal .movie-engine-ppv-option {
    padding: 16px;
  }
  #movie-engine-ppv-modal .movie-engine-ppv-option .movie-engine-ppv-option-icon {
    width: 48px;
    height: 48px;
  }
  #movie-engine-ppv-modal .movie-engine-ppv-option .movie-engine-ppv-option-icon svg {
    width: 24px;
    height: 24px;
  }
  #movie-engine-ppv-modal .movie-engine-ppv-option .movie-engine-ppv-option-info h4 {
    font-size: 16px;
  }
  #movie-engine-ppv-modal .movie-engine-ppv-option .movie-engine-ppv-option-price {
    font-size: 20px;
  }
}

@keyframes meModalSlideUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.movie-engine-login-modal-content {
  max-width: 420px;
  padding: 48px 40px;
  text-align: center;
  background: linear-gradient(160deg, var(--movie-engine-black-color) 0%, var(--movie-engine-bg-color) 100%);
  border-radius: 20px;
}
.movie-engine-login-modal-content .movie-engine-close-modal {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 16px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  border: none;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  color: rgba(var(--movie-engine-white-color-rgb), 0.6);
}
.movie-engine-login-modal-content .movie-engine-close-modal:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.15);
  color: var(--movie-engine-white-color);
}
.movie-engine-login-modal-content .movie-engine-close-modal .dashicons {
  font-size: 20px;
  width: 20px;
  height: 20px;
}
.movie-engine-login-modal-content .me-login-modal-icon {
  width: 100px;
  height: 100px;
  margin: 0 auto 24px;
  background: linear-gradient(135deg, rgba(var(--movie-engine-primary-rgb), 0.2) 0%, rgba(var(--movie-engine-primary-rgb), 0.05) 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(var(--movie-engine-primary-rgb), 0.3);
  font-size: 40px;
  color: var(--movie-engine-primary-color);
}
.movie-engine-login-modal-content .me-login-modal-icon svg {
  opacity: 0.9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.movie-engine-login-modal-content .me-login-modal-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--movie-engine-white-color);
  margin: 0 0 12px;
  letter-spacing: -0.02em;
}
.movie-engine-login-modal-content .me-login-modal-text {
  font-size: 15px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.6);
  line-height: 1.6;
  margin: 0 0 32px;
}
.movie-engine-login-modal-content .me-login-modal-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.movie-engine-login-modal-content .me-login-modal-actions .movie-engine-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 24px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 12px;
  text-decoration: none;
  transition: all 0.2s ease;
}
.movie-engine-login-modal-content .me-login-modal-actions .movie-engine-btn svg {
  flex-shrink: 0;
}
.movie-engine-login-modal-content .me-login-modal-actions .movie-engine-btn.me-btn-primary {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  border: none;
}
.movie-engine-login-modal-content .me-login-modal-actions .movie-engine-btn.me-btn-primary:hover {
  filter: brightness(1.1);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(var(--movie-engine-primary-rgb), 0.4);
}
.movie-engine-login-modal-content .me-login-modal-actions .movie-engine-btn.me-btn-secondary {
  background: rgba(var(--movie-engine-white-color-rgb), 0.08);
  color: rgba(var(--movie-engine-white-color-rgb), 0.9);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.15);
}
.movie-engine-login-modal-content .me-login-modal-actions .movie-engine-btn.me-btn-secondary:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.12);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.25);
  transform: translateY(-2px);
}
@media (max-width: 480px) {
  .movie-engine-login-modal-content {
    padding: 36px 24px;
  }
  .movie-engine-login-modal-content .me-login-modal-icon {
    width: 80px;
    height: 80px;
  }
  .movie-engine-login-modal-content .me-login-modal-icon svg {
    width: 48px;
    height: 48px;
  }
  .movie-engine-login-modal-content .me-login-modal-title {
    font-size: 20px;
  }
  .movie-engine-login-modal-content .me-login-modal-text {
    font-size: 14px;
  }
}

.movie-engine-ppv-section {
  margin: 30px 0;
  padding: 30px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.03);
  border-radius: 16px;
  border: 1px solid var(--movie-engine-border-color);
  backdrop-filter: blur(10px);
}
.movie-engine-ppv-section .movie-engine-ppv-title {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 20px 0;
  color: var(--movie-engine-white-color);
  letter-spacing: -0.5px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.movie-engine-ppv-section .movie-engine-ppv-title::before {
  content: "";
  width: 4px;
  height: 20px;
  background: var(--movie-engine-primary-color);
  border-radius: 10px;
}
.movie-engine-ppv-section .movie-engine-ppv-buttons {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .movie-engine-ppv-section .movie-engine-ppv-buttons {
    flex-direction: column;
  }
}
.movie-engine-ppv-section .movie-engine-btn-ppv {
  flex: 1;
  min-width: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 20px;
  background: linear-gradient(135deg, var(--movie-engine-primary-color) 0%, rgba(var(--movie-engine-primary-rgb), 0.8) 100%);
  border: none;
  border-radius: 12px;
  color: var(--movie-engine-white-color);
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  position: relative;
  overflow: hidden;
  text-decoration: none;
}
@media (max-width: 768px) {
  .movie-engine-ppv-section .movie-engine-btn-ppv {
    min-width: 100%;
  }
}
.movie-engine-ppv-section .movie-engine-btn-ppv::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(var(--movie-engine-white-color-rgb), 0.1) 0%, transparent 70%);
  opacity: 0;
  transition: opacity 0.3s;
}
.movie-engine-ppv-section .movie-engine-btn-ppv:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(var(--movie-engine-primary-color), 0.4);
}
.movie-engine-ppv-section .movie-engine-btn-ppv:hover::after {
  opacity: 1;
}
.movie-engine-ppv-section .movie-engine-btn-ppv:hover .dashicons {
  transform: scale(1.1);
}
.movie-engine-ppv-section .movie-engine-btn-ppv .dashicons {
  font-size: 28px;
  width: 28px;
  height: 28px;
  margin-bottom: 12px;
  transition: transform 0.3s;
}
.movie-engine-ppv-section .movie-engine-btn-ppv .movie-engine-ppv-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  opacity: 0.9;
}
.movie-engine-ppv-section .movie-engine-btn-ppv .movie-engine-ppv-price {
  font-size: 28px;
  font-weight: 800;
  margin-top: 8px;
  text-shadow: 0 2px 4px rgba(var(--movie-engine-black-rgb), 0.2);
}
.movie-engine-ppv-section .movie-engine-btn-ppv .movie-engine-ppv-desc {
  font-size: 11px;
  font-weight: 500;
  opacity: 0.8;
  margin-top: 8px;
  background: rgba(var(--movie-engine-black-rgb), 0.15);
  padding: 4px 12px;
  border-radius: 20px;
}
.movie-engine-ppv-section .movie-engine-btn-ppv.movie-engine-btn-rent {
  background: var(--movie-engine-info-color);
}
.movie-engine-ppv-section .movie-engine-btn-ppv.movie-engine-btn-rent:hover {
  box-shadow: 0 15px 30px rgba(var(--movie-engine-info-color), 0.4);
}
.movie-engine-ppv-section .movie-engine-ppv-owned,
.movie-engine-ppv-section .movie-engine-ppv-rental-active {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px;
  background: var(--movie-engine-success-color);
  border: 1px solid var(--movie-engine-success-color);
  border-radius: 12px;
  color: var(--movie-engine-white-color);
  font-weight: 700;
  font-size: 15px;
}
.movie-engine-ppv-section .movie-engine-ppv-owned .dashicons,
.movie-engine-ppv-section .movie-engine-ppv-rental-active .dashicons {
  font-size: 20px;
  width: 20px;
  height: 20px;
}
.movie-engine-ppv-section .movie-engine-ppv-rental-active {
  background: var(--movie-engine-warning-color);
  border-color: var(--movie-engine-warning-color);
  color: var(--movie-engine-white-color);
}
.movie-engine-ppv-section .movie-engine-ppv-login-notice {
  margin-top: 25px;
  font-size: 14px;
  color: var(--movie-engine-muted-color);
  text-align: center;
  padding: 15px;
  background: var(--movie-engine-black-color);
  border-radius: 10px;
}
.movie-engine-ppv-section .movie-engine-ppv-login-notice a {
  color: var(--movie-engine-primary-color);
  text-decoration: none;
  font-weight: 700;
  margin-left: 5px;
}
.movie-engine-ppv-section .movie-engine-ppv-login-notice a:hover {
  text-decoration: underline;
}

.movie-engine-user-rating-box {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 20px 0;
  background: rgba(var(--movie-engine-black-rgb), 0.3);
  padding: 15px;
  border-radius: 10px;
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.1);
}

.movie-engine-rating-stars {
  display: flex;
  gap: 2px;
}

.movie-engine-star {
  color: var(--movie-engine-black-color);
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 20px;
  width: 20px;
  height: 20px;
}

.movie-engine-star.active {
  color: var(--movie-engine-yellow-color);
}

.movie-engine-star.hover {
  color: var(--movie-engine-yellow-color);
  opacity: 0.7;
}

.movie-engine-rating-stats {
  display: flex;
  flex-direction: column;
  line-height: 1;
}

.movie-engine-avg-val {
  font-size: 24px;
  font-weight: 800;
  color: var(--movie-engine-white-color);
}

.movie-engine-rating-text {
  font-size: 11px;
  color: var(--movie-engine-muted-color);
  text-transform: uppercase;
  margin-top: 5px;
}

.movie-engine-purchases-wrapper {
  margin: 0;
}
.movie-engine-purchases-wrapper .movie-engine-content-row {
  margin-bottom: 40px;
}
.movie-engine-purchases-wrapper .movie-engine-row-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.movie-engine-purchases-wrapper .movie-engine-row-header .movie-engine-row-title-group {
  display: flex;
  align-items: center;
  gap: 12px;
}
.movie-engine-purchases-wrapper .movie-engine-row-header .movie-engine-row-title-group .movie-engine-row-icon {
  color: rgba(var(--movie-engine-white-color-rgb), 0.6);
  flex-shrink: 0;
  font-size: 18px;
}
.movie-engine-purchases-wrapper .movie-engine-row-header .movie-engine-row-title-group .movie-engine-row-title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: var(--movie-engine-white-color);
  letter-spacing: -0.5px;
}
.movie-engine-purchases-wrapper .movie-engine-poster-slider {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.movie-engine-purchases-wrapper .movie-engine-poster-slider::-webkit-scrollbar {
  display: none;
}
.movie-engine-purchases-wrapper .movie-engine-poster-slider .movie-engine-poster-track {
  display: flex;
  gap: 16px;
  padding-bottom: 10px;
}
.movie-engine-purchases-wrapper .movie-engine-poster-slider .movie-engine-poster-item {
  flex: 0 0 auto;
  width: 180px;
}
.movie-engine-purchases-wrapper .movie-engine-poster-slider .movie-engine-poster-item .movie-engine-poster-link {
  display: block;
  text-decoration: none;
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.movie-engine-purchases-wrapper .movie-engine-poster-slider .movie-engine-poster-item .movie-engine-poster-link:hover {
  transform: translateY(-8px);
}
.movie-engine-purchases-wrapper .movie-engine-poster-slider .movie-engine-poster-item .movie-engine-poster-link:hover .movie-engine-poster-image img {
  box-shadow: 0 10px 30px rgba(var(--movie-engine-black-rgb), 0.6);
  transform: scale(1.05);
}
.movie-engine-purchases-wrapper .movie-engine-poster-slider .movie-engine-poster-item .movie-engine-poster-link .movie-engine-poster-image {
  position: relative;
  width: 100%;
  height: 270px;
  border-radius: 12px;
  overflow: hidden;
  background: var(--movie-engine-black-light-color);
}
.movie-engine-purchases-wrapper .movie-engine-poster-slider .movie-engine-poster-item .movie-engine-poster-link .movie-engine-poster-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s ease;
}
.movie-engine-purchases-wrapper .movie-engine-poster-slider .movie-engine-poster-item .movie-engine-poster-link .movie-engine-poster-image .movie-engine-poster-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(var(--movie-engine-white-color-rgb), 0.1);
  font-size: 32px;
}
.movie-engine-purchases-wrapper .movie-engine-poster-slider .movie-engine-poster-item .movie-engine-poster-link .movie-engine-poster-image .movie-engine-poster-timer {
  position: absolute;
  top: 10px;
  left: 10px;
  background: rgba(var(--movie-engine-yellow-rgb), 0.9);
  backdrop-filter: blur(8px);
  color: var(--movie-engine-white-color);
  padding: 5px 12px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 800;
  display: flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 4px 10px rgba(var(--movie-engine-yellow-rgb), 0.3);
  z-index: 2;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.movie-engine-purchases-wrapper .movie-engine-poster-slider .movie-engine-poster-item .movie-engine-poster-link .movie-engine-poster-info {
  padding: 12px 2px 0;
}
.movie-engine-purchases-wrapper .movie-engine-poster-slider .movie-engine-poster-item .movie-engine-poster-link .movie-engine-poster-info .movie-engine-poster-title {
  margin: 0 0 8px 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--movie-engine-white-color);
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: color 0.3s;
}
.movie-engine-purchases-wrapper .movie-engine-poster-slider .movie-engine-poster-item .movie-engine-poster-link .movie-engine-poster-info .movie-engine-poster-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: var(--movie-engine-muted-color);
}
.movie-engine-purchases-wrapper .movie-engine-poster-slider .movie-engine-poster-item .movie-engine-poster-link .movie-engine-poster-info .movie-engine-poster-meta .movie-engine-rating {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--movie-engine-yellow-color);
  font-weight: 700;
}
.movie-engine-purchases-wrapper .movie-engine-poster-slider .movie-engine-poster-item .movie-engine-poster-link .movie-engine-poster-info .movie-engine-poster-meta .movie-engine-rating svg {
  flex-shrink: 0;
  font-size: 12px;
}
.movie-engine-purchases-wrapper .movie-engine-poster-slider .movie-engine-poster-item .movie-engine-poster-link .movie-engine-poster-info .movie-engine-poster-meta .movie-engine-year {
  opacity: 0.8;
}
.movie-engine-purchases-wrapper .movie-engine-poster-slider .movie-engine-poster-item .movie-engine-poster-link .movie-engine-poster-info .movie-engine-poster-meta .movie-engine-type-badge {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  opacity: 0.6;
}
.movie-engine-purchases-wrapper .movie-engine-empty-library {
  text-align: center;
  padding: 100px 40px;
  background: rgba(var(--movie-engine-white-color-rgb), 0.02);
  border-radius: 16px;
  border: 2px dashed rgba(var(--movie-engine-white-color-rgb), 0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.movie-engine-purchases-wrapper .movie-engine-empty-library .movie-engine-empty-icon {
  margin-bottom: 25px;
  color: rgba(var(--movie-engine-white-color-rgb), 0.05);
  font-size: 80px;
}
.movie-engine-purchases-wrapper .movie-engine-empty-library h3 {
  font-size: 26px;
  font-weight: 800;
  margin: 0 0 15px 0;
  color: var(--movie-engine-white-color);
}
.movie-engine-purchases-wrapper .movie-engine-empty-library p {
  color: var(--movie-engine-muted-color);
  margin: 0 0 30px 0;
  font-size: 16px;
  max-width: 400px;
}
.movie-engine-purchases-wrapper .movie-engine-empty-library .movie-engine-cta-button {
  display: inline-block;
  padding: 15px 40px;
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  text-decoration: none;
  border-radius: 50px;
  font-weight: 800;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.movie-engine-purchases-wrapper .movie-engine-empty-library .movie-engine-cta-button:hover {
  background: var(--movie-engine-primary-hover-color);
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(var(--movie-engine-primary-rgb), 0.4);
}

/* Responsive Styles */
@media (max-width: 992px) {
  .movie-engine-purchases-wrapper .movie-engine-poster-slider .movie-engine-poster-item {
    width: 160px;
  }
  .movie-engine-purchases-wrapper .movie-engine-poster-slider .movie-engine-poster-item .movie-engine-poster-image {
    height: 240px;
  }
}
@media (max-width: 768px) {
  .movie-engine-purchases-wrapper .movie-engine-row-header {
    margin-bottom: 15px;
  }
  .movie-engine-purchases-wrapper .movie-engine-row-header .movie-engine-row-title-group .movie-engine-row-title {
    font-size: 18px;
  }
  .movie-engine-purchases-wrapper .movie-engine-poster-slider .movie-engine-poster-item {
    width: 140px;
  }
  .movie-engine-purchases-wrapper .movie-engine-poster-slider .movie-engine-poster-item .movie-engine-poster-image {
    height: 210px;
  }
  .movie-engine-purchases-wrapper .movie-engine-poster-slider .movie-engine-poster-item .movie-engine-poster-info .movie-engine-poster-title {
    font-size: 14px;
  }
  .movie-engine-purchases-wrapper .movie-engine-poster-slider .movie-engine-poster-item .movie-engine-poster-info .movie-engine-poster-meta {
    font-size: 11px;
  }
}
@media (max-width: 480px) {
  .movie-engine-purchases-wrapper .movie-engine-poster-slider .movie-engine-poster-item {
    width: 120px;
  }
  .movie-engine-purchases-wrapper .movie-engine-poster-slider .movie-engine-poster-item .movie-engine-poster-image {
    height: 180px;
  }
  .movie-engine-purchases-wrapper .movie-engine-empty-library {
    padding: 60px 20px;
  }
  .movie-engine-purchases-wrapper .movie-engine-empty-library h3 {
    font-size: 22px;
  }
  .movie-engine-purchases-wrapper .movie-engine-empty-library p {
    font-size: 14px;
  }
}
.movie-engine-affiliate-btn:hover {
  background-color: var(--movie-engine-black-color);
  color: var(--movie-engine-white-color);
  transform: translateY(-2px);
}
.movie-engine-affiliate-btn.amazon {
  background-color: #FF9900;
  color: #000;
}
.movie-engine-affiliate-btn.amazon:hover {
  background-color: #e68a00;
}
.movie-engine-affiliate-btn.netflix {
  background-color: var(--movie-engine-primary-color);
}
.movie-engine-affiliate-btn.netflix:hover {
  background-color: #b20710;
}
.movie-engine-affiliate-btn.prime {
  background-color: #00A8E1;
}
.movie-engine-affiliate-btn.prime:hover {
  background-color: #008bbd;
}
.movie-engine-affiliate-btn.disney {
  background-color: #113CCF;
}
.movie-engine-affiliate-btn.disney:hover {
  background-color: #0d2ca0;
}
.movie-engine-affiliate-btn.hulu {
  background-color: #1CE783;
  color: #000;
}
.movie-engine-affiliate-btn.hulu:hover {
  background-color: #15b566;
}
.movie-engine-affiliate-btn.hbo {
  background-color: #5D2E86;
}
.movie-engine-affiliate-btn.hbo:hover {
  background-color: #452263;
}
.movie-engine-affiliate-btn.apple {
  background-color: #000000;
}
.movie-engine-affiliate-btn.apple:hover {
  background-color: #333;
}
.movie-engine-affiliate-btn.tickets {
  background-color: #F44336;
}
.movie-engine-affiliate-btn.tickets:hover {
  background-color: #d32f2f;
}

.movie-engine-ratings-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 15px 0;
}

.movie-engine-rating-item {
  display: flex;
  align-items: center;
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.2);
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 13px;
  font-weight: 700;
  color: var(--movie-engine-white-color);
  backdrop-filter: blur(5px);
  transition: all 0.2s ease;
}
.movie-engine-rating-item:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.2);
  transform: translateY(-2px);
}
.movie-engine-rating-item.imdb .movie-engine-rating-logo {
  color: var(--movie-engine-yellow-color);
}
.movie-engine-rating-item.tmdb .movie-engine-rating-logo {
  color: var(--movie-engine-info-color);
}
.movie-engine-rating-item.tomatoes .movie-engine-rating-logo {
  display: flex;
  align-items: center;
}
.movie-engine-rating-item.users {
  background: rgba(var(--movie-engine-primary-rgb), 0.2);
  border-color: rgba(var(--movie-engine-primary-rgb), 0.4);
}
.movie-engine-rating-item.users .movie-engine-rating-logo {
  color: var(--movie-engine-primary-color);
}
.movie-engine-rating-item.users .movie-engine-rating-logo .dashicons,
.movie-engine-rating-item.users .movie-engine-rating-logo .fa-star {
  font-size: 14px;
  width: 14px;
  height: 14px;
  line-height: 1;
}
.movie-engine-rating-item.metacritic {
  background: var(--movie-engine-success-color);
  border-color: var(--movie-engine-success-color);
  color: var(--movie-engine-black-color);
}
.movie-engine-rating-item.metacritic .movie-engine-rating-logo {
  opacity: 0.7;
}

.movie-engine-rating-logo {
  margin-right: 6px;
  font-size: 11px;
  text-transform: uppercase;
  opacity: 0.9;
}

.movie-engine-single-person-wrapper {
  background-color: #000000;
  color: #ffffff;
  min-height: 100vh;
  font-family: "Inter", sans-serif;
}
.movie-engine-single-person-wrapper .me-person-main-grid {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 60px;
}
@media (max-width: 992px) {
  .movie-engine-single-person-wrapper .me-person-main-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
@media (max-width: 992px) {
  .movie-engine-single-person-wrapper .me-person-sidebar {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
.movie-engine-single-person-wrapper .me-person-sidebar .me-person-photo-card {
  border-radius: 16px;
  overflow: hidden;
  background: #111;
  width: 100%;
  max-width: 300px;
  aspect-ratio: 2/3;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.05);
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.movie-engine-single-person-wrapper .me-person-sidebar .me-person-photo-card:hover {
  transform: scale(1.02);
  border-color: rgba(229, 9, 20, 0.3);
}
.movie-engine-single-person-wrapper .me-person-sidebar .me-person-photo-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.movie-engine-single-person-wrapper .me-person-sidebar .me-person-photo-card .me-no-photo-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #111 0%, #222 100%);
  color: #444;
}
.movie-engine-single-person-wrapper .me-person-sidebar .me-person-photo-card .me-no-photo-placeholder .dashicons {
  font-size: 80px;
  width: 80px;
  height: 80px;
}
.movie-engine-single-person-wrapper .me-person-sidebar .me-person-socials {
  display: flex;
  gap: 12px;
  margin-top: 20px;
}
.movie-engine-single-person-wrapper .me-person-sidebar .me-person-socials .me-social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  color: #ffffff;
  font-size: 18px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.movie-engine-single-person-wrapper .me-person-sidebar .me-person-socials .me-social-link:hover {
  background: #e50914;
  color: #ffffff;
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(229, 9, 20, 0.4);
  border-color: #e50914;
}
.movie-engine-single-person-wrapper .me-person-details-box {
  background: rgba(255, 255, 255, 0.02);
  padding: 24px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  margin-top: 30px;
}
.movie-engine-single-person-wrapper .me-person-details-box .me-details-title {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 20px 0;
  color: #ffffff;
  border-bottom: 2px solid #e50914;
  display: inline-block;
  padding-bottom: 5px;
}
.movie-engine-single-person-wrapper .me-person-details-box .me-details-item {
  margin-bottom: 20px;
}
.movie-engine-single-person-wrapper .me-person-details-box .me-details-item:last-child {
  margin-bottom: 0;
}
.movie-engine-single-person-wrapper .me-person-details-box .me-details-item .me-details-label {
  font-weight: 600;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: #64748b;
  display: block;
  margin-bottom: 6px;
}
.movie-engine-single-person-wrapper .me-person-details-box .me-details-item .me-details-value {
  font-size: 15px;
  font-weight: 500;
  color: #f1f5f9;
  line-height: 1.5;
}
.movie-engine-single-person-wrapper .me-person-details-box .me-details-item .me-details-value.me-block {
  display: block;
  margin-bottom: 4px;
}
.movie-engine-single-person-wrapper .me-person-details-box .me-details-item .me-details-aka-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.movie-engine-single-person-wrapper .me-person-name {
  font-size: 36px;
  font-weight: 800;
  margin: 0 0 8px 0;
  color: #ffffff;
}
.movie-engine-single-person-wrapper .me-person-department {
  color: #e50914;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
}
.movie-engine-single-person-wrapper .me-person-biography-wrapper {
  position: relative;
}
.movie-engine-single-person-wrapper .me-person-biography-wrapper .me-person-biography {
  font-size: 15px;
  line-height: 1.6;
  color: #cccccc;
  max-width: 100%;
  overflow: hidden;
  max-height: 160px;
  transition: max-height 0.5s ease;
  position: relative;
}
.movie-engine-single-person-wrapper .me-person-biography-wrapper .me-person-biography.expanded {
  max-height: 2000px;
}
.movie-engine-single-person-wrapper .me-person-biography-wrapper .me-person-biography.expanded::after {
  opacity: 0;
}
.movie-engine-single-person-wrapper .me-person-biography-wrapper .me-person-biography::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: linear-gradient(transparent, #000000);
  transition: opacity 0.3s;
  pointer-events: none;
}
.movie-engine-single-person-wrapper .me-person-biography-wrapper .me-person-biography p {
  margin-bottom: 15px;
}
.movie-engine-single-person-wrapper .me-person-biography-wrapper .me-read-more-btn {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  margin-top: 10px;
  display: inline-block;
  transition: all 0.3s ease;
}
.movie-engine-single-person-wrapper .me-person-biography-wrapper .me-read-more-btn:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #e50914;
}
.movie-engine-single-person-wrapper .me-title {
  font-size: 28px;
  font-weight: 800;
  margin: 0;
  color: #ffffff;
}
.movie-engine-single-person-wrapper .me-history-tabs {
  display: flex;
  gap: 30px;
  border-bottom: 1px solid #222;
}
.movie-engine-single-person-wrapper .me-history-tabs .me-tab-btn {
  background: none;
  border: none;
  padding: 12px 0;
  color: #94a3b8;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  transition: color 0.3s;
}
.movie-engine-single-person-wrapper .me-history-tabs .me-tab-btn:hover {
  color: #ffffff;
}
.movie-engine-single-person-wrapper .me-history-tabs .me-tab-btn.active {
  color: #ffffff;
}
.movie-engine-single-person-wrapper .me-history-tabs .me-tab-btn.active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #e50914;
}
.movie-engine-single-person-wrapper .me-person-filmography-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 20px;
  max-height: 600px;
  overflow-y: auto;
  padding-right: 15px;
}
.movie-engine-single-person-wrapper .me-person-filmography-grid::-webkit-scrollbar {
  width: 6px;
}
.movie-engine-single-person-wrapper .me-person-filmography-grid::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 10px;
}
.movie-engine-single-person-wrapper .me-person-filmography-grid::-webkit-scrollbar-thumb {
  background: #e50914;
  border-radius: 10px;
}
@media (max-width: 480px) {
  .movie-engine-single-person-wrapper .me-person-filmography-grid {
    grid-template-columns: 1fr;
  }
}
.movie-engine-single-person-wrapper .me-person-history-card {
  background: #111;
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.3s, background 0.3s;
}
.movie-engine-single-person-wrapper .me-person-history-card:hover {
  transform: translateY(-5px);
  background: #1a1a1a;
}
.movie-engine-single-person-wrapper .me-person-history-card .me-history-card-link {
  display: flex;
  text-decoration: none;
  height: 120px;
}
.movie-engine-single-person-wrapper .me-person-history-card .me-history-card-poster {
  width: 80px;
  flex-shrink: 0;
  background: #222;
}
.movie-engine-single-person-wrapper .me-person-history-card .me-history-card-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.movie-engine-single-person-wrapper .me-person-history-card .me-history-card-info {
  flex: 1;
  padding: 15px 20px;
  display: flex;
  align-items: center;
}
.movie-engine-single-person-wrapper .me-person-history-card .me-history-card-info .me-info-inner {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.movie-engine-single-person-wrapper .me-person-history-card .me-history-card-info .me-history-item-title {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.3;
}
.movie-engine-single-person-wrapper .me-person-history-card .me-history-card-info .me-history-item-year {
  font-size: 13px;
  color: #64748b;
  font-weight: 500;
}
.movie-engine-single-person-wrapper .me-person-history-card .me-history-card-info .me-history-item-character {
  font-size: 13px;
  color: #94a3b8;
  font-style: italic;
  margin-top: 2px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.movie-engine-single-person-wrapper .me-person-history-card .me-history-card-info .me-history-item-character::before {
  content: "as ";
  opacity: 0.7;
}
.movie-engine-single-person-wrapper .me-no-results {
  grid-column: 1/-1;
  padding: 40px;
  text-align: center;
  background: #111;
  border-radius: 12px;
  color: #64748b;
}

/**
 * Horizontal Slider/Carousel Styles
 */
.movie-engine-slider-enabled {
  position: relative;
}
.movie-engine-slider-enabled .movie-engine-items-grid {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  gap: 20px;
  padding-bottom: 0;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
}
.movie-engine-slider-enabled .movie-engine-items-grid::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera */
}
.movie-engine-slider-enabled .movie-engine-items-grid .movie-engine-item-card,
.movie-engine-slider-enabled .movie-engine-items-grid .movie-engine-movie-card {
  flex: 0 0 auto;
  width: calc((100% - (var(--grid-columns, 6) - 1) * 20px) / var(--grid-columns, 6));
}
@media (max-width: 1440px) {
  .movie-engine-slider-enabled .movie-engine-items-grid .movie-engine-item-card,
  .movie-engine-slider-enabled .movie-engine-items-grid .movie-engine-movie-card {
    width: calc((100% - (var(--grid-columns-laptop, 5) - 1) * 20px) / var(--grid-columns-laptop, 5));
  }
}
@media (max-width: 1200px) {
  .movie-engine-slider-enabled .movie-engine-items-grid .movie-engine-item-card,
  .movie-engine-slider-enabled .movie-engine-items-grid .movie-engine-movie-card {
    width: calc((100% - (var(--grid-columns-tablet, 4) - 1) * 20px) / var(--grid-columns-tablet, 4));
  }
}
@media (max-width: 768px) {
  .movie-engine-slider-enabled .movie-engine-items-grid .movie-engine-item-card,
  .movie-engine-slider-enabled .movie-engine-items-grid .movie-engine-movie-card {
    width: calc((100% - (var(--grid-columns-mobile, 3) - 1) * 15px) / var(--grid-columns-mobile, 3));
  }
}
@media (max-width: 480px) {
  .movie-engine-slider-enabled .movie-engine-items-grid .movie-engine-item-card,
  .movie-engine-slider-enabled .movie-engine-items-grid .movie-engine-movie-card {
    width: calc((100% - 12px) / 2);
  }
}
.movie-engine-slider-enabled .movie-engine-slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: transparent;
  border: 2px solid var(--movie-engine-white-color);
  color: var(--movie-engine-white-color);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  opacity: 1;
  pointer-events: auto;
  backdrop-filter: blur(5px);
  padding: 10px 0;
}
.movie-engine-slider-enabled .movie-engine-slider-nav:hover {
  background: var(--movie-engine-primary-color);
  border-color: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  transform: translateY(-50%) scale(1.1);
}
.movie-engine-slider-enabled .movie-engine-slider-nav:active {
  transform: translateY(-50%) scale(0.95);
}
.movie-engine-slider-enabled .movie-engine-slider-nav::before {
  font-size: 20px;
  line-height: 1;
  display: inline-block;
  color: inherit;
}
.movie-engine-slider-enabled .movie-engine-slider-nav.movie-engine-slider-prev {
  left: -50px;
}
.movie-engine-slider-enabled .movie-engine-slider-nav.movie-engine-slider-next {
  right: -50px;
}
@media (max-width: 768px) {
  .movie-engine-slider-enabled .movie-engine-slider-nav {
    width: 36px;
    height: 36px;
  }
  .movie-engine-slider-enabled .movie-engine-slider-nav::before {
    font-size: 18px;
  }
  .movie-engine-slider-enabled .movie-engine-slider-nav.movie-engine-slider-prev {
    left: -25px;
  }
  .movie-engine-slider-enabled .movie-engine-slider-nav.movie-engine-slider-next {
    right: -25px;
  }
}
.movie-engine-slider-enabled.at-start .movie-engine-slider-prev, .movie-engine-slider-enabled.no-scroll .movie-engine-slider-prev, .movie-engine-slider-enabled.no-scroll .movie-engine-slider-next {
  display: none;
}
.movie-engine-slider-enabled.at-end .movie-engine-slider-next {
  display: none;
}
.movie-engine-slider-enabled .movie-engine-slider-dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
  padding-bottom: 5px;
}
.movie-engine-slider-enabled .movie-engine-slider-dots .me-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(var(--movie-engine-white-color), 0.2);
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}
.movie-engine-slider-enabled .movie-engine-slider-dots .me-dot:hover {
  background: rgba(var(--movie-engine-white-color), 0.5);
}
.movie-engine-slider-enabled .movie-engine-slider-dots .me-dot.active {
  background: var(--movie-engine-primary-color);
  transform: scale(1.3);
  box-shadow: 0 0 10px rgba(var(--movie-engine-primary-rgb), 0.5);
}

.movie-engine-slider-enabled .movie-engine-items-grid {
  scroll-snap-type: x mandatory;
}
.movie-engine-slider-enabled .movie-engine-items-grid .movie-engine-item-card,
.movie-engine-slider-enabled .movie-engine-items-grid .movie-engine-movie-card {
  scroll-snap-align: start;
}

/**
 * Non-slider grid fallback
 * Many sections reuse `.movie-engine-items-grid` even when slider is disabled.
 * Without a base layout, mobile can look broken (awkward wrapping / widths).
 */
.movie-engine-section:not(.movie-engine-slider-enabled) .movie-engine-items-grid {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns, 6), 1fr);
  gap: 20px;
}
@media (max-width: 1440px) {
  .movie-engine-section:not(.movie-engine-slider-enabled) .movie-engine-items-grid {
    grid-template-columns: repeat(var(--grid-columns-laptop, 5), 1fr);
  }
}
@media (max-width: 1200px) {
  .movie-engine-section:not(.movie-engine-slider-enabled) .movie-engine-items-grid {
    grid-template-columns: repeat(var(--grid-columns-tablet, 4), 1fr);
    gap: 18px;
  }
}
@media (max-width: 768px) {
  .movie-engine-section:not(.movie-engine-slider-enabled) .movie-engine-items-grid {
    grid-template-columns: repeat(var(--grid-columns-mobile, 3), 1fr);
    gap: 12px;
  }
}
@media (max-width: 480px) {
  .movie-engine-section:not(.movie-engine-slider-enabled) .movie-engine-items-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
.movie-engine-section:not(.movie-engine-slider-enabled) .movie-engine-items-grid .movie-engine-item-card,
.movie-engine-section:not(.movie-engine-slider-enabled) .movie-engine-items-grid .movie-engine-movie-card {
  width: 100%;
  min-width: 0;
}

.movie-engine-user-menu-container {
  position: relative;
  display: inline-block;
  z-index: var(--movie-engine-z-dropdown);
}
.movie-engine-user-menu-container .movie-engine-user-trigger {
  cursor: pointer;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid transparent;
  transition: var(--movie-engine-transition-fast);
}
.movie-engine-user-menu-container .movie-engine-user-trigger:hover {
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.2);
}
.movie-engine-user-menu-container .movie-engine-user-trigger img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.movie-engine-user-menu-container .movie-engine-user-dropdown {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  width: 280px;
  background-color: #121212;
  border-radius: var(--movie-engine-border-radius-lg);
  box-shadow: var(--movie-engine-shadow-lg);
  padding: 12px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: var(--movie-engine-transition-base);
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.movie-engine-user-menu-container .movie-engine-user-dropdown.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.movie-engine-user-menu-container .movie-engine-user-dropdown::before {
  content: "";
  position: absolute;
  top: -6px;
  right: 18px;
  width: 12px;
  height: 12px;
  background-color: #121212;
  transform: rotate(45deg);
  border-left: 1px solid rgba(255, 255, 255, 0.05);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.movie-engine-user-menu-container .movie-engine-dropdown-header {
  display: flex;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  margin-bottom: 8px;
}
.movie-engine-user-menu-container .movie-engine-dropdown-header .movie-engine-dropdown-avatar {
  width: 54px;
  height: 54px;
  border-radius: var(--movie-engine-border-radius);
  overflow: hidden;
  margin-right: 15px;
}
.movie-engine-user-menu-container .movie-engine-dropdown-header .movie-engine-dropdown-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.movie-engine-user-menu-container .movie-engine-dropdown-header .movie-engine-dropdown-user-info .user-name {
  display: block;
  font-family: var(--movie-engine-heading-font);
  font-weight: var(--movie-engine-font-weight-bold);
  font-size: 1.1rem;
  color: var(--movie-engine-white-color);
  line-height: 1.2;
}
.movie-engine-user-menu-container .movie-engine-dropdown-nav {
  padding: 0 10px;
}
.movie-engine-user-menu-container .dropdown-item {
  display: flex;
  align-items: center;
  padding: 12px 15px;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.85);
  font-family: var(--movie-engine-body-font);
  font-weight: var(--movie-engine-font-weight-semibold);
  font-size: 0.95rem;
  border-radius: var(--movie-engine-border-radius);
  transition: var(--movie-engine-transition-fast);
}
.movie-engine-user-menu-container .dropdown-item span[class*=fa-] {
  width: 24px;
  margin-right: 15px;
  font-size: 1.1rem;
  text-align: center;
  opacity: 0.7;
}
.movie-engine-user-menu-container .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: var(--movie-engine-white-color);
}
.movie-engine-user-menu-container .dropdown-item:hover span[class*=fa-] {
  opacity: 1;
}
.movie-engine-user-menu-container .movie-engine-dropdown-footer {
  margin-top: 8px;
  padding: 8px 10px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.movie-engine-user-menu-container .movie-engine-dropdown-footer .logout-link {
  color: #ff3b30;
}
.movie-engine-user-menu-container .movie-engine-dropdown-footer .logout-link span[class*=fa-] {
  color: #ff3b30;
  opacity: 1;
}
.movie-engine-user-menu-container .movie-engine-dropdown-footer .logout-link:hover {
  background-color: rgba(255, 59, 48, 0.1);
  color: #ff3b30;
}

.movie-engine-guest-menu .me-btn-login {
  background-color: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  padding: 8px 18px;
  border-radius: var(--movie-engine-border-radius-pill);
  font-weight: var(--movie-engine-font-weight-bold);
  text-decoration: none;
  display: inline-block;
  transition: var(--movie-engine-transition-fast);
}
.movie-engine-guest-menu .me-btn-login:hover {
  background-color: var(--movie-engine-primary-hover-color);
  transform: translateY(-1px);
}

/* MovieEngine Widgets Styling */
.me-widget-item {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.me-widget-item:last-child {
  border-bottom: none;
}

.me-widget-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: all 0.2s;
}
.me-widget-link:hover {
  opacity: 0.8;
}
.me-widget-link:hover .me-widget-title {
  color: var(--primary-color);
}

.me-widget-poster {
  width: 50px;
  height: 70px;
  background: #222;
  border-radius: 4px;
  overflow: hidden;
  margin-right: 15px;
  flex-shrink: 0;
}
.me-widget-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.me-widget-info {
  flex: 1;
}

.me-widget-title {
  display: block;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 3px;
  color: #fff;
}

.me-widget-meta {
  font-size: 12px;
  color: #888;
}

/* Genres Tag Cloud */
.movie-engine-genres-widget {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.me-genre-tag {
  background: rgba(255, 255, 255, 0.05);
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  text-decoration: none;
  color: #ccc;
  transition: all 0.2s;
  border: 1px solid transparent;
}
.me-genre-tag:hover {
  background: var(--primary-color);
  color: #fff;
  border-color: var(--primary-color);
}
.me-genre-tag .count {
  opacity: 0.6;
  margin-left: 4px;
}

/* Rating in widgets */
.me-widget-rating {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  color: #f5c518;
}

/* Watchlist Footer */
.me-widget-footer {
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  text-align: center;
}

.me-view-all {
  font-size: 13px;
  color: var(--primary-color);
  text-decoration: none;
  font-weight: 600;
}
.me-view-all:hover {
  text-decoration: underline;
}

/* Review Widget */
.me-review-widget-item {
  margin-bottom: 20px;
  background: rgba(255, 255, 255, 0.03);
  padding: 12px;
  border-radius: 8px;
}

.me-review-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.me-reviewer {
  font-weight: 600;
  font-size: 13px;
  color: #fff;
}

.me-review-rating {
  font-size: 10px;
  color: #444;
}
.me-review-rating .fa-star.active {
  color: #f5c518;
}

.me-review-content-link {
  text-decoration: none;
  display: block;
}

.me-review-excerpt {
  font-size: 13px;
  color: #aaa;
  margin: 0 0 5px;
  line-height: 1.4;
  font-style: italic;
}

.me-review-post-title {
  font-size: 11px;
  color: var(--primary-color);
  font-weight: 500;
}

/* Random Widget */
.me-random-card {
  background: #1a1a1a;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 15px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.me-random-poster {
  position: relative;
  aspect-ratio: 16/9;
}
.me-random-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.me-random-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s;
}

.me-random-poster:hover .me-random-overlay {
  opacity: 1;
}

.me-random-info {
  padding: 12px;
}

.me-random-title {
  margin: 0 0 5px;
  font-size: 15px;
  color: #fff;
}

.me-random-excerpt {
  font-size: 12px;
  color: #888;
  margin: 0;
}

.me-random-refresh {
  width: 100%;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  padding: 10px;
  border-radius: 6px;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.me-random-refresh:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: var(--primary-color);
}

.movie-engine-hero-section {
  position: relative;
  width: 100%;
  background: #0a0a0a;
  min-height: var(--me-hero-height, 700px);
  overflow: hidden;
}
.movie-engine-hero-section .me-hero-slider.movie-engine-items-grid {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  height: 100%;
  width: 100%;
  scrollbar-width: none;
}
.movie-engine-hero-section .me-hero-slider.movie-engine-items-grid::-webkit-scrollbar {
  display: none;
}
.movie-engine-hero-section .me-hero-item {
  flex: 0 0 100%;
  width: 100%;
  min-height: var(--me-hero-height, 700px);
  position: relative;
  display: flex;
  align-items: center;
  scroll-snap-align: start;
  color: #fff;
  padding: 120px 0 100px;
  z-index: 1;
}
.movie-engine-hero-section .me-hero-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  z-index: 0;
  transition: transform 12s ease-out;
  will-change: transform;
}
.movie-engine-hero-section .me-hero-item.is-active .me-hero-bg {
  transform: scale(1.06);
}
.movie-engine-hero-section .me-hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(100deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.65) 38%, rgba(0, 0, 0, 0.18) 65%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 45%);
}
.movie-engine-hero-section .me-hero-content {
  position: relative;
  z-index: 10;
  max-width: 820px;
  width: 100%;
}
.movie-engine-hero-section .me-hero-content-inner .me-hero-eyebrow,
.movie-engine-hero-section .me-hero-content-inner .me-hero-title,
.movie-engine-hero-section .me-hero-content-inner .me-hero-meta,
.movie-engine-hero-section .me-hero-content-inner .me-hero-description,
.movie-engine-hero-section .me-hero-content-inner .me-hero-actions,
.movie-engine-hero-section .me-hero-content-inner .me-hero-extra-meta {
  opacity: 0;
  transform: translateY(28px);
  will-change: opacity, transform;
}
.movie-engine-hero-section .me-hero-content-inner.me-hero-content-animate .me-hero-eyebrow {
  animation: me-hero-rise 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.05s forwards;
}
.movie-engine-hero-section .me-hero-content-inner.me-hero-content-animate .me-hero-title {
  animation: me-hero-rise 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.12s forwards;
}
.movie-engine-hero-section .me-hero-content-inner.me-hero-content-animate .me-hero-meta {
  animation: me-hero-rise 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.22s forwards;
}
.movie-engine-hero-section .me-hero-content-inner.me-hero-content-animate .me-hero-description {
  animation: me-hero-rise 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;
}
.movie-engine-hero-section .me-hero-content-inner.me-hero-content-animate .me-hero-actions {
  animation: me-hero-rise 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.4s forwards;
}
.movie-engine-hero-section .me-hero-content-inner.me-hero-content-animate .me-hero-extra-meta {
  animation: me-hero-rise 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.5s forwards;
}
@keyframes me-hero-rise {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.movie-engine-hero-section .me-hero-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--movie-engine-primary-color);
  margin-bottom: 18px;
}
.movie-engine-hero-section .me-hero-eyebrow::before {
  content: "";
  display: block;
  width: 28px;
  height: 2px;
  background: var(--movie-engine-primary-color);
  border-radius: 2px;
}
.movie-engine-hero-section .me-hero-title {
  font-size: clamp(38px, 6vw, 88px);
  font-weight: 900;
  margin: 0 0 22px;
  line-height: 1;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.movie-engine-hero-section .me-hero-title.me-text-image {
  color: transparent;
}
.movie-engine-hero-section .me-hero-title.me-text-image a {
  color: transparent;
}
.movie-engine-hero-section .me-hero-title a {
  color: #fff;
  text-decoration: none;
  transition: color 0.2s;
  display: inline;
}
.movie-engine-hero-section .me-hero-title a:hover {
  color: var(--movie-engine-primary-color);
}
.movie-engine-hero-section .me-hero-title[data-title-len=long] {
  font-size: clamp(32px, 4.5vw, 68px);
}
.movie-engine-hero-section .me-hero-title[data-title-len=xlong] {
  font-size: clamp(26px, 3.5vw, 54px);
  letter-spacing: -0.03em;
}
.movie-engine-hero-section .me-hero-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 6px;
  margin-bottom: 28px;
}
.movie-engine-hero-section .me-hero-meta .me-meta-sep {
  width: 3px;
  height: 3px;
  background: rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  flex-shrink: 0;
}
.movie-engine-hero-section .me-hero-meta .me-hero-year,
.movie-engine-hero-section .me-hero-meta .me-hero-duration {
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.88);
}
.movie-engine-hero-section .me-hero-meta .me-hero-genres {
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.72);
}
.movie-engine-hero-section .me-hero-meta .me-hero-cert {
  display: inline-block;
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  padding: 1px 7px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.8);
}
.movie-engine-hero-section .me-hero-meta .me-hero-imdb-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: var(--movie-engine-yellow-color);
  color: var(--movie-engine-black-color);
  padding: 2px 9px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.02em;
}
.movie-engine-hero-section .me-hero-meta .me-hero-imdb-badge i {
  font-size: 10px;
}
.movie-engine-hero-section .me-hero-meta .me-hero-quality-badge {
  display: inline-block;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.85);
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.movie-engine-hero-section .me-hero-description {
  font-size: 17px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 38px;
  max-width: 600px;
  font-weight: 400;
}
.movie-engine-hero-section .movie-engine-hero-actions {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.movie-engine-hero-section .movie-engine-hero-actions .me-primary-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .movie-engine-hero-section .movie-engine-hero-actions .me-primary-actions {
    width: 100%;
    gap: 10px;
  }
}
.movie-engine-hero-section .movie-engine-hero-actions .me-icon-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 600px) {
  .movie-engine-hero-section .movie-engine-hero-actions .me-icon-actions {
    width: 100%;
    justify-content: flex-start;
    margin-top: 5px;
  }
}
.movie-engine-hero-section .movie-engine-hero-actions .movie-engine-btn {
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 25px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  transition: all 0.3s;
  border: none;
  cursor: pointer;
  gap: 10px;
}
@media (max-width: 600px) {
  .movie-engine-hero-section .movie-engine-hero-actions .movie-engine-btn {
    height: 44px;
    font-size: 13px;
  }
}
.movie-engine-hero-section .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-play {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
}
.movie-engine-hero-section .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-play:hover {
  background: var(--movie-engine-primary-hover-color);
  transform: translateY(-2px);
}
.movie-engine-hero-section .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-secondary {
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  color: var(--movie-engine-white-color);
}
.movie-engine-hero-section .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-secondary:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.15);
  transform: translateY(-2px);
}
.movie-engine-hero-section .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-subscribe {
  background: linear-gradient(135deg, var(--movie-engine-primary-color) 0%, var(--movie-engine-primary-hover-color) 100%);
  color: var(--movie-engine-white-color);
  box-shadow: 0 2px 10px rgba(var(--movie-engine-primary-rgb), 0.3);
}
.movie-engine-hero-section .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-subscribe:hover {
  box-shadow: 0 4px 20px rgba(var(--movie-engine-primary-rgb), 0.5);
  transform: translateY(-2px);
}
.movie-engine-hero-section .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-subscribe svg {
  width: 18px;
  height: 18px;
}
.movie-engine-hero-section .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-ppv {
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.2);
  color: var(--movie-engine-white-color);
  text-transform: none;
  font-weight: 600;
}
.movie-engine-hero-section .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-ppv .me-price {
  font-weight: 700;
  color: var(--movie-engine-primary-color);
}
.movie-engine-hero-section .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-ppv svg {
  width: 18px;
  height: 18px;
  opacity: 0.9;
}
.movie-engine-hero-section .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-ppv:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.15);
  border-color: rgba(var(--movie-engine-white-color-rgb), 0.3);
  transform: translateY(-2px);
}
.movie-engine-hero-section .movie-engine-hero-actions .movie-engine-btn.movie-engine-btn-ppv.me-btn-buy:hover {
  border-color: var(--movie-engine-primary-color);
}
.movie-engine-hero-section .movie-engine-hero-actions .movie-engine-hero-ppv-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 480px) {
  .movie-engine-hero-section .movie-engine-hero-actions .movie-engine-hero-ppv-actions {
    width: 100%;
  }
}
.movie-engine-hero-section .movie-engine-hero-actions .movie-engine-btn-ppv-trigger {
  background: linear-gradient(135deg, var(--movie-engine-danger-color) 0%, var(--movie-engine-primary-color) 100%);
  color: var(--movie-engine-white-color);
  box-shadow: 0 2px 10px rgba(var(--movie-engine-primary-color), 0.3);
}
.movie-engine-hero-section .movie-engine-hero-actions .movie-engine-btn-ppv-trigger:hover {
  box-shadow: 0 4px 20px rgba(var(--movie-engine-primary-color), 0.5);
  transform: translateY(-2px);
}
.movie-engine-hero-section .movie-engine-hero-actions .movie-engine-btn-get-access {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color);
  box-shadow: 0 2px 10px rgba(var(--movie-engine-primary-color), 0.3);
}
.movie-engine-hero-section .movie-engine-hero-actions .movie-engine-btn-get-access:hover {
  box-shadow: 0 4px 20px rgba(var(--movie-engine-primary-color), 0.5);
  transform: translateY(-2px);
}
.movie-engine-hero-section .movie-engine-hero-actions .me-icon-btn,
.movie-engine-hero-section .movie-engine-hero-actions .me-social-btn,
.movie-engine-hero-section .movie-engine-hero-actions .movie-engine-action-btn,
.movie-engine-hero-section .movie-engine-hero-actions .me-playlist-toggle-btn {
  background: rgba(var(--movie-engine-white-color-rgb), 0.05);
  border: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--movie-engine-white-color);
  cursor: pointer;
  position: relative;
  transition: all 0.3s;
}
.movie-engine-hero-section .movie-engine-hero-actions .me-icon-btn:hover,
.movie-engine-hero-section .movie-engine-hero-actions .me-social-btn:hover,
.movie-engine-hero-section .movie-engine-hero-actions .movie-engine-action-btn:hover,
.movie-engine-hero-section .movie-engine-hero-actions .me-playlist-toggle-btn:hover {
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  transform: translateY(-2px);
  color: var(--movie-engine-white-color);
}
.movie-engine-hero-section .movie-engine-hero-actions .me-icon-btn.active,
.movie-engine-hero-section .movie-engine-hero-actions .me-social-btn.active,
.movie-engine-hero-section .movie-engine-hero-actions .movie-engine-action-btn.active,
.movie-engine-hero-section .movie-engine-hero-actions .me-playlist-toggle-btn.active {
  color: var(--movie-engine-white-color);
  background: var(--movie-engine-primary-color);
  box-shadow: 0 4px 15px rgba(var(--movie-engine-primary-rgb), 0.3);
}
.movie-engine-hero-section .movie-engine-hero-actions .me-icon-btn .dashicons,
.movie-engine-hero-section .movie-engine-hero-actions .me-social-btn .dashicons,
.movie-engine-hero-section .movie-engine-hero-actions .movie-engine-action-btn .dashicons,
.movie-engine-hero-section .movie-engine-hero-actions .me-playlist-toggle-btn .dashicons {
  font-size: 20px;
  width: 20px;
  height: 20px;
}
.movie-engine-hero-section .movie-engine-hero-actions .me-icon-btn .movie-engine-count,
.movie-engine-hero-section .movie-engine-hero-actions .me-social-btn .movie-engine-count,
.movie-engine-hero-section .movie-engine-hero-actions .movie-engine-action-btn .movie-engine-count,
.movie-engine-hero-section .movie-engine-hero-actions .me-playlist-toggle-btn .movie-engine-count {
  display: none;
}
.movie-engine-hero-section .movie-engine-hero-actions .me-icon-btn.me-like-btn.active,
.movie-engine-hero-section .movie-engine-hero-actions .me-social-btn.me-like-btn.active,
.movie-engine-hero-section .movie-engine-hero-actions .movie-engine-action-btn.me-like-btn.active,
.movie-engine-hero-section .movie-engine-hero-actions .me-playlist-toggle-btn.me-like-btn.active {
  background: var(--movie-engine-primary-color);
  box-shadow: 0 4px 15px rgba(var(--movie-engine-primary-rgb), 0.4);
}
.movie-engine-hero-section .me-hero-extra-meta {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 24px;
}
.movie-engine-hero-section .me-hero-extra-meta .me-meta-item {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 8px;
  font-size: 13px;
}
.movie-engine-hero-section .me-hero-extra-meta .me-meta-item .label {
  color: rgba(255, 255, 255, 0.4);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 11px;
  min-width: 72px;
  flex-shrink: 0;
}
.movie-engine-hero-section .me-hero-extra-meta .me-meta-item .value {
  color: rgba(255, 255, 255, 0.85);
  font-weight: 500;
}
.movie-engine-hero-section .me-hero-extra-meta .me-meta-item .value a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s;
}
.movie-engine-hero-section .me-hero-extra-meta .me-meta-item .value a:hover {
  color: var(--movie-engine-primary-color);
}
.movie-engine-hero-section .me-hero-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: rgba(255, 255, 255, 0.07);
  z-index: 200;
}
.movie-engine-hero-section .me-hero-progress-bar {
  height: 100%;
  width: 0%;
  background: var(--movie-engine-primary-color);
  box-shadow: 0 0 8px rgba(255, 196, 0, 0.5);
}
.movie-engine-hero-section .movie-engine-slider-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.06);
  border: 1.5px solid rgba(255, 255, 255, 0.14);
  color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 100;
  transition: background 0.25s, border-color 0.25s, transform 0.25s;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.movie-engine-hero-section .movie-engine-slider-nav:hover {
  background: var(--movie-engine-primary-color);
  border-color: var(--movie-engine-primary-color);
  color: #000;
  transform: translateY(-50%) scale(1.1);
}
.movie-engine-hero-section .movie-engine-slider-nav.movie-engine-slider-prev {
  left: 32px;
}
.movie-engine-hero-section .movie-engine-slider-nav.movie-engine-slider-next {
  right: 32px;
}
.movie-engine-hero-section .movie-engine-slider-dots {
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  z-index: 100;
}
.movie-engine-hero-section .movie-engine-slider-dots .me-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.25);
  cursor: pointer;
  transition: all 0.35s cubic-bezier(0.2, 0, 0, 1);
}
.movie-engine-hero-section .movie-engine-slider-dots .me-dot.active {
  background: var(--movie-engine-primary-color);
  width: 30px;
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(255, 196, 0, 0.4);
}

.movie-engine-hero-section.me-hero-style2 {
  --me-strip-h: 240px;
}
.movie-engine-hero-section.me-hero-style2 .me-hero-overlay {
  background: linear-gradient(95deg, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.58) 40%, rgba(0, 0, 0, 0.12) 68%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.88) 20%, rgba(0, 0, 0, 0) 48%);
}
.movie-engine-hero-section.me-hero-style2 .me-hero-item {
  align-items: center;
  padding-top: 60px;
  padding-bottom: var(--me-strip-h);
}
.movie-engine-hero-section.me-hero-style2 .me-hero-thumbnails-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--me-strip-h);
  z-index: 50;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.97) 0%, rgba(0, 0, 0, 0.6) 55%, transparent 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 50px;
  padding-top: 0;
  overflow: visible;
}
.movie-engine-hero-section.me-hero-style2 .me-thumb-nav-btns {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.movie-engine-hero-section.me-hero-style2 .me-thumb-nav-btns .movie-engine-slider-nav {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  width: 34px;
  height: 34px;
  font-size: 13px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.07);
  border: 1.5px solid rgba(255, 255, 255, 0.15);
  display: flex !important;
  flex-shrink: 0;
}
.movie-engine-hero-section.me-hero-style2 .me-thumb-nav-btns .movie-engine-slider-nav:hover {
  background: var(--movie-engine-primary-color) !important;
  border-color: var(--movie-engine-primary-color) !important;
  color: #000 !important;
  transform: none !important;
}
.movie-engine-hero-section.me-hero-style2 .me-hero-thumbnails-nav {
  position: relative;
}
.movie-engine-hero-section.me-hero-style2 .me-hero-thumbnails-list {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  overflow-y: visible;
  scrollbar-width: none;
  padding: 18px 0 6px 10px;
  mask-image: linear-gradient(to right, #000 82%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, #000 82%, transparent 100%);
}
.movie-engine-hero-section.me-hero-style2 .me-hero-thumbnails-list::-webkit-scrollbar {
  display: none;
}
.movie-engine-hero-section.me-hero-style2 .me-hero-thumb {
  flex: 0 0 155px;
  height: 185px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  border: 2px solid transparent;
  transition: transform 0.35s cubic-bezier(0.2, 0, 0, 1), border-color 0.3s ease, box-shadow 0.3s ease;
  background: #0f0f0f;
}
.movie-engine-hero-section.me-hero-style2 .me-hero-thumb .me-thumb-placeholder {
  width: 100%;
  height: 100%;
  background: #1a1a1a;
}
.movie-engine-hero-section.me-hero-style2 .me-hero-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0.48;
  filter: brightness(0.6) saturate(0.6);
  transition: opacity 0.3s ease, filter 0.3s ease;
}
.movie-engine-hero-section.me-hero-style2 .me-hero-thumb .me-thumb-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.72) 0%, transparent 55%);
  z-index: 1;
}
.movie-engine-hero-section.me-hero-style2 .me-hero-thumb .me-thumb-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 8px 7px 7px;
  font-size: 9.5px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1.25;
  z-index: 2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 500px) {
  .movie-engine-hero-section.me-hero-style2 .me-hero-thumb .me-thumb-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
.movie-engine-hero-section.me-hero-style2 .me-hero-thumb:hover {
  transform: translateY(-7px) scale(1.04);
  border-color: rgba(255, 255, 255, 0.28);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.55);
}
.movie-engine-hero-section.me-hero-style2 .me-hero-thumb:hover img {
  opacity: 0.82;
  filter: brightness(0.86) saturate(0.9);
}
.movie-engine-hero-section.me-hero-style2 .me-hero-thumb.is-active {
  transform: translateY(-10px) scale(1.06);
  border-color: var(--movie-engine-primary-color);
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 196, 0, 0.22), 0 0 18px rgba(255, 196, 0, 0.15);
}
.movie-engine-hero-section.me-hero-style2 .me-hero-thumb.is-active img {
  opacity: 1;
  filter: brightness(1) saturate(1);
}
.movie-engine-hero-section.me-hero-style2 .me-hero-thumb.is-active .me-thumb-title {
  color: rgba(255, 255, 255, 0.95);
  font-weight: 800;
}
.movie-engine-hero-section.me-hero-style2 .movie-engine-slider-dots {
  display: none !important;
}
.movie-engine-hero-section.me-hero-style2 .me-hero-progress {
  height: 3px;
  bottom: 0;
}

@media (max-width: 1024px) {
  .movie-engine-hero-section .me-hero-item {
    padding: 90px 0 80px;
  }
  .movie-engine-hero-section .me-hero-title {
    font-size: clamp(38px, 8vw, 68px);
  }
  .movie-engine-hero-section .movie-engine-slider-nav.movie-engine-slider-prev {
    left: 16px;
  }
  .movie-engine-hero-section .movie-engine-slider-nav.movie-engine-slider-next {
    right: 16px;
  }
  .movie-engine-hero-section.me-hero-style2 .me-hero-item {
    padding-bottom: 230px;
  }
  .movie-engine-hero-section.me-hero-style2 .me-hero-thumb {
    flex: 0 0 100px;
    height: 150px;
  }
}
@media (max-width: 768px) {
  .movie-engine-hero-section {
    min-height: 400px;
  }
  .movie-engine-hero-section .me-hero-item {
    padding: 0 0 15px;
  }
  .movie-engine-hero-section .me-hero-title {
    font-size: clamp(32px, 10vw, 56px);
    margin-bottom: 16px;
  }
  .movie-engine-hero-section .me-hero-description {
    font-size: 15px;
    margin-bottom: 28px;
  }
  .movie-engine-hero-section .me-btn-play,
  .movie-engine-hero-section .me-hero-trailer-btn {
    padding: 13px 26px;
    font-size: 14px;
  }
  .movie-engine-hero-section .movie-engine-slider-nav {
    width: 42px;
    height: 42px;
    font-size: 14px;
  }
  .movie-engine-hero-section.me-hero-style2 .me-hero-item {
    padding-bottom: 210px;
  }
  .movie-engine-hero-section.me-hero-style2 .me-hero-thumb {
    flex: 0 0 88px;
    height: 132px;
    border-radius: 8px;
  }
}
@media (max-width: 480px) {
  .movie-engine-hero-section .me-hero-actions {
    gap: 10px;
  }
  .movie-engine-hero-section .me-hero-trailer-btn {
    display: none;
  }
  .movie-engine-hero-section.me-hero-style2 .me-hero-thumb {
    flex: 0 0 76px;
    height: 114px;
  }
}
.movie-engine-hero-section.me-hero-style3 {
  --me-right-panel-w: 240px;
}
.movie-engine-hero-section.me-hero-style3 .me-hero-overlay {
  background: linear-gradient(95deg, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.58) 40%, rgba(0, 0, 0, 0.12) 68%, rgba(0, 0, 0, 0) 100%), linear-gradient(270deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 15%, transparent 40%);
}
.movie-engine-hero-section.me-hero-style3 .me-hero-item {
  align-items: center;
  padding-top: 60px;
  padding-right: calc(var(--me-right-panel-w) + 40px);
}
.movie-engine-hero-section.me-hero-style3 .me-hero-content {
  max-width: 800px;
}
.movie-engine-hero-section.me-hero-style3 .me-hero-thumbnails-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 50;
  pointer-events: none;
}
.movie-engine-hero-section.me-hero-style3 .me-hero-thumbnails-wrapper .movie-engine-container,
.movie-engine-hero-section.me-hero-style3 .me-hero-thumbnails-wrapper .movie-engine-container-fluid {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  pointer-events: none;
}
.movie-engine-hero-section.me-hero-style3 .me-thumb-nav-btns {
  display: none;
}
.movie-engine-hero-section.me-hero-style3 .me-hero-thumbnails-nav {
  position: relative;
  height: 60vh;
  max-height: 500px;
  width: calc(var(--me-right-panel-w) + 40px);
  pointer-events: auto;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  mask-image: linear-gradient(to bottom, transparent 0%, #000 12%, #000 88%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 12%, #000 88%, transparent 100%);
}
.movie-engine-hero-section.me-hero-style3 .me-hero-thumbnails-nav::-webkit-scrollbar {
  display: none;
}
.movie-engine-hero-section.me-hero-style3 .me-hero-thumbnails-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: max-content;
  padding: 20px 10px 20px 25px;
}
.movie-engine-hero-section.me-hero-style3 .me-hero-thumb {
  flex: 0 0 auto;
  width: calc(var(--me-right-panel-w) - 20px);
  height: calc((var(--me-right-panel-w) - 20px) * 0.5625);
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: transform 0.35s cubic-bezier(0.2, 0, 0, 1), box-shadow 0.3s ease;
  background: #0f0f0f;
}
.movie-engine-hero-section.me-hero-style3 .me-hero-thumb .me-thumb-placeholder {
  width: 100%;
  height: 100%;
  background: #1a1a1a;
}
.movie-engine-hero-section.me-hero-style3 .me-hero-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 0.48;
  filter: brightness(0.6) saturate(0.6);
  transition: opacity 0.3s ease, filter 0.3s ease;
}
.movie-engine-hero-section.me-hero-style3 .me-hero-thumb .me-thumb-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.72) 0%, transparent 55%);
  z-index: 1;
}
.movie-engine-hero-section.me-hero-style3 .me-hero-thumb .me-thumb-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  font-size: 13px;
  font-weight: 700;
  color: var(--movie-engine-white-color);
  line-height: 1.2;
  z-index: 2;
  visibility: visible;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.3s ease;
}
@media (max-width: 500px) {
  .movie-engine-hero-section.me-hero-style3 .me-hero-thumb .me-thumb-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
.movie-engine-hero-section.me-hero-style3 .me-hero-thumb:hover {
  opacity: 1;
}
.movie-engine-hero-section.me-hero-style3 .me-hero-thumb:hover img {
  opacity: 0.75;
  filter: brightness(0.8) saturate(1);
}
.movie-engine-hero-section.me-hero-style3 .me-hero-thumb:hover .me-thumb-title {
  color: var(--movie-engine-white-color);
}
.movie-engine-hero-section.me-hero-style3 .me-hero-thumb:hover {
  transform: translateX(-4px);
}
.movie-engine-hero-section.me-hero-style3 .me-hero-thumb.is-active {
  border-color: var(--movie-engine-primary-color);
  box-shadow: none;
  transform: scale(1.03) translateX(-8px);
  z-index: 10;
}
.movie-engine-hero-section.me-hero-style3 .me-hero-thumb.is-active img {
  opacity: 1;
  filter: brightness(1) saturate(1.1);
}
.movie-engine-hero-section.me-hero-style3 .me-hero-thumb.is-active .me-thumb-title {
  color: #fff;
}
.movie-engine-hero-section.me-hero-style3 .movie-engine-slider-dots {
  display: none !important;
}

@media (max-width: 1024px) {
  .movie-engine-hero-section.me-hero-style3 {
    --me-right-panel-w: 200px;
  }
  .movie-engine-hero-section.me-hero-style3 .me-hero-thumbnails-nav {
    height: 50vh;
  }
}
@media (max-width: 768px) {
  .movie-engine-hero-section.me-hero-style3 .me-hero-overlay {
    background: linear-gradient(95deg, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.58) 40%, rgba(0, 0, 0, 0.12) 68%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 20%, transparent 48%);
  }
  .movie-engine-hero-section.me-hero-style3 .me-hero-item {
    padding-right: 0;
    padding-bottom: 210px;
  }
  .movie-engine-hero-section.me-hero-style3 .me-hero-thumbnails-wrapper {
    top: auto;
    bottom: 0;
    height: auto;
  }
  .movie-engine-hero-section.me-hero-style3 .me-hero-thumbnails-wrapper .movie-engine-container,
  .movie-engine-hero-section.me-hero-style3 .me-hero-thumbnails-wrapper .movie-engine-container-fluid {
    align-items: flex-start;
    justify-content: flex-end;
  }
  .movie-engine-hero-section.me-hero-style3 .me-hero-thumbnails-nav {
    width: 100%;
    height: auto;
    max-height: none;
    overflow-y: hidden;
    overflow-x: auto;
    mask-image: linear-gradient(to right, transparent 0%, #000 5%, #000 95%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 5%, #000 95%, transparent 100%);
  }
  .movie-engine-hero-section.me-hero-style3 .me-hero-thumbnails-list {
    display: flex;
    flex-direction: row;
    height: auto;
    width: max-content;
    padding: 10px 10px 20px 10px;
  }
  .movie-engine-hero-section.me-hero-style3 .me-hero-thumb {
    flex: 0 0 140px;
    width: 140px;
    height: 85px;
  }
  .movie-engine-hero-section.me-hero-style3 .me-hero-thumb:hover {
    transform: translateY(-4px);
  }
  .movie-engine-hero-section.me-hero-style3 .me-hero-thumb.is-active {
    transform: scale(1.05) translateY(-6px);
  }
}
@media (max-width: 480px) {
  .movie-engine-hero-section.me-hero-style3 .me-hero-item {
    padding-bottom: 180px;
  }
  .movie-engine-hero-section.me-hero-style3 .me-hero-thumb {
    flex: 0 0 120px;
    width: 120px;
    height: 72px;
  }
}
.movie-engine-adblock-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.95);
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--movie-engine-white-color);
  font-family: inherit;
  backdrop-filter: blur(10px);
}

.movie-engine-adblock-content {
  max-width: 500px;
  width: 90%;
  text-align: center;
  padding: 2.5rem;
  background: var(--movie-engine-surface-color);
  border-radius: var(--movie-engine-border-radius-lg);
  box-shadow: var(--movie-engine-shadow-lg);
  border: 1px solid var(--movie-engine-border-color);
  animation: meAdBlockFadeIn 0.3s ease-out;
}

@keyframes meAdBlockFadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.movie-engine-adblock-icon {
  font-size: 60px;
  color: var(--movie-engine-primary-color);
  margin-bottom: 20px;
}

.movie-engine-adblock-content h2 {
  margin: 0 0 15px 0;
  font-size: var(--movie-engine-font-size-3xl);
  font-weight: var(--movie-engine-font-weight-bold);
  color: var(--movie-engine-white-color);
}

.movie-engine-adblock-content p {
  margin: 0 0 30px 0;
  font-size: var(--movie-engine-font-size-base);
  color: var(--movie-engine-muted-color);
  line-height: 1.6;
}

.movie-engine-adblock-btn {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-white-color) !important;
  border: none;
  padding: 12px 35px;
  border-radius: var(--movie-engine-border-radius);
  font-size: var(--movie-engine-font-size-base);
  font-weight: var(--movie-engine-font-weight-bold);
  cursor: pointer;
  transition: var(--movie-engine-transition-base);
  display: inline-block;
  text-decoration: none;
}
.movie-engine-adblock-btn:hover {
  background: var(--movie-engine-primary-hover-color);
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(229, 9, 20, 0.4);
}
.movie-engine-adblock-btn:active {
  transform: translateY(0);
}

.movie-engine-layout-fullwidth .movie-engine-movie-hero {
  padding: 0;
  min-height: 100vh;
  display: flex;
  align-items: flex-end;
  position: relative;
  background-size: cover;
  background-position: center top;
  z-index: 9;
}
.movie-engine-layout-fullwidth .movie-engine-movie-hero .movie-engine-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(var(--movie-engine-black-color), 0.5) 0%, rgba(var(--movie-engine-black-color), 0.8) 60%, var(--movie-engine-bg-color) 100%);
  z-index: -1;
}
.movie-engine-layout-fullwidth .movie-engine-movie-hero .movie-engine-hero-container {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 40px;
  align-items: flex-end;
  width: 100%;
  max-width: 100%;
  padding: 0 40px;
}
.movie-engine-layout-fullwidth .movie-engine-movie-hero .movie-engine-hero-actions {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 30px;
}
.movie-engine-layout-fullwidth .movie-engine-movie-hero .movie-engine-hero-actions .me-primary-actions {
  display: flex;
  gap: 15px;
  align-items: center;
}
.movie-engine-layout-fullwidth .movie-engine-movie-hero .movie-engine-hero-actions .me-icon-actions {
  display: flex;
  align-items: center;
  gap: 15px;
}
.movie-engine-layout-fullwidth .movie-engine-movie-hero .movie-engine-hero-actions .me-icon-actions .movie-engine-social-actions {
  display: flex;
  gap: 15px;
}
.movie-engine-layout-fullwidth .movie-engine-movie-hero .movie-engine-hero-actions .me-icon-actions .movie-engine-action-btn {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--movie-engine-white-color-rgb), 0.1);
  border: 1px solid rgba(var(--movie-engine-white-color-rgb), 0.05);
  color: var(--movie-engine-white-color);
  padding: 0;
  margin: 0;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
}
.movie-engine-layout-fullwidth .movie-engine-movie-hero .movie-engine-hero-actions .me-icon-actions .movie-engine-action-btn:hover, .movie-engine-layout-fullwidth .movie-engine-movie-hero .movie-engine-hero-actions .me-icon-actions .movie-engine-action-btn.active {
  background: var(--movie-engine-primary-color);
  color: var(--movie-engine-admin-white-color);
}
.movie-engine-layout-fullwidth .movie-engine-movie-hero .movie-engine-hero-actions .me-icon-actions .movie-engine-action-btn .dashicons {
  font-size: 20px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.movie-engine-layout-fullwidth .movie-engine-movie-hero .movie-engine-hero-actions .me-icon-actions .movie-engine-action-btn[title]:not(.me-like-btn):hover::after {
  content: attr(title);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: var(--movie-engine-black-color);
  color: var(--movie-engine-white-color);
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  margin-bottom: 8px;
  pointer-events: none;
  opacity: 1;
  z-index: 10;
}
.movie-engine-layout-fullwidth .movie-engine-movie-hero .movie-engine-hero-actions .me-icon-actions .movie-engine-action-btn[title]:not(.me-like-btn):hover::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: var(--movie-engine-black-color) transparent transparent transparent;
  margin-bottom: -2px;
  z-index: 10;
}
.movie-engine-layout-fullwidth .movie-engine-movie-hero .movie-engine-hero-actions .me-icon-actions .movie-engine-action-btn.me-like-btn .movie-engine-count {
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: var(--movie-engine-black-color);
  color: var(--movie-engine-white-color);
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  margin-bottom: 8px;
  pointer-events: none;
  z-index: 10;
}
.movie-engine-layout-fullwidth .movie-engine-movie-hero .movie-engine-hero-actions .me-icon-actions .movie-engine-action-btn.me-like-btn .movie-engine-count::after {
  content: " Likes";
  font-weight: 400;
}
.movie-engine-layout-fullwidth .movie-engine-movie-hero .movie-engine-hero-actions .me-icon-actions .movie-engine-action-btn.me-like-btn:hover .movie-engine-count {
  display: block;
}
.movie-engine-layout-fullwidth .movie-engine-movie-hero .movie-engine-hero-actions .me-icon-actions .movie-engine-action-btn.me-like-btn:hover::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: var(--movie-engine-black-color) transparent transparent transparent;
  margin-bottom: -2px;
  display: block;
}
@media (max-width: 768px) {
  .movie-engine-layout-fullwidth .movie-engine-movie-hero {
    min-height: auto;
    height: auto;
    padding: 40px 0;
  }
  .movie-engine-layout-fullwidth .movie-engine-movie-hero .movie-engine-hero-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .movie-engine-layout-fullwidth .movie-engine-movie-hero .movie-engine-poster-wrapper {
    width: 160px;
    margin-bottom: 20px;
  }
  .movie-engine-layout-fullwidth .movie-engine-movie-hero .movie-engine-hero-actions {
    gap: 20px;
  }
}
@media (max-width: 480px) {
  .movie-engine-layout-fullwidth .movie-engine-movie-hero .movie-engine-hero-actions {
    flex-direction: column;
    gap: 20px;
    flex-wrap: wrap;
  }
}

.movie-engine-single-movie {
  background-color: var(--movie-engine-black-color);
  color: var(--movie-engine-white-color);
}
.movie-engine-single-movie .movie-engine-hero {
  height: 500px;
  background-size: cover;
  background-position: center;
  position: relative;
  display: flex;
  align-items: flex-end;
}
.movie-engine-single-movie .movie-engine-hero:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(var(--movie-engine-black-rgb), 0.3) 0%, rgba(var(--movie-engine-black-rgb), 0.9) 100%);
}
.movie-engine-single-movie .movie-engine-hero .movie-engine-hero-content {
  position: relative;
  z-index: 1;
  padding: 40px;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}
.movie-engine-single-movie .movie-engine-hero .movie-engine-hero-content h1 {
  font-size: 3rem;
  margin-bottom: 10px;
  color: var(--movie-engine-white-color);
}

.movie-engine-archive .movie-engine-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 20px;
}
.movie-engine-archive .movie-engine-grid .movie-engine-card {
  background: var(--movie-engine-black-color);
  border-radius: 8px;
  overflow: hidden;
  transition: transform 0.2s;
}
.movie-engine-archive .movie-engine-grid .movie-engine-card:hover {
  transform: scale(1.05);
}
.movie-engine-archive .movie-engine-grid .movie-engine-card a {
  text-decoration: none;
  color: var(--movie-engine-white-color);
}
.movie-engine-archive .movie-engine-grid .movie-engine-card .movie-engine-card-poster img {
  width: 100%;
  height: auto;
  display: block;
}
.movie-engine-archive .movie-engine-grid .movie-engine-card .movie-engine-card-info {
  padding: 15px;
}
.movie-engine-archive .movie-engine-grid .movie-engine-card .movie-engine-card-info h3 {
  margin: 0;
  font-size: 1rem;
}

/*# sourceMappingURL=movie-engine-frontend.css.map */