html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

.hby-catalog {
    --catalog-bg: #050505;
    --catalog-panel: #171717;
    --catalog-panel-hover: #222;
    --catalog-line: #343434;
    --catalog-muted: #aaa;
    --catalog-yellow: #f5c518;
    --catalog-blue: #5799ef;
    background: var(--catalog-bg);
    color: #fff;
    min-height: 100vh;
    overflow: hidden;
    padding-bottom: 76px;
}

.hby-catalog *,
.hby-catalog *::before,
.hby-catalog *::after {
    box-sizing: border-box;
}

.catalog-shell {
    width: min(1320px, 100%);
    min-width: 0;
    margin: 0 auto;
    padding: 0 24px;
}

.catalog-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: flex-end;
    min-height: 310px;
    overflow: hidden;
    background: #111;
}

.catalog-hero::before {
    position: absolute;
    z-index: -2;
    inset: 0;
    content: '';
    background: var(--catalog-cover, none) center 34% / cover no-repeat;
    opacity: .68;
    transform: scale(1.015);
}

.catalog-hero::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: '';
    background:
        linear-gradient(90deg, rgba(0, 0, 0, .96) 0%, rgba(0, 0, 0, .72) 39%, rgba(0, 0, 0, .16) 76%),
        linear-gradient(0deg, #050505 0%, rgba(5, 5, 5, .06) 58%, rgba(5, 5, 5, .6) 100%);
}

.catalog-hero-inner {
    position: relative;
    width: 100%;
    padding-top: 38px;
    padding-bottom: 42px;
}

.catalog-back {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 24px;
    color: #eee;
    font-size: .92rem;
    font-weight: 700;
    text-decoration: none;
}

.catalog-back:hover,
.catalog-back:focus-visible { color: var(--catalog-yellow); }

.catalog-kicker {
    margin: 0 0 8px;
    color: var(--catalog-yellow);
    font-size: .77rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.catalog-hero h1 {
    max-width: 760px;
    margin: 0;
    color: #fff;
    font-size: clamp(2.25rem, 5.2vw, 4.35rem);
    font-weight: 800;
    letter-spacing: -.045em;
    line-height: .98;
}

.catalog-intro {
    max-width: 650px;
    margin: 15px 0 0;
    color: #e1e1e1;
    font-size: clamp(1rem, 1.6vw, 1.15rem);
    line-height: 1.55;
}

.catalog-feature {
    display: flex;
    align-items: center;
    gap: 18px;
    width: min(620px, 100%);
    min-height: 92px;
    margin-top: 28px;
    color: #fff;
    text-decoration: none;
}

.catalog-feature:hover .catalog-feature-title,
.catalog-feature:focus-visible .catalog-feature-title { color: var(--catalog-yellow); }

.catalog-feature img {
    display: block;
    flex: 0 0 62px;
    width: 62px;
    height: 88px;
    border-radius: 3px;
    object-fit: cover;
}

.catalog-feature-label {
    display: block;
    margin-bottom: 3px;
    color: var(--catalog-yellow);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.catalog-feature-title {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.18;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.catalog-feature-meta {
    display: block;
    margin-top: 6px;
    color: #d4d4d4;
    font-size: .86rem;
}

.catalog-feature-meta b { color: var(--catalog-yellow); }

.catalog-main { padding-top: 0; }

.catalog-section { padding-top: 42px; }

.catalog-section-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

.catalog-section-kicker {
    display: block;
    margin-bottom: 4px;
    color: var(--catalog-yellow);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.catalog-section h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.45rem, 2.5vw, 2rem);
    font-weight: 800;
    letter-spacing: -.03em;
}

.catalog-section-link {
    color: var(--catalog-yellow);
    font-size: .9rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.catalog-section-link:hover,
.catalog-section-link:focus-visible { color: #fff; }

.catalog-tabs {
    display: flex;
    align-items: center;
    gap: 0;
    width: 100%;
    max-width: 100%;
    margin-top: 2px;
    overflow-x: auto;
    border-bottom: 1px solid var(--catalog-line);
    scrollbar-width: none;
}

.catalog-tabs::-webkit-scrollbar { display: none; }

.catalog-tab {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    min-height: 50px;
    padding: 0 16px;
    border-bottom: 3px solid transparent;
    color: #ccc;
    font-size: .95rem;
    font-weight: 800;
    text-decoration: none;
}

.catalog-tab:hover,
.catalog-tab:focus-visible { color: #fff; }

.catalog-tab.active {
    border-bottom-color: var(--catalog-yellow);
    color: #fff;
}

.catalog-tools {
    display: grid;
    grid-template-columns: minmax(220px, 1.35fr) minmax(150px, .65fr) minmax(150px, .65fr) auto;
    gap: 10px;
    padding: 16px;
    border: 1px solid var(--catalog-line);
    background: var(--catalog-panel);
}

.catalog-tools label { min-width: 0; }

.catalog-tools input,
.catalog-tools select,
.catalog-tools button {
    width: 100%;
    min-width: 0;
    height: 42px;
    border: 1px solid #555;
    border-radius: 3px;
    background: #fff;
    color: #111;
    font: inherit;
}

.catalog-tools input,
.catalog-tools select { padding: 0 12px; }

.catalog-tools button {
    width: auto;
    padding: 0 20px;
    border-color: var(--catalog-yellow);
    background: var(--catalog-yellow);
    color: #111;
    font-weight: 800;
    cursor: pointer;
}

.catalog-tools button:hover,
.catalog-tools button:focus-visible { background: #ffe078; }

.catalog-rail {
    display: flex;
    gap: 14px;
    width: 100%;
    max-width: 100%;
    padding: 2px 2px 13px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-color: #858585 transparent;
    scrollbar-width: thin;
}

.catalog-rail-card {
    display: flex;
    flex: 0 0 172px;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--catalog-line);
    background: var(--catalog-panel);
    color: #fff;
    text-decoration: none;
    transition: transform .18s ease, background .18s ease;
}

.catalog-rail-card:hover,
.catalog-rail-card:focus-visible {
    background: var(--catalog-panel-hover);
    transform: translateY(-3px);
}

.catalog-rail-card img {
    display: block;
    width: 100%;
    aspect-ratio: 2 / 3;
    background: #2e2e2e;
    object-fit: cover;
}

.catalog-rail-card-body { padding: 10px 10px 12px; }

.catalog-rail-card h3,
.catalog-card h3 {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: inherit;
    font-weight: 800;
    line-height: 1.22;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.catalog-rail-card h3 { font-size: .95rem; }

.catalog-rail-card small {
    display: block;
    margin-top: 6px;
    color: var(--catalog-muted);
}

.catalog-score-line {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 8px;
    margin-top: 8px;
    color: #eee;
    font-size: .76rem;
    line-height: 1.25;
}

.catalog-score-line .hby-score { color: var(--catalog-yellow); font-weight: 800; }

.catalog-score-line .tmdb-score { color: #dfeaff; font-weight: 700; }

.catalog-score-line .hby-votes { width: 100%; color: #aaa; font-size: .72rem; }

.catalog-results-intro {
    margin: 0 0 16px;
    color: #c4c4c4;
    font-size: .96rem;
}

.catalog-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 16px;
}

.catalog-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--catalog-line);
    background: var(--catalog-panel);
    color: #fff;
    text-decoration: none;
    transition: transform .18s ease, background .18s ease;
}

.catalog-card:hover,
.catalog-card:focus-visible {
    background: var(--catalog-panel-hover);
    transform: translateY(-3px);
}

.catalog-card img {
    display: block;
    width: 100%;
    aspect-ratio: 2 / 3;
    background: #2a2a2a;
    object-fit: cover;
}

.catalog-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    padding: 11px;
}

.catalog-card h3 { font-size: 1rem; }

.catalog-card-year {
    margin-top: 7px;
    color: var(--catalog-muted);
    font-size: .82rem;
}

.catalog-card .catalog-score-line { margin-top: auto; padding-top: 9px; }

.catalog-loading,
.catalog-empty {
    grid-column: 1 / -1;
    padding: 34px 20px;
    border: 1px solid var(--catalog-line);
    background: var(--catalog-panel);
    color: #d0d0d0;
    text-align: center;
}

.catalog-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 28px;
}

.catalog-pager button {
    min-height: 38px;
    padding: 0 15px;
    border: 0;
    border-radius: 3px;
    background: var(--catalog-yellow);
    color: #111;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.catalog-pager button:disabled { cursor: not-allowed; opacity: .42; }

.catalog-pager span { color: #ccc; font-size: .9rem; }

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

@media (max-width: 820px) {
    .catalog-shell { padding-inline: 18px; }
    .catalog-hero { min-height: 290px; }
    .catalog-tools { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .catalog-tools label:first-child { grid-column: 1 / -1; }
    .catalog-tools button { width: 100%; }
    .catalog-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
}

@media (max-width: 600px) {
    .catalog-shell { padding-inline: 14px; }
    .catalog-hero { min-height: 270px; }
    .catalog-hero-inner { padding-top: 31px; padding-bottom: 30px; }
    .catalog-back { margin-bottom: 20px; }
    .catalog-intro { margin-top: 11px; font-size: .97rem; }
    .catalog-feature { gap: 12px; margin-top: 20px; }
    .catalog-feature img { flex-basis: 49px; width: 49px; height: 70px; }
    .catalog-feature-title { font-size: 1rem; }
    .catalog-feature-meta { font-size: .78rem; }
    .catalog-section { padding-top: 31px; }
    .catalog-section-head { align-items: center; margin-bottom: 12px; }
    .catalog-section-link { font-size: .8rem; }
    .catalog-tab { min-height: 45px; padding-inline: 13px; font-size: .87rem; }
    .catalog-tools { grid-template-columns: minmax(0, 1fr); padding: 12px; }
    .catalog-tools label:first-child { grid-column: auto; }
    .catalog-rail { gap: 10px; margin-inline: -14px; width: calc(100% + 28px); padding-inline: 14px; }
    .catalog-rail-card { flex-basis: 136px; }
    .catalog-rail-card-body { padding: 8px; }
    .catalog-rail-card h3 { font-size: .85rem; }
    .catalog-score-line { font-size: .7rem; }
    .catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
    .catalog-card-body { padding: 8px; }
    .catalog-card h3 { font-size: .86rem; }
    .catalog-card-year { margin-top: 5px; font-size: .73rem; }
    .catalog-card .catalog-score-line { padding-top: 7px; }
}

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

/* Components rendered by catalog.php */
.hby-catalog .catalog-nav { display:flex; width:100%; max-width:100%; margin:0; overflow-x:auto; border-bottom:1px solid var(--catalog-line); scrollbar-width:none; }
.hby-catalog .catalog-nav::-webkit-scrollbar { display:none; }
.hby-catalog .catalog-nav-item { display:inline-flex; flex:0 0 auto; align-items:center; min-height:52px; padding:0 18px; border:0; border-bottom:3px solid transparent; background:transparent; color:#c8c8c8; font:inherit; font-size:.92rem; font-weight:800; line-height:1; text-decoration:none; white-space:nowrap; cursor:pointer; }
.hby-catalog .catalog-nav-item:hover, .hby-catalog .catalog-nav-item:focus-visible, .hby-catalog .catalog-nav-item.is-active { border-bottom-color:var(--catalog-yellow); color:#fff; }

.hby-catalog .catalog-feature > a { display:block; width:100%; color:#fff; text-decoration:none; }
.hby-catalog .catalog-feature .feature-label { display:block; margin-bottom:5px; color:var(--catalog-yellow); font-size:.72rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.hby-catalog .catalog-feature strong { display:block; overflow:hidden; color:#fff; font-size:1.18rem; font-weight:800; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.hby-catalog .catalog-feature .feature-meta { display:block; margin-top:5px; color:#d7d7d7; font-size:.86rem; }
.hby-catalog .catalog-feature .feature-scores { display:flex; flex-wrap:wrap; gap:5px 10px; margin-top:9px; color:#eee; font-size:.78rem; }
.hby-catalog .catalog-feature .feature-scores b { color:var(--catalog-yellow); }
.hby-catalog .catalog-feature .feature-scores small { color:#bdbdbd; font-size:inherit; }
.hby-catalog .catalog-feature .feature-scores em { color:#dbe9ff; font-style:normal; }
.hby-catalog .catalog-feature .feature-action { display:inline-block; margin-top:12px; color:var(--catalog-yellow); font-size:.85rem; font-weight:800; }
.hby-catalog .catalog-feature > a:hover .feature-action, .hby-catalog .catalog-feature > a:focus-visible .feature-action { color:#fff; }

.hby-catalog .catalog-tools { grid-template-columns:minmax(210px,1.4fr) minmax(150px,.72fr) minmax(150px,.72fr) auto auto; align-items:center; margin-top:22px; border-radius:4px; }
.hby-catalog .catalog-search { position:relative; display:block; }
.hby-catalog .catalog-search > span { position:absolute; top:50%; left:13px; z-index:1; color:#666; font-size:1.15rem; line-height:1; transform:translateY(-53%); }
.hby-catalog .catalog-search input { padding-left:37px; }
.hby-catalog .catalog-tools .catalog-reset { border-color:#575757; background:transparent; color:#f1f1f1; }
.hby-catalog .catalog-tools .catalog-reset:hover, .hby-catalog .catalog-tools .catalog-reset:focus-visible { border-color:#fff; background:#2b2b2b; }

.hby-catalog .catalog-toolbar-heading {
    display:flex;
    grid-column:1 / -1;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:0 1px 3px;
}

.hby-catalog .catalog-toolbar-heading strong {
    color:var(--catalog-yellow);
    font-size:.76rem;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.hby-catalog .catalog-toolbar-heading span {
    color:#c5c5c5;
    font-size:.83rem;
    font-weight:700;
}

.hby-catalog .catalog-slider {
    width:min(600px,100%);
    min-height:120px;
    margin-top:25px;
}

.hby-catalog .catalog-slider-track { min-height:96px; }

.hby-catalog .catalog-slide {
    display:block;
    color:#fff;
    text-decoration:none;
}

.hby-catalog .catalog-slide-kicker {
    display:block;
    margin-bottom:5px;
    color:var(--catalog-yellow);
    font-size:.71rem;
    font-weight:800;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.hby-catalog .catalog-slide > strong {
    display:block;
    overflow:hidden;
    font-size:1.2rem;
    font-weight:800;
    line-height:1.2;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.hby-catalog .catalog-slide-meta {
    display:block;
    margin-top:5px;
    color:#d4d4d4;
    font-size:.86rem;
}

.hby-catalog .catalog-slide-scores {
    display:flex;
    flex-wrap:wrap;
    gap:5px 10px;
    margin-top:9px;
    color:#ededed;
    font-size:.78rem;
}

.hby-catalog .catalog-slide-scores b { color:var(--catalog-yellow); }
.hby-catalog .catalog-slide-scores small { color:#bdbdbd; font-size:inherit; }
.hby-catalog .catalog-slide-scores em { color:#dceaff; font-style:normal; }

.hby-catalog .catalog-slide-action {
    display:inline-block;
    margin-top:11px;
    color:var(--catalog-yellow);
    font-size:.84rem;
    font-weight:800;
}

.hby-catalog .catalog-slide:hover .catalog-slide-action,
.hby-catalog .catalog-slide:focus-visible .catalog-slide-action { color:#fff; }

.hby-catalog .catalog-slider-controls {
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:14px;
}

.hby-catalog .catalog-slider-controls > button {
    display:grid;
    width:29px;
    height:29px;
    padding:0;
    border:1px solid rgba(255,255,255,.38);
    border-radius:50%;
    place-items:center;
    background:rgba(8,8,8,.65);
    color:#fff;
    font-size:1.25rem;
    line-height:1;
    cursor:pointer;
}

.hby-catalog .catalog-slider-controls > button:hover,
.hby-catalog .catalog-slider-controls > button:focus-visible { border-color:var(--catalog-yellow); color:var(--catalog-yellow); }

.hby-catalog .catalog-slider-dots { display:flex; gap:7px; }

.hby-catalog .catalog-slider-dots button {
    width:7px;
    height:7px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#777;
    cursor:pointer;
}

.hby-catalog .catalog-slider-dots button.is-active { width:21px; border-radius:9px; background:var(--catalog-yellow); }

.hby-catalog .catalog-rail-section, .hby-catalog .catalog-results { padding-top:42px; }
.hby-catalog .catalog-results { padding-top:15px; }
.hby-catalog .catalog-section-head > div { min-width:0; }
.hby-catalog .catalog-section-head > div .catalog-kicker { margin-bottom:5px; }
.hby-catalog .catalog-section-head > a { color:var(--catalog-yellow); font-size:.9rem; font-weight:800; text-decoration:none; white-space:nowrap; }
.hby-catalog .catalog-section-head > a:hover, .hby-catalog .catalog-section-head > a:focus-visible { color:#fff; }
.hby-catalog #catalog-count { color:#bbb; font-size:.86rem; white-space:nowrap; }
.hby-catalog .catalog-rail .catalog-loading { flex:1 0 100%; }

.hby-catalog .catalog-rail-card, .hby-catalog .catalog-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid var(--catalog-line); background:var(--catalog-panel); color:#fff; text-decoration:none; }
.hby-catalog .catalog-rail-card { flex:0 0 176px; }
.hby-catalog .catalog-card { min-height:100%; }
.hby-catalog .catalog-poster { position:relative; flex:0 0 auto; overflow:hidden; background:#252525; }
.hby-catalog .catalog-poster img { display:block; width:100%; aspect-ratio:2 / 3; background:#252525; object-fit:cover; transition:transform .25s ease; }
.hby-catalog .catalog-card:hover .catalog-poster img, .hby-catalog .catalog-card:focus-visible .catalog-poster img, .hby-catalog .catalog-rail-card:hover .catalog-poster img, .hby-catalog .catalog-rail-card:focus-visible .catalog-poster img { transform:scale(1.035); }
.hby-catalog .catalog-poster .catalog-year { position:absolute; right:0; bottom:0; left:0; display:block; padding:19px 10px 7px; background:linear-gradient(transparent,rgba(0,0,0,.92)); color:#fff; font-size:.76rem; font-weight:700; }
.hby-catalog .catalog-card > strong, .hby-catalog .catalog-rail-card > strong { display:-webkit-box; overflow:hidden; padding:10px 10px 0; color:#fff; font-size:.97rem; font-weight:800; line-height:1.24; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.hby-catalog .catalog-card > .catalog-genre, .hby-catalog .catalog-rail-card > .catalog-genre { display:-webkit-box; overflow:hidden; min-height:2.5em; padding:5px 10px 0; color:#aaa; font-size:.75rem; line-height:1.25; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.hby-catalog .catalog-scores { display:flex; flex-wrap:wrap; gap:4px 8px; margin-top:auto; padding:10px; color:#ececec; font-size:.74rem; line-height:1.2; }
.hby-catalog .catalog-scores b { color:var(--catalog-yellow); }
.hby-catalog .catalog-scores small { color:#aaa; font-size:inherit; }
.hby-catalog .catalog-scores em { width:100%; color:#dceaff; font-style:normal; }

@media (max-width:1060px) { .hby-catalog .catalog-tools { grid-template-columns:minmax(210px,1fr) minmax(145px,.7fr) minmax(145px,.7fr) auto; } .hby-catalog .catalog-tools .catalog-reset { grid-column:4; } }
@media (max-width:760px) { .hby-catalog .catalog-nav-item { min-height:47px; padding-inline:13px; font-size:.84rem; } .hby-catalog .catalog-tools { grid-template-columns:minmax(0,1fr) minmax(0,1fr); } .hby-catalog .catalog-search { grid-column:1 / -1; } .hby-catalog .catalog-tools button { width:100%; } .hby-catalog .catalog-tools .catalog-reset { grid-column:auto; } .hby-catalog .catalog-rail-section, .hby-catalog .catalog-results { padding-top:32px; } .hby-catalog .catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:760px) { .hby-catalog .catalog-results { padding-top:14px; } .hby-catalog .catalog-slider { min-height:113px; margin-top:19px; } .hby-catalog .catalog-slider-track { min-height:90px; } }
@media (max-width:480px) { .hby-catalog .catalog-section-head { align-items:flex-start; } .hby-catalog .catalog-section-head > a { font-size:.76rem; } .hby-catalog #catalog-count { font-size:.74rem; } .hby-catalog .catalog-toolbar-heading { align-items:flex-start; flex-direction:column; gap:4px; } .hby-catalog .catalog-tools { grid-template-columns:minmax(0,1fr); } .hby-catalog .catalog-search { grid-column:auto; } .hby-catalog .catalog-rail-card { flex-basis:142px; } .hby-catalog .catalog-card > strong { padding:8px 8px 0; font-size:.84rem; } .hby-catalog .catalog-card > .catalog-genre { min-height:0; padding:4px 8px 0; font-size:.68rem; } .hby-catalog .catalog-card .catalog-scores { padding:8px; font-size:.67rem; } }

/* Hero editorial: pagina la stânga, titlul activ al sliderului la dreapta. */
.hby-catalog .catalog-hero { min-height:390px; }

.hby-catalog .catalog-hero-inner {
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(310px, .74fr);
    align-items:end;
    gap:clamp(32px, 7vw, 118px);
    padding-top:50px;
    padding-bottom:78px;
}

.hby-catalog .catalog-hero-inner {
    min-height:390px;
    align-items:center;
    padding-top:72px;
}

.hby-catalog .catalog-hero-copy { min-width:0; }

.hby-catalog .catalog-hero-copy .catalog-back {
    position:absolute;
    top:20px;
    left:24px;
    margin:0;
}

.hby-catalog .catalog-hero-copy .catalog-intro { max-width:540px; }

.hby-catalog .catalog-slider {
    justify-self:end;
    width:min(425px, 100%);
    min-height:0;
    margin:0;
}

.hby-catalog .catalog-slide-panel {
    position:relative;
    isolation:isolate;
    overflow:hidden;
    padding:24px 26px 25px;
    border:1px solid rgba(255,255,255,.18);
    border-left:3px solid var(--catalog-yellow);
    background:linear-gradient(135deg, rgba(10,10,10,.88), rgba(10,10,10,.57));
    box-shadow:0 16px 34px rgba(0,0,0,.26);
    backdrop-filter:blur(5px);
}

.hby-catalog .catalog-slide-panel::before {
    position:absolute;
    z-index:-2;
    inset:0;
    content:'';
    background:var(--catalog-panel-cover, none) center / cover no-repeat;
    opacity:.72;
}

.hby-catalog .catalog-slide-panel::after {
    position:absolute;
    z-index:-1;
    inset:0;
    content:'';
    background:linear-gradient(90deg, rgba(5,5,5,.88), rgba(5,5,5,.57)), linear-gradient(0deg, rgba(5,5,5,.7), transparent);
}

.hby-catalog .catalog-slider-track { min-height:0; }

.hby-catalog .catalog-slide > strong { font-size:clamp(1.2rem, 2vw, 1.52rem); white-space:normal; }

.hby-catalog .catalog-slider-controls {
    position:absolute;
    bottom:28px;
    left:50%;
    justify-content:center;
    margin:0;
    transform:translateX(-50%);
}

@media (max-width:800px) {
    .hby-catalog .catalog-hero { min-height:unset; }
    .hby-catalog .catalog-hero-inner { grid-template-columns:minmax(0,1fr); min-height:unset; gap:24px; padding-top:71px; padding-bottom:72px; }
    .hby-catalog .catalog-slider { justify-self:start; width:min(560px,100%); }
    .hby-catalog .catalog-slide-panel { padding:19px 20px; }
}

@media (max-width:480px) {
    .hby-catalog .catalog-hero-inner { gap:18px; padding-top:29px; padding-bottom:61px; }
    .hby-catalog .catalog-hero-inner { padding-top:64px; }
    .hby-catalog .catalog-hero-copy .catalog-back { top:20px; left:14px; }
    .hby-catalog .catalog-slide-panel { padding:16px; }
    .hby-catalog .catalog-slide > strong { font-size:1.1rem; }
    .hby-catalog .catalog-slide-meta, .hby-catalog .catalog-slide-scores { font-size:.75rem; }
    .hby-catalog .catalog-slider-controls { bottom:21px; }
}