.section.series-preview { margin-top: 0; margin-bottom: 24px; }
.section.series-preview--video { margin-bottom: 36px; }
.section.home-shorts--index, .section.home-shorts--video { margin-bottom: 24px; }
.section.series-preview .container .load_more, .section.home-shorts--index .container .load_more, .section.home-shorts--video .container .load_more { margin-top: 16px; }
.series-preview__heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.series-preview__heading h2 { color: var(--color-white, #fff); font-size: 18px; font-weight: 600; line-height: 1.4; margin: 0; }
.series-preview__heading > a { color: var(--color-off-white, #9a9a9a); font-size: 12px; text-decoration: none; }
.series-preview__heading > a:hover { color: #ff85ae; }
.series-preview__total { color: var(--color-off-white, #9a9a9a); font-size: 12px; font-weight: 400; white-space: nowrap; }
.series-preview__slider { --series-slides: 2.25; --series-gap: 12px; overflow: hidden; padding-block: 28px; margin-block: -28px; }
.series-preview__slider > .swiper-wrapper { display: flex; }
.series-preview__slider:not(.swiper-initialized) > .swiper-wrapper { gap: var(--series-gap); }
.series-preview__slider:not(.swiper-initialized) .swiper-slide { flex: 0 0 calc((100% - (var(--series-slides) - 1) * var(--series-gap)) / var(--series-slides)); }
.series-preview__slider .swiper-slide { height: auto; }
.series-preview__card { display: block; min-width: 0; color: #d9d9d9; text-decoration: none; }
.series-preview__poster { position: relative; display: block; overflow: hidden; aspect-ratio: 240 / 342; border-radius: 14px; background: var(--bg-partial, #18181a); color: #fff; isolation: isolate; box-shadow: inset 0 0 0 1px #ffffff14; transition: box-shadow .25s ease; }
.series-preview__poster img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; transform: scale(1.015); transition: transform .3s ease; }
.series-preview__poster::before { content: ''; position: absolute; z-index: 3; inset: 0; border-radius: inherit; box-shadow: inherit; pointer-events: none; }
.series-preview__card:hover .series-preview__poster { box-shadow: inset 0 0 0 1px #ffffff40; }
.series-preview__poster--spicy { box-shadow: inset 0 0 0 2px #ff4f88, 0 0 16px #ff4f884d, 0 0 32px #ff4f882e; }
.series-preview__card:hover .series-preview__poster--spicy { box-shadow: inset 0 0 0 2px #ff85ae, 0 0 20px #ff4f8870, 0 0 36px #ff4f8840; }
.series-preview__card:hover img { transform: scale(1.045); }
.series-preview__poster--spicy img { filter: blur(7px) brightness(.5); transform: scale(1.1); }
.series-preview__card:hover .series-preview__poster--spicy img { transform: scale(1.13); }
.series-preview__spicy { position: absolute; z-index: 1; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; padding: 35px 12px 12px; color: #f4edf8; background: #100b1733; text-align: center; font-size: 12px; line-height: 1.4; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; }
.series-preview__spicy svg { width: 25px; height: 28px; color: #ff85ae; }
.series-preview__spicy small { color: #d3cbd8; font-size: 10px; font-weight: 400; text-transform: none; letter-spacing: 0; }
.series-preview__badge { position: absolute; z-index: 2; top: 10px; left: 50%; transform: translateX(-50%); max-width: calc(100% - 20px); white-space: nowrap; background: #ed174c; color: #fff; border-radius: 4px; padding: 7px 10px; font-family: Arial, sans-serif; font-size: 11px; line-height: 1.2; font-weight: 800; text-transform: uppercase; letter-spacing: .4px; box-shadow: 0 2px 8px #0006; }
.series-preview__title { color: #d9d9d9; font-size: 14px; line-height: 1.45; letter-spacing: -.01em; margin: 10px 0 0; font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.series-preview__card:hover .series-preview__title { color: #fff; }
.series-preview .button-series-prev svg, .series-preview .button-series-next svg { width: 22px; height: 22px; }
.series-preview .swiper-button-disabled { opacity: .25; cursor: default; }
.series-preview .swiper-button-lock { display: none; }
.series-preview a:focus-visible, .series-preview button:focus-visible { outline: 2px solid #ff85ae; outline-offset: -3px; }
@media (min-width: 568px) { .series-preview__slider { --series-slides: 3.25; --series-gap: 14px; } }
@media (min-width: 768px) { .series-preview__slider { --series-slides: 4.25; --series-gap: 16px; } }
@media (min-width: 1024px) { .series-preview__slider { --series-slides: 5.25; } }
@media (min-width: 1280px) { .series-preview__slider { --series-slides: 6.25; } }
@media (max-width: 767px) {
    .series-preview__heading { margin-bottom: 12px; }
    .series-preview__heading h2 { font-size: 16px; }
    .series-preview__badge { font-size: 9px; }
    .series-preview__badge { padding: 6px 8px; }
    .series-preview__title { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) { .series-preview__poster img { transition: none; } .series-preview__card:hover img { transform: scale(1.015); } .series-preview__card:hover .series-preview__poster--spicy img { transform: scale(1.1); } }
.series-catalogue { margin-top: 24px; }
.series-catalogue .recent-videos-intro__heading { margin-bottom: 4px; }
.series-catalogue__toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }
.series-catalogue__sort { margin: 0; padding: 0; list-style: none; }
.series-catalogue__create { display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin-left: auto; border: 0; border-radius: 8px; padding: 9px 17px; background: #77dfcc; color: #102a25; font: inherit; font-size: 15px; font-weight: 600; line-height: normal; box-shadow: var(--interface-edge); cursor: pointer; }
.series-catalogue__create:hover { background: #a2efdf; border-color: #a2efdf; }
.series-catalogue__create span { font-size: 18px; line-height: 1; }
.series-catalogue__sort .btn.active { background: #ff85ae; color: #30101c; font-weight: 600; }
.series-catalogue__grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 20px 16px; }
.series-catalogue__empty { grid-column: 1 / -1; padding: 30px 0; color: #bfb7c5; }
.series-catalogue__empty a { color: #ff85ae; }
.series-catalogue__creator-note { margin-top: 24px; }
.series-catalogue__creator-note h3 { margin: 0 0 10px; color: #f8f8fb; font-size: 18px; line-height: 1.4; font-weight: 600; }
.series-catalogue input:focus-visible, .series-catalogue select:focus-visible, .series-catalogue a:focus-visible, .series-catalogue button:focus-visible { outline: 2px solid #ff85ae; outline-offset: 2px; }
@media (max-width: 1199px) { .series-catalogue__grid { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media (max-width: 767px) {
    .series-catalogue__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 12px; }
}
body.series-modal-open { overflow: hidden; }
.series-create-dialog { position: fixed; inset: 0; box-sizing: border-box; width: min(520px,calc(100% - 32px)); max-height: 85dvh; margin: auto; padding: 32px; overflow-y: auto; border: 1px solid #ffffff24; border-radius: 16px; background: #1b191e; color: #fff; box-shadow: 0 24px 80px #0009; }
.series-create-dialog::backdrop { background: #08060cc9; backdrop-filter: blur(4px); }
.series-create-dialog__close { position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: #ffffff0d; color: #bfb7c5; font-size: 25px; line-height: 1; cursor: pointer; }
.series-create-dialog__close:hover { color: #fff; background: #ffffff1a; }
.series-create-dialog__eyebrow { color: #77dfcc; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; margin: 0 0 12px; }
.series-create-dialog h2 { color: #fff; font-size: 27px; line-height: 1.25; font-weight: 600; margin: 0 0 18px; }
.series-create-dialog #series-create-description p { color: #bfb7c5; font-size: 14px; line-height: 1.7; margin: 0 0 14px; }
.series-create-dialog__contact { display: inline-flex; align-items: center; justify-content: center; gap: 12px; margin-top: 8px; padding: 12px 16px; border-radius: 8px; background: #77dfcc; color: #102a25; font-size: 13px; font-weight: 600; text-decoration: none; }
.series-create-dialog__contact:hover { background: #a2efdf; }
.series-create-dialog a:focus-visible, .series-create-dialog button:focus-visible { outline: 2px solid #77dfcc; outline-offset: 3px; }
@media (max-width: 567px) { .series-create-dialog { padding: 28px 22px; } .series-catalogue__sort .btn, .series-catalogue__create { padding: 9px 13px; font-size: 14px; } .series-catalogue .pagination li a { width: auto; margin-right: 0; padding: 10px 16px; } }
body.series-viewer-open { overflow: hidden; }
.series-viewer { position: fixed; inset: 0; box-sizing: border-box; width: min(1100px,calc(100% - 32px)); max-height: 90dvh; margin: auto; padding: 0; overflow: auto; border: 1px solid #ff4f8840; border-radius: 16px; background: #18161c; color: #fff; box-shadow: 0 24px 100px #000b; }
.series-viewer::backdrop { background: #08060cdb; backdrop-filter: blur(5px); }
.series-viewer__header { display: flex; justify-content: space-between; align-items: center; padding: 12px 18px; border-bottom: 1px solid #ffffff12; color: #bfb7c5; font-size: 12px; }
.series-viewer__header form { margin: 0; }
.series-viewer [data-series-viewer-content] { position: relative; }
.series-viewer__close { position: absolute; top: 12px; right: 12px; z-index: 2; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: #ffffff0d; color: #fff; font-size: 25px; line-height: 1; cursor: pointer; }
.series-viewer__layout { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(0,1fr); }
.series-viewer__screen { min-width: 0; padding: 22px; background: #0b090e; }
.series-viewer video { display: block; width: 100%; height: min(65dvh,600px); background: #000; object-fit: contain; border-radius: 8px; }
.series-viewer [hidden] { display: none; }
.series-viewer__unavailable { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 300px; padding: 32px; background: #ffffff03; border: 1px solid #ffffff0d; border-radius: 10px; text-align: center; color: #bfb7c5; font-size: 14px; line-height: 1.6; }
.series-viewer__unavailable > span { color: #ff85ae; font-size: 28px; margin-bottom: 12px; }
.series-viewer__unavailable h3 { margin: 0 0 10px; color: #fff; font-size: 19px; font-weight: 600; }
.series-viewer__unavailable p { max-width: 340px; margin: 0; }
.series-viewer__unavailable small { max-width: 300px; margin-top: 14px; color: #938b9c; font-size: 11px; line-height: 1.6; }
.series-viewer__playing { color: #bfb7c5; font-size: 12px; line-height: 1.5; margin: 14px 0 0; }
.series-viewer__video-error { color: #ffb6c9; font-size: 12px; margin-top: 10px; }
.series-viewer__details { min-width: 0; padding: 18px 24px 24px; }
.series-viewer__eyebrow { padding-right: 40px; }
.series-viewer__eyebrow { color: #ff85ae; font-size: 11px; margin: 0 0 10px; }
.series-viewer__details h2 { color: #fff; font-size: 24px; line-height: 1.3; font-weight: 600; margin: 0 0 10px; }
.series-viewer__summary { color: #aaa1b0; font-size: 12px; margin: 0 0 18px; }
.series-viewer__summary strong { color: #ff85ae; font-weight: 400; }
.series-viewer__description { color: #bfb7c5; font-size: 13px; line-height: 1.7; white-space: pre-line; margin: 0 0 24px; }
.series-viewer__details h3 { color: #fff; font-size: 14px; font-weight: 600; margin: 0 0 12px; }
.series-viewer__episodes { display: flex; flex-direction: column; gap: 8px; padding: 2px; }
.series-viewer__empty { display: flex; align-items: flex-start; gap: 12px; padding: 18px; border: 1px solid #ffffff10; border-radius: 10px; background: #ffffff03; }
.series-viewer__empty > span { color: #ff85ae; font-size: 22px; line-height: 1; }
.series-viewer__empty strong { color: #e8e0ed; font-size: 13px; font-weight: 600; }
.series-viewer__empty p { margin: 8px 0 0; color: #aaa1b0; font-size: 12px; line-height: 1.7; }
.series-viewer__show-all { width: 100%; margin-top: 12px; padding: 11px 16px; border: 1px solid #ff4f8860; border-radius: 8px; background: #ff4f8810; color: #ff85ae; font: inherit; font-size: 12px; cursor: pointer; }
.series-viewer__show-all:hover { background: #ff4f8820; border-color: #ff4f88; }
.series-viewer__episode { display: flex; flex: 0 0 auto; align-items: center; gap: 12px; min-height: 54px; padding: 12px 16px; border: 1px solid #ffffff24; border-radius: 10px; background: transparent; color: #eee9f0; text-align: left; font: inherit; cursor: pointer; }
.series-viewer__episode:hover { border-color: #ffffff50; background: #ffffff04; }
.series-viewer__episode[aria-pressed="true"] { border-color: #ff4f88; background: #ff4f8808; color: #ff85ae; }
.series-viewer__episode strong { display: block; font-size: 14px; line-height: 1.4; font-weight: 600; }
.series-viewer__episode-access { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-left: auto; }
.series-viewer__episode-access small { text-align: right; max-width: 130px; margin: 0; }
.series-viewer__episode-icon svg { display: block; width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.series-viewer__episode small { display: block; color: #938b9c; font-size: 10px; margin-top: 4px; }
.series-viewer__number { flex: 0 0 28px; font-size: 16px; color: #ff85ae; text-align: center; }
.series-viewer__episode-icon { margin-left: auto; font-size: 12px; }
.series-viewer__source { display: inline-block; color: #ff85ae; font-size: 12px; line-height: 1.5; margin-top: 18px; text-decoration: none; }
.series-viewer__status { padding: 40px 24px; color: #bfb7c5; font-size: 14px; }
.series-viewer__retry { margin: 0 24px 24px; padding: 10px 18px; border: 0; border-radius: 8px; background: #ff85ae; color: #30101c; cursor: pointer; }
.series-viewer button:focus-visible, .series-viewer a:focus-visible { outline: 2px solid #ff85ae; outline-offset: 2px; }
@media (max-width: 767px) {
    .series-viewer { width: calc(100% - 16px); max-height: 94dvh; border-radius: 12px; }
    .series-viewer__layout { grid-template-columns: minmax(0,1fr); }
    .series-viewer__screen { padding: 52px 12px 12px; }
    .series-viewer video { height: 44dvh; }
    .series-viewer__details { padding: 20px; }
    .series-viewer__details h2 { font-size: 21px; }
    .series-viewer__unavailable { min-height: 220px; }
}
.series-viewer { --series-video-ratio: .5625; width: min(1100px,calc(100% - 32px),calc(70dvh * var(--series-video-ratio) + 444px)); }
.series-viewer { border-color: #ffffff18; background: radial-gradient(ellipse at 45% 0,#ff4f8818,transparent 55%),#121114; }
.series-viewer__intro { padding-bottom: 4px; }
.series-viewer__episode-section { border-top: 1px solid #ffffff0d; padding-top: 20px; }
.series-viewer__show-all { border-color: #ffffff20; background: transparent; }
.series-viewer__layout { grid-template-columns: minmax(0,calc(70dvh * var(--series-video-ratio) + 24px)) minmax(320px,1fr); }
.series-viewer__screen { padding: 12px; background: transparent; }
.series-viewer--unavailable .series-viewer__unavailable p { max-width: 400px; }
.series-viewer--unavailable .series-viewer__unavailable small { max-width: 360px; }
.series-viewer--unavailable .series-viewer__unavailable { position: relative; isolation: isolate; overflow: hidden; box-sizing: border-box; width: min(100%,calc(70dvh * var(--series-video-ratio))); aspect-ratio: var(--series-video-ratio); margin-inline: auto; min-height: 0; padding: 24px 20px; border: 0; border-radius: 10px; gap: 14px; background: #151019; }
.series-viewer__unavailable { position: relative; isolation: isolate; overflow: hidden; }
.series-viewer__gate-poster { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.series-viewer__unavailable::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg,#09070b80,#09070bed 35%,#09070be0 75%,#09070b99); }
.series-viewer--unavailable .series-viewer__unavailable h3 { font-size: 24px; line-height: 1.3; font-weight: 700; text-wrap: balance; margin: 0; text-shadow: 0 2px 8px #000; }
.series-viewer--unavailable .series-viewer__unavailable p { color: #fff; font-size: 14px; line-height: 1.65; text-wrap: balance; text-shadow: 0 2px 6px #000; }
.series-viewer--unavailable .series-viewer__unavailable small { color: #e8e0ed; font-size: 12px; text-shadow: 0 2px 6px #000; }
.series-viewer--unavailable .series-viewer__account-link { width: 100%; max-width: 360px; box-sizing: border-box; padding: 16px 18px; border-radius: 999px; margin-top: 8px; font-size: 14px; box-shadow: 0 8px 30px #0004; }
.series-viewer__title { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 10px; }
.series-viewer__title h2 { flex: 1; margin: 0; }
.series-viewer__title .series-viewer__close { flex: 0 0 32px; margin-left: auto; }
.series-viewer__loading { padding: 24px; }
.series-viewer__loading h2 { font-size: 18px; line-height: 1.5; }
.series-viewer__player { position: relative; width: min(100%,calc(70dvh * var(--series-video-ratio))); aspect-ratio: var(--series-video-ratio); margin-inline: auto; border-radius: 10px; overflow: hidden; background: #000; }
.series-viewer .series-viewer__player video { position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 0; object-fit: contain; }
.series-viewer .series-viewer__player video:not(.has-started) { object-fit: cover; }
.series-viewer__next { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 3; display: inline-flex; align-items: center; gap: 12px; white-space: nowrap; padding: 14px 22px; border: 1px solid #ff85ae; border-radius: 999px; background: #ff4f88; color: #fff; font: inherit; font-size: 14px; font-weight: 600; box-shadow: 0 6px 28px #0009; cursor: pointer; }
.series-viewer__next:hover { background: #ff85ae; color: #30101c; }
.series-viewer__play { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 3; display: grid; place-items: center; width: 72px; height: 72px; padding: 20px; border: 2px solid #ff759b; border-radius: 50%; background: #121114cc; color: #fff; box-shadow: 0 6px 24px #0006; cursor: pointer; }
.series-viewer__play svg { width: 30px; height: 30px; fill: currentColor; }
.series-viewer__play:hover { background: #ff4f88; }
.series-viewer .short-playback button { display: inline-flex; align-items: center; gap: 6px; padding: 9px 12px; border: 1px solid #ffffff24; color: #fff; font-size: 11px; cursor: pointer; }
.series-viewer .short-playback svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.series-viewer .short-toggle .icon-play { fill: currentColor; stroke: none; }
.series-viewer .short-playback { justify-content: flex-end; }
.series-viewer .short-playback .short-toggle { display: none; }
.series-viewer__account-link { display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin-top: 20px; padding: 12px 18px; border: 1px solid #ff6b95; border-radius: 8px; background: linear-gradient(110deg,#ff759b,#ed477b); color: #fff; font-size: 12px; font-weight: 700; text-decoration: none; }
.series-viewer__account-link:hover { background: linear-gradient(110deg,#ff85ae,#f35a89); border-color: #ff85ae; }
.series-viewer__fullscreen { flex: 0 0 32px; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 4px; border: 0; border-radius: 6px; background: #ffffff18; color: #fff; cursor: pointer; }
.series-viewer__fullscreen svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.series-viewer__fullscreen:hover { background: #ffffff30; }
.series-viewer__player:fullscreen { width: 100%; height: 100%; max-width: none; aspect-ratio: auto; border-radius: 0; }
@media (max-width: 767px) {
    .series-viewer { width: 100%; max-width: 100%; max-height: 100dvh; border-radius: 0; border: 0; }
    .series-viewer__layout, .series-viewer--unavailable .series-viewer__layout { grid-template-columns: minmax(0,1fr); }
    .series-viewer__details { display: contents; }
    .series-viewer__intro { order: 1; padding: 48px 20px 0; }
    .series-viewer__episode-section { order: 3; padding: 24px 20px; }
    .series-viewer__screen { order: 2; }
    .series-viewer--unavailable .series-viewer__unavailable { width: min(calc(100% - 24px),calc(82dvh * var(--series-video-ratio))); min-height: 0; padding: 24px 20px; border-radius: 12px; }
    .series-viewer__screen { padding: 0; }
    .series-viewer__player { width: min(calc(100% - 24px),calc(82dvh * var(--series-video-ratio))); border-radius: 12px; }
    .series-viewer .short-playback { left: 8px; right: 8px; top: 8px; }
    .series-viewer .short-playback button { padding: 8px; }
}
