:root{
  --km-primary:#ff0048;
  --km-purple:#7b2cff;
  --km-bg:#f4f4f4;
  --km-dark:#08080c;
  --km-text:#222;
}

/* ASTRA CLEAN */
.entry-title,
.ast-page-builder-template .entry-header{
  display:none!important;
}

.ast-container,
.site-content .ast-container{
  max-width:100%!important;
  padding:0!important;
}

.entry-content{
  margin:0!important;
}

body{
  background:var(--km-bg)!important;
}

/* HERO */
.km-hero{
  width:100vw!important;
  max-width:100vw!important;
  min-height:420px;
  margin:0 0 55px calc(50% - 50vw)!important;
  padding:65px 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:
    linear-gradient(90deg, rgba(0,0,0,.96), rgba(0,0,0,.55), rgba(0,0,0,.96)),
    url("https://killmanga.com/wp-content/uploads/2026/04/sukuna-red-3440x1440-16933-scaled.png");
  background-size:cover!important;
  background-position:center!important;
}

.km-hero-content{
  width:100%;
  max-width:1120px;
}

.km-hero-title-link{
  text-decoration:none!important;
  display:inline-block;
}

.km-hero-title-link h1{
  transition:.25s ease;
}

.km-hero-title-link:hover h1{
  color:var(--km-primary)!important;
  text-shadow:
    0 0 18px rgba(255,0,72,.65),
    0 5px 25px rgba(0,0,0,.9);
}

.km-hero-content h1{
  color:#fff!important;
  font-size:48px;
  line-height:1.08;
  font-weight:950;
  text-transform:uppercase;
  margin:0 0 12px;
  text-shadow:0 5px 25px rgba(0,0,0,.9);
}

.km-hero-content p{
  color:#fff;
  font-size:15px;
  font-weight:800;
  margin:0 0 24px;
}

/* SEARCH */
.km-search-wrap{
  position:relative;
  max-width:650px;
  margin:0 auto;
  z-index:20;
}

.km-search-form{
  display:flex;
  justify-content:center;
  gap:12px;
}

.km-search-form input{
  width:460px;
  max-width:70vw;
  border:0!important;
  outline:0!important;
  padding:15px 22px!important;
  border-radius:999px!important;
  font-size:14px!important;
  background:#fff!important;
  box-shadow:0 8px 25px rgba(0,0,0,.25);
}

.km-search-form button{
  border:0!important;
  background:linear-gradient(135deg,var(--km-primary),var(--km-purple))!important;
  color:#fff!important;
  padding:15px 28px!important;
  border-radius:999px!important;
  font-weight:950!important;
  cursor:pointer;
}

#km-live-results{
  display:none;
  position:absolute;
  top:60px;
  left:0;
  right:110px;
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 15px 35px rgba(0,0,0,.35);
  z-index:99999;
  text-align:left;
}

.km-live-item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px;
  color:#111!important;
  text-decoration:none!important;
  border-bottom:1px solid #eee;
  font-weight:800;
  font-size:14px;
}

.km-live-item img{
  width:45px;
  height:60px;
  object-fit:cover;
  border-radius:7px;
}

/* HOME */
.km-home{
  max-width:1120px;
  margin:0 auto 60px;
  padding:0 18px;
}

.km-home h2{
  color:var(--km-purple)!important;
  font-size:28px;
  font-weight:950;
  margin:0 0 22px;
}

/* HOME CARDS FIXED */
.km-home .km-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(175px,1fr))!important;
  gap:24px!important;
}

.km-home .km-card{
  position:relative!important;
  height:285px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  display:block!important;
  text-decoration:none!important;
  background:#111!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
  transition:.25s ease!important;
}

.km-home .km-card:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 20px 40px rgba(255,0,72,.22)!important;
  outline:2px solid var(--km-primary)!important;
}

.km-home .km-thumb,
.km-home .km-thumb img{
  width:100%!important;
  height:100%!important;
}

.km-home .km-thumb img{
  object-fit:cover!important;
  display:block!important;
  opacity:.95!important;
  transition:.35s ease!important;
}

.km-home .km-card:hover .km-thumb img{
  transform:scale(1.07)!important;
}

.km-home .km-card:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,.65) 35%, transparent 75%)!important;
  z-index:2!important;
  pointer-events:none!important;
}

.km-home .km-rank{
  position:absolute!important;
  top:10px!important;
  left:10px!important;
  z-index:999!important;
  width:30px!important;
  height:30px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,var(--km-primary),var(--km-purple))!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
  border-radius:50%!important;
  border:2px solid rgba(255,255,255,.85)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.55)!important;
}

.km-home .km-overlay{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:10!important;
  padding:14px 12px!important;
}

.km-home .km-overlay h3{
  color:#fff!important;
  font-size:14px!important;
  line-height:1.22!important;
  font-weight:950!important;
  margin:0!important;
  text-shadow:0 3px 10px #000!important;
}

.km-ch-badge{
  display:inline-block;
  margin-top:7px;
  background:rgba(0,0,0,.75);
  color:#fff;
  font-size:11px;
  padding:4px 8px;
  border-radius:999px;
  font-weight:900;
}

.km-ch-count,
.km-read-btn{
  display:none!important;
}

/* LOAD MORE */
.km-load-wrap{
  text-align:center;
  margin-top:28px;
}

.km-load-btn{
  border:0!important;
  background:linear-gradient(135deg,var(--km-primary),var(--km-purple))!important;
  color:#fff!important;
  padding:14px 36px!important;
  border-radius:999px!important;
  font-weight:950!important;
  cursor:pointer!important;
  box-shadow:0 12px 28px rgba(123,44,255,.28)!important;
  transition:.25s ease!important;
}

.km-load-btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 18px 35px rgba(255,0,72,.35)!important;
}

/* FORCE LOAD MORE SERIES */
.km-home .km-series-item{
  display:none!important;
}

.km-home .km-series-item.km-visible-series{
  display:block!important;
}

/* MANGA PAGE */
.km-manga-page{
  max-width:1080px;
  margin:55px auto;
  padding:35px;
  background:#fff;
  border-radius:18px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  color:var(--km-text);
}

.km-manga-top{
  display:flex;
  gap:32px;
  align-items:flex-start;
}

.km-manga-cover{
  width:260px;
  height:390px;
  object-fit:cover;
  border-radius:16px;
  flex-shrink:0;
}

.km-manga-info{
  flex:1;
}

.km-manga-info h1{
  color:#222!important;
  font-size:38px;
  line-height:1.15;
  font-weight:850;
  margin:0 0 18px;
}

.km-manga-desc{
  color:#333;
  font-size:16px;
  line-height:1.85;
  margin-bottom:25px;
}

/* CHAPTERS */
.km-chapters-wrap{
  margin-top:35px;
}

.km-chapters-wrap h2{
  color:#222!important;
  font-size:28px;
  font-weight:900;
  margin:0 0 18px;
}

.km-chapters-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
  gap:12px;
}

.km-chapter-card{
  display:flex!important;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  background:#f7f7f9;
  color:#222!important;
  text-decoration:none!important;
  padding:14px 16px;
  border-radius:12px;
  font-weight:850;
  border:1px solid #ececf0;
  transition:.2s ease;
}

.km-chapter-card b{
  color:var(--km-purple);
  font-size:12px;
}

.km-chapter-card:hover{
  background:#fff;
  border-color:var(--km-primary);
  box-shadow:0 8px 20px rgba(255,0,72,.12);
  transform:translateY(-2px);
}

/* SHOW ONLY VISIBLE CHAPTERS */
.km-chapter-item{
  display:none!important;
}

.km-chapter-item.km-visible{
  display:flex!important;
}

/* READER */
body.single-chapter{
  background:#0b0b0f!important;
}

.km-reader-pro{
  background:#0b0b0f;
  color:#fff;
  min-height:100vh;
  padding:18px;
}

.km-reader-sticky{
  position:sticky;
  top:32px;
  z-index:50;
  margin-bottom:22px;
}

.km-reader-top{
  max-width:1100px;
  margin:0 auto;
  background:rgba(18,18,26,.96);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.km-reader-back{
  color:#d8d8e8;
  text-decoration:none!important;
  font-weight:800;
}

.km-reader-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.km-reader-btn{
  background:linear-gradient(135deg,var(--km-primary),var(--km-purple));
  color:#fff!important;
  text-decoration:none!important;
  border-radius:999px;
  padding:10px 15px;
  font-weight:900;
  font-size:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
}

.km-reader-btn.disabled{
  opacity:.35;
  pointer-events:none;
  background:#333;
}

.km-reader-select{
  background:#171722;
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  padding:10px 14px;
  font-weight:800;
  outline:0;
}

.km-reader-title-box{
  text-align:center;
  margin:30px auto 25px;
}

.km-reader-title-box h1{
  color:#fff;
  font-size:30px;
  margin:0;
  font-weight:950;
}

.km-reader-pages{
  max-width:980px;
  margin:0 auto;
}

.km-reader-pages img{
  display:block;
  width:100%;
  max-width:980px;
  height:auto;
  margin:0 auto 12px;
  border-radius:4px;
  background:#111;
}

.km-reader-bottom{
  max-width:980px;
  margin:35px auto 15px;
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
}

/* RESPONSIVE */
@media(max-width:900px){
  .km-hero-content h1{
    font-size:34px;
  }

  .km-home .km-grid{
    grid-template-columns:repeat(auto-fill,minmax(155px,1fr))!important;
  }

  .km-home .km-card{
    height:255px!important;
  }
}

@media(max-width:700px){
  .km-hero{
    min-height:330px;
    padding:45px 15px;
  }

  .km-hero-content h1{
    font-size:26px;
  }

  .km-search-form{
    flex-direction:column;
    align-items:center;
  }

  .km-search-form input{
    width:100%;
    max-width:100%;
  }

  #km-live-results{
    right:0;
  }

  .km-home .km-grid{
    grid-template-columns:repeat(2,1fr)!important;
    gap:14px!important;
  }

  .km-home .km-card{
    height:245px!important;
  }

  .km-manga-page{
    margin:25px 12px;
    padding:20px;
  }

  .km-manga-top{
    flex-direction:column;
    align-items:center;
  }

  .km-manga-cover{
    width:210px;
    height:315px;
  }

  .km-manga-info h1{
    font-size:28px!important;
    text-align:center;
  }

  .km-reader-top{
    flex-direction:column;
  }

  .km-reader-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1.4fr 1fr;
    gap:8px;
  }
}

/* ===============================
   HOME CARDS V2 FIX
================================ */

.km-series-item{
  display:none!important;
}

.km-series-item.km-visible-series{
  display:block!important;
}

.km-card2{
  position:relative!important;
  height:290px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  display:block!important;
  background:#111!important;
  text-decoration:none!important;
  box-shadow:0 10px 25px rgba(0,0,0,.18)!important;
  transition:.25s ease!important;
}

.km-card2:hover{
  transform:translateY(-5px)!important;
  outline:2px solid #ff0048!important;
  box-shadow:0 20px 40px rgba(255,0,72,.25)!important;
}

.km-thumb2,
.km-thumb2 img{
  width:100%!important;
  height:100%!important;
}

.km-thumb2 img{
  object-fit:cover!important;
  display:block!important;
}

.km-card2:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(to top, rgba(0,0,0,.95), rgba(0,0,0,.45) 45%, transparent 75%)!important;
  z-index:2!important;
}

.km-rank2{
  position:absolute!important;
  top:10px!important;
  left:10px!important;
  z-index:50!important;
  width:30px!important;
  height:30px!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#ff0048,#7b2cff)!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:13px!important;
  font-weight:950!important;
  border:2px solid #fff!important;
  box-shadow:0 8px 20px rgba(0,0,0,.6)!important;
}

.km-overlay2{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:5!important;
  padding:15px!important;
}

.km-overlay2 h3{
  color:#fff!important;
  font-size:15px!important;
  line-height:1.2!important;
  margin:0 0 7px!important;
  font-weight:950!important;
  text-shadow:0 3px 10px #000!important;
}

.km-overlay2 span{
  color:#fff!important;
  background:rgba(0,0,0,.75)!important;
  padding:4px 9px!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:900!important;
}

@media(max-width:700px){
  .km-card2{
    height:250px!important;
  }
}

<style>
.notice-success {
    border-left: 4px solid #00ff9c;
    background: #0f172a;
    color: #fff;
}
.notice-success p {
    margin: 10px 0;
}
</style>

/* ===============================
   FOOTER PRO FINAL
================================ */

.km-footer-pro{
  background:#0a0a0f;
  color:#fff;
  margin-top:80px;
  padding:45px 20px 20px;
  border-top:1px solid rgba(255,255,255,.08);
}

.km-footer-inner-pro{
  max-width:1150px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:30px;
}

.km-footer-inner-pro h3{
  font-size:26px;
  font-weight:900;
  margin-bottom:10px;
  background:linear-gradient(90deg,#00ff88,#00ccff);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.km-footer-inner-pro p{
  color:#aaa;
  font-size:14px;
  line-height:1.6;
}

.km-footer-links{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}

.km-footer-links a{
  color:#ccc!important;
  font-weight:800;
  font-size:14px;
  text-decoration:none!important;
  transition:.25s;
  position:relative;
}

.km-footer-links a:hover{
  color:#00ff88!important;
  transform:translateY(-2px);
}

/* underline effect */
.km-footer-links a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-3px;
  width:0;
  height:2px;
  background:linear-gradient(90deg,#00ff88,#00ccff);
  transition:.25s;
}

.km-footer-links a:hover::after{
  width:100%;
}

.km-footer-copy{
  max-width:1150px;
  margin:30px auto 0;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#777;
  font-size:13px;
  text-align:center;
}

/* MOBILE */
@media(max-width:700px){
  .km-footer-inner-pro{
    flex-direction:column;
    align-items:center;
    text-align:center;
  }

  .km-footer-links{
    justify-content:center;
  }
}
/* Manga info meta */
.km-manga-meta{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin:12px 0 18px;
}
.km-manga-meta span{
    background:rgba(0,0,0,.06);
    border:1px solid rgba(0,0,0,.08);
    padding:7px 12px;
    border-radius:999px;
    font-size:14px;
}
.km-manga-meta b{font-weight:800;}


/* KillManga reader spacing fix: keep SEO intro visible without creating a large gap */
.km-reader-pro{padding-top:12px!important;}
.km-reader-sticky{margin-bottom:10px!important;}
.km-reader-title-box{margin:10px auto 8px!important;}
.km-reader-title-box h1{margin:0!important;line-height:1.15!important;}
.km-reader-seo-intro,.km-reader-seo-text{max-width:980px;margin:0 auto 10px!important;padding:0!important;text-align:center;color:#d8d8e8;font-size:14px;line-height:1.45;}
.km-reader-seo-intro p,.km-reader-seo-text p{margin:0 0 4px!important;padding:0!important;}
.km-reader-pages{margin-top:0!important;padding-top:0!important;}
.km-reader-pages img:first-child{margin-top:0!important;}
@media(max-width:768px){.km-reader-pro{padding-top:8px!important}.km-reader-title-box{margin:8px auto 6px!important}.km-reader-seo-intro,.km-reader-seo-text{font-size:13px;margin-bottom:8px!important}}


.single-chapter .entry-header,
.single-chapter .entry-title,
.single-chapter .entry-meta,
.single-chapter header.entry-header,
.single-chapter .post-thumbnail {
    display: none !important;
}

.single-chapter .site-main,
.single-chapter .content-area,
.single-chapter article,
.single-chapter .entry-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.km-reader-title-box {
    margin: 8px auto 10px !important;
    padding: 0 !important;
}

.km-seo-intro,
.km-seo-intro p {
    margin: 0 0 6px !important;
    padding: 0 !important;
    line-height: 1.35 !important;
}

.km-reader-pages {
    margin-top: 8px !important;
    padding-top: 0 !important;
}

.km-reader-pages img {
    display: block !important;
    margin: 0 auto !important;
}