*,
*::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;
}
.bwf-page {
min-height: 100vh;
}
.bwf-container {
width: min(1180px, calc(100% - 32px));
margin: 0 auto;
} .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;
} .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;
} .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;
} .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;
} .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;
} .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;
} .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;
} .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;
} .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;
} .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-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;
} .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;
} .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;
} .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%);
} .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;
} .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;
} .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;
} .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;
} .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);
} .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;
} .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;
} .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;
} .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: "Reklam";
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;
} .bwf-ad-ad_header_bottom {
margin-top: 12px;
margin-bottom: 0;
min-height: 72px;
} .bwf-ad-ad_home_top {
margin-top: 0;
margin-bottom: 18px;
min-height: 90px;
} .bwf-ad-ad_detail_top {
margin: 14px 0 18px;
min-height: 90px;
} .bwf-ad-ad_video_top {
margin: 0 0 14px;
min-height: 80px;
}
.bwf-ad-ad_video_bottom {
margin: 14px 0 0;
min-height: 80px;
} .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;
} .bwf-ad-ad_footer {
margin-top: 26px;
margin-bottom: 0;
min-height: 90px;
} 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;
} .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;
} .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;
} .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);
}
body.bwf-content-mode-film .bwf-mobile-bottom-nav,
body.bwf-content-mode-dizi .bwf-mobile-bottom-nav {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.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;
}
} .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;
}
} .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);
} .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;
} .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;
} .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;
} .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;
} .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;
} .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;
} .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;
} .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;
} .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;
} .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;
} .bwf-profile-page {
margin-top: -14px;
}
.bwf-profile-page > .bwf-container {
padding-bottom: 30px;
} .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;
} .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;
} .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;
} .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;
} .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;
} 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;
} .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;
}  .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;
} .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;
} .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;
} .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;
} .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);
} .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;
} .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);
} .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;
} .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;
} .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;
} .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;
} .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;
} .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;
} .bwf-auth-card {
padding: 34px 32px;
} .bwf-auth-card-head > .bwf-auth-logo,
.bwf-auth-card-head > .bwf-auth-page-icon {
position: static;
float: none;
}  .bwf-auth-card-head {
display: block;
margin: 0 0 22px;
text-align: center;
}
.bwf-auth-logo {
display: inline-flex;
width: auto;
margin: 0 auto;
} .bwf-auth-form .bwf-auth-input-wrap {
position: relative;
} .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;
} .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;
} .bwf-auth-form .bwf-auth-input-wrap input::placeholder {
color: #666a75;
opacity: 1;
} .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;
} .bwf-single-post-navigation.has-single-item {
grid-template-columns: 1fr;
} .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;
} .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;
} .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;
} .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;
} .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;
} .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;
} .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;
} .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);
} .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;
} .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;
} .bwf-page-article-body hr {
height: 1px;
margin: 30px 0;
border: 0;
background: rgba(255, 255, 255, .08);
} .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);
} .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;
} .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;
} .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);
} .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-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;
}
} .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;
} .bwf-wordpress-widget {
color: #d4d4d8;
font-size: 12px;
line-height: 1.55;
}
.bwf-wordpress-widget > :first-child {
margin-top: 0;
}
.bwf-wordpress-widget > :last-child {
margin-bottom: 0;
}
.bwf-wordpress-widget ul,
.bwf-wordpress-widget ol {
display: grid;
gap: 7px;
margin: 0;
padding: 0;
list-style: none;
}
.bwf-wordpress-widget li {
margin: 0;
}
.bwf-wordpress-widget a {
color: #f4f4f5;
transition: color .2s ease;
}
.bwf-wordpress-widget a:hover {
color: #ef233c;
}
.bwf-wordpress-widget img {
max-width: 100%;
height: auto;
border-radius: 10px;
}
.bwf-wordpress-widget input,
.bwf-wordpress-widget select,
.bwf-wordpress-widget textarea {
width: 100%;
min-height: 38px;
padding: 8px 10px;
border: 1px solid rgba(255,255,255,.1);
border-radius: 9px;
outline: 0;
background: #17181d;
color: #fff;
}
.bwf-wordpress-widget button,
.bwf-wordpress-widget input[type="submit"] {
width: auto;
min-height: 38px;
padding: 0 13px;
border: 0;
border-radius: 9px;
background: #ef233c;
color: #fff;
font-weight: 800;
cursor: pointer;
}
.bwf-wordpress-widget .wp-block-search__inside-wrapper {
display: flex;
gap: 7px;
}  .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;
} .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;
} .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; } .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;
} .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;
}  .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;
} .bwf-detail-action-grid.is-follow-only {
grid-template-columns: minmax(0, 1fr);
}
.bwf-detail-action-grid.is-follow-only button {
width: 100%;
} @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;
}
}   .bwf-episode-detail-page .bwf-episode-nav-row {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(180px, .58fr) minmax(0, 1fr);
gap: 7px;
align-items: stretch;
margin: 0 0 20px;
padding: 6px;
border: 1px solid rgba(255, 255, 255, .075);
border-radius: 18px;
background:
linear-gradient(135deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, .012)),
#18191e;
box-shadow: 0 14px 36px rgba(0, 0, 0, .18);
overflow: hidden;
}
.bwf-episode-detail-page .bwf-episode-nav-row::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: radial-gradient(circle at 50% 0, rgba(239, 35, 60, .10), transparent 42%);
}
.bwf-episode-detail-page .bwf-episode-nav-btn,
.bwf-episode-detail-page .bwf-episode-archive-btn {
position: relative;
z-index: 1;
min-width: 0;
min-height: 68px;
display: flex;
align-items: center;
gap: 12px;
padding: 10px 12px;
border: 1px solid transparent;
border-radius: 13px;
background: rgba(8, 9, 12, .48);
color: #fff;
text-decoration: none;
transition:
transform .22s ease,
border-color .22s ease,
background-color .22s ease,
box-shadow .22s ease;
}
.bwf-episode-detail-page .bwf-episode-nav-btn.is-next {
justify-content: flex-end;
text-align: right;
}
.bwf-episode-detail-page .bwf-episode-archive-btn {
justify-content: center;
text-align: center;
background: rgba(239, 35, 60, .055);
}
.bwf-episode-detail-page .bwf-episode-nav-icon {
width: 38px;
height: 38px;
flex: 0 0 38px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(255, 255, 255, .08);
border-radius: 12px;
background: rgba(255, 255, 255, .055);
color: #ef233c;
font-size: 14px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
transition: inherit;
}
.bwf-episode-detail-page .bwf-episode-archive-btn .bwf-episode-nav-icon {
color: #fff;
background: linear-gradient(145deg, #ef233c, #c91631);
border-color: rgba(239, 35, 60, .55);
box-shadow: 0 8px 20px rgba(239, 35, 60, .18);
}
.bwf-episode-detail-page .bwf-episode-nav-copy {
min-width: 0;
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 2px;
line-height: 1.2;
}
.bwf-episode-detail-page .bwf-episode-nav-copy small {
color: #8f94a3;
font-size: 9px;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
}
.bwf-episode-detail-page .bwf-episode-nav-copy strong {
overflow: hidden;
color: #fff;
font-size: 13px;
font-weight: 900;
text-overflow: ellipsis;
white-space: nowrap;
}
.bwf-episode-detail-page .bwf-episode-nav-copy em {
overflow: hidden;
color: #b6bac5;
font-size: 10px;
font-style: normal;
font-weight: 600;
text-overflow: ellipsis;
white-space: nowrap;
}
.bwf-episode-detail-page .bwf-episode-nav-btn:hover,
.bwf-episode-detail-page .bwf-episode-archive-btn:hover,
.bwf-episode-detail-page .bwf-episode-nav-btn:focus-visible,
.bwf-episode-detail-page .bwf-episode-archive-btn:focus-visible {
transform: translateY(-1px);
border-color: rgba(239, 35, 60, .42);
background: rgba(239, 35, 60, .105);
color: #fff;
box-shadow: 0 10px 24px rgba(0, 0, 0, .17);
outline: none;
}
.bwf-episode-detail-page .bwf-episode-nav-btn:hover .bwf-episode-nav-icon,
.bwf-episode-detail-page .bwf-episode-nav-btn:focus-visible .bwf-episode-nav-icon {
color: #fff;
border-color: rgba(239, 35, 60, .38);
background: #ef233c;
}
.bwf-episode-detail-page .bwf-episode-nav-btn:active,
.bwf-episode-detail-page .bwf-episode-archive-btn:active {
transform: translateY(0) scale(.992);
}
.bwf-episode-detail-page .bwf-episode-nav-btn.is-disabled {
opacity: .34;
pointer-events: none;
filter: saturate(.35);
}  body.bwf-body .bwf-hero-slider.is-layout-standard .bwf-hero-card {
position: relative;
isolation: isolate;
background: #090a0d;
}
body.bwf-body .bwf-hero-slider.is-layout-standard .bwf-hero-card > img {
position: absolute;
z-index: 0;
inset: 0;
width: 100%;
max-width: none;
height: 100%;
display: block;
object-fit: cover;
object-position: center top;
}
body.bwf-body .bwf-hero-slider.is-layout-standard .bwf-hero-gradient {
z-index: 1;
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 28%,
rgba(0, 0, 0, .12) 50%,
rgba(0, 0, 0, .68) 78%,
rgba(0, 0, 0, .96) 100%
);
}
body.bwf-body .bwf-hero-slider.is-layout-standard .bwf-hero-content {
z-index: 2;
} body.bwf-body .bwf-hero-slider.is-layout-showcase {
overflow: hidden;
border: 0;
border-radius: 14px;
background: transparent;
user-select: none;
}
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-hero-track {
gap: 18px;
padding: 2px;
scroll-padding-inline: 2px;
}
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-hero-item {
flex: 0 0 calc(50% - 9px);
min-width: calc(50% - 9px);
overflow: visible;
}
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-hero-item::after {
display: none;
}
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-hero-card {
position: relative;
isolation: isolate;
height: 270px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, .08);
border-radius: 13px;
background: #17181d;
box-shadow: 0 16px 34px rgba(0, 0, 0, .24);
}
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-hero-card::after {
content: "";
position: absolute;
z-index: 2;
inset: 0;
border-radius: inherit;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .025);
pointer-events: none;
}
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-hero-card > img {
position: absolute;
z-index: 0;
inset: 0;
width: 100%;
max-width: none;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
transform: scale(1.01);
filter: saturate(.92) brightness(.78);
transition: transform .45s ease, filter .45s ease;
}
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-hero-card:hover > img {
transform: scale(1.055);
filter: saturate(1) brightness(.68);
}
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-hero-gradient {
z-index: 1;
background:
linear-gradient(
90deg,
rgba(9, 10, 13, .94) 0%,
rgba(9, 10, 13, .78) 34%,
rgba(9, 10, 13, .35) 66%,
rgba(9, 10, 13, .18) 100%
),
linear-gradient(
0deg,
rgba(9, 10, 13, .72) 0%,
rgba(9, 10, 13, .04) 54%
);
}
.bwf-showcase-content {
position: absolute;
z-index: 3;
inset: 0;
padding: 30px 32px;
color: #fff;
pointer-events: none;
}
.bwf-showcase-type {
display: inline-flex;
align-items: center;
min-height: 24px;
margin-bottom: 10px;
padding: 0 10px;
border: 1px solid rgba(255, 255, 255, .22);
border-radius: 999px;
background: rgba(12, 13, 17, .35);
color: rgba(255, 255, 255, .88);
font-size: 10px;
font-weight: 800;
letter-spacing: .04em;
text-transform: uppercase;
backdrop-filter: blur(7px);
}
.bwf-showcase-content h2 {
max-width: 72%;
margin: 0 0 12px;
color: #fff;
font-size: clamp(25px, 2.15vw, 36px);
font-weight: 900;
line-height: 1.04;
letter-spacing: -.04em;
text-shadow: 0 4px 18px rgba(0, 0, 0, .72);
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.bwf-showcase-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 10px;
color: rgba(255, 255, 255, .9);
font-size: 12px;
font-weight: 700;
}
.bwf-showcase-meta > span {
display: inline-flex;
align-items: center;
gap: 6px;
}
.bwf-showcase-score b {
display: inline-flex;
align-items: center;
min-height: 22px;
padding: 0 5px;
border: 1px solid rgba(255, 255, 255, .68);
border-radius: 2px;
color: #fff;
font-size: 10px;
font-weight: 900;
line-height: 1;
}
.bwf-showcase-score strong {
color: #f5f5f5;
font-size: 13px;
}
.bwf-showcase-genres {
max-width: 70%;
display: flex;
align-items: flex-start;
gap: 5px;
margin-bottom: 9px;
color: rgba(255, 255, 255, .68);
font-size: 12px;
line-height: 1.35;
}
.bwf-showcase-genres strong {
color: rgba(255, 255, 255, .82);
}
.bwf-showcase-genres span {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.bwf-showcase-content p {
max-width: 70%;
margin: 0;
color: rgba(255, 255, 255, .76);
font-size: 12px;
line-height: 1.55;
text-shadow: 0 2px 8px rgba(0, 0, 0, .72);
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.bwf-showcase-watch {
position: absolute;
right: 28px;
bottom: 20px;
min-height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 0 17px;
border: 1px solid rgba(255, 255, 255, .12);
border-radius: 999px;
background: rgba(40, 41, 48, .88);
color: #fff;
font-size: 12px;
font-weight: 900;
letter-spacing: .02em;
box-shadow: 0 10px 24px rgba(0, 0, 0, .25);
backdrop-filter: blur(10px);
transition: background .2s ease, transform .2s ease, border-color .2s ease;
}
.bwf-showcase-watch i {
font-size: 20px;
}
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-hero-card:hover .bwf-showcase-watch {
border-color: rgba(255, 255, 255, .25);
background: #ef233c;
transform: translateY(-2px);
}
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-slider-arrow {
width: 46px;
height: 46px;
border-color: rgba(255, 255, 255, .14);
background: rgba(18, 19, 23, .82);
opacity: 1;
visibility: visible;
}
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-slider-prev {
left: 16px;
}
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-slider-next {
right: 16px;
}
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-hero-card:focus-visible {
outline: 2px solid #ef233c;
outline-offset: -2px;
} body.bwf-body .bwf-hero-slider .bwf-slider-arrow,
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-slider-arrow {
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity .2s ease, visibility .2s ease, background .2s ease, transform .2s ease;
}
body.bwf-body .bwf-hero-slider:hover .bwf-slider-arrow,
body.bwf-body .bwf-hero-slider:focus-within .bwf-slider-arrow,
body.bwf-body .bwf-hero-slider.is-layout-showcase:hover .bwf-slider-arrow,
body.bwf-body .bwf-hero-slider.is-layout-showcase:focus-within .bwf-slider-arrow {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
@media (hover: none), (pointer: coarse) {
body.bwf-body .bwf-hero-slider .bwf-slider-arrow,
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-slider-arrow {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
} @media (min-width: 1025px) {
.bwf-header-layout-default .bwf-header-inner {
min-height: 56px;
gap: clamp(9px, 1vw, 16px);
padding: 0 16px;
border-bottom-width: 2px;
box-shadow: 0 10px 30px rgba(0, 0, 0, .17);
}
.bwf-header-layout-default .bwf-brand {
max-width: 176px;
}
.bwf-header-layout-default .bwf-logo-img {
max-height: 38px;
}
.bwf-header-layout-default .bwf-logo-text {
font-size: 19px;
letter-spacing: -.55px;
}
.bwf-header-layout-default .bwf-main-nav {
flex: 1 1 auto;
}
.bwf-header-layout-default .bwf-menu {
gap: clamp(1px, .28vw, 5px);
}
.bwf-header-layout-default .bwf-menu > li > a {
position: relative;
min-height: 31px;
padding: 0 clamp(8px, .65vw, 11px);
border: 1px solid transparent;
border-radius: 9px;
color: #d7d9df;
font-size: clamp(11px, .76vw, 12px);
font-weight: 700;
letter-spacing: -.08px;
white-space: nowrap;
transition:
color .18s ease,
background .18s ease,
border-color .18s ease,
transform .18s ease,
box-shadow .18s ease;
}
.bwf-header-layout-default .bwf-menu > li:first-child > a,
.bwf-header-layout-default .bwf-menu > li.current-menu-item > a,
.bwf-header-layout-default .bwf-menu > li.current-menu-ancestor > a {
border-color: rgba(239, 35, 60, .38);
background: rgba(239, 35, 60, .14);
color: #fff;
box-shadow: inset 0 -1px 0 rgba(239, 35, 60, .58);
}
.bwf-header-layout-default .bwf-menu > li > a:hover,
.bwf-header-layout-default .bwf-menu > li > a:focus {
border-color: rgba(255, 255, 255, .10);
background: rgba(255, 255, 255, .065);
color: #fff;
outline: 0;
transform: translateY(-1px);
}
.bwf-header-layout-default .bwf-menu > li.current-menu-item > a:hover,
.bwf-header-layout-default .bwf-menu > li.current-menu-ancestor > a:hover,
.bwf-header-layout-default .bwf-menu > li:first-child > a:hover {
border-color: rgba(239, 35, 60, .52);
background: rgba(239, 35, 60, .20);
}
.bwf-header-layout-default .bwf-menu > li.menu-item-has-children > a {
gap: 5px;
}
.bwf-header-layout-default .bwf-menu > li.menu-item-has-children > a::after {
font-size: 8px;
}
.bwf-header-layout-default .bwf-search {
width: clamp(176px, 16vw, 218px);
height: 34px;
}
.bwf-header-layout-default .bwf-search-open-button {
border: 1px solid rgba(255, 255, 255, .11);
border-radius: 10px;
background: rgba(255, 255, 255, .965);
transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.bwf-header-layout-default .bwf-search-open-button:hover,
.bwf-header-layout-default .bwf-search-open-button:focus {
border-color: rgba(239, 35, 60, .34);
box-shadow: 0 7px 18px rgba(0, 0, 0, .13);
transform: translateY(-1px);
outline: 0;
}
.bwf-header-layout-default .bwf-header-actions {
gap: 8px;
}
.bwf-header-layout-default .bwf-link-btn {
min-height: 32px;
display: inline-flex;
align-items: center;
padding: 0 7px;
border-radius: 8px;
color: #e2e3e8;
font-size: 12px;
font-weight: 700;
transition: color .18s ease, background .18s ease;
}
.bwf-header-layout-default .bwf-link-btn:hover,
.bwf-header-layout-default .bwf-link-btn:focus {
background: rgba(255, 255, 255, .06);
color: #fff;
outline: 0;
}
.bwf-header-layout-default .bwf-login-btn {
height: 34px;
gap: 6px;
padding: 0 13px;
border-radius: 10px;
font-size: 12px;
font-weight: 800;
box-shadow: 0 7px 16px rgba(239, 35, 60, .17);
}
.bwf-header-layout-default .bwf-profile-desktop-trigger {
min-height: 36px;
padding: 2px 3px 2px 10px;
border-radius: 10px;
}
.bwf-header-layout-default .bwf-profile-desktop-name {
max-width: 92px;
overflow: hidden;
font-size: 12px;
text-overflow: ellipsis;
white-space: nowrap;
}
.bwf-header-layout-default .bwf-profile-desktop-avatar img {
width: 32px;
height: 32px;
}
} .bwf-blog-page {
padding: 24px 0 54px;
}
.bwf-blog-page > .bwf-container {
display: grid;
gap: 22px;
}
.bwf-blog-hero {
position: relative;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
overflow: hidden;
padding: 34px 36px;
border: 1px solid var(--bw-border);
border-radius: 22px;
background:
radial-gradient(circle at 90% 18%, rgba(239,35,60,.18), transparent 34%),
linear-gradient(135deg, #202126 0%, #1b1c21 56%, #24171c 100%);
box-shadow: 0 24px 60px rgba(0,0,0,.16);
}
.bwf-blog-hero::after {
content: "";
position: absolute;
inset: auto -60px -100px auto;
width: 280px;
height: 280px;
border-radius: 50%;
background: rgba(239,35,60,.08);
filter: blur(4px);
pointer-events: none;
}
.bwf-blog-hero-copy {
position: relative;
z-index: 1;
max-width: 720px;
}
.bwf-blog-eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
margin-bottom: 12px;
color: #ff7384;
font-size: 11px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: .7px;
}
.bwf-blog-eyebrow i {
color: var(--bw-red);
}
.bwf-blog-hero h1 {
margin: 0;
color: #fff;
font-size: clamp(34px, 4vw, 54px);
line-height: 1.05;
font-weight: 950;
letter-spacing: -1.4px;
}
.bwf-blog-hero p,
.bwf-blog-tax-description {
max-width: 680px;
margin: 13px 0 0;
color: #a8abb4;
font-size: 14px;
line-height: 1.75;
}
.bwf-blog-search {
position: relative;
z-index: 2;
width: min(100%, 390px);
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 10px;
min-height: 52px;
padding: 5px 6px 5px 16px;
border: 1px solid rgba(255,255,255,.09);
border-radius: 15px;
background: rgba(15,16,20,.78);
box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.bwf-blog-search > i {
color: #6f737e;
font-size: 13px;
}
.bwf-blog-search input[type="search"] {
width: 100%;
min-width: 0;
height: 40px;
padding: 0;
border: 0;
outline: 0;
background: transparent;
color: #fff;
font-size: 13px;
}
.bwf-blog-search input[type="search"]::placeholder {
color: #686c77;
}
.bwf-blog-search button {
min-height: 40px;
padding: 0 17px;
border: 0;
border-radius: 11px;
background: var(--bw-red);
color: #fff;
font-size: 12px;
font-weight: 900;
cursor: pointer;
transition: transform .2s ease, background .2s ease;
}
.bwf-blog-search button:hover {
transform: translateY(-1px);
background: var(--bw-red-dark);
}
.bwf-blog-category-nav {
display: flex;
align-items: center;
gap: 9px;
overflow-x: auto;
padding: 2px 1px 7px;
scrollbar-width: thin;
}
.bwf-blog-category-nav a {
flex: 0 0 auto;
min-height: 38px;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 0 14px;
border: 1px solid rgba(255,255,255,.07);
border-radius: 999px;
background: #1d1e23;
color: #b9bcc4;
font-size: 11px;
font-weight: 850;
transition: border-color .2s ease, color .2s ease, background .2s ease;
}
.bwf-blog-category-nav a small {
min-width: 20px;
height: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 5px;
border-radius: 999px;
background: #141519;
color: #777b85;
font-size: 9px;
}
.bwf-blog-category-nav a:hover,
.bwf-blog-category-nav a.is-active {
border-color: rgba(239,35,60,.42);
background: rgba(239,35,60,.11);
color: #fff;
}
.bwf-blog-featured {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
min-height: 390px;
overflow: hidden;
border: 1px solid var(--bw-border);
border-radius: 22px;
background: #202126;
box-shadow: 0 24px 70px rgba(0,0,0,.18);
}
.bwf-blog-featured-media {
position: relative;
display: block;
min-height: 390px;
overflow: hidden;
background: #141519;
}
.bwf-blog-featured-media img,
.bwf-blog-featured-placeholder {
width: 100%;
height: 100%;
min-height: 390px;
object-fit: cover;
}
.bwf-blog-featured-placeholder {
display: flex;
align-items: center;
justify-content: center;
color: #454852;
font-size: 70px;
}
.bwf-blog-featured-overlay {
position: absolute;
inset: 0;
background: linear-gradient(90deg, transparent 45%, rgba(32,33,38,.32) 75%, rgba(32,33,38,.92) 100%);
}
.bwf-blog-featured-content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 38px;
background:
radial-gradient(circle at 100% 0, rgba(239,35,60,.11), transparent 38%),
#202126;
}
.bwf-blog-featured-badge,
.bwf-blog-featured-category {
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 28px;
padding: 0 10px;
border-radius: 999px;
font-size: 10px;
font-weight: 900;
}
.bwf-blog-featured-badge {
margin-bottom: 10px;
background: var(--bw-red);
color: #fff;
}
.bwf-blog-featured-category {
margin-bottom: 12px;
background: rgba(255,255,255,.06);
color: #bfc2ca;
}
.bwf-blog-featured-content h2 {
margin: 0;
color: #fff;
font-size: clamp(27px, 3vw, 42px);
line-height: 1.12;
font-weight: 950;
letter-spacing: -.8px;
}
.bwf-blog-featured-content h2 a {
color: inherit;
}
.bwf-blog-featured-content > p {
margin: 16px 0 0;
color: #a7aab3;
font-size: 13px;
line-height: 1.75;
}
.bwf-blog-featured-meta {
display: flex;
flex-wrap: wrap;
gap: 9px 16px;
margin-top: 18px;
color: #777b86;
font-size: 10px;
font-weight: 750;
}
.bwf-blog-featured-meta span,
.bwf-blog-card-meta span,
.bwf-blog-card-footer-meta span {
display: inline-flex;
align-items: center;
gap: 6px;
}
.bwf-blog-featured-meta i,
.bwf-blog-card-meta i,
.bwf-blog-card-footer-meta i {
color: var(--bw-red);
}
.bwf-blog-primary-link {
min-height: 42px;
display: inline-flex;
align-items: center;
gap: 9px;
margin-top: 22px;
padding: 0 17px;
border-radius: 12px;
background: var(--bw-red);
color: #fff;
font-size: 11px;
font-weight: 900;
transition: transform .2s ease, background .2s ease;
}
.bwf-blog-primary-link:hover {
transform: translateY(-1px);
background: var(--bw-red-dark);
color: #fff;
}
.bwf-blog-list-section,
.bwf-blog-related {
width: 100%;
}
.bwf-blog-section-head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 18px;
margin-bottom: 16px;
padding-bottom: 14px;
border-bottom: 1px solid rgba(255,255,255,.07);
}
.bwf-blog-section-head > div > span {
display: block;
margin-bottom: 4px;
color: var(--bw-red);
font-size: 9px;
font-weight: 950;
text-transform: uppercase;
letter-spacing: .8px;
}
.bwf-blog-section-head h2 {
margin: 0;
color: #fff;
font-size: 24px;
line-height: 1.2;
font-weight: 950;
}
.bwf-blog-section-head > a {
display: inline-flex;
align-items: center;
gap: 7px;
color: #92959f;
font-size: 11px;
font-weight: 850;
}
.bwf-blog-section-head > a:hover {
color: #fff;
}
.bwf-blog-grid {
display: grid;
gap: 18px;
}
.bwf-blog-grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bwf-blog-grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bwf-blog-grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.bwf-blog-card {
min-width: 0;
overflow: hidden;
border: 1px solid rgba(255,255,255,.07);
border-radius: 17px;
background: #202126;
box-shadow: 0 15px 35px rgba(0,0,0,.12);
transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.bwf-blog-card:hover {
transform: translateY(-4px);
border-color: rgba(239,35,60,.26);
box-shadow: 0 22px 42px rgba(0,0,0,.2);
}
.bwf-blog-card-thumb {
position: relative;
height: 205px;
display: block;
overflow: hidden;
background: #141519;
}
.bwf-blog-card-thumb img,
.bwf-blog-card-placeholder {
width: 100%;
height: 100%;
object-fit: cover;
}
.bwf-blog-card-thumb img {
transition: transform .4s ease;
}
.bwf-blog-card:hover .bwf-blog-card-thumb img {
transform: scale(1.035);
}
.bwf-blog-card-placeholder {
display: flex;
align-items: center;
justify-content: center;
color: #434751;
font-size: 46px;
}
.bwf-blog-card-category {
position: absolute;
top: 13px;
left: 13px;
min-height: 25px;
display: inline-flex;
align-items: center;
padding: 0 9px;
border-radius: 999px;
background: rgba(239,35,60,.94);
color: #fff;
font-size: 9px;
font-weight: 950;
backdrop-filter: blur(8px);
}
.bwf-blog-card-body {
display: flex;
flex-direction: column;
min-height: 240px;
padding: 18px;
}
.bwf-blog-card-meta,
.bwf-blog-card-footer-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px 13px;
color: #777b85;
font-size: 9px;
font-weight: 750;
}
.bwf-blog-card-title {
margin: 10px 0 0;
color: #fff;
font-size: 17px;
line-height: 1.35;
font-weight: 950;
letter-spacing: -.25px;
}
.bwf-blog-card-title a {
color: inherit;
}
.bwf-blog-card-title a:hover {
color: #ff6678;
}
.bwf-blog-card-excerpt {
margin: 10px 0 0;
color: #9a9da7;
font-size: 11.5px;
line-height: 1.7;
}
.bwf-blog-card-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-top: auto;
padding-top: 16px;
}
.bwf-blog-card-read {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
gap: 6px;
color: #fff;
font-size: 10px;
font-weight: 900;
}
.bwf-blog-card-read i {
color: var(--bw-red);
transition: transform .2s ease;
}
.bwf-blog-card-read:hover i {
transform: translateX(2px);
}
.bwf-blog-pagination {
margin-top: 26px;
}
.bwf-blog-pagination .page-numbers,
.bwf-blog-pagination > .nav-links {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 7px;
margin: 0;
padding: 0;
list-style: none;
}
.bwf-blog-pagination li {
list-style: none;
}
.bwf-blog-pagination a.page-numbers,
.bwf-blog-pagination span.page-numbers,
.bwf-blog-pagination .nav-links > a,
.bwf-blog-pagination .nav-links > span {
min-width: 38px;
height: 38px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 0 11px;
border: 1px solid rgba(255,255,255,.07);
border-radius: 10px;
background: #202126;
color: #aeb1b9;
font-size: 10px;
font-weight: 850;
}
.bwf-blog-pagination .current,
.bwf-blog-pagination a.page-numbers:hover,
.bwf-blog-pagination .nav-links > a:hover {
border-color: var(--bw-red);
background: var(--bw-red);
color: #fff;
}
.bwf-blog-empty {
min-height: 310px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 35px;
border: 1px dashed rgba(255,255,255,.1);
border-radius: 20px;
background: #1b1c21;
text-align: center;
}
.bwf-blog-empty > i {
margin-bottom: 15px;
color: #4d515b;
font-size: 44px;
}
.bwf-blog-empty h2 {
margin: 0;
color: #fff;
font-size: 22px;
}
.bwf-blog-empty p {
max-width: 520px;
margin: 9px 0 0;
color: #858994;
font-size: 12px;
}
.bwf-blog-empty a {
min-height: 40px;
display: inline-flex;
align-items: center;
margin-top: 17px;
padding: 0 15px;
border-radius: 11px;
background: var(--bw-red);
color: #fff;
font-size: 11px;
font-weight: 900;
}
.bwf-blog-tax-page {
padding-top: 24px;
}
.bwf-blog-tax-hero {
align-items: center;
}
.bwf-blog-back-link {
display: inline-flex;
align-items: center;
gap: 7px;
margin-bottom: 13px;
color: #8b8f99;
font-size: 10px;
font-weight: 850;
}
.bwf-blog-back-link:hover {
color: #fff;
}
.bwf-blog-single-topbar {
width: min(100%, 900px);
margin: 22px auto -8px;
}
.bwf-blog-single-topbar a {
min-height: 36px;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 0 13px;
border: 1px solid rgba(255,255,255,.07);
border-radius: 10px;
background: #1d1e23;
color: #aeb1ba;
font-size: 10px;
font-weight: 850;
}
.bwf-blog-single-topbar a:hover {
border-color: rgba(239,35,60,.3);
color: #fff;
}
.bwf-blog-related {
width: min(100%, 1180px);
margin: 28px auto 0;
padding: 22px;
border: 1px solid rgba(255,255,255,.07);
border-radius: 18px;
background: #1b1c21;
}
.bwf-blog-related .bwf-blog-card-thumb {
height: 165px;
}
.bwf-blog-related .bwf-blog-card-body {
min-height: 210px;
} body.bwf-blog-module-enabled.single-post .bwf-single-post-page {
margin-top: 0;
padding-top: 2px;
} .bwf-home-blog-latest {
width: 100%;
margin-top: 30px;
padding-top: 4px;
}
.bwf-home-blog-latest .bwf-blog-card-body {
min-height: 218px;
}
.bwf-home-blog-latest .bwf-blog-section-head > a i {
color: var(--bw-red);
transition: transform .2s ease;
}
.bwf-home-blog-latest .bwf-blog-section-head > a:hover i {
transform: translateX(2px);
} body.bwf-blog-context .bwf-blog-page {
padding-top: 26px;
}
body.bwf-blog-context .bwf-blog-page > .bwf-container {
gap: 18px;
}
body.bwf-blog-context .bwf-blog-hero {
align-items: center;
min-height: 168px;
padding: 28px 30px;
border-radius: 18px;
background:
radial-gradient(circle at 91% 12%, rgba(239,35,60,.14), transparent 30%),
linear-gradient(135deg, #1c1d22 0%, #1a1b20 62%, #23171b 100%);
box-shadow: 0 18px 44px rgba(0,0,0,.13);
}
body.bwf-blog-context .bwf-blog-hero::after {
width: 220px;
height: 220px;
opacity: .7;
}
body.bwf-blog-context .bwf-blog-eyebrow {
margin-bottom: 9px;
font-size: 10px;
}
body.bwf-blog-context .bwf-blog-hero h1 {
font-size: clamp(32px, 3.4vw, 46px);
letter-spacing: -1px;
}
body.bwf-blog-context .bwf-blog-hero p {
margin-top: 9px;
font-size: 12.5px;
line-height: 1.65;
}
body.bwf-blog-context .bwf-blog-search {
width: min(100%, 410px);
min-height: 48px;
display: flex;
align-items: center;
gap: 10px;
padding: 5px 5px 5px 7px;
border-color: rgba(255,255,255,.1);
border-radius: 14px;
background: rgba(11,12,15,.72);
box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 10px 28px rgba(0,0,0,.12);
transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
body.bwf-blog-context .bwf-blog-search:focus-within {
border-color: rgba(239,35,60,.52);
background: rgba(13,14,18,.9);
box-shadow: 0 0 0 3px rgba(239,35,60,.08), 0 12px 30px rgba(0,0,0,.14);
}
body.bwf-blog-context .bwf-blog-search-icon {
width: 34px;
height: 34px;
flex: 0 0 34px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 10px;
background: rgba(255,255,255,.035);
color: #777b85;
font-size: 12px;
}
body.bwf-blog-context .bwf-blog-search input[type="search"] {
flex: 1 1 auto;
height: 38px;
min-width: 0;
padding: 0 2px;
font-size: 12px;
}
body.bwf-blog-context .bwf-blog-search button {
min-width: 82px;
min-height: 38px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 0 14px;
border-radius: 10px;
font-size: 11px;
}
body.bwf-blog-context .bwf-blog-search button i {
font-size: 9px;
transition: transform .2s ease;
}
body.bwf-blog-context .bwf-blog-search button:hover i {
transform: translateX(2px);
}
body.bwf-blog-context .bwf-blog-category-nav {
gap: 7px;
padding-bottom: 4px;
}
body.bwf-blog-context .bwf-blog-category-nav a {
min-height: 34px;
padding: 0 12px;
background: #1b1c21;
font-size: 10px;
}
body.bwf-blog-context .bwf-blog-featured {
grid-template-columns: minmax(0, 1.12fr) minmax(310px, .88fr);
min-height: 330px;
border-radius: 18px;
box-shadow: 0 18px 48px rgba(0,0,0,.14);
}
body.bwf-blog-context .bwf-blog-featured.is-text-only {
display: block;
min-height: 0;
background:
radial-gradient(circle at 88% 20%, rgba(239,35,60,.12), transparent 28%),
#1d1e23;
}
body.bwf-blog-context .bwf-blog-featured-media,
body.bwf-blog-context .bwf-blog-featured-media img {
min-height: 330px;
height: 330px;
}
body.bwf-blog-context .bwf-blog-featured-content {
padding: 30px;
}
body.bwf-blog-context .bwf-blog-featured.is-text-only .bwf-blog-featured-content {
max-width: 900px;
min-height: 260px;
padding: 34px 36px;
background: transparent;
}
body.bwf-blog-context .bwf-blog-featured-mark {
width: 44px;
height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
border: 1px solid rgba(239,35,60,.18);
border-radius: 13px;
background: rgba(239,35,60,.08);
color: var(--bw-red);
font-size: 17px;
}
body.bwf-blog-context .bwf-blog-featured-content h2 {
font-size: clamp(25px, 2.7vw, 36px);
}
body.bwf-blog-context .bwf-blog-featured-content > p {
font-size: 12px;
line-height: 1.68;
}
body.bwf-blog-context .bwf-blog-card {
border-radius: 15px;
box-shadow: 0 12px 30px rgba(0,0,0,.1);
}
body.bwf-blog-context .bwf-blog-card:hover {
transform: translateY(-2px);
box-shadow: 0 17px 36px rgba(0,0,0,.16);
}
body.bwf-blog-context .bwf-blog-card-body {
min-height: 220px;
padding: 16px;
}
body.bwf-blog-context .bwf-blog-card-title {
font-size: 16px;
} body.bwf-blog-module-enabled.single-post .bwf-single-post-page {
margin-top: 0;
padding: 0 0 48px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 310px;
gap: 22px;
align-items: start;
padding-top: 24px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-single-main {
min-width: 0;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout.no-sidebar {
grid-template-columns: minmax(0, 900px);
justify-content: center;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-single-topbar {
width: 100%;
margin: 0 0 12px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-single-topbar a {
min-height: 34px;
padding: 0 12px;
border-radius: 9px;
background: #1b1c21;
font-size: 9.5px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout .bwf-single-article {
width: 100%;
margin: 0;
border-radius: 18px;
background: #1d1e23;
box-shadow: 0 18px 44px rgba(0,0,0,.13);
}
body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout .bwf-single-article-head {
padding: 30px 34px 25px;
background:
radial-gradient(circle at 100% 0, rgba(239,35,60,.1), transparent 34%),
#1d1e23;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout .bwf-single-article-head h1 {
max-width: 760px;
font-size: clamp(29px, 3.4vw, 40px);
line-height: 1.13;
letter-spacing: -.9px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout .bwf-single-article-meta {
gap: 10px 15px;
margin-top: 15px;
font-size: 10.5px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout .bwf-single-featured-image img {
max-height: 460px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout .bwf-single-article-content {
padding: 32px 34px 36px;
color: #d1d3d9;
font-size: 15px;
line-height: 1.86;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout .bwf-single-article-content h2 {
margin-top: 34px;
font-size: 24px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout .bwf-single-article-content h3 {
font-size: 20px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout .bwf-single-article-footer {
padding: 0 34px 30px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout .bwf-single-post-navigation {
width: 100%;
margin-top: 16px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-single-sidebar {
min-width: 0;
position: sticky;
top: 92px;
}
body.admin-bar.bwf-blog-module-enabled.single-post .bwf-blog-single-sidebar {
top: 124px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-panel {
overflow: hidden;
padding: 18px;
border: 1px solid rgba(255,255,255,.07);
border-radius: 17px;
background: #1b1c21;
box-shadow: 0 16px 38px rgba(0,0,0,.12);
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-head {
margin-bottom: 14px;
padding-bottom: 13px;
border-bottom: 1px solid rgba(255,255,255,.065);
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-head > span {
display: block;
margin-bottom: 4px;
color: var(--bw-red);
font-size: 8.5px;
font-weight: 950;
text-transform: uppercase;
letter-spacing: .7px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-head h2 {
margin: 0;
color: #fff;
font-size: 18px;
line-height: 1.2;
font-weight: 950;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-head p {
margin: 6px 0 0;
color: #7f838d;
font-size: 9.5px;
line-height: 1.55;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-list {
display: grid;
gap: 10px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-card {
display: grid;
grid-template-columns: 82px minmax(0, 1fr);
gap: 11px;
min-width: 0;
padding: 9px;
border: 1px solid rgba(255,255,255,.055);
border-radius: 12px;
background: #17181c;
transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-card:hover {
transform: translateY(-1px);
border-color: rgba(239,35,60,.22);
background: #191a1f;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-thumb {
width: 82px;
height: 72px;
display: block;
overflow: hidden;
border-radius: 9px;
background: #111216;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-thumb img,
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-thumb > span {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
object-fit: cover;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-thumb > span {
color: #3e424b;
font-size: 21px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-card-copy {
min-width: 0;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-category {
display: inline-flex;
margin-bottom: 4px;
color: #ff6678;
font-size: 8px;
font-weight: 900;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-card h3 {
margin: 0;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: #fff;
font-size: 11.5px;
line-height: 1.4;
font-weight: 900;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-card h3 a {
color: inherit;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-card h3 a:hover {
color: #ff6678;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-meta {
display: flex;
flex-wrap: wrap;
gap: 5px 8px;
margin-top: 7px;
color: #6f737d;
font-size: 7.8px;
font-weight: 750;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-meta span {
display: inline-flex;
align-items: center;
gap: 4px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-meta i {
color: var(--bw-red);
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-all {
min-height: 38px;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 13px;
border: 1px solid rgba(239,35,60,.18);
border-radius: 10px;
background: rgba(239,35,60,.07);
color: #e9e9ec;
font-size: 9.5px;
font-weight: 900;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-all:hover {
border-color: rgba(239,35,60,.38);
background: rgba(239,35,60,.12);
color: #fff;
}@media (max-width: 1180px) {
.bwf-header-inner {
gap: 12px;
padding: 0 16px;
}
.bwf-logo-text {
font-size: 20px;
}
.bwf-search {
width: 180px;
}
.bwf-menu > li > a {
padding: 0 9px;
font-size: 12px;
}
}
@media (max-width: 980px) {
.bwf-site-header {
padding-top: 0;
background: rgba(21,22,26,.98);
}
.bwf-site-header .bwf-container {
width: 100%;
}
.bwf-header-inner {
min-height: 56px;
padding: 0 14px;
border-radius: 0;
border-bottom-width: 3px;
background: #222329;
box-shadow: none;
}
.bwf-main-nav,
.bwf-search,
.bwf-header-actions,
.bwf-mobile-toggle {
display: none !important;
}
.bwf-brand {
min-width: 0;
}
.bwf-logo-mark {
width: 32px;
height: 32px;
font-size: 18px;
border-radius: 10px;
}
.bwf-logo-text {
max-width: 185px;
font-size: 18px;
letter-spacing: -.4px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.bwf-mobile-header-icons {
display: flex;
align-items: center;
gap: 12px;
margin-left: auto;
}
.bwf-mobile-panel {
position: fixed;
top: 0;
left: 0;
z-index: 1200;
width: min(360px, 86vw);
height: 100vh;
display: block;
background: #202126;
border-right: 1px solid rgba(255,255,255,.08);
transform: translateX(-105%);
transition: transform .25s ease;
padding: 18px;
overflow-y: auto;
}
body.bwf-menu-open .bwf-mobile-panel {
transform: translateX(0);
}
.bwf-mobile-overlay {
position: fixed;
inset: 0;
z-index: 1100;
display: block;
background: rgba(0,0,0,.62);
opacity: 0;
visibility: hidden;
transition: all .25s ease;
}
body.bwf-menu-open .bwf-mobile-overlay {
opacity: 1;
visibility: visible;
}
body.bwf-menu-open {
overflow: hidden;
}
.bwf-mobile-panel-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
margin-bottom: 18px;
}
.bwf-mobile-close {
display: inline-flex;
}
.bwf-mobile-search {
display: flex;
gap: 8px;
margin-bottom: 18px;
}
.bwf-mobile-search input {
min-width: 0;
flex: 1;
height: 42px;
border: 0;
outline: 0;
border-radius: 12px;
padding: 0 13px;
background: #111216;
color: #fff;
}
.bwf-mobile-search button {
border: 0;
border-radius: 12px;
background: #ef233c;
color: #fff;
font-weight: 700;
padding: 0 14px;
}
.bwf-mobile-menu,
.bwf-mobile-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
.bwf-mobile-menu a {
display: flex;
align-items: center;
min-height: 44px;
padding: 0 12px;
border-radius: 12px;
color: #fff;
font-weight: 700;
border: 1px solid rgba(255,255,255,.06);
background: #191a1f;
margin-bottom: 8px;
}
.bwf-mobile-menu .sub-menu {
margin: 0 0 10px 12px;
}
.bwf-mobile-menu .sub-menu a {
min-height: 38px;
font-size: 13px;
color: #a1a1aa;
background: transparent;
}
.bwf-mobile-auth {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
margin-top: 18px;
}
.bwf-mobile-auth a {
height: 42px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 12px;
background: #191a1f;
color: #fff;
font-weight: 800;
}
.bwf-mobile-auth a.is-red {
background: #ef233c;
}
.bwf-basic-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bwf-footer-top {
grid-template-columns: 1fr;
}
}
@media (max-width: 720px) {
.bwf-container {
width: min(100% - 20px, 1180px);
}
.bwf-placeholder-page {
padding: 14px;
border-radius: 16px;
}
.bwf-section-head {
display: block;
}
.bwf-section-head h1 {
font-size: 23px;
}
.bwf-basic-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.bwf-basic-thumb {
height: 170px;
}
.bwf-footer .bwf-container {
padding: 18px;
border-radius: 16px;
}
.bwf-footer-bottom {
display: block;
}
.bwf-footer-bottom p + p {
margin-top: 6px;
}
}
@media (max-width: 480px) {
.bwf-logo-text {
font-size: 18px;
}
.bwf-logo-mark {
width: 30px;
height: 30px;
font-size: 17px;
}
.bwf-header-inner {
min-height: 56px;
padding: 0 12px;
}
.bwf-mobile-header-icons {
gap: 10px;
}
.bwf-mobile-icon-btn {
width: 36px;
height: 36px;
font-size: 17px;
}
.bwf-logo-text {
max-width: 170px;
font-size: 17px;
}
.bwf-basic-grid {
grid-template-columns: 1fr;
}
.bwf-basic-thumb {
height: 210px;
}
.bwf-footer-apps {
display: block;
}
.bwf-footer-apps div {
margin-top: 8px;
}
}
@media (max-width: 1180px) {
.bwf-hero-item {
flex-basis: 20%;
min-width: 20%;
}
.bwf-movie-grid,
.bwf-series-row {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.bwf-home-layout {
grid-template-columns: minmax(0, 1fr) 260px;
}
}
@media (max-width: 980px) {
.bwf-home-shell {
margin-top: 0;
}
.bwf-hero-item {
flex-basis: 33.333%;
min-width: 33.333%;
}
.bwf-hero-card {
height: 300px;
}
.bwf-home-layout {
grid-template-columns: 1fr;
}
.bwf-home-sidebar {
position: static;
}
.bwf-movie-grid,
.bwf-series-row {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bwf-sidebar-tags {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 720px) {
.bwf-hero-item {
flex-basis: 50%;
min-width: 50%;
}
.bwf-hero-card {
height: 270px;
}
.bwf-slider-arrow {
display: none;
}
.bwf-content-tabs {
display: block;
}
.bwf-content-tabs h2 {
margin-bottom: 8px;
}
.bwf-movie-grid,
.bwf-series-row {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.bwf-sidebar-tags {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bwf-home-notice {
align-items: flex-start;
height: auto;
padding: 11px 13px;
line-height: 1.35;
}
.bwf-home-notice-dot {
margin-top: 6px;
flex: 0 0 auto;
}
}
@media (max-width: 480px) {
.bwf-hero-item {
flex-basis: 72%;
min-width: 72%;
}
.bwf-hero-card {
height: 285px;
}
.bwf-hero-content {
left: 12px;
right: 12px;
bottom: 12px;
}
.bwf-movie-body h3,
.bwf-series-body h3 {
font-size: 12px;
}
}
@media (max-width: 980px) {
.bwf-detail-page {
margin-top: 0;
}
.bwf-detail-layout {
grid-template-columns: 1fr;
}
.bwf-detail-sidebar {
position: static;
}
.bwf-film-hero {
min-height: 300px;
}
.bwf-related-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 720px) {
.bwf-detail-title-row {
display: block;
}
.bwf-google-mark {
display: none;
}
.bwf-film-info-grid {
grid-template-columns: 1fr;
}
.bwf-film-poster {
max-width: 230px;
}
.bwf-related-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bwf-film-hero {
min-height: 230px;
}
.bwf-film-hero-logo {
width: 58px;
height: 58px;
font-size: 30px;
border-radius: 18px;
}
}
@media (max-width: 480px) {
.bwf-detail-title-row h1 {
font-size: 21px;
}
.bwf-film-meta-table div,
.bwf-cast-line {
grid-template-columns: 1fr;
gap: 2px;
}
.bwf-related-grid {
gap: 10px;
}
.bwf-comment-card {
grid-template-columns: 1fr;
}
}
@media (max-width: 980px) {
.bwf-episode-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 720px) {
.bwf-episode-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bwf-series-age-warning {
align-items: flex-start;
padding: 10px 12px;
line-height: 1.4;
}
}
@media (max-width: 480px) {
.bwf-episode-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 720px) {
.bwf-episode-nav-row {
grid-template-columns: 1fr;
}
.bwf-episode-nav-btn:first-child,
.bwf-episode-nav-btn:last-child {
justify-content: center;
}
.bwf-player-tabs {
overflow-x: auto;
scrollbar-width: none;
}
.bwf-player-tabs::-webkit-scrollbar {
display: none;
}
.bwf-player-tabs button {
flex: 0 0 auto;
}
}
@media (max-width: 980px) {
.bwf-archive-page {
margin-top: 0;
}
.bwf-archive-layout {
grid-template-columns: 1fr;
}
.bwf-archive-head {
align-items: flex-start;
flex-direction: column;
}
.bwf-archive-search {
width: 100%;
}
.bwf-episode-archive-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 720px) {
.bwf-archive-head {
padding: 16px;
border-radius: 16px;
}
.bwf-archive-head h1 {
font-size: 23px;
}
.bwf-search-result-card,
.bwf-archive-episode-card {
grid-template-columns: 86px minmax(0, 1fr);
gap: 11px;
}
.bwf-search-result-body h2,
.bwf-archive-episode-body h3 {
font-size: 16px;
}
}
@media (max-width: 480px) {
.bwf-archive-search {
display: grid;
grid-template-columns: 1fr;
}
.bwf-search-result-card,
.bwf-archive-episode-card {
grid-template-columns: 1fr;
}
.bwf-search-result-thumb,
.bwf-archive-episode-thumb {
max-width: 170px;
}
}
@media (max-width: 980px) {
.bwf-auth-page {
margin-top: 0;
padding-top: 18px;
}
.bwf-auth-layout {
grid-template-columns: 1fr;
}
.bwf-auth-visual {
min-height: auto;
padding: 28px;
}
.bwf-auth-features {
margin-top: 32px;
}
}
@media (max-width: 720px) {
.bwf-auth-visual h1 {
font-size: 32px;
}
.bwf-auth-features {
grid-template-columns: 1fr;
}
.bwf-auth-card {
padding: 18px;
}
}
@media (max-width: 480px) {
.bwf-auth-tabs {
display: grid;
grid-template-columns: 1fr;
}
.bwf-auth-row {
align-items: flex-start;
flex-direction: column;
}
}
@media (max-width: 980px) {
.bwf-person-page {
margin-top: 0;
}
.bwf-person-hero {
grid-template-columns: 200px minmax(0, 1fr);
}
.bwf-person-meta {
grid-template-columns: 1fr;
}
}
@media (max-width: 720px) {
.bwf-people-block {
grid-template-columns: 1fr;
}
.bwf-person-hero {
grid-template-columns: 1fr;
}
.bwf-person-photo {
max-width: 230px;
}
.bwf-person-info h1 {
font-size: 26px;
}
}
@media (max-width: 1180px) {
.bwf-profile-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 980px) {
.bwf-profile-page {
margin-top: 0;
}
.bwf-profile-hero {
align-items: flex-start;
flex-direction: column;
}
.bwf-profile-stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bwf-profile-layout {
grid-template-columns: 1fr;
}
.bwf-profile-sidebar {
position: static;
display: flex;
overflow-x: auto;
scrollbar-width: none;
}
.bwf-profile-sidebar::-webkit-scrollbar {
display: none;
}
.bwf-profile-sidebar a {
flex: 0 0 auto;
margin-bottom: 0;
}
.bwf-profile-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 720px) {
.bwf-profile-user {
align-items: flex-start;
flex-direction: column;
}
.bwf-profile-user h1 {
font-size: 26px;
}
.bwf-profile-section-head {
align-items: flex-start;
flex-direction: column;
}
.bwf-profile-section-head p {
text-align: left;
}
.bwf-profile-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bwf-profile-account-card {
grid-template-columns: 1fr;
}
}
@media (max-width: 480px) {
.bwf-profile-hero {
padding: 20px;
}
.bwf-profile-stats {
grid-template-columns: 1fr;
}
.bwf-profile-content {
padding: 16px;
}
.bwf-profile-grid {
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.bwf-profile-rated-card {
grid-template-columns: 70px minmax(0, 1fr);
}
}
@media (max-width: 720px) {
.bwf-ad {
margin: 12px 0;
padding: 12px;
border-radius: 14px;
}
.bwf-ad::before {
left: 10px;
top: 8px;
font-size: 9px;
}
.bwf-ad-ad_header_bottom,
.bwf-ad-ad_home_top,
.bwf-ad-ad_detail_top,
.bwf-ad-ad_video_top,
.bwf-ad-ad_video_bottom,
.bwf-ad-ad_footer {
min-height: 70px;
}
.bwf-ad-ad_sidebar {
min-height: 120px;
}
}
@media (max-width: 480px) {
.bwf-ad {
padding: 10px;
}
.bwf-ad img {
border-radius: 10px;
}
}
@media (max-width: 480px) {
.bwf-mobile-bottom-nav {
left: 8px;
right: 8px;
bottom: 8px;
height: 62px;
border-radius: 16px;
}
.bwf-mobile-bottom-nav a,
.bwf-mobile-bottom-nav button {
height: 50px;
font-size: 10px;
border-radius: 13px;
}
.bwf-mobile-bottom-nav i {
font-size: 17px;
}
body.bwf-body {
padding-bottom: 84px;
}
}
@media (max-width: 720px) {
.bwf-error-page > .bwf-container {
width: min(100% - 20px, 1180px);
padding: 24px 14px 24px;
border-radius: 0 0 18px 18px;
}
.bwf-error-card {
padding: 24px 16px;
border-radius: 20px;
}
.bwf-error-code {
font-size: 96px;
letter-spacing: -5px;
}
.bwf-error-card h1 {
font-size: 22px;
}
.bwf-error-card p {
font-size: 13px;
}
.bwf-error-search {
height: auto;
grid-template-columns: 1fr;
}
.bwf-error-search input,
.bwf-error-search button {
height: 44px;
}
.bwf-error-search button {
justify-content: center;
}
.bwf-error-actions {
display: grid;
grid-template-columns: 1fr;
}
.bwf-error-actions a {
justify-content: center;
}
} @media (max-width: 1180px) {
.bwf-explore-filter-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bwf-explore-grid {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
@media (max-width: 980px) {
.bwf-explore-page {
margin-top: 0;
}
.bwf-explore-page .bwf-container {
width: 100%;
padding: 14px;
border-radius: 0;
}
.bwf-explore-filter-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bwf-explore-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 720px) {
.bwf-explore-page .bwf-container {
padding: 12px 10px 92px;
}
.bwf-explore-hero {
align-items: flex-start;
padding: 14px;
border-radius: 14px;
}
.bwf-explore-hero-icon {
width: 46px;
height: 46px;
flex-basis: 46px;
border-radius: 13px;
font-size: 19px;
}
.bwf-explore-hero h1 {
font-size: 21px;
}
.bwf-explore-hero p {
font-size: 12px;
line-height: 1.5;
}
.bwf-explore-filter {
padding: 13px;
border-radius: 14px;
}
.bwf-explore-filter-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.bwf-explore-field select {
height: 44px;
padding-left: 11px;
font-size: 12px;
}
.bwf-explore-actions {
grid-column: 1 / -1;
}
.bwf-explore-actions button,
.bwf-explore-actions a {
min-height: 44px;
}
.bwf-explore-results {
padding: 13px;
border-radius: 14px;
}
.bwf-explore-results-head {
align-items: flex-start;
flex-direction: column;
gap: 9px;
}
.bwf-explore-results-head h2 {
font-size: 17px;
}
.bwf-explore-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
}
}
@media (max-width: 520px) {
.bwf-explore-hero {
gap: 11px;
}
.bwf-explore-hero-icon {
display: none;
}
.bwf-explore-filter-grid {
grid-template-columns: 1fr;
}
.bwf-explore-actions {
grid-column: auto;
display: grid;
grid-template-columns: 1fr auto;
}
.bwf-explore-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 360px) {
.bwf-explore-grid {
grid-template-columns: 1fr;
}
} @media (max-width: 720px) {
.bwf-custom-select-trigger {
height: 44px;
padding: 0 11px;
font-size: 12px;
}
.bwf-custom-select-menu {
max-height: 230px;
}
.bwf-custom-select-option {
min-height: 40px;
font-size: 12px;
}
}
@media (max-width: 520px) {
.bwf-custom-select.is-open {
z-index: 200;
}
.bwf-custom-select-menu {
max-height: 220px;
}
} @media (max-width: 980px) {
.bwf-mobile-menu-page {
margin-top: 0;
}
.bwf-mobile-menu-page > .bwf-container {
width: 100%;
padding: 14px;
border-radius: 0;
}
.bwf-menu-page-layout {
grid-template-columns: 1fr;
}
.bwf-menu-page-sidebar {
position: static;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.bwf-menu-page-side-card {
margin-bottom: 0;
}
}
@media (max-width: 720px) {
.bwf-mobile-menu-page > .bwf-container {
padding: 12px 10px 92px;
}
.bwf-menu-page-hero {
padding: 17px;
border-radius: 14px;
}
.bwf-menu-page-hero::after {
right: 8px;
font-size: 82px;
}
.bwf-menu-page-hero h1 {
font-size: 22px;
}
.bwf-menu-page-shortcuts {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
.bwf-menu-page-shortcuts a {
min-height: 62px;
padding: 10px;
}
.bwf-menu-page-shortcuts i {
width: 34px;
height: 34px;
flex-basis: 34px;
font-size: 14px;
}
.bwf-menu-page-section {
padding: 13px;
border-radius: 14px;
}
.bwf-menu-page-section-head h2 {
font-size: 16px;
}
.bwf-menu-page-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
.bwf-menu-page-grid a {
min-height: 44px;
padding: 0 10px;
}
.bwf-menu-page-sidebar {
grid-template-columns: 1fr;
}
}
@media (max-width: 430px) {
.bwf-menu-page-hero p {
font-size: 12px;
}
.bwf-menu-page-shortcuts span {
font-size: 12px;
}
.bwf-menu-page-grid a span {
font-size: 11px;
}
.bwf-menu-page-grid a small {
min-width: 22px;
height: 22px;
}
.bwf-menu-page-years a {
min-width: 56px;
min-height: 34px;
font-size: 11px;
}
} @media (max-width: 980px) {
.bwf-profile-page {
margin-top: 0;
}
.bwf-profile-page > .bwf-container {
width: 100%;
padding: 0 14px 92px;
}
.bwf-profile-hero {
min-height: auto;
align-items: center;
flex-direction: row;
padding: 22px;
border-radius: 0 0 18px 18px;
}
.bwf-profile-stats {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.bwf-profile-layout {
grid-template-columns: 1fr;
}
.bwf-profile-sidebar {
position: static;
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 7px;
overflow: visible;
padding: 8px;
}
.bwf-profile-sidebar > a {
min-width: 0;
min-height: 64px;
flex-direction: column;
justify-content: center;
gap: 6px;
margin: 0;
padding: 7px 5px;
text-align: center;
transform: none;
}
.bwf-profile-sidebar > a:hover {
transform: none;
}
.bwf-profile-sidebar .bwf-profile-menu-icon {
width: 30px;
min-width: 30px;
height: 30px;
}
.bwf-profile-sidebar .bwf-profile-menu-text {
width: 100%;
font-size: 10px;
line-height: 1.15;
white-space: normal;
}
.bwf-profile-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 720px) {
.bwf-profile-page > .bwf-container {
padding: 0 10px 92px;
}
.bwf-profile-hero {
align-items: flex-start;
flex-direction: column;
gap: 18px;
padding: 18px;
border-radius: 0 0 18px 18px;
}
.bwf-profile-user {
width: 100%;
align-items: center;
flex-direction: row;
gap: 14px;
}
.bwf-profile-avatar {
width: 78px;
height: 78px;
flex-basis: 78px;
border-radius: 21px;
}
.bwf-profile-avatar img {
border-radius: 17px;
}
.bwf-profile-user h1 {
font-size: 26px;
}
.bwf-profile-user p {
font-size: 12px;
}
.bwf-profile-actions {
width: 100%;
}
.bwf-profile-actions a {
flex: 1;
min-height: 40px;
padding: 0 11px;
}
.bwf-profile-stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 9px;
}
.bwf-profile-stat-card {
min-height: 78px;
gap: 10px;
padding: 12px;
border-radius: 14px;
}
.bwf-profile-stat-icon {
width: 38px;
height: 38px;
flex-basis: 38px;
border-radius: 11px;
font-size: 14px;
}
.bwf-profile-stat-card strong {
font-size: 22px;
}
.bwf-profile-stat-card small {
margin-top: 5px;
}
.bwf-profile-sidebar {
grid-template-columns: repeat(5, minmax(74px, 1fr));
overflow-x: auto;
scroll-snap-type: x proximity;
scrollbar-width: none;
}
.bwf-profile-sidebar::-webkit-scrollbar {
display: none;
}
.bwf-profile-sidebar > a {
scroll-snap-align: start;
}
.bwf-profile-content {
min-height: 360px;
padding: 16px;
border-radius: 16px;
}
.bwf-profile-section-head {
align-items: flex-start;
flex-direction: column;
gap: 9px;
margin-bottom: 15px;
padding-bottom: 13px;
}
.bwf-profile-section-head h2 {
font-size: 22px;
}
.bwf-profile-section-head p {
max-width: none;
text-align: left;
}
.bwf-profile-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
}
.bwf-profile-account-card {
grid-template-columns: 1fr;
}
}
@media (max-width: 520px) {
.bwf-profile-hero {
margin-bottom: 12px;
}
.bwf-profile-user {
align-items: center;
}
.bwf-profile-user > div:last-child {
min-width: 0;
}
.bwf-profile-user h1 {
font-size: 23px;
}
.bwf-profile-user p {
max-width: 230px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.bwf-profile-stats {
margin-bottom: 12px;
}
.bwf-profile-sidebar {
margin-bottom: 0;
}
.bwf-profile-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bwf-profile-content {
padding: 14px;
}
.bwf-profile-section-head h2 {
font-size: 20px;
}
}
@media (max-width: 360px) {
.bwf-profile-user {
align-items: flex-start;
}
.bwf-profile-avatar {
width: 68px;
height: 68px;
flex-basis: 68px;
}
.bwf-profile-actions {
display: grid;
grid-template-columns: 1fr 1fr;
}
.bwf-profile-stat-icon {
display: none;
}
.bwf-profile-stat-card {
justify-content: center;
text-align: center;
}
} @media (max-width: 1180px) {
.bwf-hero-item {
flex-basis: 20%;
min-width: 20%;
}
.bwf-hero-card {
height: 370px;
}
}
@media (max-width: 980px) {
.bwf-hero-slider-wrap {
margin-bottom: 14px;
}
.bwf-hero-slider-wrap > .bwf-container {
width: 100%;
max-width: none;
margin: 0;
}
.bwf-hero-item {
flex-basis: 33.333%;
min-width: 33.333%;
}
.bwf-hero-card {
height: 390px;
}
}
@media (max-width: 720px) { .bwf-home-shell {
margin-top: 0;
}
.bwf-hero-slider-wrap {
width: 100%;
margin: 0 0 14px;
}
.bwf-hero-slider-wrap > .bwf-container {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
}
.bwf-hero-slider {
width: 100%;
border-radius: 0;
border-top: 0;
border-bottom: 6px solid #2a2c33;
} .bwf-hero-item {
flex: 0 0 50%;
min-width: 50%;
scroll-snap-align: start;
} .bwf-hero-card {
height: 430px;
}
.bwf-hero-card img {
object-position: center top;
}
.bwf-hero-content {
left: 14px;
right: 12px;
bottom: 14px;
}
.bwf-hero-content h2 {
margin-bottom: 7px;
font-size: 14px;
line-height: 1.18;
-webkit-line-clamp: 2;
}
.bwf-hero-meta {
gap: 6px;
font-size: 10px;
}
.bwf-hero-badges {
font-size: 10px;
} .bwf-slider-arrow {
display: inline-flex;
width: 46px;
height: 46px;
border-color: rgba(255,255,255,.07);
background: rgba(15,16,19,.72);
font-size: 16px;
opacity: 1;
visibility: visible;
}
.bwf-slider-prev {
left: 22px;
}
.bwf-slider-next {
right: 22px;
}
}
@media (max-width: 480px) {
.bwf-hero-item {
flex: 0 0 50%;
min-width: 50%;
}
.bwf-hero-card {
height: 425px;
}
.bwf-hero-content {
left: 12px;
right: 9px;
bottom: 13px;
}
.bwf-hero-content h2 {
font-size: 13px;
}
.bwf-hero-meta {
gap: 5px;
font-size: 9px;
}
.bwf-hero-meta i {
font-size: 9px;
}
.bwf-hero-badges {
gap: 4px;
font-size: 9px;
}
.bwf-slider-arrow {
width: 44px;
height: 44px;
font-size: 15px;
}
.bwf-slider-prev {
left: 24px;
}
.bwf-slider-next {
right: 24px;
}
}
@media (max-width: 360px) {
.bwf-hero-card {
height: 395px;
}
.bwf-hero-content h2 {
font-size: 12px;
}
} @media (max-width: 720px) {
body.bwf-body .bwf-hero-card img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
max-width: none;
height: 100%;
object-fit: cover;
object-position: center center;
display: block;
}
.bwf-hero-gradient {
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 42%,
rgba(0, 0, 0, .08) 58%,
rgba(0, 0, 0, .45) 78%,
rgba(0, 0, 0, .88) 100%
);
}
.bwf-hero-content {
bottom: 14px;
}
} @media (max-width: 720px) {
.bwf-hero-card {
height: 370px;
}
}
@media (max-width: 480px) {
.bwf-hero-card {
height: 350px;
}
}
@media (max-width: 360px) {
.bwf-hero-card {
height: 330px;
}
} @media (max-width: 720px) {
.bwf-search-modal {
align-items: flex-start;
padding: 68px 10px 88px;
}
.bwf-search-dialog {
width: 100%;
border-radius: 15px;
}
.bwf-search-dialog-head {
min-height: 58px;
grid-template-columns: 20px minmax(0, 1fr) auto;
gap: 9px;
padding: 0 12px;
}
.bwf-search-dialog-head input {
height: 56px;
font-size: 13px;
}
.bwf-search-modal-body {
padding: 8px;
}
.bwf-search-results {
max-height: calc(100vh - 245px);
}
.bwf-search-result-item {
min-height: 66px;
grid-template-columns: 44px minmax(0, 1fr) 20px;
gap: 9px;
padding: 6px 8px;
}
.bwf-search-result-poster {
width: 44px;
height: 54px;
}
.bwf-search-result-info strong {
font-size: 12px;
}
.bwf-search-result-tags > span {
min-height: 18px;
padding: 0 5px;
font-size: 8px;
}
.bwf-search-dialog-footer {
min-height: 42px;
padding: 0 11px;
}
.bwf-search-dialog-footer > span {
display: none;
}
.bwf-search-dialog-footer > a {
margin-left: 0;
}
}
@media (max-width: 420px) {
.bwf-search-modal {
padding-left: 7px;
padding-right: 7px;
}
.bwf-search-escape {
min-width: 34px;
font-size: 8px;
}
.bwf-search-result-arrow {
display: none;
}
.bwf-search-result-item {
grid-template-columns: 42px minmax(0, 1fr);
}
} @media (max-width: 1180px) {
.bwf-search-open-button {
width: 180px;
}
.bwf-profile-desktop-name {
max-width: 105px;
}
}
@media (max-width: 980px) {
.bwf-header-profile-desktop {
display: none;
}
.bwf-header-profile-mobile {
display: block;
}
.bwf-header-profile-mobile .bwf-mobile-auth-btn {
padding: 0;
overflow: hidden;
border: 2px solid #525660;
border-radius: 50%;
background: #303239;
}
body.bwf-body
.bwf-header-profile-mobile
.bwf-mobile-auth-btn img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bwf-header-profile-mobile .bwf-header-profile-dropdown {
position: fixed;
top: 61px;
right: 8px;
width: min(230px, calc(100vw - 16px));
}
.bwf-header-profile-mobile
.bwf-header-profile-dropdown::before {
right: 15px;
}
}
@media (max-width: 480px) {
.bwf-header-profile-mobile .bwf-header-profile-dropdown {
top: 59px;
right: 6px;
width: min(225px, calc(100vw - 12px));
}
.bwf-header-profile-dropdown nav a {
min-height: 39px;
font-size: 11px;
}
} @media (max-width: 980px) {
.bwf-mobile-menu .menu-item-has-children > a::after {
content: "\f078";
margin-left: auto;
color: #8f929d;
font-family: "Font Awesome 6 Free";
font-size: 9px;
font-weight: 900;
}
.bwf-mobile-menu .sub-menu {
position: static;
width: auto;
min-width: 0;
max-width: none;
margin: -2px 0 10px 12px;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: none;
}
.bwf-mobile-menu .sub-menu::before {
display: none;
}
} @media (max-width: 720px) {
.bwf-profile-grid .bwf-archive-episode-card {
display: flex;
grid-template-columns: none;
gap: 0;
}
.bwf-profile-grid .bwf-archive-episode-thumb {
width: 100%;
max-width: none;
}
.bwf-profile-grid .bwf-archive-episode-body h3 {
font-size: 13px;
}
}
@media (max-width: 480px) {
.bwf-profile-grid .bwf-archive-episode-card {
display: flex;
grid-template-columns: none;
}
.bwf-profile-grid .bwf-archive-episode-thumb {
max-width: none;
}
} @media (max-width: 720px) {
.bwf-continue-watching-card {
grid-template-columns: 70px minmax(0, 1fr);
gap: 12px;
}
.bwf-continue-poster {
width: 70px;
height: 96px;
}
.bwf-continue-button {
grid-column: 1 / -1;
width: 100%;
}
.bwf-next-episode-card {
grid-template-columns: 42px minmax(0, 1fr);
}
.bwf-next-episode-card > a {
grid-column: 1 / -1;
width: 100%;
}
}
@media (max-width: 480px) {
.bwf-continue-watching-card {
padding: 12px;
}
.bwf-continue-content h2 {
font-size: 16px;
}
.bwf-next-episode-card {
padding: 12px;
}
} @media (max-width: 1180px) {
.bwf-profile-stats {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 980px) {
.bwf-profile-continue-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 720px) {
.bwf-profile-stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bwf-profile-continue-card {
grid-template-columns: 112px minmax(0, 1fr);
}
.bwf-profile-continue-poster {
min-height: 205px;
}
}
@media (max-width: 480px) {
.bwf-profile-stats {
grid-template-columns: 1fr;
}
.bwf-profile-continue-card {
grid-template-columns: 95px minmax(0, 1fr);
}
.bwf-profile-continue-poster {
min-height: 185px;
}
.bwf-profile-continue-body {
padding: 12px;
}
.bwf-profile-continue-body h3 {
font-size: 15px;
}
.bwf-profile-continue-info {
padding: 8px;
}
.bwf-profile-continue-button {
min-height: 36px;
padding: 7px 9px;
white-space: normal;
}
} @media (max-width: 980px) {
.bwf-sidebar-quick-links {
max-width: 420px;
}
}
@media (max-width: 480px) {
.bwf-sidebar-quick-links {
max-width: none;
gap: 8px;
}
.bwf-sidebar-quick-card {
min-height: 76px;
border-radius: 12px;
}
.bwf-sidebar-quick-card strong {
font-size: 11px;
}
} @media (max-width: 980px) {
.bwf-request-page {
margin-top: 0;
}
.bwf-request-layout {
grid-template-columns: 1fr;
}
.bwf-request-sidebar {
position: static;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.bwf-request-side-card {
margin-bottom: 0;
}
}
@media (max-width: 720px) {
.bwf-request-hero {
grid-template-columns: 54px minmax(0, 1fr);
padding: 18px;
}
.bwf-request-hero-icon {
width: 54px;
height: 54px;
border-radius: 15px;
font-size: 21px;
}
.bwf-request-hero h1 {
font-size: 22px;
}
.bwf-request-hero-stat {
grid-column: 1 / -1;
width: 100%;
}
.bwf-request-login-box {
grid-template-columns: 42px minmax(0, 1fr);
}
.bwf-request-login-box > a {
grid-column: 1 / -1;
justify-content: center;
}
.bwf-request-sidebar {
grid-template-columns: 1fr;
}
.bwf-request-list .children {
margin-left: 24px;
}
}
@media (max-width: 480px) {
.bwf-request-hero {
grid-template-columns: 1fr;
text-align: center;
}
.bwf-request-hero-icon {
margin: 0 auto;
}
.bwf-request-form-section,
.bwf-request-feed {
padding: 13px;
}
.bwf-request-feed-head {
align-items: flex-start;
flex-direction: column;
}
.bwf-request-card {
grid-template-columns: 38px minmax(0, 1fr);
padding: 11px;
}
.bwf-request-avatar img {
width: 38px;
height: 38px;
}
.bwf-request-head {
flex-direction: column;
gap: 5px;
}
.bwf-request-list .children {
margin-left: 12px;
}
} @media (max-width: 980px) {
.bwf-auth-page {
margin-top: 0;
padding: 32px 0 52px;
}
.bwf-auth-shell {
width: min(100%, 500px);
}
}
@media (max-width: 720px) {
.bwf-auth-page {
padding: 18px 0 96px;
}
.bwf-auth-page .bwf-container {
width: min(100% - 20px, 1180px);
}
.bwf-auth-card {
padding: 23px 18px;
border-radius: 18px;
}
.bwf-auth-card-head {
margin-bottom: 19px;
}
.bwf-auth-logo {
margin-bottom: 20px;
}
.bwf-auth-page-icon {
width: 43px;
height: 43px;
margin-bottom: 13px;
border-radius: 13px;
font-size: 17px;
}
.bwf-auth-card-head h1 {
font-size: 24px;
}
.bwf-auth-card-head p {
font-size: 11px;
}
.bwf-auth-password-grid {
grid-template-columns: 1fr;
gap: 16px;
}
.bwf-auth-note {
margin-top: 20px;
}
}
@media (max-width: 480px) {
.bwf-auth-page .bwf-container {
width: min(100% - 16px, 1180px);
}
.bwf-auth-card {
padding: 20px 14px;
border-radius: 16px;
}
.bwf-auth-logo .bwf-logo-img {
max-height: 34px;
}
.bwf-auth-logo .bwf-logo-text {
max-width: 190px;
font-size: 18px;
}
.bwf-auth-card-head h1 {
font-size: 22px;
}
.bwf-auth-tabs {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 4px;
padding: 4px;
}
.bwf-auth-tabs a {
min-height: 36px;
padding: 0 4px;
font-size: 9px;
white-space: nowrap;
}
.bwf-auth-input-wrap input {
height: 45px;
font-size: 12px;
}
.bwf-auth-row {
align-items: center;
flex-direction: row;
}
.bwf-auth-form > button {
min-height: 46px;
}
.bwf-auth-note {
display: none;
}
} @media (max-width: 720px) {
.bwf-auth-card {
padding: 24px 18px;
}
.bwf-auth-logo {
margin-bottom: 18px;
}
.bwf-auth-page-icon {
margin-bottom: 14px;
}
.bwf-auth-card-head {
margin-bottom: 23px;
}
.bwf-auth-tabs {
margin-bottom: 22px;
}
.bwf-auth-form {
gap: 17px;
}
.bwf-auth-input-wrap input {
padding-left: 46px;
}
}
@media (max-width: 480px) {
.bwf-auth-card {
padding: 22px 15px;
}
.bwf-auth-card-head {
margin-bottom: 20px;
}
.bwf-auth-logo {
margin-bottom: 16px;
}
.bwf-auth-page-icon {
margin-bottom: 12px;
}
.bwf-auth-tabs {
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-bottom: 20px;
}
.bwf-auth-tabs a {
white-space: normal;
line-height: 1.15;
}
.bwf-auth-row {
align-items: center;
flex-direction: row;
gap: 10px;
}
.bwf-auth-note {
display: none;
}
} @media (max-width: 720px) {
.bwf-auth-card-head {
margin-bottom: 18px;
}
.bwf-auth-logo {
margin: 0 auto;
}
.bwf-auth-form .bwf-auth-input-wrap > i {
left: 16px;
}
.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"] {
padding-right: 14px;
padding-left: 52px;
}
}
@media (max-width: 480px) {
.bwf-auth-card-head {
margin-bottom: 16px;
}
.bwf-auth-tabs {
margin-top: 0;
}
.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"] {
padding-left: 50px;
}
} @media (max-width: 980px) {
.bwf-single-post-page {
margin-top: 0;
}
.bwf-single-article {
margin-top: 18px;
}
}
@media (max-width: 720px) {
.bwf-single-post-page > .bwf-container {
width: min(100% - 20px, 1180px);
}
.bwf-single-article {
border-radius: 17px;
}
.bwf-single-article-head {
padding: 25px 20px 22px;
}
.bwf-single-article-head h1 {
font-size: 29px;
letter-spacing: -.6px;
}
.bwf-single-article-meta {
gap: 10px 14px;
margin-top: 15px;
}
.bwf-single-featured-image img {
max-height: 380px;
}
.bwf-single-article-content {
padding: 27px 20px 31px;
font-size: 15px;
line-height: 1.8;
}
.bwf-single-article-content h2 {
margin-top: 32px;
font-size: 23px;
}
.bwf-single-article-content h3 {
font-size: 19px;
}
.bwf-single-article-footer {
padding: 0 20px 28px;
}
.bwf-single-post-navigation {
grid-template-columns: 1fr;
}
.bwf-single-nav-item.is-next {
text-align: left;
}
.bwf-single-nav-item.is-next > a {
justify-content: flex-start;
}
}
@media (max-width: 480px) {
.bwf-single-post-page > .bwf-container {
width: min(100% - 16px, 1180px);
}
.bwf-single-article {
margin-top: 12px;
border-radius: 15px;
}
.bwf-single-article-head {
padding: 22px 16px 19px;
}
.bwf-single-categories {
margin-bottom: 12px;
}
.bwf-single-article-head h1 {
font-size: 25px;
line-height: 1.18;
}
.bwf-single-article-meta {
display: grid;
grid-template-columns: 1fr;
gap: 7px;
font-size: 11px;
}
.bwf-single-featured-image img {
max-height: 290px;
}
.bwf-single-article-content {
padding: 23px 16px 27px;
font-size: 14px;
line-height: 1.78;
}
.bwf-single-article-content p {
margin-bottom: 18px;
}
.bwf-single-article-content h2 {
margin-top: 28px;
font-size: 21px;
}
.bwf-single-article-content h3 {
margin-top: 25px;
font-size: 18px;
}
.bwf-single-article-content blockquote {
margin: 23px 0;
padding: 17px;
}
.bwf-single-article-content table {
display: block;
overflow-x: auto;
white-space: nowrap;
}
.bwf-single-article-footer {
padding: 0 16px 24px;
}
.bwf-single-nav-item {
min-height: auto;
padding: 14px;
}
} @media (max-width: 980px) {
.bwf-contact-page {
margin-top: 0;
}
.bwf-contact-layout {
grid-template-columns: 290px minmax(0, 1fr);
}
}
@media (max-width: 820px) {
.bwf-contact-layout {
grid-template-columns: 1fr;
}
.bwf-contact-form-card {
order: 1;
}
.bwf-contact-info-card {
order: 2;
}
}
@media (max-width: 720px) {
.bwf-contact-page > .bwf-container {
width: min(100% - 20px, 1180px);
}
.bwf-contact-hero {
align-items: flex-start;
gap: 13px;
margin-top: 14px;
padding: 19px;
border-radius: 16px;
}
.bwf-contact-hero-icon {
width: 48px;
height: 48px;
flex-basis: 48px;
border-radius: 14px;
font-size: 18px;
}
.bwf-contact-hero h1 {
font-size: 23px;
}
.bwf-contact-form-card,
.bwf-contact-info-card {
padding: 20px;
border-radius: 16px;
}
.bwf-contact-form-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 480px) {
.bwf-contact-page > .bwf-container {
width: min(100% - 16px, 1180px);
}
.bwf-contact-hero {
padding: 16px;
}
.bwf-contact-hero-icon {
display: none;
}
.bwf-contact-hero h1 {
font-size: 21px;
}
.bwf-contact-form-card,
.bwf-contact-info-card {
padding: 17px 14px;
border-radius: 15px;
}
.bwf-contact-form-bottom {
align-items: stretch;
flex-direction: column;
}
.bwf-contact-form-bottom button {
width: 100%;
min-width: 0;
}
.bwf-contact-form-bottom p {
justify-content: center;
}
} @media (max-width: 980px) {
.bwf-footer-top {
grid-template-columns: minmax(0, 1fr) 210px;
gap: 30px;
}
}
@media (max-width: 720px) {
.bwf-footer-top {
grid-template-columns: 1fr;
gap: 24px;
}
.bwf-footer-menu {
padding-top: 21px;
border-top: 1px solid rgba(255, 255, 255, .07);
}
.bwf-footer-menu h3 {
margin-top: 0;
}
.bwf-footer-links {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 6px;
}
.bwf-footer-links a {
min-height: 36px;
background: rgba(255, 255, 255, .025);
}
}
@media (max-width: 480px) {
.bwf-footer-brand p {
font-size: 12px;
line-height: 1.65;
}
.bwf-footer-links {
grid-template-columns: 1fr;
}
.bwf-footer-links a {
min-height: 38px;
}
.bwf-footer-bottom {
margin-top: 22px;
padding-top: 15px;
}
} @media (max-width: 980px) {
.bwf-modern-page {
margin-top: 0;
}
}
@media (max-width: 720px) {
.bwf-modern-page {
padding-bottom: 48px;
}
.bwf-modern-page > .bwf-container {
width: min(100% - 20px, 1180px);
}
.bwf-page-hero {
align-items: flex-start;
gap: 13px;
margin-top: 15px;
padding: 20px;
border-radius: 16px;
}
.bwf-page-hero-icon {
width: 46px;
height: 46px;
flex-basis: 46px;
border-radius: 13px;
font-size: 18px;
}
.bwf-page-hero h1 {
font-size: 27px;
letter-spacing: -.5px;
}
.bwf-page-hero p {
margin-top: 7px;
font-size: 12px;
}
.bwf-page-article {
margin-top: 14px;
border-radius: 16px;
}
.bwf-page-featured-image img {
max-height: 350px;
}
.bwf-page-article-body {
padding: 27px 21px 31px;
font-size: 14px;
line-height: 1.8;
}
.bwf-page-article-body > p:first-child {
font-size: 15px;
}
.bwf-page-article-body h2 {
margin-top: 31px;
font-size: 22px;
}
.bwf-page-article-body h3 {
font-size: 19px;
}
}
@media (max-width: 480px) {
.bwf-modern-page > .bwf-container {
width: min(100% - 16px, 1180px);
}
.bwf-page-hero {
padding: 17px 15px;
border-radius: 15px;
}
.bwf-page-hero-icon {
display: none;
}
.bwf-page-hero h1 {
font-size: 24px;
line-height: 1.18;
}
.bwf-page-article {
border-radius: 15px;
}
.bwf-page-featured-image img {
max-height: 270px;
}
.bwf-page-article-body {
padding: 23px 16px 27px;
font-size: 14px;
line-height: 1.75;
}
.bwf-page-article-body > p:first-child {
font-size: 14px;
}
.bwf-page-article-body p {
margin-bottom: 17px;
}
.bwf-page-article-body h2 {
margin-top: 27px;
font-size: 20px;
}
.bwf-page-article-body h3 {
margin-top: 24px;
font-size: 18px;
}
.bwf-page-article-body blockquote {
margin: 21px 0;
padding: 16px;
}
.bwf-page-article-body table {
display: block;
max-width: 100%;
overflow-x: auto;
white-space: nowrap;
}
} @media (max-width: 720px) {
.bwf-trailer-modal {
align-items: center;
padding: 12px;
}
.bwf-trailer-dialog {
max-height: calc(100vh - 24px);
border-radius: 18px;
}
.bwf-trailer-dialog-head {
min-height: 68px;
padding: 12px 14px;
}
.bwf-trailer-dialog-head h2 {
font-size: 17px;
}
.bwf-trailer-close {
width: 38px;
height: 38px;
border-radius: 11px;
font-size: 16px;
}
.bwf-trailer-dialog-body {
padding: 8px;
}
.bwf-trailer-player {
border-radius: 12px;
}
.bwf-trailer-dialog-footer {
min-height: 46px;
padding: 9px 14px;
}
}
@media (max-width: 480px) {
.bwf-trailer-modal {
align-items: center;
padding: 7px;
}
.bwf-trailer-dialog {
max-height: calc(100vh - 14px);
border-radius: 15px;
}
.bwf-trailer-dialog-head {
min-height: 62px;
gap: 10px;
padding: 10px 12px;
}
.bwf-trailer-dialog-head span {
font-size: 9px;
}
.bwf-trailer-dialog-head h2 {
font-size: 15px;
}
.bwf-trailer-close {
width: 36px;
height: 36px;
}
.bwf-trailer-dialog-body {
padding: 6px;
}
.bwf-trailer-dialog-footer {
justify-content: center;
padding: 8px 10px;
}
.bwf-trailer-dialog-footer a {
font-size: 10px;
}
} @media (max-width: 980px) {
.bwf-coming-soon {
--bwf-coming-card-width: 96px;
--bwf-coming-poster-size: 76px;
--bwf-coming-gap: 12px;
}
}
@media (max-width: 767px) {
.bwf-coming-soon {
--bwf-coming-card-width: 80px;
--bwf-coming-poster-size: 64px;
--bwf-coming-gap: 10px;
margin: 13px 0;
padding: 12px 10px 12px;
border-radius: 13px;
}
.bwf-coming-soon-head {
min-height: 26px;
margin-bottom: 11px;
}
.bwf-coming-soon-heading {
gap: 8px;
}
.bwf-coming-soon-heading-icon {
width: 18px;
height: 18px;
flex-basis: 18px;
}
.bwf-coming-soon-heading-icon i {
font-size: 7px;
}
.bwf-coming-soon-head h2 {
font-size: 14px;
}
.bwf-coming-soon-nav {
display: none;
}
.bwf-coming-soon-track {
width: auto;
margin-right: -10px;
padding-right: 10px;
scroll-snap-type: x mandatory;
}
.bwf-coming-soon-card {
gap: 10px;
}
.bwf-coming-soon-media {
border-width: 1.5px;
}
.bwf-coming-soon-date {
bottom: -7px;
min-width: 44px;
padding: 3.5px 6px;
border-width: 1.5px;
font-size: 8.8px;
}
.bwf-coming-soon-title {
font-size: 10.5px;
line-height: 1.32;
}
}
@media (max-width: 380px) {
.bwf-coming-soon {
--bwf-coming-card-width: 76px;
--bwf-coming-poster-size: 61px;
--bwf-coming-gap: 9px;
}
.bwf-coming-soon-title {
font-size: 10px;
}
} @media (max-width: 1080px) {
.bwf-coming-catalog-grid {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
}
@media (max-width: 860px) {
.bwf-coming-catalog-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.bwf-coming-soon-actions {
gap: 2px;
}
.bwf-coming-soon-all {
min-height: 28px;
padding: 0 6px;
font-size: 10px;
}
.bwf-coming-catalog-page {
padding: 14px 0 46px;
}
.bwf-coming-catalog-hero {
gap: 12px;
padding: 17px 15px;
border-radius: 14px;
}
.bwf-coming-catalog-icon {
width: 40px;
height: 40px;
flex-basis: 40px;
border-radius: 12px;
}
.bwf-coming-catalog-hero h1 {
font-size: 22px;
}
.bwf-coming-catalog-hero p {
margin-top: 5px;
font-size: 11.5px;
}
.bwf-coming-catalog-filters {
margin: 13px 0 15px;
}
.bwf-coming-catalog-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 17px 10px;
}
.bwf-coming-catalog-thumb {
border-radius: 11px;
}
}
@media (max-width: 520px) {
.bwf-coming-catalog-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 17px 11px;
}
.bwf-coming-catalog-thumb time {
left: 8px;
bottom: 8px;
padding: 5px 8px;
font-size: 9px;
}
.bwf-coming-catalog-body h2 {
font-size: 12px;
}
} @media (max-width: 980px) {
.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 {
padding: 16px;
border-radius: 0 0 18px 18px;
}
.bwf-home-main {
padding: 16px;
border-radius: 18px;
}
}
@media (max-width: 720px) {
.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 {
width: calc(100% - 16px);
margin-bottom: 28px;
padding: 10px;
border-radius: 0 0 15px 15px;
}
.bwf-detail-page .bwf-breadcrumbs,
.bwf-archive-page .bwf-archive-head,
.bwf-person-page .bwf-person-hero {
border-radius: 12px;
}
.bwf-home-main {
padding: 11px;
border-radius: 15px;
}
} @media (max-width: 1180px) {
.bwf-taxonomy-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (max-width: 820px) {
.bwf-taxonomy-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bwf-video-fallback-play {
width: 62px;
height: 62px;
}
.bwf-video-fallback-play i {
font-size: 21px;
}
}
@media (max-width: 560px) {
.bwf-taxonomy-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.bwf-video-fallback-play {
width: 54px;
height: 54px;
}
.bwf-video-fallback-play i {
font-size: 18px;
}
.bwf-video-fallback-label {
bottom: 14px;
font-size: 11px;
}
} @media (max-width: 720px) {
.bwf-detail-hero-media {
margin-top: 16px;
}
.bwf-detail-hero-media .bwf-video-box {
aspect-ratio: 16 / 9;
border-radius: 13px;
}
.bwf-detail-hero-media .bwf-video-fallback-play {
width: 58px;
height: 58px;
}
.bwf-detail-hero-media .bwf-video-fallback-play i {
font-size: 20px;
}
.bwf-detail-page .bwf-detail-layout {
margin-top: 18px;
}
.bwf-detail-page .bwf-film-info-section,
.bwf-detail-page .bwf-series-info-section {
padding: 0;
}
.bwf-film-info-section > h2,
.bwf-series-info-section > h2 {
margin-bottom: 14px;
padding-bottom: 10px;
font-size: 15px;
}
.bwf-detail-page .bwf-film-info-grid,
.bwf-detail-page .bwf-series-info-grid {
display: block;
} .bwf-detail-page .bwf-film-poster {
display: none;
}
.bwf-detail-page .bwf-film-content {
width: 100%;
padding-top: 0;
}
.bwf-detail-page .bwf-film-desc {
margin-bottom: 15px;
font-size: 13px;
line-height: 1.7;
}
.bwf-detail-page .bwf-score-row {
margin-bottom: 14px;
}
.bwf-detail-page .bwf-film-meta-table {
gap: 8px;
margin-bottom: 14px;
}
.bwf-detail-page .bwf-film-meta-table div,
.bwf-detail-page .bwf-cast-line {
grid-template-columns: 78px minmax(0, 1fr);
gap: 10px;
}
.bwf-detail-page .bwf-people-block {
display: block;
margin-top: 16px;
}
.bwf-detail-page .bwf-people-block > span {
display: block;
margin-bottom: 10px;
}
.bwf-detail-page .bwf-people-list {
flex-wrap: nowrap;
gap: 10px;
overflow-x: auto;
overflow-y: hidden;
padding: 0 0 8px;
scroll-snap-type: x proximity;
scrollbar-width: thin;
}
.bwf-detail-page .bwf-person-mini-card {
flex: 0 0 72px;
width: 72px;
min-width: 72px;
scroll-snap-align: start;
}
.bwf-detail-page .bwf-person-mini-card span {
width: 58px;
height: 58px;
}
.bwf-detail-action-grid.is-follow-only {
grid-template-columns: 1fr;
}
} @media (max-width: 720px) {
.bwf-episode-detail-page .bwf-episode-nav-row {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 5px;
margin-bottom: 14px;
padding: 5px;
border-radius: 16px;
}
.bwf-episode-detail-page .bwf-episode-nav-btn,
.bwf-episode-detail-page .bwf-episode-archive-btn {
min-height: 62px;
flex-direction: column;
justify-content: center;
gap: 5px;
padding: 7px 4px;
border-radius: 12px;
text-align: center;
}
.bwf-episode-detail-page .bwf-episode-nav-btn.is-next {
flex-direction: column-reverse;
justify-content: center;
text-align: center;
}
.bwf-episode-detail-page .bwf-episode-nav-icon {
width: 29px;
height: 29px;
flex-basis: 29px;
border-radius: 9px;
font-size: 11px;
}
.bwf-episode-detail-page .bwf-episode-nav-copy {
flex: 0 1 auto;
width: 100%;
align-items: center;
gap: 0;
}
.bwf-episode-detail-page .bwf-episode-nav-copy small {
max-width: 100%;
overflow: hidden;
font-size: 8px;
letter-spacing: .035em;
text-overflow: ellipsis;
white-space: nowrap;
}
.bwf-episode-detail-page .bwf-episode-nav-copy strong,
.bwf-episode-detail-page .bwf-episode-nav-copy em {
display: none;
}
}
@media (max-width: 390px) {
.bwf-episode-detail-page .bwf-episode-nav-row {
gap: 4px;
padding: 4px;
}
.bwf-episode-detail-page .bwf-episode-nav-btn,
.bwf-episode-detail-page .bwf-episode-archive-btn {
min-height: 58px;
padding-inline: 2px;
}
.bwf-episode-detail-page .bwf-episode-nav-copy small {
font-size: 7.5px;
}
} @media (max-width: 980px) {
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-hero-card {
height: 250px;
}
.bwf-showcase-content {
padding: 25px 26px;
}
.bwf-showcase-content h2 {
max-width: 76%;
font-size: 27px;
}
.bwf-showcase-genres,
.bwf-showcase-content p {
max-width: 75%;
}
}
@media (max-width: 720px) {
body.bwf-body .bwf-hero-slider.is-layout-standard .bwf-hero-card > img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
body.bwf-body .bwf-hero-slider.is-layout-showcase {
border-radius: 12px;
}
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-hero-track {
gap: 0;
padding: 0;
scroll-padding-inline: 0;
}
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-hero-item {
flex: 0 0 100%;
min-width: 100%;
}
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-hero-card {
height: 274px;
border-radius: 12px;
}
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-hero-gradient {
background:
linear-gradient(
90deg,
rgba(9, 10, 13, .93) 0%,
rgba(9, 10, 13, .65) 48%,
rgba(9, 10, 13, .26) 100%
),
linear-gradient(
0deg,
rgba(9, 10, 13, .76) 0%,
rgba(9, 10, 13, .04) 58%
);
}
.bwf-showcase-content {
padding: 25px 22px;
}
.bwf-showcase-type {
min-height: 22px;
margin-bottom: 9px;
padding: 0 9px;
font-size: 9px;
}
.bwf-showcase-content h2 {
max-width: 78%;
margin-bottom: 10px;
font-size: 26px;
line-height: 1.06;
}
.bwf-showcase-meta {
gap: 9px;
margin-bottom: 8px;
font-size: 11px;
}
.bwf-showcase-genres {
max-width: 76%;
margin-bottom: 7px;
font-size: 11px;
}
.bwf-showcase-content p {
max-width: 74%;
font-size: 11px;
line-height: 1.48;
-webkit-line-clamp: 2;
}
.bwf-showcase-watch {
right: 18px;
bottom: 17px;
min-height: 40px;
gap: 7px;
padding: 0 14px;
font-size: 11px;
}
.bwf-showcase-watch i {
font-size: 18px;
}
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-slider-arrow {
width: 42px;
height: 42px;
display: inline-flex;
font-size: 14px;
}
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-slider-prev {
left: 12px;
}
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-slider-next {
right: 12px;
}
}
@media (max-width: 480px) {
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-hero-card {
height: 264px;
}
.bwf-showcase-content {
padding: 23px 20px;
}
.bwf-showcase-content h2 {
max-width: 82%;
font-size: 24px;
}
.bwf-showcase-genres {
max-width: 82%;
}
.bwf-showcase-content p {
max-width: 78%;
}
.bwf-showcase-watch {
right: 16px;
bottom: 15px;
}
}
@media (max-width: 360px) {
body.bwf-body .bwf-hero-slider.is-layout-showcase .bwf-hero-card {
height: 252px;
}
.bwf-showcase-content h2 {
font-size: 22px;
}
.bwf-showcase-content p {
-webkit-line-clamp: 1;
}
} @media (max-width: 1100px) {
.bwf-blog-grid-cols-4 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bwf-blog-featured {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 900px) {
.bwf-blog-page {
padding-top: 18px;
}
.bwf-blog-hero {
align-items: stretch;
flex-direction: column;
padding: 28px;
}
.bwf-blog-search {
width: 100%;
}
.bwf-blog-featured {
grid-template-columns: 1fr;
min-height: 0;
}
.bwf-blog-featured-media,
.bwf-blog-featured-media img,
.bwf-blog-featured-placeholder {
min-height: 330px;
height: 330px;
}
.bwf-blog-featured-overlay {
background: linear-gradient(180deg, transparent 55%, rgba(32,33,38,.9) 100%);
}
.bwf-blog-grid-cols-3,
.bwf-blog-grid-cols-4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bwf-blog-related .bwf-blog-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.bwf-blog-page {
padding: 12px 0 34px;
}
.bwf-blog-page > .bwf-container {
width: min(100% - 16px, 1180px);
gap: 16px;
}
.bwf-blog-hero {
padding: 23px 18px;
border-radius: 17px;
}
.bwf-blog-hero h1 {
font-size: 31px;
letter-spacing: -.8px;
}
.bwf-blog-hero p,
.bwf-blog-tax-description {
font-size: 12px;
line-height: 1.65;
}
.bwf-blog-search {
min-height: 48px;
grid-template-columns: auto 1fr auto;
padding-left: 13px;
border-radius: 13px;
}
.bwf-blog-search button {
min-height: 38px;
padding: 0 14px;
}
.bwf-blog-category-nav {
margin-right: -1px;
margin-left: -1px;
}
.bwf-blog-category-nav a {
min-height: 35px;
padding: 0 12px;
}
.bwf-blog-featured {
border-radius: 17px;
}
.bwf-blog-featured-media,
.bwf-blog-featured-media img,
.bwf-blog-featured-placeholder {
min-height: 230px;
height: 230px;
}
.bwf-blog-featured-content {
padding: 22px 18px 24px;
}
.bwf-blog-featured-content h2 {
font-size: 26px;
}
.bwf-blog-featured-content > p {
font-size: 12px;
}
.bwf-blog-featured-meta {
display: grid;
grid-template-columns: 1fr;
gap: 6px;
}
.bwf-blog-section-head {
align-items: center;
margin-bottom: 13px;
}
.bwf-blog-section-head h2 {
font-size: 21px;
}
.bwf-blog-grid-cols-2,
.bwf-blog-grid-cols-3,
.bwf-blog-grid-cols-4,
.bwf-blog-related .bwf-blog-grid {
grid-template-columns: 1fr;
}
.bwf-blog-card {
border-radius: 15px;
}
.bwf-blog-card-thumb {
height: 210px;
}
.bwf-blog-card-body {
min-height: 0;
padding: 16px;
}
.bwf-blog-card-title {
font-size: 16px;
}
.bwf-blog-card-footer {
margin-top: 16px;
}
.bwf-blog-related {
width: min(100% - 16px, 1180px);
padding: 16px;
border-radius: 16px;
}
.bwf-blog-related .bwf-blog-card-thumb {
height: 190px;
}
.bwf-blog-single-topbar {
width: min(100% - 16px, 900px);
margin-top: 15px;
}
} @media (max-width: 640px) {
.bwf-home-blog-latest {
margin-top: 22px;
}
.bwf-home-blog-latest .bwf-blog-card-body {
min-height: 0;
}
} @media (max-width: 1040px) {
body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout {
grid-template-columns: minmax(0, 1fr) 280px;
gap: 18px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-card {
grid-template-columns: 70px minmax(0, 1fr);
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-thumb {
width: 70px;
height: 66px;
}
}
@media (max-width: 820px) {
body.bwf-blog-context .bwf-blog-hero {
align-items: stretch;
flex-direction: column;
min-height: 0;
padding: 25px;
}
body.bwf-blog-context .bwf-blog-search {
width: 100%;
}
body.bwf-blog-context .bwf-blog-featured {
grid-template-columns: 1fr;
}
body.bwf-blog-context .bwf-blog-featured.has-media .bwf-blog-featured-media,
body.bwf-blog-context .bwf-blog-featured.has-media .bwf-blog-featured-media img {
height: 290px;
min-height: 290px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout {
grid-template-columns: 1fr;
gap: 20px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-single-sidebar,
body.admin-bar.bwf-blog-module-enabled.single-post .bwf-blog-single-sidebar {
position: static;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
body.bwf-blog-context .bwf-blog-page {
padding-top: 14px;
}
body.bwf-blog-context .bwf-blog-hero {
padding: 21px 17px;
border-radius: 16px;
}
body.bwf-blog-context .bwf-blog-hero h1 {
font-size: 30px;
}
body.bwf-blog-context .bwf-blog-search {
min-height: 46px;
gap: 7px;
padding: 4px;
border-radius: 12px;
}
body.bwf-blog-context .bwf-blog-search-icon {
width: 34px;
height: 34px;
flex-basis: 34px;
}
body.bwf-blog-context .bwf-blog-search button {
min-width: 66px;
min-height: 36px;
padding: 0 12px;
}
body.bwf-blog-context .bwf-blog-search button i {
display: none;
}
body.bwf-blog-context .bwf-blog-featured.has-media .bwf-blog-featured-media,
body.bwf-blog-context .bwf-blog-featured.has-media .bwf-blog-featured-media img {
height: 220px;
min-height: 220px;
}
body.bwf-blog-context .bwf-blog-featured-content,
body.bwf-blog-context .bwf-blog-featured.is-text-only .bwf-blog-featured-content {
min-height: 0;
padding: 21px 17px 23px;
}
body.bwf-blog-context .bwf-blog-featured-mark {
width: 40px;
height: 40px;
margin-bottom: 13px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout {
padding-top: 14px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout .bwf-single-article-head {
padding: 24px 18px 21px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout .bwf-single-article-head h1 {
font-size: 28px;
letter-spacing: -.6px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout .bwf-single-article-content {
padding: 24px 18px 28px;
font-size: 14px;
line-height: 1.82;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout .bwf-single-article-content h2 {
font-size: 22px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-single-layout .bwf-single-article-footer {
padding: 0 18px 24px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-panel {
padding: 15px;
border-radius: 15px;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-list {
grid-template-columns: 1fr;
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-card {
grid-template-columns: 82px minmax(0, 1fr);
}
body.bwf-blog-module-enabled.single-post .bwf-blog-sidebar-thumb {
width: 82px;
height: 72px;
}
}