/* Catálogo público — recomendados, capas e pesquisa. 2026-10-30 */
/* Carregado após os estilos legados, com escopo restrito aos componentes. */
body.aw-title-page .aw-bg { width:100% !important; max-width:100% !important; }
body.aw-title-page .aw-content-grid,
body.aw-title-page .aw-main-column,
body.aw-title-page .related-box.related-wide {
  min-width:0 !important;
  max-width:100% !important;
}
body.aw-title-page .related-box.related-wide { width:100% !important; padding:0 !important; }
body.aw-title-page .related-box .related-head { margin:0 0 20px !important; padding:0 0 14px !important; }
body.aw-title-page .related-box .related-head h2 { font-size:clamp(20px,2.5vw,26px) !important; line-height:1.3 !important; }
body.aw-title-page .related-box .rail.related-rail {
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:24px 18px !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  scroll-snap-type:none !important;
  align-items:start !important;
  justify-content:stretch !important;
  transform:none !important;
}
body.aw-title-page .related-box .related-rail > .rail-card {
  display:block !important;
  position:relative !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  height:auto !important;
  margin:0 !important;
  flex:none !important;
  transform:none !important;
}
body.aw-title-page .related-box .rail-card > a:any-link { display:block !important; width:100% !important; min-width:0 !important; text-decoration:none; }
body.aw-title-page .related-box .rail-card__poster {
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:2/3 !important;
  overflow:hidden !important;
  border-radius:9px !important;
  background:#222 url('/assets/images/catalog-placeholder.svg') center/cover no-repeat !important;
}
body.aw-title-page .related-box .rail-card__poster > img {
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
body.aw-title-page .related-box .rail-card__title {
  display:-webkit-box !important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden !important;
  white-space:normal !important;
  overflow-wrap:anywhere;
  margin:10px 0 0 !important;
  min-height:2.8em !important;
  color:#eee !important;
  font-size:14px !important;
  line-height:1.4 !important;
}
body.aw-title-page .related-box .rail-card__meta { margin-top:6px !important; font-size:12px !important; line-height:1.4 !important; }
@media(max-width:1000px) {
  body.aw-title-page .related-box .rail.related-rail { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:22px 14px !important; }
}
/* No celular/tablet, os cards ficam em uma única faixa deslizável. */
@media(max-width:900px) {
  body.aw-title-page .related-box .rail.related-rail {
    grid-template-columns:none !important;
    grid-auto-flow:column !important;
    grid-auto-columns:clamp(104px,36%,150px) !important;
    gap:12px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x proximity !important;
    scroll-padding-inline:0;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
    scrollbar-color:#666 transparent;
    padding:0 0 12px !important;
  }
  body.aw-title-page .related-box .related-rail > .rail-card {
    scroll-snap-align:start !important;
    scroll-snap-stop:normal;
  }
  body.aw-title-page .related-box .rail-card__title { font-size:13px !important; }
  body.aw-title-page .related-box .rail-card__meta { font-size:11px !important; }
}

/* Uma única indicação de abrir o título, sem ampliar/desfocar a capa. */
body .anx-card > a:any-link,
body .browse-card:not(.channel-card--overview) .browse-card-link:any-link,
body .rail-card > a:any-link { -webkit-tap-highlight-color:rgba(242,194,48,.18); }
body .anx-card .anx-cover,
body .browse-card .browse-card-poster,
body .rail-card .rail-card__poster { position:relative !important; overflow:hidden !important; isolation:isolate; }
body .anx-card > a:any-link .anx-cover,
body .browse-card:not(.channel-card--overview) .browse-card-link:any-link .browse-card-poster { transform:none !important; filter:none !important; }
body .anx-card > a:any-link .anx-card-image,
body .browse-card:not(.channel-card--overview) .browse-card-link:any-link .browse-card-poster img,
body .rail-card > a:any-link .rail-card__poster img {
  transform:none !important;
  filter:none !important;
  opacity:1 !important;
  transition:opacity .18s ease !important;
}
body .anx-card > a:any-link .anx-card-play,
body .browse-card:not(.channel-card--overview) .browse-card-link:any-link .browse-card-poster::before,
body .rail-card > a:any-link .rail-card__play {
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:52px !important;
  height:52px !important;
  margin:auto !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.25) !important;
  border-radius:50% !important;
  background:#f0c43c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23141414' d='M9 5v14l11-7z'/%3E%3C/svg%3E") center/24px 24px no-repeat !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  opacity:0 !important;
  transform:none !important;
  transition:opacity .18s ease !important;
  box-shadow:0 6px 22px #0005 !important;
  pointer-events:none !important;
  z-index:6 !important;
}
body .anx-card > a:any-link .anx-card-watch,
body .browse-card:not(.channel-card--overview) .browse-card-link:any-link .browse-card-poster::after,
body .rail-card > a:any-link .rail-card__watch {
  position:absolute !important;
  inset:auto 10px 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  height:auto !important;
  min-height:30px !important;
  margin:0 !important;
  padding:6px 8px !important;
  border:1px solid #ffffff20 !important;
  border-radius:6px !important;
  background:rgba(15,15,15,.9) !important;
  color:#fff !important;
  font:600 12px/1.3 'Work Sans',sans-serif !important;
  text-align:center !important;
  opacity:0 !important;
  transform:none !important;
  transition:opacity .18s ease !important;
  pointer-events:none !important;
  z-index:7 !important;
}
body .anx-card > a:any-link .anx-card-year,
body .browse-card:not(.channel-card--overview) .browse-card-link:any-link .browse-card-year,
body.aw-title-page .related-box .related-rail .rail-card > a:any-link .rail-card__year { left:9px !important; opacity:1 !important; z-index:4 !important; }
body .anx-card > a:any-link:focus-visible,
body .browse-card:not(.channel-card--overview) .browse-card-link:any-link:focus-visible,
body .rail-card > a:any-link:focus-visible { outline:3px solid #f0c43c !important; outline-offset:4px !important; border-radius:9px; }
@media(hover:hover) and (pointer:fine) {
  body .anx-card > a:any-link:hover .anx-card-image,
  body .browse-card:not(.channel-card--overview) .browse-card-link:any-link:hover .browse-card-poster img,
  body .rail-card > a:any-link:hover .rail-card__poster img { opacity:.55 !important; }
  body .anx-card > a:any-link:hover .anx-card-play,
  body .anx-card > a:any-link:hover .anx-card-watch,
  body .browse-card:not(.channel-card--overview) .browse-card-link:any-link:hover .browse-card-poster::before,
  body .browse-card:not(.channel-card--overview) .browse-card-link:any-link:hover .browse-card-poster::after,
  body .rail-card > a:any-link:hover .rail-card__play,
  body .rail-card > a:any-link:hover .rail-card__watch { opacity:1 !important; }
}
body .anx-card > a:any-link:focus-visible .anx-card-play,
body .anx-card > a:any-link:focus-visible .anx-card-watch,
body .browse-card:not(.channel-card--overview) .browse-card-link:any-link:focus-visible .browse-card-poster::before,
body .browse-card:not(.channel-card--overview) .browse-card-link:any-link:focus-visible .browse-card-poster::after,
body .rail-card > a:any-link:focus-visible .rail-card__play,
body .rail-card > a:any-link:focus-visible .rail-card__watch { opacity:1 !important; }
@media(prefers-reduced-motion:reduce) {
  body .anx-card *,body .browse-card *,body .rail-card *,
  body .browse-card .browse-card-poster::before,body .browse-card .browse-card-poster::after { transition:none !important; }
}

/* Pesquisa: largura contida e controles que cabem em telas pequenas. */
body.page-search .search-container { min-width:0 !important; padding-top:28px !important; }
body.page-search .search-title-wrap { display:block !important; min-height:0 !important; width:100% !important; padding:0 0 20px !important; margin:0 0 22px !important; }
body.page-search .search-title { font-size:clamp(24px,3vw,34px) !important; line-height:1.25 !important; overflow-wrap:anywhere; }
body.page-search .search-subtitle { margin:10px 0 0; max-width:65ch; color:#a8a8ad; font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
body.page-search .aniwatch-shell { display:grid !important; grid-template-columns:minmax(0,1fr) 280px !important; width:100% !important; max-width:100% !important; gap:28px !important; margin:0 !important; padding:0 !important; }
body.page-search .aniwatch-main { min-width:0 !important; }
body.page-search .aniwatch-sidebar { position:static !important; width:100% !important; min-width:0 !important; max-width:100% !important; }
body.page-search .search-panel { width:100% !important; max-width:100% !important; min-width:0 !important; overflow:visible !important; }
body.page-search .search-panel::after { content:none !important; }
body.page-search .search-form-box { display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; align-items:stretch !important; width:100% !important; min-height:52px !important; margin:0 !important; border:1px solid #ffffff30 !important; border-radius:10px !important; background:#202020 !important; overflow:hidden !important; }
body.page-search .search-form-box:focus-within { border-color:#f0c43c !important; outline:2px solid #f0c43c55; outline-offset:2px; }
body.page-search .search-form-input { width:100% !important; min-width:0 !important; height:52px !important; min-height:52px !important; padding:0 16px !important; border-radius:0 !important; font-size:16px !important; }
body.page-search .search-form-btn { width:auto !important; min-width:88px !important; min-height:52px !important; height:auto !important; padding:0 18px !important; background:#f0c43c !important; color:#171717 !important; border-radius:0 !important; box-shadow:none !important; }
body.page-search .search-form-btn:focus-visible { outline:3px solid #fff; outline-offset:-5px; }
body.page-search .search-results-panel .browse-section-head { display:flex !important; align-items:center !important; justify-content:space-between !important; flex-wrap:wrap !important; gap:10px !important; margin:0 0 20px !important; }
body.page-search .search-results-panel .browse-section-title { display:flex !important; justify-content:flex-start !important; text-align:left !important; width:auto !important; }
body.page-search .search-results-panel .browse-section-title h2 { margin:0 !important; font-size:19px !important; }
body.page-search .search-result-count { color:#aaa; font-size:12px; line-height:1.5; }
body.page-search .search-results-panel .browse-grid { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:24px 16px !important; width:100% !important; margin:0 !important; }
body.page-search .search-results-panel .browse-card { width:100% !important; min-width:0 !important; max-width:none !important; height:auto !important; margin:0 !important; }
body.page-search .search-results-panel .browse-card-link { display:block !important; height:auto !important; }
body.page-search .search-results-panel .browse-card-poster { position:relative !important; width:100% !important; height:auto !important; aspect-ratio:2/3 !important; border-radius:9px !important; }
body.page-search .search-results-panel .browse-card-poster img { position:absolute !important; inset:0 !important; display:block !important; width:100% !important; height:100% !important; object-fit:cover !important; }
body.page-search .search-results-panel .browse-card-title { -webkit-line-clamp:2; line-height:1.4 !important; min-height:2.8em !important; overflow-wrap:anywhere; }
body.page-search .search-results-panel .browse-card-meta { flex-wrap:wrap !important; gap:5px !important; }
body.page-search .search-results-panel .browse-empty { padding:32px 18px !important; line-height:1.7 !important; overflow-wrap:anywhere; }
@media(max-width:1100px) {
  body.page-search .aniwatch-shell { grid-template-columns:minmax(0,1fr) !important; }
  body.page-search .aniwatch-sidebar { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:18px !important; }
}
@media(min-width:1500px) { body.page-search .search-results-panel .browse-grid { grid-template-columns:repeat(5,minmax(0,1fr)) !important; } }
@media(max-width:760px) { body.page-search .search-results-panel .browse-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; } }
@media(max-width:540px) {
  body.page-search .search-container { padding-top:20px !important; }
  body.page-search .search-results-panel .browse-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:22px 12px !important; }
  body.page-search .aniwatch-sidebar { grid-template-columns:minmax(0,1fr) !important; }
  body.page-search .search-form-input { padding:0 12px !important; }
  body.page-search .search-form-btn { min-width:76px !important; padding:0 12px !important; }
}