.blog-main-title {
    font-family: 'Livvic', sans-serif;
    color: #F5E027 !important; /* Your signature yellow */
    font-weight: 900;
    letter-spacing: 3px;
    text-transform: uppercase;
    /* Clean, high-contrast shadow for readability */
    text-shadow: 3px 3px 0px #E31E24; 
    font-size: clamp(2.5rem, 8vw, 4.5rem) !important;
    margin-bottom: 10px;
}

.title-underline {
    width: 100px;
    height: 6px;
    background: #E31E24;
    margin: 0 auto;
    border-radius: 50px;
    position: relative;
}

.title-underline::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 6px;
    background: #0d6efd; /* Your blue as an accent */
    right: -50px;
    border-radius: 50px;
}

.title-underline::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 6px;
    background: #0d6efd;
    left: -50px;
    border-radius: 50px;
}


/* Hero Header: Fun & Playful */
    .show-hero {
        background: #F5E027; /* Bright Brand Yellow */
        padding: 180px 0 80px;
        text-align: center;
        border-bottom: 8px solid #111;
        position: relative;
    }

    .show-hero h1 {
        font-weight: 900;
        font-size: 60px;
        color: #111;
        text-transform: uppercase;
        margin-bottom: 10px;
        letter-spacing: -2px;
    }

    .show-hero h1 span {
        color: #E31E24; /* Brand Red */
        -webkit-text-stroke: 1px #111;
    }

    .show-hero .subtitle {
        font-weight: 700;
        font-size: 20px;
        color: #111;
        background: #fff;
        display: inline-block;
        padding: 5px 20px;
        transform: rotate(-2deg);
        margin-top: 10px;
    }

    /* Character Section */
    .character-box {
        background: #fff;
        padding: 60px 0;
    }

    .char-card {
        text-align: center;
        padding: 30px;
        border: 4px solid #111;
        border-radius: 30px;
        background: #fdfdfd;
        box-shadow: 10px 10px 0px #111; /* Comic book shadow */
        height: 100%;
    }

    .char-card h3 {
        font-weight: 900;
        color: #E31E24;
        font-size: 28px;
        margin-top: 15px;
    }

    .char-card p {
        font-size: 16px;
        color: #444;
        font-weight: 600;
    }
        .char-badge {
        display: inline-block;
        background: #f0f0f0;
        padding: 5px 15px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: 800;
        color: #333;
        margin: 5px 2px;
        border: 1px solid #ddd;
    }

    .char-list {
        list-style: none;
        padding: 0;
        text-align: left;
        margin-top: 15px;
        font-size: 14px;
        font-weight: 600;
    }

    .char-list li {
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .quote-block {
        font-style: italic;
        background: #fff8e1;
        padding: 15px;
        border-left: 4px solid #F5E027;
        margin-top: 20px;
        font-size: 14px;
        color: #555;
    }

    /* Video Section */
    /* Premium Video Hub Styling */
.video-grid-premium {
    background-color: #f0f4f8;
    background-image: url("https://www.transparenttextures.com/patterns/paper-fibers.png"); /* Optional: adds a paper feel */
    padding: 120px 0; /* Increased top padding to account for the slant/tear */
    position: relative;
    /* The Torn Effect */
    clip-path: polygon(100% 0, 100% 98%, 98% 100%, 85% 98%, 73% 100%, 57% 98%, 46% 100%, 30% 98%, 18% 100%, 0 98%, 0 0);
    /* We remove the standard border-top and use the pseudo-element below */
}

.video-grid-premium::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px; /* Thicker, more "premium" accent line */
    background: #F5E027;
    z-index: 10;
}

/* Optional: Add a subtle shadow to the torn edge so it "lifts" off the page */
.video-grid-premium-container {
    filter: drop-shadow(0px 10px 15px rgba(0,0,0,0.05));
}

    /* Section Title with Accent Line */
    .video-title-main {
        font-weight: 900;
        font-size: 42px;
        color: #111;
        margin-bottom: 60px;
        position: relative;
        display: inline-block;
    }

    .video-title-main span {
        color: #E31E24;
    }

    .video-title-main::after {
        content: '';
        position: absolute;
        bottom: -15px;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 6px;
        background: #F5E027; /* Brand Yellow */
        border-radius: 10px;
    }

    /* Episode Card Redesign */
    .episode-card {
        background: #fff;
        border-radius: 25px;
        overflow: hidden;
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        border: 2px solid #f0f0f0;
        margin-bottom: 30px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    }

    .episode-card:hover {
        transform: translateY(-12px) scale(1.02);
        border-color: #E31E24;
        box-shadow: 0 20px 40px rgba(227, 30, 36, 0.15);
    }

    /* Video Wrapper with "TV Frame" look */
    .video-wrapper {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        background: #000;
        border-bottom: 4px solid #F5E027;
    }

    .video-wrapper iframe {
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        border: none;
    }

    /* Info Section with "Now Playing" Badge */
    .episode-info {
        padding: 25px;
        text-align: left;
    }

    .now-playing-tag {
        font-size: 10px;
        text-transform: uppercase;
        font-weight: 900;
        color: #E31E24;
        letter-spacing: 1.5px;
        display: block;
        margin-bottom: 8px;
    }

    .episode-info h4 {
        color: #111;
        font-weight: 800;
        font-size: 20px;
        margin-bottom: 0;
    }

    /* Subscribe Button Glow */
    .yt-btn-glow {
        background: #E31E24;
        color: #fff !important;
        padding: 20px 45px;
        border-radius: 100px;
        font-weight: 900;
        text-transform: uppercase;
        letter-spacing: 2px;
        display: inline-flex;
        align-items: center;
        gap: 12px;
        margin-top: 50px;
        border: none;
        transition: 0.3s;
        box-shadow: 0 10px 20px rgba(227, 30, 36, 0.3);
        text-decoration: none;
    }

    .yt-btn-glow:hover {
        background: #111;
        color: #fff !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.4);
        transform: translateY(-3px);
    }