*,

*::before,

*::after {

    box-sizing: border-box;

}

html {

    -webkit-text-size-adjust: 100%;

}

body.bwf-body {

    margin: 0;

    background: #15161a;

    color: #fff;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    line-height: 1.5;

}

body.bwf-body a {

    color: inherit;

    text-decoration: none;

}

body.bwf-body img {

    max-width: 100%;

    height: auto;

    display: block;

}

/* Accessibility */

.screen-reader-text {

    position: absolute !important;

    width: 1px;

    height: 1px;

    margin: -1px;

    padding: 0;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    clip-path: inset(50%);

    border: 0;

    white-space: nowrap;

}

.screen-reader-text:focus {

    z-index: 100000;

    top: 5px;

    left: 5px;

    width: auto;

    height: auto;

    margin: 0;

    padding: 15px 23px 14px;

    overflow: visible;

    clip: auto;

    clip-path: none;

    border-radius: 4px;

    background: #f1f1f1;

    color: #21759b;

    font-size: 14px;

    font-weight: 700;

    line-height: normal;

    text-decoration: none;

    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);

}

.bwf-page {

    min-height: 100vh;

}

.bwf-container {

    width: min(1180px, calc(100% - 32px));

    margin: 0 auto;

}

/* Header */

.bwf-site-header {

    position: sticky;

    top: 0;

    z-index: 1000;

    padding-top: 10px;

    background: linear-gradient(to bottom, rgba(21,22,26,.98), rgba(21,22,26,.86));

    backdrop-filter: blur(16px);

}

.bwf-header-inner {

    min-height: 58px;

    display: flex;

    align-items: center;

    gap: 18px;

    padding: 0 18px;

    background: #222329;

    border-radius: 14px 14px 0 0;

    border-bottom: 3px solid #ef233c;

    box-shadow: 0 10px 34px rgba(0,0,0,.20);

}

.bwf-brand {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    flex: 0 0 auto;

}

.bwf-logo-img {

    max-height: 42px;

    width: auto;

}

.bwf-logo-mark {

    width: 32px;

    height: 32px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    background: linear-gradient(135deg, #ff7a00, #ef233c);

    color: #fff;

    font-weight: 900;

    font-size: 19px;

    transform: skew(-8deg);

    box-shadow: 0 8px 22px rgba(239,35,60,.22);

}

.bwf-logo-text {

    font-size: 22px;

    font-weight: 800;

    letter-spacing: -.8px;

    color: #fff;

}

.bwf-main-nav {

    flex: 1 1 auto;

    min-width: 0;

}

.bwf-menu,

.bwf-menu ul {

    margin: 0;

    padding: 0;

    list-style: none;

}

.bwf-menu {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 6px;

}

.bwf-menu > li {

    position: relative;

}

.bwf-menu > li > a {

    display: flex;

    align-items: center;

    min-height: 34px;

    padding: 0 11px;

    border-radius: 999px;

    color: #fff;

    font-weight: 700;

    font-size: 13px;

    transition: background .2s ease, color .2s ease;

}

.bwf-menu > li:first-child > a,

.bwf-menu > li.current-menu-item > a,

.bwf-menu > li > a:hover {

    background: #ef233c;

    color: #fff;

}

/* =========================================================

   DESKTOP MAIN MENU DROPDOWN

========================================================= */

.bwf-site-header,

.bwf-site-header .bwf-container,

.bwf-header-inner,

.bwf-main-nav,

.bwf-menu {

    overflow: visible;

}

.bwf-main-nav {

    position: relative;

    z-index: 1100;

}

.bwf-menu > li {

    position: relative;

}

/* Add an arrow to top-level items with a submenu. */

.bwf-menu > li.menu-item-has-children > a {

    gap: 7px;

}

.bwf-menu > li.menu-item-has-children > a::after {

    content: "\f078";

    display: inline-block;

    color: #9da0aa;

    font-family: "Font Awesome 6 Free";

    font-size: 9px;

    font-weight: 900;

    transition:

        color .2s ease,

        transform .2s ease;

}

.bwf-menu > li.menu-item-has-children:hover > a::after,

.bwf-menu > li.menu-item-has-children:focus-within > a::after {

    color: #fff;

    transform: rotate(180deg);

}

.bwf-menu .sub-menu {

    position: absolute;

    z-index: 9999;

    top: 100%;

    left: 0;

    width: max-content;

    min-width: 210px;

    max-width: 290px;

    margin: 0;

    padding: 14px 8px 8px;

    list-style: none;

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 0 0 14px 14px;

    background: #1b1c21;

    box-shadow: 0 22px 48px rgba(0,0,0,.48);

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transform: translateY(7px);

    transition:

        opacity .18s ease,

        visibility .18s ease,

        transform .18s ease;

}

/* Prevent a hover gap between the parent item and submenu. */

.bwf-menu .sub-menu::before {

    content: "";

    position: absolute;

    right: 0;

    bottom: 100%;

    left: 0;

    height: 12px;

}

.bwf-menu li:hover > .sub-menu,

.bwf-menu li:focus-within > .sub-menu {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform: translateY(0);

}

.bwf-menu .sub-menu li {

    width: 100%;

}

.bwf-menu .sub-menu a {

    min-height: 40px;

    display: flex;

    align-items: center;

    width: 100%;

    padding: 0 12px;

    border-radius: 9px;

    color: #c7c9d0;

    font-size: 12px;

    font-weight: 700;

    white-space: nowrap;

    transition:

        color .16s ease,

        background .16s ease,

        padding-left .16s ease;

}

.bwf-menu .sub-menu a:hover,

.bwf-menu .sub-menu a:focus {

    padding-left: 15px;

    outline: none;

    background: rgba(239,35,60,.13);

    color: #fff;

}

.bwf-menu .sub-menu .current-menu-item > a {

    background: #ef233c;

    color: #fff;

}

.bwf-search {

    width: 220px;

    height: 36px;

    position: relative;

    flex: 0 0 auto;

}

.bwf-search-icon {

    position: absolute;

    left: 14px;

    top: 50%;

    width: 16px;

    height: 16px;

    transform: translateY(-50%);

    color: #7b7f8b;

}

.bwf-search-icon svg {

    width: 16px;

    height: 16px;

    fill: currentColor;

}

.bwf-search input {

    width: 100%;

    height: 100%;

    border: 0;

    outline: 0;

    border-radius: 999px;

    background: #fff;

    color: #222;

    padding: 0 16px 0 38px;

    font-size: 13px;

}

.bwf-header-actions {

    display: flex;

    align-items: center;

    gap: 11px;

    flex: 0 0 auto;

}

.bwf-link-btn {

    color: #fff;

    font-size: 13px;

    font-weight: 700;

}

.bwf-login-btn {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    height: 36px;

    padding: 0 15px;

    background: #ef233c;

    color: #fff;

    border-radius: 999px;

    font-size: 13px;

    font-weight: 800;

    box-shadow: 0 8px 20px rgba(239,35,60,.20);

}

.bwf-login-btn span,

.bwf-login-btn svg {

    width: 16px;

    height: 16px;

    fill: currentColor;

}

.bwf-login-btn:hover {

    background: #ff3048;

}

/* Mobile menu */

.bwf-mobile-toggle,

.bwf-mobile-close {

    display: none;

    border: 0;

    background: transparent;

    color: #fff;

    padding: 0;

    cursor: pointer;

}

.bwf-mobile-toggle svg,

.bwf-mobile-close svg {

    width: 28px;

    height: 28px;

    fill: currentColor;

}

.bwf-mobile-panel,

.bwf-mobile-overlay {

    display: none;

}

/* Main */

.bwf-main {

    padding: 14px 0 0;

}

.bwf-placeholder-page {

    background: #222329;

    border-radius: 0 0 18px 18px;

    padding: 22px;

    min-height: 460px;

}

.bwf-section-head {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 18px;

    margin-bottom: 20px;

    border-bottom: 1px solid rgba(255,255,255,.08);

    padding-bottom: 14px;

}

.bwf-section-head h1 {

    margin: 0;

    color: #fff;

    font-size: 28px;

    line-height: 1.2;

    letter-spacing: -.5px;

}

.bwf-section-head p {

    margin: 6px 0 0;

    color: #a1a1aa;

    font-size: 14px;

}

.bwf-basic-grid {

    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 16px;

}

.bwf-basic-card {

    background: #191a1f;

    border: 1px solid rgba(255,255,255,.06);

    border-radius: 14px;

    overflow: hidden;

    transition: transform .2s ease, border-color .2s ease;

}

.bwf-basic-card:hover {

    transform: translateY(-3px);

    border-color: rgba(239,35,60,.45);

}

.bwf-basic-thumb {

    height: 190px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #101115;

    color: #777;

    overflow: hidden;

}

.bwf-basic-thumb img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.bwf-basic-card-body {

    padding: 14px;

}

.bwf-basic-card-body h2 {

    margin: 0 0 8px;

    font-size: 17px;

    line-height: 1.25;

}

.bwf-basic-card-body p {

    margin: 0;

    color: #a1a1aa;

    font-size: 13px;

}

.bwf-pagination {

    margin-top: 24px;

}

.bwf-pagination .nav-links {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 6px;

}

.bwf-pagination .page-numbers {

    min-width: 34px;

    height: 34px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: #191a1f;

    color: #fff;

    border-radius: 10px;

    font-weight: 700;

    font-size: 13px;

}

.bwf-pagination .current {

    background: #ef233c;

}

.bwf-empty {

    padding: 34px;

    background: #191a1f;

    border-radius: 16px;

    text-align: center;

}

.bwf-empty h2 {

    margin: 0 0 8px;

    font-size: 24px;

}

.bwf-empty p {

    margin: 0;

    color: #a1a1aa;

}

/* Footer */

.bwf-footer {

    margin-top: 34px;

    padding-bottom: 34px;

}

.bwf-footer .bwf-container {

    background: #222329;

    border-top: 1px solid rgba(255,255,255,.08);

    border-radius: 0 0 18px 18px;

    padding: 28px;

}

.bwf-footer-top {

    display: grid;

    grid-template-columns: 1fr 260px;

    gap: 28px;

    align-items: start;

}

.bwf-footer-brand p {

    max-width: 520px;

    margin: 12px 0 0;

    color: #a1a1aa;

    font-size: 13px;

}

.bwf-footer-menu h3 {

    margin: 0 0 10px;

    font-size: 15px;

    color: #fff;

}

.bwf-footer-links {

    margin: 0;

    padding: 0;

    list-style: none;

    columns: 2;

}

.bwf-footer-links a {

    display: inline-block;

    color: #a1a1aa;

    font-size: 13px;

    padding: 3px 0;

}

.bwf-footer-links a:hover {

    color: #fff;

}

.bwf-footer-apps {

    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 18px;

    color: #a1a1aa;

    font-size: 13px;

}

.bwf-footer-apps div {

    display: flex;

    gap: 8px;

}

.bwf-footer-apps a {

    display: inline-flex;

    align-items: center;

    height: 28px;

    padding: 0 10px;

    background: #111216;

    color: #fff;

    border-radius: 8px;

    font-size: 12px;

}

.bwf-footer-bottom {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 18px;

    margin-top: 20px;

    padding-top: 16px;

    border-top: 1px solid rgba(255,255,255,.08);

    color: #858894;

    font-size: 12px;

}

.bwf-footer-bottom p {

    margin: 0;

}

.bwf-footer-bottom a {

    color: #fff;

}

/* Home */

.bwf-home-shell {

    margin-top: -14px;

}

.bwf-hero-slider-wrap {

    margin-bottom: 18px;

}

.bwf-hero-slider {

    position: relative;

    overflow: hidden;

    background: #202126;

    border-radius: 0 0 0 0;

    border-bottom: 1px solid rgba(255,255,255,.08);

}

.bwf-hero-track {

    display: flex;

    overflow-x: auto;

    scroll-behavior: smooth;

    scrollbar-width: none;

}

.bwf-hero-track::-webkit-scrollbar {

    display: none;

}

.bwf-hero-item {

    flex: 0 0 16.666%;

    min-width: 16.666%;

}

.bwf-hero-card {

    position: relative;

    display: block;

    height: 360px;

    overflow: hidden;

    background: #111216;

}

.bwf-hero-card img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform .35s ease, filter .35s ease;

}

.bwf-hero-card:hover img {

    transform: scale(1.05);

    filter: brightness(.82);

}

.bwf-hero-gradient {

    position: absolute;

    inset: 0;

    background: linear-gradient(to bottom, rgba(0,0,0,.05) 18%, rgba(0,0,0,.58) 70%, rgba(0,0,0,.95) 100%);

}

.bwf-hero-content {

    position: absolute;

    left: 16px;

    right: 16px;

    bottom: 16px;

    z-index: 2;

}

.bwf-hero-meta {

    display: flex;

    align-items: center;

    gap: 7px;

    margin-bottom: 5px;

    color: #f4f4f5;

    font-size: 12px;

    font-weight: 700;

}

.bwf-hero-meta .is-score {

    color: #ffc107;

}

.bwf-hero-content h2 {

    margin: 0 0 7px;

    color: #fff;

    font-size: 16px;

    line-height: 1.18;

    font-weight: 900;

    letter-spacing: -.2px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    text-shadow: 0 2px 8px rgba(0,0,0,.55);

}

.bwf-hero-badges {

    display: flex;

    align-items: center;

    gap: 6px;

    color: #f5f5f5;

    font-size: 12px;

    font-weight: 700;

}

.bwf-flag {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 22px;

    height: 15px;

    padding: 0 4px;

    border-radius: 3px;

    background: #ef233c;

    color: #fff;

    font-size: 9px;

    font-weight: 900;

    line-height: 1;

}

.bwf-slider-arrow {

    position: absolute;

    top: 50%;

    z-index: 5;

    width: 50px;

    height: 50px;

    border: 0;

    border-radius: 999px;

    background: rgba(0,0,0,.42);

    color: #fff;

    font-size: 42px;

    line-height: 1;

    cursor: pointer;

    transform: translateY(-50%);

    opacity: 0;

    transition: opacity .2s ease, background .2s ease;

}

.bwf-hero-slider:hover .bwf-slider-arrow {

    opacity: 1;

}

.bwf-slider-arrow:hover {

    background: rgba(239,35,60,.92);

}

.bwf-slider-prev {

    left: 22px;

}

.bwf-slider-next {

    right: 22px;

}

.bwf-home-notice {

    display: flex;

    align-items: center;

    gap: 8px;

    min-height: 40px;

    margin-bottom: 16px;

    padding: 0 15px;

    border-radius: 12px;

    background: #202126;

    color: #b7bac4;

    font-size: 13px;

}

.bwf-home-notice strong {

    color: #fff;

}

.bwf-home-notice-dot {

    width: 8px;

    height: 8px;

    border-radius: 999px;

    background: #ef233c;

    box-shadow: 0 0 0 4px rgba(239,35,60,.12);

}

.bwf-home-layout {

    display: grid;

    grid-template-columns: minmax(0, 1fr) 285px;

    gap: 20px;

    align-items: start;

}

.bwf-content-section {

    margin-bottom: 30px;

}

.bwf-content-tabs {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 14px;

    margin-bottom: 14px;

    padding-bottom: 10px;

    border-bottom: 1px solid rgba(255,255,255,.08);

}

.bwf-content-tabs h2 {

    margin: 0;

    color: #fff;

    font-size: 18px;

    font-weight: 900;

    letter-spacing: -.2px;

}

.bwf-tab-links {

    display: flex;

    flex-wrap: wrap;

    gap: 6px;

}

.bwf-tab-links a {

    display: inline-flex;

    align-items: center;

    height: 28px;

    padding: 0 10px;

    border-radius: 999px;

    background: #202126;

    color: #a1a1aa;

    font-size: 12px;

    font-weight: 700;

}

.bwf-tab-links a:hover {

    background: #ef233c;

    color: #fff;

}

.bwf-movie-grid {

    display: grid;

    grid-template-columns: repeat(5, minmax(0, 1fr));

    gap: 14px;

}

.bwf-movie-card,

.bwf-series-card {

    min-width: 0;

}

.bwf-movie-thumb,

.bwf-series-thumb {

    position: relative;

    display: block;

    overflow: hidden;

    border-radius: 12px;

    background: #111216;

    aspect-ratio: 2 / 3;

}

.bwf-movie-thumb img,

.bwf-series-thumb img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform .28s ease, filter .28s ease;

}

.bwf-movie-card:hover .bwf-movie-thumb img,

.bwf-series-card:hover .bwf-series-thumb img {

    transform: scale(1.05);

    filter: brightness(.72);

}

.bwf-movie-overlay {

    position: absolute;

    inset: 0;

    background: linear-gradient(to bottom, rgba(0,0,0,0) 45%, rgba(0,0,0,.88) 100%);

    opacity: .92;

}

.bwf-play-dot {

    position: absolute;

    inset: 50% auto auto 50%;

    width: 42px;

    height: 42px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 999px;

    background: rgba(239,35,60,.92);

    color: #fff;

    font-size: 15px;

    transform: translate(-50%, -50%) scale(.84);

    opacity: 0;

    transition: all .22s ease;

}

.bwf-movie-card:hover .bwf-play-dot {

    opacity: 1;

    transform: translate(-50%, -50%) scale(1);

}

.bwf-movie-body,

.bwf-series-body {

    padding-top: 7px;

}

.bwf-movie-meta {

    display: flex;

    align-items: center;

    gap: 6px;

    min-height: 18px;

    color: #a1a1aa;

    font-size: 11px;

    font-weight: 700;

}

.bwf-movie-meta .is-score {

    color: #ffc107;

}

.bwf-movie-body h3,

.bwf-series-body h3 {

    margin: 3px 0 5px;

    color: #fff;

    font-size: 13px;

    line-height: 1.2;

    font-weight: 900;

    letter-spacing: -.15px;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

}

.bwf-movie-body h3 a:hover,

.bwf-series-body h3 a:hover {

    color: #ef233c;

}

.bwf-movie-lang {

    display: flex;

    align-items: center;

    gap: 5px;

    color: #d4d4d8;

    font-size: 11px;

    line-height: 1.1;

}

.bwf-series-row {

    display: grid;

    grid-template-columns: repeat(5, minmax(0, 1fr));

    gap: 14px;

}

/* Sidebar */

.bwf-home-sidebar {

    position: sticky;

    top: 126px;

}

.bwf-sidebar-widget {

    margin-bottom: 18px;

    padding: 13px;

    border-radius: 14px;

    background: #202126;

    border: 1px solid rgba(255,255,255,.06);

}

.bwf-sidebar-head {

    margin-bottom: 10px;

    padding-bottom: 8px;

    border-bottom: 1px solid rgba(255,255,255,.08);

}

.bwf-sidebar-head h3 {

    margin: 0;

    color: #fff;

    font-size: 14px;

    font-weight: 900;

}

.bwf-sidebar-list {

    display: grid;

    gap: 9px;

}

.bwf-sidebar-mini-card {

    display: grid;

    grid-template-columns: 48px minmax(0, 1fr);

    gap: 9px;

    align-items: center;

    min-height: 60px;

    padding: 6px;

    border-radius: 11px;

    background: #17181d;

    transition: background .2s ease, transform .2s ease;

}

.bwf-sidebar-mini-card:hover {

    background: #111216;

    transform: translateX(2px);

}

.bwf-sidebar-mini-card img {

    width: 48px;

    height: 60px;

    object-fit: cover;

    border-radius: 8px;

}

.bwf-sidebar-mini-card strong {

    display: block;

    color: #fff;

    font-size: 12px;

    line-height: 1.2;

    font-weight: 900;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.bwf-sidebar-mini-card small {

    display: block;

    margin-top: 4px;

    color: #ffc107;

    font-size: 11px;

    font-weight: 800;

}

.bwf-sidebar-tags {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 6px;

}

.bwf-sidebar-tags a {

    display: flex;

    align-items: center;

    min-height: 30px;

    padding: 0 9px;

    border-radius: 8px;

    background: #17181d;

    color: #d4d4d8;

    font-size: 11px;

    font-weight: 800;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.bwf-sidebar-tags a:hover {

    background: #ef233c;

    color: #fff;

}

.bwf-sidebar-empty {

    margin: 0;

    color: #a1a1aa;

    font-size: 12px;

}

.bwf-home-empty {

    margin-bottom: 16px;

}

/* Detail Page */

.bwf-detail-page {

    margin-top: -14px;

}

.bwf-breadcrumbs {

    display: flex;

    align-items: center;

    gap: 8px;

    min-height: 38px;

    padding: 0 12px;

    background: #202126;

    border-bottom: 1px solid rgba(255,255,255,.06);

    color: #9ca3af;

    font-size: 12px;

    font-weight: 700;

}

.bwf-breadcrumbs a:hover {

    color: #fff;

}

.bwf-breadcrumbs strong {

    color: #fff;

    font-weight: 800;

}

.bwf-detail-title-row {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    gap: 18px;

    padding: 18px 0 15px;

}

.bwf-detail-title-row h1 {

    margin: 0 0 8px;

    color: #fff;

    font-size: 25px;

    line-height: 1.2;

    font-weight: 900;

    letter-spacing: -.4px;

}

.bwf-detail-title-row h1 span {

    color: #b7bac4;

    font-size: 18px;

    font-weight: 700;

}

.bwf-detail-badges {

    display: flex;

    flex-wrap: wrap;

    gap: 7px;

}

.bwf-detail-badge {

    display: inline-flex;

    align-items: center;

    min-height: 25px;

    padding: 0 9px;

    border-radius: 8px;

    background: #202126;

    color: #d7d7dc;

    font-size: 12px;

    font-weight: 800;

}

.bwf-google-mark {

    color: #ef233c;

    font-size: 24px;

    font-weight: 900;

}

.bwf-detail-layout {

    display: grid;

    grid-template-columns: minmax(0, 1fr) 260px;

    gap: 24px;

    align-items: start;

}

.bwf-detail-main {

    min-width: 0;

}

.bwf-film-hero {

    position: relative;

    min-height: 390px;

    border-radius: 15px;

    background-size: cover;

    background-position: center;

    overflow: hidden;

    border: 1px solid rgba(255,255,255,.06);

}

.bwf-film-hero-overlay {

    position: absolute;

    inset: 0;

    background: linear-gradient(to bottom, rgba(0,0,0,.15), rgba(0,0,0,.72));

}

.bwf-film-hero-logo {

    position: absolute;

    left: 50%;

    top: 50%;

    width: 76px;

    height: 76px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 24px;

    background: linear-gradient(135deg, #ff7a00, #ef233c);

    color: #fff;

    font-size: 42px;

    font-weight: 900;

    transform: translate(-50%, -50%) skew(-8deg);

    box-shadow: 0 18px 45px rgba(0,0,0,.38);

}

.bwf-film-info-section,

.bwf-watch-section,

.bwf-related-section,

.bwf-comments-area {

    margin-top: 26px;

}

.bwf-film-info-section > h2 {

    margin: 0 0 14px;

    color: #fff;

    font-size: 17px;

    font-weight: 900;

}

.bwf-film-info-grid {

    display: grid;

    grid-template-columns: 210px minmax(0, 1fr);

    gap: 18px;

}

.bwf-film-poster img {

    width: 100%;

    border-radius: 13px;

    border: 1px solid rgba(255,255,255,.08);

}

.bwf-film-content {

    min-width: 0;

}

.bwf-film-desc {

    margin: 0 0 14px;

    color: #d7d7dc;

    font-size: 14px;

    line-height: 1.7;

}

.bwf-score-row {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 9px;

    margin-bottom: 15px;

}

.bwf-score-box {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    min-height: 40px;

    padding: 0 12px;

    border-radius: 11px;

    background: #17181d;

    font-weight: 900;

}

.bwf-score-box strong {

    color: #111;

    background: #ffc107;

    padding: 3px 5px;

    border-radius: 5px;

    font-size: 11px;

}

.bwf-score-box.is-bw strong {

    background: #ef233c;

    color: #fff;

}

.bwf-score-box span {

    color: #fff;

    font-size: 16px;

}

.bwf-trailer-btn {

    display: inline-flex;

    align-items: center;

    min-height: 40px;

    padding: 0 14px;

    border-radius: 11px;

    background: #202126;

    color: #fff;

    font-size: 13px;

    font-weight: 900;

}

.bwf-trailer-btn:hover {

    background: #ef233c;

}

.bwf-trailer-btn {

    gap: 8px;

    border: 0;

    cursor: pointer;

    transition:

        background .2s ease,

        transform .2s ease,

        box-shadow .2s ease;

}

.bwf-trailer-btn:hover,

.bwf-trailer-btn:focus-visible {

    background: #ef233c;

    color: #fff;

    transform: translateY(-1px);

    box-shadow: 0 10px 24px rgba(239,35,60,.18);

    outline: none;

}

body.bwf-trailer-modal-open {

    overflow: hidden;

}

.bwf-trailer-modal {

    position: fixed;

    inset: 0;

    z-index: 100000;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 24px;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transition:

        opacity .22s ease,

        visibility .22s ease;

}

.bwf-trailer-modal.is-open {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

}

.bwf-trailer-modal-backdrop {

    position: absolute;

    inset: 0;

    background: rgba(5,6,10,.86);

    backdrop-filter: blur(9px);

}

.bwf-trailer-dialog {

    position: relative;

    z-index: 1;

    width: min(960px, 100%);

    max-height: calc(100vh - 48px);

    display: flex;

    flex-direction: column;

    overflow: hidden;

    border: 1px solid rgba(255,255,255,.10);

    border-radius: 22px;

    background: #1b1c21;

    box-shadow: 0 30px 90px rgba(0,0,0,.58);

    transform: translateY(18px) scale(.98);

    transition: transform .22s ease;

    outline: none;

}

.bwf-trailer-modal.is-open .bwf-trailer-dialog {

    transform: translateY(0) scale(1);

}

.bwf-trailer-dialog-head {

    min-height: 76px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 18px;

    padding: 15px 18px;

    border-bottom: 1px solid rgba(255,255,255,.08);

    background:

        radial-gradient(circle at top right, rgba(239,35,60,.16), transparent 38%),

        #202126;

}

.bwf-trailer-dialog-head > div {

    min-width: 0;

}

.bwf-trailer-dialog-head span {

    display: block;

    margin-bottom: 4px;

    color: #ff8795;

    font-size: 10px;

    line-height: 1.2;

    font-weight: 900;

    letter-spacing: .08em;

    text-transform: uppercase;

}

.bwf-trailer-dialog-head h2 {

    margin: 0;

    overflow: hidden;

    color: #fff;

    font-size: 20px;

    line-height: 1.25;

    font-weight: 900;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.bwf-trailer-close {

    flex: 0 0 auto;

    width: 42px;

    height: 42px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 12px;

    background: rgba(255,255,255,.06);

    color: #fff;

    font-size: 18px;

    cursor: pointer;

    transition:

        background .2s ease,

        border-color .2s ease,

        transform .2s ease;

}

.bwf-trailer-close:hover,

.bwf-trailer-close:focus-visible {

    border-color: rgba(239,35,60,.45);

    background: #ef233c;

    color: #fff;

    transform: rotate(4deg);

    outline: none;

}

.bwf-trailer-dialog-body {

    min-height: 0;

    padding: 12px;

    overflow-y: auto;

    background: #090a0d;

}

.bwf-trailer-player {

    position: relative;

    width: 100%;

    overflow: hidden;

    border-radius: 15px;

    background: #000;

    aspect-ratio: 16 / 9;

}

.bwf-trailer-player iframe,

.bwf-trailer-player video {

    width: 100%;

    height: 100%;

    display: block;

    border: 0;

    background: #000;

}

.bwf-trailer-dialog-footer {

    min-height: 50px;

    display: flex;

    align-items: center;

    justify-content: flex-end;

    padding: 10px 18px;

    border-top: 1px solid rgba(255,255,255,.08);

    background: #202126;

}

.bwf-trailer-dialog-footer a {

    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: #aeb2bc;

    font-size: 11px;

    font-weight: 800;

}

.bwf-trailer-dialog-footer a:hover {

    color: #fff;

}

.bwf-film-meta-table {

    display: grid;

    gap: 7px;

    margin-bottom: 13px;

}

.bwf-film-meta-table div {

    display: grid;

    grid-template-columns: 90px minmax(0, 1fr);

    gap: 12px;

    align-items: center;

}

.bwf-film-meta-table span,

.bwf-cast-line span {

    color: #9ca3af;

    font-size: 12px;

    font-weight: 800;

}

.bwf-film-meta-table strong,

.bwf-cast-line strong {

    color: #fff;

    font-size: 13px;

}

.bwf-tax-badges {

    display: flex;

    flex-wrap: wrap;

    gap: 6px;

    margin: 12px 0;

}

.bwf-badge {

    display: inline-flex;

    align-items: center;

    min-height: 25px;

    padding: 0 9px;

    border-radius: 7px;

    background: #202126;

    color: #d7d7dc;

    font-size: 11px;

    font-weight: 800;

}

.bwf-badge:hover {

    background: #ef233c;

    color: #fff;

}

.bwf-cast-line {

    display: grid;

    grid-template-columns: 90px minmax(0, 1fr);

    gap: 12px;

    margin-top: 10px;

}

.bwf-section-mini-title {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 14px;

    margin-bottom: 13px;

    padding-bottom: 8px;

    border-bottom: 1px solid rgba(255,255,255,.08);

}

.bwf-section-mini-title h2 {

    margin: 0;

    color: #fff;

    font-size: 17px;

    font-weight: 900;

}

.bwf-section-mini-title span {

    color: #ef233c;

}

.bwf-video-box {

    position: relative;

    overflow: hidden;

    border-radius: 15px;

    background: #000;

    aspect-ratio: 16 / 9;

}

.bwf-video-box iframe,

.bwf-video-box video {

    width: 100%;

    height: 100%;

    border: 0;

    display: block;

}

.bwf-related-grid {

    display: grid;

    grid-template-columns: repeat(5, minmax(0, 1fr));

    gap: 14px;

}

/* Detail Sidebar */

.bwf-detail-sidebar {

    position: sticky;

    top: 126px;

}

.bwf-detail-action-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 9px;

    margin-bottom: 14px;

}

.bwf-detail-action-grid button {

    min-height: 58px;

    border: 0;

    border-radius: 12px;

    background: #202126;

    color: #fff;

    font-weight: 900;

    cursor: pointer;

}

.bwf-detail-action-grid button span {

    display: block;

    margin-bottom: 4px;

    color: #fff;

}

.bwf-detail-action-grid button:hover {

    background: #ef233c;

}

.bwf-detail-side-card {

    margin-bottom: 14px;

    padding: 14px;

    border-radius: 14px;

    background: #202126;

    border: 1px solid rgba(255,255,255,.06);

}

.bwf-detail-side-card h3 {

    margin: 0 0 12px;

    color: #fff;

    font-size: 14px;

    font-weight: 900;

}

.bwf-big-score {

    display: flex;

    align-items: baseline;

    gap: 6px;

    min-height: 62px;

    padding: 0 12px;

    border-radius: 13px;

    background: #15161a;

}

.bwf-big-score span {

    font-size: 32px;

}

.bwf-big-score strong {

    color: #fff;

    font-size: 28px;

    font-weight: 900;

}

.bwf-big-score small {

    color: #a1a1aa;

    font-size: 14px;

}

.bwf-detail-side-card p {

    margin: 9px 0 0;

    color: #9ca3af;

    font-size: 12px;

    font-weight: 700;

}

.bwf-rate-dots {

    display: flex;

    flex-wrap: wrap;

    gap: 5px;

}

.bwf-rate-dots span {

    width: 14px;

    height: 14px;

    border-radius: 999px;

    background: #3a3c44;

}

.bwf-rate-dots span:hover {

    background: #ef233c;

}

.bwf-share-buttons {

    display: flex;

    gap: 8px;

}

.bwf-share-buttons a {

    width: 36px;

    height: 34px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 9px;

    background: #15161a;

    color: #fff;

    font-weight: 900;

}

.bwf-share-buttons a:hover {

    background: #ef233c;

}

/* Comments */

.bwf-comment-login-warning {

    display: flex;

    align-items: center;

    gap: 10px;

    min-height: 46px;

    padding: 0 14px;

    border-radius: 11px;

    background: rgba(239,35,60,.14);

    color: #ffb4be;

    border: 1px solid rgba(239,35,60,.22);

}

.bwf-comment-login-warning span {

    width: 22px;

    height: 22px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 999px;

    background: rgba(239,35,60,.22);

    color: #fff;

    font-weight: 900;

}

.bwf-comment-login-warning p {

    margin: 0;

    font-size: 13px;

    font-weight: 700;

}

.bwf-comment-auth-buttons {

    display: flex;

    gap: 8px;

    margin-top: 10px;

}

.bwf-comment-auth-buttons a {

    display: inline-flex;

    align-items: center;

    min-height: 36px;

    padding: 0 12px;

    border-radius: 10px;

    background: #202126;

    color: #fff;

    font-weight: 900;

    font-size: 13px;

}

.bwf-comment-auth-buttons a:hover {

    background: #ef233c;

}

.bwf-comment-form-wrap {

    padding: 16px;

    border-radius: 14px;

    background: #202126;

}

.bwf-comment-title {

    margin: 0 0 12px;

    color: #fff;

    font-size: 16px;

}

.bwf-comment-form-wrap label {

    display: block;

    margin-bottom: 6px;

    color: #d7d7dc;

    font-weight: 800;

    font-size: 13px;

}

.bwf-comment-form-wrap textarea,

.bwf-comment-form-wrap input[type="text"],

.bwf-comment-form-wrap input[type="email"],

.bwf-comment-form-wrap input[type="url"] {

    width: 100%;

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 12px;

    background: #15161a;

    color: #fff;

    padding: 12px;

    outline: 0;

}

.bwf-comment-form-wrap .submit {

    border: 0;

    min-height: 40px;

    padding: 0 16px;

    border-radius: 11px;

    background: #ef233c;

    color: #fff;

    font-weight: 900;

    cursor: pointer;

}

.bwf-comment-list {

    margin: 18px 0 0;

    padding: 0;

    list-style: none;

}

.bwf-comment-card {

    display: grid;

    grid-template-columns: 42px minmax(0, 1fr);

    gap: 12px;

    margin-bottom: 12px;

    padding: 15px;

    border-radius: 14px;

    background: #202126;

}

.bwf-comment-avatar img {

    border-radius: 999px;

}

.bwf-comment-head {

    display: flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 8px;

}

.bwf-comment-head strong {

    color: #fff;

    font-size: 13px;

}

.bwf-comment-head span {

    color: #9ca3af;

    font-size: 12px;

}

.bwf-comment-text {

    color: #d7d7dc;

    font-size: 13px;

    line-height: 1.6;

}

.bwf-comment-text p {

    margin: 0;

}

.bwf-comment-actions {

    margin-top: 8px;

}

.bwf-comment-actions a {

    color: #9ca3af;

    font-size: 12px;

    font-weight: 800;

}

.bwf-comment-actions a:hover {

    color: #fff;

}

/* Series Detail */

.bwf-series-info-section {

    margin-top: 0;

}

.bwf-series-info-grid {

    align-items: start;

}

.bwf-series-age-warning {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 8px;

    min-height: 42px;

    margin-bottom: 14px;

    padding: 0 13px;

    border-radius: 12px;

    background: #17181d;

    border: 1px solid rgba(255,255,255,.06);

    color: #d7d7dc;

    font-size: 13px;

}

.bwf-series-age-warning span {

    color: #9ca3af;

}

.bwf-series-age-warning strong {

    color: #fff;

    font-weight: 900;

}

.bwf-series-age-warning em {

    color: #a1a1aa;

    font-style: normal;

}

.bwf-episodes-section {

    margin-top: 30px;

}

.bwf-season-tabs {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 8px;

    margin-bottom: 14px;

}

.bwf-season-tabs a {

    display: inline-flex;

    align-items: center;

    min-height: 34px;

    padding: 0 13px;

    border-radius: 999px;

    background: #202126;

    color: #a1a1aa;

    font-size: 13px;

    font-weight: 900;

}

.bwf-season-tabs a:hover,

.bwf-season-tabs a.is-active {

    background: #ef233c;

    color: #fff;

}

.bwf-episode-grid {

    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 10px;

}

.bwf-episode-card {

    position: relative;

    min-height: 58px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding: 9px 38px 9px 12px;

    border-radius: 11px;

    background: #202126;

    border: 1px solid rgba(255,255,255,.06);

    transition: background .2s ease, transform .2s ease, border-color .2s ease;

}

.bwf-episode-card:hover {

    background: #17181d;

    border-color: rgba(239,35,60,.42);

    transform: translateY(-2px);

}

.bwf-episode-card strong {

    color: #fff;

    font-size: 13px;

    font-weight: 900;

    line-height: 1.2;

}

.bwf-episode-card span {

    display: block;

    margin-top: 4px;

    color: #9ca3af;

    font-size: 11px;

    font-weight: 700;

}

.bwf-episode-card em {

    position: absolute;

    right: 10px;

    top: 50%;

    min-width: 20px;

    height: 14px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 3px;

    background: #ef233c;

    color: #fff;

    font-size: 9px;

    font-style: normal;

    font-weight: 900;

    transform: translateY(-50%);

}

/* Episode Watch Page */

.bwf-episode-detail-page .bwf-detail-title-row {

    padding-bottom: 10px;

}

.bwf-episode-nav-row {

    display: grid;

    grid-template-columns: 1fr auto 1fr;

    gap: 10px;

    align-items: center;

    margin-bottom: 18px;

}

.bwf-episode-nav-btn,

.bwf-episode-archive-btn {

    min-height: 38px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 0 13px;

    border-radius: 11px;

    background: #202126;

    color: #fff;

    font-size: 13px;

    font-weight: 900;

    border: 1px solid rgba(255,255,255,.06);

}

.bwf-episode-nav-btn:first-child {

    justify-content: flex-start;

}

.bwf-episode-nav-btn:last-child {

    justify-content: flex-end;

}

.bwf-episode-nav-btn:hover,

.bwf-episode-archive-btn:hover {

    background: #ef233c;

    color: #fff;

}

.bwf-episode-nav-btn.is-disabled {

    opacity: .45;

    pointer-events: none;

}

.bwf-player-section {

    margin-bottom: 28px;

}

.bwf-player-tabs {

    display: flex;

    align-items: center;

    gap: 7px;

    min-height: 42px;

    padding: 5px;

    border-radius: 14px 14px 0 0;

    background: #202126;

    border-bottom: 1px solid rgba(255,255,255,.06);

}

.bwf-player-tabs button {

    height: 30px;

    border: 0;

    padding: 0 12px;

    border-radius: 999px;

    background: transparent;

    color: #a1a1aa;

    font-size: 12px;

    font-weight: 900;

    cursor: pointer;

}

.bwf-player-tabs button.is-active,

.bwf-player-tabs button:hover {

    background: #ef233c;

    color: #fff;

}

.bwf-player-box {

    position: relative;

    overflow: hidden;

    background: #000;

    border-radius: 0 0 15px 15px;

    aspect-ratio: 16 / 9;

    border: 1px solid rgba(255,255,255,.06);

    border-top: 0;

}

.bwf-player-box iframe,

.bwf-player-box video {

    width: 100%;

    height: 100%;

    border: 0;

    display: block;

}

.bwf-player-empty {

    position: absolute;

    inset: 0;

    display: grid;

    place-items: center;

    align-content: center;

    gap: 14px;

    background: #000;

}

.bwf-player-logo {

    width: 70px;

    height: 70px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 22px;

    background: linear-gradient(135deg, #ff7a00, #ef233c);

    color: #fff;

    font-size: 38px;

    font-weight: 900;

    transform: skew(-8deg);

    box-shadow: 0 16px 45px rgba(239,35,60,.22);

}

.bwf-player-empty p {

    margin: 0;

    color: #a1a1aa;

    font-size: 13px;

    font-weight: 700;

}

.bwf-series-archive-card {

    display: grid;

    grid-template-columns: 44px minmax(0, 1fr) 18px;

    gap: 10px;

    align-items: center;

    min-height: 58px;

    margin-bottom: 14px;

    padding: 8px;

    border-radius: 13px;

    background: #202126;

    border: 1px solid rgba(255,255,255,.06);

}

.bwf-series-archive-card:hover {

    background: #17181d;

    border-color: rgba(239,35,60,.35);

}

.bwf-series-archive-card span {

    width: 44px;

    height: 44px;

    overflow: hidden;

    border-radius: 10px;

    background: #15161a;

    display: inline-flex;

    align-items: center;

    justify-content: center;

}

.bwf-series-archive-card img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.bwf-series-archive-card strong {

    width: 32px;

    height: 32px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    background: linear-gradient(135deg, #ff7a00, #ef233c);

    color: #fff;

    font-weight: 900;

}

.bwf-series-archive-card em {

    color: #fff;

    font-style: normal;

    font-size: 13px;

    font-weight: 900;

}

.bwf-series-archive-card b {

    color: #a1a1aa;

    font-size: 22px;

}

/* Archive Pages */

.bwf-archive-page {

    margin-top: -14px;

}

.bwf-archive-head {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 22px;

    margin-bottom: 18px;

    padding: 22px;

    border-radius: 0 0 16px 16px;

    background: #202126;

    border-bottom: 1px solid rgba(255,255,255,.08);

}

.bwf-archive-kicker {

    display: inline-flex;

    align-items: center;

    min-height: 24px;

    margin-bottom: 7px;

    padding: 0 9px;

    border-radius: 999px;

    background: rgba(239,35,60,.14);

    color: #ffbac3;

    font-size: 11px;

    font-weight: 900;

}

.bwf-archive-head h1 {

    margin: 0;

    color: #fff;

    font-size: 28px;

    line-height: 1.15;

    font-weight: 900;

    letter-spacing: -.5px;

}

.bwf-archive-head p {

    max-width: 680px;

    margin: 8px 0 0;

    color: #a1a1aa;

    font-size: 13px;

    line-height: 1.6;

}

.bwf-archive-search {

    width: min(360px, 100%);

    display: flex;

    gap: 8px;

    flex: 0 0 auto;

}

.bwf-archive-search input {

    min-width: 0;

    flex: 1;

    height: 42px;

    border: 0;

    outline: 0;

    border-radius: 999px;

    background: #fff;

    color: #222;

    padding: 0 15px;

}

.bwf-archive-search button {

    height: 42px;

    border: 0;

    border-radius: 999px;

    padding: 0 16px;

    background: #ef233c;

    color: #fff;

    font-weight: 900;

    cursor: pointer;

}

.bwf-archive-layout {

    display: grid;

    grid-template-columns: minmax(0, 1fr) 285px;

    gap: 20px;

    align-items: start;

}

.bwf-archive-main {

    min-width: 0;

}

.bwf-archive-grid {

    margin-bottom: 22px;

}

.bwf-archive-pagination {

    margin-top: 24px;

}

.bwf-archive-pagination .nav-links {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

}

.bwf-archive-pagination .page-numbers {

    min-width: 36px;

    height: 36px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    background: #202126;

    color: #fff;

    font-size: 13px;

    font-weight: 900;

}

.bwf-archive-pagination .page-numbers.current,

.bwf-archive-pagination .page-numbers:hover {

    background: #ef233c;

    color: #fff;

}

/* Episode archive */

.bwf-episode-archive-grid {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 14px;

}

.bwf-archive-episode-card {

    display: grid;

    grid-template-columns: 110px minmax(0, 1fr);

    gap: 13px;

    padding: 10px;

    border-radius: 15px;

    background: #202126;

    border: 1px solid rgba(255,255,255,.06);

    transition: border-color .2s ease, transform .2s ease;

}

.bwf-archive-episode-card:hover {

    transform: translateY(-2px);

    border-color: rgba(239,35,60,.38);

}

.bwf-archive-episode-thumb {

    position: relative;

    display: block;

    overflow: hidden;

    border-radius: 12px;

    aspect-ratio: 2 / 3;

    background: #111216;

}

.bwf-archive-episode-thumb img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.bwf-archive-episode-thumb span {

    position: absolute;

    inset: 50% auto auto 50%;

    width: 38px;

    height: 38px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 999px;

    background: rgba(239,35,60,.92);

    color: #fff;

    font-size: 14px;

    transform: translate(-50%, -50%);

}

.bwf-archive-episode-body {

    min-width: 0;

    padding: 4px 0;

}

.bwf-archive-episode-body small {

    display: inline-flex;

    margin-bottom: 7px;

    color: #ffbac3;

    font-size: 11px;

    font-weight: 900;

}

.bwf-archive-episode-body h3 {

    margin: 0 0 8px;

    color: #fff;

    font-size: 17px;

    line-height: 1.25;

    font-weight: 900;

}

.bwf-archive-episode-body h3 a:hover {

    color: #ef233c;

}

.bwf-archive-episode-body p {

    margin: 0 0 12px;

    color: #a1a1aa;

    font-size: 12px;

    font-weight: 700;

}

.bwf-episode-watch-btn {

    display: inline-flex;

    align-items: center;

    min-height: 34px;

    padding: 0 12px;

    border-radius: 10px;

    background: #15161a;

    color: #fff;

    font-size: 12px;

    font-weight: 900;

}

.bwf-episode-watch-btn:hover {

    background: #ef233c;

}

/* Search */

.bwf-search-results-list {

    display: grid;

    gap: 13px;

}

.bwf-search-result-card {

    display: grid;

    grid-template-columns: 105px minmax(0, 1fr);

    gap: 14px;

    padding: 11px;

    border-radius: 15px;

    background: #202126;

    border: 1px solid rgba(255,255,255,.06);

}

.bwf-search-result-thumb {

    display: block;

    overflow: hidden;

    border-radius: 12px;

    background: #111216;

    aspect-ratio: 2 / 3;

}

.bwf-search-result-thumb img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.bwf-search-result-body span {

    display: inline-flex;

    align-items: center;

    min-height: 23px;

    margin-bottom: 7px;

    padding: 0 8px;

    border-radius: 999px;

    background: rgba(239,35,60,.14);

    color: #ffbac3;

    font-size: 11px;

    font-weight: 900;

}

.bwf-search-result-body h2 {

    margin: 0 0 7px;

    color: #fff;

    font-size: 20px;

    line-height: 1.25;

    font-weight: 900;

}

.bwf-search-result-body h2 a:hover {

    color: #ef233c;

}

.bwf-search-result-body p {

    margin: 0 0 12px;

    color: #a1a1aa;

    font-size: 13px;

    line-height: 1.6;

}

.bwf-search-result-link {

    display: inline-flex;

    align-items: center;

    min-height: 34px;

    padding: 0 12px;

    border-radius: 10px;

    background: #15161a;

    color: #fff;

    font-size: 12px;

    font-weight: 900;

}

.bwf-search-result-link:hover {

    background: #ef233c;

}

.bwf-options-wrap {

    max-width: 1280px;

}

.bwf-options-wrap h1 {

    margin-bottom: 18px;

    font-weight: 800;

}

.bwf-options-layout {

    display: grid;

    grid-template-columns: 230px minmax(0, 1fr);

    gap: 18px;

    align-items: start;

}

.bwf-options-sidebar {

    position: sticky;

    top: 48px;

    padding: 12px;

    border-radius: 14px;

    background: #17181d;

    box-shadow: 0 12px 30px rgba(0,0,0,.08);

}

.bwf-options-sidebar a {

    display: flex;

    align-items: center;

    min-height: 40px;

    padding: 0 12px;

    margin-bottom: 6px;

    border-radius: 10px;

    color: #d7d7dc;

    text-decoration: none;

    font-weight: 700;

}

.bwf-options-sidebar a:hover,

.bwf-options-sidebar a.is-active {

    background: #ef233c;

    color: #fff;

}

.bwf-options-card {

    margin-bottom: 18px;

    padding: 22px;

    border-radius: 16px;

    background: #fff;

    border: 1px solid #dcdcde;

    box-shadow: 0 12px 30px rgba(0,0,0,.04);

}

.bwf-options-card h2 {

    margin: 0 0 18px;

    padding-bottom: 12px;

    border-bottom: 1px solid #ececec;

    font-size: 20px;

    font-weight: 800;

}

.bwf-options-grid {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 16px;

}

.bwf-option-field {

    min-width: 0;

}

.bwf-option-field-full {

    grid-column: 1 / -1;

}

.bwf-option-field label {

    display: block;

    margin-bottom: 7px;

    font-weight: 800;

    color: #1d2327;

}

.bwf-option-field input[type="text"],

.bwf-option-field input[type="number"],

.bwf-option-field textarea {

    width: 100%;

    max-width: 100%;

    border-radius: 9px;

    border: 1px solid #dcdcde;

    padding: 9px 11px;

}

.bwf-option-field textarea {

    min-height: 96px;

    font-family: Consolas, Monaco, monospace;

}

.bwf-option-field p {

    margin: 7px 0 0;

    color: #646970;

    font-size: 12px;

}

.bwf-media-control {

    display: flex;

    gap: 8px;

}

.bwf-media-control input {

    flex: 1;

}

.bwf-media-preview {

    margin-top: 10px;

    max-width: 240px;

    padding: 10px;

    border-radius: 12px;

    background: #f6f7f7;

    border: 1px solid #dcdcde;

}

.bwf-media-preview img {

    max-width: 100%;

    height: auto;

    display: block;

}

.bwf-toggle-grid {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 12px;

}

.bwf-option-toggle {

    display: flex;

    align-items: center;

    gap: 10px;

    min-height: 48px;

    padding: 0 14px;

    border-radius: 12px;

    background: #f6f7f7;

    border: 1px solid #dcdcde;

}

.bwf-option-toggle input[type="checkbox"] {

    display: none;

}

.bwf-option-toggle span {

    position: relative;

    width: 44px;

    height: 24px;

    border-radius: 999px;

    background: #b8bcc3;

    transition: .2s ease;

}

.bwf-option-toggle span::after {

    content: "";

    position: absolute;

    left: 3px;

    top: 3px;

    width: 18px;

    height: 18px;

    border-radius: 999px;

    background: #fff;

    transition: .2s ease;

}

.bwf-option-toggle input[type="checkbox"]:checked + span {

    background: #ef233c;

}

.bwf-option-toggle input[type="checkbox"]:checked + span::after {

    transform: translateX(20px);

}

.bwf-option-toggle strong {

    color: #1d2327;

}

.bwf-options-save {

    position: sticky;

    bottom: 0;

    z-index: 20;

    padding: 14px 0;

    background: #f0f0f1;

}

.bwf-options-save .submit {

    margin: 0;

}

.bwf-options-save .button-primary {

    min-height: 42px;

    padding: 0 22px;

    border-radius: 9px;

    font-weight: 800;

}

@media (max-width: 960px) {

    .bwf-options-layout {

        grid-template-columns: 1fr;

    }

    .bwf-options-sidebar {

        position: static;

    }

    .bwf-options-grid,

    .bwf-toggle-grid {

        grid-template-columns: 1fr;

    }

}

.bwf-detail-action-grid button em {

    display: block;

    font-style: normal;

}

.bwf-detail-action-grid button.is-active {

    background: #ef233c;

    color: #fff;

}

.bwf-detail-action-grid button.is-active span {

    color: #fff;

}

.bwf-rate-dots {

    display: flex;

    flex-wrap: wrap;

    gap: 6px;

}

.bwf-rate-dots button {

    width: 15px;

    height: 15px;

    border: 0;

    padding: 0;

    border-radius: 999px;

    background: #3a3c44;

    cursor: pointer;

    transition: background .18s ease, transform .18s ease;

}

.bwf-rate-dots button:hover,

.bwf-rate-dots button.is-selected {

    background: #ef233c;

    transform: scale(1.08);

}

.bwf-rate-message {

    min-height: 18px;

    margin-top: 9px;

    color: #a1a1aa;

    font-size: 12px;

    font-weight: 800;

}

/* Auth Pages */

.bwf-auth-page {

    margin-top: -14px;

    padding: 36px 0 10px;

}

.bwf-auth-layout {

    display: grid;

    grid-template-columns: minmax(0, 1fr) 430px;

    gap: 24px;

    align-items: stretch;

}

.bwf-auth-visual {

    position: relative;

    overflow: hidden;

    min-height: 560px;

    padding: 42px;

    border-radius: 22px;

    background:

        radial-gradient(circle at top right, rgba(239,35,60,.26), transparent 34%),

        linear-gradient(135deg, #202126, #15161a);

    border: 1px solid rgba(255,255,255,.08);

}

.bwf-auth-brand {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 54px;

}

.bwf-auth-brand span {

    width: 46px;

    height: 46px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 15px;

    background: linear-gradient(135deg, #ff7a00, #ef233c);

    color: #fff;

    font-size: 25px;

    font-weight: 900;

    transform: skew(-8deg);

}

.bwf-auth-brand strong {

    color: #fff;

    font-size: 25px;

    font-weight: 900;

    letter-spacing: -.7px;

}

.bwf-auth-visual h1 {

    max-width: 520px;

    margin: 0;

    color: #fff;

    font-size: 44px;

    line-height: 1.05;

    font-weight: 900;

    letter-spacing: -1px;

}

.bwf-auth-visual p {

    max-width: 560px;

    margin: 16px 0 0;

    color: #b8bcc8;

    font-size: 15px;

    line-height: 1.7;

}

.bwf-auth-features {

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 12px;

    margin-top: 72px;

}

.bwf-auth-features div {

    min-height: 130px;

    padding: 16px;

    border-radius: 16px;

    background: rgba(255,255,255,.06);

    border: 1px solid rgba(255,255,255,.08);

}

.bwf-auth-features strong {

    display: block;

    color: #fff;

    font-size: 14px;

    font-weight: 900;

}

.bwf-auth-features span {

    display: block;

    margin-top: 8px;

    color: #a1a1aa;

    font-size: 12px;

    line-height: 1.55;

}

.bwf-auth-card {

    padding: 24px;

    border-radius: 22px;

    background: #202126;

    border: 1px solid rgba(255,255,255,.08);

    align-self: center;

}

.bwf-auth-tabs {

    display: flex;

    gap: 7px;

    margin-bottom: 20px;

    padding: 6px;

    border-radius: 14px;

    background: #15161a;

}

.bwf-auth-tabs a {

    flex: 1;

    min-height: 38px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 11px;

    color: #a1a1aa;

    font-size: 12px;

    font-weight: 900;

}

.bwf-auth-tabs a.is-active,

.bwf-auth-tabs a:hover {

    background: #ef233c;

    color: #fff;

}

.bwf-auth-form {

    display: grid;

    gap: 14px;

}

.bwf-auth-form label span {

    display: block;

    margin-bottom: 7px;

    color: #d7d7dc;

    font-size: 13px;

    font-weight: 900;

}

.bwf-auth-form input[type="text"],

.bwf-auth-form input[type="email"],

.bwf-auth-form input[type="password"] {

    width: 100%;

    height: 46px;

    border: 1px solid rgba(255,255,255,.08);

    outline: 0;

    border-radius: 13px;

    background: #15161a;

    color: #fff;

    padding: 0 14px;

    font-size: 14px;

}

.bwf-auth-form input:focus {

    border-color: rgba(239,35,60,.65);

    box-shadow: 0 0 0 3px rgba(239,35,60,.12);

}

.bwf-auth-row {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 14px;

}

.bwf-auth-check {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    color: #a1a1aa;

    font-size: 13px;

    font-weight: 700;

}

.bwf-auth-check input {

    margin: 0;

}

.bwf-auth-check span {

    margin: 0 !important;

    color: #a1a1aa !important;

    font-size: 13px !important;

    font-weight: 700 !important;

}

.bwf-auth-row a,

.bwf-auth-bottom a {

    color: #fff;

    font-size: 13px;

    font-weight: 900;

}

.bwf-auth-row a:hover,

.bwf-auth-bottom a:hover {

    color: #ef233c;

}

.bwf-auth-form button {

    height: 48px;

    border: 0;

    border-radius: 14px;

    background: #ef233c;

    color: #fff;

    font-size: 14px;

    font-weight: 900;

    cursor: pointer;

    box-shadow: 0 12px 28px rgba(239,35,60,.22);

}

.bwf-auth-form button:hover {

    background: #ff3048;

}

.bwf-auth-bottom {

    margin: 18px 0 0;

    color: #a1a1aa;

    text-align: center;

    font-size: 13px;

}

.bwf-auth-alert {

    margin-bottom: 16px;

    padding: 12px 14px;

    border-radius: 13px;

    font-size: 13px;

    font-weight: 800;

    line-height: 1.5;

}

.bwf-auth-alert.is-error {

    background: rgba(239,35,60,.14);

    color: #ffb4be;

    border: 1px solid rgba(239,35,60,.22);

}

.bwf-auth-alert.is-success {

    background: rgba(34,197,94,.14);

    color: #86efac;

    border: 1px solid rgba(34,197,94,.22);

}

/* People cards */

.bwf-people-block {

    display: grid;

    grid-template-columns: 90px minmax(0, 1fr);

    gap: 12px;

    margin-top: 14px;

}

.bwf-people-block > span {

    color: #9ca3af;

    font-size: 12px;

    font-weight: 800;

}

.bwf-people-list {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

}

.bwf-person-mini-card {

    width: 76px;

    min-width: 76px;

    color: #fff;

}

.bwf-person-mini-card span {

    width: 58px;

    height: 58px;

    display: block;

    overflow: hidden;

    border-radius: 12px;

    background: #202126;

    border: 1px solid rgba(255,255,255,.08);

}

.bwf-person-mini-card span img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.bwf-person-mini-card span em {

    width: 100%;

    height: 100%;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-style: normal;

    font-weight: 900;

}

.bwf-person-mini-card strong {

    display: block;

    max-width: 76px;

    margin-top: 5px;

    color: #fff;

    font-size: 10px;

    line-height: 1.25;

    font-weight: 800;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.bwf-person-mini-card:hover strong {

    color: #ef233c;

}

/* Person detail */

.bwf-person-page {

    margin-top: -14px;

}

.bwf-person-hero {

    display: grid;

    grid-template-columns: 260px minmax(0, 1fr);

    gap: 24px;

    margin-bottom: 28px;

    padding: 24px;

    border-radius: 0 0 18px 18px;

    background: #202126;

    border-top: 1px solid rgba(255,255,255,.06);

}

.bwf-person-photo {

    overflow: hidden;

    border-radius: 16px;

    background: #15161a;

    aspect-ratio: 2 / 3;

    border: 1px solid rgba(255,255,255,.08);

}

.bwf-person-photo img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.bwf-person-photo span {

    width: 100%;

    height: 100%;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-size: 70px;

    font-weight: 900;

}

.bwf-person-info > span {

    display: inline-flex;

    align-items: center;

    min-height: 26px;

    padding: 0 10px;

    border-radius: 999px;

    background: rgba(239,35,60,.14);

    color: #ffbac3;

    font-size: 12px;

    font-weight: 900;

}

.bwf-person-info h1 {

    margin: 14px 0 12px;

    color: #fff;

    font-size: 34px;

    line-height: 1.15;

    font-weight: 900;

    letter-spacing: -.7px;

}

.bwf-person-info p {

    max-width: 780px;

    margin: 0;

    color: #d7d7dc;

    font-size: 14px;

    line-height: 1.8;

}

.bwf-person-meta {

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 10px;

    margin-top: 20px;

}

.bwf-person-meta div {

    padding: 13px;

    border-radius: 13px;

    background: #15161a;

}

.bwf-person-meta strong {

    display: block;

    color: #9ca3af;

    font-size: 11px;

    font-weight: 900;

}

.bwf-person-meta span {

    display: block;

    margin-top: 5px;

    color: #fff;

    font-size: 13px;

    font-weight: 800;

}

/* User Profile Page */

.bwf-profile-page {

    margin-top: -14px;

    padding-bottom: 30px;

}

.bwf-profile-hero {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 22px;

    margin-bottom: 18px;

    padding: 28px;

    border-radius: 0 0 22px 22px;

    background:

        radial-gradient(circle at top right, rgba(239,35,60,.26), transparent 34%),

        linear-gradient(135deg, #202126, #15161a);

    border-top: 1px solid rgba(255,255,255,.06);

    overflow: hidden;

}

.bwf-profile-user {

    display: flex;

    align-items: center;

    gap: 16px;

    min-width: 0;

}

.bwf-profile-avatar {

    width: 92px;

    height: 92px;

    flex: 0 0 auto;

    overflow: hidden;

    border-radius: 24px;

    background: #111216;

    border: 1px solid rgba(255,255,255,.10);

    box-shadow: 0 16px 35px rgba(0,0,0,.20);

}

.bwf-profile-avatar img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.bwf-profile-user span {

    display: inline-flex;

    align-items: center;

    min-height: 24px;

    padding: 0 9px;

    border-radius: 999px;

    background: rgba(239,35,60,.14);

    color: #ffbac3;

    font-size: 11px;

    font-weight: 900;

}

.bwf-profile-user h1 {

    margin: 9px 0 5px;

    color: #fff;

    font-size: 34px;

    line-height: 1.1;

    font-weight: 900;

    letter-spacing: -.8px;

}

.bwf-profile-user p {

    margin: 0;

    color: #a1a1aa;

    font-size: 13px;

    font-weight: 700;

}

.bwf-profile-actions {

    display: flex;

    flex-wrap: wrap;

    gap: 9px;

}

.bwf-profile-actions a,

.bwf-profile-account-actions a {

    min-height: 40px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 0 14px;

    border-radius: 999px;

    background: rgba(255,255,255,.08);

    color: #fff;

    font-size: 13px;

    font-weight: 900;

    border: 1px solid rgba(255,255,255,.08);

}

.bwf-profile-actions a:hover,

.bwf-profile-account-actions a:hover,

.bwf-profile-actions a.is-red,

.bwf-profile-account-actions a.is-red {

    background: #ef233c;

    color: #fff;

}

.bwf-profile-stats {

    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 12px;

    margin-bottom: 18px;

}

.bwf-profile-stats div {

    min-height: 92px;

    padding: 18px;

    border-radius: 18px;

    background: #202126;

    border: 1px solid rgba(255,255,255,.06);

}

.bwf-profile-stats span {

    display: block;

    color: #fff;

    font-size: 30px;

    line-height: 1;

    font-weight: 900;

}

.bwf-profile-stats strong {

    display: block;

    margin-top: 8px;

    color: #a1a1aa;

    font-size: 12px;

    font-weight: 900;

}

.bwf-profile-layout {

    display: grid;

    grid-template-columns: 245px minmax(0, 1fr);

    gap: 18px;

    align-items: start;

}

.bwf-profile-sidebar {

    position: sticky;

    top: 112px;

    padding: 10px;

    border-radius: 18px;

    background: #202126;

    border: 1px solid rgba(255,255,255,.06);

}

.bwf-profile-sidebar a {

    min-height: 46px;

    display: flex;

    align-items: center;

    gap: 10px;

    margin-bottom: 6px;

    padding: 0 12px;

    border-radius: 13px;

    color: #d7d7dc;

    font-size: 13px;

    font-weight: 900;

}

.bwf-profile-sidebar a:last-child {

    margin-bottom: 0;

}

.bwf-profile-sidebar a span {

    width: 24px;

    text-align: center;

}

.bwf-profile-sidebar a:hover,

.bwf-profile-sidebar a.is-active {

    background: #ef233c;

    color: #fff;

}

.bwf-profile-content {

    min-width: 0;

    padding: 22px;

    border-radius: 20px;

    background: #202126;

    border: 1px solid rgba(255,255,255,.06);

}

.bwf-profile-section-head {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 18px;

    margin-bottom: 18px;

    padding-bottom: 16px;

    border-bottom: 1px solid rgba(255,255,255,.08);

}

.bwf-profile-section-head span {

    display: inline-flex;

    align-items: center;

    min-height: 23px;

    padding: 0 8px;

    border-radius: 999px;

    background: rgba(239,35,60,.14);

    color: #ffbac3;

    font-size: 11px;

    font-weight: 900;

}

.bwf-profile-section-head h2 {

    margin: 8px 0 0;

    color: #fff;

    font-size: 24px;

    font-weight: 900;

    letter-spacing: -.4px;

}

.bwf-profile-section-head p {

    max-width: 420px;

    margin: 0;

    color: #a1a1aa;

    font-size: 12px;

    line-height: 1.6;

    text-align: right;

}

.bwf-profile-grid {

    display: grid;

    grid-template-columns: repeat(5, minmax(0, 1fr));

    gap: 14px;

}

.bwf-profile-empty {

    display: grid;

    place-items: center;

    min-height: 210px;

    padding: 26px;

    border-radius: 18px;

    background: #15161a;

    text-align: center;

}

.bwf-profile-empty strong {

    display: block;

    color: #fff;

    font-size: 22px;

    font-weight: 900;

}

.bwf-profile-empty p {

    max-width: 430px;

    margin: 10px 0 0;

    color: #a1a1aa;

    font-size: 13px;

    line-height: 1.6;

}

.bwf-profile-rated-list,

.bwf-profile-comments-list {

    display: grid;

    gap: 12px;

}

.bwf-profile-rated-card {

    display: grid;

    grid-template-columns: 82px minmax(0, 1fr);

    gap: 13px;

    align-items: center;

    padding: 10px;

    border-radius: 16px;

    background: #15161a;

    border: 1px solid rgba(255,255,255,.06);

}

.bwf-profile-rated-thumb {

    display: block;

    overflow: hidden;

    border-radius: 13px;

    background: #111216;

    aspect-ratio: 2 / 3;

}

.bwf-profile-rated-thumb img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.bwf-profile-rated-card span {

    display: inline-flex;

    align-items: center;

    min-height: 22px;

    margin-bottom: 7px;

    padding: 0 8px;

    border-radius: 999px;

    background: rgba(239,35,60,.14);

    color: #ffbac3;

    font-size: 10px;

    font-weight: 900;

}

.bwf-profile-rated-card h3 {

    margin: 0 0 7px;

    color: #fff;

    font-size: 18px;

    font-weight: 900;

}

.bwf-profile-rated-card h3 a:hover {

    color: #ef233c;

}

.bwf-profile-rated-card p {

    margin: 0;

    color: #a1a1aa;

    font-size: 13px;

}

.bwf-profile-rated-card p strong {

    color: #fff;

}

.bwf-profile-comment-card {

    padding: 15px;

    border-radius: 16px;

    background: #15161a;

    border: 1px solid rgba(255,255,255,.06);

}

.bwf-profile-comment-card > div {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    margin-bottom: 9px;

}

.bwf-profile-comment-card strong {

    color: #fff;

    font-size: 14px;

    font-weight: 900;

}

.bwf-profile-comment-card span {

    color: #8d93a1;

    font-size: 12px;

    font-weight: 800;

}

.bwf-profile-comment-card p {

    margin: 0 0 12px;

    color: #d7d7dc;

    font-size: 13px;

    line-height: 1.6;

}

.bwf-profile-comment-card a {

    color: #ffbac3;

    font-size: 12px;

    font-weight: 900;

}

.bwf-profile-account-card {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 12px;

}

.bwf-profile-account-card div {

    padding: 16px;

    border-radius: 16px;

    background: #15161a;

    border: 1px solid rgba(255,255,255,.06);

}

.bwf-profile-account-card span {

    display: block;

    color: #8d93a1;

    font-size: 11px;

    font-weight: 900;

}

.bwf-profile-account-card strong {

    display: block;

    margin-top: 6px;

    color: #fff;

    font-size: 14px;

    font-weight: 900;

    word-break: break-word;

}

.bwf-profile-account-actions {

    display: flex;

    flex-wrap: wrap;

    gap: 9px;

    margin-top: 16px;

}

/* Advertisement Areas */

.bwf-ad {

    position: relative;

    width: 100%;

    margin: 16px 0;

    padding: 14px;

    border-radius: 16px;

    background:

        linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.015)),

        #202126;

    border: 1px solid rgba(255,255,255,.07);

    overflow: hidden;

    text-align: center;

}

.bwf-ad::before {

    content: "Advertisement";

    position: absolute;

    left: 12px;

    top: 10px;

    min-height: 20px;

    display: inline-flex;

    align-items: center;

    padding: 0 8px;

    border-radius: 999px;

    background: rgba(239,35,60,.14);

    color: #ffbac3;

    font-size: 10px;

    font-weight: 900;

    letter-spacing: .2px;

    z-index: 2;

}

.bwf-ad:empty {

    display: none;

}

.bwf-ad img,

.bwf-ad iframe,

.bwf-ad ins {

    max-width: 100%;

}

.bwf-ad iframe {

    border: 0;

}

.bwf-ad a {

    display: inline-block;

}

.bwf-ad img {

    height: auto;

    border-radius: 12px;

    vertical-align: middle;

}

/* Header ad */

.bwf-ad-ad_header_bottom {

    margin-top: 12px;

    margin-bottom: 0;

    min-height: 72px;

}

/* Home ad */

.bwf-ad-ad_home_top {

    margin-top: 0;

    margin-bottom: 18px;

    min-height: 90px;

}

/* Detail top ad */

.bwf-ad-ad_detail_top {

    margin: 14px 0 18px;

    min-height: 90px;

}

/* Video ads */

.bwf-ad-ad_video_top {

    margin: 0 0 14px;

    min-height: 80px;

}

.bwf-ad-ad_video_bottom {

    margin: 14px 0 0;

    min-height: 80px;

}

/* Sidebar ad */

.bwf-ad-ad_sidebar {

    min-height: 250px;

    margin: 14px 0;

    padding: 12px;

}

.bwf-ad-ad_sidebar::before {

    left: 10px;

    top: 9px;

}

.bwf-ad-ad_sidebar img {

    width: 100%;

    object-fit: cover;

}

/* Footer ad */

.bwf-ad-ad_footer {

    margin-top: 26px;

    margin-bottom: 0;

    min-height: 90px;

}

/* Disable mobile tap highlight effects. */

html,

body,

a,

button,

input,

textarea,

select,

label,

.bwf-page,

.bwf-page * {

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

a,

button {

    touch-action: manipulation;

}

/* Premium mobile header icons */

.bwf-mobile-header-icons {

    display: none;

}

.bwf-mobile-icon-btn {

    width: 38px;

    height: 38px;

    border: 0;

    padding: 0;

    border-radius: 999px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    background: transparent;

    color: #d7d7dc;

    font-size: 18px;

    cursor: pointer;

    transition: background .2s ease, color .2s ease, transform .2s ease;

}

.bwf-mobile-icon-btn i {

    line-height: 1;

}

.bwf-mobile-icon-btn:hover {

    background: rgba(255,255,255,.08);

    color: #fff;

}

.bwf-mobile-auth-btn {

    background: rgba(255,255,255,.14);

    color: #fff;

}

.bwf-mobile-auth-btn:hover {

    background: #ef233c;

    color: #fff;

}

.bwf-mobile-menu-btn {

    color: #fff;

}

/* Enhanced mobile panel styling. */

.bwf-mobile-panel {

    box-shadow: 24px 0 70px rgba(0,0,0,.45);

}

.bwf-mobile-close {

    width: 38px;

    height: 38px;

    align-items: center;

    justify-content: center;

    border-radius: 999px;

    background: rgba(255,255,255,.08);

    color: #fff;

    font-size: 18px;

}

.bwf-mobile-close:hover {

    background: #ef233c;

}

/* Mobile Fixed Bottom Navigation */

.bwf-mobile-bottom-nav {

    display: none;

}

@media (max-width: 980px) {

    .bwf-mobile-bottom-nav {

        position: fixed;

        left: 10px;

        right: 10px;

        bottom: 10px;

        z-index: 1090;

        height: 64px;

        display: grid;

        grid-template-columns: repeat(5, minmax(0, 1fr));

        align-items: center;

        gap: 4px;

        padding: 6px;

        border-radius: 18px;

        background:

            linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),

            rgba(32,33,38,.96);

        border: 1px solid rgba(255,255,255,.08);

        box-shadow: 0 18px 55px rgba(0,0,0,.45);

        backdrop-filter: blur(18px);

        -webkit-backdrop-filter: blur(18px);

    }

    .bwf-mobile-bottom-nav a,

    .bwf-mobile-bottom-nav button {

        width: 100%;

        height: 52px;

        border: 0;

        padding: 0;

        border-radius: 14px;

        display: inline-flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        gap: 4px;

        background: transparent;

        color: #a1a1aa;

        font-family: inherit;

        font-size: 11px;

        font-weight: 800;

        cursor: pointer;

        -webkit-tap-highlight-color: transparent;

    }

    .bwf-mobile-bottom-nav i {

        font-size: 18px;

        line-height: 1;

    }

    .bwf-mobile-bottom-nav span {

        line-height: 1;

        white-space: nowrap;

    }

    .bwf-mobile-bottom-nav a:hover,

    .bwf-mobile-bottom-nav button:hover,

    .bwf-mobile-bottom-nav a.is-active {

        background: rgba(255,255,255,.10);

        color: #fff;

    }

    .bwf-mobile-bottom-nav a.is-active i {

        color: #fff;

    }

    body.bwf-body {

        padding-bottom: 86px;

    }

}

/* 404 Error Page */

.bwf-error-page {

    margin-top: -14px;

}

.bwf-error-page > .bwf-container {

    background:

        radial-gradient(circle at top right, rgba(239,35,60,.14), transparent 34%),

        #202126;

    border-radius: 0 0 22px 22px;

    padding: 42px 28px 34px;

    min-height: 520px;

}

.bwf-error-card {

    max-width: 820px;

    margin: 0 auto 34px;

    padding: 34px;

    border-radius: 24px;

    background:

        linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.015)),

        #17181d;

    border: 1px solid rgba(255,255,255,.08);

    text-align: center;

    box-shadow: 0 22px 60px rgba(0,0,0,.28);

}

.bwf-error-code {

    margin-bottom: 8px;

    color: rgba(255,255,255,.08);

    font-size: clamp(84px, 15vw, 170px);

    line-height: .8;

    font-weight: 900;

    letter-spacing: -8px;

}

.bwf-error-kicker {

    display: inline-flex;

    align-items: center;

    min-height: 28px;

    margin-bottom: 16px;

    padding: 0 12px;

    border-radius: 999px;

    background: rgba(239,35,60,.14);

    color: #ffbac3;

    font-size: 12px;

    font-weight: 900;

}

.bwf-error-card h1 {

    max-width: 700px;

    margin: 0 auto 12px;

    color: #fff;

    font-size: 28px;

    line-height: 1.22;

    font-weight: 900;

    letter-spacing: -.5px;

}

.bwf-error-card p {

    max-width: 640px;

    margin: 0 auto 22px;

    color: #a1a1aa;

    font-size: 14px;

    line-height: 1.7;

}

.bwf-error-search {

    max-width: 620px;

    height: 48px;

    display: grid;

    grid-template-columns: minmax(0, 1fr) auto;

    gap: 8px;

    margin: 0 auto 18px;

}

.bwf-error-search input {

    width: 100%;

    height: 48px;

    border: 0;

    outline: 0;

    border-radius: 999px;

    background: #fff;

    color: #222;

    padding: 0 18px;

    font-size: 14px;

}

.bwf-error-search button {

    height: 48px;

    border: 0;

    border-radius: 999px;

    padding: 0 18px;

    display: inline-flex;

    align-items: center;

    gap: 8px;

    background: #ef233c;

    color: #fff;

    font-weight: 900;

    cursor: pointer;

}

.bwf-error-search button:hover {

    background: #ff3048;

}

.bwf-error-actions {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 9px;

}

.bwf-error-actions a {

    min-height: 40px;

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 0 14px;

    border-radius: 999px;

    background: #202126;

    color: #fff;

    font-size: 13px;

    font-weight: 900;

    border: 1px solid rgba(255,255,255,.07);

}

.bwf-error-actions a:hover {

    background: #ef233c;

    border-color: #ef233c;

}

.bwf-error-popular {

    margin-top: 28px;

}

.bwf-player-source,

.bwf-player-frame,

.bwf-player-content,

[data-bwf-player-source] {

    display: none;

}

.bwf-player-source.is-active,

.bwf-player-frame.is-active,

.bwf-player-content.is-active,

[data-bwf-player-source].is-active {

    display: block;

}

.bwf-player-source {

    display: none;

    width: 100%;

}

.bwf-player-source.is-active {

    display: block;

}

.bwf-player-source iframe,

.bwf-player-source video {

    width: 100%;

    aspect-ratio: 16 / 9;

    display: block;

    border: 0;

    border-radius: 0 0 18px 18px;

    background: #000;

}

.bwf-person-archive-grid {

    display: grid;

    grid-template-columns: repeat(6, minmax(0, 1fr));

    gap: 18px;

    margin-top: 24px;

}

.bwf-person-archive-card {

    min-width: 0;

}

.bwf-person-archive-card a {

    display: block;

    height: 100%;

    padding: 12px;

    border-radius: 18px;

    background: rgba(255, 255, 255, .04);

    border: 1px solid rgba(255, 255, 255, .08);

    text-decoration: none;

    transition: .2s ease;

}

.bwf-person-archive-card a:hover {

    transform: translateY(-3px);

    border-color: rgba(239, 35, 60, .45);

}

.bwf-person-archive-photo {

    aspect-ratio: 1 / 1;

    overflow: hidden;

    border-radius: 15px;

    background: rgba(255, 255, 255, .08);

    display: flex;

    align-items: center;

    justify-content: center;

}

.bwf-person-archive-photo img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    display: block;

}

.bwf-person-archive-photo span {

    color: #fff;

    font-size: 34px;

    font-weight: 900;

}

.bwf-person-archive-card h2 {

    margin: 12px 0 0;

    color: #fff;

    font-size: 15px;

    line-height: 1.35;

    font-weight: 800;

}

.bwf-person-archive-card p {

    margin: 5px 0 0;

    color: rgba(255, 255, 255, .62);

    font-size: 12px;

    line-height: 1.4;

}

@media (max-width: 1200px) {

    .bwf-person-archive-grid {

        grid-template-columns: repeat(5, minmax(0, 1fr));

    }

}

@media (max-width: 960px) {

    .bwf-person-archive-grid {

        grid-template-columns: repeat(4, minmax(0, 1fr));

    }

}

@media (max-width: 680px) {

    .bwf-person-archive-grid {

        grid-template-columns: repeat(3, minmax(0, 1fr));

        gap: 12px;

    }

    .bwf-person-archive-card {

        padding: 0;

    }

    .bwf-person-archive-card a {

        padding: 8px;

        border-radius: 14px;

    }

    .bwf-person-archive-photo {

        border-radius: 12px;

    }

    .bwf-person-archive-card h2 {

        font-size: 12px;

    }

    .bwf-person-archive-card p {

        display: none;

    }

}

/* Actor and director archive adjustments. */

.bwf-person-archive-page .bwf-archive-head {

    margin-bottom: 22px;

}

.bwf-person-archive-page .bwf-person-archive-grid {

    grid-template-columns: repeat(5, minmax(0, 1fr));

    gap: 18px;

    margin-top: 0;

    margin-bottom: 24px;

}

.bwf-person-archive-page .bwf-person-archive-card a {

    padding: 13px;

    background: #202126;

    border: 1px solid rgba(255, 255, 255, .08);

    box-shadow: 0 10px 24px rgba(0, 0, 0, .12);

}

.bwf-person-archive-page .bwf-person-archive-photo {

    border-radius: 13px;

    background: #15161a;

}

.bwf-person-archive-page .bwf-person-archive-card h2 {

    color: #fff;

    font-size: 14px;

    line-height: 1.25;

    font-weight: 900;

}

.bwf-person-archive-page .bwf-person-archive-card p {

    color: #c7cad5;

    font-size: 12px;

    line-height: 1.35;

}

@media (max-width: 1180px) {

    .bwf-person-archive-page .bwf-person-archive-grid {

        grid-template-columns: repeat(4, minmax(0, 1fr));

    }

}

@media (max-width: 980px) {

    .bwf-person-archive-page .bwf-person-archive-grid {

        grid-template-columns: repeat(4, minmax(0, 1fr));

    }

}

@media (max-width: 720px) {

    .bwf-person-archive-page .bwf-person-archive-grid {

        grid-template-columns: repeat(3, minmax(0, 1fr));

        gap: 12px;

    }

}

@media (max-width: 480px) {

    .bwf-person-archive-page .bwf-person-archive-grid {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }

}

.bwf-hls-video {

    width: 100%;

    aspect-ratio: 16 / 9;

    display: block;

    background: #000;

}

.bwf-page-content {

    padding: 24px 0 64px;

}

.bwf-standard-page {

    position: relative;

    overflow: hidden;

    padding: 34px;

    min-height: 360px;

    border-radius: 22px;

    background:

        radial-gradient(circle at top right, rgba(239, 35, 60, .14), transparent 34%),

        linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.025));

    border: 1px solid rgba(255,255,255,.08);

    box-shadow: 0 24px 70px rgba(0,0,0,.22);

}

.bwf-standard-page::before {

    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    background:

        linear-gradient(90deg, rgba(239,35,60,.18), transparent 28%),

        radial-gradient(circle at bottom left, rgba(255,255,255,.06), transparent 30%);

    opacity: .85;

}

.bwf-standard-page > * {

    position: relative;

    z-index: 1;

}

.bwf-standard-page-head {

    max-width: 760px;

    margin-bottom: 22px;

    padding-bottom: 18px;

    border-bottom: 1px solid rgba(255,255,255,.08);

}

.bwf-standard-page-head h1 {

    margin: 0;

    color: var(--bw-white);

    font-size: clamp(30px, 4vw, 48px);

    line-height: 1.1;

    letter-spacing: -0.04em;

}

.bwf-standard-page-body {

    max-width: 860px;

    color: var(--bw-text);

    font-size: 16px;

    line-height: 1.9;

}

.bwf-standard-page-body p {

    margin: 0 0 18px;

}

.bwf-standard-page-body p:first-child {

    padding: 18px 20px;

    border-radius: 16px;

    background: rgba(0,0,0,.18);

    border: 1px solid rgba(255,255,255,.07);

    color: rgba(255,255,255,.86);

}

.bwf-standard-page-body h2,

.bwf-standard-page-body h3,

.bwf-standard-page-body h4 {

    margin: 28px 0 12px;

    color: var(--bw-white);

    letter-spacing: -0.02em;

}

.bwf-standard-page-body a {

    color: var(--bw-red);

    font-weight: 800;

    text-decoration: none;

}

.bwf-standard-page-body a:hover {

    text-decoration: underline;

}

.bwf-standard-page-body ul,

.bwf-standard-page-body ol {

    margin: 18px 0;

    padding-left: 22px;

}

.bwf-standard-page-body li {

    margin-bottom: 8px;

}

.bwf-standard-page-body img {

    max-width: 100%;

    height: auto;

    margin: 18px 0;

    border-radius: 18px;

    box-shadow: 0 18px 40px rgba(0,0,0,.22);

}

/* Font Awesome icons for the profile menu. */

.bwf-profile-sidebar > a {

    display: flex;

    align-items: center;

    gap: 13px;

}

.bwf-profile-sidebar .bwf-profile-menu-icon {

    width: 20px;

    min-width: 20px;

    height: 20px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    font-size: 14px;

    line-height: 1;

    color: #a5a8b1;

    transition:

        color 0.2s ease,

        transform 0.2s ease;

}

.bwf-profile-sidebar .bwf-profile-menu-icon i {

    display: block;

}

.bwf-profile-sidebar .bwf-profile-menu-text {

    flex: 1;

}

.bwf-profile-sidebar > a:hover .bwf-profile-menu-icon {

    color: #ffffff;

    transform: scale(1.08);

}

.bwf-profile-sidebar > a.is-active .bwf-profile-menu-icon {

    color: #ffffff;

}

/* =========================================================

   EXPLORE / MOVIE DISCOVERY

========================================================= */

.bwf-explore-page {

    margin-top: -14px;

}

.bwf-explore-page .bwf-container {

    background: #222329;

    padding: 20px;

    border-radius: 0 0 18px 18px;

}

.bwf-explore-hero {

    display: flex;

    align-items: center;

    gap: 16px;

    margin-bottom: 18px;

    padding: 18px;

    border-radius: 16px;

    background:

        radial-gradient(circle at top right, rgba(239,35,60,.18), transparent 34%),

        linear-gradient(135deg, #191a1f, #24252b);

    border: 1px solid rgba(255,255,255,.06);

}

.bwf-explore-hero-icon {

    width: 56px;

    height: 56px;

    flex: 0 0 56px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 16px;

    background: #ef233c;

    color: #fff;

    font-size: 24px;

    box-shadow: 0 12px 28px rgba(239,35,60,.24);

}

.bwf-explore-hero span {

    display: block;

    margin-bottom: 4px;

    color: #ef233c;

    font-size: 12px;

    font-weight: 900;

    text-transform: uppercase;

    letter-spacing: .6px;

}

.bwf-explore-hero h1 {

    margin: 0;

    color: #fff;

    font-size: 27px;

    line-height: 1.2;

    font-weight: 900;

    letter-spacing: -.5px;

}

.bwf-explore-hero p {

    margin: 7px 0 0;

    color: #a1a1aa;

    font-size: 13px;

}

.bwf-explore-filter {

    margin-bottom: 22px;

    padding: 18px;

    border-radius: 16px;

    background: #1b1c21;

    border: 1px solid rgba(255,255,255,.06);

}

.bwf-explore-filter-grid {

    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 12px;

}

.bwf-explore-field {

    display: block;

    min-width: 0;

}

.bwf-explore-field > span {

    display: flex;

    align-items: center;

    gap: 7px;

    margin-bottom: 7px;

    color: #f4f4f5;

    font-size: 12px;

    font-weight: 900;

}

.bwf-explore-field > span i {

    color: #ef233c;

    font-size: 12px;

}

.bwf-explore-field select {

    width: 100%;

    height: 48px;

    border: 1px solid rgba(255,255,255,.06);

    border-radius: 12px;

    outline: none;

    padding: 0 38px 0 13px;

    background: #121317;

    color: #fff;

    font-size: 13px;

    font-weight: 700;

    cursor: pointer;

}

.bwf-explore-field select:focus {

    border-color: rgba(239,35,60,.72);

    box-shadow: 0 0 0 3px rgba(239,35,60,.10);

}

.bwf-explore-actions {

    display: flex;

    align-items: flex-end;

    gap: 8px;

}

.bwf-explore-actions button,

.bwf-explore-actions a {

    min-height: 48px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    border: 0;

    border-radius: 12px;

    padding: 0 15px;

    font-size: 12px;

    font-weight: 900;

    cursor: pointer;

}

.bwf-explore-actions button {

    flex: 1;

    background: #ef233c;

    color: #fff;

}

.bwf-explore-actions button:hover {

    background: #ff3048;

}

.bwf-explore-actions a {

    background: #2a2b31;

    color: #d7d7dc;

}

.bwf-explore-actions a:hover {

    background: #34353c;

    color: #fff;

}

.bwf-explore-results {

    padding: 18px;

    border-radius: 16px;

    background: #1d1e23;

    border: 1px solid rgba(255,255,255,.06);

}

.bwf-explore-results-head {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 16px;

    margin-bottom: 16px;

    padding-bottom: 12px;

    border-bottom: 1px solid rgba(255,255,255,.08);

}

.bwf-explore-results-head span {

    display: block;

    margin-bottom: 3px;

    color: #ef233c;

    font-size: 11px;

    font-weight: 900;

    text-transform: uppercase;

    letter-spacing: .5px;

}

.bwf-explore-results-head h2 {

    margin: 0;

    color: #fff;

    font-size: 19px;

    font-weight: 900;

}

.bwf-explore-results-head strong {

    display: inline-flex;

    align-items: center;

    min-height: 30px;

    padding: 0 11px;

    border-radius: 999px;

    background: rgba(239,35,60,.14);

    color: #ff9daa;

    font-size: 12px;

    font-weight: 900;

}

.bwf-explore-grid {

    display: grid;

    grid-template-columns: repeat(6, minmax(0, 1fr));

    gap: 14px;

}

.bwf-explore-grid .bwf-movie-card,

.bwf-explore-grid .bwf-series-card {

    min-width: 0;

}

.bwf-explore-empty-reset {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 38px;

    margin-top: 14px;

    padding: 0 14px;

    border-radius: 10px;

    background: #ef233c;

    color: #fff;

    font-size: 12px;

    font-weight: 900;

}

.bwf-explore-empty-reset:hover {

    background: #ff3048;

}

.bwf-explore-page .bwf-archive-pagination {

    margin-top: 22px;

}

/* =========================================================

   EXPLORE CUSTOM DROPDOWN

========================================================= */

.bwf-explore-field {

    position: relative;

}

.bwf-native-select-hidden {

    position: absolute !important;

    width: 1px !important;

    height: 1px !important;

    overflow: hidden !important;

    opacity: 0 !important;

    pointer-events: none !important;

    clip: rect(0 0 0 0) !important;

    clip-path: inset(50%) !important;

    white-space: nowrap !important;

}

.bwf-custom-select {

    position: relative;

    width: 100%;

    z-index: 1;

}

.bwf-custom-select.is-open {

    z-index: 100;

}

.bwf-custom-select-trigger {

    width: 100%;

    height: 48px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    border: 1px solid rgba(255,255,255,.07);

    border-radius: 11px;

    padding: 0 13px;

    outline: 0;

    background: #121317;

    color: #fff;

    font-family: inherit;

    font-size: 13px;

    font-weight: 700;

    text-align: left;

    cursor: pointer;

    transition:

        border-color .2s ease,

        background .2s ease,

        box-shadow .2s ease;

}

.bwf-custom-select-trigger:hover {

    background: #15161b;

    border-color: rgba(255,255,255,.13);

}

.bwf-custom-select.is-open .bwf-custom-select-trigger {

    border-color: rgba(239,35,60,.72);

    border-radius: 11px 11px 7px 7px;

    box-shadow: 0 0 0 3px rgba(239,35,60,.09);

}

.bwf-custom-select-value {

    min-width: 0;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.bwf-custom-select-trigger > i {

    flex: 0 0 auto;

    color: #9497a2;

    font-size: 11px;

    transition:

        transform .2s ease,

        color .2s ease;

}

.bwf-custom-select.is-open

.bwf-custom-select-trigger > i {

    color: #fff;

    transform: rotate(180deg);

}

.bwf-custom-select-menu {

    position: absolute;

    top: calc(100% + 6px);

    left: 0;

    right: 0;

    z-index: 120;

    max-height: 260px;

    overflow-y: auto;

    padding: 6px;

    border: 1px solid rgba(255,255,255,.09);

    border-radius: 10px;

    background: #15161a;

    box-shadow: 0 18px 42px rgba(0,0,0,.48);

    opacity: 0;

    visibility: hidden;

    transform: translateY(-5px);

    pointer-events: none;

    transition:

        opacity .16s ease,

        visibility .16s ease,

        transform .16s ease;

}

.bwf-custom-select.is-open .bwf-custom-select-menu {

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

    pointer-events: auto;

}

.bwf-custom-select-option {

    width: 100%;

    min-height: 38px;

    display: flex;

    align-items: center;

    border: 0;

    border-radius: 7px;

    padding: 8px 11px;

    background: transparent;

    color: #dedee3;

    font-family: inherit;

    font-size: 13px;

    font-weight: 600;

    text-align: left;

    cursor: pointer;

    transition:

        background .15s ease,

        color .15s ease,

        padding-left .15s ease;

}

.bwf-custom-select-option:hover,

.bwf-custom-select-option:focus {

    outline: 0;

    background: #202126;

    color: #fff;

    padding-left: 14px;

}

.bwf-custom-select-option.is-selected {

    background: rgba(239,35,60,.14);

    color: #ff7e8e;

    font-weight: 800;

}

.bwf-custom-select-option.is-selected:hover,

.bwf-custom-select-option.is-selected:focus {

    background: #ef233c;

    color: #fff;

}

/* Dropdown scrollbar. */

.bwf-custom-select-menu {

    scrollbar-width: thin;

    scrollbar-color: #3b3d45 #15161a;

}

.bwf-custom-select-menu::-webkit-scrollbar {

    width: 6px;

}

.bwf-custom-select-menu::-webkit-scrollbar-track {

    background: #15161a;

}

.bwf-custom-select-menu::-webkit-scrollbar-thumb {

    border-radius: 999px;

    background: #3b3d45;

}

.bwf-custom-select-menu::-webkit-scrollbar-thumb:hover {

    background: #ef233c;

}

/* =========================================================

   MOBILE MENU / CATEGORY PAGE

========================================================= */

.bwf-mobile-menu-page {

    margin-top: -14px;

}

.bwf-mobile-menu-page > .bwf-container {

    background: #222329;

    padding: 20px;

    border-radius: 0 0 18px 18px;

}

.bwf-menu-page-hero {

    position: relative;

    overflow: hidden;

    margin-bottom: 16px;

    padding: 22px;

    border: 1px solid rgba(255,255,255,.06);

    border-radius: 16px;

    background:

        radial-gradient(circle at top right, rgba(239,35,60,.20), transparent 38%),

        linear-gradient(135deg, #191a1f, #26272e);

}

.bwf-menu-page-hero::after {

    content: "\f550";

    position: absolute;

    right: 22px;

    top: 50%;

    color: rgba(255,255,255,.035);

    font-family: "Font Awesome 6 Free";

    font-size: 110px;

    font-weight: 900;

    transform: translateY(-50%) rotate(-10deg);

    pointer-events: none;

}

.bwf-menu-page-hero > div {

    position: relative;

    z-index: 2;

}

.bwf-menu-page-hero span {

    display: block;

    margin-bottom: 5px;

    color: #ef233c;

    font-size: 11px;

    font-weight: 900;

    letter-spacing: .7px;

    text-transform: uppercase;

}

.bwf-menu-page-hero h1 {

    margin: 0;

    color: #fff;

    font-size: 28px;

    line-height: 1.2;

    font-weight: 900;

    letter-spacing: -.5px;

}

.bwf-menu-page-hero p {

    max-width: 620px;

    margin: 7px 0 0;

    color: #a1a1aa;

    font-size: 13px;

    line-height: 1.6;

}

/* Quick links. */

.bwf-menu-page-shortcuts {

    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 10px;

    margin-bottom: 18px;

}

.bwf-menu-page-shortcuts a {

    min-height: 74px;

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 13px;

    border: 1px solid rgba(255,255,255,.06);

    border-radius: 14px;

    background: #1a1b20;

    color: #fff;

    transition:

        background .2s ease,

        border-color .2s ease,

        transform .2s ease;

}

.bwf-menu-page-shortcuts a:hover {

    background: #202126;

    border-color: rgba(239,35,60,.40);

    transform: translateY(-2px);

}

.bwf-menu-page-shortcuts i {

    width: 40px;

    height: 40px;

    flex: 0 0 40px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 12px;

    background: rgba(239,35,60,.13);

    color: #ef233c;

    font-size: 17px;

}

.bwf-menu-page-shortcuts span {

    color: #fff;

    font-size: 13px;

    font-weight: 900;

}

/* Main layout. */

.bwf-menu-page-layout {

    display: grid;

    grid-template-columns: minmax(0, 1fr) 280px;

    gap: 18px;

    align-items: start;

}

.bwf-menu-page-main {

    min-width: 0;

}

.bwf-menu-page-section {

    margin-bottom: 18px;

    padding: 17px;

    border: 1px solid rgba(255,255,255,.06);

    border-radius: 16px;

    background: #1d1e23;

}

.bwf-menu-page-section-head {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 16px;

    margin-bottom: 14px;

    padding-bottom: 11px;

    border-bottom: 1px solid rgba(255,255,255,.07);

}

.bwf-menu-page-section-head span {

    display: block;

    margin-bottom: 3px;

    color: #ef233c;

    font-size: 10px;

    font-weight: 900;

    letter-spacing: .6px;

    text-transform: uppercase;

}

.bwf-menu-page-section-head h2 {

    margin: 0;

    color: #fff;

    font-size: 18px;

    line-height: 1.25;

    font-weight: 900;

}

.bwf-menu-page-section-head > i {

    width: 38px;

    height: 38px;

    flex: 0 0 38px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 11px;

    background: #15161a;

    color: #ef233c;

    font-size: 15px;

}

/* Genre and category boxes. */

.bwf-menu-page-grid {

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 9px;

}

.bwf-menu-page-grid a {

    min-width: 0;

    min-height: 46px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 9px;

    padding: 0 12px;

    border: 1px solid rgba(255,255,255,.045);

    border-radius: 11px;

    background: #15161a;

    color: #d7d7dc;

    transition:

        background .18s ease,

        border-color .18s ease,

        color .18s ease,

        transform .18s ease;

}

.bwf-menu-page-grid a:hover {

    background: #ef233c;

    border-color: #ef233c;

    color: #fff;

    transform: translateY(-1px);

}

.bwf-menu-page-grid a span {

    min-width: 0;

    overflow: hidden;

    font-size: 12px;

    font-weight: 800;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.bwf-menu-page-grid a small {

    min-width: 24px;

    height: 24px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 8px;

    background: rgba(255,255,255,.07);

    color: #a1a1aa;

    font-size: 10px;

    font-weight: 900;

}

.bwf-menu-page-grid a:hover small {

    background: rgba(255,255,255,.18);

    color: #fff;

}

/* Years. */

.bwf-menu-page-years {

    display: flex;

    flex-wrap: wrap;

    gap: 7px;

}

.bwf-menu-page-years a {

    min-width: 62px;

    min-height: 36px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 0 11px;

    border: 1px solid rgba(255,255,255,.05);

    border-radius: 10px;

    background: #15161a;

    color: #d7d7dc;

    font-size: 12px;

    font-weight: 900;

    transition:

        background .18s ease,

        border-color .18s ease,

        color .18s ease;

}

.bwf-menu-page-years a:hover {

    background: #ef233c;

    border-color: #ef233c;

    color: #fff;

}

.bwf-menu-page-empty {

    padding: 18px;

    border-radius: 12px;

    background: #15161a;

    color: #8f929d;

    font-size: 12px;

    text-align: center;

}

/* Right column. */

.bwf-menu-page-sidebar {

    position: sticky;

    top: 88px;

}

.bwf-menu-page-side-card {

    margin-bottom: 14px;

    padding: 17px;

    border: 1px solid rgba(255,255,255,.06);

    border-radius: 15px;

    background:

        radial-gradient(circle at top right, rgba(239,35,60,.10), transparent 38%),

        #1d1e23;

}

.bwf-menu-page-side-card > span {

    display: block;

    margin-bottom: 6px;

    color: #ef233c;

    font-size: 10px;

    font-weight: 900;

    letter-spacing: .6px;

    text-transform: uppercase;

}

.bwf-menu-page-side-card h3 {

    margin: 0;

    color: #fff;

    font-size: 16px;

    line-height: 1.35;

    font-weight: 900;

}

.bwf-menu-page-side-card p {

    margin: 8px 0 14px;

    color: #9ca3af;

    font-size: 12px;

    line-height: 1.6;

}

.bwf-menu-page-side-card > a {

    min-height: 40px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 9px;

    padding: 0 13px;

    border-radius: 11px;

    background: #ef233c;

    color: #fff;

    font-size: 12px;

    font-weight: 900;

    transition: background .2s ease;

}

.bwf-menu-page-side-card > a:hover {

    background: #ff3048;

}

/* =========================================================

   MODERN PROFILE PAGE

========================================================= */

.bwf-profile-page {

    margin-top: -14px;

}

.bwf-profile-page > .bwf-container {

    padding-bottom: 30px;

}

/* Profile header card. */

.bwf-profile-hero {

    position: relative;

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 24px;

    min-height: 170px;

    margin-bottom: 18px;

    padding: 28px;

    border: 1px solid rgba(255,255,255,.07);

    border-radius: 0 0 22px 22px;

    background:

        radial-gradient(circle at 90% 30%, rgba(239,35,60,.22), transparent 34%),

        linear-gradient(135deg, #1b1c21 0%, #18191e 55%, #25151b 100%);

    box-shadow: 0 18px 45px rgba(0,0,0,.18);

}

.bwf-profile-hero::after {

    content: "";

    position: absolute;

    width: 240px;

    height: 240px;

    right: -80px;

    bottom: -130px;

    border-radius: 50%;

    background: rgba(239,35,60,.08);

    filter: blur(4px);

    pointer-events: none;

}

.bwf-profile-user {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 18px;

    min-width: 0;

}

.bwf-profile-avatar {

    width: 96px;

    height: 96px;

    flex: 0 0 96px;

    padding: 4px;

    border-radius: 24px;

    background: linear-gradient(135deg, #ef233c, rgba(255,255,255,.18));

    box-shadow: 0 16px 34px rgba(0,0,0,.28);

}

.bwf-profile-avatar img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 20px;

}

.bwf-profile-user > div:last-child {

    min-width: 0;

}

.bwf-profile-user > div:last-child > span {

    display: inline-flex;

    align-items: center;

    min-height: 25px;

    margin-bottom: 7px;

    padding: 0 10px;

    border-radius: 999px;

    background: rgba(239,35,60,.16);

    color: #ffadb8;

    font-size: 11px;

    font-weight: 900;

}

.bwf-profile-user h1 {

    margin: 0;

    color: #fff;

    font-size: 34px;

    line-height: 1.05;

    letter-spacing: -.8px;

}

.bwf-profile-user p {

    margin: 7px 0 0;

    color: #9ca3af;

    font-size: 13px;

    overflow-wrap: anywhere;

}

.bwf-profile-actions {

    position: relative;

    z-index: 2;

    display: flex;

    align-items: center;

    gap: 10px;

}

.bwf-profile-actions a {

    min-height: 42px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 0 16px;

    border: 1px solid rgba(255,255,255,.09);

    border-radius: 999px;

    background: rgba(255,255,255,.06);

    color: #fff;

    font-size: 12px;

    font-weight: 900;

    transition:

        background .2s ease,

        transform .2s ease,

        border-color .2s ease;

}

.bwf-profile-actions a:hover {

    background: rgba(255,255,255,.11);

    transform: translateY(-1px);

}

.bwf-profile-actions a.is-red {

    border-color: #ef233c;

    background: #ef233c;

}

.bwf-profile-actions a.is-red:hover {

    background: #ff3048;

}

/* Statistics cards. */

.bwf-profile-stats {

    display: grid;

    grid-template-columns: repeat(5, minmax(0, 1fr));

    gap: 12px;

    margin-bottom: 18px;

}

.bwf-profile-stat-card {

    min-width: 0;

    min-height: 92px;

    display: flex;

    align-items: center;

    gap: 14px;

    padding: 16px;

    border: 1px solid rgba(255,255,255,.07);

    border-radius: 16px;

    background:

        linear-gradient(145deg, rgba(255,255,255,.025), transparent),

        #1d1e23;

    transition:

        transform .2s ease,

        border-color .2s ease,

        background .2s ease;

}

.bwf-profile-stat-card:hover {

    transform: translateY(-2px);

    border-color: rgba(239,35,60,.35);

    background: #202126;

}

.bwf-profile-stat-icon {

    width: 44px;

    height: 44px;

    flex: 0 0 44px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 13px;

    background: rgba(239,35,60,.13);

    color: #ef233c;

    font-size: 17px;

}

.bwf-profile-stat-card > div {

    min-width: 0;

}

.bwf-profile-stat-card strong {

    display: block;

    color: #fff;

    font-size: 25px;

    line-height: 1;

    font-weight: 900;

}

.bwf-profile-stat-card small {

    display: block;

    margin-top: 7px;

    color: #989ba6;

    font-size: 11px;

    font-weight: 800;

}

/* Profile content layout. */

.bwf-profile-layout {

    display: grid;

    grid-template-columns: 230px minmax(0, 1fr);

    gap: 18px;

    align-items: start;

}

.bwf-profile-sidebar {

    position: sticky;

    top: 92px;

    padding: 10px;

    border: 1px solid rgba(255,255,255,.07);

    border-radius: 17px;

    background: #1d1e23;

}

.bwf-profile-sidebar > a {

    min-height: 48px;

    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 5px;

    padding: 0 12px;

    border-radius: 12px;

    color: #b7bac4;

    font-size: 12px;

    font-weight: 900;

    transition:

        background .2s ease,

        color .2s ease,

        transform .2s ease;

}

.bwf-profile-sidebar > a:last-child {

    margin-bottom: 0;

}

.bwf-profile-sidebar > a:hover {

    background: rgba(255,255,255,.045);

    color: #fff;

    transform: translateX(2px);

}

.bwf-profile-sidebar > a.is-active {

    background: linear-gradient(135deg, #ef233c, #ff3048);

    color: #fff;

    box-shadow: 0 10px 22px rgba(239,35,60,.18);

}

.bwf-profile-sidebar .bwf-profile-menu-icon {

    width: 28px;

    min-width: 28px;

    height: 28px;

    border-radius: 9px;

    background: rgba(255,255,255,.045);

    color: #989ba6;

}

.bwf-profile-sidebar > a.is-active .bwf-profile-menu-icon {

    background: rgba(255,255,255,.14);

    color: #fff;

}

.bwf-profile-content {

    min-width: 0;

    min-height: 430px;

    padding: 22px;

    border: 1px solid rgba(255,255,255,.07);

    border-radius: 18px;

    background: #1d1e23;

}

.bwf-profile-section-head {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 18px;

    margin-bottom: 18px;

    padding-bottom: 15px;

    border-bottom: 1px solid rgba(255,255,255,.075);

}

.bwf-profile-section-head > div > span {

    display: inline-flex;

    align-items: center;

    min-height: 23px;

    margin-bottom: 7px;

    padding: 0 9px;

    border-radius: 999px;

    background: rgba(239,35,60,.14);

    color: #ffadb8;

    font-size: 10px;

    font-weight: 900;

}

.bwf-profile-section-head h2 {

    margin: 0;

    color: #fff;

    font-size: 25px;

    line-height: 1.15;

    letter-spacing: -.4px;

}

.bwf-profile-section-head p {

    max-width: 470px;

    margin: 0;

    color: #9699a4;

    font-size: 12px;

    line-height: 1.6;

    text-align: right;

}

.bwf-profile-grid {

    display: grid;

    grid-template-columns: repeat(5, minmax(0, 1fr));

    gap: 14px;

}

.bwf-profile-empty {

    padding: 36px 20px;

    border-radius: 15px;

    background: #16171b;

    text-align: center;

}

.bwf-profile-empty strong {

    display: block;

    margin-bottom: 7px;

    color: #fff;

    font-size: 16px;

}

.bwf-profile-empty p {

    margin: 0;

    color: #9295a0;

    font-size: 12px;

}

/* =========================================================

   MODERN HOMEPAGE SLIDER

========================================================= */

.bwf-hero-slider-wrap {

    position: relative;

    margin-bottom: 18px;

}

.bwf-hero-slider {

    position: relative;

    overflow: hidden;

    border-bottom: 5px solid #292b32;

    background: #090a0d;

    user-select: none;

}

.bwf-hero-track {

    display: flex;

    align-items: stretch;

    overflow-x: auto;

    overflow-y: hidden;

    scroll-behavior: smooth;

    scroll-snap-type: x mandatory;

    overscroll-behavior-x: contain;

    touch-action: pan-x;

    cursor: grab;

    scrollbar-width: none;

    -webkit-overflow-scrolling: touch;

}

.bwf-hero-track::-webkit-scrollbar {

    display: none;

}

.bwf-hero-track.is-dragging {

    cursor: grabbing;

    scroll-behavior: auto;

    scroll-snap-type: none;

}

.bwf-hero-item {

    position: relative;

    flex: 0 0 16.666%;

    min-width: 16.666%;

    scroll-snap-align: start;

    overflow: hidden;

}

.bwf-hero-item:not(:last-child)::after {

    content: "";

    position: absolute;

    z-index: 4;

    top: 0;

    right: 0;

    bottom: 0;

    width: 1px;

    background: rgba(255,255,255,.06);

    pointer-events: none;

}

.bwf-hero-card {

    position: relative;

    display: block;

    width: 100%;

    height: 390px;

    overflow: hidden;

    background: #0b0c0f;

    -webkit-tap-highlight-color: transparent;

}

.bwf-hero-card img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    object-position: center top;

    pointer-events: none;

    transform: scale(1.001);

    transition:

        transform .45s ease,

        filter .45s ease;

}

.bwf-hero-card:hover img {

    transform: scale(1.045);

    filter: brightness(.84);

}

.bwf-hero-gradient {

    position: absolute;

    z-index: 1;

    inset: 0;

    background:

        linear-gradient(

            to bottom,

            rgba(0,0,0,.02) 25%,

            rgba(0,0,0,.18) 51%,

            rgba(0,0,0,.88) 86%,

            rgba(0,0,0,.98) 100%

        );

    pointer-events: none;

}

.bwf-hero-content {

    position: absolute;

    z-index: 3;

    left: 15px;

    right: 15px;

    bottom: 14px;

}

.bwf-hero-meta {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 7px;

    margin-bottom: 5px;

    color: #f3f3f4;

    font-size: 11px;

    font-weight: 700;

    line-height: 1;

    text-shadow: 0 2px 7px rgba(0,0,0,.9);

}

.bwf-hero-meta > span {

    display: inline-flex;

    align-items: center;

    gap: 3px;

}

.bwf-hero-meta i {

    font-size: 10px;

}

.bwf-hero-meta .is-score {

    color: #ffc400;

}

.bwf-hero-content h2 {

    margin: 0 0 7px;

    color: #fff;

    font-size: 15px;

    line-height: 1.2;

    font-weight: 900;

    letter-spacing: -.25px;

    text-shadow: 0 2px 9px rgba(0,0,0,.95);

    display: -webkit-box;

    overflow: hidden;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}

.bwf-hero-badges {

    min-width: 0;

    display: flex;

    align-items: center;

    gap: 5px;

    color: #fff;

    font-size: 11px;

    font-weight: 700;

    line-height: 1.2;

    text-shadow: 0 2px 7px rgba(0,0,0,.9);

}

.bwf-hero-badges > span:last-child {

    min-width: 0;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

/* Previous and next arrows. */

.bwf-slider-arrow {

    position: absolute;

    z-index: 20;

    top: 50%;

    width: 48px;

    height: 48px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 50%;

    padding: 0;

    background: rgba(13,14,17,.76);

    color: #fff;

    font-size: 17px;

    line-height: 1;

    cursor: pointer;

    opacity: 1;

    visibility: visible;

    transform: translateY(-50%);

    backdrop-filter: blur(9px);

    box-shadow: 0 10px 28px rgba(0,0,0,.28);

    transition:

        background .2s ease,

        transform .2s ease,

        border-color .2s ease;

}

.bwf-slider-arrow:hover {

    border-color: rgba(255,255,255,.16);

    background: #ef233c;

    transform: translateY(-50%) scale(1.06);

}

.bwf-slider-arrow:active {

    transform: translateY(-50%) scale(.95);

}

.bwf-slider-prev {

    left: 18px;

}

.bwf-slider-next {

    right: 18px;

}

/* =========================================================

   ADVANCED SEARCH MODAL

========================================================= */

html.bwf-search-open,

body.bwf-search-open {

    overflow: hidden;

}

.bwf-search-open-button {

    border: 0;

    cursor: pointer;

    text-align: left;

}

.bwf-search-placeholder {

    display: flex;

    align-items: center;

    width: 100%;

    height: 100%;

    padding-left: 38px;

    border-radius: 999px;

    background: #fff;

    color: #777b85;

    font-size: 13px;

}

.bwf-search-modal {

    position: fixed;

    inset: 0;

    z-index: 99999;

    display: flex;

    align-items: flex-start;

    justify-content: center;

    padding: 14vh 18px 30px;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transition:

        opacity .2s ease,

        visibility .2s ease;

}

.bwf-search-modal.is-open {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

}

.bwf-search-modal-backdrop {

    position: absolute;

    inset: 0;

    background: rgba(11,12,15,.76);

    backdrop-filter: blur(9px);

}

.bwf-search-dialog {

    position: relative;

    z-index: 2;

    width: min(680px, 100%);

    overflow: hidden;

    border: 1px solid rgba(255,255,255,.09);

    border-radius: 18px;

    background: #202126;

    box-shadow: 0 28px 90px rgba(0,0,0,.55);

    transform: translateY(-14px) scale(.985);

    transition: transform .22s ease;

}

.bwf-search-modal.is-open .bwf-search-dialog {

    transform: translateY(0) scale(1);

}

.bwf-search-dialog-head {

    min-height: 64px;

    display: grid;

    grid-template-columns: 22px minmax(0, 1fr) auto;

    align-items: center;

    gap: 12px;

    padding: 0 16px;

    border-bottom: 1px solid rgba(255,255,255,.08);

}

.bwf-search-dialog-icon {

    color: #9497a2;

    font-size: 17px;

}

.bwf-search-dialog-head input {

    width: 100%;

    height: 62px;

    border: 0;

    outline: 0;

    padding: 0;

    background: transparent;

    color: #fff;

    font-family: inherit;

    font-size: 15px;

}

.bwf-search-dialog-head input::placeholder {

    color: #777b85;

}

.bwf-search-escape {

    min-width: 38px;

    height: 26px;

    border: 1px solid rgba(255,255,255,.10);

    border-radius: 8px;

    background: #292a30;

    color: #9699a4;

    font-size: 9px;

    font-weight: 900;

    cursor: pointer;

}

.bwf-search-modal-body {

    padding: 10px;

}

.bwf-search-status {

    min-height: 35px;

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 0 8px;

    color: #aaaeb8;

    font-size: 11px;

    font-weight: 900;

}

.bwf-search-status i {

    color: #ef233c;

}

.bwf-search-results {

    max-height: min(460px, 56vh);

    overflow-y: auto;

    overscroll-behavior: contain;

    scrollbar-width: thin;

    scrollbar-color: #4b4e58 transparent;

}

.bwf-search-result-item {

    min-height: 70px;

    display: grid;

    grid-template-columns: 48px minmax(0, 1fr) 28px;

    align-items: center;

    gap: 12px;

    margin-bottom: 5px;

    padding: 7px 10px;

    border: 1px solid transparent;

    border-radius: 12px;

    background: transparent;

    transition:

        background .16s ease,

        border-color .16s ease,

        transform .16s ease;

}

.bwf-search-result-item:hover,

.bwf-search-result-item.is-active {

    border-color: rgba(255,255,255,.055);

    background: #2a2b31;

    transform: translateX(2px);

}

.bwf-search-result-poster {

    width: 48px;

    height: 58px;

    overflow: hidden;

    border-radius: 9px;

    background: #141519;

}

body.bwf-body .bwf-search-result-poster img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.bwf-search-result-info {

    min-width: 0;

}

.bwf-search-result-tags {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 5px;

    margin-bottom: 5px;

}

.bwf-search-result-tags > span {

    min-height: 20px;

    display: inline-flex;

    align-items: center;

    gap: 4px;

    padding: 0 6px;

    border-radius: 6px;

    background: #36373e;

    color: #c7c9d0;

    font-size: 9px;

    font-weight: 800;

}

.bwf-search-result-tags .bwf-search-type {

    background: rgba(239,35,60,.14);

    color: #ff9caa;

}

.bwf-search-result-tags .is-score {

    color: #ffc107;

}

.bwf-search-result-info strong {

    display: block;

    overflow: hidden;

    color: #fff;

    font-size: 13px;

    line-height: 1.3;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.bwf-search-result-arrow {

    color: #70737d;

    font-size: 12px;

    opacity: 0;

    transform: translateX(-5px);

    transition:

        opacity .16s ease,

        transform .16s ease,

        color .16s ease;

}

.bwf-search-result-item:hover .bwf-search-result-arrow,

.bwf-search-result-item.is-active .bwf-search-result-arrow {

    color: #ef233c;

    opacity: 1;

    transform: translateX(0);

}

.bwf-search-loading,

.bwf-search-empty {

    min-height: 190px;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    gap: 9px;

    color: #8f929d;

    text-align: center;

}

.bwf-search-loading i {

    color: #ef233c;

    font-size: 22px;

}

.bwf-search-empty-icon {

    width: 48px;

    height: 48px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 15px;

    background: rgba(239,35,60,.12);

    color: #ef233c;

    font-size: 18px;

}

.bwf-search-empty strong {

    color: #fff;

    font-size: 15px;

}

.bwf-search-empty p {

    margin: 0;

    color: #8f929d;

    font-size: 12px;

}

.bwf-search-dialog-footer {

    min-height: 45px;

    display: flex;

    align-items: center;

    gap: 16px;

    padding: 0 16px;

    border-top: 1px solid rgba(255,255,255,.07);

    color: #7f828c;

    font-size: 10px;

}

.bwf-search-dialog-footer span {

    display: inline-flex;

    align-items: center;

    gap: 5px;

}

.bwf-search-dialog-footer span i,

.bwf-search-dialog-footer span strong {

    min-width: 18px;

    height: 18px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 5px;

    background: #2d2e34;

    color: #c5c7ce;

    font-size: 8px;

}

.bwf-search-dialog-footer > a {

    margin-left: auto;

    color: #b7bac4;

    font-weight: 800;

}

.bwf-search-dialog-footer > a:hover {

    color: #fff;

}

/* Keep the modal completely hidden while closed. */

.bwf-search-modal:not(.is-open) {

    opacity: 0 !important;

    visibility: hidden !important;

    pointer-events: none !important;

}

.bwf-search-modal.is-open {

    opacity: 1 !important;

    visibility: visible !important;

    pointer-events: auto !important;

}

/* =========================================================

   MODERN HEADER SEARCH AND PROFILE DROPDOWN

========================================================= */

/* Search box. */

.bwf-search-open-button {

    width: 218px;

    height: 40px;

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 999px;

    padding: 0;

    overflow: hidden;

    background: #fff;

    box-shadow:

        inset 0 1px 0 rgba(255,255,255,.9),

        0 5px 16px rgba(0,0,0,.10);

    transition:

        width .2s ease,

        box-shadow .2s ease,

        transform .2s ease;

}

.bwf-search-open-button:hover {

    transform: translateY(-1px);

    box-shadow:

        inset 0 1px 0 rgba(255,255,255,.9),

        0 8px 22px rgba(0,0,0,.16);

}

.bwf-search-open-button .bwf-search-icon {

    left: 14px;

    z-index: 2;

    color: #9196a2;

}

.bwf-search-placeholder {

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    padding: 0 16px 0 40px;

    border-radius: inherit;

    background: transparent;

    color: #737985;

    font-size: 13px;

    font-weight: 500;

}

/* Profile dropdown structure. */

.bwf-header-profile {

    position: relative;

    flex: 0 0 auto;

}

.bwf-header-profile-mobile {

    display: none;

}

.bwf-profile-desktop-trigger {

    min-height: 44px;

    display: inline-flex;

    align-items: center;

    gap: 9px;

    border: 0;

    border-radius: 999px;

    padding: 3px 3px 3px 12px;

    background: transparent;

    color: #fff;

    font-family: inherit;

    cursor: pointer;

    transition:

        background .2s ease,

        color .2s ease;

}

.bwf-profile-desktop-trigger:hover,

.bwf-header-profile.is-open .bwf-profile-desktop-trigger {

    background: rgba(255,255,255,.055);

}

.bwf-profile-desktop-name {

    max-width: 130px;

    overflow: hidden;

    color: #fff;

    font-size: 12px;

    font-weight: 800;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.bwf-profile-chevron {

    color: #858a96;

    font-size: 10px;

    transition:

        transform .2s ease,

        color .2s ease;

}

.bwf-header-profile.is-open .bwf-profile-chevron {

    color: #fff;

    transform: rotate(180deg);

}

.bwf-profile-desktop-avatar {

    width: 38px;

    height: 38px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    border: 2px solid #525660;

    border-radius: 50%;

    background: #303239;

}

body.bwf-body .bwf-profile-desktop-avatar img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

/* Dropdown */

.bwf-header-profile-dropdown {

    position: absolute;

    z-index: 5000;

    top: calc(100% + 11px);

    right: 0;

    width: 230px;

    padding: 8px;

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 14px;

    background: #1c1d22;

    box-shadow: 0 24px 55px rgba(0,0,0,.46);

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transform: translateY(-7px) scale(.98);

    transform-origin: top right;

    transition:

        opacity .18s ease,

        visibility .18s ease,

        transform .18s ease;

}

.bwf-header-profile-dropdown::before {

    content: "";

    position: absolute;

    top: -6px;

    right: 17px;

    width: 12px;

    height: 12px;

    border-top: 1px solid rgba(255,255,255,.08);

    border-left: 1px solid rgba(255,255,255,.08);

    background: #1c1d22;

    transform: rotate(45deg);

}

.bwf-header-profile.is-open .bwf-header-profile-dropdown {

    opacity: 1;

    visibility: visible;

    pointer-events: auto;

    transform: translateY(0) scale(1);

}

.bwf-header-profile-dropdown-user {

    position: relative;

    z-index: 2;

    padding: 9px 10px 11px;

    border-bottom: 1px solid rgba(255,255,255,.07);

}

.bwf-header-profile-dropdown-user strong {

    display: block;

    overflow: hidden;

    color: #fff;

    font-size: 13px;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.bwf-header-profile-dropdown-user span {

    display: block;

    overflow: hidden;

    margin-top: 3px;

    color: #818590;

    font-size: 10px;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.bwf-header-profile-dropdown nav {

    position: relative;

    z-index: 2;

    padding-top: 6px;

}

.bwf-header-profile-dropdown nav a {

    min-height: 40px;

    display: grid;

    grid-template-columns: 24px minmax(0, 1fr);

    align-items: center;

    gap: 7px;

    padding: 0 9px;

    border-radius: 9px;

    color: #c3c5cc;

    font-size: 12px;

    font-weight: 600;

    transition:

        background .16s ease,

        color .16s ease,

        padding-left .16s ease;

}

.bwf-header-profile-dropdown nav a:hover {

    padding-left: 12px;

    background: rgba(255,255,255,.055);

    color: #fff;

}

.bwf-header-profile-dropdown nav a i {

    width: 19px;

    color: #848893;

    text-align: center;

    transition: color .16s ease;

}

.bwf-header-profile-dropdown nav a:hover i {

    color: #ef233c;

}

.bwf-header-profile-dropdown nav a.is-logout {

    margin-top: 5px;

    border-top: 1px solid rgba(255,255,255,.07);

    border-radius: 0 0 9px 9px;

    color: #ff9eaa;

}

.bwf-header-profile-dropdown nav a.is-logout i {

    color: #ef233c;

}

.bwf-header-profile-dropdown nav a.is-logout:hover {

    background: rgba(239,35,60,.10);

    color: #fff;

}

/* =========================================================

   IMDb SIDEBAR CARD

========================================================= */

.bwf-imdb-big-score {

    align-items: center;

}

.bwf-imdb-logo {

    min-width: 48px;

    height: 28px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 6px;

    background: #f5c518;

    color: #111;

    font-size: 12px !important;

    line-height: 1;

    font-weight: 900;

    letter-spacing: -.4px;

}

.bwf-imdb-description-card p {

    margin: 0;

    color: #c8cad1;

    font-size: 13px;

    line-height: 1.65;

    font-weight: 500;

}

.bwf-imdb-side-card .bwf-big-score strong {

    font-size: 28px;

}

/* Font Awesome icons for the detail sidebar. */

.bwf-detail-action-grid button span {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 22px;

    margin-bottom: 5px;

    font-size: 15px;

}

.bwf-detail-action-grid button span i {

    line-height: 1;

}

.bwf-score-icon {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    color: #ff7a00;

    font-size: 27px !important;

}

.bwf-share-buttons a,

.bwf-share-buttons button {

    width: 36px;

    height: 34px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border: 0;

    border-radius: 9px;

    background: #15161a;

    color: #fff;

    font-size: 14px;

    cursor: pointer;

    transition:

        background .2s ease,

        transform .2s ease;

}

.bwf-share-buttons a:hover,

.bwf-share-buttons button:hover {

    background: #ef233c;

    transform: translateY(-2px);

}

/* =========================================================

   PROFILE PAGE EPISODE CARD

========================================================= */

.bwf-profile-grid .bwf-archive-episode-card {

    display: flex;

    flex-direction: column;

    min-width: 0;

    padding: 0;

    gap: 0;

    overflow: hidden;

    border-radius: 14px;

    background: #191a1f;

    border: 1px solid rgba(255,255,255,.06);

}

.bwf-profile-grid .bwf-archive-episode-card:hover {

    transform: translateY(-3px);

    border-color: rgba(239,35,60,.45);

}

.bwf-profile-grid .bwf-archive-episode-thumb {

    width: 100%;

    max-width: none;

    aspect-ratio: 2 / 3;

    border-radius: 0;

}

.bwf-profile-grid .bwf-archive-episode-thumb img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.bwf-profile-grid .bwf-archive-episode-thumb span {

    width: 42px;

    height: 42px;

    font-size: 14px;

    opacity: 0;

    transition:

        opacity .2s ease,

        transform .2s ease;

}

.bwf-profile-grid .bwf-archive-episode-card:hover

.bwf-archive-episode-thumb span {

    opacity: 1;

    transform: translate(-50%, -50%) scale(1.05);

}

.bwf-profile-grid .bwf-archive-episode-body {

    display: flex;

    flex-direction: column;

    flex: 1;

    min-width: 0;

    padding: 11px;

}

.bwf-profile-grid .bwf-archive-episode-body small {

    display: block;

    margin: 0 0 5px;

    color: #ffbac3;

    font-size: 11px;

    font-weight: 800;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.bwf-profile-grid .bwf-archive-episode-body h3 {

    margin: 0 0 6px;

    color: #fff;

    font-size: 13px;

    line-height: 1.3;

    font-weight: 900;

}

.bwf-profile-grid .bwf-archive-episode-body p {

    margin: 0 0 9px;

    color: #9295a0;

    font-size: 11px;

}

.bwf-profile-grid .bwf-episode-watch-btn {

    min-height: 32px;

    margin-top: auto;

    justify-content: center;

    border-radius: 9px;

    background: #202126;

    font-size: 11px;

}

.bwf-profile-grid .bwf-episode-watch-btn:hover {

    background: #ef233c;

}

/* =========================================================

   CONTINUE WATCHING

========================================================= */

.bwf-continue-watching-card {

    display: grid;

    grid-template-columns: 82px minmax(0, 1fr) auto;

    gap: 16px;

    align-items: center;

    margin: 26px 0;

    padding: 15px;

    overflow: hidden;

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 16px;

    background:

        linear-gradient(

            135deg,

            rgba(239,35,60,.13),

            rgba(32,33,38,.96) 42%

        );

}

.bwf-continue-poster {

    position: relative;

    width: 82px;

    height: 110px;

    overflow: hidden;

    border-radius: 12px;

    background: #111216;

}

.bwf-continue-poster img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.bwf-continue-poster::after {

    content: "";

    position: absolute;

    inset: 0;

    background: rgba(0,0,0,.24);

}

.bwf-continue-poster span {

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 2;

    width: 34px;

    height: 34px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 999px;

    background: #ef233c;

    color: #fff;

    font-size: 12px;

    transform: translate(-50%, -50%);

}

.bwf-continue-content {

    min-width: 0;

}

.bwf-continue-content small {

    display: block;

    margin-bottom: 5px;

    color: #ef233c;

    font-size: 11px;

    font-weight: 900;

    text-transform: uppercase;

    letter-spacing: .4px;

}

.bwf-continue-content h2 {

    margin: 0 0 7px;

    color: #fff;

    font-size: 19px;

    line-height: 1.25;

    font-weight: 900;

}

.bwf-continue-content p {

    margin: 0;

    color: #aeb1bb;

    font-size: 12px;

}

.bwf-continue-content p strong {

    color: #fff;

}

.bwf-continue-next-text {

    display: block;

    margin-top: 6px;

    color: #d4d6dc;

    font-size: 12px;

    font-weight: 700;

}

.bwf-continue-button {

    min-height: 42px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    padding: 0 15px;

    border-radius: 11px;

    background: #ef233c;

    color: #fff;

    font-size: 12px;

    font-weight: 900;

    white-space: nowrap;

    transition:

        background .2s ease,

        transform .2s ease;

}

.bwf-continue-button:hover {

    background: #ff3048;

    transform: translateY(-2px);

}

/* =========================================================

   NEXT EPISODE CARD

========================================================= */

.bwf-next-episode-card {

    display: grid;

    grid-template-columns: 44px minmax(0, 1fr) auto;

    gap: 13px;

    align-items: center;

    margin-top: 14px;

    padding: 14px;

    border: 1px solid rgba(255,255,255,.07);

    border-radius: 14px;

    background: #202126;

}

.bwf-next-episode-icon {

    width: 44px;

    height: 44px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 12px;

    background: rgba(239,35,60,.14);

    color: #ef233c;

    font-size: 17px;

}

.bwf-next-episode-content {

    min-width: 0;

}

.bwf-next-episode-content span {

    display: block;

    color: #9699a3;

    font-size: 11px;

    font-weight: 700;

}

.bwf-next-episode-content strong {

    display: block;

    margin-top: 3px;

    color: #fff;

    font-size: 14px;

    font-weight: 900;

}

.bwf-next-episode-card > a {

    min-height: 38px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    padding: 0 13px;

    border-radius: 10px;

    background: #ef233c;

    color: #fff;

    font-size: 11px;

    font-weight: 900;

}

.bwf-next-episode-card > a:hover {

    background: #ff3048;

}

/* =========================================================

   PROFILE - CONTINUE WATCHING

========================================================= */

.bwf-profile-continue-grid {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 16px;

}

.bwf-profile-continue-card {

    min-width: 0;

    display: grid;

    grid-template-columns: 132px minmax(0, 1fr);

    overflow: hidden;

    border: 1px solid rgba(255,255,255,.07);

    border-radius: 16px;

    background: #191a1f;

    transition:

        transform .2s ease,

        border-color .2s ease,

        box-shadow .2s ease;

}

.bwf-profile-continue-card:hover {

    transform: translateY(-3px);

    border-color: rgba(239,35,60,.4);

    box-shadow: 0 16px 34px rgba(0,0,0,.2);

}

.bwf-profile-continue-poster {

    position: relative;

    display: block;

    min-height: 220px;

    overflow: hidden;

    background: #111216;

}

.bwf-profile-continue-poster::after {

    content: "";

    position: absolute;

    inset: 0;

    background:

        linear-gradient(

            to bottom,

            rgba(0,0,0,.04),

            rgba(0,0,0,.72)

        );

}

.bwf-profile-continue-poster img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition:

        transform .28s ease,

        filter .28s ease;

}

.bwf-profile-continue-card:hover

.bwf-profile-continue-poster img {

    transform: scale(1.05);

    filter: brightness(.75);

}

.bwf-profile-continue-poster > span {

    position: absolute;

    top: 50%;

    left: 50%;

    z-index: 2;

    width: 42px;

    height: 42px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 999px;

    background: #ef233c;

    color: #fff;

    font-size: 14px;

    opacity: 0;

    transform:

        translate(-50%, -50%)

        scale(.8);

    transition:

        opacity .2s ease,

        transform .2s ease;

}

.bwf-profile-continue-card:hover

.bwf-profile-continue-poster > span {

    opacity: 1;

    transform:

        translate(-50%, -50%)

        scale(1);

}

.bwf-profile-continue-poster > em {

    position: absolute;

    right: 9px;

    bottom: 9px;

    left: 9px;

    z-index: 2;

    min-height: 25px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 0 8px;

    border-radius: 8px;

    background: rgba(239,35,60,.92);

    color: #fff;

    font-size: 10px;

    line-height: 1;

    font-style: normal;

    font-weight: 900;

}

.bwf-profile-continue-body {

    min-width: 0;

    display: flex;

    flex-direction: column;

    padding: 15px;

}

.bwf-profile-continue-body > small {

    display: block;

    margin-bottom: 5px;

    color: #ef233c;

    font-size: 10px;

    font-weight: 900;

    text-transform: uppercase;

    letter-spacing: .4px;

}

.bwf-profile-continue-body h3 {

    margin: 0 0 13px;

    color: #fff;

    font-size: 17px;

    line-height: 1.25;

    font-weight: 900;

}

.bwf-profile-continue-body h3 a:hover {

    color: #ef233c;

}

.bwf-profile-continue-info {

    margin-bottom: 9px;

    padding: 9px 10px;

    border-radius: 10px;

    background: #202126;

}

.bwf-profile-continue-info span {

    display: block;

    margin-bottom: 3px;

    color: #9295a0;

    font-size: 10px;

    font-weight: 700;

}

.bwf-profile-continue-info strong {

    display: block;

    color: #fff;

    font-size: 12px;

    line-height: 1.3;

    font-weight: 900;

}

.bwf-profile-continue-info.is-next {

    background: rgba(239,35,60,.1);

    border: 1px solid rgba(239,35,60,.16);

}

.bwf-profile-continue-info.is-next span {

    color: #ff9eaa;

}

.bwf-profile-continue-button {

    min-height: 38px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    margin-top: auto;

    padding: 0 12px;

    border-radius: 10px;

    background: #ef233c;

    color: #fff;

    font-size: 11px;

    font-weight: 900;

    text-align: center;

}

.bwf-profile-continue-button:hover {

    background: #ff3048;

    color: #fff;

}

/* =========================================================

   SIDEBAR QUICK LINKS

========================================================= */

.bwf-sidebar-quick-links {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 9px;

    margin-bottom: 18px;

}

.bwf-sidebar-quick-links.has-one-item {

    grid-template-columns: 1fr;

}

.bwf-sidebar-quick-card {

    min-width: 0;

    min-height: 82px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 9px;

    padding: 12px 8px;

    overflow: hidden;

    border: 1px solid rgba(255,255,255,.05);

    border-radius: 14px;

    background: #191a1f;

    color: #fff;

    text-align: center;

    transition:

        transform .2s ease,

        background .2s ease,

        border-color .2s ease,

        box-shadow .2s ease;

}

.bwf-sidebar-quick-card.is-robot {

    border-color: rgba(239,35,60,.3);

    background:

        linear-gradient(

            135deg,

            #ef233c,

            #d91f35

        );

    box-shadow: 0 10px 24px rgba(239,35,60,.15);

}

.bwf-sidebar-quick-card.is-request {

    background:

        linear-gradient(

            135deg,

            #1b1c21,

            #131419

        );

}

.bwf-sidebar-quick-card:hover {

    transform: translateY(-3px);

    border-color: rgba(255,255,255,.15);

    color: #fff;

    box-shadow: 0 14px 28px rgba(0,0,0,.24);

}

.bwf-sidebar-quick-card.is-robot:hover {

    background:

        linear-gradient(

            135deg,

            #ff3048,

            #e01f38

        );

}

.bwf-sidebar-quick-card.is-request:hover {

    background: #202126;

}

.bwf-sidebar-quick-icon {

    width: 26px;

    height: 26px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    color: rgba(255,255,255,.82);

    font-size: 18px;

}

.bwf-sidebar-quick-card.is-request

.bwf-sidebar-quick-icon {

    color: #9da0aa;

}

.bwf-sidebar-quick-card strong {

    width: 100%;

    color: #fff;

    font-size: 12px;

    line-height: 1.2;

    font-weight: 900;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

/* =========================================================

   MOVIE REQUESTS PAGE

========================================================= */

.bwf-request-page {

    margin-top: -14px;

}

.bwf-request-hero {

    display: grid;

    grid-template-columns: 64px minmax(0, 1fr) auto;

    gap: 18px;

    align-items: center;

    margin-bottom: 22px;

    padding: 24px;

    overflow: hidden;

    border: 1px solid rgba(255,255,255,.07);

    border-radius: 0 0 18px 18px;

    background:

        radial-gradient(

            circle at top right,

            rgba(239,35,60,.2),

            transparent 36%

        ),

        linear-gradient(

            135deg,

            #202126,

            #17181d

        );

}

.bwf-request-hero-icon {

    width: 64px;

    height: 64px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 18px;

    background: #ef233c;

    color: #fff;

    font-size: 25px;

    box-shadow: 0 12px 30px rgba(239,35,60,.22);

}

.bwf-request-hero-content {

    min-width: 0;

}

.bwf-request-hero-content > span,

.bwf-request-feed-head span {

    display: block;

    margin-bottom: 5px;

    color: #ef233c;

    font-size: 11px;

    font-weight: 900;

    text-transform: uppercase;

    letter-spacing: .5px;

}

.bwf-request-hero h1 {

    margin: 0 0 7px;

    color: #fff;

    font-size: 27px;

    line-height: 1.2;

    font-weight: 900;

}

.bwf-request-hero p {

    max-width: 650px;

    margin: 0;

    color: #afb2bc;

    font-size: 13px;

    line-height: 1.6;

}

.bwf-request-hero-stat {

    min-width: 115px;

    padding: 13px;

    border-radius: 13px;

    background: rgba(0,0,0,.22);

    text-align: center;

}

.bwf-request-hero-stat strong {

    display: block;

    color: #fff;

    font-size: 24px;

    line-height: 1;

}

.bwf-request-hero-stat span {

    display: block;

    margin-top: 6px;

    color: #a6a9b2;

    font-size: 10px;

    font-weight: 700;

}

.bwf-request-layout {

    display: grid;

    grid-template-columns: minmax(0, 1fr) 280px;

    gap: 22px;

    align-items: start;

}

.bwf-request-main {

    min-width: 0;

}

.bwf-request-form-section,

.bwf-request-feed {

    margin-bottom: 18px;

    padding: 18px;

    border: 1px solid rgba(255,255,255,.06);

    border-radius: 16px;

    background: #202126;

}

.bwf-request-form-user {

    display: flex;

    align-items: center;

    gap: 11px;

    margin-bottom: 15px;

}

.bwf-request-form-user img {

    width: 46px;

    height: 46px;

    border-radius: 999px;

}

.bwf-request-form-user span {

    display: block;

    color: #989ba5;

    font-size: 10px;

}

.bwf-request-form-user strong {

    display: block;

    margin-top: 2px;

    color: #fff;

    font-size: 13px;

}

.bwf-request-form .comment-reply-title {

    margin: 0 0 13px;

    color: #fff;

    font-size: 17px;

}

.bwf-request-form .comment-reply-title small {

    display: block;

    margin-top: 5px;

}

.bwf-request-form .comment-reply-title a {

    color: #ef233c;

    font-size: 11px;

}

.bwf-request-field label {

    display: block;

    margin-bottom: 7px;

    color: #fff;

    font-size: 12px;

    font-weight: 900;

}

.bwf-request-field textarea {

    width: 100%;

    min-height: 130px;

    resize: vertical;

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 13px;

    outline: 0;

    padding: 13px;

    background: #15161a;

    color: #fff;

    font: inherit;

    line-height: 1.6;

}

.bwf-request-field textarea:focus {

    border-color: rgba(239,35,60,.65);

    box-shadow: 0 0 0 3px rgba(239,35,60,.1);

}

.bwf-request-field small {

    display: block;

    margin-top: 7px;

    color: #898c96;

    font-size: 10px;

}

.bwf-request-form .form-submit {

    margin: 13px 0 0;

}

.bwf-request-submit {

    min-height: 41px;

    border: 0;

    border-radius: 11px;

    padding: 0 17px;

    background: #ef233c;

    color: #fff;

    font-weight: 900;

    cursor: pointer;

}

.bwf-request-submit:hover {

    background: #ff3048;

}

.bwf-request-login-box {

    display: grid;

    grid-template-columns: 44px minmax(0, 1fr) auto;

    gap: 13px;

    align-items: center;

}

.bwf-request-login-box > span {

    width: 44px;

    height: 44px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 12px;

    background: rgba(239,35,60,.13);

    color: #ef233c;

}

.bwf-request-login-box strong {

    display: block;

    color: #fff;

    font-size: 13px;

}

.bwf-request-login-box p {

    margin: 4px 0 0;

    color: #9699a3;

    font-size: 11px;

}

.bwf-request-login-box > a {

    min-height: 38px;

    display: inline-flex;

    align-items: center;

    padding: 0 14px;

    border-radius: 10px;

    background: #ef233c;

    color: #fff;

    font-size: 11px;

    font-weight: 900;

}

.bwf-request-feed-head {

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

    gap: 14px;

    margin-bottom: 15px;

    padding-bottom: 12px;

    border-bottom: 1px solid rgba(255,255,255,.07);

}

.bwf-request-feed-head h2 {

    margin: 0;

    color: #fff;

    font-size: 18px;

}

.bwf-request-feed-head > strong {

    color: #a5a8b1;

    font-size: 10px;

}

.bwf-request-list {

    display: grid;

    gap: 11px;

}

.bwf-request-list .children {

    display: grid;

    gap: 10px;

    margin: 10px 0 0 52px;

    padding: 0;

}

.bwf-request-card {

    display: grid;

    grid-template-columns: 46px minmax(0, 1fr);

    gap: 11px;

    padding: 14px;

    border: 1px solid rgba(255,255,255,.06);

    border-radius: 14px;

    background: #191a1f;

}

.bwf-request-avatar img {

    width: 46px;

    height: 46px;

    border-radius: 999px;

}

.bwf-request-content {

    min-width: 0;

}

.bwf-request-head {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    gap: 12px;

    margin-bottom: 9px;

}

.bwf-request-head > div {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 6px;

}

.bwf-request-head strong {

    color: #fff;

    font-size: 12px;

}

.bwf-request-head time {

    flex: 0 0 auto;

    color: #7f828c;

    font-size: 9px;

}

.bwf-request-admin-badge,

.bwf-request-reply-badge {

    min-height: 20px;

    display: inline-flex;

    align-items: center;

    padding: 0 6px;

    border-radius: 6px;

    font-size: 8px;

    font-weight: 900;

}

.bwf-request-admin-badge {

    background: #ef233c;

    color: #fff;

}

.bwf-request-reply-badge {

    background: #2d2f36;

    color: #afb2bb;

}

.bwf-request-text {

    color: #d7d8dc;

    font-size: 12px;

    line-height: 1.65;

    overflow-wrap: anywhere;

}

.bwf-request-text p {

    margin: 0;

}

.bwf-request-moderation {

    margin-bottom: 9px;

    padding: 8px 10px;

    border-radius: 9px;

    background: rgba(255,193,7,.1);

    color: #ffd970;

    font-size: 10px;

}

.bwf-request-actions {

    display: flex;

    gap: 12px;

    margin-top: 10px;

}

.bwf-request-actions a {

    color: #9699a3;

    font-size: 10px;

    font-weight: 800;

}

.bwf-request-actions a:hover {

    color: #ef233c;

}

.bwf-request-sidebar {

    position: sticky;

    top: 126px;

}

.bwf-request-side-card {

    margin-bottom: 14px;

    padding: 16px;

    border: 1px solid rgba(255,255,255,.06);

    border-radius: 15px;

    background: #202126;

}

.bwf-request-side-icon {

    width: 39px;

    height: 39px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 12px;

    border-radius: 11px;

    background: rgba(239,35,60,.12);

    color: #ef233c;

}

.bwf-request-side-card h3 {

    margin: 0 0 11px;

    color: #fff;

    font-size: 14px;

}

.bwf-request-side-card ul {

    display: grid;

    gap: 8px;

    margin: 0;

    padding-left: 17px;

    color: #a3a6af;

    font-size: 11px;

    line-height: 1.5;

}

.bwf-request-robot-card {

    display: grid;

    grid-template-columns: 40px minmax(0, 1fr) auto;

    gap: 10px;

    align-items: center;

    padding: 14px;

    border-radius: 15px;

    background:

        linear-gradient(

            135deg,

            #ef233c,

            #ca1d32

        );

    color: #fff;

}

.bwf-request-robot-card > span {

    width: 40px;

    height: 40px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 11px;

    background: rgba(255,255,255,.14);

}

.bwf-request-robot-card small,

.bwf-request-robot-card strong {

    display: block;

}

.bwf-request-robot-card small {

    color: rgba(255,255,255,.75);

    font-size: 9px;

}

.bwf-request-robot-card strong {

    margin-top: 3px;

    font-size: 11px;

}

/* =========================================================

   SIGN IN / REGISTER / PASSWORD RESET

========================================================= */

.bwf-auth-page {

    min-height: calc(100vh - 120px);

    margin-top: -14px;

    padding: 52px 0 64px;

    background:

        radial-gradient(

            circle at 50% 0,

            rgba(239,35,60,.09),

            transparent 34%

        );

}

.bwf-auth-page .bwf-container {

    width: min(100% - 32px, 1180px);

}

.bwf-auth-shell {

    width: min(100%, 520px);

    margin: 0 auto;

}

.bwf-auth-card {

    width: 100%;

    padding: 30px;

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 22px;

    background:

        linear-gradient(

            145deg,

            rgba(34,35,41,.98),

            rgba(25,26,31,.98)

        );

    box-shadow: 0 24px 70px rgba(0,0,0,.28);

}

.bwf-auth-card-head {

    position: relative;

    margin-bottom: 24px;

    text-align: center;

}

.bwf-auth-logo {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 25px;

}

.bwf-auth-logo .bwf-logo-img {

    max-height: 38px;

}

.bwf-auth-logo .bwf-logo-mark {

    width: 35px;

    height: 35px;

    font-size: 20px;

    border-radius: 11px;

}

.bwf-auth-logo .bwf-logo-text {

    font-size: 20px;

}

.bwf-auth-page-icon {

    width: 48px;

    height: 48px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto 15px;

    border-radius: 15px;

    background: rgba(239,35,60,.12);

    color: #ef233c;

    font-size: 19px;

}

.bwf-auth-card-head h1 {

    margin: 0;

    color: #fff;

    font-size: 27px;

    line-height: 1.2;

    font-weight: 900;

    letter-spacing: -.5px;

}

.bwf-auth-card-head p {

    max-width: 420px;

    margin: 9px auto 0;

    color: #9699a3;

    font-size: 12px;

    line-height: 1.65;

}

.bwf-auth-tabs {

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 5px;

    margin-bottom: 23px;

    padding: 5px;

    border-radius: 13px;

    background: #15161a;

}

.bwf-auth-tabs a {

    min-width: 0;

    min-height: 38px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 0 8px;

    border-radius: 9px;

    color: #8f929c;

    font-size: 11px;

    line-height: 1.2;

    font-weight: 900;

    text-align: center;

    transition:

        background .2s ease,

        color .2s ease,

        box-shadow .2s ease;

}

.bwf-auth-tabs a:hover {

    color: #fff;

}

.bwf-auth-tabs a.is-active {

    background: #ef233c;

    color: #fff;

    box-shadow: 0 8px 22px rgba(239,35,60,.18);

}

.bwf-auth-alert {

    display: flex;

    align-items: flex-start;

    gap: 9px;

    margin-bottom: 18px;

    padding: 11px 12px;

    border: 1px solid transparent;

    border-radius: 11px;

    font-size: 11px;

    line-height: 1.5;

}

.bwf-auth-alert i {

    margin-top: 2px;

}

.bwf-auth-alert.is-error {

    border-color: rgba(239,35,60,.25);

    background: rgba(239,35,60,.1);

    color: #ffadb7;

}

.bwf-auth-alert.is-success {

    border-color: rgba(45,196,126,.25);

    background: rgba(45,196,126,.1);

    color: #8fe0ba;

}

.bwf-auth-form {

    display: grid;

    gap: 16px;

}

.bwf-auth-form > label,

.bwf-auth-password-grid > label {

    display: block;

}

.bwf-auth-form label > span,

.bwf-auth-password-grid label > span {

    display: block;

    margin-bottom: 7px;

    color: #d4d5da;

    font-size: 11px;

    font-weight: 800;

}

.bwf-auth-input-wrap {

    position: relative;

}

.bwf-auth-input-wrap > i {

    position: absolute;

    top: 50%;

    left: 14px;

    z-index: 2;

    color: #696d77;

    font-size: 13px;

    transform: translateY(-50%);

    pointer-events: none;

}

.bwf-auth-input-wrap input {

    width: 100%;

    height: 47px;

    border: 1px solid rgba(255,255,255,.08);

    border-radius: 12px;

    outline: 0;

    padding: 0 14px 0 40px;

    background: #141519;

    color: #fff;

    font: inherit;

    font-size: 12px;

    transition:

        border-color .2s ease,

        box-shadow .2s ease,

        background .2s ease;

}

.bwf-auth-input-wrap input::placeholder {

    color: #646873;

}

.bwf-auth-input-wrap input:focus {

    border-color: rgba(239,35,60,.6);

    background: #111216;

    box-shadow: 0 0 0 3px rgba(239,35,60,.09);

}

.bwf-auth-password-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 12px;

}

.bwf-auth-row {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 14px;

    margin-top: -2px;

}

.bwf-auth-row > a {

    color: #a8aab2;

    font-size: 10px;

    font-weight: 800;

}

.bwf-auth-row > a:hover {

    color: #fff;

}

.bwf-auth-check {

    display: inline-flex !important;

    align-items: center;

    gap: 7px;

    margin: 0;

    cursor: pointer;

}

.bwf-auth-check input {

    width: 15px;

    height: 15px;

    margin: 0;

    accent-color: #ef233c;

}

.bwf-auth-check span {

    margin: 0 !important;

    color: #989ba4 !important;

    font-size: 10px !important;

    font-weight: 700 !important;

}

.bwf-auth-form > button {

    width: 100%;

    min-height: 47px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    margin-top: 2px;

    border: 0;

    border-radius: 12px;

    background: #ef233c;

    color: #fff;

    font-size: 12px;

    font-weight: 900;

    cursor: pointer;

    box-shadow: 0 12px 28px rgba(239,35,60,.17);

    transition:

        transform .2s ease,

        background .2s ease,

        box-shadow .2s ease;

}

.bwf-auth-form > button:hover {

    background: #ff3048;

    transform: translateY(-1px);

    box-shadow: 0 15px 32px rgba(239,35,60,.22);

}

.bwf-auth-bottom {

    margin: 20px 0 0;

    color: #858892;

    font-size: 10px;

    text-align: center;

}

.bwf-auth-bottom a {

    margin-left: 3px;

    color: #fff;

    font-weight: 900;

}

.bwf-auth-bottom a:hover {

    color: #ef233c;

}

.bwf-auth-note {

    display: flex;

    align-items: flex-start;

    gap: 10px;

    margin-top: 24px;

    padding-top: 18px;

    border-top: 1px solid rgba(255,255,255,.07);

}

.bwf-auth-note i {

    margin-top: 2px;

    color: #70737d;

    font-size: 12px;

}

.bwf-auth-note p {

    margin: 0;

    color: #777a84;

    font-size: 9px;

    line-height: 1.6;

}

/* =========================================================

   AUTH PAGE FINAL ADJUSTMENTS

========================================================= */

.bwf-auth-card-head {

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-bottom: 28px;

}

.bwf-auth-logo {

    display: flex;

    width: max-content;

    margin: 0 auto 22px;

}

.bwf-auth-page-icon {

    display: flex;

    flex: 0 0 auto;

    margin: 0 auto 16px;

}

.bwf-auth-card-head h1 {

    margin: 0 0 10px;

}

.bwf-auth-card-head p {

    margin: 0 auto;

}

.bwf-auth-tabs {

    margin-top: 0;

    margin-bottom: 26px;

}

.bwf-auth-form {

    gap: 19px;

}

.bwf-auth-input-wrap > i {

    left: 16px;

    width: 16px;

    text-align: center;

}

.bwf-auth-input-wrap input {

    padding-left: 48px;

}

.bwf-auth-row {

    min-height: 24px;

    margin-top: -4px;

}

.bwf-auth-form > button {

    margin-top: 3px;

}

.bwf-auth-bottom {

    margin-top: 22px;

}

.bwf-auth-note {

    margin-top: 26px;

    padding-top: 20px;

}

/* Add more breathing room to the card. */

.bwf-auth-card {

    padding: 34px 32px;

}

/* Keep the logo and icon from appearing on the same row. */

.bwf-auth-card-head > .bwf-auth-logo,

.bwf-auth-card-head > .bwf-auth-page-icon {

    position: static;

    float: none;

}

/* =========================================================

   AUTH HEADER AND INPUT ICON ADJUSTMENTS

========================================================= */

/* Display only the logo in the top area. */

.bwf-auth-card-head {

    display: block;

    margin: 0 0 22px;

    text-align: center;

}

.bwf-auth-logo {

    display: inline-flex;

    width: auto;

    margin: 0 auto;

}

/* Input wrapper. */

.bwf-auth-form .bwf-auth-input-wrap {

    position: relative;

}

/* Icon inside the input. */

.bwf-auth-form .bwf-auth-input-wrap > i {

    position: absolute;

    top: 50%;

    left: 17px;

    z-index: 2;

    width: 18px;

    margin: 0;

    color: #696d77;

    font-size: 13px;

    line-height: 1;

    text-align: center;

    transform: translateY(-50%);

    pointer-events: none;

}

/*

 * Override the previous padding: 0 14px rule

 * with a more specific selector.

 */

.bwf-auth-form .bwf-auth-input-wrap input[type="text"],

.bwf-auth-form .bwf-auth-input-wrap input[type="email"],

.bwf-auth-form .bwf-auth-input-wrap input[type="password"] {

    width: 100%;

    padding-right: 16px;

    padding-left: 54px;

}

/* Keep placeholder text clear and readable. */

.bwf-auth-form .bwf-auth-input-wrap input::placeholder {

    color: #666a75;

    opacity: 1;

}

/* =========================================================

   STANDARD POST DETAIL PAGE

========================================================= */

.bwf-single-post-page {

    margin-top: -14px;

}

.bwf-single-post-page > .bwf-container {

    padding-bottom: 10px;

}

.bwf-single-article {

    width: min(100%, 900px);

    margin: 26px auto 0;

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, .07);

    border-radius: 20px;

    background: #202126;

    box-shadow: 0 24px 60px rgba(0, 0, 0, .18);

}

.bwf-single-article-head {

    padding: 34px 42px 28px;

    border-bottom: 1px solid rgba(255, 255, 255, .07);

    background:

        radial-gradient(

            circle at 100% 0,

            rgba(239, 35, 60, .12),

            transparent 38%

        ),

        #202126;

}

.bwf-single-categories {

    display: flex;

    flex-wrap: wrap;

    gap: 7px;

    margin-bottom: 15px;

}

.bwf-single-categories a {

    min-height: 27px;

    display: inline-flex;

    align-items: center;

    padding: 0 10px;

    border-radius: 999px;

    background: rgba(239, 35, 60, .13);

    color: #ff8493;

    font-size: 11px;

    font-weight: 800;

    transition:

        color .2s ease,

        background .2s ease;

}

.bwf-single-categories a:hover {

    background: #ef233c;

    color: #fff;

}

.bwf-single-article-head h1 {

    max-width: 800px;

    margin: 0;

    color: #fff;

    font-size: clamp(30px, 4vw, 45px);

    line-height: 1.14;

    font-weight: 900;

    letter-spacing: -1.1px;

}

.bwf-single-article-meta {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 16px;

    margin-top: 18px;

    color: #92959f;

    font-size: 12px;

    font-weight: 700;

}

.bwf-single-article-meta span {

    display: inline-flex;

    align-items: center;

    gap: 7px;

}

.bwf-single-article-meta i {

    color: #ef233c;

    font-size: 12px;

}

.bwf-single-featured-image {

    margin: 0;

    overflow: hidden;

    background: #141519;

}

.bwf-single-featured-image img {

    width: 100%;

    max-height: 520px;

    object-fit: cover;

}

.bwf-single-article-content {

    padding: 38px 42px 42px;

    color: #d4d6dc;

    font-size: 16px;

    line-height: 1.9;

}

.bwf-single-article-content > *:first-child {

    margin-top: 0;

}

.bwf-single-article-content > *:last-child {

    margin-bottom: 0;

}

.bwf-single-article-content p {

    margin: 0 0 22px;

}

.bwf-single-article-content h2,

.bwf-single-article-content h3,

.bwf-single-article-content h4 {

    color: #fff;

    line-height: 1.3;

    font-weight: 900;

    letter-spacing: -.35px;

}

.bwf-single-article-content h2 {

    margin: 38px 0 17px;

    padding-bottom: 11px;

    border-bottom: 1px solid rgba(255, 255, 255, .08);

    font-size: 27px;

}

.bwf-single-article-content h3 {

    margin: 30px 0 14px;

    font-size: 22px;

}

.bwf-single-article-content h4 {

    margin: 25px 0 12px;

    font-size: 18px;

}

.bwf-single-article-content a {

    color: #ff566a;

    font-weight: 700;

    text-decoration: underline;

    text-decoration-color: rgba(239, 35, 60, .45);

    text-underline-offset: 3px;

}

.bwf-single-article-content a:hover {

    color: #fff;

}

.bwf-single-article-content ul,

.bwf-single-article-content ol {

    margin: 0 0 23px;

    padding-left: 23px;

}

.bwf-single-article-content li {

    margin-bottom: 8px;

}

.bwf-single-article-content blockquote {

    position: relative;

    margin: 28px 0;

    padding: 20px 22px 20px 25px;

    border: 1px solid rgba(239, 35, 60, .2);

    border-left: 4px solid #ef233c;

    border-radius: 0 14px 14px 0;

    background: rgba(239, 35, 60, .07);

    color: #e7e8eb;

}

.bwf-single-article-content blockquote p:last-child {

    margin-bottom: 0;

}

.bwf-single-article-content img {

    height: auto;

    margin: 28px auto;

    border-radius: 14px;

}

.bwf-single-article-content figure {

    max-width: 100%;

    margin: 28px 0;

}

.bwf-single-article-content figcaption {

    margin-top: 9px;

    color: #858994;

    font-size: 12px;

    text-align: center;

}

.bwf-single-article-content table {

    width: 100%;

    margin: 25px 0;

    border-collapse: collapse;

    overflow: hidden;

    border-radius: 12px;

}

.bwf-single-article-content th,

.bwf-single-article-content td {

    padding: 12px 14px;

    border: 1px solid rgba(255, 255, 255, .08);

    text-align: left;

}

.bwf-single-article-content th {

    background: #17181d;

    color: #fff;

}

.bwf-single-article-content code {

    padding: 3px 6px;

    border-radius: 6px;

    background: #141519;

    color: #ff8795;

    font-size: .9em;

}

.bwf-single-article-content pre {

    max-width: 100%;

    overflow-x: auto;

    margin: 25px 0;

    padding: 18px;

    border-radius: 13px;

    background: #141519;

    color: #e7e8eb;

}

.bwf-single-article-content pre code {

    padding: 0;

    background: transparent;

    color: inherit;

}

.bwf-single-page-links {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 7px;

    margin-top: 28px;

}

.bwf-single-page-links > span {

    color: #fff;

    font-weight: 800;

}

.bwf-single-page-links a,

.bwf-single-page-links > .post-page-numbers {

    min-width: 34px;

    height: 34px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 9px;

    background: #17181d;

    color: #fff;

    text-decoration: none;

}

.bwf-single-page-links .current {

    background: #ef233c;

}

.bwf-single-article-footer {

    padding: 0 42px 35px;

}

.bwf-single-tags {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 7px;

    padding-top: 22px;

    border-top: 1px solid rgba(255, 255, 255, .07);

}

.bwf-single-tags > i {

    margin-right: 3px;

    color: #ef233c;

}

.bwf-single-tags a {

    min-height: 28px;

    display: inline-flex;

    align-items: center;

    padding: 0 10px;

    border-radius: 8px;

    background: #17181d;

    color: #aeb1ba;

    font-size: 11px;

    font-weight: 800;

}

.bwf-single-tags a:hover {

    background: #ef233c;

    color: #fff;

}

.bwf-single-post-navigation {

    width: min(100%, 900px);

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 12px;

    margin: 16px auto 0;

}

.bwf-single-nav-item {

    min-height: 92px;

    padding: 16px 18px;

    border: 1px solid rgba(255, 255, 255, .07);

    border-radius: 15px;

    background: #202126;

}

.bwf-single-nav-item:empty {

    display: none;

}

.bwf-single-nav-item > span {

    display: block;

    margin-bottom: 7px;

    color: #777b86;

    font-size: 10px;

    font-weight: 800;

    text-transform: uppercase;

    letter-spacing: .6px;

}

.bwf-single-nav-item > a {

    display: flex;

    align-items: center;

    gap: 8px;

    color: #fff;

    font-size: 13px;

    line-height: 1.4;

    font-weight: 900;

}

.bwf-single-nav-item > a:hover {

    color: #ef233c;

}

.bwf-single-nav-item.is-next {

    text-align: right;

}

.bwf-single-nav-item.is-next > a {

    justify-content: flex-end;

}

.bwf-single-post-page .bwf-comments-area {

    width: min(100%, 900px);

    margin-right: auto;

    margin-left: auto;

}

/* Use full width when only one adjacent post exists. */

.bwf-single-post-navigation.has-single-item {

    grid-template-columns: 1fr;

}

/* =========================================================

   CONTACT PAGE

========================================================= */

.bwf-contact-page {

    margin-top: -14px;

}

.bwf-contact-hero {

    display: flex;

    align-items: center;

    gap: 18px;

    margin-top: 22px;

    padding: 25px 28px;

    border: 1px solid rgba(255,255,255,.07);

    border-radius: 18px;

    background:

        radial-gradient(

            circle at 100% 0,

            rgba(239,35,60,.16),

            transparent 36%

        ),

        #202126;

}

.bwf-contact-hero-icon {

    width: 58px;

    height: 58px;

    flex: 0 0 58px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 17px;

    background: rgba(239,35,60,.13);

    color: #ef233c;

    font-size: 22px;

}

.bwf-contact-hero span,

.bwf-contact-form-head > span,

.bwf-contact-info-head > span {

    display: block;

    margin-bottom: 6px;

    color: #ef233c;

    font-size: 10px;

    font-weight: 900;

    letter-spacing: 1.1px;

    text-transform: uppercase;

}

.bwf-contact-hero h1 {

    margin: 0;

    color: #fff;

    font-size: 29px;

    line-height: 1.2;

    font-weight: 900;

    letter-spacing: -.6px;

}

.bwf-contact-hero p {

    max-width: 720px;

    margin: 8px 0 0;

    color: #9da0aa;

    font-size: 13px;

    line-height: 1.65;

}

.bwf-contact-layout {

    display: grid;

    grid-template-columns: 340px minmax(0, 1fr);

    gap: 20px;

    align-items: start;

    margin-top: 20px;

}

.bwf-contact-info-card,

.bwf-contact-form-card {

    border: 1px solid rgba(255,255,255,.07);

    border-radius: 18px;

    background: #202126;

}

.bwf-contact-info-card {

    padding: 24px;

}

.bwf-contact-info-head h2,

.bwf-contact-form-head h2 {

    margin: 0;

    color: #fff;

    font-size: 21px;

    line-height: 1.3;

    font-weight: 900;

    letter-spacing: -.35px;

}

.bwf-contact-info-head p,

.bwf-contact-form-head p {

    margin: 9px 0 0;

    color: #92959f;

    font-size: 12px;

    line-height: 1.65;

}

.bwf-contact-info-list {

    display: grid;

    gap: 11px;

    margin-top: 22px;

}

.bwf-contact-info-list > div {

    display: grid;

    grid-template-columns: 42px minmax(0, 1fr);

    gap: 12px;

    align-items: start;

    padding: 13px;

    border: 1px solid rgba(255,255,255,.06);

    border-radius: 13px;

    background: #18191e;

}

.bwf-contact-info-icon {

    width: 42px;

    height: 42px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 12px;

    background: rgba(239,35,60,.11);

    color: #ef233c;

    font-size: 15px;

}

.bwf-contact-info-list strong {

    display: block;

    margin-top: 1px;

    color: #fff;

    font-size: 12px;

    font-weight: 900;

}

.bwf-contact-info-list p {

    margin: 5px 0 0;

    color: #858994;

    font-size: 10px;

    line-height: 1.55;

}

.bwf-contact-security-note {

    display: flex;

    align-items: flex-start;

    gap: 10px;

    margin-top: 20px;

    padding-top: 18px;

    border-top: 1px solid rgba(255,255,255,.07);

}

.bwf-contact-security-note i {

    margin-top: 2px;

    color: #747883;

    font-size: 12px;

}

.bwf-contact-security-note p {

    margin: 0;

    color: #747883;

    font-size: 9px;

    line-height: 1.6;

}

.bwf-contact-form-card {

    padding: 27px;

}

.bwf-contact-form-head {

    margin-bottom: 23px;

    padding-bottom: 19px;

    border-bottom: 1px solid rgba(255,255,255,.07);

}

.bwf-contact-alert {

    display: flex;

    align-items: flex-start;

    gap: 11px;

    margin-bottom: 20px;

    padding: 13px 14px;

    border: 1px solid transparent;

    border-radius: 13px;

}

.bwf-contact-alert > i {

    margin-top: 2px;

    font-size: 15px;

}

.bwf-contact-alert strong {

    display: block;

    color: #fff;

    font-size: 12px;

    font-weight: 900;

}

.bwf-contact-alert p {

    margin: 4px 0 0;

    font-size: 11px;

    line-height: 1.5;

}

.bwf-contact-alert.is-success {

    border-color: rgba(45,196,126,.25);

    background: rgba(45,196,126,.09);

    color: #7ee2b4;

}

.bwf-contact-alert.is-error {

    border-color: rgba(239,35,60,.25);

    background: rgba(239,35,60,.09);

    color: #ff9caa;

}

.bwf-contact-form {

    display: grid;

    gap: 17px;

}

.bwf-contact-form-grid {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 14px;

}

.bwf-contact-form label {

    display: block;

}

.bwf-contact-form label > span {

    display: block;

    margin-bottom: 7px;

    color: #d8d9de;

    font-size: 11px;

    font-weight: 800;

}

.bwf-contact-input-wrap {

    position: relative;

}

.bwf-contact-input-wrap > i {

    position: absolute;

    top: 50%;

    left: 16px;

    z-index: 2;

    width: 16px;

    color: #686c76;

    font-size: 13px;

    text-align: center;

    transform: translateY(-50%);

    pointer-events: none;

}

.bwf-contact-input-wrap.is-textarea > i {

    top: 17px;

    transform: none;

}

.bwf-contact-input-wrap input,

.bwf-contact-input-wrap textarea {

    width: 100%;

    border: 1px solid rgba(255,255,255,.08);

    outline: 0;

    border-radius: 12px;

    background: #15161a;

    color: #fff;

    font: inherit;

    font-size: 12px;

    transition:

        border-color .2s ease,

        background .2s ease,

        box-shadow .2s ease;

}

.bwf-contact-input-wrap input {

    height: 47px;

    padding: 0 15px 0 46px;

}

.bwf-contact-input-wrap textarea {

    min-height: 155px;

    padding: 14px 15px 14px 46px;

    line-height: 1.65;

    resize: vertical;

}

.bwf-contact-input-wrap input::placeholder,

.bwf-contact-input-wrap textarea::placeholder {

    color: #626671;

    opacity: 1;

}

.bwf-contact-input-wrap input:focus,

.bwf-contact-input-wrap textarea:focus {

    border-color: rgba(239,35,60,.65);

    background: #121317;

    box-shadow: 0 0 0 3px rgba(239,35,60,.08);

}

.bwf-contact-form-bottom {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 16px;

    margin-top: 2px;

}

.bwf-contact-form-bottom p {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    margin: 0;

    color: #777b85;

    font-size: 9px;

}

.bwf-contact-form-bottom p i {

    color: #858994;

}

.bwf-contact-form-bottom button {

    min-width: 180px;

    min-height: 46px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    border: 0;

    border-radius: 12px;

    background: #ef233c;

    color: #fff;

    font-size: 12px;

    font-weight: 900;

    cursor: pointer;

    box-shadow: 0 12px 28px rgba(239,35,60,.17);

    transition:

        background .2s ease,

        transform .2s ease,

        box-shadow .2s ease;

}

.bwf-contact-form-bottom button:hover {

    background: #ff3048;

    transform: translateY(-1px);

    box-shadow: 0 15px 32px rgba(239,35,60,.23);

}

.bwf-contact-honeypot {

    position: absolute !important;

    left: -9999px !important;

    width: 1px !important;

    height: 1px !important;

    overflow: hidden !important;

}

/* =========================================================

   MODERN FOOTER MENU

========================================================= */

.bwf-footer-top {

    display: grid;

    grid-template-columns: minmax(0, 1fr) 230px;

    gap: 44px;

    align-items: start;

}

.bwf-footer-top.has-no-menu {

    grid-template-columns: 1fr;

}

.bwf-footer-brand {

    min-width: 0;

}

.bwf-footer-brand p {

    max-width: 570px;

    margin: 16px 0 0;

    color: #9b9ea8;

    font-size: 13px;

    line-height: 1.7;

}

.bwf-footer-menu {

    width: 100%;

    min-width: 0;

}

.bwf-footer-menu h3 {

    position: relative;

    margin: 1px 0 14px;

    padding-bottom: 11px;

    color: #fff;

    font-size: 13px;

    line-height: 1.2;

    font-weight: 900;

}

.bwf-footer-menu h3::after {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 28px;

    height: 2px;

    border-radius: 999px;

    background: #ef233c;

}

.bwf-footer-links {

    display: grid;

    grid-template-columns: 1fr;

    gap: 5px;

    margin: 0;

    padding: 0;

    list-style: none;

    columns: auto;

}

.bwf-footer-links li {

    margin: 0;

    padding: 0;

}

.bwf-footer-links a {

    min-height: 34px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 12px;

    width: 100%;

    padding: 0 10px;

    border-radius: 9px;

    color: #9b9ea8;

    font-size: 12px;

    font-weight: 700;

    transition:

        color .18s ease,

        background .18s ease,

        padding-left .18s ease;

}

.bwf-footer-links a::after {

    content: "\f054";

    flex: 0 0 auto;

    color: #5f626c;

    font-family: "Font Awesome 6 Free";

    font-size: 8px;

    font-weight: 900;

    transition:

        color .18s ease,

        transform .18s ease;

}

.bwf-footer-links a:hover,

.bwf-footer-links .current-menu-item > a {

    padding-left: 13px;

    background: rgba(239, 35, 60, .09);

    color: #fff;

}

.bwf-footer-links a:hover::after,

.bwf-footer-links .current-menu-item > a::after {

    color: #ef233c;

    transform: translateX(2px);

}

.bwf-footer-bottom {

    margin-top: 25px;

    padding-top: 17px;

}

/* =========================================================

   MODERN STANDARD PAGE

========================================================= */

.bwf-modern-page {

    margin-top: -14px;

    padding: 0 0 64px;

}

.bwf-modern-page .bwf-page-hero,

.bwf-modern-page .bwf-page-article {

    width: min(100%, 960px);

    margin-right: auto;

    margin-left: auto;

}

/* Page header area. */

.bwf-page-hero {

    display: flex;

    align-items: center;

    gap: 17px;

    margin-top: 22px;

    padding: 24px 27px;

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, .07);

    border-radius: 18px;

    background:

        radial-gradient(

            circle at 100% 0,

            rgba(239, 35, 60, .15),

            transparent 38%

        ),

        linear-gradient(

            145deg,

            #202126,

            #1c1d22

        );

    box-shadow: 0 20px 50px rgba(0, 0, 0, .14);

}

.bwf-page-hero-icon {

    width: 52px;

    height: 52px;

    flex: 0 0 52px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 15px;

    background: rgba(239, 35, 60, .12);

    color: var(--bw-red, #ef233c);

    font-size: 20px;

}

.bwf-page-hero-content {

    min-width: 0;

}

.bwf-page-kicker {

    display: block;

    margin-bottom: 5px;

    color: var(--bw-red, #ef233c);

    font-size: 10px;

    line-height: 1.2;

    font-weight: 900;

    letter-spacing: 1px;

    text-transform: uppercase;

}

.bwf-page-hero h1 {

    margin: 0;

    color: #fff;

    font-size: clamp(27px, 3.5vw, 38px);

    line-height: 1.15;

    font-weight: 900;

    letter-spacing: -.75px;

}

.bwf-page-hero p {

    max-width: 720px;

    margin: 9px 0 0;

    color: #9da0aa;

    font-size: 13px;

    line-height: 1.65;

}

/* Content card. */

.bwf-page-article {

    margin-top: 17px;

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, .07);

    border-radius: 18px;

    background: #202126;

    box-shadow: 0 22px 55px rgba(0, 0, 0, .16);

}

.bwf-page-featured-image {

    margin: 0;

    overflow: hidden;

    border-bottom: 1px solid rgba(255, 255, 255, .07);

    background: #15161a;

}

.bwf-page-featured-image img {

    width: 100%;

    max-height: 440px;

    object-fit: cover;

}

.bwf-page-article-body {

    padding: 34px 38px 40px;

    color: #d1d3da;

    font-size: 15px;

    line-height: 1.85;

}

.bwf-page-article-body > *:first-child {

    margin-top: 0;

}

.bwf-page-article-body > *:last-child {

    margin-bottom: 0;

}

.bwf-page-article-body p {

    margin: 0 0 20px;

}

.bwf-page-article-body > p:first-child {

    color: #eceef2;

    font-size: 16px;

}

/* Headings. */

.bwf-page-article-body h2,

.bwf-page-article-body h3,

.bwf-page-article-body h4,

.bwf-page-article-body h5,

.bwf-page-article-body h6 {

    color: #fff;

    line-height: 1.3;

    font-weight: 900;

    letter-spacing: -.3px;

}

.bwf-page-article-body h2 {

    margin: 36px 0 16px;

    padding-bottom: 11px;

    border-bottom: 1px solid rgba(255, 255, 255, .08);

    font-size: 25px;

}

.bwf-page-article-body h3 {

    margin: 29px 0 13px;

    font-size: 20px;

}

.bwf-page-article-body h4 {

    margin: 24px 0 11px;

    font-size: 17px;

}

/* Links. */

.bwf-page-article-body a {

    color: #ff566a;

    font-weight: 700;

    text-decoration: underline;

    text-decoration-color: rgba(239, 35, 60, .4);

    text-underline-offset: 3px;

}

.bwf-page-article-body a:hover {

    color: #fff;

}

/* Lists. */

.bwf-page-article-body ul,

.bwf-page-article-body ol {

    margin: 0 0 22px;

    padding-left: 23px;

}

.bwf-page-article-body li {

    margin-bottom: 8px;

}

.bwf-page-article-body li::marker {

    color: var(--bw-red, #ef233c);

}

/* Blockquote. */

.bwf-page-article-body blockquote {

    margin: 26px 0;

    padding: 19px 21px;

    border: 1px solid rgba(239, 35, 60, .2);

    border-left: 4px solid var(--bw-red, #ef233c);

    border-radius: 0 13px 13px 0;

    background: rgba(239, 35, 60, .065);

    color: #e4e6eb;

}

.bwf-page-article-body blockquote p:last-child {

    margin-bottom: 0;

}

/* Images. */

.bwf-page-article-body img {

    max-width: 100%;

    height: auto;

    margin: 25px auto;

    border-radius: 14px;

}

.bwf-page-article-body figure {

    max-width: 100%;

    margin: 26px 0;

}

.bwf-page-article-body figure img {

    margin: 0 auto;

}

.bwf-page-article-body figcaption {

    margin-top: 9px;

    color: #858994;

    font-size: 11px;

    line-height: 1.5;

    text-align: center;

}

/* Separator. */

.bwf-page-article-body hr {

    height: 1px;

    margin: 30px 0;

    border: 0;

    background: rgba(255, 255, 255, .08);

}

/* Tables. */

.bwf-page-article-body table {

    width: 100%;

    margin: 24px 0;

    border-collapse: collapse;

}

.bwf-page-article-body th,

.bwf-page-article-body td {

    padding: 12px 14px;

    border: 1px solid rgba(255, 255, 255, .08);

    text-align: left;

}

.bwf-page-article-body th {

    background: #17181d;

    color: #fff;

    font-weight: 800;

}

.bwf-page-article-body td {

    background: rgba(255, 255, 255, .015);

}

/* Code blocks. */

.bwf-page-article-body code {

    padding: 3px 6px;

    border-radius: 6px;

    background: #15161a;

    color: #ff8190;

    font-size: .9em;

}

.bwf-page-article-body pre {

    max-width: 100%;

    overflow-x: auto;

    margin: 24px 0;

    padding: 18px;

    border: 1px solid rgba(255, 255, 255, .07);

    border-radius: 13px;

    background: #15161a;

    color: #e5e7eb;

}

.bwf-page-article-body pre code {

    padding: 0;

    background: transparent;

    color: inherit;

}

/* Gutenberg buttons. */

.bwf-page-article-body .wp-block-button__link {

    min-height: 42px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 0 17px;

    border-radius: 11px;

    background: var(--bw-red, #ef233c);

    color: #fff;

    font-size: 13px;

    font-weight: 900;

    text-decoration: none;

}

.bwf-page-article-body .wp-block-button__link:hover {

    background: #ff3048;

    color: #fff;

}

/* Pagination. */

.bwf-page-links {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 7px;

    margin-top: 30px;

    padding-top: 20px;

    border-top: 1px solid rgba(255, 255, 255, .08);

}

.bwf-page-links strong {

    margin-right: 3px;

    color: #fff;

}

.bwf-page-links .post-page-numbers {

    min-width: 34px;

    height: 34px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 9px;

    background: #17181d;

    color: #fff;

    text-decoration: none;

}

.bwf-page-links .current {

    background: var(--bw-red, #ef233c);

}

/* =========================================================

   COMING SOON STORY

   Compact, modern and touch-friendly presentation.

   ========================================================= */

.bwf-coming-soon {

    --bwf-coming-card-width: 106px;

    --bwf-coming-poster-size: 82px;

    --bwf-coming-gap: 14px;

    position: relative;

    margin: 16px 0;

    padding: 14px 16px 15px;

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, .075);

    border-radius: 15px;

    background:

        radial-gradient(circle at 0 0, rgba(239, 35, 60, .075), transparent 28%),

        linear-gradient(180deg, rgba(35, 36, 42, .96), rgba(27, 28, 33, .96));

    box-shadow: 0 12px 32px rgba(0, 0, 0, .14);

}

.bwf-coming-soon-head {

    min-height: 32px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 14px;

    margin-bottom: 13px;

}

.bwf-coming-soon-heading {

    min-width: 0;

    flex: 1 1 auto;

    display: flex;

    align-items: center;

    gap: 9px;

}

.bwf-coming-soon-heading-icon {

    width: 20px;

    height: 20px;

    flex: 0 0 20px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: var(--bw-red, #ef233c);

    color: #fff;

    box-shadow: 0 5px 14px rgba(239, 35, 60, .24);

}

.bwf-coming-soon-heading-icon i {

    margin-left: 1px;

    font-size: 8px;

}

.bwf-coming-soon-head h2 {

    min-width: 0;

    margin: 0;

    overflow: hidden;

    color: var(--bw-text, #fff);

    font-size: 15px;

    font-weight: 800;

    line-height: 1.2;

    letter-spacing: -.15px;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.bwf-coming-soon-nav {

    display: flex;

    align-items: center;

    gap: 6px;

    flex: 0 0 auto;

}

.bwf-coming-soon-nav button {

    width: 30px;

    height: 30px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 0;

    border: 1px solid rgba(255, 255, 255, .09);

    border-radius: 9px;

    outline: 0;

    background: rgba(255, 255, 255, .035);

    color: #d7d9df;

    cursor: pointer;

    box-shadow: none;

    transition:

        color .18s ease,

        background .18s ease,

        border-color .18s ease,

        transform .18s ease,

        opacity .18s ease;

}

.bwf-coming-soon-nav button i {

    font-size: 11px;

}

.bwf-coming-soon-nav button:hover:not(:disabled),

.bwf-coming-soon-nav button:focus-visible:not(:disabled) {

    border-color: rgba(239, 35, 60, .62);

    background: var(--bw-red, #ef233c);

    color: #fff;

    transform: translateY(-1px);

}

.bwf-coming-soon-nav button:focus-visible {

    box-shadow: 0 0 0 3px rgba(239, 35, 60, .18);

}

.bwf-coming-soon-nav button:disabled {

    opacity: .28;

    cursor: default;

}

.bwf-coming-soon.is-static .bwf-coming-soon-nav {

    display: none;

}

.bwf-coming-soon-track {

    display: grid;

    grid-auto-flow: column;

    grid-auto-columns: var(--bwf-coming-card-width);

    align-items: start;

    gap: var(--bwf-coming-gap);

    width: 100%;

    margin: 0;

    padding: 2px 1px 3px;

    overflow-x: auto;

    overflow-y: hidden;

    overscroll-behavior-inline: contain;

    scroll-behavior: smooth;

    scroll-padding-inline: 1px;

    scroll-snap-type: x proximity;

    scrollbar-width: none;

    touch-action: pan-x;

    -webkit-overflow-scrolling: touch;

}

.bwf-coming-soon-track::-webkit-scrollbar {

    display: none;

}

.bwf-coming-soon-track:focus-visible {

    outline: 2px solid rgba(239, 35, 60, .5);

    outline-offset: 4px;

    border-radius: 8px;

}

.bwf-coming-soon-track.is-dragging {

    cursor: grabbing;

    scroll-snap-type: none;

    user-select: none;

}

.bwf-coming-soon-card {

    width: var(--bwf-coming-card-width);

    min-width: 0;

    display: grid;

    grid-template-rows: auto 2.7em;

    justify-items: center;

    align-content: start;

    gap: 11px;

    color: #d9dbe1;

    text-align: center;

    text-decoration: none;

    scroll-snap-align: start;

    -webkit-tap-highlight-color: transparent;

}

.bwf-coming-soon-poster {

    position: relative;

    width: var(--bwf-coming-poster-size);

    height: var(--bwf-coming-poster-size);

    display: block;

    padding: 2px;

    border-radius: 50%;

    background: linear-gradient(145deg, #ff3d54, #b90f29 72%, #ff5268);

    box-shadow:

        0 8px 20px rgba(0, 0, 0, .28),

        0 0 0 1px rgba(255, 255, 255, .03);

    transform: translateZ(0);

    transition:

        transform .2s ease,

        box-shadow .2s ease;

}

.bwf-coming-soon-media {

    position: relative;

    width: 100%;

    height: 100%;

    display: block;

    overflow: hidden;

    border: 2px solid #202126;

    border-radius: inherit;

    background: #15161a;

}

body.bwf-body .bwf-coming-soon-media img,

.bwf-coming-soon-media img {

    width: 100%;

    height: 100%;

    max-width: none;

    display: block;

    border-radius: inherit;

    object-fit: cover;

    object-position: center 24%;

    transform: scale(1.015);

    transition: transform .28s ease, filter .28s ease;

}

.bwf-coming-soon-media::after {

    content: "";

    position: absolute;

    inset: 0;

    border-radius: inherit;

    background: linear-gradient(180deg, transparent 58%, rgba(0, 0, 0, .16));

    pointer-events: none;

}

.bwf-coming-soon-date {

    position: absolute;

    z-index: 2;

    left: 50%;

    bottom: -8px;

    min-width: 50px;

    padding: 4px 7px;

    border: 2px solid #202126;

    border-radius: 999px;

    background: var(--bw-red, #ef233c);

    color: #fff;

    font-size: 9.5px;

    font-weight: 900;

    line-height: 1;

    letter-spacing: -.1px;

    white-space: nowrap;

    box-shadow: 0 5px 12px rgba(239, 35, 60, .23);

    transform: translateX(-50%);

}

.bwf-coming-soon-title {

    width: 100%;

    min-height: 2.7em;

    display: -webkit-box;

    overflow: hidden;

    color: inherit;

    font-size: 11.5px;

    font-weight: 700;

    line-height: 1.35;

    letter-spacing: -.08px;

    overflow-wrap: anywhere;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    transition: color .18s ease;

}

.bwf-coming-soon-card:focus-visible {

    outline: none;

}

.bwf-coming-soon-card:focus-visible .bwf-coming-soon-poster {

    box-shadow:

        0 8px 22px rgba(0, 0, 0, .3),

        0 0 0 4px rgba(239, 35, 60, .18);

}

@media (hover: hover) and (pointer: fine) {

    .bwf-coming-soon-track {

        cursor: grab;

    }

    .bwf-coming-soon-card:hover {

        color: #fff;

    }

    .bwf-coming-soon-card:hover .bwf-coming-soon-poster {

        transform: translateY(-2px) scale(1.025);

        box-shadow:

            0 12px 26px rgba(0, 0, 0, .34),

            0 0 0 3px rgba(239, 35, 60, .09);

    }

    .bwf-coming-soon-card:hover .bwf-coming-soon-media img {

        transform: scale(1.075);

        filter: brightness(1.04);

    }

}

@media (prefers-reduced-motion: reduce) {

    .bwf-coming-soon-track {

        scroll-behavior: auto;

    }

    .bwf-coming-soon-card,

    .bwf-coming-soon-poster,

    .bwf-coming-soon-media img,

    .bwf-coming-soon-nav button {

        transition: none;

    }

}

/* =========================================================

   COMING SOON ARCHIVE + HEADER ACTION

   ========================================================= */

.bwf-coming-soon-actions {

    display: flex;

    align-items: center;

    gap: 10px;

    flex: 0 0 auto;

}

.bwf-coming-soon-all {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    min-height: 30px;

    padding: 0 10px;

    border-radius: 9px;

    color: #cfd2da;

    font-size: 11px;

    font-weight: 700;

    text-decoration: none;

    transition: color .18s ease, background .18s ease;

}

.bwf-coming-soon-all i {

    font-size: 9px;

    transition: transform .18s ease;

}

.bwf-coming-soon-all:hover,

.bwf-coming-soon-all:focus-visible {

    background: rgba(255, 255, 255, .045);

    color: #fff;

}

.bwf-coming-soon-all:hover i,

.bwf-coming-soon-all:focus-visible i {

    transform: translateX(2px);

}

.bwf-coming-catalog-page {

    min-height: 60vh;

    padding: 22px 0 58px;

}

.bwf-coming-catalog-hero {

    display: flex;

    align-items: center;

    gap: 15px;

    padding: 20px 22px;

    border: 1px solid rgba(255, 255, 255, .075);

    border-radius: 17px;

    background:

        radial-gradient(circle at 0 0, rgba(239, 35, 60, .1), transparent 34%),

        linear-gradient(180deg, rgba(34, 35, 41, .98), rgba(25, 26, 31, .98));

}

.bwf-coming-catalog-icon {

    width: 46px;

    height: 46px;

    flex: 0 0 46px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 14px;

    background: var(--bw-red, #ef233c);

    color: #fff;

    box-shadow: 0 10px 24px rgba(239, 35, 60, .2);

}

.bwf-coming-catalog-hero h1 {

    margin: 0;

    color: #fff;

    font-size: clamp(23px, 2.2vw, 32px);

    line-height: 1.15;

    letter-spacing: -.5px;

}

.bwf-coming-catalog-hero p {

    margin: 6px 0 0;

    color: #aeb2bd;

    font-size: 12.5px;

    line-height: 1.55;

}

.bwf-coming-catalog-filters {

    display: flex;

    align-items: center;

    gap: 8px;

    margin: 16px 0 18px;

    overflow-x: auto;

    scrollbar-width: none;

}

.bwf-coming-catalog-filters::-webkit-scrollbar {

    display: none;

}

.bwf-coming-catalog-filters a {

    flex: 0 0 auto;

    min-height: 34px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 0 14px;

    border: 1px solid rgba(255, 255, 255, .075);

    border-radius: 999px;

    background: rgba(255, 255, 255, .025);

    color: #c8cbd3;

    font-size: 11.5px;

    font-weight: 750;

    text-decoration: none;

}

.bwf-coming-catalog-filters a:hover,

.bwf-coming-catalog-filters a:focus-visible,

.bwf-coming-catalog-filters a.is-active {

    border-color: var(--bw-red, #ef233c);

    background: var(--bw-red, #ef233c);

    color: #fff;

}

.bwf-coming-catalog-grid {

    display: grid;

    grid-template-columns: repeat(6, minmax(0, 1fr));

    gap: 20px 14px;

}

.bwf-coming-catalog-card {

    min-width: 0;

}

.bwf-coming-catalog-thumb {

    position: relative;

    aspect-ratio: 2 / 3;

    display: block;

    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, .075);

    border-radius: 13px;

    background: #17181d;

    box-shadow: 0 10px 24px rgba(0, 0, 0, .18);

}

.bwf-coming-catalog-thumb img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform .28s ease, filter .28s ease;

}

.bwf-coming-catalog-shade {

    position: absolute;

    inset: 0;

    background: linear-gradient(180deg, transparent 55%, rgba(0, 0, 0, .68));

    pointer-events: none;

}

.bwf-coming-catalog-thumb time {

    position: absolute;

    z-index: 2;

    left: 10px;

    bottom: 10px;

    display: inline-flex;

    align-items: center;

    gap: 6px;

    padding: 6px 9px;

    border-radius: 999px;

    background: var(--bw-red, #ef233c);

    color: #fff;

    font-size: 10px;

    font-weight: 850;

    line-height: 1;

    box-shadow: 0 7px 18px rgba(239, 35, 60, .25);

}

.bwf-coming-catalog-body {

    padding: 10px 2px 0;

}

.bwf-coming-catalog-type {

    color: var(--bw-red, #ef233c);

    font-size: 9.5px;

    font-weight: 850;

    letter-spacing: .35px;

    text-transform: uppercase;

}

.bwf-coming-catalog-body h2 {

    margin: 4px 0 0;

    font-size: 12.5px;

    line-height: 1.38;

}

.bwf-coming-catalog-body h2 a {

    display: -webkit-box;

    overflow: hidden;

    color: #f4f5f7;

    text-decoration: none;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}

.bwf-coming-catalog-card:hover .bwf-coming-catalog-thumb img {

    transform: scale(1.045);

    filter: brightness(1.05);

}

.bwf-coming-catalog-card:hover h2 a {

    color: var(--bw-red, #ef233c);

}

.bwf-coming-catalog-pagination {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 7px;

    margin-top: 28px;

}

.bwf-coming-catalog-pagination .page-numbers {

    min-width: 34px;

    height: 34px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 0 9px;

    border: 1px solid rgba(255, 255, 255, .075);

    border-radius: 9px;

    background: rgba(255, 255, 255, .025);

    color: #d5d7dd;

    font-size: 11px;

    font-weight: 750;

    text-decoration: none;

}

.bwf-coming-catalog-pagination .page-numbers:hover,

.bwf-coming-catalog-pagination .page-numbers:focus-visible,

.bwf-coming-catalog-pagination .page-numbers.current {

    border-color: var(--bw-red, #ef233c);

    background: var(--bw-red, #ef233c);

    color: #fff;

}

.bwf-coming-catalog-empty {

    margin-top: 18px;

}

/* BahadirMovie 1.1.5: managed sidebars, unified content surfaces and modern detail media */

/*
 * Detail, archive, people and discovery pages connect directly to the header
 * while remaining visually separated from the site background.
 */
.bwf-detail-page > .bwf-container,
.bwf-archive-page > .bwf-container,
.bwf-person-page > .bwf-container,
.bwf-coming-catalog-page > .bwf-container,
.bwf-explore-page > .bwf-container {
    margin-bottom: 52px;
    padding: 22px;
    border: 1px solid rgba(255,255,255,.075);
    border-top: 0;
    border-radius: 0 0 22px 22px;
    background: #1b1c21;
    box-shadow: 0 24px 60px rgba(0,0,0,.20);
}

.bwf-coming-catalog-page {
    margin-top: -14px;
    padding-top: 0;
}

.bwf-detail-page .bwf-breadcrumbs,
.bwf-archive-page .bwf-archive-head,
.bwf-person-page .bwf-person-hero {
    border-radius: 15px;
}

.bwf-detail-page .bwf-breadcrumbs {
    border: 1px solid rgba(255,255,255,.055);
}

.bwf-detail-page .bwf-detail-title-row {
    padding-right: 4px;
    padding-left: 4px;
}

.bwf-detail-page .bwf-detail-layout,
.bwf-archive-page .bwf-archive-layout {
    padding-top: 2px;
}

/* Recently Added Movies and Recently Added TV Series share one main surface. */
.bwf-home-main {
    min-width: 0;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 20px;
    background: #1b1c21;
    box-shadow: 0 22px 56px rgba(0,0,0,.18);
}

.bwf-home-main .bwf-content-section:last-child {
    margin-bottom: 0;
}

/* Standard WordPress widgets remain readable inside managed sidebars. */
.bwf-wordpress-widget.widget_text .textwidget,
.bwf-wordpress-widget.widget_custom_html .textwidget,
.bwf-wordpress-widget.widget_custom_html .custom-html-widget,
.bwf-wordpress-widget.widget_nav_menu > div:not(.bwf-sidebar-head),
.bwf-wordpress-widget.widget_search > form,
.bwf-wordpress-widget.widget_categories > ul,
.bwf-wordpress-widget.widget_archive > ul,
.bwf-wordpress-widget.widget_recent_entries > ul,
.bwf-wordpress-widget.widget_recent_comments > ul,
.bwf-wordpress-widget.widget_meta > ul,
.bwf-wordpress-widget.widget_pages > ul {
    color: #d7d7dc;
    font-size: 13px;
    line-height: 1.65;
}

.bwf-wordpress-widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.bwf-wordpress-widget li + li { margin-top: 8px; }
.bwf-wordpress-widget a { color: #d7d7dc; }
.bwf-wordpress-widget a:hover { color: var(--bw-red, #ef233c); }
.bwf-wordpress-widget img { max-width: 100%; height: auto; }

/* IMDb notice for content without a valid score. */
.bwf-imdb-side-card.is-unrated {
    border-color: rgba(245, 197, 24, .16);
}

.bwf-imdb-unrated {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 14px;
    border: 1px solid rgba(245, 197, 24, .16);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(245, 197, 24, .09), rgba(245, 197, 24, .025));
}

.bwf-imdb-unrated-icon {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(245, 197, 24, .13);
    color: #f5c518;
    font-size: 15px;
}

.bwf-imdb-unrated-text {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.bwf-imdb-unrated-text strong {
    color: #fff;
    font-size: 13px;
    line-height: 1.35;
}

.bwf-imdb-unrated-text em {
    color: #aeb1ba;
    font-size: 12px;
    line-height: 1.5;
    font-style: normal;
    font-weight: 500;
}

/* Homepage-style taxonomy cards, Font Awesome details and video covers. */
.bwf-taxonomy-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.bwf-movie-meta span {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.bwf-movie-meta i {
    font-size: 10px;
    line-height: 1;
}

.bwf-movie-meta .is-score i,
.bwf-sidebar-mini-card small i {
    color: #ffc107;
}

.bwf-series-card:hover .bwf-play-dot {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.bwf-play-dot i {
    margin-left: 2px;
    font-size: 14px;
}

.bwf-sidebar-mini-card small {
    display: flex;
    align-items: center;
    gap: 4px;
}

.bwf-section-mini-title > i {
    color: #ef233c;
}

.bwf-breadcrumb-separator {
    flex: 0 0 auto;
    color: #71717a;
    font-size: 9px;
}

.bwf-series-age-warning > i {
    flex: 0 0 auto;
    color: #ef233c;
    font-size: 13px;
}

.bwf-comment-login-warning > i {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 999px;
    background: rgba(239,35,60,.22);
    color: #fff;
    font-size: 11px;
}

.bwf-episode-nav-btn i,
.bwf-episode-archive-btn i {
    font-size: 11px;
}

.bwf-video-fallback {
    position: absolute;
    inset: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #090a0d;
}

.bwf-video-fallback > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(.9) brightness(.74);
    transform: scale(1.015);
}

.bwf-video-fallback-shade {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at center, rgba(0,0,0,.02) 0, rgba(0,0,0,.28) 48%, rgba(0,0,0,.76) 100%),
        linear-gradient(to top, rgba(0,0,0,.72), rgba(0,0,0,.08) 55%, rgba(0,0,0,.25));
}

.bwf-video-fallback-play {
    position: relative;
    z-index: 2;
    width: 72px;
    height: 72px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(255,255,255,.84);
    border-radius: 999px;
    background: rgba(239,35,60,.92);
    color: #fff;
    box-shadow: 0 18px 45px rgba(0,0,0,.42);
    transition: transform .2s ease, background .2s ease;
}

.bwf-video-fallback-play i {
    margin-left: 4px;
    font-size: 25px;
}

.bwf-video-box:hover .bwf-video-fallback-play,
.bwf-player-box:hover .bwf-video-fallback-play {
    transform: scale(1.06);
    background: #ef233c;
}

.bwf-video-fallback-label {
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 22px;
    width: calc(100% - 32px);
    margin: 0;
    transform: translateX(-50%);
    color: rgba(255,255,255,.9);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    text-shadow: 0 2px 12px rgba(0,0,0,.8);
}

.bwf-player-empty.bwf-video-fallback {
    display: flex;
    gap: 0;
    background: #090a0d;
}

.bwf-player-empty .bwf-video-fallback-label {
    color: rgba(255,255,255,.9);
    font-size: 13px;
    font-weight: 800;
}

.bwf-archive-pagination .page-numbers i,
.bwf-home-pagination .page-numbers i,
.nav-links .page-numbers i {
    font-size: 11px;
}

/* Full-width detail hero media above the content/sidebar columns. */
.bwf-detail-hero-media {
    width: 100%;
    margin: 22px 0 0;
}

.bwf-detail-hero-media .bwf-video-box {
    width: 100%;
    border: 1px solid rgba(255,255,255,.075);
    border-radius: 16px;
    box-shadow: 0 18px 44px rgba(0,0,0,.2);
}

.bwf-detail-hero-media .bwf-video-fallback-label {
    display: none;
}

.bwf-detail-page .bwf-detail-layout {
    margin-top: 24px;
}

.bwf-detail-page .bwf-film-info-section,
.bwf-detail-page .bwf-series-info-section {
    margin-top: 0;
    padding: 0 2px;
}

.bwf-film-info-section > h2,
.bwf-series-info-section > h2 {
    margin: 0 0 16px;
    padding-bottom: 11px;
    border-bottom: 1px solid rgba(255,255,255,.075);
    color: #fff;
    font-size: 17px;
    font-weight: 900;
    line-height: 1.4;
}

.bwf-detail-page .bwf-film-info-grid,
.bwf-detail-page .bwf-series-info-grid {
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
}

.bwf-detail-page .bwf-film-poster img {
    display: block;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    background: #14151a;
}

.bwf-detail-page .bwf-film-content {
    padding-top: 2px;
}

.bwf-detail-page .bwf-film-desc {
    max-width: 760px;
    margin-bottom: 16px;
}

.bwf-detail-page .bwf-film-meta-table {
    max-width: 620px;
}

.bwf-detail-page .bwf-people-list {
    row-gap: 12px;
}

/* Unreleased Coming Soon items only expose the Follow action. */
.bwf-detail-action-grid.is-follow-only {
    grid-template-columns: minmax(0, 1fr);
}

.bwf-detail-action-grid.is-follow-only button {
    width: 100%;
}

/* =========================================================
   SELECTABLE HEADER LAYOUTS
   The default layout keeps the original theme appearance.
========================================================= */

@media (min-width: 981px) {
    .bwf-header-layout-compact {
        padding-top: 14px;
        background: linear-gradient(to bottom, rgba(18,20,24,.99), rgba(18,20,24,.90));
    }

    .bwf-header-layout-compact .bwf-header-inner {
        min-height: 72px;
        display: grid;
        grid-template-columns: auto clamp(170px, 20vw, 260px) minmax(0, 1fr) auto;
        align-items: center;
        gap: 14px;
        padding: 0 14px 0 18px;
        border: 1px solid rgba(255,255,255,.07);
        border-bottom-color: rgba(255,255,255,.09);
        border-radius: 6px;
        background: #1d2226;
        box-shadow: 0 14px 38px rgba(0,0,0,.24);
    }

    .bwf-header-layout-compact.bwf-header-no-search .bwf-header-inner {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .bwf-header-layout-compact.bwf-header-no-search .bwf-main-nav {
        grid-column: 2;
    }

    .bwf-header-layout-compact.bwf-header-no-search .bwf-header-actions {
        grid-column: 3;
    }

    .bwf-header-layout-compact .bwf-brand {
        grid-column: 1;
        grid-row: 1;
    }

    .bwf-header-layout-compact .bwf-logo-img {
        max-height: 38px;
    }

    .bwf-header-layout-compact .bwf-main-nav {
        grid-column: 3;
        grid-row: 1;
        min-width: 0;
    }

    .bwf-header-layout-compact .bwf-menu {
        justify-content: flex-start;
        gap: 2px;
    }

    .bwf-header-layout-compact .bwf-menu > li > a {
        min-height: 40px;
        padding: 0 10px;
        border-radius: 5px;
        background: transparent;
        color: #aeb4bd;
        font-size: 12px;
        font-weight: 700;
    }

    .bwf-header-layout-compact .bwf-menu > li:first-child > a {
        background: transparent;
        color: #aeb4bd;
    }

    .bwf-header-layout-compact .bwf-menu > li.current-menu-item > a,
    .bwf-header-layout-compact .bwf-menu > li.current-menu-ancestor > a,
    .bwf-header-layout-compact .bwf-menu > li > a:hover,
    .bwf-header-layout-compact .bwf-menu > li > a:focus {
        background: #272d33;
        color: #fff;
    }

    .bwf-header-layout-compact .bwf-menu > li.current-menu-item > a::before,
    .bwf-header-layout-compact .bwf-menu > li.current-menu-ancestor > a::before {
        content: "";
        width: 5px;
        height: 5px;
        flex: 0 0 auto;
        margin-right: 7px;
        border-radius: 50%;
        background: var(--bw-red, #ef233c);
        box-shadow: 0 0 0 4px rgba(239,35,60,.12);
    }

    .bwf-header-layout-compact .bwf-search {
        grid-column: 2;
        grid-row: 1;
        width: 100%;
        height: 40px;
    }

    .bwf-header-layout-compact .bwf-search-open-button {
        width: 100%;
        border: 1px solid rgba(255,255,255,.06);
        border-radius: 4px;
        background: #15191c;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.015);
    }

    .bwf-header-layout-compact .bwf-search-open-button:hover {
        transform: none;
        border-color: rgba(255,255,255,.11);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
    }

    .bwf-header-layout-compact .bwf-search-open-button .bwf-search-icon {
        color: #78818d;
    }

    .bwf-header-layout-compact .bwf-search-placeholder {
        color: #727b87;
        font-size: 12px;
    }

    .bwf-header-layout-compact .bwf-header-actions {
        grid-column: 4;
        grid-row: 1;
        gap: 6px;
    }

    .bwf-header-layout-compact .bwf-link-btn,
    .bwf-header-layout-compact .bwf-login-btn,
    .bwf-header-layout-compact .bwf-profile-desktop-trigger {
        min-height: 42px;
        border: 1px solid rgba(255,255,255,.055);
        border-radius: 4px;
        background: #252b31;
        box-shadow: none;
    }

    .bwf-header-layout-compact .bwf-link-btn {
        display: inline-flex;
        align-items: center;
        padding: 0 12px;
        color: #c2c7ce;
    }

    .bwf-header-layout-compact .bwf-link-btn:hover {
        border-color: rgba(255,255,255,.10);
        background: #2b3239;
        color: #fff;
    }

    .bwf-header-layout-compact .bwf-login-btn {
        height: 42px;
        padding: 0 13px;
        background: var(--bw-red, #ef233c);
    }

    .bwf-header-layout-compact .bwf-login-btn:hover {
        filter: brightness(1.08);
    }

    .bwf-header-layout-compact .bwf-profile-desktop-trigger {
        padding: 3px 3px 3px 11px;
    }

    .bwf-header-layout-compact .bwf-profile-desktop-trigger:hover,
    .bwf-header-layout-compact .bwf-header-profile.is-open .bwf-profile-desktop-trigger {
        border-color: rgba(255,255,255,.10);
        background: #2b3239;
    }

    .bwf-header-layout-compact .bwf-profile-desktop-avatar {
        border-color: #59616b;
        border-radius: 4px;
    }

    .bwf-header-layout-compact .bwf-header-profile-dropdown {
        top: calc(100% + 13px);
        border-radius: 7px;
        background: #1b2024;
    }

    .bwf-header-layout-compact .bwf-menu .sub-menu {
        padding-top: 9px;
        border-radius: 0 0 7px 7px;
        background: #1b2024;
    }
}

@media (min-width: 981px) and (max-width: 1120px) {
    .bwf-header-layout-compact .bwf-header-inner {
        grid-template-columns: auto minmax(155px, 190px) minmax(0, 1fr) auto;
        gap: 9px;
        padding-right: 10px;
        padding-left: 14px;
    }

    .bwf-header-layout-compact .bwf-menu > li > a {
        padding-right: 7px;
        padding-left: 7px;
        font-size: 11px;
    }

    .bwf-header-layout-compact.bwf-header-no-search .bwf-header-inner {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .bwf-header-layout-compact .bwf-profile-desktop-name {
        max-width: 82px;
    }
}