/* BLUVIA discovery experience — Search + Categories incremental v3 */
.search-page-intro { max-width: 760px; }
#search-input {
  min-height: 54px;
  padding-right: 54px !important;
  border-radius: 16px !important;
  border: 1px solid var(--bv-panel-border, var(--border)) !important;
  background: linear-gradient(145deg, var(--bg-secondary), var(--bg-card)) !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.12);
  transition: border-color .2s ease, box-shadow .2s ease;
}
#search-input:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 4px rgba(59,130,246,.14), 0 10px 28px rgba(0,0,0,.12);
}
#search-input::-webkit-search-cancel-button { cursor:pointer; }
#query-info { min-height: 22px; }
#drama-grid:empty { display:none; }
.search-error, .discovery-message {
  grid-column: 1 / -1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:180px;
  padding:28px;
  text-align:center;
  color:var(--text-secondary);
  border:1px dashed var(--border);
  border-radius:18px;
  background:rgba(17,27,45,.35);
}
.discovery-retry {
  min-height:42px;
  padding:0 18px;
  border:1px solid rgba(59,130,246,.45);
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,#3b82f6,#2563eb);
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
.discovery-retry:hover { filter:brightness(1.08); }
.poster-card, .drama-card { min-width:0; }
.poster-card:focus-visible, .drama-card:focus-visible, .kategori-row:focus-visible {
  outline:3px solid rgba(96,165,250,.75);
  outline-offset:3px;
}
.poster-img--missing {
  background:linear-gradient(135deg,#182235,#0d1524);
  object-fit:contain;
}
.discovery-category-section { margin-bottom:clamp(24px,4vw,38px); }
.discovery-category-section .kategori-section-label {
  margin:0 0 13px;
  color:var(--text-primary);
  font-size:clamp(1rem,2vw,1.15rem);
  font-weight:750;
  letter-spacing:-.02em;
}
.kategori-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.kategori-row {
  display:flex;
  align-items:center;
  min-height:62px;
  gap:12px;
  padding:12px 15px;
  border:1px solid var(--bv-panel-border, var(--border));
  border-radius:14px;
  background:linear-gradient(145deg,rgba(24,34,53,.88),rgba(17,27,45,.72));
  color:var(--text-primary);
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.kategori-row:hover {
  transform:translateY(-2px);
  border-color:rgba(59,130,246,.55);
  background:rgba(35,55,84,.8);
}
.kategori-icon {
  display:grid;
  place-items:center;
  flex:0 0 34px;
  width:34px;
  height:34px;
  border-radius:10px;
  color:#bfdbfe;
  background:rgba(59,130,246,.17);
  font-size:12px;
}
.kategori-name { flex:1; min-width:0; font-weight:650; }
.kategori-count { color:var(--text-muted); font-size:.78rem; white-space:nowrap; }
.kategori-arrow { color:var(--text-muted); font-size:1.35rem; line-height:1; }
#drama-grid.drama-grid {
  grid-template-columns:repeat(auto-fill,minmax(142px,1fr));
  gap:clamp(12px,1.6vw,20px);
}
@media (max-width:900px) {
  .kategori-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #drama-grid.drama-grid { grid-template-columns:repeat(auto-fill,minmax(125px,1fr)); }
}
@media (max-width:600px) {
  .kategori-list { grid-template-columns:1fr; gap:9px; }
  .kategori-row { min-height:58px; padding:10px 12px; }
  #drama-grid.drama-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  #search-input { min-height:50px; font-size:16px !important; }
}
@media (max-width:360px) {
  #drama-grid.drama-grid { gap:9px; }
}
@media (prefers-reduced-motion:reduce) {
  .kategori-row, #search-input { transition:none !important; }
}