/* =========================================================
   STEEL BALL — MOBILE FINAL OVERRIDE
   Strictly scoped to <=700px. No desktop rules here.
   ========================================================= */
@media (max-width:700px){
  /* App header: logo + search icon only. */
  .header{height:68px!important;min-height:68px!important;padding:8px 12px!important;}
  .header-inner{height:52px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;direction:ltr!important;gap:10px!important;}
  .logo-brand-wrap{order:2!important;margin:0!important;display:inline-flex!important;align-items:center!important;gap:0!important;}
  .brand-s-mark{font-size:41px!important;line-height:.72!important;}
  .brand-text-main,.brand-text-gold{font-size:28px!important;line-height:.94!important;}
  .header-actions{order:1!important;display:flex!important;align-items:center!important;direction:ltr!important;}
  .header-actions .mobile-searchbar,.header-actions .mobile-menu-toggle,.header-actions .login-btn{display:none!important;}
  .header-actions .search-toggle{display:inline-flex!important;width:43px!important;height:43px!important;min-width:43px!important;align-items:center!important;justify-content:center!important;border-radius:13px!important;}

  /* Home hero: no top black band, no bottom slider markers. */
  .hero-slider{height:calc(100svh - 68px)!important;min-height:560px!important;max-height:690px!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:#050608!important;}
  .hero-slide{inset:0!important;}
  .hero-bg-image{inset:0!important;width:100%!important;height:100%!important;object-position:center center!important;transform:none!important;filter:brightness(.50) saturate(.9)!important;}
  .hero-slide::before{background:linear-gradient(to bottom,transparent 0%,transparent 48%,rgba(5,6,8,.10) 65%,rgba(5,6,8,.62) 83%,#050608 100%)!important;}
  .hero-slide::after{background:linear-gradient(to bottom,transparent 0%,transparent 57%,rgba(5,6,8,.10) 70%,rgba(5,6,8,.46) 87%,#050608 100%)!important;}
  .hero-content{width:calc(100% - 26px)!important;margin:0 13px!important;bottom:20px!important;padding:0!important;right:auto!important;left:auto!important;text-align:right!important;}
  .hero-title{font-size:31px!important;line-height:1.05!important;}
  .hero-arabic-title{font-size:18px!important;margin:7px 0 10px!important;}
  .hero-desc{font-size:11px!important;line-height:1.72!important;}
  .hero-actions{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;gap:9px!important;margin-top:13px!important;}
  .hero-read-btn,.hero-favorite-btn{height:48px!important;min-width:0!important;border-radius:12px!important;font-size:11px!important;}
  .hero-dots{display:none!important;}

  /* Latest updates: reference-style compact landscape card. */
  .latest-updates-section{width:100%!important;padding:20px 12px 22px!important;background:#050608!important;}
  .latest-grid{display:flex!important;flex-direction:column!important;gap:12px!important;}
  .latest-manga-card{display:grid!important;grid-template-columns:minmax(0,1fr) 205px!important;width:100%!important;height:350px!important;min-height:350px!important;max-height:350px!important;direction:ltr!important;overflow:hidden!important;border-radius:15px!important;}
  .latest-manga-cover{grid-column:2!important;order:0!important;align-self:center!important;width:205px!important;height:310px!important;min-height:310px!important;max-height:310px!important;border-radius:11px!important;overflow:hidden!important;}
  .latest-manga-cover img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important;filter:none!important;}
  .latest-cover-backdrop,.latest-cover-shine{display:none!important;}
  .latest-badge{top:8px!important;right:8px!important;font-size:9px!important;padding:5px 8px!important;}
  .latest-manga-body{grid-column:1!important;order:0!important;min-width:0!important;height:100%!important;padding:17px 14px!important;direction:rtl!important;box-sizing:border-box!important;}
  .latest-manga-meta{gap:8px!important;margin:0 0 10px!important;align-items:flex-start!important;}
  .latest-manga-meta h3{font-size:15px!important;line-height:1.4!important;height:42px!important;min-height:42px!important;max-height:42px!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;}
  .latest-manga-meta p{font-size:10px!important;margin-top:3px!important;}
  .latest-rating{min-width:65px!important;padding:7px 7px!important;font-size:10px!important;border-radius:9px!important;}
  .latest-chapter-list{gap:7px!important;margin-top:8px!important;}
  .latest-chapter-link{min-height:43px!important;padding:8px 9px!important;border-radius:9px!important;gap:8px!important;}
  .latest-chapter-link span{font-size:11px!important;}
  .latest-chapter-link small{font-size:9px!important;}

  /* All manga: exactly two equal cards on every phone. */
  .catalog-section{width:100%!important;padding:78px 12px 26px!important;box-sizing:border-box!important;}
  .catalog-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;width:100%!important;max-width:none!important;margin:0!important;}
  #all-manga-container.catalog-grid>.card{width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;border-radius:13px!important;overflow:hidden!important;}
  #all-manga-container.catalog-grid>.card .card-cover{width:100%!important;height:auto!important;aspect-ratio:2/3!important;flex:0 0 auto!important;overflow:hidden!important;}
  #all-manga-container.catalog-grid>.card .card-cover img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important;filter:none!important;}
  #all-manga-container.catalog-grid>.card .card-info{height:auto!important;min-height:142px!important;max-height:none!important;padding:11px 9px 10px!important;gap:7px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;}
  #all-manga-container.catalog-grid>.card .manga-title{height:38px!important;min-height:38px!important;max-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-size:12px!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  #all-manga-container.catalog-grid>.card .rating-container{height:34px!important;min-height:34px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;}
  #all-manga-container.catalog-grid>.card .rating-number{font-size:10px!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  #all-manga-container.catalog-grid>.card .latest-rating{width:62px!important;min-width:62px!important;height:34px!important;min-height:34px!important;padding:0 5px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:1px!important;box-sizing:border-box!important;border-radius:8px!important;font-size:9px!important;}
  #all-manga-container.catalog-grid>.card .catalog-card-bottom{height:34px!important;min-height:34px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;}
  #all-manga-container.catalog-grid>.card .catalog-card-bottom>*{height:34px!important;min-height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;}
  #all-manga-container.catalog-grid>.card .catalog-card-bottom .chapter-num{font-size:9px!important;padding:0 6px!important;}
  #all-manga-container.catalog-grid>.card .catalog-type{font-size:9px!important;padding:0 6px!important;}
  #all-manga-container.catalog-grid>.card:hover{transform:none!important;box-shadow:none!important;}

  /* Catalog search/filter controls remain mobile-specific. */
  .catalog-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) 46px!important;gap:8px!important;align-items:start!important;}
  .catalog-filter-panel{position:fixed!important;left:10px!important;right:10px!important;top:78px!important;width:auto!important;max-height:calc(100svh - 165px)!important;overflow:auto!important;z-index:2600!important;}
}

@media (max-width:380px){
  .brand-s-mark{font-size:38px!important;}
  .brand-text-main,.brand-text-gold{font-size:26px!important;}
  .latest-manga-card{grid-template-columns:minmax(0,1fr) 184px!important;height:330px!important;min-height:330px!important;max-height:330px!important;}
  .latest-manga-cover{width:184px!important;height:286px!important;min-height:286px!important;max-height:286px!important;}
  .latest-manga-body{padding:14px 11px!important;}
  .latest-manga-meta h3{font-size:14px!important;height:39px!important;min-height:39px!important;max-height:39px!important;}
  .latest-chapter-link span{font-size:10px!important;}
}

/* Desktop must retain the PC search icon and native overlay. */
@media (min-width:701px){
  .mobile-searchbar{display:none!important;}
  .mobile-menu{display:none!important;}
  .search-toggle{display:inline-flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
  .search-overlay{display:none!important;}
  .search-overlay.open{display:flex!important;}
}

/* =========================================================
   MOBILE V9 — final visual lock. Desktop untouched.
   ========================================================= */
@media (max-width:700px){
  .hero-slider{height:clamp(520px,74vh,650px)!important;min-height:520px!important;max-height:650px!important;background:#050608!important;border:0!important;outline:0!important;overflow:hidden!important;}
  .hero-slide::before{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(to bottom,rgba(0,0,0,.16) 0%,rgba(0,0,0,.04) 22%,rgba(0,0,0,.10) 46%,rgba(0,0,0,.74) 78%,#050608 100%)!important;pointer-events:none!important;}
  .hero-slide::after{content:""!important;position:absolute!important;inset:0!important;z-index:2!important;background:linear-gradient(to bottom,transparent 0%,transparent 52%,rgba(0,0,0,.18) 68%,rgba(0,0,0,.76) 90%,#050608 100%)!important;pointer-events:none!important;}
  .hero-bg-image{filter:brightness(.42) saturate(.84)!important;transform:none!important;}
  .hero-content{z-index:4!important;bottom:16px!important;right:14px!important;left:14px!important;width:auto!important;margin:0!important;text-align:right!important;}
  .hero-actions{position:relative!important;z-index:5!important;}
  .hero-dots,.hero-slider .hero-dots,.hero-slider #heroDots{display:none!important;visibility:hidden!important;height:0!important;max-height:0!important;min-height:0!important;overflow:hidden!important;pointer-events:none!important;}

  .latest-updates-section{padding:18px 12px 24px!important;}
  .latest-grid{display:flex!important;flex-direction:column!important;gap:10px!important;}
  .latest-manga-card{display:grid!important;grid-template-columns:minmax(0,1fr) 126px!important;width:100%!important;height:214px!important;min-height:214px!important;max-height:214px!important;border-radius:12px!important;overflow:hidden!important;direction:ltr!important;}
  .latest-manga-cover{grid-column:2!important;width:126px!important;height:190px!important;min-height:190px!important;max-height:190px!important;align-self:center!important;border-radius:8px!important;overflow:hidden!important;}
  .latest-manga-cover img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important;filter:none!important;}
  .latest-cover-backdrop,.latest-cover-shine{display:none!important;}
  .latest-badge{top:6px!important;right:6px!important;font-size:7px!important;padding:4px 6px!important;}
  .latest-manga-body{grid-column:1!important;padding:10px 8px!important;direction:rtl!important;min-width:0!important;}
  .latest-manga-meta{gap:6px!important;margin:0 0 5px!important;}
  .latest-manga-meta h3{font-size:12px!important;height:31px!important;min-height:31px!important;max-height:31px!important;line-height:1.3!important;}
  .latest-manga-meta p{font-size:8px!important;margin-top:2px!important;}
  .latest-rating{min-width:50px!important;width:50px!important;height:28px!important;padding:3px!important;font-size:7px!important;}
  .latest-chapter-list{gap:4px!important;margin-top:2px!important;}
  .latest-chapter-link{min-height:34px!important;height:34px!important;padding:5px 6px!important;border-radius:7px!important;gap:5px!important;}
  .latest-chapter-link span{font-size:8px!important;line-height:1.3!important;}
  .latest-chapter-link small{font-size:7px!important;white-space:nowrap!important;}

  .catalog-section{padding:72px 12px 28px!important;}
  .catalog-grid,#all-manga-container.catalog-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:12px!important;row-gap:12px!important;width:100%!important;max-width:100%!important;justify-content:stretch!important;align-items:start!important;}
  #all-manga-container.catalog-grid>.card{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;margin:0!important;border-radius:11px!important;overflow:hidden!important;transform:none!important;}
  #all-manga-container.catalog-grid>.card .card-cover{width:100%!important;height:auto!important;aspect-ratio:2 / 3!important;flex:0 0 auto!important;position:relative!important;overflow:hidden!important;}
  #all-manga-container.catalog-grid>.card .card-cover img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important;filter:none!important;}
  #all-manga-container.catalog-grid>.card .card-info{width:100%!important;height:84px!important;min-height:84px!important;max-height:84px!important;display:flex!important;flex-direction:column!important;gap:3px!important;padding:6px 6px!important;box-sizing:border-box!important;}
  #all-manga-container.catalog-grid>.card .manga-title{height:23px!important;min-height:23px!important;max-height:23px!important;font-size:10px!important;line-height:1.25!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0!important;}
  #all-manga-container.catalog-grid>.card .rating-container{height:25px!important;min-height:25px!important;max-height:25px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0!important;}
  #all-manga-container.catalog-grid>.card .rating-number{font-size:8px!important;min-width:0!important;max-width:58%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  #all-manga-container.catalog-grid>.card .latest-rating{width:54px!important;min-width:54px!important;height:25px!important;min-height:25px!important;padding:0 3px!important;border-radius:6px!important;font-size:7px!important;}
  #all-manga-container.catalog-grid>.card .catalog-card-bottom{height:26px!important;min-height:26px!important;max-height:26px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:4px!important;margin:0!important;}
  #all-manga-container.catalog-grid>.card .catalog-card-bottom>*{height:26px!important;min-height:26px!important;max-height:26px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;}
  #all-manga-container.catalog-grid>.card .catalog-card-bottom .chapter-num{font-size:7px!important;padding:0 4px!important;margin:0!important;}
  #all-manga-container.catalog-grid>.card .catalog-type{font-size:7px!important;padding:0 4px!important;white-space:nowrap!important;}
  #all-manga-container.catalog-grid>.card::after{display:none!important;}
  #all-manga-container.catalog-grid>.card:hover{transform:none!important;box-shadow:none!important;}

  .catalog-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) 48px!important;gap:8px!important;}
  .catalog-filter-trigger{width:48px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
  .catalog-filter-panel{position:fixed!important;top:74px!important;left:10px!important;right:10px!important;width:auto!important;max-height:calc(100svh - 150px)!important;overflow:auto!important;z-index:9999!important;}
}

/* =========================================================
   MOBILE V10 — FINAL CARD BALANCE
   Keep desktop untouched. Latest cards use a wider fixed cover area,
   while manga cards get a small size increase with cleaner metadata.
   ========================================================= */
@media (max-width:700px){
  /* ---------- Latest Updates ---------- */
  .latest-updates-section{
    width:100%!important;
    padding:18px 10px 24px!important;
    box-sizing:border-box!important;
  }
  .latest-grid{
    gap:12px!important;
    width:100%!important;
  }
  .latest-manga-card{
    grid-template-columns:minmax(0,1fr) 148px!important;
    width:100%!important;
    height:246px!important;
    min-height:246px!important;
    max-height:246px!important;
    border-radius:14px!important;
  }
  .latest-manga-cover{
    grid-column:2!important;
    width:148px!important;
    height:222px!important;
    min-height:222px!important;
    max-height:222px!important;
    align-self:center!important;
    border-radius:9px!important;
    overflow:hidden!important;
  }
  .latest-manga-cover img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .latest-manga-body{
    grid-column:1!important;
    padding:12px 10px!important;
    min-width:0!important;
    gap:0!important;
    overflow:hidden!important;
  }
  .latest-manga-meta{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 64px!important;
    align-items:center!important;
    gap:8px!important;
    margin:0 0 9px!important;
  }
  .latest-manga-meta > div{
    min-width:0!important;
    align-self:center!important;
  }
  .latest-manga-meta h3{
    width:100%!important;
    margin:0 0 3px!important;
    font-size:13px!important;
    line-height:1.4!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    text-align:right!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    overflow-wrap:anywhere!important;
    white-space:normal!important;
  }
  .latest-manga-meta p{
    margin:0!important;
    font-size:8px!important;
    line-height:1.5!important;
    text-align:right!important;
  }
  .latest-rating{
    width:64px!important;
    min-width:64px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    padding:0!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    text-align:center!important;
    line-height:1!important;
    box-sizing:border-box!important;
    border-radius:9px!important;
  }
  .latest-rating .mal-label{
    display:block!important;
    margin:0!important;
    font-size:8px!important;
    line-height:1!important;
  }
  .latest-chapter-list{
    width:100%!important;
    gap:6px!important;
    margin-top:0!important;
  }
  .latest-chapter-link{
    width:100%!important;
    min-height:38px!important;
    height:38px!important;
    padding:6px 8px!important;
    border-radius:8px!important;
    box-sizing:border-box!important;
    gap:6px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
  }
  .latest-chapter-link span{
    min-width:0!important;
    flex:1 1 auto!important;
    font-size:8.5px!important;
    line-height:1.35!important;
    text-align:right!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .latest-chapter-link small{
    flex:0 0 auto!important;
    font-size:7px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }

  /* ---------- All Manga ---------- */
  .catalog-section{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .catalog-grid,
  #all-manga-container.catalog-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:12px!important;
    row-gap:13px!important;
    width:100%!important;
  }
  #all-manga-container.catalog-grid>.card{
    width:100%!important;
    min-width:0!important;
    border-radius:12px!important;
  }
  #all-manga-container.catalog-grid>.card .card-cover{
    width:100%!important;
    aspect-ratio:2 / 3!important;
    height:auto!important;
    min-height:0!important;
    border-radius:11px 11px 0 0!important;
  }
  #all-manga-container.catalog-grid>.card .card-cover img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  #all-manga-container.catalog-grid>.card .card-info{
    width:100%!important;
    height:96px!important;
    min-height:96px!important;
    max-height:96px!important;
    padding:8px 7px 7px!important;
    gap:5px!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-rows:32px 31px 28px!important;
    align-content:center!important;
  }
  #all-manga-container.catalog-grid>.card .manga-title{
    width:100%!important;
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    margin:0!important;
    padding:0!important;
    display:-webkit-box!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:10.5px!important;
    line-height:1.35!important;
    font-weight:900!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  #all-manga-container.catalog-grid>.card .rating-container{
    width:100%!important;
    height:31px!important;
    min-height:31px!important;
    max-height:31px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 62px!important;
    gap:7px!important;
    align-items:center!important;
    box-sizing:border-box!important;
    direction:rtl!important;
  }
  #all-manga-container.catalog-grid>.card .rating-number{
    width:100%!important;
    min-width:0!important;
    height:31px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:right!important;
    font-size:9px!important;
    line-height:1.25!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  #all-manga-container.catalog-grid>.card .latest-rating{
    width:62px!important;
    min-width:62px!important;
    height:31px!important;
    min-height:31px!important;
    max-height:31px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    line-height:1!important;
    text-align:center!important;
    border-radius:8px!important;
    box-sizing:border-box!important;
    font-size:9px!important;
  }
  #all-manga-container.catalog-grid>.card .latest-rating .mal-label{
    margin:0!important;
    font-size:8px!important;
    line-height:1!important;
  }
  #all-manga-container.catalog-grid>.card .catalog-card-bottom{
    width:100%!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    margin:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 50px!important;
    gap:6px!important;
    align-items:stretch!important;
  }
  #all-manga-container.catalog-grid>.card .catalog-card-bottom>*{
    width:100%!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    margin:0!important;
    padding:0 5px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    text-align:center!important;
  }
  #all-manga-container.catalog-grid>.card .catalog-card-bottom .chapter-num{
    font-size:8px!important;
    line-height:1.15!important;
  }
  #all-manga-container.catalog-grid>.card .catalog-type{
    font-size:8px!important;
    line-height:1.15!important;
  }
}

@media (max-width:380px){
  .latest-manga-card{
    grid-template-columns:minmax(0,1fr) 136px!important;
    height:230px!important;
    min-height:230px!important;
    max-height:230px!important;
  }
  .latest-manga-cover{
    width:136px!important;
    height:204px!important;
    min-height:204px!important;
    max-height:204px!important;
  }
  .latest-manga-meta{
    grid-template-columns:minmax(0,1fr) 60px!important;
    gap:6px!important;
  }
  .latest-rating{
    width:60px!important;
    min-width:60px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
  }
  #all-manga-container.catalog-grid>.card .card-info{
    height:94px!important;
    min-height:94px!important;
    max-height:94px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
  #all-manga-container.catalog-grid>.card .rating-container{
    grid-template-columns:minmax(0,1fr) 58px!important;
  }
  #all-manga-container.catalog-grid>.card .latest-rating{
    width:58px!important;
    min-width:58px!important;
  }
  #all-manga-container.catalog-grid>.card .catalog-card-bottom{
    grid-template-columns:minmax(0,1fr) 47px!important;
  }
}


/* =========================================================
   FINAL MOBILE HEADER SEARCH INTEGRATION
   Replace the old standalone mobile search presentation.
   ========================================================= */
@media (max-width:700px){
  .header{
    position:relative !important;
    width:100% !important;
    box-sizing:border-box !important;
  }

  .header-inner{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:58px !important;
    padding:7px max(10px, env(safe-area-inset-left)) 7px max(10px, env(safe-area-inset-right)) !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:8px !important;
    direction:ltr !important;
  }

  .logo-brand-wrap{
    flex:0 0 auto !important;
    min-width:0 !important;
    max-width:46% !important;
    white-space:nowrap !important;
    overflow:hidden !important;
  }

  .header-actions{
    order:1 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:none !important;
    width:auto !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:0 !important;
    direction:ltr !important;
  }

  .header-actions .mobile-searchbar{
    display:flex !important;
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:44px !important;
    margin:0 !important;
    padding:0 10px !important;
    box-sizing:border-box !important;
    align-items:center !important;
    gap:8px !important;
    border:1px solid rgba(226,184,87,.30) !important;
    border-radius:13px !important;
    background:#101216 !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  .header-actions .mobile-searchbar i{
    flex:0 0 auto !important;
    color:var(--gold,#e2b857) !important;
    font-size:16px !important;
  }

  .header-actions .mobile-searchbar input{
    flex:1 1 auto !important;
    width:0 !important;
    min-width:0 !important;
    height:100% !important;
    padding:0 !important;
    border:0 !important;
    outline:0 !important;
    background:transparent !important;
    color:#f2f2f2 !important;
    direction:rtl !important;
    text-align:right !important;
    font:inherit !important;
    font-size:12px !important;
  }

  .header-actions .mobile-searchbar input::placeholder{
    color:#85858b !important;
    opacity:1 !important;
  }

  .header-actions .search-toggle,
  .header-actions .mobile-menu-toggle,
  .header-actions .login-btn{
    display:none !important;
  }

  /* Remove the old standalone catalog search on phones. */
  .catalog-toolbar .catalog-search{
    display:none !important;
  }

  /* Keep the toolbar/filter layout clean after the standalone search is removed. */
  .catalog-toolbar{
    margin-top:8px !important;
  }
}

@media (max-width:380px){
  .header-inner{
    gap:6px !important;
    padding-inline:8px !important;
  }
  .logo-brand-wrap{
    max-width:43% !important;
  }
  .header-actions .mobile-searchbar{
    height:42px !important;
    padding-inline:8px !important;
    gap:6px !important;
  }
  .header-actions .mobile-searchbar input{
    font-size:11px !important;
  }
}