body {
    margin: 0;
    visibility: hidden; /* Hide content until everything is loaded */
  }

  /* Hide .entry-featured and .entry-episodes */
  .entry-featured,
  .entry-episodes {
    display: none; /* Hide both these elements */
  }

  /* Loader container with black background */
  .abefilm-loader-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    visibility: visible; /* Ensure loader is visible while loading */
  }

  /* Custom Loader Styling */
  .abefilm-loader {
    width: 50px;
    height: calc(50px * 0.866);
    background: var(--keycolor);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    --c: at 50% 66%, #000 60deg, #0000 0;
    -webkit-mask:
      conic-gradient(from 30deg var(--c)) right,
      conic-gradient(from 150deg var(--c)) bottom,
      conic-gradient(from -90deg var(--c)) left,
      linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    -webkit-mask-repeat: no-repeat;
    animation: appear 1.5s infinite;
  }

  /* Keyframes for loader animation */
  @keyframes appear {
    0% {
      -webkit-mask-size: 0 0, 0 0, 0 0, auto;
    }
    13.33% {
      -webkit-mask-size: 100% 100%, 0 0, 0 0, auto;
    }
    26.67% {
      -webkit-mask-size: 100% 100%, 100% 100%, 0 0, auto;
    }
    40%, 60% {
      -webkit-mask-size: 100% 100%, 100% 100%, 100% 100%, auto;
    }
    73.33% {
      -webkit-mask-size: 0 0, 100% 100%, 100% 100%, auto;
    }
    86.67% {
      -webkit-mask-size: 0 0, 0 0, 100% 100%, auto;
    }
    100% {
      -webkit-mask-size: 0 0, 0 0, 0 0, auto;
    }
  }