:root{
  --bg:#06070b;
  --panel:#0d1016;
  --panel-2:#11151d;
  --card:#0f131a;
  --border:rgba(255,255,255,.08);
  --text:#f5f7fb;
  --muted:#9aa4b2;
  --blue:#2f7df6;
  --red:#ff4d4f;
  --orange:#ff9800;
  --shadow:0 10px 30px rgba(0,0,0,.35);
}

*{box-sizing:border-box}

body{
  margin:0;
  background:
    radial-gradient(circle at top center, rgba(255,60,0,.05), transparent 22%),
    linear-gradient(180deg,#05060a 0%, #030409 100%);
  color:var(--text);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

.browse-container{
  max-width:1420px;
  margin:0 auto;
  padding:18px 12px 40px;
}

/* topo / filtros */
.browse-topbar{
  margin-bottom:18px;
}

.filters{
  margin:0 0 18px;
}

.filters summary{
  list-style:none;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:linear-gradient(180deg,#1a1f2b,#111620);
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  padding:10px 14px;
  font-weight:800;
  color:#fff;
  box-shadow:
    0 10px 20px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.filters summary::-webkit-details-marker{display:none}

.filters[open] summary{
  border-color:rgba(255,120,70,.35);
  box-shadow:
    0 0 0 1px rgba(255,120,70,.20),
    0 10px 20px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.filter-panel{
  margin-top:12px;
  background:
    radial-gradient(circle at 82% 10%, rgba(255,60,80,.08), transparent 22%),
    linear-gradient(180deg, rgba(8,11,18,.96), rgba(4,6,12,.99));
  border:1px solid rgba(255,110,60,.18);
  border-radius:18px;
  padding:14px;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 18px 40px rgba(0,0,0,.36);
}

.filter-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  align-items:end;
}

.filter-panel label{
  display:block;
  margin:0 0 6px;
  font-size:12px;
  color:var(--muted);
  font-weight:700;
}

.filter-panel input,
.filter-panel select{
  width:100%;
  height:42px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:#0a0d12;
  color:#fff;
  padding:0 12px;
  outline:none;
}

.filter-panel input:focus,
.filter-panel select:focus{
  border-color:rgba(255,120,70,.40);
}

.actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:12px;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:110px;
  height:42px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,#1a1f2b,#111620);
  color:#fff;
  font-weight:800;
  cursor:pointer;
  box-shadow:
    0 10px 20px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.btn-primary{
  background:linear-gradient(90deg,#ff3b2f,#ff8a3d);
  border-color:transparent;
}

.browse-title-wrap{
  margin:18px 0 8px;
  text-align:center;
  display:flex;
  align-items:center;
  gap:12px;
}

.browse-title-wrap::before,
.browse-title-wrap::after{
  content:"";
  flex:1;
  height:2px;
  background:#2b2b2b;
  border-radius:999px;
}

.browse-title{
  margin:0;
  font-size:clamp(28px,4vw,46px);
  font-weight:900;
  letter-spacing:-.03em;
  line-height:1.05;
  white-space:nowrap;
}

.browse-empty{
  text-align:center;
  color:var(--muted);
  margin:40px 0;
}

/* seção */
.browse-section,
.browse-toplist{
  margin:0 0 28px;
  position:relative;
}

.browse-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 14px;
  padding:0;
  background:transparent;
}

.browse-section-head--static{
  justify-content:flex-start;
}

.browse-section-title{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.browse-section-bar{
  width:4px;
  height:22px;
  border-radius:999px;
  background:linear-gradient(180deg,#ff3b2f,#ff8a3d);
  box-shadow:0 0 10px rgba(255,80,50,.35);
  flex:0 0 auto;
}

.browse-section-title h2{
  margin:0;
  font-size:clamp(20px,2vw,30px);
  font-weight:900;
  color:#fff;
  line-height:1.08;
  letter-spacing:-.02em;
}

.browse-row-arrows{
  display:flex;
  gap:8px;
  flex:0 0 auto;
}

.browse-row-btn{
  width:38px;
  height:32px;
  border:none;
  border-radius:8px;
  background:linear-gradient(180deg,#1a1f2b,#111620);
  color:#fff;
  font-size:20px;
  font-weight:900;
  cursor:pointer;
  line-height:1;
  box-shadow:
    0 10px 20px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.browse-row-btn:hover{
  filter:brightness(1.06);
}

/* hero */
.browse-hero{
  margin:0 0 28px;
}

.browse-hero-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:100%;
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
}

.browse-hero-track::-webkit-scrollbar{display:none}

.browse-hero-slide{
  scroll-snap-align:start;
}

.browse-hero-card{
  position:relative;
  display:block;
  min-height:300px;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(255,120,70,.24);
  box-shadow:
    0 18px 40px rgba(0,0,0,.45),
    0 0 24px rgba(255,80,50,.12);
  background:#0b0f14;
}

.browse-hero-bg{
  position:absolute;
  inset:0;
  background-size:contain;
  background-position:center center;
  background-repeat:no-repeat;
  background-color:#0b0f14;
  filter:brightness(.82);
}

.browse-hero-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  text-align:center;
  padding:18px;
  background:linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.55) 60%, rgba(0,0,0,.95));
}

.browse-hero-content{
  width:100%;
}

.browse-hero-title{
  margin:0 0 8px;
  font-size:clamp(22px,3vw,42px);
  line-height:1.05;
  font-weight:900;
  color:#fff;
  text-shadow:0 2px 10px rgba(0,0,0,.5);
  letter-spacing:-.02em;
}

.browse-hero-meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
}

.browse-hero-year{
  color:#dce2ec;
  font-weight:700;
  font-size:13px;
}

.browse-hero-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:22px;
  padding:2px 8px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(44,79,180,.95), rgba(35,61,140,.95));
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.03em;
}

.browse-hero-dots{
  display:flex;
  justify-content:center;
  gap:7px;
  margin-top:10px;
}

.browse-hero-dots button{
  width:7px;
  height:7px;
  border-radius:999px;
  border:none;
  background:rgba(255,255,255,.28);
  cursor:pointer;
}

.browse-hero-dots button.active{
  width:18px;
  background:linear-gradient(90deg,#ff3b2f,#ff8a3d);
  box-shadow:0 0 10px rgba(255,80,50,.4);
}

/* slider rows */
.browse-row-viewport{
  overflow-x:auto;
  scrollbar-width:thin;
  scrollbar-color:#2b313c transparent;
  padding-bottom:6px;
}

.browse-row-track{
  display:flex;
  gap:14px;
}

.browse-row-track .browse-card--slider{
  flex:0 0 210px;
  max-width:210px;
}

@media (min-width:900px){
  .browse-row-track .browse-card--slider{
    flex:0 0 230px;
    max-width:230px;
  }
}

@media (min-width:1024px){
  .browse-hero-card{
    min-height:360px;
  }
}

/* grid */
.browse-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
}

@media (max-width:1200px){
  .browse-grid{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
}

@media (max-width:992px){
  .browse-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (max-width:768px){
  .browse-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
  }
}

@media (max-width:480px){
  .browse-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
}

/* cards igual home/index */
.browse-card{
  position:relative;
  background:linear-gradient(180deg, #0e121c, #080a10);
  border-radius:18px;
  overflow:hidden;
  box-shadow:
    0 10px 24px rgba(0,0,0,.30),
    0 0 0 1px rgba(255,255,255,.02) inset;
  min-width:0;
  border:1px solid rgba(255,255,255,.08);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.browse-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,120,70,.34);
  box-shadow:
    0 18px 34px rgba(0,0,0,.34),
    0 0 18px rgba(255,80,50,.14),
    0 0 0 1px rgba(255,255,255,.03) inset;
}

.browse-card-link{
  display:block;
  color:inherit;
}

.browse-card-poster{
  position:relative;
  background:#0e1014;
  aspect-ratio:2/3;
  overflow:hidden;
}

.browse-card-poster img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:.3s ease;
}

.browse-card:hover img{
  transform:scale(1.08);
}

.browse-card-poster::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, #ff4d57, #ff8a3d, transparent);
  box-shadow:0 0 12px rgba(255,80,50,.36);
  opacity:.85;
}

.browse-card-body{
  background:linear-gradient(180deg, rgba(8,10,16,.96), rgba(5,7,12,.98));
  padding:10px 10px 12px;
  display:flex;
  flex-direction:column;
  gap:6px;
  min-height:56px;
  border-top:1px solid rgba(255,255,255,.06);
}

.browse-card-title{
  margin:0;
  font-size:.9rem;
  font-weight:800;
  color:#fff;
  line-height:1.2;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  word-break:break-word;
}

.browse-card-meta{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  color:#cfd3d8;
  flex-wrap:wrap;
}

.browse-rating-pill{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:2px 8px;
  border-radius:999px;
  font-size:.78rem;
  font-weight:700;
  background:rgba(23,29,40,.95);
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  line-height:1.3;
}

.browse-rating-pill .star{
  font-size:.85em;
  line-height:1;
  color:#ffb347;
}

.browse-year{
  font-size:.72rem;
  font-weight:700;
  color:#e50914;
  opacity:.98;
}

/* top */
.browse-toplist{
  background:linear-gradient(180deg, rgba(8,11,18,.96), rgba(4,6,12,.99));
  border:1px solid rgba(255,110,60,.18);
  border-radius:18px;
  padding:14px;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 18px 40px rgba(0,0,0,.36);
}

.browse-toplist-head{
  margin-bottom:10px;
}

.browse-toplist-title{
  margin:0;
  font-size:20px;
  font-weight:900;
  display:flex;
  align-items:center;
  gap:10px;
  letter-spacing:.5px;
}

.browse-toplist-title::before{
  content:"";
  width:4px;
  height:22px;
  border-radius:999px;
  background:linear-gradient(180deg,#ff3b2f,#ff8a3d);
  box-shadow:0 0 10px rgba(255,80,50,.35);
}

.browse-toplist-items{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.browse-top-item{
  margin:0;
  padding:0;
}

.browse-top-link{
  display:grid;
  grid-template-columns:46px 40px 56px 1fr;
  gap:10px;
  align-items:center;
  background:#0b0f14;
  border:1px solid var(--border);
  border-radius:12px;
  padding:8px;
}

.browse-top-thumb{
  width:46px;
  height:58px;
  border-radius:8px;
  background-size:cover;
  background-position:center;
  background-color:#111;
}

.browse-top-rank{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:8px;
  background:#090b10;
  border:1px solid var(--border);
  font-weight:900;
}

.browse-top-score{
  display:grid;
  place-items:center;
  min-height:32px;
  padding:0 6px;
  border-radius:8px;
  background:#151922;
  border:1px solid rgba(255,255,255,.06);
  font-size:14px;
  font-weight:900;
}

.browse-top-name{
  font-size:14px;
  line-height:1.25;
  font-weight:800;
  color:#fff;
  min-width:0;
}

.browse-toplist-footer{
  margin-top:12px;
}

.browse-btn-viewall{
  height:42px;
  padding:0 16px;
  border:none;
  border-radius:10px;
  background:linear-gradient(180deg,#1a1f2b,#111620);
  color:#fff;
  font-weight:900;
  cursor:pointer;
}

/* responsivo geral */
@media (max-width:1100px){
  .filter-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:768px){
  .browse-container{
    padding:16px 10px 34px;
  }

  .filter-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .browse-row-track .browse-card--slider{
    flex:0 0 180px;
    max-width:180px;
  }

  .browse-hero-card{
    min-height:210px;
  }

  .browse-hero-overlay{
    padding:14px;
  }

  .browse-top-link{
    grid-template-columns:42px 34px 52px 1fr;
    gap:8px;
  }

  .browse-top-thumb{
    width:42px;
    height:54px;
  }
}

@media (max-width:520px){
  .browse-card-body{
    padding:8px 10px;
    gap:6px;
    min-height:52px;
  }

  .browse-card-title{
    font-size:.86rem;
  }

  .browse-rating-pill{
    font-size:.74rem;
    padding:2px 7px;
  }

  .browse-year{
    font-size:.72rem;
  }

  .browse-grid{
    gap:10px;
  }
}

@media (max-width:480px){
  .browse-container{
    padding:14px 10px 28px;
  }

  .filters summary{
    width:100%;
    justify-content:flex-start;
  }

  .filter-grid{
    grid-template-columns:1fr;
  }

  .browse-title{
    font-size:30px;
  }

  .browse-section-head{
    padding:12px 12px;
    margin-bottom:12px;
  }

  .browse-section-title h2{
    font-size:16px;
  }

  .browse-row-btn{
    width:34px;
    height:32px;
    border-radius:9px;
    font-size:18px;
  }

  .browse-row-track{
    gap:12px;
  }

  .browse-row-track .browse-card--slider{
    flex:0 0 152px;
    max-width:152px;
  }

  .browse-card{
    border-radius:14px;
  }

  .browse-card-body{
    padding:8px 9px 10px;
    gap:6px;
    min-height:50px;
  }

  .browse-card-title{
    font-size:.82rem;
    min-height:30px;
  }

  .browse-rating-pill{
    font-size:.7rem;
    padding:2px 7px;
  }

  .browse-year{
    font-size:.68rem;
  }

  .browse-hero-card{
    min-height:190px;
    border-radius:16px;
  }

  .browse-hero-overlay{
    padding:12px;
  }

  .browse-hero-title{
    font-size:22px;
  }

  .browse-hero-year{
    font-size:13px;
  }

  .browse-hero-badge{
    min-height:26px;
    font-size:11px;
  }

  .browse-toplist{
    padding:12px;
    border-radius:16px;
  }

  .browse-toplist-title{
    font-size:18px;
  }

  .browse-top-link{
    grid-template-columns:40px 32px 48px 1fr;
    padding:7px;
  }

  .browse-top-thumb{
    width:40px;
    height:52px;
  }

  .browse-top-rank,
  .browse-top-score{
    font-size:12px;
    min-height:30px;
  }

  .browse-top-name{
    font-size:13px;
  }

  .browse-btn-viewall{
    width:100%;
  }
}
/* ==========================================================
   CARDS ESTILO OVERVIEW - browse.php / canais
   ========================================================== */
.browse-card--overview{
  border-radius:20px;
  background:#15171c;
  border:1px solid rgba(255,255,255,.075);
  box-shadow:0 16px 35px rgba(0,0,0,.38);
  overflow:hidden;
}

.browse-card--overview .browse-card-poster::after{
  left:0;
  right:0;
  height:3px;
  background:#ef101f;
  box-shadow:0 0 14px rgba(239,16,31,.45);
}

.browse-card--overview .browse-card-body{
  padding:14px 14px 16px;
  background:#191b20;
  border-top:1px solid rgba(255,255,255,.06);
  gap:10px;
  min-height:154px;
}

.browse-mini-tabs{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  margin:0 0 2px;
  color:rgba(255,255,255,.54);
  font-size:.78rem;
  font-weight:700;
  line-height:1;
}

.browse-mini-tabs span{
  position:relative;
  padding:0 0 8px;
  white-space:nowrap;
}

.browse-mini-tabs span.active{
  color:#fff;
}

.browse-mini-tabs span.active::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:100%;
  max-width:74px;
  height:3px;
  transform:translateX(-50%);
  border-radius:999px;
  background:#ef101f;
  box-shadow:0 0 12px rgba(239,16,31,.65);
}

.browse-card--overview .browse-card-title{
  font-size:.92rem;
  font-weight:900;
  color:#fff;
  min-height:38px;
}

.browse-info-card{
  margin-top:2px;
  padding:10px;
  border-radius:14px;
  background:#202227;
  border:1px solid rgba(255,255,255,.045);
}

.browse-info-row{
  display:grid;
  grid-template-columns:minmax(48px,.65fr) 1fr;
  gap:10px;
  align-items:start;
  padding:3px 0;
  color:rgba(255,255,255,.56);
  font-size:.76rem;
}

.browse-info-row strong{
  min-width:0;
  color:rgba(255,255,255,.82);
  font-weight:600;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.browse-type-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:3px 8px;
  border-radius:999px;
  background:#34363b;
  color:#fff;
  border:1px solid rgba(255,255,255,.06);
  font-size:.72rem;
  font-weight:700;
  line-height:1.25;
}

.browse-card--overview .browse-card-meta{
  margin-top:7px;
  gap:6px;
}

.browse-card--overview .browse-rating-pill{
  background:#34363b;
  border-color:rgba(255,255,255,.06);
}

.browse-card--overview:hover{
  transform:translateY(-5px);
  border-color:rgba(239,16,31,.34);
  box-shadow:0 20px 42px rgba(0,0,0,.48), 0 0 22px rgba(239,16,31,.12);
}

@media (max-width:768px){
  .browse-card--overview .browse-card-body{
    padding:12px;
    min-height:142px;
  }

  .browse-mini-tabs{
    gap:14px;
    font-size:.72rem;
  }

  .browse-info-row{
    grid-template-columns:minmax(44px,.6fr) 1fr;
    gap:8px;
    font-size:.72rem;
  }
}

@media (max-width:480px){
  .browse-card--overview{
    border-radius:16px;
  }

  .browse-card--overview .browse-card-body{
    padding:10px;
    min-height:136px;
  }

  .browse-mini-tabs{
    justify-content:flex-start;
    gap:12px;
    font-size:.68rem;
    overflow:hidden;
  }

  .browse-mini-tabs span.active::after{
    max-width:58px;
    height:2px;
  }

  .browse-card--overview .browse-card-title{
    font-size:.8rem;
    min-height:34px;
  }

  .browse-info-card{
    padding:8px;
    border-radius:12px;
  }

  .browse-info-row{
    grid-template-columns:42px 1fr;
    font-size:.68rem;
  }

  .browse-type-pill,
  .browse-card--overview .browse-rating-pill{
    font-size:.66rem;
    padding:2px 7px;
  }
}

/* ==========================================================
   VER TUDO - GRID COMPACTO ESTILO ANIFLIX
   ========================================================== */
body{
  overflow-x:hidden;
}

.browse-page-premium,
.channels-page{
  width:100%;
  overflow-x:hidden;
}

.browse-page-container,
.channels-container{
  width:min(100%, 1540px);
  max-width:1540px;
  padding-left:clamp(10px, 1.4vw, 22px);
  padding-right:clamp(10px, 1.4vw, 22px);
}

.browse-page-title-wrap,
.channels-title-wrap{
  margin-top:clamp(10px, 1.5vw, 18px);
  margin-bottom:clamp(12px, 1.7vw, 20px);
}

.browse-page-title,
.channels-title{
  font-size:clamp(24px, 3.2vw, 42px);
  letter-spacing:-.035em;
}

.browse-page-panel,
.channels-panel{
  padding:clamp(10px, 1.2vw, 16px);
  border-radius:clamp(16px, 1.7vw, 24px);
}

.browse-section-head--catalog{
  align-items:center;
  padding:2px 0 8px;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.browse-sort-form{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
  color:rgba(255,255,255,.72);
  font-size:.78rem;
  font-weight:700;
}

.browse-sort-form select{
  height:34px;
  min-width:128px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,#171b24,#0d1119);
  color:#fff;
  padding:0 10px;
  outline:none;
}

.browse-catalog-count{
  margin:-2px 0 12px;
  color:rgba(255,255,255,.55);
  font-size:.78rem;
  text-align:right;
}

.browse-grid{
  grid-template-columns:repeat(auto-fill, minmax(118px, 1fr));
  gap:clamp(10px, 1.1vw, 16px);
  align-items:start;
}

.browse-row-track .browse-card--slider{
  flex-basis:clamp(128px, 12vw, 178px);
  max-width:clamp(128px, 12vw, 178px);
}

.browse-card--overview{
  border-radius:12px;
  background:transparent;
  border:0;
  box-shadow:none;
  overflow:visible;
}

.browse-card--overview:hover{
  transform:translateY(-3px);
  box-shadow:none;
}

.browse-card--overview .browse-card-link{
  display:block;
}

.browse-card--overview .browse-card-poster{
  border-radius:11px;
  border:1px solid rgba(255,255,255,.08);
  background:#101216;
  box-shadow:0 12px 26px rgba(0,0,0,.34);
  overflow:hidden;
}

.browse-card--overview .browse-card-poster::after{
  display:none;
}

.browse-card--overview .browse-card-body{
  min-height:0;
  padding:7px 1px 0;
  gap:3px;
  background:transparent;
  border:0;
}

.browse-card--overview .browse-card-title{
  min-height:0;
  font-size:clamp(.72rem, .82vw, .86rem);
  line-height:1.17;
  font-weight:800;
  letter-spacing:-.015em;
  color:#f7f7fb;
  text-shadow:0 1px 4px rgba(0,0,0,.5);
  -webkit-line-clamp:2;
}

.browse-card--overview .browse-card-meta{
  gap:5px;
  font-size:.66rem;
  line-height:1.1;
  color:rgba(255,255,255,.68);
}

.browse-card-meta--top{
  position:absolute;
  left:6px;
  right:6px;
  top:6px;
  z-index:4;
  justify-content:space-between;
  pointer-events:none;
}

.browse-card-meta--bottom{
  text-transform:uppercase;
  font-size:.62rem !important;
  font-weight:700;
  letter-spacing:.02em;
  color:rgba(255,255,255,.58) !important;
}

.browse-card--overview .browse-rating-pill,
.browse-card--overview .browse-year{
  padding:3px 6px;
  border-radius:7px;
  background:rgba(7,9,14,.78);
  backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.10);
  font-size:.62rem;
  font-weight:900;
  color:#fff;
}

.browse-card--overview .browse-rating-pill .star{
  color:#ffd166;
}

.channel-card--overview .browse-card-poster{
  aspect-ratio:2/3;
  background:linear-gradient(180deg,#11151c,#080a0f);
}

.channel-card--overview .browse-card-poster img{
  object-fit:contain;
  padding:18px;
}

@media (min-width:1500px){
  .browse-grid{
    grid-template-columns:repeat(auto-fill, minmax(132px, 1fr));
  }
}

@media (max-width:900px){
  .browse-grid{
    grid-template-columns:repeat(auto-fill, minmax(105px, 1fr));
  }

  .browse-section-head--catalog{
    align-items:flex-start;
  }
}

@media (max-width:620px){
  .browse-page-container,
  .channels-container{
    padding-left:10px;
    padding-right:10px;
  }

  .browse-page-panel,
  .channels-panel{
    padding:10px;
  }

  .browse-section-head--catalog{
    gap:10px;
  }

  .browse-sort-form{
    width:100%;
    justify-content:space-between;
  }

  .browse-sort-form select{
    min-width:150px;
  }

  .browse-catalog-count{
    text-align:left;
    margin-top:0;
  }

  .browse-grid{
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:12px 9px;
  }

  .browse-card--overview .browse-card-title{
    font-size:.68rem;
  }

  .browse-card--overview .browse-rating-pill,
  .browse-card--overview .browse-year{
    font-size:.56rem;
    padding:2px 5px;
  }

  .channel-card--overview .browse-card-poster img{
    padding:12px;
  }
}

@media (max-width:380px){
  .browse-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

/* ==========================================================
   AJUSTE FINAL - VER TUDO IGUAL AO INDEX/HOME
   ========================================================== */
body{overflow-x:hidden;}
.browse-page-premium,.channels-page{width:100%;overflow-x:hidden;}
.browse-page-container,.channels-container{width:min(100%,1760px)!important;max-width:1760px!important;margin:0 auto!important;padding-left:clamp(10px,1.2vw,16px)!important;padding-right:clamp(10px,1.2vw,16px)!important;}
.browse-page-title-wrap,.channels-title-wrap{margin:12px 0 14px!important;gap:12px!important;}
.browse-page-title,.channels-title{font-size:clamp(22px,3.1vw,40px)!important;line-height:1.08!important;letter-spacing:-.035em!important;}
.browse-page-panel--section,.channels-grid-panel{margin:0 0 24px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;}
.browse-page-panel--section::after,.channels-grid-panel::after{display:none!important;}
.browse-page-panel--section .browse-section,.channels-grid-panel .browse-section{margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.browse-section-head,.browse-section-head--catalog,.channels-grid-panel .browse-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:18px 0 12px!important;padding:12px 14px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:12px!important;background:#11141b!important;box-shadow:none!important;}
.browse-section-title h2{font-size:clamp(16px,2.4vw,22px)!important;line-height:1.1!important;}.browse-section-bar{width:5px!important;height:22px!important;background:linear-gradient(180deg,#e50914,#ff3b2f)!important;}.browse-catalog-count{margin:0 0 12px!important;text-align:right!important;font-size:.78rem!important;color:rgba(255,255,255,.62)!important;}
.browse-grid,.channels-grid-fix.browse-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;align-items:start!important;}
@media (min-width:700px){.browse-grid,.channels-grid-fix.browse-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media (min-width:1024px){.browse-grid,.channels-grid-fix.browse-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;}}
@media (min-width:1380px){.browse-grid,.channels-grid-fix.browse-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important;}}
@media (min-width:1680px){.browse-grid,.channels-grid-fix.browse-grid{grid-template-columns:repeat(9,minmax(0,1fr))!important;}}
@media (max-width:520px){.browse-grid,.channels-grid-fix.browse-grid{gap:10px!important;}}
@media (max-width:380px){.browse-grid,.channels-grid-fix.browse-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
.browse-card--index,.browse-card--slider,.channel-card--overview{position:relative!important;background:#0e1014!important;border:0!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 10px 30px rgba(0,0,0,.45)!important;transition:transform .22s ease,box-shadow .22s ease!important;}
.browse-card--index:hover,.browse-card--slider:hover,.channel-card--overview:hover{transform:translateY(-4px)!important;box-shadow:0 16px 34px rgba(0,0,0,.52)!important;}.browse-card--index .browse-card-link,.browse-card--slider .browse-card-link,.channel-card--overview .browse-card-link{display:block!important;}
.browse-card--index .browse-card-poster,.browse-card--slider .browse-card-poster,.channel-card--overview .browse-card-poster{aspect-ratio:2/3!important;border:0!important;border-radius:0!important;background:#0e1014!important;overflow:hidden!important;box-shadow:none!important;}
.browse-card--index .browse-card-poster::after,.browse-card--slider .browse-card-poster::after,.channel-card--overview .browse-card-poster::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;height:auto!important;background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.30) 100%)!important;box-shadow:none!important;}
.browse-card--index .browse-card-poster img,.browse-card--slider .browse-card-poster img,.channel-card--overview .browse-card-poster img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;padding:0!important;transform:none!important;}.browse-card--index:hover .browse-card-poster img,.browse-card--slider:hover .browse-card-poster img,.channel-card--overview:hover .browse-card-poster img{transform:scale(1.04)!important;}
.browse-card--index .browse-card-body,.browse-card--slider .browse-card-body,.channel-card--overview .browse-card-body{display:flex!important;flex-direction:column!important;gap:5px!important;min-height:0!important;padding:10px 12px 12px!important;background:#0f1217!important;border-top:1px solid rgba(255,255,255,.05)!important;}
.browse-card--index .browse-card-title,.browse-card--slider .browse-card-title,.channel-card--overview .browse-card-title{position:static!important;margin:0!important;min-height:0!important;font-size:13px!important;line-height:1.18!important;font-weight:800!important;color:#fff!important;letter-spacing:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
.browse-card--index .browse-card-meta,.browse-card--slider .browse-card-meta,.channel-card--overview .browse-card-meta{position:static!important;display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;font-size:12px!important;line-height:1.2!important;color:#cfd3d8!important;text-transform:none!important;pointer-events:auto!important;}
.browse-card--index .browse-rating-pill,.browse-card--slider .browse-rating-pill,.channel-card--overview .browse-rating-pill{position:static!important;display:inline-flex!important;align-items:center!important;gap:4px!important;padding:2px 7px!important;border-radius:999px!important;background:#1b1f2a!important;border:0!important;color:#fff!important;font-size:12px!important;font-weight:800!important;}
.browse-card--index .browse-year,.browse-card--slider .browse-year{padding:0!important;border:0!important;background:transparent!important;color:#cfd3d8!important;font-size:12px!important;font-weight:700!important;}.browse-card--index .browse-type-pill,.channel-card--overview .browse-type-pill{display:inline-flex!important;padding:0!important;border:0!important;background:transparent!important;color:#9aa3ab!important;font-size:12px!important;font-weight:700!important;}
.browse-mini-tabs,.browse-info-card,.browse-info-row{display:none!important;}.channel-card--overview .browse-card-poster img{object-fit:contain!important;padding:16px!important;}
@media (max-width:620px){.browse-section-head,.browse-section-head--catalog,.channels-grid-panel .browse-section-head{align-items:flex-start!important;flex-direction:column!important;padding:11px 12px!important;}.browse-sort-form{width:100%!important;justify-content:space-between!important;}.browse-sort-form select{min-width:145px!important;}.browse-catalog-count{text-align:left!important;}.browse-card--index .browse-card-body,.browse-card--slider .browse-card-body,.channel-card--overview .browse-card-body{padding:8px 9px 10px!important;}.browse-card--index .browse-card-title,.browse-card--slider .browse-card-title,.channel-card--overview .browse-card-title{font-size:12px!important;}.browse-card--index .browse-card-meta,.browse-card--slider .browse-card-meta,.channel-card--overview .browse-card-meta,.browse-card--index .browse-year,.browse-card--slider .browse-year,.browse-card--index .browse-type-pill,.channel-card--overview .browse-type-pill{font-size:11px!important;}}