/* HBY Catalog — dark cinema system. Headerul și footerul global rămân neatinse. */
:root { --hby-bg:#0b0c10; --hby-panel:#17181f; --hby-panel-2:#20212a; --hby-line:#363844; --hby-muted:#b4b6c3; --hby-text:#f5f5f7; --hby-accent:#f5c518; --hby-red:#e24a40; }
html { max-width:100%; overflow-x:clip; }
body { max-width:100%; overflow-x:hidden; background:var(--hby-bg)!important; color:var(--hby-text); }
img,video,iframe { max-width:100%; }
.hby-page { background:linear-gradient(180deg,#11131a 0,#0b0c10 38rem); color:var(--hby-text); min-height:100vh; }
.hby-page .glass-panel { background:var(--hby-panel); border-color:var(--hby-line); backdrop-filter:none; box-shadow:none; }
.hby-page .hero-backdrop { opacity:.36; filter:saturate(.65) contrast(1.08); }
.hby-page .hero-backdrop::after { background:linear-gradient(90deg,#0b0c10 0%,rgba(11,12,16,.78) 42%,rgba(11,12,16,.36) 100%),linear-gradient(0deg,#0b0c10 0%,transparent 58%); }
.hby-page h1,.hby-page h2,.hby-page h3,.hby-page h4 { letter-spacing:-.025em; }
.hby-page .hby-kicker { color:var(--hby-accent); font-size:.72rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.hby-page .hby-rule { border-color:var(--hby-line); }
.hby-page .hby-yellow { color:var(--hby-accent)!important; }
.hby-page .hby-button { background:var(--hby-accent); color:#151515; font-weight:800; border-radius:.35rem; }
.hby-page .hby-button:hover { background:#ffe17b; }
.hby-page .hby-card { background:var(--hby-panel); border:1px solid var(--hby-line); border-radius:.55rem; }
.hby-page .hby-card:hover { border-color:#7d808d; }
.hby-page .hby-card img { filter:saturate(.82); }
.hby-page .custom-scrollbar::-webkit-scrollbar-thumb { background:#535563; }
.hby-page .top-number { color:#11131a; -webkit-text-stroke:2px #70727e; }
.hby-page .group:hover .top-number { -webkit-text-stroke-color:var(--hby-accent); }
.hby-page .flip-card-front,.hby-page .flip-card-back { border-radius:.55rem!important; }
.hby-page .flip-card-front { border-color:var(--hby-line)!important; box-shadow:none!important; }
.hby-page .flip-card-back { background:var(--hby-panel)!important; border-color:var(--hby-line)!important; box-shadow:none!important; }
.hby-page .bg-red-600,.hby-page .bg-red-500 { background-color:var(--hby-accent)!important; color:#171717!important; }
.hby-page .text-red-500,.hby-page .text-red-400 { color:var(--hby-accent)!important; }
.hby-page .border-red-500\/20,.hby-page .border-red-500\/40,.hby-page .border-red-500\/50 { border-color:rgba(245,197,24,.38)!important; }
.hby-page .bg-red-500\/10 { background-color:rgba(245,197,24,.1)!important; }
.hby-page .focus\:ring-red-500:focus { --tw-ring-color:var(--hby-accent)!important; }
.hby-page .hby-poster { border-radius:.45rem!important; border-color:#565865!important; box-shadow:0 16px 32px rgba(0,0,0,.4)!important; }
.hby-page .hby-meta-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border:1px solid var(--hby-line); background:var(--hby-panel); border-radius:.55rem; overflow:hidden; }
.hby-page .hby-meta-grid > div { min-height:5.2rem; padding:1rem 1.1rem; border-right:1px solid var(--hby-line); border-bottom:1px solid var(--hby-line); }
.hby-page .hby-meta-grid > div:nth-child(2n) { border-right:0; }
.hby-page .hby-meta-label { display:block; margin-bottom:.35rem; color:#9b9eaa; font-size:.68rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.hby-page .hby-meta-value { color:#f0f0f3; font-size:.9rem; line-height:1.45; }
.hby-page .hby-meta-value a { color:var(--hby-accent); }
.hby-page .hby-section-title { display:flex; align-items:center; gap:.65rem; padding-bottom:.8rem; margin-bottom:1.15rem; border-bottom:1px solid var(--hby-line); color:#fff; font-size:1.25rem; font-weight:800; }
.hby-page .hby-section-title:before { content:''; display:block; width:.25rem; height:1.25rem; background:var(--hby-accent); }
.hby-page .hby-person-card { border-radius:.45rem!important; border-color:var(--hby-line)!important; }
.hby-page .hby-cast { scrollbar-color:#535563 transparent; }
@media (max-width:640px) { .hby-page { background:linear-gradient(180deg,#11131a 0,#0b0c10 28rem); } .hby-page .hby-meta-grid { grid-template-columns:1fr; } .hby-page .hby-meta-grid > div { border-right:0; } }