.cf-browse{margin:2.25rem 0}
.cf-browse-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:1rem}
.cf-browse-title{font-size:1.1rem;font-weight:600;margin:0;color:#e6e6e9;display:flex;align-items:center;gap:8px}
.cf-browse-title:before{content:"";width:4px;height:18px;border-radius:2px;background:#ff9800}
html:not(.dark) .cf-browse-title{color:#18181b}
.cf-browse-nav{display:flex;gap:6px}
.cf-browse-arrow{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:transparent;color:#a1a1aa;font-size:17px;line-height:1;cursor:pointer;transition:.25s;display:flex;align-items:center;justify-content:center}
.cf-browse-arrow:hover{border-color:#ff9800;color:#ff9800}
html:not(.dark) .cf-browse-arrow{border-color:rgba(0,0,0,.15);color:#52525b}

.cf-ott-rail{display:flex;gap:18px;overflow-x:auto;padding:4px 2px 8px;-ms-overflow-style:none;scrollbar-width:none}
.cf-ott-rail::-webkit-scrollbar{display:none}
.cf-ott-item{flex:0 0 auto;width:92px;text-align:center;text-decoration:none;}
.cf-ott-ring{display:flex;align-items:center;justify-content:center;width:76px;height:76px;margin:0 auto 10px;border-radius:50%;border:2px solid var(--cf-brand,#ff9800);background:#15151a;transition:transform .25s ease,box-shadow .25s ease}
html:not(.dark) .cf-ott-ring{background:#fafafa}
.cf-ott-mark{color:var(--cf-brand,#ff9800);font-weight:700;letter-spacing:-.5px;line-height:1;text-transform:none}
.cf-ott-item:hover .cf-ott-ring{transform:translateY(-4px);box-shadow:0 0 0 4px color-mix(in srgb,var(--cf-brand,#ff9800) 18%,transparent)}
.cf-ott-name{display:block;font-size:13px;font-weight:600;color:#e6e6e9;line-height:1.3}
html:not(.dark) .cf-ott-name{color:#27272a}
.cf-ott-count{display:block;font-size:11px;color:#7a7a82;margin-top:2px}

.cf-genre-wrap{display:flex;flex-wrap:wrap;gap:8px}
.cf-genre-pill{font-size:13px;font-weight:500;padding:7px 15px;border-radius:999px;text-decoration:none;border:1px solid var(--cf-brand,#ff9800);color:var(--cf-brand,#ff9800);background:color-mix(in srgb,var(--cf-brand,#ff9800) 9%,transparent);transition:.25s}
.cf-genre-pill:hover{background:var(--cf-brand,#ff9800);color:#0b0b0e}
.cf-genre-hidden{display:none}
.cf-genre-wrap.cf-open .cf-genre-hidden{display:inline-block}
.cf-genre-more{font-size:13px;font-weight:500;padding:7px 15px;border-radius:999px;cursor:pointer;border:1px dashed rgba(255,255,255,.2);background:transparent;color:#8a8a92;transition:.25s}
.cf-genre-more:hover{border-color:#ff9800;color:#ff9800}
html:not(.dark) .cf-genre-more{border-color:rgba(0,0,0,.2);color:#52525b}

@media(max-width:640px){
.cf-browse-nav{display:none}
.cf-ott-rail{gap:14px}
.cf-ott-item{width:78px}
.cf-ott-ring{width:64px;height:64px}
}

.cf-browse-cat{margin-top:1.5rem}
.cf-cat-pill{border-color:rgba(255,255,255,.16);color:#a1a1aa;background:rgba(255,255,255,.03)}
.cf-cat-pill:hover{border-color:#ff9800;background:#ff9800;color:#0b0b0e}
html:not(.dark) .cf-cat-pill{border-color:rgba(0,0,0,.15);color:#52525b;background:rgba(0,0,0,.02)}

.cf-genre-more{background:#ff9800;border:1px solid #ff9800;color:#0b0b0e;font-weight:700;letter-spacing:.2px;padding:7px 16px;display:inline-flex;align-items:center;gap:7px;box-shadow:0 2px 10px rgba(255,152,0,.28)}
.cf-genre-more:after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #0b0b0e;transition:transform .25s ease}
.cf-genre-more:hover{background:#ffa726;border-color:#ffa726;box-shadow:0 3px 14px rgba(255,152,0,.45);transform:translateY(-1px)}
.cf-genre-wrap.cf-open .cf-genre-more{background:transparent;color:#ff9800;box-shadow:none}
.cf-genre-wrap.cf-open .cf-genre-more:after{border-top-color:#ff9800;transform:rotate(180deg)}
.cf-genre-wrap.cf-open .cf-genre-more:hover{background:rgba(255,152,0,.12)}

.cf-genre-more:hover,.cf-genre-more:focus{color:#0b0b0e!important}
.cf-genre-more:hover:after,.cf-genre-more:focus:after{border-top-color:#0b0b0e}
.cf-genre-wrap.cf-open .cf-genre-more:hover,.cf-genre-wrap.cf-open .cf-genre-more:focus{color:#ff9800!important}
.cf-genre-wrap.cf-open .cf-genre-more:hover:after,.cf-genre-wrap.cf-open .cf-genre-more:focus:after{border-top-color:#ff9800}