
/* Layout padrão estilo AniWatch para listagens */
.aniwatch-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;max-width:1580px;margin:0 auto;padding:0 18px 28px;box-sizing:border-box;align-items:start}.aniwatch-main{min-width:0}.aniwatch-sidebar{position:sticky;top:84px;display:flex;flex-direction:column;gap:16px}.aniwatch-widget,.aniwatch-years{background:rgba(30,30,36,.96);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px;box-shadow:0 10px 28px rgba(0,0,0,.22)}.aniwatch-widget-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.aniwatch-widget-head h3{margin:0;color:#f6d47a;font-size:18px;font-weight:800}.aniwatch-years-list{display:flex;flex-wrap:wrap;gap:8px}.aniwatch-year-pill{display:inline-flex;align-items:center;justify-content:center;min-width:58px;height:30px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);color:#f5f5f5;text-decoration:none;font-size:13px;font-weight:800;transition:.18s}.aniwatch-year-pill:hover{background:#f6d47a;color:#171717;transform:translateY(-1px)}.aniwatch-genres-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px}.aniwatch-genres-list a{color:#d9d9df;text-decoration:none;font-size:13px;line-height:1.15}.aniwatch-genres-list a:hover{color:#f6d47a}.aniwatch-tabs{display:flex;gap:5px}.aniwatch-tabs span{font-size:10px;padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.08);color:#ddd}.aniwatch-tabs span:first-child{background:#f6d47a;color:#181818;font-weight:900}.aniwatch-top-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.aniwatch-top-list li+li{border-top:1px solid rgba(255,255,255,.07)}.aniwatch-top-list a{display:grid;grid-template-columns:34px 46px 1fr;gap:10px;align-items:center;padding:10px 0;text-decoration:none;color:#fff}.aniwatch-top-list b{color:#d7d7df;font-size:17px;text-align:center}.aniwatch-top-list img{width:46px;height:60px;object-fit:cover;border-radius:7px;background:#111}.aniwatch-top-list strong{display:block;font-size:12px;line-height:1.25;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.aniwatch-top-list em{display:inline-flex;margin-top:5px;font-size:11px;font-style:normal;background:rgba(113,230,137,.15);color:#aaffb8;border-radius:5px;padding:2px 5px}.browse-page-container,.search-container,.releases-container,.channels-container{max-width:none!important;width:100%!important}.browse-page-title-wrap,.search-title-wrap,.releases-title-wrap,.channels-title-wrap{max-width:1580px;margin-left:auto!important;margin-right:auto!important;padding-left:18px;padding-right:18px;box-sizing:border-box}.browse-page-panel--top{display:none!important}.aniwatch-shell .browse-page-panel,.aniwatch-shell .search-panel,.aniwatch-shell .releases-panel,.aniwatch-shell .channels-panel{margin-left:0!important;margin-right:0!important}.aniwatch-shell .browse-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:16px!important}.aniwatch-shell .browse-card{background:transparent!important;border:none!important;box-shadow:none!important}.aniwatch-shell .browse-card-poster{border-radius:9px!important;overflow:hidden;background:#111}.aniwatch-shell .browse-card-poster img{height:224px!important;object-fit:cover!important}.aniwatch-shell .browse-card-body{padding:8px 2px 0!important;background:transparent!important}.aniwatch-shell .browse-card-title{font-size:13px!important;line-height:1.25!important;color:#f4f4f4!important;min-height:auto!important}.aniwatch-shell .browse-card-meta{gap:5px!important}.aniwatch-shell .browse-rating-pill,.aniwatch-shell .browse-year,.aniwatch-shell .browse-type-pill{font-size:10px!important;padding:3px 6px!important;border-radius:5px!important}.aniwatch-shell .browse-section,.aniwatch-shell .search-results-panel,.aniwatch-shell .releases-grid-panel,.aniwatch-shell .channels-grid-panel{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.aniwatch-shell .browse-section-head{margin-bottom:12px!important}.aniwatch-shell .gd-pagination{margin-top:26px!important}@media(max-width:1100px){.aniwatch-shell{grid-template-columns:1fr}.aniwatch-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px}.aniwatch-top-box{grid-column:1/-1}}@media(max-width:640px){.aniwatch-shell{padding:0 10px 22px}.aniwatch-sidebar{grid-template-columns:1fr}.aniwatch-shell .browse-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.aniwatch-shell .browse-card-poster img{height:150px!important}.aniwatch-shell .browse-card-title{font-size:11px!important}.aniwatch-genres-list{grid-template-columns:repeat(2,minmax(0,1fr))}.aniwatch-year-pill{min-width:50px;height:28px;font-size:12px}.aniwatch-widget,.aniwatch-years{padding:12px}}

/* ==========================================================
   FIX: GÊNEROS EM PÍLULAS IGUAL AOS ANOS
   ========================================================== */
.aniwatch-genres-list{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  grid-template-columns:none!important;
}
.aniwatch-genres-list a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:58px!important;
  height:30px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#f5f5f5!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  transition:.18s ease!important;
}
.aniwatch-genres-list a:hover{
  background:#f6d47a!important;
  color:#171717!important;
  transform:translateY(-1px)!important;
}
@media(max-width:640px){
  .aniwatch-genres-list{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }
  .aniwatch-genres-list a{
    min-width:50px!important;
    height:28px!important;
    padding:0 10px!important;
    font-size:12px!important;
  }
}


/* ==========================================================
   FIX DESKTOP: estilo AniWatch sem bordas/laterais vazias
   - aplicado apenas no PC/tablet grande
   - mobile permanece com o layout atual
   ========================================================== */
@media (min-width: 1110px){
  body{
    overflow-x:hidden!important;
  }

  .aniwatch-shell{
    max-width:none!important;
    width:calc(100vw - 28px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    grid-template-columns:minmax(0,1fr) 320px!important;
    gap:18px!important;
    box-sizing:border-box!important;
  }

  .browse-page-title-wrap,
  .search-title-wrap,
  .releases-title-wrap,
  .channels-title-wrap{
    max-width:none!important;
    width:calc(100vw - 28px)!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  .aniwatch-main,
  .aniwatch-shell .browse-page-panel,
  .aniwatch-shell .search-panel,
  .aniwatch-shell .releases-panel,
  .aniwatch-shell .channels-panel{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }

  .aniwatch-shell .browse-grid,
  .aniwatch-shell .channels-grid-fix,
  .aniwatch-shell .search-grid,
  .aniwatch-shell .releases-grid{
    display:grid!important;
    grid-template-columns:repeat(auto-fill,minmax(142px,1fr))!important;
    gap:15px!important;
    width:100%!important;
  }

  .aniwatch-shell .browse-card-poster img{
    height:214px!important;
  }

  .aniwatch-sidebar{
    width:320px!important;
    min-width:320px!important;
  }
}

@media (min-width: 1500px){
  .aniwatch-shell,
  .browse-page-title-wrap,
  .search-title-wrap,
  .releases-title-wrap,
  .channels-title-wrap{
    width:calc(100vw - 22px)!important;
  }

  .aniwatch-shell{
    grid-template-columns:minmax(0,1fr) 330px!important;
    gap:20px!important;
  }

  .aniwatch-sidebar{
    width:330px!important;
    min-width:330px!important;
  }

  .aniwatch-shell .browse-grid,
  .aniwatch-shell .channels-grid-fix,
  .aniwatch-shell .search-grid,
  .aniwatch-shell .releases-grid{
    grid-template-columns:repeat(auto-fill,minmax(148px,1fr))!important;
    gap:16px!important;
  }

  .aniwatch-shell .browse-card-poster img{
    height:222px!important;
  }
}

@media (min-width: 1800px){
  .aniwatch-shell,
  .browse-page-title-wrap,
  .search-title-wrap,
  .releases-title-wrap,
  .channels-title-wrap{
    width:calc(100vw - 18px)!important;
  }

  .aniwatch-shell .browse-grid,
  .aniwatch-shell .channels-grid-fix,
  .aniwatch-shell .search-grid,
  .aniwatch-shell .releases-grid{
    grid-template-columns:repeat(auto-fill,minmax(154px,1fr))!important;
  }
}

/* ==========================================================
   FIX FINAL: desktop responsivo sem ultrapassar bordas
   - reduz exagero do ajuste anterior
   - mantém mobile intacto
   ========================================================== */
@media (min-width: 1110px){
  html, body{overflow-x:hidden!important;}

  .aniwatch-shell,
  .browse-page-title-wrap,
  .search-title-wrap,
  .releases-title-wrap,
  .channels-title-wrap{
    width:calc(100% - 48px)!important;
    max-width:1660px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  .aniwatch-shell{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 320px!important;
    gap:20px!important;
    align-items:start!important;
    overflow:visible!important;
  }

  .aniwatch-main,
  .aniwatch-shell .browse-page-panel,
  .aniwatch-shell .search-panel,
  .aniwatch-shell .releases-panel,
  .aniwatch-shell .channels-panel,
  .aniwatch-shell .browse-section,
  .aniwatch-shell .search-results-panel,
  .aniwatch-shell .releases-grid-panel,
  .aniwatch-shell .channels-grid-panel{
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  .aniwatch-shell .browse-section-head,
  .aniwatch-shell .browse-section-title,
  .browse-page-title,
  .search-title,
  .releases-title,
  .channels-title{
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .aniwatch-shell .browse-grid,
  .aniwatch-shell .channels-grid-fix,
  .aniwatch-shell .search-grid,
  .aniwatch-shell .releases-grid{
    display:grid!important;
    grid-template-columns:repeat(auto-fill,minmax(138px,1fr))!important;
    gap:16px 14px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  .aniwatch-shell .browse-card,
  .aniwatch-shell .browse-card-link,
  .aniwatch-shell .browse-card-poster,
  .aniwatch-shell .browse-card-body{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  .aniwatch-shell .browse-card-poster img{
    width:100%!important;
    height:auto!important;
    aspect-ratio:2/3!important;
    object-fit:cover!important;
    display:block!important;
  }

  .aniwatch-shell .browse-card-title{
    max-width:100%!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    word-break:normal!important;
  }

  .aniwatch-sidebar{
    width:320px!important;
    min-width:0!important;
    max-width:320px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
}

@media (min-width: 1500px){
  .aniwatch-shell,
  .browse-page-title-wrap,
  .search-title-wrap,
  .releases-title-wrap,
  .channels-title-wrap{
    width:calc(100% - 56px)!important;
    max-width:1720px!important;
  }

  .aniwatch-shell{
    grid-template-columns:minmax(0,1fr) 330px!important;
    gap:22px!important;
  }

  .aniwatch-sidebar{
    width:330px!important;
    max-width:330px!important;
  }

  .aniwatch-shell .browse-grid,
  .aniwatch-shell .channels-grid-fix,
  .aniwatch-shell .search-grid,
  .aniwatch-shell .releases-grid{
    grid-template-columns:repeat(auto-fill,minmax(144px,1fr))!important;
    gap:17px 15px!important;
  }
}

@media (min-width: 1800px){
  .aniwatch-shell,
  .browse-page-title-wrap,
  .search-title-wrap,
  .releases-title-wrap,
  .channels-title-wrap{
    width:calc(100% - 64px)!important;
    max-width:1780px!important;
  }
}
