/* Hanthilia Video Center v7 — pure directory: search + chips + Netflix-style horizontal rows */
.hvc-wide{max-width:min(85vw,1600px) !important}
@media (max-width:767px){.hvc-wide{max-width:100% !important}}

/* toolbar */
.hvc-toolbar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:2rem}
.hvc-search{display:flex;align-items:center;gap:.5rem;border:1px solid var(--base-2,#f7f9fb);
  background:var(--base-2,#f7f9fb);border-radius:.5rem;padding:.5rem .8rem;min-width:240px;
  transition:border-color .15s, background .15s}
.hvc-search:focus-within{border-color:var(--accent);background:var(--base-3,#fff)}
.hvc-search svg{flex:0 0 14px;color:var(--base,#4d5d80)}
.hvc-search input{border:0;background:transparent;outline:none;font-size:.9rem;width:100%;color:inherit;font-family:inherit}
.hvc-search input::placeholder{color:var(--base,#4d5d80);opacity:.7}
.hvc-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.hvc-chip{border:1px solid var(--contrast-3,#363d4d);color:inherit;border-radius:100px;
  padding:.4rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .15s}
.hvc-chip:hover{border-color:var(--accent);color:var(--accent)}

/* category rows */
.hvc-cat-sec{margin-bottom:2.5rem;scroll-margin-top:90px}
.hvc-cat-head{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}
.hvc-cat-title{font-size:1.5rem;font-weight:700;margin:0}
.hvc-pill{background:var(--base-2,#f7f9fb);color:var(--base,#4d5d80);border-radius:100px;
  font-size:.75rem;font-weight:600;padding:.15rem .6rem}
.hvc-row-nav{margin-left:auto;display:flex;gap:.4rem}
.hvc-arrow-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--base-2,#f7f9fb);
  background:var(--base-3,#fff);color:var(--contrast,#12141a);cursor:pointer;font-size:1rem;line-height:1;
  display:flex;align-items:center;justify-content:center;transition:all .15s}
.hvc-arrow-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
.hvc-arrow-btn:disabled{opacity:.3;cursor:default}
@media (max-width:767px){.hvc-row-nav{display:none}}
.hvc-row{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;
  scroll-behavior:smooth;padding-bottom:.5rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hvc-row::-webkit-scrollbar{display:none}
.hvc-row > *{scroll-snap-align:start}

/* cards */
.hvc-card{flex:0 0 290px;display:block;background:var(--base-3,#fff);border:1px solid var(--base-2,#f7f9fb);
  border-radius:.5rem;overflow:hidden;text-decoration:none;color:inherit;
  transition:box-shadow .2s,transform .2s}
.hvc-card:hover{box-shadow:0 6px 24px rgba(18,20,26,.12);transform:translateY(-2px)}
.hvc-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.hvc-card.is-match{outline:2px solid var(--accent);outline-offset:-2px}
.hvc-thumb-wrap{position:relative;display:block;aspect-ratio:16/9;background:var(--contrast-3,#363d4d)}
.hvc-thumb-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.hvc-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem}
.hvc-dur{position:absolute;right:.5rem;bottom:.5rem;background:rgba(0,0,0,.75);color:#fff;
  font-size:.75rem;line-height:1;padding:2px 6px;border-radius:.25rem}
.hvc-card-body{display:block;padding:.9rem 1.1rem 1.1rem}
.hvc-card-title{display:block;font-size:1rem;font-weight:600;line-height:1.4}
.hvc-card-desc{display:block;font-size:.875rem;opacity:.8;margin-top:.3rem;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hvc-empty,.hvc-noresult{opacity:.7}