* {
    box-sizing: border-box;
}


/* =========================================================
   IPTV ÜYELİK YÖNETİMİ
   Yalnızca yeni yönetim sayfasını etkiler.
   ========================================================= */

.iptv-admin-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.iptv-admin-heading h1 {
    margin-bottom: 6px;
}

.iptv-admin-heading p {
    margin: 0;
    color: #64748b;
    line-height: 1.55;
}

.iptv-admin-stats {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.iptv-admin-stats span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 38px;
    padding: 8px 12px;
    border: 1px solid #dbe3ec;
    border-radius: 8px;
    background: #ffffff;
    color: #475569;
    white-space: nowrap;
}

.iptv-admin-stats b {
    color: #0f172a;
}

.iptv-create-card {
    margin-bottom: 24px;
}

.iptv-create-card h2 {
    margin: 0 0 18px;
}

.iptv-create-grid,
.iptv-credential-grid,
.iptv-edit-form {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.iptv-create-grid label,
.iptv-credential-grid label,
.iptv-link-list label,
.iptv-edit-form label,
.iptv-extend-form label {
    display: grid;
    gap: 7px;
}

.iptv-create-grid label > span,
.iptv-credential-grid label > span,
.iptv-link-list label > span,
.iptv-edit-form label > span,
.iptv-extend-form label > span {
    color: #334155;
    font-size: 13px;
    font-weight: 700;
}

.iptv-field-wide {
    grid-column: 1 / -1;
}

.iptv-duration-fields {
    display: grid;
    grid-template-columns: minmax(80px, .7fr) minmax(110px, 1fr);
    gap: 8px;
}

.iptv-create-grid button,
.iptv-edit-form > button,
.iptv-extend-form > button,
.iptv-account-actions button {
    min-height: 42px;
    padding: 9px 15px;
    border: 1px solid #cbd5e1;
    border-radius: 7px;
    background: #ffffff;
    color: #0f172a;
    font-weight: 750;
    cursor: pointer;
}

.iptv-create-grid .primary-button {
    border-color: #1261a6;
    background: #1261a6;
    color: #ffffff;
}

.iptv-account-list {
    display: grid;
    gap: 18px;
}

.iptv-account-card {
    overflow: hidden;
    border: 1px solid #dbe3ec;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
}

.iptv-account-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    border-bottom: 1px solid #e6ebf1;
}

.iptv-account-top h2 {
    margin: 0 0 3px;
    color: #0f172a;
    font-size: 20px;
}

.iptv-account-id {
    color: #64748b;
    font-size: 12px;
}

.iptv-status {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.iptv-status.is-active {
    background: #dcfce7;
    color: #166534;
}

.iptv-status.is-expired {
    background: #fef3c7;
    color: #92400e;
}

.iptv-status.is-passive {
    background: #e2e8f0;
    color: #475569;
}

.iptv-account-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: #e6ebf1;
    border-bottom: 1px solid #e6ebf1;
}

.iptv-account-summary > div {
    display: grid;
    gap: 4px;
    padding: 14px 20px;
    background: #f8fafc;
}

.iptv-account-summary span,
.iptv-account-summary small {
    color: #64748b;
    font-size: 12px;
}

.iptv-account-summary b {
    color: #0f172a;
    font-size: 14px;
}

.iptv-credential-grid,
.iptv-link-list,
.iptv-account-manage,
.iptv-account-actions {
    padding: 18px 20px;
}

.iptv-credential-grid {
    border-bottom: 1px solid #e6ebf1;
}

.iptv-copy-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
}

.iptv-copy-row input {
    width: 100%;
    min-width: 0;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 12px;
}

.iptv-copy-row button {
    min-width: 78px;
    padding: 8px 11px;
    border: 1px solid #b9c6d5;
    border-radius: 7px;
    background: #eef4fa;
    color: #174a78;
    font-weight: 750;
    cursor: pointer;
}

.iptv-link-list {
    display: grid;
    gap: 13px;
    border-bottom: 1px solid #e6ebf1;
}

.iptv-download-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: 42px;
    padding: 9px 15px;
    border-radius: 7px;
    background: #0f766e;
    color: #ffffff;
    font-weight: 800;
    text-decoration: none;
}

.iptv-account-manage {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(240px, .8fr);
    gap: 18px;
    border-bottom: 1px solid #e6ebf1;
    background: #fbfcfe;
}

.iptv-edit-form {
    grid-template-columns: minmax(0, 2fr) minmax(140px, .5fr);
}

.iptv-edit-form > button {
    width: fit-content;
}

.iptv-extend-form {
    display: grid;
    align-content: start;
    gap: 10px;
    padding-left: 18px;
    border-left: 1px solid #e6ebf1;
}

.iptv-account-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.iptv-account-actions form {
    margin: 0;
}

.iptv-account-actions .danger-button {
    border-color: #fecaca;
    background: #fff1f2;
    color: #b42318;
}

@media (max-width: 980px) {
    .iptv-create-grid,
    .iptv-credential-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .iptv-account-manage {
        grid-template-columns: 1fr;
    }

    .iptv-extend-form {
        padding-left: 0;
        padding-top: 16px;
        border-left: 0;
        border-top: 1px solid #e6ebf1;
    }
}

@media (max-width: 680px) {
    .iptv-admin-heading {
        display: grid;
    }

    .iptv-create-grid,
    .iptv-credential-grid,
    .iptv-edit-form,
    .iptv-account-summary {
        grid-template-columns: 1fr;
    }

    .iptv-account-top,
    .iptv-credential-grid,
    .iptv-link-list,
    .iptv-account-manage,
    .iptv-account-actions {
        padding-left: 14px;
        padding-right: 14px;
    }

    .iptv-copy-row {
        grid-template-columns: 1fr;
    }

    .iptv-copy-row button,
    .iptv-download-link {
        width: 100%;
    }

    .iptv-account-actions {
        display: grid;
    }

    .iptv-account-actions form,
    .iptv-account-actions button {
        width: 100%;
    }
}

html,
body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}

body {
    color: #e8e8e8;
    background: #101010;
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
select,
textarea {
    font: inherit;
}

.site-header {
    min-height: 64px;
    background: #171717;
    border-bottom: 1px solid #303030;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 28px;
}

.site-logo {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: 1px;
}

.site-header nav {
    display: flex;
    gap: 22px;
}

.site-container {
    width: min(1500px, calc(100% - 32px));
    margin: 24px auto 60px;
}

.hero {
    padding: 26px 0 18px;
}

.hero h1,
.watch-title h1 {
    margin: 0;
}

.hero p {
    color: #9e9e9e;
}

.category-section {
    margin: 32px 0;
}

.section-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #303030;
    padding-bottom: 12px;
    margin-bottom: 16px;
}

.section-title h2 {
    margin: 0;
    font-size: 21px;
}

.section-title span {
    color: #858585;
}

.channel-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 12px;
}

.channel-card {
    background: #181818;
    border: 1px solid #292929;
    padding: 14px;
    min-height: 165px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: border-color .15s, background .15s;
}

.channel-card:hover {
    border-color: #555;
    background: #202020;
}

.channel-card small {
    color: #858585;
    margin-top: 6px;
}

.channel-logo {
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}

.channel-logo img {
    max-width: 95px;
    max-height: 70px;
    object-fit: contain;
}

.channel-logo span {
    font-size: 40px;
    font-weight: 800;
}

.watch-layout {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr) 180px;
    gap: 16px;
    align-items: start;
}

.watch-title {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 14px;
}

.watch-title img {
    width: 54px;
    height: 54px;
    object-fit: contain;
    background: #fff;
}

.watch-title span {
    color: #888;
}

.player-shell {
    position: relative;
    background: #000;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

#main-player,
#preroll-video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    background: #000;
}

#player-message {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    color: #ddd;
}

.preroll {
    position: absolute;
    inset: 0;
    z-index: 5;
    background: #000;
}

.preroll > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#skip-ad {
    position: absolute;
    right: 15px;
    bottom: 15px;
    padding: 11px 15px;
    border: 1px solid #777;
    background: rgba(0, 0, 0, .82);
    color: #fff;
    cursor: pointer;
}

#skip-ad:disabled {
    opacity: .7;
    cursor: default;
}

.preroll-link {
    position: absolute;
    left: 15px;
    bottom: 15px;
    background: #fff;
    color: #111;
    padding: 10px 14px;
    font-weight: 700;
}

.ad-slot {
    background: #181818;
    border: 1px solid #292929;
    margin: 12px 0;
    min-height: 90px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.side-ads .ad-slot {
    min-height: 300px;
}

.ad-slot img,
.ad-slot video {
    max-width: 100%;
    max-height: 420px;
    display: block;
    object-fit: contain;
}

.empty-ad {
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    color: #fff;
    text-align: center;
    font-weight: 700;
}

.empty-ad:hover {
    color: #fff;
}

.form-page {
    width: min(760px, calc(100% - 32px));
    margin: 40px auto;
}

.public-form {
    background: #181818;
    border: 1px solid #303030;
    padding: 28px;
}

.public-form h1 {
    margin-top: 0;
}

label {
    display: block;
    font-weight: 700;
    margin: 14px 0 6px;
}

input,
select,
textarea {
    width: 100%;
    border: 1px solid #444;
    background: #121212;
    color: #eee;
    padding: 11px;
}

.primary-button,
button {
    border: 1px solid #444;
    background: #262626;
    color: #fff;
    padding: 10px 14px;
    cursor: pointer;
}

.primary-button {
    background: #fff;
    color: #111;
    border-color: #fff;
    font-weight: 700;
    margin-top: 16px;
}

.consent {
    display: flex;
    gap: 10px;
    font-weight: 400;
}

.consent input {
    width: auto;
}

.admin-body {
    background: #f3f4f6;
    color: #202020;
}

.admin-sidebar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 230px;
    background: #171717;
    color: #fff;
    padding: 22px 15px;
    overflow-y: auto;
}

.admin-brand {
    font-size: 20px;
    font-weight: 800;
    padding: 0 10px 20px;
}

.admin-sidebar nav {
    display: grid;
    gap: 4px;
}

.admin-sidebar nav a {
    padding: 11px 10px;
    border-left: 3px solid transparent;
}

.admin-sidebar nav a:hover {
    background: #242424;
    border-left-color: #fff;
}

.sidebar-logout {
    width: 100%;
    margin-top: 25px;
}

.admin-main {
    margin-left: 230px;
    padding: 28px;
    min-height: 100vh;
}

.admin-main h1 {
    margin-top: 0;
}

.panel-card {
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 22px;
}

.panel-card input,
.panel-card select,
.panel-card textarea,
.admin-main input,
.admin-main select,
.admin-main textarea {
    background: #fff;
    color: #222;
    border-color: #ccc;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
}

.stat {
    background: #fff;
    border: 1px solid #ddd;
    padding: 22px;
}

.stat b {
    display: block;
    font-size: 30px;
}

.stat span {
    color: #666;
}

.two-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.table-wrap {
    width: 100%;
    overflow-x: auto;
    background: #fff;
    border: 1px solid #ddd;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th,
td {
    text-align: left;
    padding: 12px;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: top;
}

th {
    background: #f7f7f7;
}

td small {
    display: block;
    color: #777;
    margin-top: 4px;
}

.inline-edit {
    display: grid;
    grid-template-columns: 1fr 1fr 80px auto;
    gap: 6px;
}

.actions {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.danger {
    border-color: #a33;
    color: #a00;
    background: #fff;
}

.alert {
    padding: 12px 15px;
    margin-bottom: 18px;
    border: 1px solid;
}

.alert.success {
    background: #edf8ef;
    color: #24672e;
    border-color: #afd4b4;
}

.alert.error {
    background: #fff0f0;
    color: #8c2020;
    border-color: #e1b0b0;
}

.error-text {
    color: #a00;
}

.status {
    display: inline-block;
    padding: 4px 8px;
    font-size: 12px;
    border: 1px solid;
}

.status.good {
    color: #28703a;
}

.status.bad {
    color: #a02929;
}

.channel-admin-list {
    display: grid;
    gap: 8px;
    margin-top: 16px;
}

.admin-channel {
    background: #fff;
    border: 1px solid #ddd;
    padding: 12px;
}

.admin-channel summary {
    cursor: pointer;
    display: flex;
    gap: 12px;
    align-items: center;
}

.admin-channel summary img {
    width: 42px;
    height: 42px;
    object-fit: contain;
}

.admin-channel form {
    margin-top: 14px;
}

.search-form-admin {
    display: flex;
    max-width: 500px;
    margin: 18px 0;
}

.search-form-admin input {
    margin: 0;
}

.slot-admin-row,
.ad-admin-row {
    background: #fff;
    border: 1px solid #ddd;
    padding: 13px;
    margin-bottom: 6px;
    display: grid;
    grid-template-columns: 40px 1fr auto;
    align-items: center;
    gap: 12px;
}

.slot-admin-row {
    cursor: grab;
}

.slot-admin-row.dragging {
    opacity: .45;
}

.ad-admin-row {
    margin-left: 40px;
    background: #fafafa;
    grid-template-columns: 1fr auto auto;
}

.drag-handle {
    font-size: 22px;
}

.muted {
    color: #777;
}

.form-separator {
    text-align: center;
    color: #888;
    margin: 12px;
}

.login-body {
    min-height: 100vh;
    background: #111;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.login-box {
    width: min(420px, 100%);
    background: #fff;
    color: #222;
    padding: 30px;
    border: 1px solid #ccc;
}

.login-box h1 {
    margin-top: 0;
}

.login-box input {
    background: #fff;
    color: #222;
    border-color: #ccc;
}

.ad-mobile {
    display: none;
}

@media (max-width: 1000px) {
    .watch-layout {
        grid-template-columns: 1fr;
    }

    .side-ads {
        display: none;
    }

    .ad-desktop {
        display: none;
    }

    .ad-mobile {
        display: flex;
    }

    .two-columns {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .admin-sidebar {
        position: static;
        width: 100%;
    }

    .admin-main {
        margin-left: 0;
        padding: 16px;
    }

    .admin-sidebar nav {
        grid-template-columns: 1fr 1fr;
    }

    .inline-edit {
        grid-template-columns: 1fr;
    }

    .site-header {
        padding: 0 16px;
    }

    .channel-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .slot-admin-row,
    .ad-admin-row {
        grid-template-columns: 1fr;
        margin-left: 0;
    }
}


/* =========================================================
   FILMIZLE 2026 THEME
   ========================================================= */

body.site-body {
    background: #0c0c0d;
    color: #f4f4f4;
}

.site-header {
    min-height: 72px;
    padding: 0;
    background: #111113;
    border-bottom: 1px solid #262629;
    position: sticky;
    top: 0;
    z-index: 100;
}

.site-header-inner {
    width: min(1440px, calc(100% - 40px));
    min-height: 72px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.site-logo {
    display: flex;
    align-items: center;
    min-width: 120px;
    font-size: 23px;
    font-weight: 800;
    letter-spacing: .4px;
}

.site-logo img {
    display: block;
    max-width: 180px;
    max-height: 46px;
    object-fit: contain;
}

.site-nav {
    display: flex;
    align-items: center;
    gap: 4px;
}

.site-nav a {
    color: #d6d6d8;
    padding: 11px 14px;
    font-size: 14px;
    font-weight: 600;
}

.site-nav a:hover {
    color: #fff;
    background: #1d1d20;
}

.site-nav .nav-ad-link {
    margin-left: 10px;
    color: #111;
    background: #fff;
}

.site-nav .nav-ad-link:hover {
    background: #e9e9e9;
    color: #111;
}

.site-container {
    width: min(1440px, calc(100% - 40px));
    margin: 28px auto 70px;
}

.hero {
    padding: 35px 0 28px;
    border-bottom: 1px solid #27272a;
}

.hero h1 {
    font-size: clamp(30px, 5vw, 52px);
    line-height: 1;
    letter-spacing: -1.5px;
}

.hero p {
    color: #9a9a9e;
    font-size: 16px;
}

.channel-card {
    background: #151517;
    border: 1px solid #29292c;
    min-height: 180px;
}

.channel-card:hover {
    background: #1a1a1d;
    border-color: #4b4b50;
}

.ad-slot {
    background: #151517;
    border: 1px solid #29292c;
}

.empty-ad {
    color: #fff;
    font-weight: 700;
}

.site-footer {
    margin-top: 80px;
    background: #111113;
    border-top: 1px solid #29292c;
}

.footer-inner {
    width: min(1440px, calc(100% - 40px));
    margin: 0 auto;
    padding: 52px 0;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: 45px;
}

.footer-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 11px;
}

.footer-column h3 {
    font-size: 14px;
    margin: 0 0 8px;
    color: #fff;
}

.footer-column a {
    color: #a8a8ac;
    font-size: 14px;
}

.footer-column a:hover {
    color: #fff;
}

.footer-brand-column p {
    max-width: 440px;
    margin: 16px 0 0;
    color: #8f8f94;
    line-height: 1.65;
    font-size: 14px;
}

.footer-logo {
    font-weight: 800;
    font-size: 22px;
}

.footer-logo img {
    max-width: 180px;
    max-height: 48px;
    object-fit: contain;
}

.footer-bottom {
    border-top: 1px solid #27272a;
    color: #707075;
    font-size: 13px;
}

.footer-bottom > div {
    width: min(1440px, calc(100% - 40px));
    margin: 0 auto;
    padding: 20px 0;
}

.content-page {
    width: min(1100px, calc(100% - 40px));
    margin: 0 auto;
    padding: 70px 0 30px;
    min-height: 60vh;
}

.content-page-inner {
    max-width: 900px;
}

.page-heading {
    padding-bottom: 30px;
    margin-bottom: 35px;
    border-bottom: 1px solid #2b2b2e;
}

.page-kicker {
    display: block;
    color: #85858b;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    margin-bottom: 12px;
}

.page-heading h1 {
    margin: 0;
    font-size: clamp(36px, 5vw, 62px);
    line-height: 1;
    letter-spacing: -1.8px;
}

.page-heading p {
    max-width: 700px;
    margin: 20px 0 0;
    color: #aaaab0;
    font-size: 17px;
    line-height: 1.7;
}

.page-content {
    font-size: 17px;
    color: #cacace;
    line-height: 1.9;
}

.contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1px;
    background: #303033;
    border: 1px solid #303033;
}

.contact-item {
    padding: 28px;
    background: #151517;
    min-height: 140px;
}

.contact-item span {
    display: block;
    margin-bottom: 15px;
    color: #85858b;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.contact-item a,
.contact-item p {
    font-size: 18px;
    margin: 0;
    color: #fff;
    line-height: 1.6;
}

.setting-preview {
    margin: 12px 0;
    background: #151517;
    width: 260px;
    min-height: 100px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.setting-preview img {
    max-width: 220px;
    max-height: 80px;
    object-fit: contain;
}

.favicon-preview {
    width: 60px;
    height: 60px;
    margin: 10px 0;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
}

.favicon-preview img {
    max-width: 40px;
    max-height: 40px;
}

.panel-card hr {
    border: 0;
    border-top: 1px solid #ddd;
    margin: 35px 0;
}

@media (max-width: 900px) {

    .site-header-inner {
        width: min(100% - 24px, 1440px);
    }

    .site-header {
        position: static;
    }

    .site-header-inner {
        padding: 13px 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .site-nav {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }

    .site-nav .nav-ad-link {
        margin-left: 0;
    }

    .footer-inner {
        grid-template-columns: 1fr 1fr;
    }

    .contact-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {

    .site-container,
    .content-page,
    .footer-inner,
    .footer-bottom > div {
        width: calc(100% - 24px);
    }

    .footer-inner {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 38px 0;
    }

    .page-heading h1 {
        font-size: 38px;
    }

    .content-page {
        padding-top: 45px;
    }
}

/* FILMIZLE LOGO BOYUTU */
.site-header {
    min-height: 92px;
}

.site-header-inner {
    min-height: 92px;
}

.site-logo {
    min-width: 210px;
}

.site-logo img {
    width: auto !important;
    height: 68px !important;
    max-width: 250px !important;
    max-height: 68px !important;
    object-fit: contain;
}

.footer-logo img {
    width: auto !important;
    height: 72px !important;
    max-width: 260px !important;
    max-height: 72px !important;
    object-fit: contain;
}

@media (max-width: 700px) {
    .site-logo img {
        height: 58px !important;
        max-height: 58px !important;
        max-width: 220px !important;
    }

    .footer-logo img {
        height: 62px !important;
        max-height: 62px !important;
        max-width: 230px !important;
    }
}

.video-upload-box {
    margin: 16px 0 25px;
    padding: 22px;
    background: #f7f7f8;
    border: 1px solid #dcdce0;
}

.video-upload-box h3 {
    margin: 0 0 7px;
}

.upload-progress-track {
    width: 100%;
    height: 14px;
    overflow: hidden;
    background: #ddd;
}

.upload-progress-bar {
    height: 100%;
    background: #111;
    transition: width .15s linear;
}

.dashboard-stat-grid {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 15px;
}

.dashboard-stat-card {
    background: #fff;
    border: 1px solid #dedee3;
    padding: 20px;
    min-height: 115px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dashboard-stat-card span {
    font-size: 13px;
    color: #666;
    font-weight: 600;
}

.dashboard-stat-card strong {
    display: block;
    margin-top: 14px;
    color: #111;
    font-size: 30px;
    line-height: 1;
}

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

@media (max-width: 600px) {
    .dashboard-stat-grid {
        grid-template-columns: 1fr;
    }
}

/* HEADER + FOOTER LOGO %40 BUYUTME */
.site-header,
.site-header-inner {
    min-height: 120px !important;
}

.site-logo {
    min-width: 290px !important;
}

.site-logo img {
    width: auto !important;
    height: 95px !important;
    max-height: 95px !important;
    max-width: 350px !important;
    object-fit: contain !important;
}

.footer-logo img {
    width: auto !important;
    height: 101px !important;
    max-height: 101px !important;
    max-width: 365px !important;
    object-fit: contain !important;
}

@media (max-width: 700px) {
    .site-header,
    .site-header-inner {
        min-height: 100px !important;
    }

    .site-logo {
        min-width: 220px !important;
    }

    .site-logo img {
        height: 81px !important;
        max-height: 81px !important;
        max-width: 308px !important;
    }

    .footer-logo img {
        height: 87px !important;
        max-height: 87px !important;
        max-width: 322px !important;
    }
}

/* HEADER + FOOTER LOGO %40 BUYUTME */
.site-header,
.site-header-inner {
    min-height: 120px !important;
}

.site-logo {
    min-width: 290px !important;
}

.site-logo img {
    width: auto !important;
    height: 95px !important;
    max-height: 95px !important;
    max-width: 350px !important;
    object-fit: contain !important;
}

.footer-logo img {
    width: auto !important;
    height: 101px !important;
    max-height: 101px !important;
    max-width: 365px !important;
    object-fit: contain !important;
}

@media (max-width: 700px) {
    .site-header,
    .site-header-inner {
        min-height: 100px !important;
    }

    .site-logo {
        min-width: 220px !important;
    }

    .site-logo img {
        height: 81px !important;
        max-height: 81px !important;
        max-width: 308px !important;
    }

    .footer-logo img {
        height: 87px !important;
        max-height: 87px !important;
        max-width: 322px !important;
    }
}

/* HEADER KATEGORILERI */

.header-category-bar {
    width: 100%;
    background: #0b0b0c;
    border-top: 1px solid #242426;
    border-bottom: 1px solid #242426;
}

.header-category-inner {
    width: min(1440px, calc(100% - 40px));
    min-height: 47px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 3px;
    overflow-x: auto;
    scrollbar-width: thin;
}

.header-category-inner a {
    flex: 0 0 auto;
    padding: 10px 14px;
    color: #bdbdc1;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.header-category-inner a:hover {
    color: #fff;
    background: #1a1a1c;
}

.header-category-inner .category-home {
    color: #fff;
}

.category-page-heading {
    padding: 30px 0;
    border-bottom: 1px solid #29292c;
}

.category-page-heading h1 {
    margin: 0;
    font-size: 36px;
}

.category-section {
    margin-top: 35px;
}

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

.content-poster-card {
    overflow: hidden;
    background: #151517;
    border: 1px solid #29292c;
}

.content-poster-image {
    aspect-ratio: 2 / 3;
    background: #202023;
}

.content-poster-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.poster-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    font-weight: 800;
    color: #777;
}

.content-poster-body {
    padding: 13px;
}

.content-poster-body strong {
    display: block;
    color: #fff;
    font-size: 14px;
}

.content-poster-body span {
    display: block;
    color: #85858a;
    margin-top: 5px;
    font-size: 12px;
}

.empty-category {
    margin: 40px 0;
    padding: 30px;
    background: #151517;
    border: 1px solid #29292c;
    color: #aaa;
}

@media (max-width: 1100px) {
    .content-poster-grid {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .header-category-inner {
        width: calc(100% - 20px);
    }

    .content-poster-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
}


/* =========================================================
   FILMIZLE PREMIUM PARLAMENT MAVISI - FINAL OVERRIDE
   ========================================================= */

:root {
    --fm-blue: #174b6b;
    --fm-blue-dark: #10364f;
    --fm-blue-deep: #0b2638;
    --fm-blue-hover: #1f5f84;

    --fm-bg: #08141d;
    --fm-surface: #0d1c27;
    --fm-surface-2: #102432;
    --fm-border: #23475d;

    --fm-text: #f7fafc;
    --fm-muted: #9db0bd;
}


/* GENEL */

html,
body {
    margin: 0;
    padding: 0;
    background: var(--fm-bg) !important;
}

body.site-body {
    background: var(--fm-bg) !important;
    color: var(--fm-text) !important;
}

a {
    text-decoration: none;
}


/* =========================================================
   HEADER
   ========================================================= */

.site-header {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    background: var(--fm-blue-deep) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--fm-border) !important;
    position: sticky !important;
    top: 0;
    z-index: 1000;
}

.site-header-inner {
    width: min(1480px, calc(100% - 48px)) !important;
    min-height: 112px !important;
    margin: 0 auto !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 34px !important;
    padding: 0 !important;
}


/* LOGO */

.site-logo {
    flex: 0 0 auto !important;
    min-width: 235px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    padding: 0 !important;
    background: transparent !important;
}

.site-logo img {
    display: block !important;

    width: auto !important;
    height: 95px !important;

    max-width: 330px !important;
    max-height: 95px !important;

    object-fit: contain !important;
}


/* ANA MENÜ */

.site-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    flex-wrap: nowrap !important;

    gap: 8px !important;
    margin-left: auto !important;

    overflow: visible !important;
}

.site-nav a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 44px !important;

    padding: 0 17px !important;

    color: #dce8ef !important;

    background: transparent !important;
    border: 1px solid transparent !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    white-space: nowrap !important;
}

.site-nav a:hover {
    color: #fff !important;
    background: var(--fm-blue-dark) !important;
    border-color: #2c607d !important;
}

.site-nav .nav-ad-link {
    margin-left: 10px !important;

    color: #fff !important;
    background: var(--fm-blue) !important;
    border: 1px solid #347397 !important;

    padding-left: 22px !important;
    padding-right: 22px !important;
}

.site-nav .nav-ad-link:hover {
    background: var(--fm-blue-hover) !important;
    color: #fff !important;
}


/* =========================================================
   KATEGORI SATIRI
   ========================================================= */

.header-category-bar {
    display: block !important;

    width: 100% !important;

    background: var(--fm-blue-dark) !important;

    border-top: 1px solid #28516a !important;
    border-bottom: 1px solid #28516a !important;

    overflow: hidden !important;
}

.header-category-inner {
    width: min(1480px, calc(100% - 48px)) !important;
    min-height: 54px !important;

    margin: 0 auto !important;

    display: flex !important;
    align-items: center !important;

    gap: 5px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.header-category-inner::-webkit-scrollbar {
    display: none !important;
}

.header-category-inner a {
    flex: 0 0 auto !important;

    display: inline-flex !important;
    align-items: center !important;

    min-height: 36px !important;

    padding: 0 14px !important;

    color: #c5d6e0 !important;

    border: 1px solid transparent !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    letter-spacing: .15px !important;

    white-space: nowrap !important;
}

.header-category-inner a:hover {
    color: #fff !important;

    background: var(--fm-blue) !important;
    border-color: #39728f !important;
}

.header-category-inner .category-home {
    color: #fff !important;
    background: var(--fm-blue) !important;
    border-color: #39728f !important;
}


/* =========================================================
   SAYFA
   ========================================================= */

.site-container {
    width: min(1480px, calc(100% - 48px)) !important;
    margin: 34px auto 80px !important;
}

.hero {
    background: var(--fm-surface) !important;

    border: 1px solid var(--fm-border) !important;

    padding: 38px !important;

    margin-bottom: 28px !important;
}

.hero h1 {
    color: #fff !important;
}

.hero p {
    color: var(--fm-muted) !important;
}


/* =========================================================
   KATEGORI / FILM / KANAL KARTLARI
   ========================================================= */

.category-page-heading {
    padding: 30px 0 !important;

    border-bottom:
        1px solid var(--fm-border) !important;
}

.category-page-heading h1 {
    color: #fff !important;
}

.category-section h2 {
    color: #fff !important;

    font-size: 24px !important;
    letter-spacing: -.3px !important;
}

.channel-card,
.content-poster-card {
    background: var(--fm-surface) !important;

    border:
        1px solid var(--fm-border) !important;

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

    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease !important;
}

.channel-card:hover,
.content-poster-card:hover {
    background: var(--fm-surface-2) !important;

    border-color: #3c7594 !important;

    transform: translateY(-3px) !important;
}

.content-poster-body strong {
    color: #fff !important;
}

.content-poster-body span {
    color: var(--fm-muted) !important;
}


/* =========================================================
   PLAYER
   ========================================================= */

.player-shell,
.player-wrap,
.video-player-wrap {
    background: #000 !important;

    border:
        1px solid var(--fm-border) !important;

    box-shadow:
        0 16px 44px rgba(0, 0, 0, .26) !important;
}

video {
    background: #000;
}


/* =========================================================
   REKLAMLAR
   ========================================================= */

.ad-slot {
    background: var(--fm-surface) !important;

    border:
        1px solid var(--fm-border) !important;

    color: #fff !important;
}

.empty-ad {
    color: #fff !important;

    font-weight: 700 !important;

    letter-spacing: .1px !important;
}

.empty-ad:hover {
    color: #fff !important;

    background:
        rgba(23, 75, 107, .24) !important;
}


/* =========================================================
   HAKKIMIZDA / ILETISIM
   ========================================================= */

.content-page {
    width: min(1180px, calc(100% - 48px)) !important;
}

.page-heading {
    border-color: var(--fm-border) !important;
}

.page-kicker {
    color: #6fa3c1 !important;
}

.page-heading h1 {
    color: #fff !important;
}

.page-heading p,
.page-content {
    color: #b7c6cf !important;
}

.contact-grid {
    background: var(--fm-border) !important;

    border:
        1px solid var(--fm-border) !important;
}

.contact-item {
    background: var(--fm-surface) !important;
}

.contact-item span {
    color: #81a8be !important;
}


/* =========================================================
   FOOTER
   ========================================================= */

.site-footer {
    margin-top: 90px !important;

    background: var(--fm-blue-deep) !important;

    border-top:
        1px solid var(--fm-border) !important;
}

.footer-inner {
    width: min(1480px, calc(100% - 48px)) !important;

    padding: 58px 0 !important;

    gap: 55px !important;
}

.footer-logo {
    display: inline-flex !important;
    align-items: center !important;
}

.footer-logo img {
    width: auto !important;

    height: 101px !important;

    max-width: 365px !important;
    max-height: 101px !important;

    object-fit: contain !important;
}

.footer-column h3 {
    color: #fff !important;

    font-size: 15px !important;
}

.footer-column a {
    color: #aabfcb !important;
}

.footer-column a:hover {
    color: #fff !important;
}

.footer-brand-column p {
    color: #8fa9b8 !important;
}

.footer-bottom {
    background: #071b29 !important;

    border-top:
        1px solid #21445a !important;

    color: #8098a7 !important;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 900px) {

    .site-header {
        position: static !important;
    }

    .site-header-inner {
        width: calc(100% - 28px) !important;

        min-height: 0 !important;

        padding: 18px 0 !important;

        flex-direction: row !important;
        align-items: center !important;

        gap: 15px !important;
    }

    .site-logo {
        min-width: 0 !important;
    }

    .site-logo img {
        height: 74px !important;
        max-height: 74px !important;
        max-width: 220px !important;
    }

    .site-nav {
        overflow-x: auto !important;

        justify-content: flex-start !important;

        scrollbar-width: none !important;
    }

    .site-nav::-webkit-scrollbar {
        display: none !important;
    }

    .site-nav a {
        min-height: 40px !important;
        padding: 0 12px !important;
    }

    .header-category-inner {
        width: calc(100% - 28px) !important;
    }

    .footer-inner {
        width: calc(100% - 28px) !important;

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


@media (max-width: 620px) {

    .site-header-inner {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .site-nav {
        width: 100% !important;
    }

    .site-logo img {
        height: 68px !important;
    }

    .header-category-inner {
        min-height: 48px !important;
    }

    .site-container,
    .content-page {
        width: calc(100% - 24px) !important;
    }

    .hero {
        padding: 25px 20px !important;
    }

    .footer-inner {
        width: calc(100% - 24px) !important;

        grid-template-columns: 1fr !important;
    }

    .footer-logo img {
        height: 82px !important;
        max-height: 82px !important;
    }
}


/* =========================================================
   KATEGORI SAYFASI - KANAL KARTI / LOGO FIX
   ========================================================= */

.category-section .channel-grid {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
}

.category-section .channel-card {
    width: 100% !important;
    min-width: 0 !important;
    height: 210px !important;

    padding: 16px !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;

    overflow: hidden !important;

    background: var(--fm-surface) !important;
    border: 1px solid var(--fm-border) !important;

    box-sizing: border-box !important;
}

.category-section .channel-card img {
    display: block !important;

    width: 100% !important;
    height: 125px !important;

    max-width: 170px !important;
    max-height: 125px !important;

    min-width: 0 !important;

    object-fit: contain !important;
    object-position: center !important;

    margin: 0 auto !important;

    transform: none !important;
}

.category-section .channel-card strong {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    color: #fff !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1.3 !important;

    text-align: center !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}


/* Çok büyük SVG / PNG logolar da karttan çıkamaz */
.category-section .channel-card img,
.category-section .channel-card svg,
.category-section .channel-card picture {
    max-width: 100% !important;
}


/* TABLET */

@media (max-width: 1200px) {
    .category-section .channel-grid {
        grid-template-columns:
            repeat(5, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1000px) {
    .category-section .channel-grid {
        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    .category-section .channel-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;
    }

    .category-section .channel-card {
        height: 185px !important;
        padding: 12px !important;
    }

    .category-section .channel-card img {
        height: 105px !important;
        max-height: 105px !important;
    }
}


/* MOBIL */

@media (max-width: 520px) {
    .category-section .channel-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 10px !important;
    }

    .category-section .channel-card {
        height: 170px !important;
    }

    .category-section .channel-card img {
        height: 95px !important;
        max-height: 95px !important;
        max-width: 130px !important;
    }

    .category-section .channel-card strong {
        font-size: 13px !important;
    }
}



/* =========================================================
   PREMIUM BOS REKLAM ALANLARI
   ========================================================= */

.ad-slot {
    position: relative !important;
    overflow: hidden !important;
}

.empty-ad-premium {
    position: relative !important;

    width: 100% !important;
    height: 100% !important;
    min-height: inherit !important;

    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 16px !important;

    padding: 24px 18px !important;

    background: #0d1c27 !important;

    color: #fff !important;

    text-align: center !important;

    overflow: hidden !important;

    transition:
        background .25s ease,
        border-color .25s ease !important;
}

.empty-ad-premium:hover {
    background: #102b3d !important;
}


/* LOGO */

.empty-ad-brand {
    position: relative !important;
    z-index: 2 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    animation:
        filmizleAdLogo 3s ease-in-out infinite !important;
}

.empty-ad-brand img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 105px !important;
    max-height: 72px !important;

    object-fit: contain !important;
}

.empty-ad-brand strong {
    color: #fff !important;

    font-size: 21px !important;
    font-weight: 900 !important;

    letter-spacing: 1px !important;
}


/* METIN */

.empty-ad-message {
    position: relative !important;
    z-index: 2 !important;

    display: block !important;

    max-width: 190px !important;

    color: #fff !important;

    font-size: 15px !important;
    font-weight: 800 !important;

    line-height: 1.4 !important;
}

.empty-ad-action {
    position: relative !important;
    z-index: 2 !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 34px !important;

    padding: 0 15px !important;

    color: #fff !important;

    background: #174b6b !important;

    border: 1px solid #377596 !important;

    font-size: 12px !important;
    font-weight: 800 !important;

    text-transform: uppercase !important;

    letter-spacing: .5px !important;
}


/* HAREKETLI INCE CIZGI */

.empty-ad-motion {
    position: absolute !important;

    left: -35% !important;
    bottom: 0 !important;

    width: 35% !important;
    height: 2px !important;

    background: #72b5d8 !important;

    opacity: .8 !important;

    animation:
        filmizleAdLine 3.2s linear infinite !important;
}


@keyframes filmizleAdLogo {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }
}


@keyframes filmizleAdLine {

    0% {
        left: -35%;
    }

    100% {
        left: 110%;
    }
}


/* =========================================================
   SOL + SAG DIKEY REKLAMLAR
   PLAYER BOYUNCA UZUN
   ========================================================= */

.ad-location-left,
.ad-location-right {
    min-height: 590px !important;
    height: clamp(
        590px,
        35vw,
        680px
    ) !important;

    display: flex !important;
    flex-direction: column !important;
}

.ad-location-left > *,
.ad-location-right > * {
    flex: 1 1 auto !important;
}

.ad-location-left .empty-ad-premium,
.ad-location-right .empty-ad-premium {
    min-height: 100% !important;

    justify-content: center !important;

    padding-left: 15px !important;
    padding-right: 15px !important;
}


/* DIKEY ALANDA LOGO */

.ad-location-left .empty-ad-brand img,
.ad-location-right .empty-ad-brand img {
    max-width: 95px !important;
    max-height: 72px !important;
}


/* DIKEY ALANDA YAZI */

.ad-location-left .empty-ad-message,
.ad-location-right .empty-ad-message {
    max-width: 145px !important;

    font-size: 15px !important;
    line-height: 1.45 !important;
}


/* DOLU REKLAMLAR DA ALANI DOLDURSUN */

.ad-location-left .filled-ad-link,
.ad-location-right .filled-ad-link {
    display: flex !important;

    width: 100% !important;
    height: 100% !important;
}

.ad-location-left .filled-ad-image,
.ad-location-right .filled-ad-image,
.ad-location-left .filled-ad-video,
.ad-location-right .filled-ad-video {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
}


/* YATAY REKLAMLAR */

.ad-location-top .empty-ad-premium,
.ad-location-below_player .empty-ad-premium,
.ad-location-between_channels .empty-ad-premium {
    min-height: 105px !important;

    flex-direction: row !important;

    gap: 22px !important;
}

.ad-location-top .empty-ad-brand img,
.ad-location-below_player .empty-ad-brand img,
.ad-location-between_channels .empty-ad-brand img {
    max-width: 90px !important;
    max-height: 55px !important;
}

.ad-location-top .empty-ad-message,
.ad-location-below_player .empty-ad-message,
.ad-location-between_channels .empty-ad-message {
    max-width: 330px !important;
}


/* MOBIL */

@media (max-width: 1000px) {

    .ad-location-left,
    .ad-location-right {
        display: none !important;
    }

}


@media (max-width: 650px) {

    .ad-location-top .empty-ad-premium,
    .ad-location-below_player .empty-ad-premium,
    .ad-location-between_channels .empty-ad-premium {
        min-height: 135px !important;

        flex-direction: column !important;

        gap: 10px !important;

        padding: 18px !important;
    }

    .empty-ad-message {
        font-size: 14px !important;
    }

}


/* =========================================================
   REKLAM ALANLARINI TEMA YUZEYINDEN AYIR
   ========================================================= */

.ad-slot {
    background: #17191c !important;
    border: 1px solid #34383d !important;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.02),
        0 8px 24px rgba(0,0,0,.18) !important;
}

.empty-ad-premium {
    background: #17191c !important;

    border: 0 !important;

    color: #fff !important;
}

.empty-ad-premium:hover {
    background: #1d2024 !important;
}


/* Reklam icinde hafif ikinci yuzey */
.empty-ad-brand {
    padding: 10px 14px !important;

    background: #202327 !important;

    border: 1px solid #383d43 !important;
}

.empty-ad-message {
    color: #f2f3f4 !important;
}

.empty-ad-action {
    background: #174b6b !important;
    border-color: #397895 !important;
}


/* Sol ve sag reklamlar */
.ad-location-left,
.ad-location-right {
    background: #17191c !important;
    border-color: #34383d !important;
}


/* Ust / alt / liste arasi reklamlar */
.ad-location-top,
.ad-location-below_player,
.ad-location-between_channels {
    background: #17191c !important;
    border-color: #34383d !important;
}


/* Reklam kutusunun etrafinda siteden ayrisan nefes alani */
.ad-location-left,
.ad-location-right,
.ad-location-top,
.ad-location-below_player,
.ad-location-between_channels {
    outline: 1px solid rgba(255,255,255,.015) !important;
}


/* Dolu reklamlarda arka plan karismasin */
.filled-ad-link,
.filled-ad-image,
.filled-ad-video {
    background: #111 !important;
}


/* =========================================================
   HOUSE PRE-ROLL DUZELTME
   ========================================================= */

.house-preroll {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;

    background: #17191c !important;
}

.house-preroll-content {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 30px !important;

    box-sizing: border-box !important;

    z-index: 5 !important;
}


/* DEV LOGO SORUNUNU KESIN ENGELLE */

.house-preroll .house-preroll-logo {
    position: static !important;

    display: flex !important;

    width: auto !important;
    height: auto !important;

    min-width: 0 !important;
    min-height: 0 !important;

    max-width: 210px !important;

    padding: 12px 16px !important;

    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;

    background: #202327 !important;

    border: 1px solid #3a3f44 !important;
}

.house-preroll .house-preroll-logo img {
    position: static !important;

    display: block !important;

    width: auto !important;
    height: 78px !important;

    min-width: 0 !important;
    min-height: 0 !important;

    max-width: 175px !important;
    max-height: 78px !important;

    margin: 0 auto !important;

    padding: 0 !important;

    object-fit: contain !important;

    transform: none;
}


/* Generic preroll img kurallari house logoyu ezmesin */

.preroll.house-preroll
.house-preroll-logo img {
    inset: auto !important;
}


/* BASLIK */

.house-preroll-title {
    max-width: 550px !important;

    margin-top: 24px !important;

    color: #fff !important;

    font-size: 32px !important;
    font-weight: 800 !important;

    line-height: 1.15 !important;

    text-align: center !important;
}

.house-preroll-subtitle {
    margin-top: 10px !important;

    color: #b1b6bb !important;

    font-size: 14px !important;

    text-align: center !important;
}


/* REKLAM VER */

.house-preroll-button {
    margin-top: 20px !important;

    min-height: 42px !important;

    padding: 0 22px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #fff !important;

    background: #174b6b !important;

    border: 1px solid #4383a4 !important;

    font-size: 13px !important;
    font-weight: 800 !important;
}


/* KALAN REKLAM SURESI */

.house-preroll-countdown {
    margin-top: 16px !important;

    padding: 7px 12px !important;

    color: #c8cdd1 !important;

    background: rgba(0,0,0,.25) !important;

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

    font-size: 12px !important;
    font-weight: 700 !important;
}


/* ATLA BUTONU */

.house-preroll-skip {
    position: absolute !important;

    right: 20px !important;
    bottom: 20px !important;

    z-index: 25 !important;

    min-width: 190px !important;
    min-height: 46px !important;

    padding: 0 18px !important;

    color: #fff !important;

    background: rgba(10,10,12,.92) !important;

    border: 1px solid rgba(255,255,255,.35) !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    cursor: pointer !important;
}

.house-preroll-skip:disabled {
    opacity: .78 !important;

    cursor: default !important;

    background: rgba(20,20,22,.90) !important;

    color: #d5d5d5 !important;
}

.house-preroll-skip:not(:disabled) {
    opacity: 1 !important;

    background: #174b6b !important;

    border-color: #5795b4 !important;

    cursor: pointer !important;
}

.house-preroll-skip:not(:disabled):hover {
    background: #216789 !important;
}


/* Player icindeki reklamda diger tum dev resim kurallarini engelle */

.house-preroll > img {
    max-width: 100% !important;
    max-height: 100% !important;

    object-fit: contain !important;
}


/* MOBIL */

@media (max-width: 650px) {

    .house-preroll-content {
        padding: 18px !important;
    }

    .house-preroll .house-preroll-logo img {
        height: 54px !important;

        max-width: 125px !important;
        max-height: 54px !important;
    }

    .house-preroll-title {
        font-size: 21px !important;

        margin-top: 14px !important;
    }

    .house-preroll-subtitle {
        font-size: 12px !important;
    }

    .house-preroll-button {
        margin-top: 13px !important;

        min-height: 37px !important;
    }

    .house-preroll-countdown {
        margin-top: 10px !important;
    }

    .house-preroll-skip {
        right: 10px !important;
        bottom: 10px !important;

        min-width: 155px !important;
        min-height: 40px !important;

        padding: 0 11px !important;

        font-size: 11px !important;
    }
}


/* =========================================================
   FILMIZLE PRE-ROLL - KESIN FINAL
   ========================================================= */

.player-shell {
    position: relative !important;
    overflow: hidden !important;
}


/* HEM GERCEK REKLAM HEM FILMIZLE REKLAMI */

#preroll,
#house-preroll {
    position: absolute !important;
    inset: 0 !important;

    z-index: 500 !important;

    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;

    background: #17191c !important;
}


/* GERCEK VIDEO REKLAM */

#preroll-video {
    position: absolute !important;
    inset: 0 !important;

    z-index: 1 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: 100% !important;
    max-height: 100% !important;

    object-fit: contain !important;

    background: #000 !important;
}


/* GERCEK REKLAM SAYACI */

.paid-preroll-countdown {
    position: absolute !important;

    right: 20px !important;
    bottom: 78px !important;

    z-index: 9997 !important;

    display: block !important;

    padding: 8px 12px !important;

    background: rgba(0,0,0,.82) !important;

    border: 1px solid rgba(255,255,255,.25) !important;

    color: #fff !important;

    font-size: 13px !important;
    font-weight: 800 !important;
}


/* GERCEK REKLAM ATLA */

#skip-ad.preroll-skip {
    position: absolute !important;

    right: 20px !important;
    bottom: 20px !important;

    z-index: 9999 !important;

    display: inline-flex !important;
    visibility: visible !important;

    align-items: center !important;
    justify-content: center !important;

    min-width: 210px !important;
    min-height: 48px !important;

    padding: 0 20px !important;

    color: #fff !important;

    background: #17191c !important;

    border: 1px solid #6c747a !important;

    opacity: 1 !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    cursor: pointer !important;
}

#skip-ad.preroll-skip:disabled {
    display: inline-flex !important;
    visibility: visible !important;

    opacity: .82 !important;

    cursor: default !important;

    background: rgba(20,20,22,.94) !important;
}

#skip-ad.preroll-skip:not(:disabled) {
    display: inline-flex !important;
    visibility: visible !important;

    opacity: 1 !important;

    background: #174b6b !important;

    border-color: #5c9abc !important;

    cursor: pointer !important;
}


/* HOUSE ATLA BUTONU */

#house-skip-ad {
    position: absolute !important;

    right: 20px !important;
    bottom: 20px !important;

    z-index: 9999 !important;

    display: inline-flex !important;
    visibility: visible !important;

    align-items: center !important;
    justify-content: center !important;

    min-width: 210px !important;
    min-height: 48px !important;

    padding: 0 20px !important;

    color: #fff !important;

    border: 1px solid #667178 !important;

    opacity: 1 !important;

    font-size: 13px !important;
    font-weight: 800 !important;
}

#house-skip-ad:disabled {
    background: #202327 !important;
    opacity: .82 !important;
}

#house-skip-ad:not(:disabled) {
    background: #174b6b !important;
    border-color: #5c9abc !important;
}


/* HOUSE LOGO - ASLA PLAYER BOYUTUNA CIKMA */

#house-preroll
.house-preroll-logo {
    width: 210px !important;
    height: 110px !important;

    min-width: 0 !important;
    min-height: 0 !important;

    max-width: 210px !important;
    max-height: 110px !important;

    overflow: hidden !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#house-preroll
.house-preroll-logo img {
    position: static !important;

    width: auto !important;
    height: auto !important;

    min-width: 0 !important;
    min-height: 0 !important;

    max-width: 170px !important;
    max-height: 80px !important;

    object-fit: contain !important;

    inset: auto !important;

    transform: none !important;
}


/* MOBIL */

@media (max-width: 650px) {

    #skip-ad.preroll-skip,
    #house-skip-ad {
        right: 10px !important;
        bottom: 10px !important;

        min-width: 160px !important;
        min-height: 40px !important;

        padding: 0 12px !important;

        font-size: 11px !important;
    }

    .paid-preroll-countdown {
        right: 10px !important;
        bottom: 60px !important;
    }

}


/* =========================================================
   PRE-ROLL REKLAM KUYRUGU
   ========================================================= */

.preroll-queue-position {
    position: absolute !important;

    top: 18px !important;
    right: 18px !important;

    z-index: 9998 !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 34px !important;

    padding: 0 12px !important;

    background: rgba(0,0,0,.78) !important;

    border: 1px solid rgba(255,255,255,.22) !important;

    color: #fff !important;

    font-size: 12px !important;
    font-weight: 800 !important;
}

@media (max-width: 650px) {

    .preroll-queue-position {
        top: 10px !important;
        right: 10px !important;

        min-height: 30px !important;

        padding: 0 9px !important;

        font-size: 11px !important;
    }

}


/* =========================================================
   PRE-ROLL SES BUTONU
   ========================================================= */

#preroll-sound.preroll-sound-button {
    position: absolute !important;

    top: 18px !important;
    left: 88px !important;

    z-index: 10000 !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 34px !important;

    padding: 0 13px !important;

    background: rgba(10,10,12,.88) !important;

    border: 1px solid rgba(255,255,255,.30) !important;

    color: #fff !important;

    font-size: 12px !important;
    font-weight: 800 !important;

    cursor: pointer !important;
}

#preroll-sound.preroll-sound-button:hover {
    background: #174b6b !important;
}

#preroll-sound.sound-enabled {
    background: #174b6b !important;

    border-color: #5c9abc !important;
}


@media (max-width: 650px) {

    #preroll-sound.preroll-sound-button {
        top: 10px !important;
        left: 75px !important;

        min-height: 30px !important;

        padding: 0 10px !important;

        font-size: 11px !important;
    }

}


/* =========================================================
   FILMIZLE MANUEL OYNATMA KAPISI
   ========================================================= */

.player-start-gate {
    position: absolute !important;

    inset: 0 !important;

    z-index: 30000 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 14px !important;

    width: 100% !important;
    height: 100% !important;

    background: #050607 !important;
}


.player-start-button {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 13px !important;

    min-width: 180px !important;
    min-height: 62px !important;

    padding: 0 28px !important;

    background: #174b6b !important;

    border: 1px solid #4f8dac !important;

    color: #fff !important;

    font-size: 17px !important;
    font-weight: 850 !important;

    cursor: pointer !important;

    transition:
        background .15s ease,
        transform .15s ease !important;
}


.player-start-button:hover {
    background: #1f6185 !important;

    transform:
        translateY(-1px) !important;
}


.player-start-button:active {
    transform:
        translateY(0) !important;
}


.player-start-icon {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 30px !important;
    height: 30px !important;

    font-size: 21px !important;
    line-height: 1 !important;
}


.player-start-text {
    color: #fff !important;

    font-size: 17px !important;
    font-weight: 850 !important;
}


.player-start-note {
    color: #aeb6bc !important;

    font-size: 13px !important;
    font-weight: 600 !important;
}


/*
 * ESKI SESI AC BUTONU ARTIK YOK
 */

#preroll-sound,
.preroll-sound-button {
    display: none !important;
}


/* MOBIL */

@media (max-width: 650px) {

    .player-start-button {
        min-width: 155px !important;
        min-height: 52px !important;

        padding: 0 20px !important;

        gap: 9px !important;
    }

    .player-start-text {
        font-size: 15px !important;
    }

    .player-start-note {
        font-size: 11px !important;
    }

}


/* =========================================================
   PLAYER OYNAT BUTONU - FINAL
   ========================================================= */

.player-start-gate {
    z-index: 30000 !important;
}

.player-start-gate.is-hidden {
    display: none !important;
}


/* YALNIZCA YUVARLAK PLAY BUTONU */

.player-start-button {
    width: 78px !important;
    height: 78px !important;

    min-width: 78px !important;
    min-height: 78px !important;

    padding: 0 !important;

    border-radius: 50% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #174b6b !important;

    border: 2px solid #5e9dbc !important;

    cursor: pointer !important;
}


/* OYNAT YAZISI KALKIYOR */

.player-start-text,
.player-start-note {
    display: none !important;
}


/* UCGEN */

.player-start-icon {
    width: auto !important;
    height: auto !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;

    font-size: 31px !important;
    line-height: 1 !important;

    transform: translateX(3px) !important;
}


.player-start-button:hover {
    background: #1f6287 !important;

    transform: scale(1.06) !important;
}


.player-start-button:active {
    transform: scale(.97) !important;
}


/* REKLAM OYNARKEN REKLAM KATMANI GORUNUR */

#preroll.paid-preroll {
    display: block !important;
    visibility: visible !important;

    opacity: 1 !important;

    z-index: 500 !important;
}


#preroll-video {
    display: block !important;
    visibility: visible !important;

    opacity: 1 !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;

    background: #000 !important;
}


@media (max-width: 650px) {

    .player-start-button {
        width: 64px !important;
        height: 64px !important;

        min-width: 64px !important;
        min-height: 64px !important;
    }

    .player-start-icon {
        font-size: 26px !important;
    }

}


/* =========================================================
   KATEGORI HIYERARSISI
   ========================================================= */

.header-category-item {
    position: relative;

    display: inline-flex;

    align-items: center;

    flex: 0 0 auto;
}


.header-category-main {
    display: inline-flex !important;

    align-items: center !important;
}


.category-submenu-toggle {
    width: 27px !important;
    height: 27px !important;

    min-width: 27px !important;

    margin-left: -5px !important;

    padding: 0 !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;

    border: 0 !important;

    color: #cbd7de !important;

    cursor: pointer !important;

    font-size: 12px !important;
}


.header-category-dropdown {
    position: absolute;

    top: calc(100% + 8px);
    left: 0;

    z-index: 50000;

    display: none;

    min-width: 210px;

    padding: 7px;

    background: #17191c;

    border: 1px solid #343b40;

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


.header-category-dropdown a {
    display: block !important;

    width: 100% !important;

    padding: 10px 12px !important;

    color: #e8edf0 !important;

    white-space: nowrap !important;

    border: 0 !important;
}


.header-category-dropdown a:hover {
    background: #20262a !important;

    color: #fff !important;
}


.header-category-item.open
.header-category-dropdown {
    display: block;
}


@media (min-width: 901px) {

    .header-category-bar,
    .header-category-inner {
        overflow: visible !important;
    }

    .header-category-item.has-children:hover
    .header-category-dropdown {
        display: block;
    }

}


/* ALT KATEGORI SAYFASI */

.subcategory-grid {
    display: grid;

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

    gap: 14px;
}


.subcategory-card {
    min-height: 110px;

    padding: 14px;

    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    gap: 10px;

    text-align: center;

    background: #17191c;

    border: 1px solid #343b40;

    color: #fff;
}


.subcategory-card img {
    width: 100%;
    height: 70px;

    max-width: 130px;

    object-fit: contain;
}


.subcategory-card strong {
    font-size: 14px;
}


@media (max-width: 900px) {

    .subcategory-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .header-category-dropdown {
        position: fixed;

        left: 12px;
        right: 12px;
        top: auto;

        min-width: 0;
        max-height: 55vh;

        overflow-y: auto;
    }

}


@media (max-width: 560px) {

    .subcategory-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* =========================================================
   HEADER ALT KATEGORI HOVER FIX
   ========================================================= */

.header-category-dropdown {
    top: 100% !important;
    margin-top: 0 !important;
}

/*
 * Ana kategori ile dropdown arasinda
 * fare bosluga dusmesin.
 */
.header-category-item.has-children {
    position: relative !important;
}

.header-category-item.has-children::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 6px;
    z-index: 49999;
}

/*
 * Desktop: fare ana kategori veya dropdown
 * uzerindeyken menu acik kalir.
 */
@media (min-width: 901px) {

    .header-category-item.has-children:hover
    .header-category-dropdown,
    .header-category-dropdown:hover {
        display: block !important;
    }

}


/* =========================================================
   HEADER ALT KATEGORI HOVER FIX
   ========================================================= */

.header-category-dropdown {
    top: 100% !important;
    margin-top: 0 !important;
}

/*
 * Ana kategori ile dropdown arasinda
 * fare bosluga dusmesin.
 */
.header-category-item.has-children {
    position: relative !important;
}

.header-category-item.has-children::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 6px;
    z-index: 49999;
}

/*
 * Desktop: fare ana kategori veya dropdown
 * uzerindeyken menu acik kalir.
 */
@media (min-width: 901px) {

    .header-category-item.has-children:hover
    .header-category-dropdown,
    .header-category-dropdown:hover {
        display: block !important;
    }

}


/* =========================================================
   ANA KATEGORI - ALT KATEGORI BOLUMLERI
   ========================================================= */

.category-group-list {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.category-group-section {
    margin: 0 !important;
}

.category-group-heading {
    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 18px;

    margin-bottom: 16px;

    padding-bottom: 11px;

    border-bottom: 1px solid #23475d;
}

.category-group-heading a {
    text-decoration: none;
}

.category-group-heading h2 {
    margin: 0 !important;

    color: #fff;

    font-size: 22px;
    font-weight: 800;
}

.category-group-all {
    flex: 0 0 auto;

    color: #8fbed8 !important;

    font-size: 13px;
    font-weight: 700;
}

.category-group-all:hover {
    color: #fff !important;
}


@media (max-width: 650px) {

    .category-group-list {
        gap: 28px;
    }

    .category-group-heading h2 {
        font-size: 18px;
    }

    .category-group-all {
        font-size: 12px;
    }

}


/* =========================================================
   FILMIZLE PREMIUM PARLAMENT HEADER - FINAL
   ========================================================= */

.site-header {
    position: relative !important;
    z-index: 1000 !important;

    background:
        radial-gradient(
            circle at 14% 0%,
            rgba(54, 153, 205, .16),
            transparent 34%
        ),
        linear-gradient(
            110deg,
            #071923 0%,
            #0b2c42 42%,
            #0d3854 70%,
            #092233 100%
        ) !important;

    border-top:
        1px solid rgba(94, 186, 229, .12) !important;

    border-bottom:
        1px solid rgba(73, 155, 198, .38) !important;

    box-shadow:
        0 12px 35px rgba(0, 0, 0, .24),
        inset 0 -1px 0 rgba(255,255,255,.025) !important;

    overflow: visible !important;
}


/* INCE HAREKETLI PARLAMENT ISIGI */

.site-header::before {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;

    left: -300px;

    width: 240px;

    pointer-events: none;

    background:
        linear-gradient(
            105deg,
            transparent 0%,
            rgba(96, 196, 239, .015) 25%,
            rgba(112, 207, 250, .10) 50%,
            rgba(96, 196, 239, .02) 70%,
            transparent 100%
        );

    transform: skewX(-18deg);

    animation:
        filmizleHeaderLight 9s ease-in-out infinite;

    z-index: 0;
}


.site-header::after {
    content: "";

    position: absolute;

    left: 7%;
    right: 7%;

    bottom: 0;

    height: 1px;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(79, 177, 225, .7),
            transparent
        );

    opacity: .55;

    z-index: 2;
}


@keyframes filmizleHeaderLight {

    0% {
        left: -300px;
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    70% {
        opacity: 1;
    }

    100% {
        left: calc(100% + 300px);
        opacity: 0;
    }

}


/* =========================================================
   HEADER UST SATIR
   ========================================================= */

.site-header-inner {
    position: relative !important;
    z-index: 5 !important;

    width: min(100% - 34px, 1320px) !important;

    min-height: 78px !important;

    margin: 0 auto !important;

    padding: 10px 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 25px !important;
}


/* =========================================================
   LOGO
   ========================================================= */

.site-logo {
    position: relative !important;

    flex: 0 0 auto !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    text-decoration: none !important;
}


.site-logo img {
    display: block !important;

    width: auto !important;
    height: 58px !important;

    max-width: 190px !important;

    object-fit: contain !important;

    transition:
        transform .20s ease,
        filter .20s ease !important;

    filter:
        drop-shadow(
            0 5px 13px rgba(0,0,0,.24)
        ) !important;
}


.site-logo:hover img {
    transform:
        translateY(-1px) scale(1.015) !important;
}


/* LOGO YAZI HALINDEYSE */

.site-logo span {
    color: #fff !important;

    font-size: 24px !important;
    font-weight: 900 !important;

    letter-spacing: -.5px !important;
}


/* =========================================================
   ANA NAV
   ========================================================= */

.site-nav {
    display: flex !important;

    align-items: center !important;

    gap: 5px !important;
}


.site-nav > a {
    position: relative !important;

    min-height: 40px !important;

    padding: 0 14px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    color: #dce8ee !important;

    background: transparent !important;

    border: 1px solid transparent !important;

    border-radius: 6px !important;

    font-size: 13px !important;
    font-weight: 750 !important;

    text-decoration: none !important;

    transition:
        color .16s ease,
        background .16s ease,
        border-color .16s ease,
        transform .16s ease !important;
}


.site-nav > a::after {
    content: "";

    position: absolute;

    left: 14px;
    right: 14px;

    bottom: 5px;

    height: 1px;

    background: #6ac0ea;

    transform: scaleX(0);

    transform-origin: center;

    transition:
        transform .18s ease !important;
}


.site-nav > a:hover {
    color: #fff !important;

    background:
        rgba(27, 91, 126, .42) !important;

    border-color:
        rgba(93, 180, 222, .24) !important;

    transform:
        translateY(-1px) !important;
}


.site-nav > a:hover::after {
    transform: scaleX(1);
}


/* REKLAM VER */

.site-nav .nav-ad-link {
    margin-left: 5px !important;

    padding-left: 17px !important;
    padding-right: 17px !important;

    color: #fff !important;

    background:
        linear-gradient(
            145deg,
            #19597c,
            #123f5a
        ) !important;

    border:
        1px solid rgba(105, 198, 241, .40) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 5px 17px rgba(0,0,0,.18) !important;
}


.site-nav .nav-ad-link:hover {
    background:
        linear-gradient(
            145deg,
            #1e678e,
            #164966
        ) !important;

    border-color:
        rgba(112, 207, 250, .62) !important;
}


/* =========================================================
   KATEGORI BARI
   ========================================================= */

.header-category-bar {
    position: relative !important;

    z-index: 10 !important;

    width: 100% !important;

    overflow: visible !important;

    background:
        rgba(5, 19, 28, .74) !important;

    border-top:
        1px solid rgba(83, 156, 194, .22) !important;

    backdrop-filter:
        blur(12px) !important;

    -webkit-backdrop-filter:
        blur(12px) !important;
}


.header-category-inner {
    width: min(100% - 34px, 1320px) !important;

    min-height: 48px !important;

    margin: 0 auto !important;

    display: flex !important;

    align-items: center !important;

    gap: 5px !important;

    overflow: visible !important;
}


/* TUMU + ANA KATEGORILER */

.header-category-inner > a,
.header-category-main {
    min-height: 34px !important;

    padding: 0 13px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    color: #dce8ee !important;

    background:
        rgba(14, 53, 75, .34) !important;

    border:
        1px solid rgba(73, 139, 174, .24) !important;

    border-radius: 5px !important;

    font-size: 12px !important;
    font-weight: 800 !important;

    text-decoration: none !important;

    white-space: nowrap !important;

    transition:
        background .16s ease,
        color .16s ease,
        border-color .16s ease,
        transform .16s ease !important;
}


.header-category-inner > a:hover,
.header-category-main:hover,
.header-category-item:hover
.header-category-main {
    color: #fff !important;

    background:
        rgba(24, 91, 126, .68) !important;

    border-color:
        rgba(94, 183, 227, .48) !important;

    transform:
        translateY(-1px) !important;
}


/* TUMU */

.header-category-inner
.category-home {
    color: #fff !important;

    background:
        #174b6b !important;

    border-color:
        #367a9d !important;
}


/* ALT MENU OKU */

.category-submenu-toggle {
    color: #9bc9df !important;

    transition:
        color .16s ease,
        transform .18s ease !important;
}


.header-category-item:hover
.category-submenu-toggle {
    color: #fff !important;
}


.header-category-item.open
.category-submenu-toggle {
    transform:
        rotate(180deg) !important;
}


/* =========================================================
   PREMIUM DROPDOWN
   ========================================================= */

.header-category-dropdown {
    top: 100% !important;

    min-width: 245px !important;

    padding: 7px !important;

    margin-top: 0 !important;

    background:
        linear-gradient(
            155deg,
            rgba(9, 30, 43, .985),
            rgba(10, 42, 60, .985)
        ) !important;

    border:
        1px solid rgba(72, 148, 185, .42) !important;

    border-radius: 5px !important;

    box-shadow:
        0 18px 45px rgba(0,0,0,.40),
        inset 0 1px 0 rgba(255,255,255,.035) !important;

    backdrop-filter:
        blur(16px) !important;

    -webkit-backdrop-filter:
        blur(16px) !important;
}


.header-category-dropdown::before {
    content: "";

    position: absolute;

    left: 0;
    right: 0;

    top: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(94, 191, 238, .60),
            transparent
        );
}


.header-category-dropdown a {
    position: relative !important;

    min-height: 38px !important;

    padding: 0 14px !important;

    display: flex !important;

    align-items: center !important;

    color: #dce6eb !important;

    background: transparent !important;

    border: 0 !important;

    border-radius: 4px !important;

    font-size: 12px !important;
    font-weight: 750 !important;

    text-decoration: none !important;

    transition:
        background .14s ease,
        color .14s ease,
        padding-left .14s ease !important;
}


.header-category-dropdown a::before {
    content: "";

    width: 3px;
    height: 14px;

    margin-right: 9px;

    background: #397fa2;

    opacity: .45;

    transition:
        opacity .14s ease,
        height .14s ease !important;
}


.header-category-dropdown a:hover {
    color: #fff !important;

    background:
        rgba(27, 93, 127, .45) !important;

    padding-left:
        17px !important;
}


.header-category-dropdown a:hover::before {
    height: 20px;

    opacity: 1;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 850px) {

    .site-header-inner {
        min-height: 68px !important;

        padding:
            8px 0 !important;

        gap: 12px !important;
    }


    .site-logo img {
        height: 48px !important;

        max-width: 150px !important;
    }


    .site-nav {
        gap: 2px !important;
    }


    .site-nav > a {
        min-height: 34px !important;

        padding: 0 9px !important;

        font-size: 11px !important;
    }


    .header-category-inner {
        overflow-x: auto !important;
        overflow-y: visible !important;

        min-height: 44px !important;

        scrollbar-width: none;
    }


    .header-category-inner::-webkit-scrollbar {
        display: none;
    }

}


@media (max-width: 600px) {

    .site-header-inner {
        width:
            calc(100% - 20px) !important;

        min-height: auto !important;

        padding:
            9px 0 10px !important;

        flex-wrap: wrap !important;
    }


    .site-logo img {
        height: 44px !important;
    }


    .site-nav {
        width: 100% !important;

        display: grid !important;

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

        gap: 4px !important;
    }


    .site-nav > a {
        width: 100% !important;

        min-height: 35px !important;

        padding: 0 5px !important;

        font-size: 10px !important;
    }


    .site-nav .nav-ad-link {
        margin-left: 0 !important;
    }


    .header-category-inner {
        width:
            calc(100% - 20px) !important;
    }


    .header-category-inner > a,
    .header-category-main {
        min-height: 32px !important;

        padding:
            0 10px !important;

        font-size: 11px !important;
    }

}


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

    .site-header::before {
        animation:
            none !important;
    }

}


/* =========================================================
   FILMIZLE - GERCEK PARLAMENT MAVISI HEADER
   ========================================================= */

.site-header {
    background:
        radial-gradient(
            circle at 18% -30%,
            rgba(56, 111, 184, .20),
            transparent 38%
        ),
        linear-gradient(
            110deg,
            #08182f 0%,
            #0d2d59 36%,
            #123b73 68%,
            #0a2346 100%
        ) !important;

    border-top:
        1px solid rgba(83, 137, 207, .20) !important;

    border-bottom:
        1px solid #28558c !important;

    box-shadow:
        0 10px 28px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.025) !important;
}


/* HEADER ISIK GECISI */

.site-header::before {
    background:
        linear-gradient(
            105deg,
            transparent 0%,
            rgba(90, 145, 214, .015) 28%,
            rgba(106, 164, 235, .12) 50%,
            rgba(90, 145, 214, .025) 70%,
            transparent 100%
        ) !important;
}


.site-header::after {
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(82, 145, 220, .72),
            transparent
        ) !important;
}


/* =========================================================
   ALT KATEGORI BARI
   ========================================================= */

.header-category-bar {
    background:
        rgba(5, 18, 37, .94) !important;

    border-top:
        1px solid rgba(66, 112, 174, .32) !important;
}


/* TUMU */

.header-category-inner .category-home {
    background:
        #17457d !important;

    border-color:
        #3471ad !important;

    color:
        #fff !important;
}


/* CANLI TV VB */

.header-category-inner > a,
.header-category-main {
    background:
        rgba(17, 52, 96, .72) !important;

    border-color:
        rgba(58, 105, 164, .30) !important;

    color:
        #dce8f5 !important;
}


.header-category-inner > a:hover,
.header-category-main:hover,
.header-category-item:hover .header-category-main {
    background:
        #1a4f8c !important;

    border-color:
        #3a79b8 !important;

    color:
        #fff !important;
}


/* =========================================================
   UST MENULER
   ========================================================= */

.site-nav > a {
    color:
        #e4edf8 !important;
}


.site-nav > a:hover {
    background:
        rgba(31, 76, 132, .55) !important;

    border-color:
        rgba(71, 123, 188, .38) !important;

    color:
        #fff !important;
}


/* REKLAM VER */

.site-nav .nav-ad-link {
    background:
        linear-gradient(
            145deg,
            #1d528c,
            #133b6b
        ) !important;

    border-color:
        #3976b2 !important;

    color:
        #fff !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 5px 16px rgba(0,0,0,.22) !important;
}


.site-nav .nav-ad-link:hover {
    background:
        linear-gradient(
            145deg,
            #2464a5,
            #18477d
        ) !important;

    border-color:
        #4b8ac8 !important;
}


/* =========================================================
   DROPDOWN
   ========================================================= */

.header-category-dropdown {
    background:
        linear-gradient(
            155deg,
            #081b35,
            #0d2d55
        ) !important;

    border-color:
        #315f96 !important;
}


.header-category-dropdown a {
    color:
        #e1eaf5 !important;
}


.header-category-dropdown a:hover {
    background:
        rgba(32, 78, 134, .68) !important;

    color:
        #fff !important;
}


.header-category-dropdown a::before {
    background:
        #4d87c3 !important;
}


/* =========================================================
   PREMIUM HEADER SEARCH
   ========================================================= */

.fm-header-search {
    flex: 1 1 480px !important;

    max-width: 540px !important;
    min-width: 260px !important;

    margin: 0 12px !important;
}


.fm-search-box {
    position: relative;

    width: 100%;
    height: 44px;

    display: flex;

    align-items: center;

    background:
        rgba(5, 18, 40, .72);

    border:
        1px solid rgba(71, 126, 192, .48);

    border-radius: 7px;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 5px 18px rgba(0,0,0,.14);

    overflow: hidden;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}


.fm-search-box:focus-within {
    background:
        rgba(7, 26, 55, .94);

    border-color:
        #4b86c2;

    box-shadow:
        0 0 0 3px rgba(54, 113, 177, .12),
        0 7px 22px rgba(0,0,0,.18);
}


.fm-search-icon {
    width: 43px;
    height: 100%;

    flex: 0 0 43px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: #8eb4dc;
}


.fm-search-icon svg {
    width: 18px;
    height: 18px;
}


.fm-search-box input {
    width: 100%;
    height: 100%;

    min-width: 0;

    padding: 0 10px 0 0;

    background: transparent !important;

    border: 0 !important;
    outline: 0 !important;

    color: #fff !important;

    font-size: 13px !important;
    font-weight: 600 !important;
}


.fm-search-box input::placeholder {
    color: #8298ae !important;

    opacity: 1;
}


.fm-search-box input::-webkit-search-cancel-button {
    filter: invert(1);

    opacity: .55;
}


.fm-search-submit {
    height: 34px !important;

    margin-right: 5px !important;

    padding: 0 15px !important;

    flex: 0 0 auto !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    background:
        linear-gradient(
            145deg,
            #1d5794,
            #153f73
        ) !important;

    border:
        1px solid #3975b3 !important;

    border-radius: 5px !important;

    color: #fff !important;

    font-size: 11px !important;
    font-weight: 850 !important;

    cursor: pointer !important;

    transition:
        background .16s ease,
        border-color .16s ease !important;
}


.fm-search-submit:hover {
    background:
        linear-gradient(
            145deg,
            #276aae,
            #194a82
        ) !important;

    border-color:
        #548fd0 !important;
}


/* =========================================================
   SEARCH RESULTS
   ========================================================= */

.fm-search-page {
    padding-top: 30px;
    padding-bottom: 55px;
}


.fm-search-heading {
    margin-bottom: 30px;

    padding: 22px 24px;

    background:
        linear-gradient(
            120deg,
            #091c39,
            #0f315f
        );

    border:
        1px solid #2b568c;

    border-radius: 7px;

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


.fm-search-eyebrow {
    display: block;

    margin-bottom: 7px;

    color: #7fa9d6;

    font-size: 10px;
    font-weight: 900;

    letter-spacing: 1.2px;
}


.fm-search-heading h1 {
    margin: 0;

    color: #fff;

    font-size: 25px;
    font-weight: 850;
}


.fm-search-heading p {
    margin: 7px 0 0;

    color: #9fb1c3;

    font-size: 13px;
}


.fm-result-section {
    margin-top: 32px;
}


.fm-result-title {
    display: flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 15px;

    padding-bottom: 10px;

    border-bottom:
        1px solid #23476e;
}


.fm-result-title h2 {
    margin: 0;

    color: #fff;

    font-size: 19px;
    font-weight: 800;
}


.fm-result-title > span {
    min-width: 24px;
    height: 22px;

    padding: 0 7px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    background: #153f73;

    border: 1px solid #2f649e;

    border-radius: 12px;

    color: #cce5ff;

    font-size: 10px;
    font-weight: 800;
}


.fm-search-category-grid {
    display: grid;

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

    gap: 12px;
}


.fm-search-category-card {
    min-height: 82px;

    padding: 11px 14px;

    display: flex;

    align-items: center;

    gap: 13px;

    background: #0d1c2b;

    border: 1px solid #263f58;

    border-radius: 6px;

    color: #fff;

    text-decoration: none;

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


.fm-search-category-card:hover {
    background: #112b49;

    border-color: #356ba3;

    transform: translateY(-1px);
}


.fm-search-category-card img {
    width: 58px;
    height: 58px;

    flex: 0 0 58px;

    object-fit: contain;

    background: #08121d;

    border: 1px solid #26384b;
}


.fm-search-category-card div {
    min-width: 0;

    display: flex;

    flex-direction: column;

    gap: 4px;
}


.fm-search-category-card strong {
    color: #fff;

    font-size: 13px;
}


.fm-search-category-card span {
    color: #8094a8;

    font-size: 10px;
}


.fm-search-content-card {
    text-decoration: none !important;
}


.fm-result-meta {
    display: block;

    margin-top: 4px;

    color: #8398aa;

    font-size: 10px;
}


.fm-search-empty {
    min-height: 210px;

    margin-top: 30px;

    padding: 35px;

    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    gap: 8px;

    text-align: center;

    background: #0d1b29;

    border: 1px solid #263e56;

    color: #8fa2b5;
}


.fm-search-empty strong {
    color: #fff;

    font-size: 17px;
}


.fm-search-empty-icon {
    margin-bottom: 5px;

    color: #6095ca;

    font-size: 37px;
}


@media (max-width: 1050px) {

    .fm-header-search {
        flex-basis: 340px !important;

        max-width: 410px !important;
    }


    .fm-search-category-grid {
        grid-template-columns:
            repeat(3, minmax(0,1fr));
    }

}


@media (max-width: 850px) {

    .site-header-inner {
        flex-wrap: wrap !important;
    }


    .fm-header-search {
        order: 3;

        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;

        flex: 1 0 100% !important;

        margin: 0 !important;
    }

}


@media (max-width: 650px) {

    .fm-search-box {
        height: 42px;
    }


    .fm-search-submit {
        padding: 0 12px !important;
    }


    .fm-search-category-grid {
        grid-template-columns:
            repeat(2, minmax(0,1fr));
    }


    .fm-search-heading {
        padding: 18px;
    }


    .fm-search-heading h1 {
        font-size: 20px;
    }

}


@media (max-width: 420px) {

    .fm-search-category-grid {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   ANA SAYFA BUYUK BANNER
   ========================================================= */

.home-main-banner {
    position: relative;

    width: 100%;

    margin: 22px 0 28px;

    overflow: hidden;

    background: #08182f;

    border: 1px solid #28558c;

    box-shadow:
        0 14px 34px rgba(0,0,0,.25);
}


.home-main-banner::after {
    content: "";

    position: absolute;

    left: 7%;
    right: 7%;
    bottom: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(89,150,221,.75),
            transparent
        );

    pointer-events: none;
}


.home-main-banner img {
    display: block;

    width: 100%;
    height: auto;

    margin: 0;

    object-fit: cover;
}


@media (max-width: 650px) {

    .home-main-banner {
        margin:
            14px 0 20px;
    }

}


/* =========================================================
   FILMIZLE - KEMIK RENGI PREMIUM ARKA PLAN
   ========================================================= */

html {
    background: #e8e1d5 !important;
}

body.site-body {
    position: relative;

    min-height: 100vh;

    margin: 0;

    background:
        linear-gradient(
            180deg,
            #eee8de 0%,
            #e7e0d4 45%,
            #ddd5c8 100%
        ) !important;

    color: #17202a !important;

    overflow-x: hidden;
}


/* =========================================================
   HAFIF ASAGI AKAN ARKA PLAN EFEKTI
   ========================================================= */

body.site-body::before {
    content: "";

    position: fixed;

    inset: -120px 0 0 0;

    z-index: 0;

    pointer-events: none;

    opacity: .48;

    background-image:
        radial-gradient(
            circle,
            rgba(23, 69, 125, .16) 0 1.2px,
            transparent 1.7px
        ),
        radial-gradient(
            circle,
            rgba(85, 101, 117, .12) 0 1px,
            transparent 1.5px
        );

    background-size:
        72px 92px,
        115px 138px;

    background-position:
        0 0,
        35px 20px;

    animation:
        filmizleBoneFall 18s linear infinite;
}


body.site-body::after {
    content: "";

    position: fixed;

    inset: 0;

    z-index: 0;

    pointer-events: none;

    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(33, 89, 150, .06),
            transparent 25%
        ),
        radial-gradient(
            circle at 85% 70%,
            rgba(38, 72, 110, .055),
            transparent 28%
        );
}


@keyframes filmizleBoneFall {

    from {
        background-position:
            0 -150px,
            35px -220px;
    }

    to {
        background-position:
            0 150px,
            35px 220px;
    }

}


/* ICERIKLER ARKA PLAN EFEKTININ USTUNDE */

.site-header,
.fm-tv-banner,
.site-container,
.site-footer {
    position: relative;

    z-index: 1;
}


/* =========================================================
   KEMIK ZEMINDE BASLIKLAR
   ========================================================= */

.site-container > h1,
.site-container > h2,
.category-page-heading h1,
.category-section > h2 {
    color: #172435 !important;
}


/* KATEGORI BOLUM BASLIKLARI */

.category-group-heading {
    border-bottom-color:
        rgba(23, 69, 125, .24) !important;
}


.category-group-heading h2 {
    color: #17395f !important;
}


.category-group-all {
    color: #285b8e !important;
}


.category-group-all:hover {
    color: #123d69 !important;
}


/* =========================================================
   HAFIF KART DERINLIGI
   ========================================================= */

.category-section {
    position: relative;
}


.channel-card,
.content-poster-card,
.subcategory-card {
    box-shadow:
        0 7px 20px rgba(28, 36, 45, .10);
}


/* BOS DURUM */

.empty-category {
    background:
        rgba(255,255,255,.50) !important;

    border:
        1px solid rgba(68, 80, 90, .18) !important;

    color:
        #53606c !important;
}


/* =========================================================
   FOOTER'A DOGRU HAFIF KOYULASMA
   ========================================================= */

.site-footer {
    box-shadow:
        0 -12px 35px rgba(29, 39, 49, .08);
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 650px) {

    body.site-body::before {
        opacity: .34;

        background-size:
            62px 88px,
            100px 125px;
    }

}


/* HAREKET AZALTMA TERCIHI */

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

    body.site-body::before {
        animation: none !important;
    }

}


/* =========================================================
   FILMIZLE HEADER - PREMIUM KIRMIZI / BEYAZ FINAL
   ========================================================= */

.site-header {
    position: relative !important;

    background:
        radial-gradient(
            circle at 16% 10%,
            rgba(255, 90, 90, .22),
            transparent 30%
        ),
        linear-gradient(
            105deg,
            #7c1017 0%,
            #a81720 18%,
            #c92d34 34%,
            #e6787c 52%,
            #efb6b7 66%,
            #f3dddd 80%,
            #f6f3f1 100%
        ) !important;

    border-top:
        1px solid rgba(255,255,255,.18) !important;

    border-bottom:
        1px solid rgba(112,22,27,.28) !important;

    box-shadow:
        0 12px 34px rgba(54,7,11,.18),
        inset 0 -1px 0 rgba(255,255,255,.18) !important;

    overflow: visible !important;
}


/* =========================================================
   HAREKETLI ISIK EFEKTI
   ========================================================= */

.site-header::before {
    content: "";

    position: absolute !important;

    top: 0 !important;
    bottom: 0 !important;

    left: -320px !important;

    width: 260px !important;

    z-index: 0 !important;

    pointer-events: none !important;

    background:
        linear-gradient(
            105deg,
            transparent 0%,
            rgba(255,255,255,.02) 26%,
            rgba(255,255,255,.27) 50%,
            rgba(255,255,255,.04) 72%,
            transparent 100%
        ) !important;

    transform:
        skewX(-18deg) !important;

    animation:
        filmizleRedHeaderSweep
        8s
        ease-in-out
        infinite !important;
}


@keyframes filmizleRedHeaderSweep {

    0% {
        left: -320px;
        opacity: 0;
    }

    14% {
        opacity: 1;
    }

    74% {
        opacity: 1;
    }

    100% {
        left: calc(100% + 320px);
        opacity: 0;
    }

}


/* ALTTA INCE ISIK CIZGISI */

.site-header::after {
    content: "";

    position: absolute !important;

    left: 6% !important;
    right: 6% !important;

    bottom: 0 !important;

    height: 1px !important;

    z-index: 3 !important;

    pointer-events: none !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(198,32,39,.72),
            rgba(255,255,255,.75),
            transparent
        ) !important;

    opacity: .75 !important;
}


/* =========================================================
   HEADER IC YAPI
   ========================================================= */

.site-header-inner {
    position: relative !important;

    z-index: 5 !important;
}


/* LOGO */

.site-logo img {
    filter:
        drop-shadow(
            0 6px 14px rgba(74,7,10,.18)
        ) !important;
}


/* =========================================================
   ANA MENU
   ========================================================= */

.site-nav > a {
    color: #302729 !important;

    text-shadow:
        0 1px 0 rgba(255,255,255,.36) !important;
}


.site-nav > a:hover {
    color: #731018 !important;

    background:
        rgba(255,255,255,.52) !important;

    border-color:
        rgba(141,22,30,.18) !important;

    box-shadow:
        0 5px 14px rgba(73,8,13,.08) !important;
}


/* ALT CIZGI */

.site-nav > a::after {
    background:
        #a71922 !important;
}


/* =========================================================
   REKLAM VER BUTONU
   ========================================================= */

.site-nav .nav-ad-link {
    color: #fff !important;

    text-shadow: none !important;

    background:
        linear-gradient(
            145deg,
            #ad1e27,
            #7d1018
        ) !important;

    border:
        1px solid rgba(116,11,17,.48) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.15),
        0 6px 16px rgba(87,9,14,.20) !important;
}


.site-nav .nav-ad-link:hover {
    color: #fff !important;

    background:
        linear-gradient(
            145deg,
            #c32b34,
            #92151d
        ) !important;

    border-color:
        #7f1118 !important;
}


/* =========================================================
   HEADER ARAMA
   ========================================================= */

.fm-search-box {
    background:
        rgba(255,255,255,.76) !important;

    border:
        1px solid rgba(124,22,28,.26) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.65),
        0 6px 18px rgba(77,8,12,.10) !important;
}


.fm-search-box:focus-within {
    background:
        rgba(255,255,255,.94) !important;

    border-color:
        #b1262e !important;

    box-shadow:
        0 0 0 3px rgba(177,38,46,.10),
        0 8px 22px rgba(78,9,13,.12) !important;
}


.fm-search-icon {
    color:
        #951b23 !important;
}


.fm-search-box input {
    color:
        #281d1f !important;
}


.fm-search-box input::placeholder {
    color:
        #7f7274 !important;
}


.fm-search-submit {
    color: #fff !important;

    background:
        linear-gradient(
            145deg,
            #b5222b,
            #86131b
        ) !important;

    border:
        1px solid #81121a !important;
}


.fm-search-submit:hover {
    background:
        linear-gradient(
            145deg,
            #cb3039,
            #981820
        ) !important;
}


/* =========================================================
   KATEGORI BARI
   ========================================================= */

.header-category-bar {
    background:
        linear-gradient(
            90deg,
            rgba(105,12,18,.96) 0%,
            rgba(151,25,31,.93) 34%,
            rgba(219,117,120,.90) 67%,
            rgba(245,236,234,.94) 100%
        ) !important;

    border-top:
        1px solid rgba(255,255,255,.16) !important;

    border-bottom:
        1px solid rgba(112,16,22,.22) !important;

    backdrop-filter:
        blur(14px) !important;

    -webkit-backdrop-filter:
        blur(14px) !important;
}


/* KATEGORI BUTONLARI */

.header-category-inner > a,
.header-category-main {
    color:
        #fff !important;

    background:
        rgba(82,9,14,.30) !important;

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

    text-shadow:
        0 1px 2px rgba(58,5,8,.20) !important;
}


.header-category-inner > a:hover,
.header-category-main:hover,
.header-category-item:hover
.header-category-main {
    color:
        #fff !important;

    background:
        rgba(126,13,20,.72) !important;

    border-color:
        rgba(255,255,255,.34) !important;
}


/* TUMU */

.header-category-inner
.category-home {
    color:
        #fff !important;

    background:
        #88131b !important;

    border-color:
        #b5343b !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.11) !important;
}


/* ALT MENU OKU */

.category-submenu-toggle {
    color:
        rgba(255,255,255,.86) !important;
}


/* =========================================================
   DROPDOWN
   ========================================================= */

.header-category-dropdown {
    background:
        linear-gradient(
            155deg,
            rgba(106,13,19,.985),
            rgba(151,28,34,.985)
        ) !important;

    border:
        1px solid rgba(255,157,160,.30) !important;

    box-shadow:
        0 18px 45px rgba(60,5,9,.34),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
}


.header-category-dropdown::before {
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,190,192,.85),
            transparent
        ) !important;
}


.header-category-dropdown a {
    color:
        #fff1f1 !important;
}


.header-category-dropdown a::before {
    background:
        #ef8e92 !important;
}


.header-category-dropdown a:hover {
    color:
        #fff !important;

    background:
        rgba(255,255,255,.13) !important;
}


/* =========================================================
   MOBILDE SAG TARAF COK BEYAZLASMASIN
   ========================================================= */

@media (max-width: 850px) {

    .site-header {
        background:
            linear-gradient(
                125deg,
                #7c1017 0%,
                #af2028 28%,
                #d85c62 58%,
                #edb8b9 82%,
                #f5eeee 100%
            ) !important;
    }


    .header-category-bar {
        background:
            linear-gradient(
                100deg,
                #741018,
                #a7222a 48%,
                #d66c71 100%
            ) !important;
    }

}


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

    .site-header::before {
        animation:
            none !important;
    }

}


/* =========================================================
   FILMIZLE KIRMIZI HEADER V2
   - BEYAZA GECIS DAHA GEC
   - ISIK EFEKTI GERİ
   ========================================================= */

.site-header {
    position: relative !important;

    isolation: isolate !important;

    background:
        radial-gradient(
            circle at 13% 15%,
            rgba(255, 105, 105, .22),
            transparent 28%
        ),
        linear-gradient(
            105deg,

            #741018 0%,
            #8e121b 18%,
            #aa1822 35%,
            #c32630 52%,
            #d8464f 67%,

            #e36d73 78%,
            #eca3a6 87%,
            #f2cecf 94%,
            #f7f4f2 100%
        ) !important;

    border-bottom:
        1px solid rgba(112, 16, 22, .30) !important;

    box-shadow:
        0 12px 34px rgba(61, 5, 10, .20),
        inset 0 -1px 0 rgba(255,255,255,.16) !important;

    overflow: visible !important;
}


/*
 * Eski pseudo-element sweep'i kapat.
 * Yeni sweep ayri DOM katmaninda.
 */

.site-header::before {
    display: none !important;
}


/* =========================================================
   HAREKETLI PREMIUM ISIK
   ========================================================= */

.fm-header-light-sweep {
    position: absolute;

    z-index: 1;

    top: 0;
    bottom: 0;

    left: 0;

    width: 260px;

    pointer-events: none;

    opacity: 0;

    background:
        linear-gradient(
            105deg,

            transparent 0%,

            rgba(255,255,255,.01) 20%,

            rgba(255,255,255,.10) 36%,

            rgba(255,255,255,.38) 50%,

            rgba(255,255,255,.12) 64%,

            rgba(255,255,255,.02) 78%,

            transparent 100%
        );

    filter:
        blur(.2px);

    transform:
        translateX(-340px)
        skewX(-18deg);

    animation:
        fmHeaderPremiumSweep
        6.8s
        ease-in-out
        infinite;
}


@keyframes fmHeaderPremiumSweep {

    0% {
        transform:
            translateX(-340px)
            skewX(-18deg);

        opacity: 0;
    }

    10% {
        opacity: 0;
    }

    18% {
        opacity: .85;
    }

    75% {
        opacity: .85;
    }

    92% {
        opacity: .25;
    }

    100% {
        transform:
            translateX(calc(100vw + 340px))
            skewX(-18deg);

        opacity: 0;
    }

}


/*
 * Işığın merkezinde ikinci ince parlama.
 */

.fm-header-light-sweep::after {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;

    left: 50%;

    width: 2px;

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

    box-shadow:
        0 0 14px rgba(255,255,255,.28),
        0 0 30px rgba(255,160,165,.18);

    opacity: .55;
}


/* Header içeriği ışığın üstünde */

.site-header-inner,
.header-category-bar {
    position: relative !important;

    z-index: 5 !important;
}


/* =========================================================
   ALT KATEGORI BARI
   BEYAZA GECIS BURADA DA DAHA GEC
   ========================================================= */

.header-category-bar {
    background:
        linear-gradient(
            105deg,

            rgba(103, 10, 17, .97) 0%,
            rgba(132, 17, 24, .96) 25%,
            rgba(169, 27, 35, .95) 48%,
            rgba(200, 53, 61, .94) 67%,

            rgba(221, 104, 109, .92) 80%,
            rgba(237, 170, 172, .92) 90%,
            rgba(247, 239, 237, .95) 100%
        ) !important;

    border-top:
        1px solid rgba(255,255,255,.15) !important;
}


/* =========================================================
   SAG TARAFTA MENULER OKUNAKLI KALSIN
   ========================================================= */

.site-nav > a {
    color:
        #2d2022 !important;

    font-weight:
        800 !important;
}


.site-nav > a:hover {
    color:
        #79131a !important;

    background:
        rgba(255,255,255,.58) !important;
}


/* Reklam Ver kırmızı kalır */

.site-nav .nav-ad-link {
    color:
        #fff !important;

    background:
        linear-gradient(
            145deg,
            #ad1e27,
            #781018
        ) !important;
}


/* =========================================================
   ARAMA ALANI
   ========================================================= */

.fm-search-box {
    background:
        rgba(255,255,255,.82) !important;

    border-color:
        rgba(111,16,22,.30) !important;
}


.fm-search-box:focus-within {
    background:
        rgba(255,255,255,.96) !important;

    border-color:
        #a82029 !important;

    box-shadow:
        0 0 0 3px rgba(170,32,41,.10),
        0 8px 22px rgba(78,9,13,.12) !important;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 850px) {

    .site-header {
        background:
            linear-gradient(
                120deg,

                #741018 0%,
                #971620 28%,
                #bd2933 55%,
                #db5e65 75%,
                #eaa3a6 90%,
                #f5eeee 100%
            ) !important;
    }


    .header-category-bar {
        background:
            linear-gradient(
                110deg,

                #6d0d14 0%,
                #961820 40%,
                #be3038 70%,
                #dc7277 100%
            ) !important;
    }

}


/* Hareket azaltma */

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

    .fm-header-light-sweep {
        animation:
            none !important;

        display:
            none !important;
    }

}


/* =========================================================
   ANA SAYFA - SABIT SAG / SOL REKLAM SISTEMI
   ========================================================= */

.home-page .home-page-container {
    width: calc(100% - 24px) !important;

    max-width: 1480px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* =========================================================
   3 KOLON
   ========================================================= */

.home-ad-layout {
    width: 100%;

    display: grid;

    grid-template-columns:
        clamp(140px, 12vw, 190px)
        minmax(0, 1040px)
        clamp(140px, 12vw, 190px);

    justify-content: center;

    align-items: stretch;

    gap: 18px;
}


.home-main-column {
    width: 100%;

    min-width: 0;

    max-width: 1040px;
}


/* =========================================================
   SAG / SOL REKLAM KOLONLARI
   ========================================================= */

.home-side-ad {
    position: relative;

    min-width: 0;
}


.home-side-ad-sticky {
    position: sticky;

    top: 16px;

    width: 100%;

    display: grid;

    gap: 16px;

    z-index: 20;
}


/*
 * Kullanici sayfayi asagi kaydirsa da reklam
 * viewport icinde kalir.
 */

.home-side-ad .ad-slot {
    width: 100% !important;

    min-width: 0 !important;

    min-height: 590px !important;

    margin: 0 !important;

    padding: 14px !important;

    overflow: hidden !important;

    background:
        rgba(18, 20, 24, .96) !important;

    border:
        1px solid rgba(121, 39, 45, .32) !important;

    box-shadow:
        0 15px 35px rgba(34, 7, 10, .16) !important;
}


/* GORSEL / VIDEO */

.home-side-ad .ad-slot img,
.home-side-ad .ad-slot video {
    width: 100% !important;

    max-width: 100% !important;

    height: auto !important;

    max-height: 560px !important;

    object-fit: contain !important;
}


/* HTML REKLAMLAR */

.home-side-ad .ad-slot iframe {
    display: block;

    width: 100% !important;

    max-width: 100% !important;

    border: 0;
}


/* =========================================================
   ANA BANNER
   ========================================================= */

.home-main-column
.home-main-banner {
    margin-top: 18px !important;
}


/* =========================================================
   ORTA EKRAN
   ========================================================= */

@media (max-width: 1280px) {

    .home-ad-layout {
        grid-template-columns:
            135px
            minmax(0, 1fr)
            135px;

        gap: 14px;
    }


    .home-side-ad .ad-slot {
        min-height: 520px !important;

        padding: 9px !important;
    }

}


/* =========================================================
   TABLET / KUCUK LAPTOP
   Yan kolonlari gizle.
   Ana icerik tam kullanilir.
   ========================================================= */

@media (max-width: 1050px) {

    .home-ad-layout {
        display: block;
    }


    .home-side-ad {
        display: none !important;
    }


    .home-main-column {
        max-width: 100%;
    }

}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 650px) {

    .home-page .home-page-container {
        width:
            calc(100% - 18px) !important;
    }

}


/* =========================================================
   ARAMA SONUCLARI - GORSEL TASMA FIX
   ========================================================= */

.fm-search-page .channel-grid {
    align-items: stretch !important;
}


/* KANAL KARTI */

.fm-search-page .channel-card {
    position: relative !important;

    min-width: 0 !important;

    overflow: hidden !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 14px !important;
}


/* Search sayfasinda direkt card altinda duran kanal logolari */

.fm-search-page .channel-card > img {
    display: block !important;

    width: 100% !important;
    max-width: 150px !important;

    height: 105px !important;
    max-height: 105px !important;

    margin: 0 auto 10px !important;

    object-fit: contain !important;

    object-position: center !important;

    flex: 0 0 auto !important;
}


/* Normal logo wrapper varsa o da guvende */

.fm-search-page .channel-logo {
    width: 100% !important;

    height: 105px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;
}


.fm-search-page .channel-logo img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: 150px !important;
    max-height: 105px !important;

    object-fit: contain !important;

    object-position: center !important;
}


/* KATEGORI LOGOLARI */

.fm-search-category-card {
    overflow: hidden !important;

    min-width: 0 !important;
}


.fm-search-category-card img {
    display: block !important;

    width: 58px !important;
    height: 58px !important;

    min-width: 58px !important;
    max-width: 58px !important;

    min-height: 58px !important;
    max-height: 58px !important;

    flex: 0 0 58px !important;

    object-fit: contain !important;

    object-position: center !important;

    overflow: hidden !important;
}


/* FILM / DIZI POSTERLERI */

.fm-search-page .content-poster-card {
    overflow: hidden !important;

    min-width: 0 !important;
}


.fm-search-page .content-poster-image {
    position: relative !important;

    width: 100% !important;

    overflow: hidden !important;
}


.fm-search-page .content-poster-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: 100% !important;

    object-fit: cover !important;

    object-position: center !important;
}


/* UZUN ISIMLER KARTTAN TASMASIN */

.fm-search-page .channel-card strong,
.fm-search-category-card strong,
.fm-search-page .content-poster-card strong {
    max-width: 100% !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    white-space: nowrap !important;
}


/* =========================================================
   FILMIZLE - PREMIUM CAM KIRMIZI ARKA PLAN FINAL
   ========================================================= */

html {
    background: #12070a !important;
}


body.site-body {
    position: relative !important;

    min-height: 100vh !important;

    overflow-x: hidden !important;

    color: #edf0f3 !important;

    background:
        radial-gradient(
            circle at 14% 8%,
            rgba(199, 34, 45, .25),
            transparent 30%
        ),
        radial-gradient(
            circle at 87% 30%,
            rgba(133, 19, 29, .22),
            transparent 31%
        ),
        radial-gradient(
            circle at 48% 88%,
            rgba(177, 31, 41, .14),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #12070a 0%,
            #1b090d 28%,
            #290d13 53%,
            #19080c 76%,
            #0f080a 100%
        ) !important;

    background-attachment: fixed !important;
}


/* =========================================================
   CAM KIRMIZI HAREKETLI ISIK KATMANI
   ========================================================= */

body.site-body::before {
    content: "" !important;

    position: fixed !important;

    z-index: 0 !important;

    top: -25vh !important;
    left: -15vw !important;

    width: 70vw !important;
    height: 70vw !important;

    min-width: 650px !important;
    min-height: 650px !important;

    pointer-events: none !important;

    opacity: .72 !important;

    background:
        radial-gradient(
            circle,
            rgba(220, 48, 61, .22) 0%,
            rgba(171, 25, 36, .12) 33%,
            rgba(109, 13, 22, .04) 55%,
            transparent 70%
        ) !important;

    filter:
        blur(32px) !important;

    animation:
        fmRedGlassFloatOne
        15s
        ease-in-out
        infinite alternate !important;
}


/* IKINCI ISIK */

body.site-body::after {
    content: "" !important;

    position: fixed !important;

    z-index: 0 !important;

    right: -20vw !important;
    bottom: -35vh !important;

    width: 75vw !important;
    height: 75vw !important;

    min-width: 700px !important;
    min-height: 700px !important;

    pointer-events: none !important;

    opacity: .58 !important;

    background:
        radial-gradient(
            circle,
            rgba(185, 38, 51, .20) 0%,
            rgba(111, 16, 26, .10) 38%,
            transparent 70%
        ) !important;

    filter:
        blur(38px) !important;

    animation:
        fmRedGlassFloatTwo
        19s
        ease-in-out
        infinite alternate !important;
}


@keyframes fmRedGlassFloatOne {

    0% {
        transform:
            translate3d(
                -5vw,
                -4vh,
                0
            )
            scale(1);
    }

    50% {
        transform:
            translate3d(
                16vw,
                11vh,
                0
            )
            scale(1.10);
    }

    100% {
        transform:
            translate3d(
                4vw,
                25vh,
                0
            )
            scale(.94);
    }

}


@keyframes fmRedGlassFloatTwo {

    0% {
        transform:
            translate3d(
                4vw,
                7vh,
                0
            )
            scale(.95);
    }

    50% {
        transform:
            translate3d(
                -15vw,
                -11vh,
                0
            )
            scale(1.08);
    }

    100% {
        transform:
            translate3d(
                -5vw,
                -23vh,
                0
            )
            scale(1);
    }

}


/* =========================================================
   SAYFA ICERIGI EFEKTIN USTUNDE
   ========================================================= */

.site-header,
.fm-tv-banner,
.site-container,
.site-footer {
    position: relative !important;

    z-index: 2 !important;
}


/* =========================================================
   ICERIK ALANLARINDA CAM HISSI
   ========================================================= */

.hero,
.category-page-heading,
.fm-search-heading {
    background:
        linear-gradient(
            135deg,
            rgba(72, 13, 21, .62),
            rgba(24, 11, 15, .72)
        ) !important;

    border:
        1px solid rgba(220, 87, 96, .20) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 15px 35px rgba(0,0,0,.15) !important;

    backdrop-filter:
        blur(18px) saturate(115%) !important;

    -webkit-backdrop-filter:
        blur(18px) saturate(115%) !important;
}


/* =========================================================
   KARTLAR - KOYU CAM
   ========================================================= */

.channel-card,
.content-poster-card,
.fm-search-category-card,
.subcategory-card {
    background:
        linear-gradient(
            145deg,
            rgba(33, 20, 24, .82),
            rgba(17, 13, 16, .88)
        ) !important;

    border-color:
        rgba(194, 73, 82, .20) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 10px 28px rgba(0,0,0,.16) !important;

    backdrop-filter:
        blur(12px) !important;

    -webkit-backdrop-filter:
        blur(12px) !important;

    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease !important;
}


.channel-card:hover,
.content-poster-card:hover,
.fm-search-category-card:hover,
.subcategory-card:hover {
    background:
        linear-gradient(
            145deg,
            rgba(77, 22, 30, .90),
            rgba(29, 15, 20, .94)
        ) !important;

    border-color:
        rgba(225, 87, 98, .42) !important;

    box-shadow:
        0 14px 32px rgba(42, 5, 10, .26),
        inset 0 1px 0 rgba(255,255,255,.04) !important;

    transform:
        translateY(-2px) !important;
}


/* =========================================================
   YAZILAR
   ========================================================= */

.site-container > h1,
.site-container > h2,
.category-page-heading h1,
.category-section h2,
.section-title h2,
.fm-result-title h2 {
    color:
        #f7f7f7 !important;
}


.hero h1 {
    color:
        #ffffff !important;
}


.hero p,
.section-title span,
.fm-search-heading p {
    color:
        #b9b5b7 !important;
}


/* =========================================================
   ARAMA BASLIK PANELI
   ========================================================= */

.fm-search-heading {
    position: relative !important;

    overflow: hidden !important;
}


.fm-search-heading::after {
    content: "";

    position: absolute;

    top: 0;
    bottom: 0;

    left: -160px;

    width: 120px;

    pointer-events: none;

    background:
        linear-gradient(
            105deg,
            transparent,
            rgba(255,255,255,.08),
            transparent
        );

    transform:
        skewX(-18deg);

    animation:
        fmSearchGlassSweep
        8s
        ease-in-out
        infinite;
}


@keyframes fmSearchGlassSweep {

    0% {
        left: -160px;
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    75% {
        opacity: 1;
    }

    100% {
        left: calc(100% + 160px);
        opacity: 0;
    }

}


/* =========================================================
   EMPTY SEARCH
   ========================================================= */

.fm-search-empty {
    background:
        rgba(31, 16, 21, .80) !important;

    border:
        1px solid rgba(200, 75, 84, .20) !important;

    color:
        #aaa2a5 !important;

    backdrop-filter:
        blur(16px) !important;

    -webkit-backdrop-filter:
        blur(16px) !important;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 650px) {

    body.site-body::before {
        opacity: .52 !important;

        width: 110vw !important;
        height: 110vw !important;
    }


    body.site-body::after {
        opacity: .42 !important;

        width: 120vw !important;
        height: 120vw !important;
    }


    .fm-search-page .channel-card > img {
        max-width: 120px !important;

        height: 88px !important;
        max-height: 88px !important;
    }

}


/* Hareket tercihi */

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

    body.site-body::before,
    body.site-body::after,
    .fm-search-heading::after {
        animation:
            none !important;
    }

}


/* =========================================================
   FILMIZLE - PREMIUM BEYAZ CAM FOOTER
   ========================================================= */

.site-footer {
    position: relative !important;
    z-index: 5 !important;

    overflow: hidden !important;

    margin-top: 55px !important;

    color: #392b2e !important;

    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,.84) 0%,
            rgba(255,247,248,.76) 38%,
            rgba(255,255,255,.68) 68%,
            rgba(246,236,238,.76) 100%
        ) !important;

    border-top:
        1px solid rgba(255,255,255,.90) !important;

    box-shadow:
        0 -18px 55px rgba(65,8,16,.14),
        inset 0 1px 0 rgba(255,255,255,.92) !important;

    backdrop-filter:
        blur(26px) saturate(145%) !important;

    -webkit-backdrop-filter:
        blur(26px) saturate(145%) !important;
}


/* =========================================================
   FOOTER ARKASINDA KIRMIZI CAM LEKESI
   ========================================================= */

.site-footer::after {
    content: "";

    position: absolute;

    z-index: 0;

    width: 620px;
    height: 420px;

    left: -180px;
    top: -210px;

    pointer-events: none;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(185, 26, 39, .15) 0%,
            rgba(185, 26, 39, .06) 42%,
            transparent 72%
        );

    filter:
        blur(16px);

    animation:
        fmFooterRedGlow
        12s
        ease-in-out
        infinite alternate;
}


@keyframes fmFooterRedGlow {

    from {
        transform:
            translate3d(-30px, -10px, 0)
            scale(.95);
    }

    to {
        transform:
            translate3d(170px, 30px, 0)
            scale(1.10);
    }

}


/* =========================================================
   FOOTER UZERINDEN GECEN CAM ISIK
   ========================================================= */

.site-footer::before {
    content: "";

    position: absolute;

    z-index: 1;

    top: -40%;
    bottom: -40%;

    left: -260px;

    width: 160px;

    pointer-events: none;

    background:
        linear-gradient(
            105deg,
            transparent 0%,
            rgba(255,255,255,.04) 25%,
            rgba(255,255,255,.48) 50%,
            rgba(255,255,255,.08) 70%,
            transparent 100%
        );

    transform:
        skewX(-20deg);

    filter:
        blur(1px);

    animation:
        fmFooterGlassSweep
        9s
        ease-in-out
        infinite;
}


@keyframes fmFooterGlassSweep {

    0% {
        left: -260px;
        opacity: 0;
    }

    15% {
        opacity: 0;
    }

    25% {
        opacity: .9;
    }

    76% {
        opacity: .9;
    }

    100% {
        left: calc(100% + 260px);
        opacity: 0;
    }

}


/* ICERIK EFEKTLERIN USTUNDE */

.site-footer > * {
    position: relative !important;

    z-index: 3 !important;
}


/* =========================================================
   BASLIKLAR
   ========================================================= */

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer strong {
    color:
        #2d2023 !important;

    text-shadow:
        0 1px 0 rgba(255,255,255,.65) !important;
}


/* =========================================================
   NORMAL METIN
   ========================================================= */

.site-footer,
.site-footer p,
.site-footer span,
.site-footer small {
    color:
        #6e5c60 !important;
}


/* =========================================================
   LINKLER
   ========================================================= */

.site-footer a {
    color:
        #554247 !important;

    text-decoration:
        none !important;

    transition:
        color .16s ease,
        transform .16s ease !important;
}


.site-footer a:hover {
    color:
        #a31925 !important;
}


/* =========================================================
   LOGO
   ========================================================= */

.site-footer img {
    filter:
        drop-shadow(
            0 8px 20px rgba(84,16,23,.12)
        );
}


/* =========================================================
   ALT COPYRIGHT BOLUMU
   ========================================================= */

.footer-bottom,
.site-footer-bottom,
.footer-copy,
.footer-copyright {
    position: relative !important;

    z-index: 3 !important;

    background:
        rgba(255,255,255,.28) !important;

    border-top:
        1px solid rgba(107,70,76,.15) !important;

    color:
        #725f63 !important;

    backdrop-filter:
        blur(12px) !important;

    -webkit-backdrop-filter:
        blur(12px) !important;
}


/* =========================================================
   FOOTER KOLONLARI
   Hafif cam ayirma efekti
   ========================================================= */

.site-footer nav,
.site-footer section {
    position:
        relative !important;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 700px) {

    .site-footer {
        margin-top:
            35px !important;

        background:
            rgba(255,250,251,.82) !important;

        backdrop-filter:
            blur(20px) !important;

        -webkit-backdrop-filter:
            blur(20px) !important;
    }


    .site-footer::after {
        width: 430px;
        height: 350px;

        opacity: .75;
    }

}


/* HAREKET AZALTMA */

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

    .site-footer::before,
    .site-footer::after {
        animation:
            none !important;
    }

}


/* =========================================================
   FILMIZLE ANA SAYFA CMS - FINAL LAYOUT FIX
   ========================================================= */

/* ---------------------------------------------------------
   ANA SAYFA 3 KOLON
   REKLAMLAR ASLA ICERIGIN USTUNE BINMESIN
   --------------------------------------------------------- */

.home-page-container {
    width: calc(100% - 24px) !important;
    max-width: 1420px !important;

    margin: 0 auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


.home-ad-layout {
    width: 100% !important;

    display: grid !important;

    grid-template-columns:
        170px
        minmax(0, 1fr)
        170px !important;

    gap: 18px !important;

    align-items: start !important;

    box-sizing: border-box !important;
}


.home-main-column {
    width: 100% !important;

    min-width: 0 !important;
    max-width: none !important;

    overflow: hidden !important;
}


.home-side-ad {
    width: 170px !important;

    min-width: 0 !important;
    max-width: 170px !important;

    overflow: hidden !important;
}


.home-side-ad-sticky {
    position: sticky !important;

    top: 14px !important;

    width: 100% !important;

    z-index: 25 !important;
}


.home-side-ad .ad-slot {
    width: 100% !important;

    min-width: 0 !important;
    max-width: 100% !important;

    min-height: 560px !important;

    margin: 0 !important;

    padding: 10px !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


.home-side-ad .ad-slot img,
.home-side-ad .ad-slot video,
.home-side-ad .ad-slot iframe {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;

    object-fit: contain !important;
}


/* ---------------------------------------------------------
   BANNER - TASMA KESIN FIX
   --------------------------------------------------------- */

.home-main-banner,
.fm-home-banner-block {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 18px 0 26px !important;

    padding: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    border-radius: 8px !important;
}


.home-main-banner img,
.fm-home-banner-block img,
.fm-home-banner-link img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    max-height: none !important;

    margin: 0 !important;

    object-fit: contain !important;
    object-position: center !important;
}


.fm-home-banner-link {
    display: block !important;

    width: 100% !important;

    overflow: hidden !important;
}


/* ---------------------------------------------------------
   ANA SAYFA BLOKLARI
   --------------------------------------------------------- */

.fm-home-block {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    min-width: 0 !important;

    margin: 0 0 34px !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


.fm-home-block-head {
    width: 100% !important;

    min-height: 52px !important;

    margin-bottom: 14px !important;

    display: flex !important;

    align-items: flex-end !important;
    justify-content: space-between !important;

    gap: 15px !important;

    border-bottom:
        1px solid rgba(217,65,76,.25) !important;
}


.fm-home-block-head h2 {
    margin:
        3px 0 11px !important;

    color: #fff !important;

    font-size: 20px !important;
    line-height: 1.2 !important;

    font-weight: 850 !important;
}


.fm-home-block-kicker {
    display: block !important;

    color: #e17078 !important;

    font-size: 9px !important;
    font-weight: 900 !important;

    letter-spacing: 1.3px !important;
}


/* ---------------------------------------------------------
   SLIDER
   --------------------------------------------------------- */

.fm-home-rail {
    width: 100% !important;

    min-width: 0 !important;

    display: flex !important;

    align-items: stretch !important;

    gap: 13px !important;

    padding:
        3px 2px 12px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-behavior: smooth !important;

    scrollbar-width: none !important;

    box-sizing: border-box !important;
}


.fm-home-rail::-webkit-scrollbar {
    display: none !important;
}


/* ---------------------------------------------------------
   FILM / DIZI KARTI
   --------------------------------------------------------- */

.fm-home-poster-card {
    flex:
        0 0 176px !important;

    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;

    overflow: hidden !important;

    border-radius: 8px !important;

    box-sizing: border-box !important;
}


.fm-home-poster-image {
    position: relative !important;

    width: 100% !important;
    height: 264px !important;

    overflow: hidden !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    background:
        rgba(10,7,9,.88) !important;
}


.fm-home-poster-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: 100% !important;
    max-height: 100% !important;

    object-fit: cover !important;

    object-position: center !important;
}


.fm-home-poster-info {
    width: 100% !important;

    padding:
        11px 11px 13px !important;

    box-sizing: border-box !important;
}


.fm-home-poster-info strong {
    display: block !important;

    width: 100% !important;

    overflow: hidden !important;

    white-space: nowrap !important;

    text-overflow: ellipsis !important;

    font-size: 12px !important;
}


.fm-home-poster-info span {
    display: block !important;

    margin-top: 5px !important;

    overflow: hidden !important;

    white-space: nowrap !important;

    text-overflow: ellipsis !important;

    font-size: 9px !important;
}


/* ---------------------------------------------------------
   CANLI TV SLIDER
   --------------------------------------------------------- */

.fm-home-channel-rail {
    align-items: stretch !important;
}


.fm-home-channel-card {
    flex:
        0 0 205px !important;

    width: 205px !important;
    min-width: 205px !important;
    max-width: 205px !important;

    overflow: hidden !important;

    padding: 0 0 13px !important;

    border-radius: 8px !important;

    box-sizing: border-box !important;

    text-decoration: none !important;
}


.fm-home-channel-image {
    position: relative !important;

    width: 100% !important;
    height: 128px !important;

    padding: 14px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;

    background:
        rgba(12,8,10,.88) !important;

    box-sizing: border-box !important;
}


.fm-home-channel-image img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 165px !important;
    max-height: 95px !important;

    object-fit: contain !important;

    object-position: center !important;
}


.fm-home-channel-image > span {
    font-size: 40px !important;

    line-height: 1 !important;
}


.fm-home-channel-image i {
    position: absolute !important;

    top: 8px !important;
    right: 8px !important;

    z-index: 3 !important;

    padding:
        4px 7px !important;

    background:
        #a81720 !important;

    border:
        1px solid #cf414a !important;

    border-radius: 4px !important;

    color: #fff !important;

    font-size: 8px !important;
    font-weight: 900 !important;

    font-style: normal !important;

    letter-spacing: .6px !important;
}


.fm-home-channel-card > strong {
    display: block !important;

    width: calc(100% - 22px) !important;

    margin:
        11px 11px 0 !important;

    overflow: hidden !important;

    white-space: nowrap !important;

    text-overflow: ellipsis !important;

    color: #fff !important;

    font-size: 12px !important;
}


.fm-home-channel-card > small {
    display: block !important;

    width: calc(100% - 22px) !important;

    margin:
        5px 11px 0 !important;

    overflow: hidden !important;

    white-space: nowrap !important;

    text-overflow: ellipsis !important;

    color:
        rgba(255,255,255,.58) !important;

    font-size: 9px !important;
}


/* ---------------------------------------------------------
   OK BUTONLARI
   --------------------------------------------------------- */

.fm-home-slider-controls {
    display: flex !important;

    align-items: center !important;

    gap: 6px !important;

    padding-bottom: 9px !important;
}


.fm-home-slide-button {
    width: 34px !important;
    height: 34px !important;

    min-width: 34px !important;

    padding: 0 !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;

    font-size: 22px !important;
    line-height: 1 !important;
}


/* =========================================================
   1200 PX CIVARI
   ========================================================= */

@media (max-width: 1280px) {

    .home-page-container {
        width:
            calc(100% - 16px) !important;
    }


    .home-ad-layout {
        grid-template-columns:
            120px
            minmax(0, 1fr)
            120px !important;

        gap: 10px !important;
    }


    .home-side-ad {
        width: 120px !important;
        max-width: 120px !important;
    }


    .home-side-ad .ad-slot {
        min-height: 480px !important;

        padding: 7px !important;
    }


    .fm-home-poster-card {
        flex-basis: 165px !important;

        width: 165px !important;
        min-width: 165px !important;
        max-width: 165px !important;
    }


    .fm-home-poster-image {
        height: 247px !important;
    }


    .fm-home-channel-card {
        flex-basis: 190px !important;

        width: 190px !important;
        min-width: 190px !important;
        max-width: 190px !important;
    }

}


/* =========================================================
   TABLET / MOBIL
   Yan reklamlar kapanir.
   ========================================================= */

@media (max-width: 950px) {

    .home-ad-layout {
        display: block !important;
    }


    .home-side-ad {
        display: none !important;
    }


    .home-main-column {
        width: 100% !important;

        max-width: 100% !important;
    }

}


@media (max-width: 600px) {

    .home-page-container {
        width:
            calc(100% - 14px) !important;
    }


    .fm-home-poster-card {
        flex-basis: 145px !important;

        width: 145px !important;
        min-width: 145px !important;
        max-width: 145px !important;
    }


    .fm-home-poster-image {
        height: 217px !important;
    }


    .fm-home-channel-card {
        flex-basis: 175px !important;

        width: 175px !important;
        min-width: 175px !important;
        max-width: 175px !important;
    }


    .fm-home-channel-image {
        height: 112px !important;
    }


    .fm-home-channel-image img {
        max-width: 145px !important;
        max-height: 82px !important;
    }


    .fm-home-block-head h2 {
        font-size: 17px !important;
    }

}


/* =========================================================
   ADMIN - ANA SAYFA BLOK SIRALAMA PREMIUM FINAL
   ========================================================= */

.home-block-create-panel {
    max-width: 1050px !important;

    margin-bottom: 28px !important;
}


.home-block-admin-list {
    width: 100% !important;
    max-width: 1050px !important;

    display: flex !important;

    flex-direction: column !important;

    gap: 9px !important;

    margin-top: 20px !important;
}


.home-block-admin-row {
    position: relative !important;

    width: 100% !important;

    min-height: 64px !important;

    padding:
        10px 12px 10px 58px !important;

    background:
        linear-gradient(
            135deg,
            #111922,
            #16212c
        ) !important;

    border:
        1px solid #2d3c49 !important;

    border-radius: 7px !important;

    box-shadow:
        0 6px 18px rgba(0,0,0,.10) !important;

    box-sizing: border-box !important;

    transition:
        border-color .15s ease,
        transform .15s ease,
        opacity .15s ease !important;
}


.home-block-admin-row:hover {
    border-color:
        #496171 !important;
}


.home-block-admin-row.dragging {
    opacity: .45 !important;

    transform:
        scale(.99) !important;

    border-color:
        #b02a34 !important;
}


/* SURUKLEME TUTACAGI */

.home-block-drag {
    position: absolute !important;

    top: 10px !important;
    left: 10px !important;

    width: 38px !important;
    height: 42px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    background:
        #202d38 !important;

    border:
        1px solid #3b4c59 !important;

    border-radius: 6px !important;

    color:
        #c5d0d7 !important;

    font-size: 18px !important;

    cursor: grab !important;

    user-select: none !important;
}


.home-block-drag:active {
    cursor:
        grabbing !important;

    background:
        #79202a !important;

    border-color:
        #a93a44 !important;
}


/* BLOK BASLIGI */

.home-block-admin-head {
    min-height: 42px !important;

    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 16px !important;
}


.home-block-admin-head > div {
    min-width: 0 !important;
}


.home-block-admin-head strong {
    display: block !important;

    overflow: hidden !important;

    color:
        #f3f6f8 !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    white-space: nowrap !important;

    text-overflow:
        ellipsis !important;
}


.home-block-admin-head span:not(.status) {
    display: block !important;

    margin-top: 4px !important;

    color:
        #8999a5 !important;

    font-size: 9px !important;

    text-transform:
        uppercase !important;

    letter-spacing:
        .35px !important;
}


.home-block-admin-row .status {
    flex: 0 0 auto !important;

    margin: 0 !important;
}


/* DUZENLE AC / KAPA */

.home-block-admin-row details {
    margin-top: 7px !important;
}


.home-block-admin-row summary {
    display: inline-flex !important;

    align-items: center !important;

    min-height: 28px !important;

    padding:
        0 9px !important;

    background:
        #1b2731 !important;

    border:
        1px solid #354653 !important;

    border-radius:
        5px !important;

    color:
        #aebac3 !important;

    font-size:
        10px !important;

    cursor:
        pointer !important;

    list-style:
        none !important;
}


.home-block-admin-row summary::-webkit-details-marker {
    display: none !important;
}


.home-block-admin-row summary::before {
    content:
        "▸" !important;

    margin-right:
        6px !important;

    transition:
        transform .15s ease !important;
}


.home-block-admin-row details[open] summary::before {
    transform:
        rotate(90deg) !important;
}


.home-block-admin-row details[open] {
    margin-top:
        12px !important;

    padding-top:
        12px !important;

    border-top:
        1px solid #293743 !important;
}


/* FORM */

.home-block-form-grid {
    display: grid !important;

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

    gap:
        12px !important;
}


.home-block-form-grid .hb-full {
    grid-column:
        1 / -1 !important;
}


.home-block-form-grid label {
    display: block !important;

    margin-bottom:
        5px !important;

    font-size:
        10px !important;

    font-weight:
        700 !important;
}


.home-block-form-grid input,
.home-block-form-grid select {
    width: 100% !important;

    box-sizing:
        border-box !important;
}


.home-block-checks {
    display: flex !important;

    flex-wrap: wrap !important;

    gap:
        18px !important;

    margin:
        15px 0 !important;
}


.home-block-admin-preview img {
    max-width:
        320px !important;

    max-height:
        130px !important;

    object-fit:
        contain !important;
}


@media (max-width: 950px) {

    .home-block-form-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            ) !important;
    }

}


@media (max-width: 650px) {

    .home-block-form-grid {
        grid-template-columns:
            1fr !important;
    }


    .home-block-form-grid .hb-full {
        grid-column:
            auto !important;
    }


    .home-block-admin-row {
        padding:
            9px 9px 9px 52px !important;
    }

}


/* =========================================================
   HEADER / KATEGORI DROPDOWN Z-INDEX FINAL FIX
   ========================================================= */

/* HEADER HER ZAMAN SAYFANIN USTUNDE */

.site-header {
    position: relative !important;

    z-index: 10000 !important;

    overflow: visible !important;

    isolation: auto !important;
}


/* TV UST BANDI */

.fm-tv-banner {
    position: relative !important;

    z-index: 10001 !important;
}


/* HEADER ANA SATIR */

.site-header-inner {
    position: relative !important;

    z-index: 10002 !important;

    overflow: visible !important;
}


/* KATEGORI BARI */

.header-category-bar {
    position: relative !important;

    z-index: 10020 !important;

    overflow: visible !important;
}


.header-category-inner {
    position: relative !important;

    z-index: 10021 !important;

    overflow: visible !important;
}


/* CANLI TV VB ANA ELEMAN */

.header-category-item {
    position: relative !important;

    z-index: 10022 !important;

    overflow: visible !important;
}


/* ACILAN ALT KATEGORI */

.header-category-dropdown {
    position: absolute !important;

    z-index: 20000 !important;

    top: 100% !important;

    margin-top: 0 !important;

    overflow: auto !important;

    max-height:
        min(
            70vh,
            620px
        ) !important;
}


/* HOVER / FOCUS SIRASINDA EN USTE CIK */

.header-category-item:hover,
.header-category-item:focus-within,
.header-category-item.open {
    z-index: 20001 !important;
}


.header-category-item:hover
.header-category-dropdown,
.header-category-item:focus-within
.header-category-dropdown,
.header-category-item.open
.header-category-dropdown {
    z-index: 20002 !important;
}


/* =========================================================
   ANA SAYFA HEADERIN ALTINDA KALSIN
   ========================================================= */

.site-container,
.home-page-container {
    position: relative !important;

    z-index: 1 !important;
}


.home-ad-layout {
    position: relative !important;

    z-index: 1 !important;
}


.home-main-column {
    position: relative !important;

    z-index: 1 !important;
}


/* STICKY REKLAMLAR HEADERDAN DUSUK */

.home-side-ad {
    z-index: 5 !important;
}


.home-side-ad-sticky {
    z-index: 6 !important;
}


.home-side-ad .ad-slot {
    position: relative !important;

    z-index: 6 !important;
}


/* BANNER HEADERIN USTUNE CIKMASIN */

.home-main-banner,
.fm-home-banner-block,
.fm-home-block {
    position: relative !important;

    z-index: 1 !important;
}


/* =========================================================
   DROPDOWN ICERIGI
   ========================================================= */

.header-category-dropdown a {
    position: relative !important;

    z-index: 1 !important;
}


/* MASAUSTUNDE DROPDOWN KESILMESIN */

@media (min-width: 951px) {

    .header-category-inner {
        overflow:
            visible !important;
    }

}


/* MOBILDE YATAY KATEGORI BARINI KORU */

@media (max-width: 950px) {

    .header-category-bar {
        overflow:
            visible !important;
    }


    .header-category-dropdown {
        max-height:
            60vh !important;

        overflow-y:
            auto !important;
    }

}


/* =========================================================
   NETFLIX TARZI ANA SAYFA FINAL
   ========================================================= */

/* Başlık üstü küçük yapay görünen yazıları kaldır */
.fm-home-block-kicker {
    display: none !important;
}


/* Ana sayfa blokları daha sade olsun */
.fm-home-block {
    margin: 0 0 42px !important;
}

.fm-home-block-head {
    min-height: auto !important;
    margin-bottom: 16px !important;
    padding-bottom: 10px !important;

    border-bottom: none !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.fm-home-block-head h2 {
    margin: 0 !important;

    color: #ffffff !important;

    font-size: 31px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;

    letter-spacing: -.6px !important;
}


/* Ok tuşları daha sade / premium */
.fm-home-slider-controls {
    gap: 8px !important;
    padding-bottom: 0 !important;
}

.fm-home-slide-button {
    width: 38px !important;
    height: 38px !important;

    border-radius: 6px !important;

    background: rgba(20,20,20,.82) !important;
    border: 1px solid rgba(255,255,255,.10) !important;

    color: #fff !important;

    font-size: 24px !important;

    box-shadow: 0 8px 18px rgba(0,0,0,.18) !important;
}

.fm-home-slide-button:hover {
    background: #b20710 !important;
    border-color: #cf111b !important;
}


/* Slider ray */
.fm-home-rail {
    gap: 12px !important;
    padding: 4px 2px 14px !important;
}


/* =========================================================
   FILM / DIZI KARTLARI - NETFLIX
   ========================================================= */

.fm-home-poster-card {
    flex: 0 0 220px !important;

    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;

    background: #141414 !important;

    border: none !important;
    border-radius: 6px !important;

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

    overflow: hidden !important;

    transform: translateZ(0) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        z-index .22s ease !important;
}

.fm-home-poster-card:hover {
    transform: scale(1.06) translateY(-4px) !important;

    box-shadow:
        0 18px 38px rgba(0,0,0,.40) !important;

    z-index: 12 !important;
}

.fm-home-poster-image {
    height: 330px !important;

    background: #0d0d0d !important;
}

.fm-home-poster-image img {
    object-fit: cover !important;
}

.fm-home-poster-image::after {
    height: 42% !important;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.92),
            rgba(0,0,0,.18),
            transparent
        ) !important;
}

.fm-home-poster-image em {
    left: 10px !important;
    bottom: 10px !important;

    background: rgba(0,0,0,.78) !important;
    border: 1px solid rgba(255,255,255,.14) !important;

    color: #fff !important;

    font-size: 10px !important;
    font-weight: 800 !important;
}

.fm-home-poster-info {
    padding: 12px 12px 14px !important;

    background:
        linear-gradient(
            180deg,
            #181818 0%,
            #121212 100%
        ) !important;
}

.fm-home-poster-info strong {
    font-size: 14px !important;
    font-weight: 800 !important;

    color: #ffffff !important;
}

.fm-home-poster-info span {
    margin-top: 6px !important;

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

    font-size: 10px !important;
}


/* =========================================================
   CANLI TV KARTLARI - NETFLIX
   ========================================================= */

.fm-home-channel-card {
    flex: 0 0 235px !important;

    width: 235px !important;
    min-width: 235px !important;
    max-width: 235px !important;

    background: #141414 !important;

    border: none !important;
    border-radius: 6px !important;

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

    overflow: hidden !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease !important;
}

.fm-home-channel-card:hover {
    transform: scale(1.05) translateY(-4px) !important;

    box-shadow:
        0 18px 38px rgba(0,0,0,.40) !important;
}

.fm-home-channel-image {
    height: 145px !important;

    background:
        linear-gradient(
            180deg,
            #101010 0%,
            #171717 100%
        ) !important;

    border-bottom:
        1px solid rgba(255,255,255,.05) !important;
}

.fm-home-channel-image img {
    max-width: 175px !important;
    max-height: 100px !important;

    object-fit: contain !important;
}

.fm-home-channel-image i {
    top: 10px !important;
    right: 10px !important;

    background: #e50914 !important;
    border: none !important;

    border-radius: 999px !important;

    padding: 5px 8px !important;

    font-size: 9px !important;
    letter-spacing: .5px !important;
}

.fm-home-channel-card > strong {
    margin: 12px 12px 0 !important;

    color: #fff !important;

    font-size: 14px !important;
    font-weight: 800 !important;
}

.fm-home-channel-card > small {
    margin: 6px 12px 0 !important;

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

    font-size: 10px !important;
}


/* =========================================================
   BANNER - netflix gibi daha temiz
   ========================================================= */

.fm-home-banner-block,
.home-main-banner {
    margin: 18px 0 30px !important;

    border-radius: 8px !important;

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


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 900px) {

    .fm-home-block-head h2 {
        font-size: 24px !important;
    }

    .fm-home-poster-card {
        flex-basis: 180px !important;

        width: 180px !important;
        min-width: 180px !important;
        max-width: 180px !important;
    }

    .fm-home-poster-image {
        height: 270px !important;
    }

    .fm-home-channel-card {
        flex-basis: 200px !important;

        width: 200px !important;
        min-width: 200px !important;
        max-width: 200px !important;
    }

    .fm-home-channel-image {
        height: 126px !important;
    }

}

@media (max-width: 600px) {

    .fm-home-block-head h2 {
        font-size: 20px !important;
    }

    .fm-home-poster-card {
        flex-basis: 155px !important;

        width: 155px !important;
        min-width: 155px !important;
        max-width: 155px !important;
    }

    .fm-home-poster-image {
        height: 232px !important;
    }

    .fm-home-channel-card {
        flex-basis: 175px !important;

        width: 175px !important;
        min-width: 175px !important;
        max-width: 175px !important;
    }

    .fm-home-channel-image {
        height: 112px !important;
    }

}


/* =========================================================
   FILMIZLE - NETFLIX BENZERI ANA SAYFA V2
   ========================================================= */

/* Yapay kicker tamamen yok */
.fm-home-block-kicker {
    display: none !important;
}


/* =========================================================
   STICKY REKLAMLAR - KORU
   ========================================================= */

.home-page .home-page-container,
.home-page .home-ad-layout {
    overflow: visible !important;
}

.home-page .home-ad-layout {
    align-items: stretch !important;
}

.home-page .home-side-ad {
    position: relative !important;

    align-self: stretch !important;

    overflow: visible !important;
}

.home-page .home-side-ad-sticky {
    position: sticky !important;

    top: 14px !important;

    z-index: 25 !important;
}


/* =========================================================
   HERO
   ========================================================= */

.fm-netflix-hero {
    position: relative;

    width: 100%;
    min-height: 470px;

    margin: 18px 0 40px;

    overflow: hidden;

    border-radius: 10px;

    background:
        #12080b;

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

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


.fm-netflix-hero-image {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center;
}


.fm-netflix-hero-shade {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(9,5,7,.98) 0%,
            rgba(12,6,9,.85) 30%,
            rgba(13,7,9,.42) 59%,
            rgba(13,7,9,.08) 78%
        ),
        linear-gradient(
            0deg,
            rgba(13,5,8,.92) 0%,
            transparent 42%
        );
}


.fm-netflix-hero-content {
    position: relative;

    z-index: 2;

    width: min(57%, 590px);

    padding:
        92px 44px 60px;
}


.fm-netflix-hero-meta {
    display: flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 12px;

    color:
        #ddd;

    font-size: 11px;
    font-weight: 700;
}


.fm-netflix-hero-meta span {
    width: 4px;
    height: 4px;

    border-radius: 50%;

    background:
        #e50914;
}


.fm-netflix-hero h1 {
    margin: 0;

    color: #fff !important;

    font-size:
        clamp(
            38px,
            5vw,
            62px
        );

    line-height: .98;

    font-weight: 950;

    letter-spacing: -1.6px;

    text-shadow:
        0 5px 22px rgba(0,0,0,.50);
}


.fm-netflix-hero p {
    max-width: 520px;

    margin:
        20px 0 0;

    color:
        rgba(255,255,255,.80) !important;

    font-size: 14px;
    line-height: 1.65;
}


.fm-netflix-hero-actions {
    display: flex;

    flex-wrap: wrap;

    gap: 9px;

    margin-top: 25px;
}


.fm-hero-primary,
.fm-hero-secondary {
    min-height: 44px;

    padding:
        0 18px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    border-radius: 5px;

    text-decoration: none;

    font-size: 13px;
    font-weight: 850;
}


.fm-hero-primary {
    color: #111 !important;

    background:
        #fff !important;
}


.fm-hero-primary:hover {
    background:
        #dedede !important;
}


.fm-hero-secondary {
    color:
        #fff !important;

    background:
        rgba(70,70,70,.74) !important;

    backdrop-filter:
        blur(12px);
}


.fm-hero-secondary:hover {
    background:
        rgba(90,90,90,.88) !important;
}


/* =========================================================
   SATIR BASLIKLARI
   ========================================================= */

.fm-home-block {
    margin:
        0 0 43px !important;
}


.fm-home-block-head {
    min-height: 46px !important;

    margin:
        0 0 10px !important;

    padding: 0 !important;

    border: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;
}


.fm-home-block-head h2 {
    margin: 0 !important;

    color:
        #f4f4f4 !important;

    font-size:
        24px !important;

    line-height: 1.15 !important;

    font-weight:
        850 !important;

    letter-spacing:
        -.45px !important;
}


/* =========================================================
   KARTLAR
   ========================================================= */

.fm-home-rail {
    gap: 11px !important;

    padding:
        9px 5px 17px !important;
}


.fm-home-poster-card {
    position: relative !important;

    flex:
        0 0 205px !important;

    width: 205px !important;
    min-width: 205px !important;
    max-width: 205px !important;

    overflow: hidden !important;

    background:
        #151515 !important;

    border:
        1px solid rgba(255,255,255,.055) !important;

    border-radius:
        7px !important;

    box-shadow:
        0 11px 28px rgba(0,0,0,.24) !important;

    transform:
        translateZ(0) scale(1) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease !important;
}


.fm-home-poster-card:hover {
    z-index:
        20 !important;

    transform:
        translateY(-4px)
        scale(1.045) !important;

    border-color:
        rgba(229,9,20,.50) !important;

    box-shadow:
        0 21px 43px rgba(0,0,0,.42) !important;
}


.fm-home-poster-image {
    position: relative !important;

    width: 100% !important;
    height: 307px !important;

    overflow: hidden !important;

    background:
        #0d0d0d !important;
}


.fm-home-poster-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    transition:
        transform .35s ease !important;
}


.fm-home-poster-card:hover
.fm-home-poster-image img {
    transform:
        scale(1.045) !important;
}


/* =========================================================
   HOVER BILGI PANELI
   ========================================================= */

.fm-home-hover-info {
    position: absolute;

    z-index: 5;

    left: 0;
    right: 0;
    bottom: 0;

    min-height: 46%;

    padding:
        50px 13px 14px;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    background:
        linear-gradient(
            to top,
            rgba(10,10,10,.99) 0%,
            rgba(10,10,10,.94) 44%,
            rgba(10,10,10,.12) 100%
        );

    opacity: 0;

    transform:
        translateY(14px);

    transition:
        opacity .20s ease,
        transform .20s ease;
}


.fm-home-poster-card:hover
.fm-home-hover-info,
.fm-home-channel-card:hover
.fm-home-hover-info {
    opacity: 1;

    transform:
        translateY(0);
}


.fm-home-hover-info strong {
    color:
        #fff !important;

    font-size:
        13px;

    line-height:
        1.25;
}


.fm-home-hover-meta {
    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 7px;

    margin-top:
        7px;

    color:
        #d1d1d1;

    font-size:
        9px;
}


.fm-home-hover-meta b {
    color:
        #69d38b;

    font-weight:
        800;
}


.fm-home-hover-info p {
    margin:
        8px 0 0;

    color:
        rgba(255,255,255,.69) !important;

    font-size:
        9px;

    line-height:
        1.45;
}


.fm-home-hover-info small {
    margin-top:
        7px;

    color:
        rgba(255,255,255,.52) !important;

    font-size:
        8px;
}


/* normal alt bilgi */

.fm-home-poster-info {
    padding:
        11px 12px 13px !important;

    background:
        #151515 !important;
}


.fm-home-poster-info strong {
    font-size:
        13px !important;
}


.fm-home-poster-info span {
    color:
        rgba(255,255,255,.48) !important;

    font-size:
        9px !important;
}


/* =========================================================
   CANLI TV
   ========================================================= */

.fm-home-channel-card {
    position: relative !important;

    flex:
        0 0 230px !important;

    width: 230px !important;
    min-width: 230px !important;
    max-width: 230px !important;

    overflow: hidden !important;

    background:
        #151515 !important;

    border:
        1px solid rgba(255,255,255,.055) !important;

    border-radius:
        7px !important;

    box-shadow:
        0 11px 28px rgba(0,0,0,.24) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease !important;
}


.fm-home-channel-card:hover {
    transform:
        translateY(-4px)
        scale(1.045) !important;

    border-color:
        rgba(229,9,20,.50) !important;

    box-shadow:
        0 21px 43px rgba(0,0,0,.42) !important;
}


.fm-home-channel-image {
    position: relative !important;

    height: 145px !important;

    overflow: hidden !important;

    background:
        linear-gradient(
            145deg,
            #101010,
            #1c1c1c
        ) !important;
}


.fm-home-channel-image img {
    max-width:
        175px !important;

    max-height:
        105px !important;

    object-fit:
        contain !important;
}


.fm-home-channel-hover {
    min-height:
        72%;

    padding-top:
        36px;
}


/* CANLI etiketi */

.fm-home-channel-image i {
    background:
        #e50914 !important;

    border:
        0 !important;

    border-radius:
        4px !important;
}


/* =========================================================
   OKLAR
   ========================================================= */

.fm-home-slide-button {
    width:
        36px !important;

    height:
        36px !important;

    border-radius:
        50% !important;

    background:
        rgba(20,20,20,.78) !important;

    border:
        1px solid rgba(255,255,255,.14) !important;
}


.fm-home-slide-button:hover {
    background:
        #e50914 !important;

    border-color:
        #e50914 !important;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 950px) {

    .fm-netflix-hero {
        min-height:
            410px;
    }


    .fm-netflix-hero-content {
        width:
            74%;

        padding:
            75px 28px 45px;
    }


    .fm-netflix-hero h1 {
        font-size:
            42px;
    }

}


@media (max-width: 600px) {

    .fm-netflix-hero {
        min-height:
            380px;

        margin-bottom:
            28px;
    }


    .fm-netflix-hero-shade {
        background:
            linear-gradient(
                0deg,
                rgba(8,5,6,.98) 0%,
                rgba(8,5,6,.82) 47%,
                rgba(8,5,6,.15) 100%
            );
    }


    .fm-netflix-hero-content {
        width:
            auto;

        position:
            absolute;

        left: 0;
        right: 0;
        bottom: 0;

        padding:
            28px 20px;
    }


    .fm-netflix-hero h1 {
        font-size:
            32px;
    }


    .fm-netflix-hero p {
        font-size:
            11px;

        line-height:
            1.5;
    }


    .fm-home-block-head h2 {
        font-size:
            19px !important;
    }


    .fm-home-poster-card {
        flex-basis:
            158px !important;

        width:
            158px !important;

        min-width:
            158px !important;

        max-width:
            158px !important;
    }


    .fm-home-poster-image {
        height:
            237px !important;
    }


    .fm-home-channel-card {
        flex-basis:
            180px !important;

        width:
            180px !important;

        min-width:
            180px !important;

        max-width:
            180px !important;
    }


    .fm-home-channel-image {
        height:
            115px !important;
    }

}


/* =========================================================
   CANLI TV - NETFLIX HOVER BILGI PANELI FINAL
   ========================================================= */

.fm-home-channel-card {
    position: relative !important;

    overflow: visible !important;
}


.fm-home-channel-image {
    position: relative !important;

    overflow: hidden !important;
}


/* Kanal logosu normal durumda */

.fm-home-channel-image > img {
    position: relative !important;

    z-index: 1 !important;

    transition:
        transform .28s ease,
        filter .28s ease,
        opacity .28s ease !important;
}


/* CANLI etiketi */

.fm-home-channel-image > i {
    z-index: 30 !important;

    transition:
        opacity .18s ease !important;
}


/* =========================================================
   HOVER PANEL
   ========================================================= */

.fm-home-channel-hover {
    position: absolute !important;

    z-index: 20 !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 0 !important;

    padding:
        18px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;
    justify-content: flex-end !important;

    box-sizing: border-box !important;

    background:
        linear-gradient(
            180deg,
            rgba(10,10,10,.16) 0%,
            rgba(10,10,10,.70) 44%,
            rgba(7,7,7,.98) 100%
        ) !important;

    opacity: 0 !important;

    visibility: hidden !important;

    transform:
        translateY(10px) !important;

    pointer-events: none !important;

    transition:
        opacity .20s ease,
        visibility .20s ease,
        transform .20s ease !important;
}


/* Hover / klavye focus */

.fm-home-channel-card:hover
.fm-home-channel-hover,
.fm-home-channel-card:focus
.fm-home-channel-hover,
.fm-home-channel-card:focus-within
.fm-home-channel-hover {
    opacity: 1 !important;

    visibility: visible !important;

    transform:
        translateY(0) !important;
}


/* Hover sırasında logo biraz geri düşsün */

.fm-home-channel-card:hover
.fm-home-channel-image > img,
.fm-home-channel-card:focus
.fm-home-channel-image > img {
    transform:
        scale(1.08) !important;

    filter:
        brightness(.46) !important;
}


/* CANLI etiketi hover sırasında kaybolmasın */

.fm-home-channel-card:hover
.fm-home-channel-image > i {
    opacity: 1 !important;
}


/* Bilgi başlığı */

.fm-home-channel-hover strong {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    color:
        #ffffff !important;

    font-size:
        16px !important;

    line-height:
        1.15 !important;

    font-weight:
        850 !important;

    white-space:
        normal !important;

    overflow:
        visible !important;
}


/* Kategori */

.fm-home-channel-hover p {
    margin:
        7px 0 0 !important;

    color:
        rgba(255,255,255,.76) !important;

    font-size:
        10px !important;

    line-height:
        1.4 !important;
}


/* İzlenme */

.fm-home-channel-hover small {
    margin-top:
        7px !important;

    color:
        rgba(255,255,255,.55) !important;

    font-size:
        9px !important;
}


/* Netflix benzeri alt kırmızı vurgu */

.fm-home-channel-hover::after {
    content: "";

    position: absolute;

    left: 18px;
    bottom: 8px;

    width: 32px;
    height: 2px;

    background:
        #e50914;

    border-radius:
        2px;

    box-shadow:
        0 0 10px rgba(229,9,20,.40);
}


/* =========================================================
   BANNER KESIN GORUNSUN
   ========================================================= */

.fm-home-banner-block {
    display: block !important;

    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    margin:
        18px 0 28px !important;

    overflow: hidden !important;

    border-radius:
        8px !important;
}


.fm-home-banner-block img,
.fm-home-banner-link img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;

    object-fit:
        contain !important;

    opacity:
        1 !important;

    visibility:
        visible !important;
}


/* Mobilde hover yerine dokunma/focus desteği */

@media (hover: none) {

    .fm-home-channel-card:focus
    .fm-home-channel-hover,
    .fm-home-channel-card:focus-within
    .fm-home-channel-hover {
        opacity: 1 !important;

        visibility: visible !important;
    }

}


/* =========================================================
   CANLI TV NETFLIX HOVER - KESIN FINAL
   ========================================================= */

.fm-home-channel-card {
    position: relative !important;

    overflow: hidden !important;

    text-decoration: none !important;
}


/* =========================================================
   GORSEL
   ========================================================= */

.fm-home-channel-image {
    position: relative !important;

    width: 100% !important;
    height: 145px !important;

    overflow: hidden !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    background:
        linear-gradient(
            145deg,
            #101010 0%,
            #1a1a1a 100%
        ) !important;
}


.fm-home-channel-image > img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 175px !important;
    max-height: 105px !important;

    object-fit: contain !important;

    position: relative !important;

    z-index: 1 !important;

    transition:
        transform .25s ease,
        filter .25s ease,
        opacity .25s ease !important;
}


.fm-channel-letter {
    position: relative !important;

    z-index: 1 !important;

    color:
        rgba(255,255,255,.38) !important;

    font-size:
        46px !important;

    font-weight:
        900 !important;
}


/* =========================================================
   CANLI ROZET
   ========================================================= */

.fm-live-badge {
    position: absolute !important;

    z-index: 20 !important;

    top: 10px !important;
    right: 10px !important;

    padding:
        5px 9px !important;

    background:
        #e50914 !important;

    border:
        0 !important;

    border-radius:
        4px !important;

    color:
        #fff !important;

    font-size:
        9px !important;

    font-style:
        normal !important;

    font-weight:
        900 !important;

    letter-spacing:
        .45px !important;
}


/* =========================================================
   GERCEK HOVER PANEL
   ========================================================= */

.fm-channel-hover-panel {
    position: absolute !important;

    z-index: 15 !important;

    inset: 0 !important;

    display: flex !important;

    align-items: flex-end !important;

    padding:
        16px !important;

    box-sizing:
        border-box !important;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.08) 0%,
            rgba(0,0,0,.28) 30%,
            rgba(0,0,0,.92) 74%,
            #080808 100%
        ) !important;

    opacity:
        0 !important;

    visibility:
        hidden !important;

    pointer-events:
        none !important;

    transform:
        translateY(8px) !important;

    transition:
        opacity .20s ease,
        visibility .20s ease,
        transform .20s ease !important;
}


/* mouse gelince */

.fm-home-channel-card:hover
.fm-channel-hover-panel,
.fm-home-channel-card:focus
.fm-channel-hover-panel,
.fm-home-channel-card:focus-visible
.fm-channel-hover-panel {
    opacity:
        1 !important;

    visibility:
        visible !important;

    transform:
        translateY(0) !important;
}


/* Logo arkaya cekilir */

.fm-home-channel-card:hover
.fm-home-channel-image > img,
.fm-home-channel-card:focus
.fm-home-channel-image > img {
    transform:
        scale(1.08) !important;

    filter:
        brightness(.30) !important;

    opacity:
        .55 !important;
}


/* =========================================================
   PANEL METNI
   ========================================================= */

.fm-channel-hover-content {
    position: relative !important;

    z-index: 2 !important;

    width: 100% !important;
}


.fm-channel-hover-content > strong {
    display: block !important;

    margin: 0 !important;

    color:
        #fff !important;

    font-size:
        16px !important;

    font-weight:
        900 !important;

    line-height:
        1.15 !important;

    white-space:
        normal !important;
}


.fm-channel-hover-content > span {
    display: block !important;

    margin-top:
        5px !important;

    color:
        rgba(255,255,255,.65) !important;

    font-size:
        9px !important;

    font-weight:
        600 !important;
}


.fm-channel-hover-watch {
    display: inline-flex !important;

    align-items: center !important;

    min-height:
        28px !important;

    margin-top:
        10px !important;

    padding:
        0 10px !important;

    background:
        #fff !important;

    border-radius:
        4px !important;

    color:
        #111 !important;

    font-size:
        10px !important;

    font-weight:
        850 !important;
}


/* =========================================================
   KARTIN NORMAL ALT BILGISI
   ========================================================= */

.fm-channel-card-info {
    width: 100% !important;

    padding:
        12px 12px 14px !important;

    box-sizing:
        border-box !important;

    background:
        #151515 !important;
}


.fm-channel-card-info > strong {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    overflow:
        hidden !important;

    white-space:
        nowrap !important;

    text-overflow:
        ellipsis !important;

    color:
        #fff !important;

    font-size:
        13px !important;

    font-weight:
        800 !important;
}


.fm-channel-card-info > small {
    display: block !important;

    width: 100% !important;

    margin-top:
        6px !important;

    overflow:
        hidden !important;

    white-space:
        nowrap !important;

    text-overflow:
        ellipsis !important;

    color:
        rgba(255,255,255,.46) !important;

    font-size:
        9px !important;
}


/* =========================================================
   ESKI IZLENME GORUNUMLERINI DE EZ
   ========================================================= */

.fm-home-channel-card
.fm-result-meta {
    display:
        none !important;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 600px) {

    .fm-home-channel-image {
        height:
            115px !important;
    }


    .fm-channel-hover-content > strong {
        font-size:
            14px !important;
    }

}


/* =========================================================
   FILMIZLE - BUYUK NETFLIX TARZI POSTER SATIRLARI
   ========================================================= */

/* SATIR */

.fm-home-block {
    position: relative !important;

    margin: 0 0 48px !important;

    padding: 18px 14px 24px !important;

    overflow: visible !important;

    background:
        linear-gradient(
            110deg,
            rgba(22,7,10,.34),
            rgba(8,8,8,.08)
        ) !important;

    border-radius: 10px !important;

    box-sizing: border-box !important;
}


/* BASLIK */

.fm-home-block-head {
    min-height: 48px !important;

    margin: 0 0 12px !important;

    padding: 0 2px !important;

    border: 0 !important;
}


.fm-home-block-head h2 {
    margin: 0 !important;

    color: #fff !important;

    font-size: 28px !important;
    line-height: 1.1 !important;

    font-weight: 900 !important;

    letter-spacing: -.65px !important;
}


/* =========================================================
   SLIDER
   ========================================================= */

.fm-home-rail {
    position: relative !important;

    width: 100% !important;

    display: flex !important;

    align-items: stretch !important;

    gap: 18px !important;

    padding:
        8px 5px 20px !important;

    overflow-x: auto !important;
    overflow-y: visible !important;

    scroll-behavior: smooth !important;

    scrollbar-width: none !important;
}


.fm-home-rail::-webkit-scrollbar {
    display: none !important;
}


/* =========================================================
   BUYUK FILM / DIZI KARTI
   ========================================================= */

.fm-home-poster-card {
    position: relative !important;

    flex: 0 0 225px !important;

    width: 225px !important;
    min-width: 225px !important;
    max-width: 225px !important;

    overflow: visible !important;

    background: transparent !important;

    border: 0 !important;

    border-radius: 7px !important;

    box-shadow: none !important;

    text-decoration: none !important;

    transition:
        transform .22s ease !important;
}


.fm-home-poster-card:hover {
    z-index: 30 !important;

    transform:
        translateY(-6px)
        scale(1.025) !important;

    box-shadow: none !important;
}


/* =========================================================
   POSTER
   ========================================================= */

.fm-home-poster-image {
    position: relative !important;

    z-index: 2 !important;

    width: 100% !important;

    aspect-ratio: 2 / 3 !important;

    height: auto !important;

    overflow: hidden !important;

    background: #111 !important;

    border-radius: 7px !important;

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

    box-shadow:
        0 14px 35px rgba(0,0,0,.34) !important;
}


.fm-home-poster-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    object-position: center !important;

    transition:
        transform .35s ease,
        filter .28s ease !important;
}


.fm-home-poster-card:hover
.fm-home-poster-image img {
    transform:
        scale(1.045) !important;

    filter:
        brightness(.68) !important;
}


/* =========================================================
   ALTTA AD / TUR
   ========================================================= */

.fm-home-poster-info {
    position: relative !important;

    z-index: 3 !important;

    width: 100% !important;

    padding:
        12px 4px 0 !important;

    background: transparent !important;

    box-sizing: border-box !important;
}


.fm-home-poster-info strong {
    display: block !important;

    width: 100% !important;

    overflow: hidden !important;

    color: #fff !important;

    font-size: 14px !important;
    line-height: 1.25 !important;

    font-weight: 850 !important;

    white-space: nowrap !important;

    text-overflow: ellipsis !important;
}


.fm-home-poster-info span {
    display: block !important;

    margin-top: 5px !important;

    color:
        rgba(255,255,255,.48) !important;

    font-size: 10px !important;

    font-weight: 600 !important;
}


/* =========================================================
   HOVER BILGI PANELI
   ========================================================= */

.fm-home-hover-info {
    position: absolute !important;

    z-index: 10 !important;

    inset: auto 0 0 0 !important;

    min-height: 58% !important;

    padding:
        58px 14px 15px !important;

    display: flex !important;

    flex-direction: column !important;

    justify-content: flex-end !important;

    box-sizing: border-box !important;

    background:
        linear-gradient(
            to top,
            rgba(4,4,4,.99) 0%,
            rgba(5,5,5,.89) 45%,
            transparent 100%
        ) !important;

    opacity: 0 !important;

    visibility: hidden !important;

    transform:
        translateY(10px) !important;

    pointer-events: none !important;

    transition:
        opacity .20s ease,
        visibility .20s ease,
        transform .20s ease !important;
}


.fm-home-poster-card:hover
.fm-home-hover-info {
    opacity: 1 !important;

    visibility: visible !important;

    transform:
        translateY(0) !important;
}


.fm-home-hover-info > strong {
    color: #fff !important;

    font-size: 15px !important;

    font-weight: 900 !important;
}


.fm-home-hover-meta {
    margin-top: 7px !important;

    display: flex !important;

    flex-wrap: wrap !important;

    gap: 7px !important;

    font-size: 9px !important;
}


.fm-home-hover-meta b {
    color: #55c878 !important;
}


.fm-home-hover-info p {
    margin: 8px 0 0 !important;

    color:
        rgba(255,255,255,.68) !important;

    font-size: 9px !important;
    line-height: 1.45 !important;
}


/* İzlenme sayısını poster hoverında da gösterme */

.fm-home-hover-info small {
    display: none !important;
}


/* =========================================================
   BUYUK ARKA PLAN NUMARALARI
   En cok izlenen / populer hissi
   ========================================================= */

.fm-home-poster-card {
    counter-increment: filmizlePoster;
}


.fm-home-rail {
    counter-reset: filmizlePoster;
}


.fm-home-poster-card::before {
    content:
        counter(filmizlePoster);

    position: absolute;

    z-index: 0;

    left: -31px;
    top: 4px;

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

    font-size: 150px;

    line-height: 1;

    font-weight: 950;

    letter-spacing: -10px;

    pointer-events: none;

    user-select: none;
}


.fm-home-poster-image,
.fm-home-poster-info {
    position: relative !important;

    z-index: 2 !important;
}


/* =========================================================
   OK BUTONLARI
   ========================================================= */

.fm-home-slider-controls {
    display: flex !important;

    gap: 5px !important;
}


.fm-home-slide-button {
    width: 38px !important;
    height: 38px !important;

    border-radius: 4px !important;

    background:
        rgba(50,57,58,.90) !important;

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

    color: #fff !important;

    font-size: 25px !important;
}


.fm-home-slide-button:hover {
    background:
        #e50914 !important;

    border-color:
        #e50914 !important;
}


/* =========================================================
   CANLI TV AYNI TASARIM DILINDE
   ========================================================= */

.fm-home-channel-card {
    flex:
        0 0 245px !important;

    width: 245px !important;
    min-width: 245px !important;
    max-width: 245px !important;

    border-radius: 7px !important;

    background:
        #131313 !important;

    box-shadow:
        0 14px 34px rgba(0,0,0,.28) !important;
}


.fm-home-channel-image {
    height: 155px !important;
}


.fm-channel-card-info {
    padding:
        13px 13px 15px !important;

    background:
        #131313 !important;
}


.fm-channel-card-info > strong {
    font-size:
        14px !important;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 900px) {

    .fm-home-block-head h2 {
        font-size:
            23px !important;
    }


    .fm-home-poster-card {
        flex-basis:
            190px !important;

        width:
            190px !important;

        min-width:
            190px !important;

        max-width:
            190px !important;
    }


    .fm-home-poster-card::before {
        font-size:
            120px;

        left:
            -24px;
    }

}


@media (max-width: 600px) {

    .fm-home-block {
        padding:
            14px 8px 18px !important;
    }


    .fm-home-block-head h2 {
        font-size:
            19px !important;
    }


    .fm-home-rail {
        gap:
            12px !important;
    }


    .fm-home-poster-card {
        flex-basis:
            155px !important;

        width:
            155px !important;

        min-width:
            155px !important;

        max-width:
            155px !important;
    }


    .fm-home-poster-card::before {
        display:
            none !important;
    }


    .fm-home-channel-card {
        flex-basis:
            185px !important;

        width:
            185px !important;

        min-width:
            185px !important;

        max-width:
            185px !important;
    }

}


/* =========================================================
   FILMIZLE - BUYUK NETFLIX TARZI POSTER SATIRLARI
   ========================================================= */

/* SATIR */

.fm-home-block {
    position: relative !important;

    margin: 0 0 48px !important;

    padding: 18px 14px 24px !important;

    overflow: visible !important;

    background:
        linear-gradient(
            110deg,
            rgba(22,7,10,.34),
            rgba(8,8,8,.08)
        ) !important;

    border-radius: 10px !important;

    box-sizing: border-box !important;
}


/* BASLIK */

.fm-home-block-head {
    min-height: 48px !important;

    margin: 0 0 12px !important;

    padding: 0 2px !important;

    border: 0 !important;
}


.fm-home-block-head h2 {
    margin: 0 !important;

    color: #fff !important;

    font-size: 28px !important;
    line-height: 1.1 !important;

    font-weight: 900 !important;

    letter-spacing: -.65px !important;
}


/* =========================================================
   SLIDER
   ========================================================= */

.fm-home-rail {
    position: relative !important;

    width: 100% !important;

    display: flex !important;

    align-items: stretch !important;

    gap: 18px !important;

    padding:
        8px 5px 20px !important;

    overflow-x: auto !important;
    overflow-y: visible !important;

    scroll-behavior: smooth !important;

    scrollbar-width: none !important;
}


.fm-home-rail::-webkit-scrollbar {
    display: none !important;
}


/* =========================================================
   BUYUK FILM / DIZI KARTI
   ========================================================= */

.fm-home-poster-card {
    position: relative !important;

    flex: 0 0 225px !important;

    width: 225px !important;
    min-width: 225px !important;
    max-width: 225px !important;

    overflow: visible !important;

    background: transparent !important;

    border: 0 !important;

    border-radius: 7px !important;

    box-shadow: none !important;

    text-decoration: none !important;

    transition:
        transform .22s ease !important;
}


.fm-home-poster-card:hover {
    z-index: 30 !important;

    transform:
        translateY(-6px)
        scale(1.025) !important;

    box-shadow: none !important;
}


/* =========================================================
   POSTER
   ========================================================= */

.fm-home-poster-image {
    position: relative !important;

    z-index: 2 !important;

    width: 100% !important;

    aspect-ratio: 2 / 3 !important;

    height: auto !important;

    overflow: hidden !important;

    background: #111 !important;

    border-radius: 7px !important;

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

    box-shadow:
        0 14px 35px rgba(0,0,0,.34) !important;
}


.fm-home-poster-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    object-position: center !important;

    transition:
        transform .35s ease,
        filter .28s ease !important;
}


.fm-home-poster-card:hover
.fm-home-poster-image img {
    transform:
        scale(1.045) !important;

    filter:
        brightness(.68) !important;
}


/* =========================================================
   ALTTA AD / TUR
   ========================================================= */

.fm-home-poster-info {
    position: relative !important;

    z-index: 3 !important;

    width: 100% !important;

    padding:
        12px 4px 0 !important;

    background: transparent !important;

    box-sizing: border-box !important;
}


.fm-home-poster-info strong {
    display: block !important;

    width: 100% !important;

    overflow: hidden !important;

    color: #fff !important;

    font-size: 14px !important;
    line-height: 1.25 !important;

    font-weight: 850 !important;

    white-space: nowrap !important;

    text-overflow: ellipsis !important;
}


.fm-home-poster-info span {
    display: block !important;

    margin-top: 5px !important;

    color:
        rgba(255,255,255,.48) !important;

    font-size: 10px !important;

    font-weight: 600 !important;
}


/* =========================================================
   HOVER BILGI PANELI
   ========================================================= */

.fm-home-hover-info {
    position: absolute !important;

    z-index: 10 !important;

    inset: auto 0 0 0 !important;

    min-height: 58% !important;

    padding:
        58px 14px 15px !important;

    display: flex !important;

    flex-direction: column !important;

    justify-content: flex-end !important;

    box-sizing: border-box !important;

    background:
        linear-gradient(
            to top,
            rgba(4,4,4,.99) 0%,
            rgba(5,5,5,.89) 45%,
            transparent 100%
        ) !important;

    opacity: 0 !important;

    visibility: hidden !important;

    transform:
        translateY(10px) !important;

    pointer-events: none !important;

    transition:
        opacity .20s ease,
        visibility .20s ease,
        transform .20s ease !important;
}


.fm-home-poster-card:hover
.fm-home-hover-info {
    opacity: 1 !important;

    visibility: visible !important;

    transform:
        translateY(0) !important;
}


.fm-home-hover-info > strong {
    color: #fff !important;

    font-size: 15px !important;

    font-weight: 900 !important;
}


.fm-home-hover-meta {
    margin-top: 7px !important;

    display: flex !important;

    flex-wrap: wrap !important;

    gap: 7px !important;

    font-size: 9px !important;
}


.fm-home-hover-meta b {
    color: #55c878 !important;
}


.fm-home-hover-info p {
    margin: 8px 0 0 !important;

    color:
        rgba(255,255,255,.68) !important;

    font-size: 9px !important;
    line-height: 1.45 !important;
}


/* İzlenme sayısını poster hoverında da gösterme */

.fm-home-hover-info small {
    display: none !important;
}


/* =========================================================
   BUYUK ARKA PLAN NUMARALARI
   En cok izlenen / populer hissi
   ========================================================= */

.fm-home-poster-card {
    counter-increment: filmizlePoster;
}


.fm-home-rail {
    counter-reset: filmizlePoster;
}


.fm-home-poster-card::before {
    content:
        counter(filmizlePoster);

    position: absolute;

    z-index: 0;

    left: -31px;
    top: 4px;

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

    font-size: 150px;

    line-height: 1;

    font-weight: 950;

    letter-spacing: -10px;

    pointer-events: none;

    user-select: none;
}


.fm-home-poster-image,
.fm-home-poster-info {
    position: relative !important;

    z-index: 2 !important;
}


/* =========================================================
   OK BUTONLARI
   ========================================================= */

.fm-home-slider-controls {
    display: flex !important;

    gap: 5px !important;
}


.fm-home-slide-button {
    width: 38px !important;
    height: 38px !important;

    border-radius: 4px !important;

    background:
        rgba(50,57,58,.90) !important;

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

    color: #fff !important;

    font-size: 25px !important;
}


.fm-home-slide-button:hover {
    background:
        #e50914 !important;

    border-color:
        #e50914 !important;
}


/* =========================================================
   CANLI TV AYNI TASARIM DILINDE
   ========================================================= */

.fm-home-channel-card {
    flex:
        0 0 245px !important;

    width: 245px !important;
    min-width: 245px !important;
    max-width: 245px !important;

    border-radius: 7px !important;

    background:
        #131313 !important;

    box-shadow:
        0 14px 34px rgba(0,0,0,.28) !important;
}


.fm-home-channel-image {
    height: 155px !important;
}


.fm-channel-card-info {
    padding:
        13px 13px 15px !important;

    background:
        #131313 !important;
}


.fm-channel-card-info > strong {
    font-size:
        14px !important;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 900px) {

    .fm-home-block-head h2 {
        font-size:
            23px !important;
    }


    .fm-home-poster-card {
        flex-basis:
            190px !important;

        width:
            190px !important;

        min-width:
            190px !important;

        max-width:
            190px !important;
    }


    .fm-home-poster-card::before {
        font-size:
            120px;

        left:
            -24px;
    }

}


@media (max-width: 600px) {

    .fm-home-block {
        padding:
            14px 8px 18px !important;
    }


    .fm-home-block-head h2 {
        font-size:
            19px !important;
    }


    .fm-home-rail {
        gap:
            12px !important;
    }


    .fm-home-poster-card {
        flex-basis:
            155px !important;

        width:
            155px !important;

        min-width:
            155px !important;

        max-width:
            155px !important;
    }


    .fm-home-poster-card::before {
        display:
            none !important;
    }


    .fm-home-channel-card {
        flex-basis:
            185px !important;

        width:
            185px !important;

        min-width:
            185px !important;

        max-width:
            185px !important;
    }

}


/* =========================================================
   FILMIZLE - BUYUK NETFLIX TARZI POSTER SATIRLARI
   ========================================================= */

/* SATIR */

.fm-home-block {
    position: relative !important;

    margin: 0 0 48px !important;

    padding: 18px 14px 24px !important;

    overflow: visible !important;

    background:
        linear-gradient(
            110deg,
            rgba(22,7,10,.34),
            rgba(8,8,8,.08)
        ) !important;

    border-radius: 10px !important;

    box-sizing: border-box !important;
}


/* BASLIK */

.fm-home-block-head {
    min-height: 48px !important;

    margin: 0 0 12px !important;

    padding: 0 2px !important;

    border: 0 !important;
}


.fm-home-block-head h2 {
    margin: 0 !important;

    color: #fff !important;

    font-size: 28px !important;
    line-height: 1.1 !important;

    font-weight: 900 !important;

    letter-spacing: -.65px !important;
}


/* =========================================================
   SLIDER
   ========================================================= */

.fm-home-rail {
    position: relative !important;

    width: 100% !important;

    display: flex !important;

    align-items: stretch !important;

    gap: 18px !important;

    padding:
        8px 5px 20px !important;

    overflow-x: auto !important;
    overflow-y: visible !important;

    scroll-behavior: smooth !important;

    scrollbar-width: none !important;
}


.fm-home-rail::-webkit-scrollbar {
    display: none !important;
}


/* =========================================================
   BUYUK FILM / DIZI KARTI
   ========================================================= */

.fm-home-poster-card {
    position: relative !important;

    flex: 0 0 225px !important;

    width: 225px !important;
    min-width: 225px !important;
    max-width: 225px !important;

    overflow: visible !important;

    background: transparent !important;

    border: 0 !important;

    border-radius: 7px !important;

    box-shadow: none !important;

    text-decoration: none !important;

    transition:
        transform .22s ease !important;
}


.fm-home-poster-card:hover {
    z-index: 30 !important;

    transform:
        translateY(-6px)
        scale(1.025) !important;

    box-shadow: none !important;
}


/* =========================================================
   POSTER
   ========================================================= */

.fm-home-poster-image {
    position: relative !important;

    z-index: 2 !important;

    width: 100% !important;

    aspect-ratio: 2 / 3 !important;

    height: auto !important;

    overflow: hidden !important;

    background: #111 !important;

    border-radius: 7px !important;

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

    box-shadow:
        0 14px 35px rgba(0,0,0,.34) !important;
}


.fm-home-poster-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    object-position: center !important;

    transition:
        transform .35s ease,
        filter .28s ease !important;
}


.fm-home-poster-card:hover
.fm-home-poster-image img {
    transform:
        scale(1.045) !important;

    filter:
        brightness(.68) !important;
}


/* =========================================================
   ALTTA AD / TUR
   ========================================================= */

.fm-home-poster-info {
    position: relative !important;

    z-index: 3 !important;

    width: 100% !important;

    padding:
        12px 4px 0 !important;

    background: transparent !important;

    box-sizing: border-box !important;
}


.fm-home-poster-info strong {
    display: block !important;

    width: 100% !important;

    overflow: hidden !important;

    color: #fff !important;

    font-size: 14px !important;
    line-height: 1.25 !important;

    font-weight: 850 !important;

    white-space: nowrap !important;

    text-overflow: ellipsis !important;
}


.fm-home-poster-info span {
    display: block !important;

    margin-top: 5px !important;

    color:
        rgba(255,255,255,.48) !important;

    font-size: 10px !important;

    font-weight: 600 !important;
}


/* =========================================================
   HOVER BILGI PANELI
   ========================================================= */

.fm-home-hover-info {
    position: absolute !important;

    z-index: 10 !important;

    inset: auto 0 0 0 !important;

    min-height: 58% !important;

    padding:
        58px 14px 15px !important;

    display: flex !important;

    flex-direction: column !important;

    justify-content: flex-end !important;

    box-sizing: border-box !important;

    background:
        linear-gradient(
            to top,
            rgba(4,4,4,.99) 0%,
            rgba(5,5,5,.89) 45%,
            transparent 100%
        ) !important;

    opacity: 0 !important;

    visibility: hidden !important;

    transform:
        translateY(10px) !important;

    pointer-events: none !important;

    transition:
        opacity .20s ease,
        visibility .20s ease,
        transform .20s ease !important;
}


.fm-home-poster-card:hover
.fm-home-hover-info {
    opacity: 1 !important;

    visibility: visible !important;

    transform:
        translateY(0) !important;
}


.fm-home-hover-info > strong {
    color: #fff !important;

    font-size: 15px !important;

    font-weight: 900 !important;
}


.fm-home-hover-meta {
    margin-top: 7px !important;

    display: flex !important;

    flex-wrap: wrap !important;

    gap: 7px !important;

    font-size: 9px !important;
}


.fm-home-hover-meta b {
    color: #55c878 !important;
}


.fm-home-hover-info p {
    margin: 8px 0 0 !important;

    color:
        rgba(255,255,255,.68) !important;

    font-size: 9px !important;
    line-height: 1.45 !important;
}


/* İzlenme sayısını poster hoverında da gösterme */

.fm-home-hover-info small {
    display: none !important;
}


/* =========================================================
   BUYUK ARKA PLAN NUMARALARI
   En cok izlenen / populer hissi
   ========================================================= */

.fm-home-poster-card {
    counter-increment: filmizlePoster;
}


.fm-home-rail {
    counter-reset: filmizlePoster;
}


.fm-home-poster-card::before {
    content:
        counter(filmizlePoster);

    position: absolute;

    z-index: 0;

    left: -31px;
    top: 4px;

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

    font-size: 150px;

    line-height: 1;

    font-weight: 950;

    letter-spacing: -10px;

    pointer-events: none;

    user-select: none;
}


.fm-home-poster-image,
.fm-home-poster-info {
    position: relative !important;

    z-index: 2 !important;
}


/* =========================================================
   OK BUTONLARI
   ========================================================= */

.fm-home-slider-controls {
    display: flex !important;

    gap: 5px !important;
}


.fm-home-slide-button {
    width: 38px !important;
    height: 38px !important;

    border-radius: 4px !important;

    background:
        rgba(50,57,58,.90) !important;

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

    color: #fff !important;

    font-size: 25px !important;
}


.fm-home-slide-button:hover {
    background:
        #e50914 !important;

    border-color:
        #e50914 !important;
}


/* =========================================================
   CANLI TV AYNI TASARIM DILINDE
   ========================================================= */

.fm-home-channel-card {
    flex:
        0 0 245px !important;

    width: 245px !important;
    min-width: 245px !important;
    max-width: 245px !important;

    border-radius: 7px !important;

    background:
        #131313 !important;

    box-shadow:
        0 14px 34px rgba(0,0,0,.28) !important;
}


.fm-home-channel-image {
    height: 155px !important;
}


.fm-channel-card-info {
    padding:
        13px 13px 15px !important;

    background:
        #131313 !important;
}


.fm-channel-card-info > strong {
    font-size:
        14px !important;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 900px) {

    .fm-home-block-head h2 {
        font-size:
            23px !important;
    }


    .fm-home-poster-card {
        flex-basis:
            190px !important;

        width:
            190px !important;

        min-width:
            190px !important;

        max-width:
            190px !important;
    }


    .fm-home-poster-card::before {
        font-size:
            120px;

        left:
            -24px;
    }

}


@media (max-width: 600px) {

    .fm-home-block {
        padding:
            14px 8px 18px !important;
    }


    .fm-home-block-head h2 {
        font-size:
            19px !important;
    }


    .fm-home-rail {
        gap:
            12px !important;
    }


    .fm-home-poster-card {
        flex-basis:
            155px !important;

        width:
            155px !important;

        min-width:
            155px !important;

        max-width:
            155px !important;
    }


    .fm-home-poster-card::before {
        display:
            none !important;
    }


    .fm-home-channel-card {
        flex-basis:
            185px !important;

        width:
            185px !important;

        min-width:
            185px !important;

        max-width:
            185px !important;
    }

}


/* =========================================================
   CANLI TV KARTLARI - DIKEY POSTER TIPI FINAL
   ========================================================= */

/* Satır biraz daha poster mantığında aksın */
.fm-home-channel-rail {
    gap: 18px !important;
    padding: 8px 5px 20px !important;
    overflow-y: visible !important;
}


/* Kartın tamamı dikey poster ölçüsünde olsun */
.fm-home-channel-card {
    position: relative !important;

    flex: 0 0 210px !important;

    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;

    overflow: visible !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 8px !important;

    box-shadow: none !important;

    text-decoration: none !important;

    transition:
        transform .22s ease !important;
}


.fm-home-channel-card:hover {
    z-index: 30 !important;

    transform:
        translateY(-6px)
        scale(1.025) !important;
}


/* Görsel alanı film posteri gibi 2:3 dikey olsun */
.fm-home-channel-image {
    position: relative !important;

    width: 100% !important;

    aspect-ratio: 2 / 3 !important;

    height: auto !important;
    min-height: 315px !important;

    overflow: hidden !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 18px !important;

    box-sizing: border-box !important;

    background:
        linear-gradient(
            145deg,
            #101010 0%,
            #1a1a1a 100%
        ) !important;

    border-radius: 8px !important;

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

    box-shadow:
        0 14px 35px rgba(0,0,0,.34) !important;
}


/* Kanal logosu ortada temiz dursun */
.fm-home-channel-image > img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 150px !important;
    max-height: 120px !important;

    object-fit: contain !important;
    object-position: center !important;

    position: relative !important;

    z-index: 1 !important;

    transition:
        transform .25s ease,
        filter .25s ease,
        opacity .25s ease !important;
}


/* Logo yoksa harf ortalansın */
.fm-channel-letter {
    position: relative !important;
    z-index: 1 !important;

    color: rgba(255,255,255,.38) !important;

    font-size: 56px !important;
    font-weight: 900 !important;
}


/* CANLI rozeti üst sağ */
.fm-live-badge {
    position: absolute !important;

    z-index: 20 !important;

    top: 12px !important;
    right: 12px !important;

    padding: 5px 9px !important;

    background: #e50914 !important;
    border: 0 !important;
    border-radius: 4px !important;

    color: #fff !important;

    font-size: 9px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    letter-spacing: .45px !important;
}


/* Hover panel */
.fm-channel-hover-panel {
    position: absolute !important;

    z-index: 15 !important;

    inset: 0 !important;

    display: flex !important;
    align-items: flex-end !important;

    padding: 16px !important;

    box-sizing: border-box !important;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.06) 0%,
            rgba(0,0,0,.28) 34%,
            rgba(0,0,0,.92) 76%,
            #080808 100%
        ) !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;

    transform: translateY(8px) !important;

    transition:
        opacity .20s ease,
        visibility .20s ease,
        transform .20s ease !important;
}


.fm-home-channel-card:hover .fm-channel-hover-panel,
.fm-home-channel-card:focus .fm-channel-hover-panel,
.fm-home-channel-card:focus-within .fm-channel-hover-panel {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}


.fm-home-channel-card:hover .fm-home-channel-image > img,
.fm-home-channel-card:focus .fm-home-channel-image > img {
    transform: scale(1.08) !important;
    filter: brightness(.30) !important;
    opacity: .55 !important;
}


/* Hover metin */
.fm-channel-hover-content {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
}

.fm-channel-hover-content > strong {
    display: block !important;
    margin: 0 !important;

    color: #fff !important;

    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;

    white-space: normal !important;
}

.fm-channel-hover-content > span {
    display: block !important;
    margin-top: 6px !important;

    color: rgba(255,255,255,.66) !important;

    font-size: 10px !important;
    font-weight: 600 !important;
}

.fm-channel-hover-watch {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 30px !important;

    margin-top: 11px !important;

    padding: 0 11px !important;

    background: #fff !important;
    border-radius: 4px !important;

    color: #111 !important;

    font-size: 10px !important;
    font-weight: 850 !important;
}


/* Alt bilgi kısmı */
.fm-channel-card-info {
    width: 100% !important;

    padding: 12px 4px 0 !important;

    background: transparent !important;

    box-sizing: border-box !important;
}

.fm-channel-card-info > strong {
    display: block !important;

    width: 100% !important;

    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;

    color: #fff !important;

    font-size: 14px !important;
    font-weight: 850 !important;
}

.fm-channel-card-info > small {
    display: block !important;

    margin-top: 5px !important;

    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;

    color: rgba(255,255,255,.48) !important;

    font-size: 10px !important;
    font-weight: 600 !important;
}


/* Mobil */
@media (max-width: 900px) {

    .fm-home-channel-card {
        flex-basis: 185px !important;
        width: 185px !important;
        min-width: 185px !important;
        max-width: 185px !important;
    }

    .fm-home-channel-image {
        min-height: 278px !important;
    }

    .fm-home-channel-image > img {
        max-width: 135px !important;
        max-height: 105px !important;
    }
}

@media (max-width: 600px) {

    .fm-home-channel-card {
        flex-basis: 160px !important;
        width: 160px !important;
        min-width: 160px !important;
        max-width: 160px !important;
    }

    .fm-home-channel-image {
        min-height: 240px !important;
        padding: 14px !important;
    }

    .fm-home-channel-image > img {
        max-width: 118px !important;
        max-height: 90px !important;
    }

    .fm-channel-hover-content > strong {
        font-size: 14px !important;
    }
}


/* =========================================================
   KATEGORI SAYFALARI - NETFLIX TARZI BUYUK KARTLAR
   ========================================================= */

.category-page .site-container {
    padding-top: 24px !important;
    padding-bottom: 55px !important;
}


/* =========================================================
   KATEGORI BASLIGI
   ========================================================= */

.category-page .category-page-heading {
    margin-bottom: 28px !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    backdrop-filter: none !important;
}


.category-page .category-page-heading h1 {
    margin: 0 !important;

    color: #fff !important;

    font-size: 32px !important;
    font-weight: 900 !important;

    letter-spacing: -.7px !important;
}


.category-page .category-page-heading p {
    margin-top: 8px !important;

    color: rgba(255,255,255,.55) !important;

    font-size: 12px !important;
}


/* =========================================================
   ALT KATEGORI BASLIKLARI
   ========================================================= */

.category-page .category-group-heading,
.category-page .section-title {
    margin: 36px 0 15px !important;

    padding: 0 0 10px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    border-bottom:
        1px solid rgba(205,47,58,.20) !important;
}


.category-page .category-group-heading h2,
.category-page .section-title h2 {
    margin: 0 !important;

    color: #fff !important;

    font-size: 24px !important;
    font-weight: 900 !important;

    letter-spacing: -.45px !important;
}


.category-page .category-group-all {
    color: rgba(255,255,255,.58) !important;

    font-size: 11px !important;
    font-weight: 700 !important;
}


.category-page .category-group-all:hover {
    color: #fff !important;
}


/* =========================================================
   KANAL GRID
   ========================================================= */

.category-page .channel-grid {
    width: 100% !important;

    display: grid !important;

    grid-template-columns:
        repeat(
            auto-fill,
            minmax(190px, 1fr)
        ) !important;

    gap: 22px 16px !important;

    align-items: start !important;
}


/* =========================================================
   KANAL KARTI
   ========================================================= */

.category-page .channel-card {
    position: relative !important;

    display: flex !important;

    flex-direction: column !important;

    min-width: 0 !important;

    padding: 0 !important;

    overflow: visible !important;

    background: transparent !important;

    border: 0 !important;

    border-radius: 8px !important;

    box-shadow: none !important;

    color: #fff !important;

    text-decoration: none !important;

    transition:
        transform .22s ease !important;
}


.category-page .channel-card:hover {
    z-index: 15 !important;

    transform:
        translateY(-6px)
        scale(1.025) !important;

    background: transparent !important;

    border: 0 !important;
}


/* =========================================================
   DIKEY POSTER / LOGO ALANI
   ========================================================= */

.category-page .channel-logo {
    position: relative !important;

    width: 100% !important;

    aspect-ratio: 2 / 3 !important;

    height: auto !important;

    min-height: 0 !important;

    padding: 18px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    background:
        linear-gradient(
            145deg,
            #101010 0%,
            #191919 100%
        ) !important;

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

    border-radius: 8px !important;

    box-shadow:
        0 14px 34px rgba(0,0,0,.32) !important;
}


/* =========================================================
   CANLI ROZET
   ========================================================= */

.category-page .channel-logo::before {
    content: "CANLI";

    position: absolute;

    z-index: 20;

    top: 11px;
    right: 11px;

    padding: 5px 8px;

    background: #e50914;

    border-radius: 4px;

    color: #fff;

    font-size: 8px;
    font-weight: 900;

    letter-spacing: .5px;
}


/* =========================================================
   KANAL LOGOSU
   ========================================================= */

.category-page .channel-logo img {
    display: block !important;

    position: relative !important;

    z-index: 2 !important;

    width: auto !important;
    height: auto !important;

    max-width: 82% !important;
    max-height: 125px !important;

    object-fit: contain !important;

    object-position: center !important;

    transition:
        transform .27s ease,
        filter .27s ease,
        opacity .27s ease !important;
}


.category-page .channel-logo > span {
    position: relative !important;

    z-index: 2 !important;

    color: rgba(255,255,255,.35) !important;

    font-size: 54px !important;
    font-weight: 900 !important;
}


/* =========================================================
   NETFLIX HOVER KARARTMA
   ========================================================= */

.category-page .channel-logo::after {
    content: "▶  Canlı İzle";

    position: absolute;

    z-index: 15;

    inset: 0;

    padding-bottom: 22px;

    display: flex;

    align-items: flex-end;
    justify-content: center;

    box-sizing: border-box;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.02) 0%,
            rgba(0,0,0,.18) 35%,
            rgba(0,0,0,.92) 100%
        );

    color: #fff;

    font-size: 12px;
    font-weight: 850;

    opacity: 0;

    visibility: hidden;

    transform: translateY(8px);

    transition:
        opacity .20s ease,
        visibility .20s ease,
        transform .20s ease;
}


.category-page .channel-card:hover
.channel-logo::after,
.category-page .channel-card:focus
.channel-logo::after {
    opacity: 1 !important;

    visibility: visible !important;

    transform: translateY(0) !important;
}


.category-page .channel-card:hover
.channel-logo img {
    transform: scale(1.08) !important;

    filter: brightness(.35) !important;

    opacity: .65 !important;
}


/* =========================================================
   KANAL ADI
   ========================================================= */

.category-page .channel-card > strong {
    display: block !important;

    width: 100% !important;

    margin: 12px 0 0 !important;

    padding: 0 3px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    color: #fff !important;

    font-size: 14px !important;
    line-height: 1.25 !important;

    font-weight: 850 !important;

    white-space: nowrap !important;

    text-overflow: ellipsis !important;
}


.category-page .channel-card > small {
    display: block !important;

    margin: 5px 3px 0 !important;

    color: rgba(255,255,255,.48) !important;

    font-size: 9px !important;

    text-transform: none !important;
}


/* =========================================================
   FILM / DIZI ICERIK KARTLARI
   ========================================================= */

.category-page .content-poster-grid {
    display: grid !important;

    grid-template-columns:
        repeat(
            auto-fill,
            minmax(180px, 1fr)
        ) !important;

    gap: 22px 16px !important;
}


.category-page .content-poster-card {
    position: relative !important;

    min-width: 0 !important;

    overflow: visible !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    text-decoration: none !important;

    transition:
        transform .22s ease !important;
}


.category-page .content-poster-card:hover {
    transform:
        translateY(-6px)
        scale(1.025) !important;
}


.category-page .content-poster-image {
    position: relative !important;

    width: 100% !important;

    aspect-ratio: 2 / 3 !important;

    overflow: hidden !important;

    background: #111 !important;

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

    border-radius: 8px !important;

    box-shadow:
        0 14px 34px rgba(0,0,0,.32) !important;
}


.category-page .content-poster-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    transition:
        transform .30s ease,
        filter .30s ease !important;
}


.category-page .content-poster-card:hover
.content-poster-image img {
    transform:
        scale(1.045) !important;

    filter:
        brightness(.76) !important;
}


.category-page .content-poster-body {
    padding:
        12px 3px 0 !important;

    background: transparent !important;
}


.category-page .content-poster-body strong {
    display: block !important;

    overflow: hidden !important;

    color: #fff !important;

    font-size: 14px !important;
    font-weight: 850 !important;

    white-space: nowrap !important;

    text-overflow: ellipsis !important;
}


.category-page .content-poster-body span {
    display: block !important;

    margin-top: 5px !important;

    color: rgba(255,255,255,.48) !important;

    font-size: 9px !important;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 900px) {

    .category-page .channel-grid,
    .category-page .content-poster-grid {
        grid-template-columns:
            repeat(
                auto-fill,
                minmax(165px, 1fr)
            ) !important;
    }

}


@media (max-width: 600px) {

    .category-page .category-page-heading h1 {
        font-size: 25px !important;
    }


    .category-page .category-group-heading h2,
    .category-page .section-title h2 {
        font-size: 19px !important;
    }


    .category-page .channel-grid,
    .category-page .content-poster-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            ) !important;

        gap:
            18px 10px !important;
    }


    .category-page .channel-logo {
        padding: 12px !important;
    }


    .category-page .channel-logo img {
        max-width: 86% !important;
        max-height: 90px !important;
    }


    .category-page .channel-card > strong,
    .category-page .content-poster-body strong {
        font-size: 12px !important;
    }

}


/* =========================================================
   KATEGORI SAYFASI - GERCEK YATAY NETFLIX SLIDER FINAL
   ========================================================= */

.category-netflix-page {
    padding-top: 28px !important;
    padding-bottom: 55px !important;
}


.category-netflix-page
.category-page-heading {
    margin:
        0 0 26px !important;

    padding: 0 !important;

    background:
        transparent !important;

    border: 0 !important;

    box-shadow:
        none !important;

    backdrop-filter:
        none !important;
}


.category-netflix-page
.category-page-heading h1 {
    margin: 0 !important;

    color:
        #fff !important;

    font-size:
        34px !important;

    line-height:
        1.1 !important;

    font-weight:
        950 !important;

    letter-spacing:
        -.8px !important;
}


/* Eski kategori grid sistemi burada kullanilmayacak */

.category-netflix-page
.category-slider-block {
    width: 100% !important;

    margin:
        0 0 42px !important;

    overflow:
        hidden !important;
}


/* Baslik */

.category-netflix-page
.fm-home-block-head {
    min-height:
        48px !important;

    margin:
        0 0 12px !important;

    padding:
        0 3px !important;
}


.category-netflix-page
.fm-home-block-head h2 {
    margin: 0 !important;

    color:
        #fff !important;

    font-size:
        25px !important;

    font-weight:
        900 !important;

    letter-spacing:
        -.45px !important;
}


.category-slider-title a {
    color: inherit !important;

    text-decoration:
        none !important;
}


.category-slider-actions {
    display: flex !important;

    align-items: center !important;

    gap: 13px !important;
}


.category-slider-all {
    color:
        rgba(255,255,255,.55) !important;

    font-size:
        10px !important;

    font-weight:
        750 !important;

    text-decoration:
        none !important;
}


.category-slider-all:hover {
    color:
        #fff !important;
}


/* Kayar alan */

.category-netflix-page
.fm-home-rail {
    display: flex !important;

    grid-template-columns:
        none !important;

    width: 100% !important;

    gap:
        18px !important;

    overflow-x:
        auto !important;

    overflow-y:
        hidden !important;

    scroll-behavior:
        smooth !important;

    scrollbar-width:
        none !important;

    padding:
        7px 4px 18px !important;
}


.category-netflix-page
.fm-home-rail::-webkit-scrollbar {
    display:
        none !important;
}


/* Ana sayfadaki dikey kanal karti aynen */

.category-netflix-page
.fm-home-channel-card {
    flex:
        0 0 210px !important;

    width:
        210px !important;

    min-width:
        210px !important;

    max-width:
        210px !important;
}


.category-netflix-page
.fm-home-channel-image {
    aspect-ratio:
        2 / 3 !important;

    height:
        auto !important;

    min-height:
        315px !important;
}


/* Film / dizi kartlari */

.category-netflix-page
.fm-home-poster-card {
    flex:
        0 0 225px !important;

    width:
        225px !important;

    min-width:
        225px !important;

    max-width:
        225px !important;
}


/* Mobil */

@media (max-width: 700px) {

    .category-netflix-page
    .category-page-heading h1 {
        font-size:
            27px !important;
    }


    .category-netflix-page
    .fm-home-block-head h2 {
        font-size:
            20px !important;
    }


    .category-slider-all {
        display:
            none !important;
    }


    .category-netflix-page
    .fm-home-channel-card {
        flex-basis:
            160px !important;

        width:
            160px !important;

        min-width:
            160px !important;

        max-width:
            160px !important;
    }


    .category-netflix-page
    .fm-home-channel-image {
        min-height:
            240px !important;
    }


    .category-netflix-page
    .fm-home-poster-card {
        flex-basis:
            155px !important;

        width:
            155px !important;

        min-width:
            155px !important;

        max-width:
            155px !important;
    }

}


/* =========================================================
   SEO TAGS / ACIKLAMA / YORUM
   ========================================================= */

.fm-seo-tags {
    max-width: 1420px;
    margin: 28px auto 10px;
    padding: 0 18px;
    box-sizing: border-box;
}

.fm-seo-tags > strong {
    display: block;
    margin-bottom: 9px;
    color: rgba(255,255,255,.58);
    font-size: 10px;
    letter-spacing: .4px;
    text-transform: uppercase;
}

.fm-seo-tags > div {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.fm-seo-tags span {
    display: inline-flex;
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 5px;
    background: rgba(10,10,10,.28);
    color: rgba(255,255,255,.58);
    font-size: 10px;
}


.fm-channel-description,
.fm-comments {
    margin-top: 28px;
    padding: 22px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 9px;
    background: rgba(12,12,12,.48);
}


.fm-channel-description h2,
.fm-comments h2 {
    margin: 0;
    color: #fff;
    font-size: 22px;
}


.fm-channel-description p {
    margin: 11px 0 0;
    color: rgba(255,255,255,.68);
    font-size: 13px;
    line-height: 1.7;
}


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


.fm-comments-head span {
    color: #e50914;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .8px;
}


.fm-comments-head small {
    color: rgba(255,255,255,.45);
    font-size: 10px;
}


.fm-comment-form {
    display: grid;
    gap: 12px;
    margin-bottom: 24px;
}


.fm-comment-form label > span {
    display: block;
    margin-bottom: 7px;
    color: rgba(255,255,255,.68);
    font-size: 11px;
    font-weight: 700;
}


.fm-comment-form input,
.fm-comment-form textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 6px;
    background: rgba(0,0,0,.28);
    color: #fff;
}


.fm-comment-form textarea {
    resize: vertical;
}


.fm-comment-note {
    color: rgba(255,255,255,.38);
    font-size: 9px;
}


.fm-comment-honeypot {
    position: absolute !important;
    left: -99999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}


.fm-comment-list {
    display: grid;
    gap: 12px;
}


.fm-comment-item {
    display: grid;
    grid-template-columns: 38px minmax(0,1fr);
    gap: 12px;
    padding: 14px;
    border-radius: 7px;
    background: rgba(255,255,255,.035);
}


.fm-comment-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e50914;
    color: #fff;
    font-weight: 900;
}


.fm-comment-author {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}


.fm-comment-author strong {
    color: #fff;
    font-size: 12px;
}


.fm-comment-author time {
    color: rgba(255,255,255,.38);
    font-size: 9px;
}


.fm-comment-item p {
    margin: 7px 0 0;
    color: rgba(255,255,255,.68);
    font-size: 12px;
    line-height: 1.6;
}


.fm-comment-success {
    margin-bottom: 14px;
    padding: 11px 12px;
    border-radius: 6px;
    background: rgba(32,132,75,.18);
    color: #9be8b8;
    font-size: 11px;
}


.fm-comments-empty {
    color: rgba(255,255,255,.45);
    font-size: 11px;
}


@media (max-width:600px) {

    .fm-channel-description,
    .fm-comments {
        padding: 16px;
    }

}


/* =========================================================
   ADMIN YORUM YONETIMI
   ========================================================= */

.fm-comment-settings-admin {
    margin-bottom: 22px;
}

.fm-comment-setting-grid {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0,1fr));
    gap: 10px;
    margin: 16px 0;
}

.fm-comment-setting {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 70px;
    padding: 14px 16px;
    box-sizing: border-box;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 7px;
    background: rgba(255,255,255,.025);
}

.fm-comment-setting > div {
    min-width: 0;
}

.fm-comment-setting strong {
    display: block;
    color: inherit;
    font-size: 13px;
}

.fm-comment-setting small {
    display: block;
    margin-top: 4px;
    opacity: .55;
    font-size: 10px;
    line-height: 1.45;
}

.fm-comment-setting input[type="checkbox"] {
    flex: 0 0 auto;
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important;
}

.fm-comment-admin-form-row {
    display: grid;
    grid-template-columns:
        repeat(2, minmax(0,1fr));
    gap: 15px;
    margin-bottom: 18px;
}

.fm-comment-stat-grid {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0,1fr));
    gap: 10px;
    margin-bottom: 22px;
}

.fm-comment-stat-grid > div {
    padding: 17px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 7px;
    background: rgba(255,255,255,.025);
}

.fm-comment-stat-grid strong {
    display: block;
    font-size: 25px;
    line-height: 1;
}

.fm-comment-stat-grid span {
    display: block;
    margin-top: 7px;
    opacity: .55;
    font-size: 10px;
}

.fm-comment-admin-list-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.fm-comment-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.fm-comment-filter input,
.fm-comment-filter select {
    width: auto !important;
    min-width: 150px;
    margin: 0 !important;
}

.fm-admin-comment-list {
    display: grid;
    gap: 10px;
}

.fm-admin-comment-item {
    padding: 15px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 7px;
    background: rgba(255,255,255,.022);
}

.fm-admin-comment-top,
.fm-admin-comment-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.fm-admin-comment-top strong {
    display: block;
    font-size: 13px;
}

.fm-admin-comment-top span {
    display: block;
    margin-top: 4px;
    opacity: .5;
    font-size: 9px;
}

.fm-admin-comment-item > p {
    margin: 13px 0;
    font-size: 12px;
    line-height: 1.6;
}

.fm-admin-comment-status {
    flex: 0 0 auto;
    padding: 5px 8px;
    border-radius: 4px;
    font-size: 9px;
    font-weight: 800;
}

.fm-admin-comment-status.is-approved {
    background: rgba(40,160,80,.16);
    color: #8ae3a5;
}

.fm-admin-comment-status.is-pending {
    background: rgba(218,164,38,.16);
    color: #f0cf75;
}

.fm-admin-comment-status.is-rejected {
    background: rgba(180,60,60,.15);
    color: #ec9696;
}

.fm-admin-comment-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.fm-admin-comment-actions form {
    margin: 0;
}

.fm-comment-secondary-button,
.fm-comment-delete-button {
    min-height: 34px;
    padding: 0 11px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 10px;
    font-weight: 750;
}

.fm-comment-secondary-button {
    border: 1px solid rgba(255,255,255,.10);
    background: rgba(255,255,255,.055);
    color: inherit;
}

.fm-comment-delete-button {
    border: 1px solid rgba(205,48,58,.26);
    background: rgba(205,48,58,.12);
    color: #f3a0a5;
}

@media (max-width: 800px) {

    .fm-comment-setting-grid,
    .fm-comment-admin-form-row,
    .fm-comment-stat-grid {
        grid-template-columns: 1fr;
    }

    .fm-comment-admin-list-head,
    .fm-admin-comment-top,
    .fm-admin-comment-bottom {
        align-items: stretch;
        flex-direction: column;
    }

    .fm-comment-filter {
        width: 100%;
    }

    .fm-comment-filter input,
    .fm-comment-filter select {
        width: 100% !important;
    }
}



/* =========================================================
   FILMIZLE LEAF CATEGORY GRID V1
   ========================================================= */

.category-netflix-page
.category-leaf-layout {
    width: 100%;
}


.category-netflix-page
.category-leaf-section {
    width: 100%;
    margin: 0 0 48px;
}


.category-netflix-page
.category-leaf-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;

    margin: 0 0 18px;
    padding: 0 3px;
}


.category-netflix-page
.category-leaf-head h2 {
    margin: 0;

    color: #fff;

    font-size: 24px;
    line-height: 1.15;
    font-weight: 900;
}


.category-netflix-page
.category-leaf-head span {
    flex: 0 0 auto;

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

    font-size: 12px;
    font-weight: 700;
}


.category-netflix-page
.category-leaf-grid {
    display: grid !important;

    width: 100%;

    gap: 24px 18px;

    overflow: visible !important;

    padding: 4px 0 10px !important;
}


.category-netflix-page
.category-leaf-content-grid {
    grid-template-columns:
        repeat(
            6,
            minmax(0, 1fr)
        );
}


.category-netflix-page
.category-leaf-channel-grid {
    grid-template-columns:
        repeat(
            6,
            minmax(0, 1fr)
        );
}


/*
 * Slider kartlarındaki sabit width/flex değerlerini
 * sadece leaf grid içinde iptal ediyoruz.
 */

.category-netflix-page
.category-leaf-grid
.fm-home-poster-card,
.category-netflix-page
.category-leaf-grid
.fm-home-channel-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    flex: none !important;

    margin: 0 !important;
}


.category-netflix-page
.category-leaf-grid
.fm-home-channel-image {
    width: 100% !important;

    min-height: 0 !important;

    aspect-ratio: 2 / 3 !important;
}


/* SAYFALAMA */

.category-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    gap: 8px;

    margin: 30px 0 4px;
}


.category-page-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;

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

    border-radius: 8px;

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

    color: #fff;

    font-size: 13px;
    font-weight: 800;

    line-height: 1;

    text-decoration: none;

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


.category-page-button:hover {
    background:
        rgba(255,255,255,.11);

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

    transform:
        translateY(-1px);
}


.category-page-button.is-active {
    background: #fff;

    border-color: #fff;

    color: #111;
}


.category-page-button.is-disabled {
    opacity: .28;

    cursor: default;

    pointer-events: none;
}


@media (max-width: 1200px) {

    .category-netflix-page
    .category-leaf-content-grid,
    .category-netflix-page
    .category-leaf-channel-grid {
        grid-template-columns:
            repeat(
                5,
                minmax(0, 1fr)
            );
    }

}


@media (max-width: 950px) {

    .category-netflix-page
    .category-leaf-content-grid,
    .category-netflix-page
    .category-leaf-channel-grid {
        grid-template-columns:
            repeat(
                4,
                minmax(0, 1fr)
            );
    }

}


@media (max-width: 700px) {

    .category-netflix-page
    .category-leaf-grid {
        gap: 17px 10px;
    }


    .category-netflix-page
    .category-leaf-content-grid,
    .category-netflix-page
    .category-leaf-channel-grid {
        grid-template-columns:
            repeat(
                3,
                minmax(0, 1fr)
            );
    }


    .category-netflix-page
    .category-leaf-head {
        align-items: center;

        margin-bottom: 13px;
    }


    .category-netflix-page
    .category-leaf-head h2 {
        font-size: 20px;
    }


    .category-page-button {
        width: 36px;
        height: 36px;
    }

}


@media (max-width: 440px) {

    .category-netflix-page
    .category-leaf-content-grid,
    .category-netflix-page
    .category-leaf-channel-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );
    }

}



/* =========================================================
   FILMIZLE LEAF CATEGORY GRID V2 - COMPACT
   ========================================================= */

.category-netflix-page .category-leaf-layout {
    width: 100% !important;
    max-width: none !important;
}

.category-netflix-page .category-leaf-section {
    width: 100% !important;
    max-width: none !important;
}


/* MASAUSTU: 8 KART */

.category-netflix-page .category-leaf-grid,
.category-netflix-page .category-leaf-content-grid,
.category-netflix-page .category-leaf-channel-grid {
    display: grid !important;

    grid-template-columns:
        repeat(8, minmax(0, 1fr)) !important;

    gap: 22px 16px !important;

    width: 100% !important;
    max-width: none !important;

    overflow: visible !important;

    padding: 0 !important;
    margin: 0 !important;

    align-items: start !important;
}


/* POSTER KART */

.category-netflix-page
.category-leaf-grid
.fm-home-poster-card {
    display: block !important;

    flex: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;

    transform: none !important;
}


.category-netflix-page
.category-leaf-grid
.fm-home-poster-card:hover {
    transform:
        translateY(-3px)
        scale(1.025) !important;
}


/* POSTER BOYUTUNU ORANTILI TUT */

.category-netflix-page
.category-leaf-grid
.fm-home-poster-image {
    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    aspect-ratio: 2 / 3 !important;
}


.category-netflix-page
.category-leaf-grid
.fm-home-poster-image img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
}


/* KART ALT YAZISI */

.category-netflix-page
.category-leaf-grid
.fm-home-poster-info {
    padding:
        9px 9px 11px !important;
}


.category-netflix-page
.category-leaf-grid
.fm-home-poster-info strong {
    font-size: 12px !important;

    line-height: 1.25 !important;
}


.category-netflix-page
.category-leaf-grid
.fm-home-poster-info span {
    margin-top: 4px !important;

    font-size: 9px !important;
}


/* CANLI KANAL GRID */

.category-netflix-page
.category-leaf-grid
.fm-home-channel-card {
    display: block !important;

    flex: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;

    transform: none !important;
}


.category-netflix-page
.category-leaf-grid
.fm-home-channel-card:hover {
    transform:
        translateY(-3px)
        scale(1.025) !important;
}


.category-netflix-page
.category-leaf-grid
.fm-home-channel-image {
    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    aspect-ratio: 2 / 3 !important;
}


/* BASLIK DA DEV OLMASIN */

.category-netflix-page
.category-leaf-head {
    margin-bottom: 16px !important;
}


.category-netflix-page
.category-leaf-head h2 {
    font-size: 22px !important;
}


/* 1300 ALTI: 7 */

@media (max-width: 1300px) {

    .category-netflix-page .category-leaf-grid,
    .category-netflix-page .category-leaf-content-grid,
    .category-netflix-page .category-leaf-channel-grid {
        grid-template-columns:
            repeat(7, minmax(0, 1fr)) !important;
    }

}


/* 1100 ALTI: 6 */

@media (max-width: 1100px) {

    .category-netflix-page .category-leaf-grid,
    .category-netflix-page .category-leaf-content-grid,
    .category-netflix-page .category-leaf-channel-grid {
        grid-template-columns:
            repeat(6, minmax(0, 1fr)) !important;
    }

}


/* 900 ALTI: 5 */

@media (max-width: 900px) {

    .category-netflix-page .category-leaf-grid,
    .category-netflix-page .category-leaf-content-grid,
    .category-netflix-page .category-leaf-channel-grid {
        grid-template-columns:
            repeat(5, minmax(0, 1fr)) !important;
    }

}


/* 700 ALTI: 4 */

@media (max-width: 700px) {

    .category-netflix-page .category-leaf-grid,
    .category-netflix-page .category-leaf-content-grid,
    .category-netflix-page .category-leaf-channel-grid {
        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;

        gap:
            16px 10px !important;
    }

}


/* TELEFON: 3 */

@media (max-width: 520px) {

    .category-netflix-page .category-leaf-grid,
    .category-netflix-page .category-leaf-content-grid,
    .category-netflix-page .category-leaf-channel-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;
    }

}


/* DAR TELEFON: 2 */

@media (max-width: 350px) {

    .category-netflix-page .category-leaf-grid,
    .category-netflix-page .category-leaf-content-grid,
    .category-netflix-page .category-leaf-channel-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

}



/* =========================================================
   FILMIZLE CATEGORY STICKY ADS V1
   ========================================================= */


/*
 * Sticky'nin calismasi icin kategori atalarinda
 * overflow kesilmemeli.
 */

.category-page,
.category-page .category-netflix-page,
.category-page .category-ad-layout {
    overflow: visible !important;
}


.category-page .category-netflix-page {
    width: calc(100% - 32px) !important;

    max-width: 1600px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/*
 * ANA SAYFADAKI AYNI 3 KOLONLU MANTIK
 */

.category-page .category-ad-layout {
    display: grid !important;

    grid-template-columns:
        170px
        minmax(0, 1fr)
        170px !important;

    gap: 18px !important;

    width: 100% !important;

    align-items: stretch !important;
}


.category-page
.category-main-column {
    width: 100% !important;

    min-width: 0 !important;
    max-width: none !important;

    overflow: visible !important;
}


/*
 * Sadece sol reklam varsa
 */

.category-page
.category-ad-layout.has-left-ad:not(.has-right-ad) {
    grid-template-columns:
        170px
        minmax(0, 1fr) !important;
}


/*
 * Sadece sag reklam varsa
 */

.category-page
.category-ad-layout.has-right-ad:not(.has-left-ad) {
    grid-template-columns:
        minmax(0, 1fr)
        170px !important;
}


/*
 * Hic reklam yoksa yan tarafta bos kolon birakma.
 */

.category-page
.category-ad-layout:not(.has-left-ad):not(.has-right-ad) {
    display: block !important;
}


/*
 * STICKY REKLAM
 */

.category-page
.category-side-ad {
    position: relative !important;

    width: 170px !important;

    min-width: 0 !important;
    max-width: 170px !important;

    align-self: stretch !important;

    overflow: visible !important;
}


.category-page
.category-side-ad
.home-side-ad-sticky {
    position: sticky !important;

    top: 14px !important;

    width: 100% !important;

    z-index: 25 !important;
}


.category-page
.category-side-ad
.ad-slot {
    width: 100% !important;

    min-width: 0 !important;
    max-width: 170px !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}


/*
 * EN ALT KATEGORI:
 * Tekrar baslik/sayac DOM'dan silindi.
 * Burada ekstra gizleme / maskeleme yok.
 */

.category-page
.category-leaf-section {
    margin-top: 0 !important;
}


/*
 * Daha once leaf-head icin ayrilmis olabilecek
 * yapay boslugu da kullanma.
 */

.category-page
.category-leaf-grid {
    margin-top: 0 !important;
}


/* =========================================================
   1280 ALTI
   ========================================================= */

@media (max-width: 1280px) {

    .category-page
    .category-ad-layout {
        grid-template-columns:
            140px
            minmax(0, 1fr)
            140px !important;

        gap: 14px !important;
    }


    .category-page
    .category-ad-layout.has-left-ad:not(.has-right-ad) {
        grid-template-columns:
            140px
            minmax(0, 1fr) !important;
    }


    .category-page
    .category-ad-layout.has-right-ad:not(.has-left-ad) {
        grid-template-columns:
            minmax(0, 1fr)
            140px !important;
    }


    .category-page
    .category-side-ad {
        width: 140px !important;
        max-width: 140px !important;
    }


    .category-page
    .category-side-ad
    .ad-slot {
        max-width: 140px !important;
    }

}


/* =========================================================
   TABLET / MOBIL
   Ana sayfadaki davranisla ayni:
   yan reklamlar kaybolur, icerik tam genislik olur.
   ========================================================= */

@media (max-width: 1050px) {

    .category-page
    .category-ad-layout,
    .category-page
    .category-ad-layout.has-left-ad:not(.has-right-ad),
    .category-page
    .category-ad-layout.has-right-ad:not(.has-left-ad) {
        display: block !important;
    }


    .category-page
    .category-side-ad {
        display: none !important;
    }


    .category-page
    .category-main-column {
        width: 100% !important;
        max-width: 100% !important;
    }

}


@media (max-width: 650px) {

    .category-page
    .category-netflix-page {
        width: calc(100% - 18px) !important;
    }

}



/* =========================================================
   FILMIZLE SIDE ADS V3
   %20 GENIS + %40 UZUN + STICKY
   ========================================================= */

/*
 * Eski efektif reklam:
 * 170px x 560px
 *
 * Yeni:
 * 204px x 784px
 *
 * 170 x 1.20 = 204
 * 560 x 1.40 = 784
 */


/* =========================================================
   ANA SAYFA + KATEGORI ORTA GENISLIK
   Orta icerik eski genisligini korusun.
   ========================================================= */

.home-page .home-page-container,
.category-page .category-netflix-page {
    width: calc(100% - 24px) !important;

    max-width: 1490px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    overflow: visible !important;
}


/* =========================================================
   3 KOLON
   ========================================================= */

.home-page .home-ad-layout,
.category-page .category-ad-layout {
    display: grid !important;

    grid-template-columns:
        204px
        minmax(0, 1fr)
        204px !important;

    gap: 18px !important;

    width: 100% !important;

    align-items: stretch !important;

    overflow: visible !important;
}


/*
 * Kategori sayfasında sadece tek taraf reklam varsa.
 */

.category-page
.category-ad-layout.has-left-ad:not(.has-right-ad) {
    grid-template-columns:
        204px
        minmax(0, 1fr) !important;
}


.category-page
.category-ad-layout.has-right-ad:not(.has-left-ad) {
    grid-template-columns:
        minmax(0, 1fr)
        204px !important;
}


/* =========================================================
   REKLAM KOLONU
   ========================================================= */

.home-page .home-side-ad,
.category-page .category-side-ad {
    position: relative !important;

    width: 204px !important;
    min-width: 204px !important;
    max-width: 204px !important;

    align-self: stretch !important;

    overflow: visible !important;

    z-index: 20 !important;
}


/* =========================================================
   STICKY
   Header:
   yaklaşık 112px ana header
   + 54px kategori satırı
   = 166px

   Reklam header altında kalması için 178px.
   ========================================================= */

.home-page .home-side-ad-sticky,
.category-page
.category-side-ad
.home-side-ad-sticky {
    position: sticky !important;

    top: 178px !important;

    width: 204px !important;

    display: grid !important;

    gap: 16px !important;

    align-self: start !important;

    z-index: 25 !important;
}


/* =========================================================
   REKLAM KUTUSU
   ========================================================= */

.home-page
.home-side-ad
.ad-slot,
.category-page
.category-side-ad
.ad-slot {
    width: 204px !important;
    min-width: 204px !important;
    max-width: 204px !important;

    min-height: 784px !important;

    margin: 0 !important;

    padding: 10px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
}


/* Reklam linki de kutunun tamamını kullansın */

.home-page
.home-side-ad
.filled-ad-link,
.category-page
.category-side-ad
.filled-ad-link,
.home-page
.home-side-ad
.empty-ad,
.category-page
.category-side-ad
.empty-ad {
    display: flex !important;

    width: 100% !important;
    min-height: 762px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   GORSEL / VIDEO
   ========================================================= */

.home-page
.home-side-ad
.ad-slot img,
.home-page
.home-side-ad
.ad-slot video,
.category-page
.category-side-ad
.ad-slot img,
.category-page
.category-side-ad
.ad-slot video {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 762px !important;
    min-height: 762px !important;
    max-height: 762px !important;

    object-fit: contain !important;

    margin: 0 auto !important;
}


/* =========================================================
   IFRAME / HTML REKLAM
   ========================================================= */

.home-page
.home-side-ad
.ad-slot iframe,
.category-page
.category-side-ad
.ad-slot iframe {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    min-height: 762px !important;
    height: 762px !important;

    border: 0 !important;
}


/* =========================================================
   SPOR HEADER KISAYOLU
   ========================================================= */

.header-category-inner
.header-sports-shortcut
.header-category-main {
    color: #ffffff !important;

    font-weight: 800 !important;
}


.header-category-inner
.header-sports-shortcut
.header-category-main::before {
    content: "●";

    display: inline-block;

    margin-right: 7px;

    font-size: 8px;

    vertical-align: middle;
}


/* =========================================================
   ORTA BOY EKRAN
   Reklamlari hala koruyoruz.
   ========================================================= */

@media (max-width: 1250px) {

    .home-page .home-page-container,
    .category-page .category-netflix-page {
        width: calc(100% - 18px) !important;
    }


    .home-page .home-ad-layout,
    .category-page .category-ad-layout {
        grid-template-columns:
            180px
            minmax(0, 1fr)
            180px !important;

        gap: 12px !important;
    }


    .category-page
    .category-ad-layout.has-left-ad:not(.has-right-ad) {
        grid-template-columns:
            180px
            minmax(0, 1fr) !important;
    }


    .category-page
    .category-ad-layout.has-right-ad:not(.has-left-ad) {
        grid-template-columns:
            minmax(0, 1fr)
            180px !important;
    }


    .home-page .home-side-ad,
    .category-page .category-side-ad,
    .home-page .home-side-ad-sticky,
    .category-page
    .category-side-ad
    .home-side-ad-sticky {
        width: 180px !important;
        min-width: 180px !important;
        max-width: 180px !important;
    }


    .home-page
    .home-side-ad
    .ad-slot,
    .category-page
    .category-side-ad
    .ad-slot {
        width: 180px !important;
        min-width: 180px !important;
        max-width: 180px !important;
    }

}


/* =========================================================
   TABLET / MOBIL
   Yan reklamlar kapanir.
   ========================================================= */

@media (max-width: 1050px) {

    .home-page .home-ad-layout,
    .category-page .category-ad-layout,
    .category-page
    .category-ad-layout.has-left-ad:not(.has-right-ad),
    .category-page
    .category-ad-layout.has-right-ad:not(.has-left-ad) {
        display: block !important;
    }


    .home-page .home-side-ad,
    .category-page .category-side-ad {
        display: none !important;
    }

}



/* =========================================================
   FILMIZLE HEADER SPORTS DROPDOWN V2
   ========================================================= */

.header-sports-shortcut {
    position: relative !important;
}


.header-sports-dropdown {
    width: 560px !important;
    min-width: 560px !important;
    max-width: min(560px, calc(100vw - 30px)) !important;

    max-height: 520px !important;

    padding: 10px !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;
}


.header-sports-dropdown-grid {
    display: grid !important;

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

    gap: 4px !important;
}


.header-sports-dropdown
.header-sports-channel {
    display: grid !important;

    grid-template-columns:
        38px minmax(0, 1fr) !important;

    align-items: center !important;

    gap: 9px !important;

    min-width: 0 !important;

    padding: 7px 8px !important;

    border-radius: 5px !important;

    white-space: normal !important;
}


.header-sports-dropdown
.header-sports-channel:hover {
    background:
        rgba(255,255,255,.075) !important;
}


.header-sports-logo {
    width: 38px !important;
    height: 30px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;

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

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

    border-radius: 4px !important;
}


.header-sports-logo img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;
}


.header-sports-logo b {
    color: #fff !important;

    font-size: 11px !important;
}


.header-sports-name {
    min-width: 0 !important;

    overflow: hidden !important;

    color: #f3f3f3 !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    line-height: 1.2 !important;

    text-overflow: ellipsis !important;
}


.header-sports-all {
    margin-top: 8px !important;

    padding: 11px 12px !important;

    text-align: center !important;

    color: #fff !important;

    font-size: 11px !important;
    font-weight: 900 !important;

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

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


@media (max-width: 900px) {

    .header-sports-dropdown {
        width: auto !important;
        min-width: 0 !important;

        left: 12px !important;
        right: 12px !important;

        max-width: none !important;
    }


    .header-sports-dropdown-grid {
        grid-template-columns:
            1fr !important;
    }

}



/* =========================================================
   FILMIZLE SPORTS DROPDOWN TEXT ONLY V5
   ========================================================= */

.header-sports-shortcut img,
.header-sports-shortcut picture,
.header-sports-shortcut video,
.header-sports-shortcut .header-sports-logo {
    display: none !important;

    width: 0 !important;
    height: 0 !important;

    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


.header-sports-shortcut
.header-category-dropdown {
    width: 680px !important;
    min-width: 680px !important;
    max-width: min(
        680px,
        calc(100vw - 24px)
    ) !important;

    max-height: 470px !important;

    padding: 10px !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;
}


.header-sports-shortcut
.header-sports-dropdown-grid {
    display: grid !important;

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

    gap: 3px !important;

    width: 100% !important;
}


.header-sports-shortcut
.header-sports-channel {
    display: flex !important;

    position: relative !important;

    width: 100% !important;
    min-width: 0 !important;

    height: 35px !important;
    min-height: 35px !important;
    max-height: 35px !important;

    align-items: center !important;

    gap: 0 !important;

    padding: 0 10px !important;
    margin: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    background: transparent !important;

    color: rgba(255,255,255,.90) !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 35px !important;

    white-space: nowrap !important;
    text-overflow: ellipsis !important;

    border-radius: 4px !important;

    transform: none !important;
}


.header-sports-shortcut
.header-sports-channel:hover {
    background:
        rgba(255,255,255,.08) !important;

    color: #fff !important;
}


.header-sports-shortcut
.header-sports-channel::before {
    content: "" !important;

    display: block !important;

    flex: 0 0 5px !important;

    width: 5px !important;
    height: 5px !important;

    margin-right: 8px !important;

    border-radius: 50% !important;

    background:
        rgba(255,255,255,.55) !important;
}


.header-sports-shortcut
.header-sports-name {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;

    overflow: hidden !important;

    color: inherit !important;

    font: inherit !important;

    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}


@media (max-width: 760px) {

    .header-sports-shortcut
    .header-category-dropdown {
        width:
            calc(100vw - 20px) !important;

        min-width: 0 !important;

        max-width:
            calc(100vw - 20px) !important;
    }


    .header-sports-shortcut
    .header-sports-dropdown-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;
    }

}


@media (max-width: 480px) {

    .header-sports-shortcut
    .header-sports-dropdown-grid {
        grid-template-columns:
            1fr !important;
    }

}



/* =========================================================
   FILMIZLE SPORTS MENU CLEAN FINAL V6
   TEXT ONLY
   ========================================================= */

.header-category-inner
.header-sports-shortcut
.header-sports-dropdown {
    width: 720px !important;
    min-width: 720px !important;

    max-width:
        min(
            720px,
            calc(100vw - 24px)
        ) !important;

    max-height: 500px !important;

    padding: 10px !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    background: #111315 !important;
    background-image: none !important;

    border:
        1px solid #30363b !important;

    box-shadow:
        0 18px 46px
        rgba(0,0,0,.46) !important;

    opacity: 1 !important;
}


.header-category-inner
.header-sports-shortcut
.header-sports-dropdown-grid {
    display: grid !important;

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

    gap: 3px !important;

    width: 100% !important;
}


.header-category-inner
.header-sports-shortcut
.header-sports-channel {
    display: block !important;

    position: relative !important;

    width: 100% !important;
    min-width: 0 !important;

    height: 35px !important;
    min-height: 35px !important;
    max-height: 35px !important;

    margin: 0 !important;

    padding:
        0 10px !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    background:
        transparent !important;

    background-image:
        none !important;

    border: 0 !important;
    border-radius: 4px !important;

    color: #e9edf0 !important;

    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 35px !important;

    white-space: nowrap !important;

    text-overflow: ellipsis !important;

    transform: none !important;
}


/*
 * Önceki genel dropdown CSS'inden gelen
 * | / nokta / çizgi gibi pseudo elementleri sil.
 */
.header-category-inner
.header-sports-shortcut
.header-sports-channel::before,
.header-category-inner
.header-sports-shortcut
.header-sports-channel::after {
    content: none !important;

    display: none !important;
}


.header-category-inner
.header-sports-shortcut
.header-sports-channel:hover {
    background:
        #1d2327 !important;

    color: #fff !important;

    transform: none !important;
}


/*
 * Blade artık zaten resim üretmiyor.
 * Eski view cache kalırsa bile güvenlik olarak kapalı.
 */
.header-category-inner
.header-sports-shortcut
.header-sports-dropdown img,
.header-category-inner
.header-sports-shortcut
.header-sports-dropdown picture,
.header-category-inner
.header-sports-shortcut
.header-sports-dropdown video,
.header-category-inner
.header-sports-shortcut
.header-sports-logo {
    display: none !important;

    width: 0 !important;
    height: 0 !important;

    min-width: 0 !important;
    min-height: 0 !important;

    max-width: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


.header-category-inner
.header-sports-shortcut
.header-sports-all {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 40px !important;

    margin-top: 8px !important;

    padding:
        8px 10px !important;

    background:
        #181c1f !important;

    color: #fff !important;

    border-top:
        1px solid #2f353a !important;
}


@media (max-width: 760px) {

    .header-category-inner
    .header-sports-shortcut
    .header-sports-dropdown {
        width:
            calc(100vw - 20px) !important;

        min-width: 0 !important;

        max-width:
            calc(100vw - 20px) !important;
    }


    .header-category-inner
    .header-sports-shortcut
    .header-sports-dropdown-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;
    }

}


@media (max-width: 480px) {

    .header-category-inner
    .header-sports-shortcut
    .header-sports-dropdown-grid {
        grid-template-columns:
            1fr !important;
    }

}



/* =========================================================
   FILMIZLE SIDE ADS REAL FINAL V5
   ORIJINAL: 170 x 590
   YENI:     204 x 826
   ========================================================= */

:root {
    --fm-side-ad-width: 204px;
    --fm-side-ad-height: 826px;
    --fm-side-ad-gap: 18px;
}


/* =========================================================
   ANA SAYFA
   ========================================================= */

body.home-page
.home-page-container {
    width: calc(100% - 24px) !important;
    max-width: 1600px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    overflow: visible !important;
}


body.home-page
.home-ad-layout {
    display: grid !important;

    grid-template-columns:
        var(--fm-side-ad-width)
        minmax(0, 1fr)
        var(--fm-side-ad-width) !important;

    gap:
        var(--fm-side-ad-gap) !important;

    width: 100% !important;

    align-items: stretch !important;

    overflow: visible !important;
}


/* =========================================================
   KATEGORI SAYFALARI
   ========================================================= */

body.category-page
.category-netflix-page {
    width: calc(100% - 24px) !important;
    max-width: 1600px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    overflow: visible !important;
}


body.category-page
.category-ad-layout {
    display: grid !important;

    grid-template-columns:
        var(--fm-side-ad-width)
        minmax(0, 1fr)
        var(--fm-side-ad-width) !important;

    gap:
        var(--fm-side-ad-gap) !important;

    width: 100% !important;

    align-items: stretch !important;

    overflow: visible !important;
}


body.category-page
.category-ad-layout.has-left-ad:not(.has-right-ad) {
    grid-template-columns:
        var(--fm-side-ad-width)
        minmax(0, 1fr) !important;
}


body.category-page
.category-ad-layout.has-right-ad:not(.has-left-ad) {
    grid-template-columns:
        minmax(0, 1fr)
        var(--fm-side-ad-width) !important;
}


/* =========================================================
   HOME + KATEGORI REKLAM KOLONU
   ========================================================= */

body.home-page
.home-side-ad,

body.category-page
.category-side-ad {
    position: relative !important;

    display: block !important;

    width:
        var(--fm-side-ad-width) !important;

    min-width:
        var(--fm-side-ad-width) !important;

    max-width:
        var(--fm-side-ad-width) !important;

    overflow: visible !important;

    align-self: stretch !important;
}


/*
 * Sayfa aşağı indikçe reklam da gelir.
 */

body.home-page
.home-side-ad-sticky,

body.category-page
.category-side-ad
.home-side-ad-sticky {
    position: sticky !important;

    top: 18px !important;

    display: block !important;

    width:
        var(--fm-side-ad-width) !important;

    z-index: 30 !important;
}


/* =========================================================
   GERCEK SLOT BOYUTU
   ========================================================= */

body.home-page
.home-side-ad
.ad-slot,

body.category-page
.category-side-ad
.ad-slot {
    display: flex !important;

    width:
        var(--fm-side-ad-width) !important;

    min-width:
        var(--fm-side-ad-width) !important;

    max-width:
        var(--fm-side-ad-width) !important;

    height:
        var(--fm-side-ad-height) !important;

    min-height:
        var(--fm-side-ad-height) !important;

    max-height:
        var(--fm-side-ad-height) !important;

    margin: 0 0 16px !important;

    padding: 10px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
}


/*
 * Boş reklam.
 */

body.home-page
.home-side-ad
.empty-ad-premium,

body.category-page
.category-side-ad
.empty-ad-premium {
    width: 100% !important;
    height: 100% !important;

    min-height: 100% !important;
    max-height: 100% !important;

    box-sizing: border-box !important;
}


/*
 * Dolu reklam.
 */

body.home-page
.home-side-ad
.filled-ad-link,

body.category-page
.category-side-ad
.filled-ad-link {
    display: flex !important;

    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


body.home-page
.home-side-ad
.filled-ad-image,

body.home-page
.home-side-ad
.filled-ad-video,

body.home-page
.home-side-ad
iframe,

body.category-page
.category-side-ad
.filled-ad-image,

body.category-page
.category-side-ad
.filled-ad-video,

body.category-page
.category-side-ad
iframe {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: 100% !important;
    max-height: 100% !important;

    object-fit: cover !important;

    border: 0 !important;
}


/* =========================================================
   KANAL IZLEME SAYFASI
   Mevcut left / right reklamlar da aynı ölçü.
   ========================================================= */

.watch-layout {
    grid-template-columns:
        var(--fm-side-ad-width)
        minmax(0, 1fr)
        var(--fm-side-ad-width) !important;

    gap:
        var(--fm-side-ad-gap) !important;
}


.watch-layout
.side-ads {
    position: sticky !important;

    top: 18px !important;

    width:
        var(--fm-side-ad-width) !important;

    min-width:
        var(--fm-side-ad-width) !important;

    max-width:
        var(--fm-side-ad-width) !important;

    align-self: start !important;
}


.watch-layout
.side-ads
.ad-slot {
    display: flex !important;

    width:
        var(--fm-side-ad-width) !important;

    min-width:
        var(--fm-side-ad-width) !important;

    max-width:
        var(--fm-side-ad-width) !important;

    height:
        var(--fm-side-ad-height) !important;

    min-height:
        var(--fm-side-ad-height) !important;

    max-height:
        var(--fm-side-ad-height) !important;

    margin: 0 0 16px !important;

    padding: 10px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
}


.watch-layout
.side-ads
.empty-ad-premium {
    width: 100% !important;
    height: 100% !important;

    min-height: 100% !important;
    max-height: 100% !important;
}


.watch-layout
.side-ads
.filled-ad-link {
    display: flex !important;

    width: 100% !important;
    height: 100% !important;
}


.watch-layout
.side-ads
.filled-ad-image,

.watch-layout
.side-ads
.filled-ad-video,

.watch-layout
.side-ads
iframe {
    width: 100% !important;
    height: 100% !important;

    max-width: 100% !important;
    max-height: 100% !important;

    object-fit: cover !important;
}


/* =========================================================
   ORTA KOLONLAR
   ========================================================= */

body.home-page
.home-main-column,

body.category-page
.category-main-column,

.watch-layout
.player-column {
    min-width: 0 !important;
}


/*
 * ÖNEMLİ:
 * 1250 altında artık 180px'e DÜŞÜRMÜYORUZ.
 *
 * 204px masaüstünde sabit kalacak.
 */


/* Tablet / telefon */

@media (max-width: 1050px) {

    body.home-page
    .home-ad-layout,

    body.category-page
    .category-ad-layout,

    body.category-page
    .category-ad-layout.has-left-ad:not(.has-right-ad),

    body.category-page
    .category-ad-layout.has-right-ad:not(.has-left-ad),

    .watch-layout {
        grid-template-columns:
            1fr !important;
    }


    body.home-page
    .home-side-ad,

    body.category-page
    .category-side-ad,

    .watch-layout
    .side-ads {
        display: none !important;
    }

}



/* =========================================================
   FILMIZLE PUBLIC CONTENT PAGE V1
   ========================================================= */

.content-watch-page {
    overflow: visible;
}


.content-watch-heading {
    display: flex;

    align-items: center;

    gap: 16px;

    margin-bottom: 16px;
}


.content-watch-poster {
    width: 72px;
    height: 104px;

    flex: 0 0 72px;

    object-fit: cover;

    border-radius: 6px;

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


.content-watch-heading h1 {
    margin: 4px 0 0;

    color: #fff;

    font-size: 30px;
    line-height: 1.1;
}


.content-watch-meta,
.content-current-episode {
    color:
        rgba(255,255,255,.58);

    font-size: 12px;
    font-weight: 700;
}


.content-current-episode {
    margin-top: 8px;

    color:
        rgba(255,255,255,.78);
}


.content-no-source,
.content-description-card,
.content-seasons,
.content-recommended {
    margin-top: 22px;

    padding: 18px;

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

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

    border-radius: 8px;
}


.content-description-card h2,
.content-section-head h2 {
    margin: 0 0 12px;

    color: #fff;

    font-size: 20px;
}


.content-description-card p {
    margin: 0;

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

    line-height: 1.7;
}


.content-season-block {
    margin-top: 20px;
}


.content-season-block h3 {
    margin: 0 0 10px;

    color: #fff;

    font-size: 16px;
}


.content-episode-grid {
    display: grid;

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

    gap: 7px;
}


.content-episode-card {
    display: grid;

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

    align-items: center;

    gap: 8px;

    min-height: 46px;

    padding: 7px 10px;

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

    text-decoration: none;

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

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

    border-radius: 5px;
}


.content-episode-card:hover,
.content-episode-card.is-active {
    color: #fff;

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

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


.content-episode-number {
    display: flex;

    width: 28px;
    height: 28px;

    align-items: center;
    justify-content: center;

    border-radius: 4px;

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

    font-size: 11px;
    font-weight: 900;
}


.content-episode-name {
    overflow: hidden;

    font-size: 11px;
    font-weight: 700;

    white-space: nowrap;

    text-overflow: ellipsis;
}


.content-episode-play {
    font-size: 10px;

    opacity: .65;
}


.content-recommended-grid {
    display: grid;

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

    gap: 16px 12px;
}


.content-recommended-grid
.fm-home-poster-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
}


.content-recommended-grid
.fm-home-poster-image {
    width: 100% !important;
    height: auto !important;

    aspect-ratio: 2 / 3;
}


@media (max-width: 1000px) {

    .content-episode-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }


    .content-recommended-grid {
        grid-template-columns:
            repeat(
                4,
                minmax(0,1fr)
            );
    }

}


@media (max-width: 650px) {

    .content-watch-heading h1 {
        font-size: 23px;
    }


    .content-watch-poster {
        width: 58px;
        height: 84px;

        flex-basis: 58px;
    }


    .content-episode-grid {
        grid-template-columns:
            1fr;
    }


    .content-recommended-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }

}



/* =========================================================
   FILMIZLE CONTENT WATCH FINAL V3
   ========================================================= */


/*
 * Eski .content-page sinifi statik sayfalar icindi.
 * Film/dizi player body artik ondan tamamen bagimsiz.
 */

body.filmizle-content-watch-page {
    width: auto !important;
    max-width: none !important;

    min-height: 100vh !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow-x: hidden !important;
}


/* ANA PLAYER SAYFA ALANI */

body.filmizle-content-watch-page
.content-watch-page {
    width: calc(100% - 24px) !important;

    max-width: 1600px !important;

    margin:
        24px auto 60px !important;

    padding: 0 !important;

    overflow: visible !important;
}


/* SOL REKLAM + PLAYER + SAG REKLAM */

body.filmizle-content-watch-page
.watch-layout {
    display: grid !important;

    grid-template-columns:
        204px
        minmax(0, 1fr)
        204px !important;

    gap: 18px !important;

    width: 100% !important;

    align-items: start !important;

    overflow: visible !important;
}


/* =========================================================
   YAN REKLAMLAR
   204 x 826
   ========================================================= */

body.filmizle-content-watch-page
.side-ads {
    position: sticky !important;

    top: 18px !important;

    display: block !important;

    width: 204px !important;

    min-width: 204px !important;
    max-width: 204px !important;

    align-self: start !important;

    overflow: visible !important;
}


body.filmizle-content-watch-page
.side-ads
.ad-slot {
    display: flex !important;

    width: 204px !important;

    min-width: 204px !important;
    max-width: 204px !important;

    height: 826px !important;

    min-height: 826px !important;
    max-height: 826px !important;

    padding: 10px !important;

    margin:
        0 0 16px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
}


body.filmizle-content-watch-page
.side-ads
.empty-ad-premium,
body.filmizle-content-watch-page
.side-ads
.filled-ad-link {
    width: 100% !important;
    height: 100% !important;

    min-height: 100% !important;
    max-height: 100% !important;
}


body.filmizle-content-watch-page
.side-ads img,
body.filmizle-content-watch-page
.side-ads video,
body.filmizle-content-watch-page
.side-ads iframe {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: 100% !important;
    max-height: 100% !important;

    object-fit: cover !important;
}


/* =========================================================
   ORTA PLAYER KOLONU
   ========================================================= */

body.filmizle-content-watch-page
.content-player-column {
    width: 100% !important;

    min-width: 0 !important;
    max-width: none !important;

    overflow: visible !important;
}


/* BASLIK */

body.filmizle-content-watch-page
.content-watch-heading {
    display: flex !important;

    align-items: center !important;

    gap: 15px !important;

    width: 100% !important;

    margin:
        0 0 16px !important;
}


body.filmizle-content-watch-page
.content-watch-poster {
    display: block !important;

    flex:
        0 0 64px !important;

    width: 64px !important;
    height: 92px !important;

    min-width: 64px !important;
    max-width: 64px !important;

    min-height: 92px !important;
    max-height: 92px !important;

    object-fit: cover !important;

    border-radius: 5px !important;

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


body.filmizle-content-watch-page
.content-watch-heading h1 {
    margin: 0 !important;

    color: #fff !important;

    font-size: 28px !important;
    font-weight: 900 !important;

    line-height: 1.12 !important;
}


body.filmizle-content-watch-page
.content-watch-meta {
    margin-bottom: 6px !important;

    color:
        rgba(255,255,255,.55) !important;

    font-size: 11px !important;
    font-weight: 700 !important;
}


body.filmizle-content-watch-page
.content-current-episode {
    margin-top: 7px !important;

    color:
        rgba(255,255,255,.72) !important;

    font-size: 12px !important;
    font-weight: 700 !important;
}


/* =========================================================
   PLAYER
   ========================================================= */

body.filmizle-content-watch-page
.content-player-shell {
    position: relative !important;

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    aspect-ratio: 16 / 9 !important;

    margin: 0 !important;

    background: #000 !important;

    overflow: hidden !important;

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

    border-radius: 7px !important;
}


body.filmizle-content-watch-page
.content-player-shell
#main-player {
    display: block !important;

    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    object-fit: contain !important;

    background: #000 !important;
}


/* =========================================================
   ACIKLAMA
   ========================================================= */

body.filmizle-content-watch-page
.content-description-card,
body.filmizle-content-watch-page
.content-seasons,
body.filmizle-content-watch-page
.content-recommended {
    width: 100% !important;

    margin-top: 24px !important;

    padding: 18px !important;

    box-sizing: border-box !important;

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

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

    border-radius: 7px !important;
}


body.filmizle-content-watch-page
.content-description-card h2,
body.filmizle-content-watch-page
.content-section-head h2 {
    margin:
        0 0 13px !important;

    color: #fff !important;

    font-size: 20px !important;
}


/* =========================================================
   SEZON / BOLUM
   ========================================================= */

body.filmizle-content-watch-page
.content-season-block {
    margin-top: 20px !important;
}


body.filmizle-content-watch-page
.content-season-block h3 {
    margin:
        0 0 10px !important;

    color: #fff !important;

    font-size: 16px !important;
}


body.filmizle-content-watch-page
.content-episode-grid {
    display: grid !important;

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

    gap: 7px !important;

    width: 100% !important;
}


body.filmizle-content-watch-page
.content-episode-card {
    display: grid !important;

    grid-template-columns:
        32px
        minmax(0, 1fr)
        18px !important;

    align-items: center !important;

    gap: 8px !important;

    min-width: 0 !important;

    min-height: 46px !important;

    padding:
        7px 10px !important;

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

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

    border-radius: 5px !important;

    color: #eee !important;

    text-decoration: none !important;
}


body.filmizle-content-watch-page
.content-episode-card:hover,
body.filmizle-content-watch-page
.content-episode-card.is-active {
    background:
        rgba(255,255,255,.10) !important;

    border-color:
        rgba(255,255,255,.17) !important;
}


body.filmizle-content-watch-page
.content-episode-name {
    min-width: 0 !important;

    overflow: hidden !important;

    white-space: nowrap !important;

    text-overflow: ellipsis !important;
}


/* =========================================================
   BENZER ICERIKLER
   ========================================================= */

body.filmizle-content-watch-page
.content-recommended-grid {
    display: grid !important;

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

    gap:
        18px 12px !important;

    width: 100% !important;
}


body.filmizle-content-watch-page
.content-recommended-grid
.fm-home-poster-card {
    width: 100% !important;

    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
}


body.filmizle-content-watch-page
.content-recommended-grid
.fm-home-poster-image {
    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;

    aspect-ratio: 2 / 3 !important;
}


body.filmizle-content-watch-page
.content-recommended-grid
.fm-home-poster-image img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    body.filmizle-content-watch-page
    .watch-layout {
        grid-template-columns:
            1fr !important;
    }


    body.filmizle-content-watch-page
    .side-ads {
        display: none !important;
    }


    body.filmizle-content-watch-page
    .content-recommended-grid {
        grid-template-columns:
            repeat(
                4,
                minmax(0,1fr)
            ) !important;
    }

}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 700px) {

    body.filmizle-content-watch-page
    .content-watch-page {
        width:
            calc(100% - 16px) !important;

        margin-top: 14px !important;
    }


    body.filmizle-content-watch-page
    .content-watch-heading h1 {
        font-size: 22px !important;
    }


    body.filmizle-content-watch-page
    .content-episode-grid {
        grid-template-columns:
            1fr !important;
    }


    body.filmizle-content-watch-page
    .content-recommended-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            ) !important;
    }

}



/* =========================================================
   FILMIZLE CONTENT DETAIL FINAL V4
   ========================================================= */


/* =========================================================
   BASLIK - POSTER YOK
   ========================================================= */

body.filmizle-content-watch-page
.content-watch-heading {
    display: block !important;

    width: 100% !important;

    margin:
        0 0 15px !important;
}


body.filmizle-content-watch-page
.content-watch-heading h1 {
    margin: 0 !important;

    color: #fff !important;

    font-size: 29px !important;
    font-weight: 900 !important;

    line-height: 1.12 !important;
}


body.filmizle-content-watch-page
.content-watch-meta {
    display: flex !important;

    flex-wrap: wrap !important;

    gap: 6px !important;

    margin-bottom: 6px !important;

    color:
        rgba(
            255,
            255,
            255,
            .55
        ) !important;

    font-size: 11px !important;
    font-weight: 700 !important;
}


/*
 * Eski üst poster DOM/cache'de kalsa bile
 * görünmesin ve yer kaplamasın.
 */
body.filmizle-content-watch-page
.content-watch-heading
.content-watch-poster {
    display: none !important;

    width: 0 !important;
    height: 0 !important;

    margin: 0 !important;
}


/* =========================================================
   PLAYER
   ========================================================= */

body.filmizle-content-watch-page
.content-player-shell {
    position: relative !important;

    width: 100% !important;

    aspect-ratio: 16 / 9 !important;

    min-height: 0 !important;

    background: #050505 !important;

    overflow: hidden !important;

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

    border-radius: 7px !important;
}


body.filmizle-content-watch-page
.content-player-shell
#main-player {
    position: absolute !important;

    inset: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    object-fit: contain !important;

    background: #000 !important;
}


/*
 * Kaynak olmayan içerikte görsel yine
 * video ekranının içinde.
 */
body.filmizle-content-watch-page
.content-player-placeholder {
    position: absolute !important;

    inset: 0 !important;

    display: flex !important;

    align-items: flex-end !important;
    justify-content: flex-start !important;

    width: 100% !important;
    height: 100% !important;

    padding: 28px !important;

    box-sizing: border-box !important;

    background-color: #090909 !important;

    background-position:
        center !important;

    background-repeat:
        no-repeat !important;

    background-size:
        cover !important;
}


body.filmizle-content-watch-page
.content-player-placeholder > div {
    display: flex !important;

    flex-direction: column !important;

    gap: 5px !important;

    max-width: 520px !important;

    padding:
        13px 16px !important;

    background:
        rgba(
            0,
            0,
            0,
            .68
        ) !important;

    border-radius: 6px !important;

    backdrop-filter:
        blur(5px) !important;
}


body.filmizle-content-watch-page
.content-player-placeholder strong {
    color: #fff !important;

    font-size: 17px !important;
}


body.filmizle-content-watch-page
.content-player-placeholder span {
    color:
        rgba(
            255,
            255,
            255,
            .70
        ) !important;

    font-size: 11px !important;
}


/* =========================================================
   BOLUM SECICI
   ========================================================= */

body.filmizle-content-watch-page
.content-episode-picker-section {
    width: 100% !important;

    margin-top: 24px !important;
}


body.filmizle-content-watch-page
.content-episode-picker-section > h2 {
    margin:
        0 0 10px !important;

    color: #fff !important;

    font-size: 20px !important;
}


body.filmizle-content-watch-page
.content-episode-picker {
    position: relative !important;

    width: 100% !important;

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

    border-radius: 7px !important;

    background:
        #111315 !important;

    overflow: visible !important;
}


body.filmizle-content-watch-page
.content-episode-picker > summary {
    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 18px !important;

    min-height: 64px !important;

    padding:
        11px 16px !important;

    box-sizing: border-box !important;

    cursor: pointer !important;

    list-style: none !important;

    user-select: none !important;
}


body.filmizle-content-watch-page
.content-episode-picker
> summary::-webkit-details-marker {
    display: none !important;
}


body.filmizle-content-watch-page
.episode-picker-current {
    display: flex !important;

    flex-direction: column !important;

    gap: 3px !important;

    min-width: 0 !important;
}


body.filmizle-content-watch-page
.episode-picker-current small {
    color:
        rgba(
            255,
            255,
            255,
            .46
        ) !important;

    font-size: 9px !important;
    font-weight: 800 !important;

    text-transform:
        uppercase !important;
}


body.filmizle-content-watch-page
.episode-picker-current strong {
    overflow: hidden !important;

    color: #fff !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    white-space: nowrap !important;

    text-overflow:
        ellipsis !important;
}


body.filmizle-content-watch-page
.episode-picker-action {
    display: flex !important;

    align-items: center !important;

    gap: 8px !important;

    flex: 0 0 auto !important;

    color:
        rgba(
            255,
            255,
            255,
            .72
        ) !important;

    font-size: 11px !important;
    font-weight: 800 !important;
}


body.filmizle-content-watch-page
.episode-picker-action b {
    display: inline-block !important;

    transition:
        transform .18s ease !important;
}


body.filmizle-content-watch-page
.content-episode-picker[open]
.episode-picker-action b {
    transform:
        rotate(180deg) !important;
}


body.filmizle-content-watch-page
.episode-picker-dropdown {
    width: 100% !important;

    max-height: 440px !important;

    padding:
        8px 10px 12px !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    box-sizing: border-box !important;

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


body.filmizle-content-watch-page
.episode-picker-season {
    margin-top: 9px !important;
}


body.filmizle-content-watch-page
.episode-picker-season:first-child {
    margin-top: 0 !important;
}


body.filmizle-content-watch-page
.episode-picker-season-title {
    padding:
        5px 5px 7px !important;

    color:
        rgba(
            255,
            255,
            255,
            .52
        ) !important;

    font-size: 10px !important;
    font-weight: 900 !important;
}


body.filmizle-content-watch-page
.episode-picker-list {
    display: grid !important;

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

    gap: 5px !important;
}


body.filmizle-content-watch-page
.episode-picker-item {
    display: grid !important;

    grid-template-columns:
        30px
        minmax(0, 1fr)
        16px !important;

    align-items: center !important;

    gap: 8px !important;

    min-width: 0 !important;

    min-height: 42px !important;

    padding:
        5px 8px !important;

    box-sizing: border-box !important;

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

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

    border-radius: 5px !important;

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

    text-decoration: none !important;
}


body.filmizle-content-watch-page
.episode-picker-item:hover,
body.filmizle-content-watch-page
.episode-picker-item.is-active {
    background:
        rgba(
            255,
            255,
            255,
            .095
        ) !important;

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

    color: #fff !important;
}


body.filmizle-content-watch-page
.episode-picker-number {
    display: flex !important;

    width: 28px !important;
    height: 28px !important;

    align-items: center !important;
    justify-content: center !important;

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

    border-radius: 4px !important;

    font-size: 10px !important;
    font-weight: 900 !important;
}


body.filmizle-content-watch-page
.episode-picker-name {
    min-width: 0 !important;

    overflow: hidden !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    white-space: nowrap !important;

    text-overflow:
        ellipsis !important;
}


body.filmizle-content-watch-page
.episode-picker-play {
    font-size: 9px !important;

    opacity: .62 !important;
}


/* =========================================================
   YORUMLAR
   ========================================================= */

body.filmizle-content-watch-page
.content-comments-section {
    width: 100% !important;

    margin-top: 24px !important;
}


/* =========================================================
   BENZER ICERIKLER - YATAY LISTE
   ========================================================= */

body.filmizle-content-watch-page
.content-recommended {
    width: 100% !important;

    margin-top: 26px !important;

    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;
}


body.filmizle-content-watch-page
.content-recommended
.content-section-head {
    margin-bottom: 11px !important;
}


body.filmizle-content-watch-page
.content-recommended
.content-section-head h2 {
    margin: 0 !important;

    color: #fff !important;

    font-size: 20px !important;
}


body.filmizle-content-watch-page
.content-related-rail {
    display: flex !important;

    flex-wrap: nowrap !important;

    gap: 12px !important;

    width: 100% !important;

    padding:
        2px 1px 12px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-snap-type:
        x proximity !important;

    scrollbar-width:
        thin !important;
}


body.filmizle-content-watch-page
.content-related-card {
    display: block !important;

    flex:
        0 0 155px !important;

    width: 155px !important;
    min-width: 155px !important;
    max-width: 155px !important;

    overflow: hidden !important;

    background:
        #111315 !important;

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

    border-radius: 6px !important;

    color: #fff !important;

    text-decoration: none !important;

    scroll-snap-align:
        start !important;

    transition:
        transform .16s ease,
        border-color .16s ease !important;
}


body.filmizle-content-watch-page
.content-related-card:hover {
    transform:
        translateY(-3px) !important;

    border-color:
        rgba(
            255,
            255,
            255,
            .18
        ) !important;
}


body.filmizle-content-watch-page
.content-related-poster {
    display: flex !important;

    width: 100% !important;
    height: 218px !important;

    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;

    background:
        #171a1d !important;
}


body.filmizle-content-watch-page
.content-related-poster img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
}


body.filmizle-content-watch-page
.content-related-poster > span {
    color:
        rgba(
            255,
            255,
            255,
            .38
        ) !important;

    font-size: 38px !important;
    font-weight: 900 !important;
}


body.filmizle-content-watch-page
.content-related-info {
    padding:
        9px 9px 10px !important;
}


body.filmizle-content-watch-page
.content-related-info strong {
    display: block !important;

    min-height: 30px !important;

    overflow: hidden !important;

    color: #fff !important;

    font-size: 11px !important;
    font-weight: 800 !important;

    line-height: 1.3 !important;

    display: -webkit-box !important;

    -webkit-box-orient:
        vertical !important;

    -webkit-line-clamp:
        2 !important;
}


body.filmizle-content-watch-page
.content-related-info small {
    display: block !important;

    margin-top: 6px !important;

    color:
        rgba(
            255,
            255,
            255,
            .45
        ) !important;

    font-size: 9px !important;
    font-weight: 700 !important;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 760px) {

    body.filmizle-content-watch-page
    .episode-picker-list {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;
    }


    body.filmizle-content-watch-page
    .content-related-card {
        flex-basis: 135px !important;

        width: 135px !important;
        min-width: 135px !important;
        max-width: 135px !important;
    }


    body.filmizle-content-watch-page
    .content-related-poster {
        height: 190px !important;
    }

}


@media (max-width: 480px) {

    body.filmizle-content-watch-page
    .episode-picker-list {
        grid-template-columns:
            1fr !important;
    }


    body.filmizle-content-watch-page
    .content-watch-heading h1 {
        font-size: 22px !important;
    }

}



/* =========================================================
   FILMIZLE PLAYER POSTER FINAL V5
   ========================================================= */

body.filmizle-content-watch-page
.content-player-shell.has-player-poster {
    background-image:
        linear-gradient(
            rgba(0,0,0,.18),
            rgba(0,0,0,.28)
        ),
        var(--content-player-poster) !important;

    background-position:
        center center !important;

    background-repeat:
        no-repeat !important;

    background-size:
        contain !important;

    background-color:
        #050505 !important;
}


/*
 * Video başlamadan önce siyah yüzey
 * arka plandaki posteri kapatmasın.
 */
body.filmizle-content-watch-page
.content-player-shell
#main-player {
    background:
        transparent !important;
}


/*
 * Video gerçekten görüntü üretmeye başladığında
 * normal siyah video zemini.
 */
body.filmizle-content-watch-page
.content-player-shell.video-has-picture
#main-player {
    background:
        #000 !important;
}



/* =========================================================
   FILMIZLE PLAYER GATE REAL FIX V6
   ========================================================= */

/*
 * Eski CSS:
 * .player-start-gate {
 *     background:#050607 !important;
 *     display:flex !important;
 * }
 *
 * Player/posteri tamamen kapatiyordu.
 */

body.filmizle-content-watch-page
.content-player-shell
.player-start-gate {
    background:
        linear-gradient(
            rgba(0,0,0,.14),
            rgba(0,0,0,.28)
        ) !important;
}


/*
 * JS artik bu class'i ekliyor.
 * Eski display:flex !important kuralini
 * kesin olarak ezer.
 */

body.filmizle-content-watch-page
.content-player-shell
.player-start-gate.is-hidden {
    display: none !important;

    visibility: hidden !important;

    pointer-events: none !important;
}


/*
 * Poster oynatma oncesinde gorunsun.
 */

body.filmizle-content-watch-page
.content-player-shell.has-player-poster {
    background-image:
        linear-gradient(
            rgba(0,0,0,.08),
            rgba(0,0,0,.18)
        ),
        var(--content-player-poster) !important;

    background-position:
        center center !important;

    background-repeat:
        no-repeat !important;

    background-size:
        contain !important;

    background-color:
        #050505 !important;
}


body.filmizle-content-watch-page
.content-player-shell
#main-player {
    background:
        transparent !important;
}


/*
 * Gercek video frame'i gelince video normal
 * siyah zeminde oynasin.
 */

body.filmizle-content-watch-page
.content-player-shell.video-has-picture
#main-player {
    background:
        #000 !important;
}



/* =========================================================
   FILMIZLE CONTENT PREROLL QUALITY FINAL V9
   ========================================================= */


/* KALITE */

body.filmizle-content-watch-page
.content-quality-control {
    position: absolute !important;

    top: 10px !important;
    right: 10px !important;

    display: flex !important;

    align-items: center !important;

    gap: 7px !important;

    z-index: 65 !important;

    padding:
        5px 6px 5px 9px !important;

    background:
        rgba(0,0,0,.72) !important;

    border:
        1px solid
        rgba(255,255,255,.15) !important;

    border-radius: 6px !important;
}


body.filmizle-content-watch-page
.content-quality-control > span {
    color:
        rgba(255,255,255,.72) !important;

    font-size: 10px !important;
    font-weight: 800 !important;
}


body.filmizle-content-watch-page
#content-quality-select {
    height: 29px !important;

    padding:
        0 7px !important;

    border:
        1px solid
        rgba(255,255,255,.13) !important;

    border-radius: 4px !important;

    background:
        #17191b !important;

    color: #fff !important;

    font-size: 10px !important;
    font-weight: 800 !important;

    outline: 0 !important;
}


/* PRE-ROLL */

body.filmizle-content-watch-page
#preroll[hidden],

body.filmizle-content-watch-page
#house-preroll[hidden] {
    display: none !important;
}


body.filmizle-content-watch-page
#preroll,

body.filmizle-content-watch-page
#house-preroll {
    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    z-index: 100 !important;

    background: #050607 !important;
}


body.filmizle-content-watch-page
#preroll-video {
    position: absolute !important;

    inset: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;

    background: #000 !important;
}


body.filmizle-content-watch-page
#preroll
.preroll-top-label,

body.filmizle-content-watch-page
#preroll
.preroll-queue-position,

body.filmizle-content-watch-page
#preroll
.preroll-link,

body.filmizle-content-watch-page
#preroll
.paid-preroll-countdown,

body.filmizle-content-watch-page
#preroll
.preroll-skip {
    position: absolute !important;

    z-index: 110 !important;
}


/* PLAY GATE GERCEKTEN KAPANSIN */

body.filmizle-content-watch-page
.player-start-gate.is-hidden {
    display: none !important;

    visibility: hidden !important;

    pointer-events: none !important;
}



/* =========================================================
   FILMIZLE RELATED RAIL REAL FINAL V10
   ========================================================= */


/*
 * BENZER ICERIKLER:
 * Asla alt alta dev posterler halinde akmayacak.
 */

body.filmizle-content-watch-page
.content-recommended {
    display: block !important;

    width: 100% !important;

    max-width: 100% !important;

    margin:
        26px 0 0 !important;

    padding: 0 !important;

    background:
        transparent !important;

    border: 0 !important;

    overflow: hidden !important;
}


body.filmizle-content-watch-page
.content-recommended
.content-section-head {
    display: flex !important;

    align-items: center !important;

    justify-content:
        space-between !important;

    width: 100% !important;

    margin:
        0 0 11px !important;

    padding: 0 !important;
}


body.filmizle-content-watch-page
.content-recommended
.content-section-head h2 {
    margin: 0 !important;

    padding: 0 !important;

    color: #fff !important;

    font-size: 19px !important;
    font-weight: 800 !important;

    line-height: 1.2 !important;
}


/*
 * Hem yeni markup:
 * .content-related-rail
 *
 * hem önceki markup:
 * .content-recommended-grid
 *
 * aynı yatay şerit olur.
 */

body.filmizle-content-watch-page
.content-recommended
.content-related-rail,

body.filmizle-content-watch-page
.content-recommended
.content-recommended-grid {
    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: flex-start !important;

    gap: 11px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;

    padding:
        2px 2px 13px !important;

    box-sizing: border-box !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-snap-type:
        x proximity !important;

    scrollbar-width:
        thin !important;

    -webkit-overflow-scrolling:
        touch !important;
}


/*
 * KARTLAR SABIT KOMPAKT GENISLIK.
 *
 * Eski homepage card class'i kullaniliyor
 * olsa bile burada genel CSS onu buyutemez.
 */

body.filmizle-content-watch-page
.content-recommended
.content-related-card,

body.filmizle-content-watch-page
.content-recommended
.fm-home-poster-card {
    display: block !important;

    flex:
        0 0 145px !important;

    width: 145px !important;
    min-width: 145px !important;
    max-width: 145px !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    background:
        #111315 !important;

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

    border-radius: 6px !important;

    color: #fff !important;

    text-decoration: none !important;

    scroll-snap-align:
        start !important;

    vertical-align: top !important;
}


body.filmizle-content-watch-page
.content-recommended
.content-related-card:hover,

body.filmizle-content-watch-page
.content-recommended
.fm-home-poster-card:hover {
    transform:
        translateY(-2px) !important;

    border-color:
        rgba(
            255,
            255,
            255,
            .18
        ) !important;
}


/* =========================================================
   POSTER
   ========================================================= */

body.filmizle-content-watch-page
.content-recommended
.content-related-poster,

body.filmizle-content-watch-page
.content-recommended
.fm-home-poster-image {
    position: relative !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;

    min-width: 100% !important;
    max-width: 100% !important;

    height: 205px !important;
    min-height: 205px !important;
    max-height: 205px !important;

    aspect-ratio: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background:
        #17191c !important;

    border-radius:
        0 !important;
}


body.filmizle-content-watch-page
.content-recommended
.content-related-poster img,

body.filmizle-content-watch-page
.content-recommended
.fm-home-poster-image img {
    position: static !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    max-width: 100% !important;

    min-height: 100% !important;
    max-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;

    transform: none !important;
}


/*
 * Global homepage hover katmanlari burada
 * kart boyutunu bozamaz.
 */

body.filmizle-content-watch-page
.content-recommended
.fm-home-poster-card::before,

body.filmizle-content-watch-page
.content-recommended
.fm-home-poster-card::after {
    max-width: 100% !important;
}


/* =========================================================
   KART METNI
   ========================================================= */

body.filmizle-content-watch-page
.content-recommended
.content-related-info,

body.filmizle-content-watch-page
.content-recommended
.fm-home-poster-info {
    display: block !important;

    width: 100% !important;

    min-height: 54px !important;

    margin: 0 !important;

    padding:
        8px 8px 9px !important;

    box-sizing: border-box !important;
}


body.filmizle-content-watch-page
.content-recommended
.content-related-info strong,

body.filmizle-content-watch-page
.content-recommended
.fm-home-poster-info strong {
    display: -webkit-box !important;

    width: 100% !important;

    margin: 0 !important;

    overflow: hidden !important;

    color: #fff !important;

    font-size: 10px !important;
    font-weight: 800 !important;

    line-height: 1.35 !important;

    white-space: normal !important;

    text-overflow:
        ellipsis !important;

    -webkit-line-clamp:
        2 !important;

    -webkit-box-orient:
        vertical !important;
}


body.filmizle-content-watch-page
.content-recommended
.content-related-info small,

body.filmizle-content-watch-page
.content-recommended
.fm-home-poster-info span {
    display: block !important;

    margin-top: 5px !important;

    color:
        rgba(
            255,
            255,
            255,
            .47
        ) !important;

    font-size: 9px !important;
    font-weight: 700 !important;
}


/* =========================================================
   YORUMLAR
   ========================================================= */

/*
 * Artik partial icinde sadece tek H2 var.
 */

body.filmizle-content-watch-page
.fm-comments-head > div > span {
    display: none !important;
}


body.filmizle-content-watch-page
.fm-comments-head h2 {
    margin: 0 !important;

    color: #fff !important;
}


/*
 * Eski cache'te onay metni kalsa bile
 * yer kaplamasin.
 */

body.filmizle-content-watch-page
.fm-comment-note {
    display: none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 760px) {

    body.filmizle-content-watch-page
    .content-recommended
    .content-related-card,

    body.filmizle-content-watch-page
    .content-recommended
    .fm-home-poster-card {
        flex-basis:
            128px !important;

        width:
            128px !important;

        min-width:
            128px !important;

        max-width:
            128px !important;
    }


    body.filmizle-content-watch-page
    .content-recommended
    .content-related-poster,

    body.filmizle-content-watch-page
    .content-recommended
    .fm-home-poster-image {
        height:
            181px !important;

        min-height:
            181px !important;

        max-height:
            181px !important;
    }

}



/* =========================================================
   CONTENT RELATED = HOME NETFLIX RAIL FINAL V11
   ========================================================= */

body.filmizle-content-watch-page
.content-related-netflix {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin:
        26px 0 0 !important;

    padding: 0 !important;

    background:
        transparent !important;

    border: 0 !important;

    overflow: hidden !important;
}


/* BASLIK */

body.filmizle-content-watch-page
.content-related-netflix
.content-related-head {
    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;

    margin:
        0 0 12px !important;

    padding: 0 !important;
}


body.filmizle-content-watch-page
.content-related-netflix
.content-related-head h2 {
    margin: 0 !important;

    padding: 0 !important;

    color: #fff !important;

    font-size: 20px !important;
    font-weight: 900 !important;

    line-height: 1.2 !important;
}


/* OKLAR */

body.filmizle-content-watch-page
.content-related-netflix
.fm-home-slider-controls {
    display: flex !important;

    align-items: center !important;

    gap: 7px !important;
}


body.filmizle-content-watch-page
.content-related-netflix
.fm-home-slide-button {
    display: flex !important;

    width: 32px !important;
    height: 32px !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;

    border:
        1px solid
        rgba(255,255,255,.16) !important;

    border-radius: 5px !important;

    background:
        #292d30 !important;

    color: #fff !important;

    font-size: 20px !important;
    font-weight: 800 !important;

    cursor: pointer !important;
}


body.filmizle-content-watch-page
.content-related-netflix
.fm-home-slide-button:hover {
    background:
        #3a3f43 !important;
}


/* =========================================================
   YATAY RAY
   ========================================================= */

body.filmizle-content-watch-page
.content-related-netflix
.content-related-rail {
    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: flex-start !important;

    gap: 13px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;

    padding:
        3px 2px 12px !important;

    box-sizing: border-box !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-behavior:
        smooth !important;

    scrollbar-width:
        none !important;
}


body.filmizle-content-watch-page
.content-related-netflix
.content-related-rail::-webkit-scrollbar {
    display: none !important;
}


/* =========================================================
   KART
   ANA SAYFADAKI KOMPAKT BOYUT
   ========================================================= */

body.filmizle-content-watch-page
.content-related-netflix
.content-related-rail
.content-related-card.fm-home-poster-card {
    display: block !important;

    flex:
        0 0 176px !important;

    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    background:
        transparent !important;

    border: 0 !important;

    border-radius: 6px !important;

    box-shadow:
        none !important;

    text-decoration:
        none !important;

    transform:
        none !important;
}


/*
 * Global 220px Netflix kuralini
 * detay sayfasinda kesin ezer.
 */

body.filmizle-content-watch-page
.content-related-netflix
.content-related-rail
.content-related-card.fm-home-poster-card:hover {
    transform:
        translateY(-2px) !important;

    box-shadow:
        none !important;
}


/* =========================================================
   POSTER 176 x 264
   ========================================================= */

body.filmizle-content-watch-page
.content-related-netflix
.content-related-rail
.content-related-card
.fm-home-poster-image {
    position: relative !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;

    height: 264px !important;
    min-height: 264px !important;
    max-height: 264px !important;

    aspect-ratio:
        auto !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background:
        #111315 !important;

    border-radius:
        6px !important;
}


body.filmizle-content-watch-page
.content-related-netflix
.content-related-rail
.content-related-card
.fm-home-poster-image img {
    position: static !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    max-width: 100% !important;

    min-height: 100% !important;
    max-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position:
        center !important;

    transform:
        none !important;
}


/* YIL */

body.filmizle-content-watch-page
.content-related-netflix
.content-related-rail
.fm-home-poster-image em {
    position: absolute !important;

    right: 7px !important;
    bottom: 7px !important;
    left: auto !important;

    z-index: 4 !important;

    margin: 0 !important;

    padding:
        3px 5px !important;

    background:
        rgba(0,0,0,.78) !important;

    border:
        1px solid
        rgba(255,255,255,.12) !important;

    border-radius:
        3px !important;

    color: #fff !important;

    font-size: 8px !important;
    font-style: normal !important;
    font-weight: 800 !important;
}


/*
 * Global gradient overlay karti
 * gereksiz buyuk gostermesin.
 */

body.filmizle-content-watch-page
.content-related-netflix
.content-related-rail
.fm-home-poster-image::after {
    display: none !important;
}


/* =========================================================
   METIN
   ========================================================= */

body.filmizle-content-watch-page
.content-related-netflix
.content-related-rail
.fm-home-poster-info {
    display: block !important;

    width: 176px !important;

    min-width: 176px !important;
    max-width: 176px !important;

    min-height: 47px !important;

    margin: 0 !important;

    padding:
        8px 2px 5px !important;

    box-sizing:
        border-box !important;

    background:
        transparent !important;
}


body.filmizle-content-watch-page
.content-related-netflix
.content-related-rail
.fm-home-poster-info strong {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    overflow: hidden !important;

    color: #fff !important;

    font-size: 11px !important;
    font-weight: 800 !important;

    line-height: 1.3 !important;

    white-space: nowrap !important;

    text-overflow:
        ellipsis !important;
}


body.filmizle-content-watch-page
.content-related-netflix
.content-related-rail
.fm-home-poster-info span {
    display: block !important;

    margin-top: 4px !important;

    color:
        rgba(255,255,255,.50) !important;

    font-size: 9px !important;
    font-weight: 600 !important;

    white-space: nowrap !important;

    overflow: hidden !important;

    text-overflow:
        ellipsis !important;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 600px) {

    body.filmizle-content-watch-page
    .content-related-netflix
    .content-related-rail
    .content-related-card.fm-home-poster-card {
        flex-basis:
            140px !important;

        width:
            140px !important;

        min-width:
            140px !important;

        max-width:
            140px !important;
    }


    body.filmizle-content-watch-page
    .content-related-netflix
    .content-related-rail
    .content-related-card
    .fm-home-poster-image {
        width:
            140px !important;

        min-width:
            140px !important;

        max-width:
            140px !important;

        height:
            210px !important;

        min-height:
            210px !important;

        max-height:
            210px !important;
    }


    body.filmizle-content-watch-page
    .content-related-netflix
    .content-related-rail
    .fm-home-poster-info {
        width:
            140px !important;

        min-width:
            140px !important;

        max-width:
            140px !important;
    }

}



/* =========================================================
   CONTENT EPISODE PICKER TOP BOX FINAL V12
   ========================================================= */


/*
 * Dizi başlığının hemen altında.
 */

body.filmizle-content-watch-page
.content-episode-picker-section {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin:
        0 0 14px !important;

    padding: 0 !important;

    background:
        transparent !important;

    border: 0 !important;
}


/*
 * "Bölümler" başlığı kompakt.
 */

body.filmizle-content-watch-page
.content-episode-picker-section > h2 {
    margin:
        0 0 7px !important;

    padding: 0 !important;

    color:
        rgba(255,255,255,.88) !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    line-height: 1.2 !important;
}


/* =========================================================
   ANA SECICI KUTUSU
   ========================================================= */

body.filmizle-content-watch-page
.content-episode-picker {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;

    background:
        #151719 !important;

    border:
        1px solid
        rgba(255,255,255,.13) !important;

    border-radius: 6px !important;

    overflow: hidden !important;
}


/*
 * Kapalı halde görünen kutu.
 */

body.filmizle-content-watch-page
.content-episode-picker > summary {
    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 18px !important;

    width: 100% !important;

    min-height: 58px !important;

    margin: 0 !important;

    padding:
        9px 13px !important;

    box-sizing: border-box !important;

    list-style: none !important;

    cursor: pointer !important;

    background:
        #151719 !important;

    color: #fff !important;

    user-select: none !important;
}


body.filmizle-content-watch-page
.content-episode-picker
> summary::-webkit-details-marker {
    display: none !important;
}


body.filmizle-content-watch-page
.content-episode-picker > summary:hover {
    background:
        #1b1e21 !important;
}


/* =========================================================
   SOL TARAF: MEVCUT BOLUM
   ========================================================= */

body.filmizle-content-watch-page
.episode-picker-current {
    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    justify-content: center !important;

    gap: 3px !important;

    min-width: 0 !important;

    margin: 0 !important;
}


body.filmizle-content-watch-page
.episode-picker-current small {
    display: block !important;

    margin: 0 !important;

    color:
        rgba(255,255,255,.43) !important;

    font-size: 9px !important;
    font-weight: 700 !important;

    line-height: 1.1 !important;

    text-transform: uppercase !important;
}


body.filmizle-content-watch-page
.episode-picker-current strong {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    overflow: hidden !important;

    color: #fff !important;

    font-size: 12px !important;
    font-weight: 800 !important;

    line-height: 1.25 !important;

    white-space: nowrap !important;

    text-overflow:
        ellipsis !important;
}


/* =========================================================
   SAG TARAF: BOLUM SEC BUTONU
   ========================================================= */

body.filmizle-content-watch-page
.episode-picker-action {
    display: inline-flex !important;

    flex:
        0 0 auto !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 7px !important;

    min-height: 34px !important;

    padding:
        0 11px !important;

    background:
        #25292d !important;

    border:
        1px solid
        rgba(255,255,255,.14) !important;

    border-radius: 5px !important;

    color: #fff !important;

    font-size: 10px !important;
    font-weight: 800 !important;
}


body.filmizle-content-watch-page
.content-episode-picker > summary:hover
.episode-picker-action {
    background:
        #30353a !important;
}


body.filmizle-content-watch-page
.episode-picker-action b {
    display: inline-block !important;

    margin: 0 !important;

    font-size: 13px !important;

    line-height: 1 !important;

    transition:
        transform .16s ease !important;
}


body.filmizle-content-watch-page
.content-episode-picker[open]
.episode-picker-action b {
    transform:
        rotate(180deg) !important;
}


/* =========================================================
   ACILAN BOLUM LISTESI
   ========================================================= */

body.filmizle-content-watch-page
.episode-picker-dropdown {
    display: block !important;

    width: 100% !important;

    max-height: 390px !important;

    margin: 0 !important;

    padding:
        10px !important;

    box-sizing: border-box !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    background:
        #101214 !important;

    border-top:
        1px solid
        rgba(255,255,255,.09) !important;
}


/* SEZON */

body.filmizle-content-watch-page
.episode-picker-season {
    display: block !important;

    width: 100% !important;

    margin:
        12px 0 0 !important;
}


body.filmizle-content-watch-page
.episode-picker-season:first-child {
    margin-top:
        0 !important;
}


body.filmizle-content-watch-page
.episode-picker-season-title {
    display: block !important;

    margin:
        0 0 7px !important;

    padding:
        0 2px !important;

    color:
        rgba(255,255,255,.58) !important;

    font-size: 10px !important;
    font-weight: 900 !important;
}


/* BOLUM KUTULARI */

body.filmizle-content-watch-page
.episode-picker-list {
    display: grid !important;

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

    gap: 6px !important;

    width: 100% !important;
}


body.filmizle-content-watch-page
.episode-picker-item {
    display: grid !important;

    grid-template-columns:
        28px
        minmax(0,1fr)
        14px !important;

    align-items: center !important;

    gap: 7px !important;

    min-width: 0 !important;

    min-height: 40px !important;

    margin: 0 !important;

    padding:
        5px 7px !important;

    box-sizing: border-box !important;

    background:
        #191c1f !important;

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

    border-radius: 5px !important;

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

    text-decoration: none !important;
}


body.filmizle-content-watch-page
.episode-picker-item:hover {
    background:
        #24282c !important;

    border-color:
        rgba(255,255,255,.17) !important;

    color: #fff !important;
}


body.filmizle-content-watch-page
.episode-picker-item.is-active {
    background:
        #2b3034 !important;

    border-color:
        rgba(255,255,255,.24) !important;

    color: #fff !important;
}


body.filmizle-content-watch-page
.episode-picker-number {
    display: flex !important;

    width: 26px !important;
    height: 26px !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

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

    border-radius: 4px !important;

    color: #fff !important;

    font-size: 9px !important;
    font-weight: 900 !important;
}


body.filmizle-content-watch-page
.episode-picker-name {
    display: block !important;

    min-width: 0 !important;

    overflow: hidden !important;

    color: inherit !important;

    font-size: 10px !important;
    font-weight: 700 !important;

    white-space: nowrap !important;

    text-overflow:
        ellipsis !important;
}


body.filmizle-content-watch-page
.episode-picker-play {
    color:
        rgba(255,255,255,.55) !important;

    font-size: 8px !important;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 800px) {

    body.filmizle-content-watch-page
    .episode-picker-list {
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            ) !important;
    }

}


@media (max-width: 480px) {

    body.filmizle-content-watch-page
    .content-episode-picker > summary {
        min-height: 54px !important;

        padding:
            8px 9px !important;
    }


    body.filmizle-content-watch-page
    .episode-picker-action {
        padding:
            0 8px !important;
    }


    body.filmizle-content-watch-page
    .episode-picker-list {
        grid-template-columns:
            1fr !important;
    }

}



/* =========================================================
   DIRECT EPISODE CARDS FINAL V13
   ========================================================= */

body.filmizle-content-watch-page
.content-direct-episodes {
    display: block !important;

    width: 100% !important;

    margin:
        0 0 14px !important;

    padding: 0 !important;
}


body.filmizle-content-watch-page
.content-direct-episodes-head {
    display: flex !important;

    align-items: center !important;

    justify-content:
        space-between !important;

    margin:
        0 0 8px !important;
}


body.filmizle-content-watch-page
.content-direct-episodes-head h2 {
    margin: 0 !important;

    color: #fff !important;

    font-size: 15px !important;
    font-weight: 900 !important;

    line-height: 1.2 !important;
}


body.filmizle-content-watch-page
.content-direct-season {
    margin:
        0 0 10px !important;
}


body.filmizle-content-watch-page
.content-direct-season:last-child {
    margin-bottom: 0 !important;
}


body.filmizle-content-watch-page
.content-direct-season-title {
    margin:
        0 0 7px !important;

    color:
        rgba(255,255,255,.55) !important;

    font-size: 10px !important;
    font-weight: 900 !important;
}


/* =========================================================
   BOLUM KART GRID
   ========================================================= */

body.filmizle-content-watch-page
.content-direct-episode-grid {
    display: grid !important;

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

    gap: 7px !important;

    width: 100% !important;
}


body.filmizle-content-watch-page
.content-direct-episode-card {
    display: grid !important;

    grid-template-columns:
        32px
        minmax(0,1fr)
        18px !important;

    align-items: center !important;

    gap: 8px !important;

    min-width: 0 !important;

    min-height: 48px !important;

    padding:
        7px 9px !important;

    box-sizing:
        border-box !important;

    background:
        #16191c !important;

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

    border-radius:
        5px !important;

    color: #fff !important;

    text-decoration:
        none !important;

    transition:
        background .15s ease,
        border-color .15s ease,
        transform .15s ease !important;
}


body.filmizle-content-watch-page
.content-direct-episode-card:hover {
    background:
        #22262a !important;

    border-color:
        rgba(255,255,255,.20) !important;

    transform:
        translateY(-1px) !important;
}


body.filmizle-content-watch-page
.content-direct-episode-card.is-active {
    background:
        #2a2f33 !important;

    border-color:
        rgba(255,255,255,.32) !important;
}


/* SAYI KUTUSU */

body.filmizle-content-watch-page
.content-direct-episode-number {
    display: flex !important;

    width: 30px !important;
    height: 30px !important;

    align-items: center !important;
    justify-content: center !important;

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

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

    border-radius:
        4px !important;

    color: #fff !important;

    font-size: 10px !important;
    font-weight: 900 !important;
}


/* BOLUM ADI */

body.filmizle-content-watch-page
.content-direct-episode-text {
    display: block !important;

    min-width: 0 !important;
}


body.filmizle-content-watch-page
.content-direct-episode-text strong {
    display: block !important;

    overflow: hidden !important;

    color: #fff !important;

    font-size: 10px !important;
    font-weight: 800 !important;

    white-space: nowrap !important;

    text-overflow:
        ellipsis !important;
}


body.filmizle-content-watch-page
.content-direct-episode-text small {
    display: block !important;

    margin-top: 2px !important;

    overflow: hidden !important;

    color:
        rgba(255,255,255,.46) !important;

    font-size: 8px !important;

    white-space: nowrap !important;

    text-overflow:
        ellipsis !important;
}


/* PLAY */

body.filmizle-content-watch-page
.content-direct-episode-play {
    color:
        rgba(255,255,255,.55) !important;

    font-size: 9px !important;
}


body.filmizle-content-watch-page
.content-direct-episode-card:hover
.content-direct-episode-play,

body.filmizle-content-watch-page
.content-direct-episode-card.is-active
.content-direct-episode-play {
    color: #fff !important;
}


/* ESKI DROPDOWN KALIRSA GOSTERME */

body.filmizle-content-watch-page
.content-episode-picker-section {
    display: none !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1200px) {

    body.filmizle-content-watch-page
    .content-direct-episode-grid {
        grid-template-columns:
            repeat(
                4,
                minmax(0,1fr)
            ) !important;
    }

}


@media (max-width: 900px) {

    body.filmizle-content-watch-page
    .content-direct-episode-grid {
        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            ) !important;
    }

}


@media (max-width: 650px) {

    body.filmizle-content-watch-page
    .content-direct-episode-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            ) !important;
    }

}


@media (max-width: 420px) {

    body.filmizle-content-watch-page
    .content-direct-episode-grid {
        grid-template-columns:
            1fr !important;
    }

}



/* =========================================================
   FILMIZLE PROFESSIONAL EPISODE DROPDOWN FINAL V14
   ========================================================= */


/* ESKI SISTEMLER ARTIK YOK */

body.filmizle-content-watch-page
.content-direct-episodes,

body.filmizle-content-watch-page
.content-episode-picker-section {
    display: none !important;
}


/* =========================================================
   ALAN
   ========================================================= */

body.filmizle-content-watch-page
.fm-episode-select-area {
    position: relative !important;

    width: 100% !important;

    margin:
        0 0 14px !important;

    padding: 0 !important;

    z-index: 70 !important;
}


/* =========================================================
   ANA KUTU
   ========================================================= */

body.filmizle-content-watch-page
.fm-episode-select {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background:
        #15181b !important;

    border:
        1px solid
        rgba(255,255,255,.14) !important;

    border-radius:
        6px !important;

    box-shadow:
        0 4px 18px
        rgba(0,0,0,.18) !important;

    overflow: visible !important;
}


/* =========================================================
   SECILI BOLUM
   ========================================================= */

body.filmizle-content-watch-page
.fm-episode-select-summary {
    position: relative !important;

    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 16px !important;

    width: 100% !important;

    min-height: 58px !important;

    margin: 0 !important;

    padding:
        9px 14px !important;

    box-sizing:
        border-box !important;

    list-style: none !important;

    background:
        #15181b !important;

    border-radius:
        6px !important;

    cursor: pointer !important;

    user-select: none !important;
}


body.filmizle-content-watch-page
.fm-episode-select-summary::-webkit-details-marker {
    display: none !important;
}


body.filmizle-content-watch-page
.fm-episode-select-summary::marker {
    display: none !important;

    content: "" !important;
}


body.filmizle-content-watch-page
.fm-episode-select-summary:hover {
    background:
        #1b1f22 !important;
}


/* SOL METIN */

body.filmizle-content-watch-page
.fm-episode-select-current {
    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    justify-content: center !important;

    gap: 3px !important;

    min-width: 0 !important;
}


body.filmizle-content-watch-page
.fm-episode-select-current small {
    display: block !important;

    margin: 0 !important;

    color:
        rgba(255,255,255,.43) !important;

    font-size: 9px !important;
    font-weight: 800 !important;

    line-height: 1.1 !important;

    text-transform:
        uppercase !important;

    letter-spacing:
        .04em !important;
}


body.filmizle-content-watch-page
.fm-episode-select-current strong {
    display: block !important;

    margin: 0 !important;

    overflow: hidden !important;

    color: #fff !important;

    font-size: 13px !important;
    font-weight: 800 !important;

    line-height: 1.25 !important;

    white-space: nowrap !important;

    text-overflow:
        ellipsis !important;
}


/* OK */

body.filmizle-content-watch-page
.fm-episode-select-arrow {
    display: flex !important;

    flex:
        0 0 34px !important;

    width: 34px !important;
    height: 34px !important;

    align-items: center !important;
    justify-content: center !important;

    background:
        #24282c !important;

    border:
        1px solid
        rgba(255,255,255,.12) !important;

    border-radius:
        5px !important;

    color:
        rgba(255,255,255,.78) !important;
}


body.filmizle-content-watch-page
.fm-episode-select-arrow svg {
    display: block !important;

    width: 17px !important;
    height: 17px !important;

    transition:
        transform .16s ease !important;
}


body.filmizle-content-watch-page
.fm-episode-select[open]
.fm-episode-select-arrow svg {
    transform:
        rotate(180deg) !important;
}


/* =========================================================
   DROPDOWN
   ========================================================= */

body.filmizle-content-watch-page
.fm-episode-dropdown {
    position: absolute !important;

    top:
        calc(100% + 6px) !important;

    left: 0 !important;
    right: 0 !important;

    z-index: 500 !important;

    width: 100% !important;

    max-height: 390px !important;

    margin: 0 !important;

    padding:
        8px !important;

    box-sizing:
        border-box !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    background:
        #111416 !important;

    border:
        1px solid
        rgba(255,255,255,.14) !important;

    border-radius:
        6px !important;

    box-shadow:
        0 18px 45px
        rgba(0,0,0,.48) !important;
}


/* =========================================================
   SEZON
   ========================================================= */

body.filmizle-content-watch-page
.fm-episode-dropdown-season {
    width: 100% !important;

    margin:
        10px 0 0 !important;
}


body.filmizle-content-watch-page
.fm-episode-dropdown-season:first-child {
    margin-top:
        0 !important;
}


body.filmizle-content-watch-page
.fm-episode-dropdown-season-title {
    margin:
        0 0 5px !important;

    padding:
        5px 8px !important;

    color:
        rgba(255,255,255,.46) !important;

    font-size: 9px !important;
    font-weight: 900 !important;

    text-transform:
        uppercase !important;
}


/* =========================================================
   LISTE
   ========================================================= */

body.filmizle-content-watch-page
.fm-episode-dropdown-list {
    display: flex !important;

    flex-direction: column !important;

    gap: 3px !important;

    width: 100% !important;
}


/* =========================================================
   BOLUM SATIRI
   ========================================================= */

body.filmizle-content-watch-page
.fm-episode-dropdown-item {
    display: grid !important;

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

    align-items: center !important;

    gap: 9px !important;

    width: 100% !important;

    min-height: 45px !important;

    margin: 0 !important;

    padding:
        6px 10px !important;

    box-sizing:
        border-box !important;

    background:
        transparent !important;

    border:
        1px solid
        transparent !important;

    border-radius:
        5px !important;

    color:
        rgba(255,255,255,.78) !important;

    text-decoration:
        none !important;
}


body.filmizle-content-watch-page
.fm-episode-dropdown-item:hover {
    background:
        #202428 !important;

    border-color:
        rgba(255,255,255,.08) !important;

    color: #fff !important;
}


body.filmizle-content-watch-page
.fm-episode-dropdown-item.is-active {
    background:
        #292e32 !important;

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

    color: #fff !important;
}


/* CHECK */

body.filmizle-content-watch-page
.fm-episode-dropdown-check {
    display: flex !important;

    width: 22px !important;
    height: 22px !important;

    align-items: center !important;
    justify-content: center !important;

    color: #fff !important;

    font-size: 10px !important;
    font-weight: 900 !important;
}


/* BOLUM ADI */

body.filmizle-content-watch-page
.fm-episode-dropdown-text {
    display: block !important;

    min-width: 0 !important;
}


body.filmizle-content-watch-page
.fm-episode-dropdown-text strong {
    display: block !important;

    margin: 0 !important;

    overflow: hidden !important;

    color: inherit !important;

    font-size: 11px !important;
    font-weight: 800 !important;

    line-height: 1.25 !important;

    white-space: nowrap !important;

    text-overflow:
        ellipsis !important;
}


body.filmizle-content-watch-page
.fm-episode-dropdown-text small {
    display: block !important;

    margin-top: 2px !important;

    overflow: hidden !important;

    color:
        rgba(255,255,255,.42) !important;

    font-size: 9px !important;

    white-space: nowrap !important;

    text-overflow:
        ellipsis !important;
}


/* PLAY */

body.filmizle-content-watch-page
.fm-episode-dropdown-play {
    color:
        rgba(255,255,255,.46) !important;

    font-size: 8px !important;
}


body.filmizle-content-watch-page
.fm-episode-dropdown-item:hover
.fm-episode-dropdown-play,

body.filmizle-content-watch-page
.fm-episode-dropdown-item.is-active
.fm-episode-dropdown-play {
    color: #fff !important;
}


/* =========================================================
   PLAYER DROPDOWN ALTINDA
   ========================================================= */

body.filmizle-content-watch-page
.content-player-shell {
    position: relative !important;

    z-index: 1 !important;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 600px) {

    body.filmizle-content-watch-page
    .fm-episode-select-summary {
        min-height:
            54px !important;

        padding:
            8px 10px !important;
    }


    body.filmizle-content-watch-page
    .fm-episode-select-current strong {
        font-size:
            12px !important;
    }


    body.filmizle-content-watch-page
    .fm-episode-dropdown {
        max-height:
            330px !important;
    }

}



/* =========================================================
   FILMIZLE NATIVE EPISODE SELECT FINAL V15
   ========================================================= */


/*
 * Eski custom dropdownlardan hiçbir şey görünmesin.
 */

body.filmizle-content-watch-page
.fm-episode-select-area,

body.filmizle-content-watch-page
.fm-episode-select,

body.filmizle-content-watch-page
.content-direct-episodes,

body.filmizle-content-watch-page
.content-episode-picker-section {
    display: none !important;
}


/* =========================================================
   NORMAL SELECT ALANI
   ========================================================= */

body.filmizle-content-watch-page
.fm-native-episode-select {
    display: block !important;

    width: 100% !important;

    margin:
        0 0 14px !important;

    padding: 0 !important;

    position: relative !important;

    z-index: 20 !important;
}


body.filmizle-content-watch-page
.fm-native-episode-label {
    display: block !important;

    margin:
        0 0 6px !important;

    padding: 0 !important;

    color:
        rgba(255,255,255,.72) !important;

    font-size: 11px !important;
    font-weight: 800 !important;

    line-height: 1.2 !important;
}


/* =========================================================
   SELECT KUTUSU
   ========================================================= */

body.filmizle-content-watch-page
.fm-native-episode-control {
    display: block !important;

    width: 100% !important;

    height: 44px !important;

    min-height: 44px !important;

    margin: 0 !important;

    padding:
        0 42px 0 12px !important;

    box-sizing:
        border-box !important;

    background:
        #15181b !important;

    border:
        1px solid
        rgba(255,255,255,.18) !important;

    border-radius:
        5px !important;

    color: #fff !important;

    font-family:
        inherit !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    line-height: 44px !important;

    outline: none !important;

    cursor: pointer !important;

    box-shadow:
        none !important;
}


body.filmizle-content-watch-page
.fm-native-episode-control:hover {
    background:
        #1c2023 !important;

    border-color:
        rgba(255,255,255,.28) !important;
}


body.filmizle-content-watch-page
.fm-native-episode-control:focus {
    background:
        #1c2023 !important;

    border-color:
        rgba(255,255,255,.42) !important;

    box-shadow:
        0 0 0 2px
        rgba(255,255,255,.06) !important;
}


/*
 * Açılan native dropdown seçenekleri.
 */

body.filmizle-content-watch-page
.fm-native-episode-control option,

body.filmizle-content-watch-page
.fm-native-episode-control optgroup {
    background:
        #171a1d !important;

    color:
        #fff !important;

    font-family:
        inherit !important;

    font-size:
        12px !important;
}


body.filmizle-content-watch-page
.fm-native-episode-control optgroup {
    font-weight:
        900 !important;
}


/* MOBIL */

@media (max-width: 600px) {

    body.filmizle-content-watch-page
    .fm-native-episode-control {
        height:
            42px !important;

        min-height:
            42px !important;

        font-size:
            11px !important;
    }

}



/* =========================================================
   FILMIZLE CONTENT DESCRIPTION HOVER FINAL V16
   ========================================================= */


/*
 * Film / dizi poster görseli hover paneline
 * referans alanı oluşturur.
 */

.fm-home-poster-card
.fm-home-poster-image {
    position: relative !important;

    overflow: hidden !important;
}


/* =========================================================
   HOVER PANEL
   ========================================================= */

.fm-content-hover-panel {
    position: absolute !important;

    z-index: 30 !important;

    inset: 0 !important;

    display: flex !important;

    align-items: flex-end !important;

    width: 100% !important;
    height: 100% !important;

    padding:
        14px !important;

    box-sizing:
        border-box !important;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.03) 0%,
            rgba(0,0,0,.22) 30%,
            rgba(0,0,0,.78) 64%,
            rgba(0,0,0,.98) 100%
        ) !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;

    transform:
        translateY(9px) !important;

    transition:
        opacity .20s ease,
        visibility .20s ease,
        transform .20s ease !important;
}


.fm-home-poster-card:hover
.fm-content-hover-panel,

.fm-home-poster-card:focus
.fm-content-hover-panel,

.fm-home-poster-card:focus-within
.fm-content-hover-panel {
    opacity: 1 !important;

    visibility: visible !important;

    transform:
        translateY(0) !important;
}


/* =========================================================
   POSTER HOVER
   ========================================================= */

.fm-home-poster-card
.fm-home-poster-image > img {
    transition:
        transform .24s ease,
        filter .24s ease,
        opacity .24s ease !important;
}


.fm-home-poster-card:hover
.fm-home-poster-image > img,

.fm-home-poster-card:focus
.fm-home-poster-image > img {
    transform:
        scale(1.065) !important;

    filter:
        brightness(.38) !important;

    opacity:
        .74 !important;
}


/* =========================================================
   HOVER METIN
   ========================================================= */

.fm-content-hover-inner {
    position: relative !important;

    z-index: 2 !important;

    display: block !important;

    width: 100% !important;

    min-width: 0 !important;
}


.fm-content-hover-inner > strong {
    display: block !important;

    margin: 0 !important;

    overflow: hidden !important;

    color: #fff !important;

    font-size: 14px !important;
    font-weight: 900 !important;

    line-height: 1.18 !important;

    white-space: normal !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}


.fm-content-hover-meta {
    display: block !important;

    margin-top:
        5px !important;

    color:
        rgba(255,255,255,.60) !important;

    font-size: 9px !important;
    font-weight: 700 !important;
}


.fm-content-hover-inner > p {
    display: -webkit-box !important;

    margin:
        8px 0 0 !important;

    overflow: hidden !important;

    color:
        rgba(255,255,255,.78) !important;

    font-size: 10px !important;
    font-weight: 500 !important;

    line-height: 1.42 !important;

    white-space: normal !important;

    -webkit-line-clamp: 5 !important;
    -webkit-box-orient: vertical !important;
}


.fm-content-hover-watch {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 27px !important;

    margin-top:
        9px !important;

    padding:
        0 9px !important;

    background:
        #fff !important;

    border-radius:
        4px !important;

    color:
        #111 !important;

    font-size: 9px !important;
    font-weight: 900 !important;
}


/*
 * Yıl rozeti hover panelinin üstünde
 * gereksiz görünmesin.
 */

.fm-home-poster-card:hover
.fm-home-poster-image > em,

.fm-home-poster-card:focus
.fm-home-poster-image > em {
    opacity: 0 !important;
}


/* =========================================================
   DETAY SAYFASI ACIKLAMA
   ========================================================= */

body.filmizle-content-watch-page
.content-description-card p {
    margin: 0 !important;

    color:
        rgba(255,255,255,.74) !important;

    font-size: 13px !important;

    line-height: 1.7 !important;

    white-space: normal !important;
}


/* =========================================================
   KUCUK KARTLAR
   ========================================================= */

.category-netflix-page
.category-leaf-grid
.fm-content-hover-panel {
    padding:
        10px !important;
}


.category-netflix-page
.category-leaf-grid
.fm-content-hover-inner > strong {
    font-size:
        11px !important;
}


.category-netflix-page
.category-leaf-grid
.fm-content-hover-inner > p {
    margin-top:
        6px !important;

    font-size:
        8px !important;

    line-height:
        1.35 !important;

    -webkit-line-clamp:
        4 !important;
}


.category-netflix-page
.category-leaf-grid
.fm-content-hover-watch {
    min-height:
        24px !important;

    margin-top:
        7px !important;

    font-size:
        8px !important;
}


/*
 * Mobilde hover mantığı anlamlı değil.
 * Normal poster görünümü korunur.
 */

@media (
    hover: none
) {

    .fm-content-hover-panel {
        display:
            none !important;
    }

}



/* ==========================================================
   FILMIZLE CONTENT RATING FINAL V17
   ========================================================== */

.fm-home-poster-image {
    position: relative;
}

.fm-content-rating-badge {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 20;

    display: inline-flex;
    align-items: center;
    gap: 4px;

    min-height: 26px;
    padding: 4px 8px;

    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 6px;

    background: rgba(8, 10, 14, .88);

    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;

    box-shadow: 0 2px 8px rgba(0, 0, 0, .28);
    backdrop-filter: blur(5px);

    pointer-events: none;
}

.fm-content-rating-badge b {
    color: #f5c451;
    font-size: 13px;
    line-height: 1;
}

.content-watch-rating {
    display: inline-flex;
    align-items: center;
    gap: 4px;

    color: #f5c451;
    font-weight: 800;
}

@media (max-width: 700px) {
    .fm-content-rating-badge {
        top: 6px;
        left: 6px;

        min-height: 23px;
        padding: 3px 6px;

        font-size: 11px;
    }

    .fm-content-rating-badge b {
        font-size: 12px;
    }
}


/* =========================================================
   FILMIZLE AD IMAGE AUTO FIT FINAL V18

   Mantik:
   - Ana gorsel ASLA esnetilmez.
   - Ana gorsel ASLA crop edilmez.
   - Yatay reklam gorseli kendi oraninda tam genisliktir.
   - Sabit yan reklamda contain kullanilir.
   - Kalan alan ayni gorselin blur arka planiyla doldurulur.
   ========================================================= */


/* ---------------------------------------------------------
   GENEL IMAGE SLOT
   --------------------------------------------------------- */

.ad-slot.ad-has-image {
    position: relative !important;

    padding: 0 !important;

    overflow: hidden !important;

    background:
        #08090a !important;
}


.ad-slot.ad-has-image
.filled-ad-link {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 0 !important;
    min-height: 0 !important;

    overflow: hidden !important;

    line-height: 0 !important;
}


.ad-slot.ad-has-image
.filled-ad-image-frame {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 0 !important;
    min-height: 0 !important;

    overflow: hidden !important;

    background:
        #08090a !important;

    line-height: 0 !important;
}


/*
 * Sabit boyutlu slotlarda arkayi doldurur.
 * Ana gorselin kendisi degildir.
 */
.ad-slot.ad-has-image
.filled-ad-image-bg {
    position: absolute !important;

    z-index: 1 !important;

    top: -10% !important;
    left: -10% !important;

    display: block !important;

    width: 120% !important;
    height: 120% !important;

    max-width: none !important;
    max-height: none !important;

    object-fit: cover !important;
    object-position: center !important;

    filter:
        blur(18px)
        brightness(.34)
        saturate(1.15) !important;

    transform:
        scale(1.04) !important;

    opacity: .68 !important;

    pointer-events: none !important;
}


/*
 * GERCEK REKLAM GORSELI.
 *
 * contain:
 * - oran bozulmaz
 * - crop olmaz
 * - zoom olmaz
 */
.ad-slot.ad-has-image
.filled-ad-image {
    position: relative !important;

    z-index: 2 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: 100% !important;
    max-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    transform: none !important;

    filter: none !important;
}


/* ---------------------------------------------------------
   YATAY GORSEL REKLAMLAR

   Top / player alti / liste arasi:
   resmin orani parent yuksekligini belirler.
   --------------------------------------------------------- */

.ad-slot.ad-has-image.ad-location-top,
.ad-slot.ad-has-image.ad-location-below_player,
.ad-slot.ad-has-image.ad-location-between_channels {
    display: block !important;

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;
    max-height: none !important;

    margin-top: 12px !important;
    margin-bottom: 12px !important;

    padding: 0 !important;

    align-items: initial !important;
    justify-content: initial !important;
}


.ad-slot.ad-has-image.ad-location-top
> .filled-ad-link,

.ad-slot.ad-has-image.ad-location-top
> .filled-ad-image-frame,

.ad-slot.ad-has-image.ad-location-top
> .fm-faceit-top-ad,

.ad-slot.ad-has-image.ad-location-below_player
> .filled-ad-link,

.ad-slot.ad-has-image.ad-location-below_player
> .filled-ad-image-frame,

.ad-slot.ad-has-image.ad-location-between_channels
> .filled-ad-link,

.ad-slot.ad-has-image.ad-location-between_channels
> .filled-ad-image-frame {
    display: block !important;

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;
    max-height: none !important;
}


/*
 * Yatay alanda blur arka plana gerek yok.
 * Resmin kendisi zaten slotun yuksekligini belirliyor.
 */
.ad-slot.ad-has-image.ad-location-top
.filled-ad-image-bg,

.ad-slot.ad-has-image.ad-location-below_player
.filled-ad-image-bg,

.ad-slot.ad-has-image.ad-location-between_channels
.filled-ad-image-bg {
    display: none !important;
}


.ad-slot.ad-has-image.ad-location-top
.filled-ad-image,

.ad-slot.ad-has-image.ad-location-below_player
.filled-ad-image,

.ad-slot.ad-has-image.ad-location-between_channels
.filled-ad-image {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    height: auto !important;

    min-height: 0 !important;
    max-height: none !important;

    object-fit: contain !important;

    transform: none !important;
}


/* ---------------------------------------------------------
   SABIT YAN REKLAMLAR

   204x826 cerceve sabit kalir.
   Gorsel bunun icine tam olarak SIGAR.
   --------------------------------------------------------- */

body.home-page
.home-side-ad
.ad-slot.ad-has-image,

body.category-page
.category-side-ad
.ad-slot.ad-has-image,

.watch-layout
.side-ads
.ad-slot.ad-has-image,

body.filmizle-content-watch-page
.side-ads
.ad-slot.ad-has-image {
    padding: 0 !important;
}


body.home-page
.home-side-ad
.ad-slot.ad-has-image
.filled-ad-image-frame,

body.category-page
.category-side-ad
.ad-slot.ad-has-image
.filled-ad-image-frame,

.watch-layout
.side-ads
.ad-slot.ad-has-image
.filled-ad-image-frame,

body.filmizle-content-watch-page
.side-ads
.ad-slot.ad-has-image
.filled-ad-image-frame {
    width: 100% !important;
    height: 100% !important;
}


body.home-page
.home-side-ad
.ad-slot.ad-has-image
.filled-ad-image,

body.category-page
.category-side-ad
.ad-slot.ad-has-image
.filled-ad-image,

.watch-layout
.side-ads
.ad-slot.ad-has-image
.filled-ad-image,

body.filmizle-content-watch-page
.side-ads
.ad-slot.ad-has-image
.filled-ad-image {
    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;
    object-position: center !important;
}


/* ---------------------------------------------------------
   FACEIT

   Ana gorsel sabit.
   Sadece uzerinden hafif isik hareketi gecer.
   --------------------------------------------------------- */

.fm-faceit-top-ad {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    height: auto !important;

    overflow: hidden !important;
}


.fm-faceit-frame {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: auto !important;

    overflow: hidden !important;
}


.fm-faceit-top-ad-shine {
    position: absolute !important;

    z-index: 5 !important;

    top: -90% !important;
    bottom: -90% !important;

    left: -24% !important;

    width: 13% !important;

    pointer-events: none !important;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,0),
            rgba(255,255,255,.14),
            rgba(255,255,255,0)
        ) !important;

    transform:
        skewX(-20deg) !important;

    animation:
        fmFaceitCleanShine
        5.5s
        ease-in-out
        infinite !important;
}


@keyframes fmFaceitCleanShine {

    0%,
    38% {
        left: -24%;
        opacity: 0;
    }

    46% {
        opacity: 1;
    }

    68% {
        left: 112%;
        opacity: 0;
    }

    100% {
        left: 112%;
        opacity: 0;
    }

}


/* ---------------------------------------------------------
   MOBIL
   --------------------------------------------------------- */

@media (max-width: 700px) {

    .ad-slot.ad-has-image.ad-location-top,
    .ad-slot.ad-has-image.ad-location-below_player,
    .ad-slot.ad-has-image.ad-location-between_channels {

        width: 100% !important;

        height: auto !important;

        min-height: 0 !important;
        max-height: none !important;
    }


    .ad-slot.ad-has-image.ad-location-top
    .filled-ad-image,

    .ad-slot.ad-has-image.ad-location-below_player
    .filled-ad-image,

    .ad-slot.ad-has-image.ad-location-between_channels
    .filled-ad-image {

        width: 100% !important;
        height: auto !important;
    }

}


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

    .fm-faceit-top-ad-shine {
        animation: none !important;
    }

}


/* =========================================================
   FILMIZLE IPTV PRICE INFO
   ========================================================= */

.iptv-price-info {
    margin-top: 18px;
    margin-bottom: 6px;

    padding: 14px 16px;

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

    border-radius: 10px;

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

    color: #ffffff;

    font-size: 15px;

    line-height: 1.5;
}


.iptv-price-info strong {
    color: #ffffff;
    font-weight: 800;
}


/* =========================================================
   FILMIZLE RANDOM CONTENT BUTTONS
   ========================================================= */

.header-category-inner
.header-random-link {
    flex: 0 0 auto;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 36px;

    padding:
        0
        14px;

    margin-left: 6px;

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

    border-radius: 7px;

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

    color: #ffffff;

    font-size: 13px;
    font-weight: 800;

    line-height: 1;

    text-decoration: none;

    white-space: nowrap;

    transition:
        background-color .16s ease,
        border-color .16s ease;
}


.header-category-inner
.header-random-link:hover {
    color: #ffffff;

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

    border-color:
        rgba(255,255,255,.25);
}


.header-category-inner
.header-random-movie {
    border-color:
        rgba(67,156,206,.42);
}


.header-category-inner
.header-random-series {
    border-color:
        rgba(115,174,208,.36);
}


@media (max-width: 760px) {

    .header-category-inner
    .header-random-link {

        min-height: 34px;

        padding:
            0
            12px;

        margin-left: 4px;

        font-size: 12px;
    }

}


/* =========================================================
   FILMIZLE MOBILE RESPONSIVE FINAL V18
   - yatay tasma kapat
   - header tam ekran
   - mobil kategori accordion
   - mobil film/dizi bilgi paneli
   ========================================================= */


/* =========================================================
   MOBIL GENEL GENISLIK
   ========================================================= */

@media (max-width: 760px) {

    html,
    body {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        overflow-x: hidden !important;
    }


    body.site-body {
        width: 100% !important;
        max-width: 100% !important;

        overflow-x: hidden !important;
    }


    /*
     * Masaustunde 650/700px minimum verilen
     * dekoratif arka plan katmanlari telefonda
     * viewport genisligini buyutmesin.
     */
    body.site-body::before,
    body.site-body::after {
        min-width: 0 !important;
        min-height: 0 !important;

        max-width: none !important;
        max-height: none !important;

        width: 100vw !important;
        height: 100vw !important;
    }


    body.site-body::before {
        left: -28vw !important;
        right: auto !important;
    }


    body.site-body::after {
        left: auto !important;
        right: -32vw !important;
    }


    /* =====================================================
       HEADER
       ===================================================== */

    .site-header {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        overflow: visible !important;
    }


    .site-header-inner {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        min-height: 0 !important;

        margin: 0 !important;

        padding:
            12px
            10px !important;

        box-sizing:
            border-box !important;

        display: flex !important;

        flex-direction:
            column !important;

        align-items:
            stretch !important;

        justify-content:
            flex-start !important;

        gap:
            10px !important;

        overflow:
            visible !important;
    }


    .site-logo {
        align-self:
            flex-start !important;

        width: auto !important;

        min-width: 0 !important;
        max-width: 100% !important;

        margin: 0 !important;
    }


    .site-logo img {
        width: auto !important;

        height: 58px !important;
        max-height: 58px !important;

        max-width: 190px !important;
    }


    /* =====================================================
       ARAMA
       ===================================================== */

    .fm-header-search {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin: 0 !important;

        box-sizing:
            border-box !important;
    }


    .fm-search-box {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        box-sizing:
            border-box !important;
    }


    .fm-search-box input {
        width: 100% !important;

        min-width: 0 !important;
        max-width: none !important;

        box-sizing:
            border-box !important;
    }


    .fm-search-submit {
        flex:
            0 0 auto !important;
    }


    /* =====================================================
       ANA HEADER LINKLERI
       ===================================================== */

    .site-nav {
        display: flex !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin: 0 !important;

        justify-content:
            flex-start !important;

        flex-wrap:
            nowrap !important;

        gap:
            5px !important;

        overflow-x:
            auto !important;

        overflow-y:
            hidden !important;

        overscroll-behavior-x:
            contain !important;

        -webkit-overflow-scrolling:
            touch !important;

        scrollbar-width:
            none !important;
    }


    .site-nav::-webkit-scrollbar {
        display: none !important;
    }


    .site-nav > a {
        flex:
            0 0 auto !important;

        min-height:
            36px !important;

        padding:
            0 10px !important;

        font-size:
            11px !important;

        white-space:
            nowrap !important;
    }


    .site-nav .nav-ad-link,
    .site-nav .nav-iptv-link {
        margin-left:
            0 !important;
    }


    /* =====================================================
       KATEGORI SATIRI
       ===================================================== */

    .header-category-bar {
        position: relative !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin: 0 !important;

        box-sizing:
            border-box !important;

        overflow:
            visible !important;
    }


    .header-category-inner {
        position: relative !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        min-height: 0 !important;

        margin: 0 !important;

        padding:
            8px
            10px
            10px !important;

        box-sizing:
            border-box !important;

        display: flex !important;

        align-items:
            flex-start !important;

        justify-content:
            flex-start !important;

        flex-wrap:
            wrap !important;

        gap:
            6px !important;

        overflow:
            visible !important;
    }


    .header-category-inner > a {
        flex:
            0 0 auto !important;
    }


    .header-category-item {
        position: relative !important;

        flex:
            0 0 auto !important;

        display:
            inline-grid !important;

        grid-template-columns:
            auto
            28px !important;

        align-items:
            center !important;

        min-width:
            0 !important;

        max-width:
            100% !important;

        overflow:
            visible !important;
    }


    .header-category-item:not(.has-children) {
        grid-template-columns:
            auto !important;
    }


    .header-category-main {
        min-width:
            0 !important;

        max-width:
            100% !important;

        min-height:
            34px !important;

        padding:
            0 11px !important;

        font-size:
            11px !important;

        box-sizing:
            border-box !important;
    }


    .category-submenu-toggle {
        width:
            28px !important;

        min-width:
            28px !important;

        height:
            34px !important;

        margin-left:
            -4px !important;
    }


    /*
     * Acilan kategori telefonda tam satir olur.
     */
    .header-category-item.open {
        flex:
            1 0 100% !important;

        width:
            100% !important;

        max-width:
            100% !important;

        grid-template-columns:
            minmax(0, 1fr)
            32px !important;

        padding:
            0 !important;
    }


    .header-category-item.open
    .header-category-main {
        width:
            100% !important;

        justify-content:
            flex-start !important;
    }


    /* =====================================================
       MOBIL ALT KATEGORI
       ===================================================== */

    .header-category-dropdown,
    .header-sports-dropdown {
        position:
            static !important;

        grid-column:
            1 / -1 !important;

        left:
            auto !important;

        right:
            auto !important;

        top:
            auto !important;

        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            100% !important;

        max-height:
            52vh !important;

        margin:
            6px 0 0 !important;

        padding:
            7px !important;

        box-sizing:
            border-box !important;

        overflow-x:
            hidden !important;

        overflow-y:
            auto !important;
    }


    .header-category-item.open
    .header-category-dropdown {
        display:
            grid !important;

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

        gap:
            3px !important;
    }


    .header-category-dropdown a,
    .header-sports-dropdown a {
        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            100% !important;

        min-height:
            38px !important;

        padding:
            8px 11px !important;

        box-sizing:
            border-box !important;

        white-space:
            normal !important;

        line-height:
            1.35 !important;
    }


    .header-category-all-mobile {
        display:
            flex !important;

        color:
            #ffffff !important;

        font-weight:
            900 !important;

        border-bottom:
            1px solid rgba(
                255,
                255,
                255,
                .15
            ) !important;
    }


    .header-sports-dropdown-grid {
        display:
            grid !important;

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

        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            100% !important;
    }


    .header-sports-channel,
    .header-sports-all {
        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            100% !important;

        box-sizing:
            border-box !important;
    }


    /* =====================================================
       ANA SAYFA / KATEGORI GENISLIK FIX
       ===================================================== */

    .site-container,
    .home-page-container,
    body.home-page
    .home-page-container,
    body.category-page
    .category-netflix-page {
        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            100% !important;

        margin-left:
            0 !important;

        margin-right:
            0 !important;

        padding-left:
            10px !important;

        padding-right:
            10px !important;

        box-sizing:
            border-box !important;

        overflow-x:
            hidden !important;
    }


    .home-ad-layout,
    body.home-page
    .home-ad-layout,
    body.category-page
    .category-ad-layout,
    body.category-page
    .category-ad-layout.has-left-ad:not(.has-right-ad),
    body.category-page
    .category-ad-layout.has-right-ad:not(.has-left-ad) {
        display:
            grid !important;

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

        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            100% !important;

        gap:
            0 !important;

        box-sizing:
            border-box !important;

        overflow:
            hidden !important;
    }


    body.home-page
    .home-side-ad,

    body.category-page
    .category-side-ad {
        display:
            none !important;
    }


    .home-main-column,
    body.home-page
    .home-main-column,

    .category-main-column,
    body.category-page
    .category-main-column {
        display:
            block !important;

        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            100% !important;

        margin:
            0 !important;

        box-sizing:
            border-box !important;

        overflow-x:
            hidden !important;
    }


    .fm-home-block,
    .fm-home-banner-block,
    .home-main-banner,
    .ad-slot.ad-location-top {
        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            100% !important;

        box-sizing:
            border-box !important;
    }


    .fm-home-banner-block img,
    .home-main-banner img,
    .ad-location-top
    .fm-faceit-top-ad > img {
        display:
            block !important;

        width:
            100% !important;

        max-width:
            100% !important;

        height:
            auto !important;
    }


    /*
     * Yatay film raylari kendi icinde kayabilir.
     * Ama body'yi genisletmez.
     */
    .fm-home-rail,
    .content-related-rail {
        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            100% !important;

        overflow-x:
            auto !important;

        overflow-y:
            hidden !important;

        box-sizing:
            border-box !important;
    }

}


/* =========================================================
   DESKTOP: MOBIL "TUMUNU GOR" GIZLI
   ========================================================= */

@media (min-width: 761px) {

    .header-category-all-mobile {
        display:
            none !important;
    }

}


/* =========================================================
   MOBIL FILM / DIZI BILGI PANELI
   ========================================================= */

@media (max-width: 760px),
       (hover: none) {

    /*
     * Eski:
     * @media (hover:none) => display:none
     *
     * Artik ilk dokunusta acilacak.
     */
    .fm-content-hover-panel {
        display:
            flex !important;

        opacity:
            0 !important;

        visibility:
            hidden !important;

        pointer-events:
            none !important;

        transform:
            none !important;

        transition:
            opacity .16s ease,
            visibility .16s ease !important;
    }


    .fm-home-poster-card.mobile-preview-open
    .fm-content-hover-panel {
        opacity:
            1 !important;

        visibility:
            visible !important;

        pointer-events:
            auto !important;

        transform:
            none !important;
    }


    .fm-home-poster-card.mobile-preview-open
    .fm-home-poster-image > img {
        transform:
            none !important;

        filter:
            brightness(.34) !important;

        opacity:
            .82 !important;
    }


    .fm-home-poster-card.mobile-preview-open
    .fm-home-poster-image > em,

    .fm-home-poster-card.mobile-preview-open
    .fm-content-rating-badge {
        opacity:
            0 !important;
    }


    .fm-content-hover-panel {
        padding:
            10px !important;
    }


    .fm-content-hover-inner > strong {
        font-size:
            12px !important;

        -webkit-line-clamp:
            2 !important;
    }


    .fm-content-hover-meta {
        font-size:
            9px !important;
    }


    .fm-content-hover-inner > p {
        margin-top:
            6px !important;

        font-size:
            9px !important;

        line-height:
            1.35 !important;

        -webkit-line-clamp:
            5 !important;
    }


    .fm-content-hover-watch {
        min-height:
            25px !important;

        margin-top:
            7px !important;

        padding:
            0 8px !important;

        font-size:
            8px !important;
    }

}


/* =========================================================
   IPTV SALES PAGE V1
   ========================================================= */

body.iptv-sales-page {
    background: #080b11;
    color: #eef3f8;
}


body.iptv-sales-page
.iptv-sales-main {
    width: 100%;
    min-width: 0;
    overflow: hidden;
}


body.iptv-sales-page
.iptv-sales-shell {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}


body.iptv-sales-page
.iptv-sales-hero {
    padding: 74px 0 38px;
    border-bottom: 1px solid rgba(255,255,255,.08);
    background: #0b0f16;
}


body.iptv-sales-page
.iptv-sales-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 54px;
    align-items: center;
}


body.iptv-sales-page
.iptv-sales-eyebrow,
body.iptv-sales-page
.iptv-sales-section-head > span {
    display: inline-block;
    margin: 0 0 14px;
    color: #e93445;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .11em;
}


body.iptv-sales-page
.iptv-sales-hero h1 {
    max-width: 790px;
    margin: 0;
    color: #ffffff;
    font-size: clamp(38px, 5vw, 66px);
    line-height: 1.02;
    letter-spacing: -.035em;
}


body.iptv-sales-page
.iptv-sales-lead {
    max-width: 760px;
    margin: 24px 0 0;
    color: #b6c0ce;
    font-size: 18px;
    line-height: 1.75;
}


body.iptv-sales-page
.iptv-sales-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}


body.iptv-sales-page
.iptv-sales-primary,
body.iptv-sales-page
.iptv-sales-secondary,
body.iptv-sales-page
.iptv-price-cta,
body.iptv-sales-page
.iptv-sales-bottom-cta a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 20px;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none;
}


body.iptv-sales-page
.iptv-sales-primary,
body.iptv-sales-page
.iptv-price-cta,
body.iptv-sales-page
.iptv-sales-bottom-cta a {
    border: 1px solid #e93445;
    background: #e93445;
    color: #ffffff;
}


body.iptv-sales-page
.iptv-sales-primary:hover,
body.iptv-sales-page
.iptv-price-cta:hover,
body.iptv-sales-page
.iptv-sales-bottom-cta a:hover {
    background: #cd2636;
    border-color: #cd2636;
    color: #ffffff;
}


body.iptv-sales-page
.iptv-sales-secondary {
    border: 1px solid rgba(255,255,255,.18);
    background: transparent;
    color: #ffffff;
}


body.iptv-sales-page
.iptv-sales-secondary:hover {
    background: rgba(255,255,255,.07);
    color: #ffffff;
}


body.iptv-sales-page
.iptv-sales-mini-note {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 24px;
    color: #8997a8;
    font-size: 12px;
    font-weight: 700;
}


body.iptv-sales-page
.iptv-sales-price-card {
    padding: 30px;
    border: 1px solid rgba(255,255,255,.12);
    border-top: 3px solid #e93445;
    border-radius: 10px;
    background: #111722;
    box-shadow: 0 18px 50px rgba(0,0,0,.28);
}


body.iptv-sales-page
.iptv-price-label {
    display: block;
    color: #9ca9b8;
    font-size: 13px;
    font-weight: 800;
}


body.iptv-sales-page
.iptv-price-value {
    display: block;
    margin-top: 6px;
    color: #ffffff;
    font-size: 48px;
    line-height: 1;
    letter-spacing: -.04em;
}


body.iptv-sales-page
.iptv-price-period {
    display: block;
    margin-top: 8px;
    color: #c0cad6;
    font-size: 14px;
}


body.iptv-sales-page
.iptv-price-divider {
    height: 1px;
    margin: 24px 0;
    background: rgba(255,255,255,.1);
}


body.iptv-sales-page
.iptv-sales-price-card ul {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}


body.iptv-sales-page
.iptv-sales-price-card li {
    position: relative;
    padding-left: 20px;
    color: #c0cad6;
    font-size: 14px;
    line-height: 1.5;
}


body.iptv-sales-page
.iptv-sales-price-card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #e93445;
    font-weight: 900;
}


body.iptv-sales-page
.iptv-price-cta {
    width: 100%;
    margin-top: 25px;
    box-sizing: border-box;
}


body.iptv-sales-page
.iptv-sales-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 48px;
    border: 1px solid rgba(255,255,255,.08);
    background: #0e131c;
}


body.iptv-sales-page
.iptv-sales-stats > div {
    min-width: 0;
    padding: 22px;
    border-right: 1px solid rgba(255,255,255,.08);
}


body.iptv-sales-page
.iptv-sales-stats > div:last-child {
    border-right: 0;
}


body.iptv-sales-page
.iptv-sales-stats strong {
    display: block;
    color: #ffffff;
    font-size: 22px;
    line-height: 1.15;
}


body.iptv-sales-page
.iptv-sales-stats span {
    display: block;
    margin-top: 6px;
    color: #8390a0;
    font-size: 12px;
}


body.iptv-sales-page
.iptv-sales-section {
    padding: 74px 0;
    border-bottom: 1px solid rgba(255,255,255,.07);
}


body.iptv-sales-page
.iptv-device-section {
    background: #0c1119;
}


body.iptv-sales-page
.iptv-sales-section-head {
    max-width: 760px;
    margin-bottom: 34px;
}


body.iptv-sales-page
.iptv-sales-section-head h2,
body.iptv-sales-page
.iptv-purchase-copy h2,
body.iptv-sales-page
.iptv-seo-content h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(26px, 3.2vw, 40px);
    line-height: 1.15;
    letter-spacing: -.025em;
}


body.iptv-sales-page
.iptv-sales-section-head p,
body.iptv-sales-page
.iptv-purchase-copy > p {
    margin: 15px 0 0;
    color: #9eaab8;
    font-size: 16px;
    line-height: 1.75;
}


body.iptv-sales-page
.iptv-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 14px;
}


body.iptv-sales-page
.iptv-feature-card {
    min-width: 0;
    padding: 25px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 8px;
    background: #0e141e;
}


body.iptv-sales-page
.iptv-feature-card strong {
    display: block;
    color: #ffffff;
    font-size: 18px;
}


body.iptv-sales-page
.iptv-feature-card p {
    margin: 11px 0 0;
    color: #94a1b0;
    font-size: 14px;
    line-height: 1.7;
}


body.iptv-sales-page
.iptv-device-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 12px;
}


body.iptv-sales-page
.iptv-device-item {
    min-width: 0;
    padding: 22px;
    border-left: 3px solid #e93445;
    background: #121925;
}


body.iptv-sales-page
.iptv-device-item strong {
    display: block;
    color: #ffffff;
    font-size: 17px;
}


body.iptv-sales-page
.iptv-device-item span {
    display: block;
    margin-top: 7px;
    color: #8f9cab;
    font-size: 13px;
    line-height: 1.5;
}


body.iptv-sales-page
.iptv-seo-content {
    max-width: 900px;
}


body.iptv-sales-page
.iptv-seo-content h2 {
    margin-top: 50px;
    font-size: 29px;
}


body.iptv-sales-page
.iptv-seo-content h2:first-child {
    margin-top: 0;
}


body.iptv-sales-page
.iptv-seo-content p {
    margin: 15px 0 0;
    color: #a6b1be;
    font-size: 16px;
    line-height: 1.85;
}


body.iptv-sales-page
.iptv-purchase-section {
    padding: 78px 0;
    background: #0d121a;
    border-bottom: 1px solid rgba(255,255,255,.08);
}


body.iptv-sales-page
.iptv-purchase-grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) 470px;
    gap: 60px;
    align-items: start;
}


body.iptv-sales-page
.iptv-purchase-copy {
    padding-top: 20px;
}


body.iptv-sales-page
.iptv-purchase-highlight {
    display: inline-flex;
    flex-direction: column;
    margin-top: 28px;
    padding: 18px 24px;
    border-left: 4px solid #e93445;
    background: #141b26;
}


body.iptv-sales-page
.iptv-purchase-highlight span {
    color: #8794a3;
    font-size: 12px;
    font-weight: 800;
}


body.iptv-sales-page
.iptv-purchase-highlight strong {
    margin-top: 4px;
    color: #ffffff;
    font-size: 27px;
}


body.iptv-sales-page
.iptv-purchase-form {
    width: 100%;
    max-width: none;
    margin: 0;
    box-sizing: border-box;
    border-radius: 9px;
}


body.iptv-sales-page
.iptv-purchase-form form {
    position: relative;
}


body.iptv-sales-page
.iptv-purchase-form label {
    display: block;
    margin: 18px 0 7px;
    color: #d8e0e8;
    font-size: 13px;
    font-weight: 800;
}


body.iptv-sales-page
.iptv-purchase-form input {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}


body.iptv-sales-page
.iptv-submit-button {
    width: 100%;
    min-height: 50px;
    margin-top: 22px;
}


body.iptv-sales-page
.iptv-form-privacy {
    margin: 13px 0 0;
    color: #778493;
    font-size: 11px;
    line-height: 1.55;
}


body.iptv-sales-page
.iptv-faq-list {
    display: grid;
    gap: 9px;
    max-width: 900px;
}


body.iptv-sales-page
.iptv-faq-list details {
    border: 1px solid rgba(255,255,255,.1);
    background: #0f151f;
}


body.iptv-sales-page
.iptv-faq-list summary {
    position: relative;
    padding: 19px 48px 19px 20px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 850;
    cursor: pointer;
    list-style: none;
}


body.iptv-sales-page
.iptv-faq-list summary::-webkit-details-marker {
    display: none;
}


body.iptv-sales-page
.iptv-faq-list summary::after {
    content: "+";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #e93445;
    font-size: 22px;
}


body.iptv-sales-page
.iptv-faq-list details[open]
summary::after {
    content: "–";
}


body.iptv-sales-page
.iptv-faq-list p {
    margin: 0;
    padding: 0 20px 20px;
    color: #99a6b5;
    font-size: 14px;
    line-height: 1.7;
}


body.iptv-sales-page
.iptv-sales-bottom-cta {
    padding: 34px 0;
    background: #131923;
}


body.iptv-sales-page
.iptv-sales-bottom-cta
.iptv-sales-shell {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}


body.iptv-sales-page
.iptv-sales-bottom-cta strong {
    display: block;
    color: #ffffff;
    font-size: 22px;
}


body.iptv-sales-page
.iptv-sales-bottom-cta span {
    display: block;
    margin-top: 5px;
    color: #8e9aa9;
    font-size: 13px;
}


/* TABLET */

@media (max-width: 960px) {

    body.iptv-sales-page
    .iptv-sales-hero-grid,
    body.iptv-sales-page
    .iptv-purchase-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }


    body.iptv-sales-page
    .iptv-sales-price-card {
        max-width: 520px;
    }


    body.iptv-sales-page
    .iptv-feature-grid {
        grid-template-columns:
            repeat(2, minmax(0,1fr));
    }


    body.iptv-sales-page
    .iptv-device-grid {
        grid-template-columns:
            repeat(2, minmax(0,1fr));
    }

}


/* MOBILE */

@media (max-width: 640px) {

    body.iptv-sales-page
    .iptv-sales-shell {
        width: calc(100% - 24px);
    }


    body.iptv-sales-page
    .iptv-sales-hero {
        padding: 42px 0 26px;
    }


    body.iptv-sales-page
    .iptv-sales-hero h1 {
        font-size: 36px;
        line-height: 1.06;
    }


    body.iptv-sales-page
    .iptv-sales-lead {
        font-size: 15px;
        line-height: 1.7;
    }


    body.iptv-sales-page
    .iptv-sales-actions {
        display: grid;
        grid-template-columns: 1fr;
    }


    body.iptv-sales-page
    .iptv-sales-primary,
    body.iptv-sales-page
    .iptv-sales-secondary {
        width: 100%;
        box-sizing: border-box;
    }


    body.iptv-sales-page
    .iptv-sales-mini-note {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }


    body.iptv-sales-page
    .iptv-sales-price-card {
        width: 100%;
        max-width: 100%;
        padding: 22px;
        box-sizing: border-box;
    }


    body.iptv-sales-page
    .iptv-price-value {
        font-size: 42px;
    }


    body.iptv-sales-page
    .iptv-sales-stats {
        grid-template-columns:
            repeat(2, minmax(0,1fr));
    }


    body.iptv-sales-page
    .iptv-sales-stats > div {
        padding: 16px;
        border-right: 1px solid rgba(255,255,255,.08);
        border-bottom: 1px solid rgba(255,255,255,.08);
    }


    body.iptv-sales-page
    .iptv-sales-stats > div:nth-child(2n) {
        border-right: 0;
    }


    body.iptv-sales-page
    .iptv-sales-section,
    body.iptv-sales-page
    .iptv-purchase-section {
        padding: 48px 0;
    }


    body.iptv-sales-page
    .iptv-feature-grid,
    body.iptv-sales-page
    .iptv-device-grid {
        grid-template-columns: 1fr;
    }


    body.iptv-sales-page
    .iptv-feature-card {
        padding: 20px;
    }


    body.iptv-sales-page
    .iptv-seo-content h2 {
        margin-top: 38px;
        font-size: 24px;
    }


    body.iptv-sales-page
    .iptv-seo-content p {
        font-size: 14px;
        line-height: 1.8;
    }


    body.iptv-sales-page
    .iptv-sales-section-head h2,
    body.iptv-sales-page
    .iptv-purchase-copy h2 {
        font-size: 28px;
    }


    body.iptv-sales-page
    .iptv-sales-bottom-cta
    .iptv-sales-shell {
        align-items: stretch;
        flex-direction: column;
    }


    body.iptv-sales-page
    .iptv-sales-bottom-cta a {
        width: 100%;
        box-sizing: border-box;
    }

}

/* =========================================================
   FILMIZLE MOBILE HEADER NAV FINAL
   IPTV SATIN AL + REKLAM VER HER ZAMAN GORUNUR
   ========================================================= */

@media (max-width: 760px) {

    .site-nav {
        display: grid !important;

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

        width: 100% !important;
        max-width: 100% !important;

        gap: 6px !important;

        overflow: visible !important;

        padding: 0 !important;
        margin: 0 !important;

        box-sizing: border-box !important;
    }

    .site-nav > a {
        grid-column: span 2;

        width: 100% !important;
        min-width: 0 !important;

        min-height: 38px !important;

        padding: 0 6px !important;

        box-sizing: border-box !important;

        font-size: 11px !important;

        white-space: nowrap !important;
    }

    .site-nav .nav-iptv-link,
    .site-nav .nav-ad-link {
        grid-column: span 3;

        margin: 0 !important;

        min-height: 42px !important;

        font-size: 12px !important;
        font-weight: 850 !important;
    }

    .site-nav .nav-iptv-link {
        color: #ffffff !important;

        background:
            linear-gradient(
                145deg,
                #b51f29,
                #811018
            ) !important;

        border:
            1px solid rgba(255,255,255,.15) !important;

        text-shadow: none !important;
    }

    .site-nav .nav-iptv-link::after,
    .site-nav .nav-ad-link::after {
        display: none !important;
    }

}

/* =========================================================
   X LIVE STREAM ADMIN
   ========================================================= */
.x-live-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.x-live-head h1 {
    margin: 0 0 7px;
}

.x-live-head p {
    margin: 0;
    color: #8f98aa;
}

.x-live-badge {
    flex: 0 0 auto;
    padding: 9px 12px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
    border: 1px solid #333b49;
}

.x-live-badge.is-live {
    color: #fff;
    background: #a91520;
    border-color: #cc3440;
}

.x-live-badge.is-off {
    color: #aeb5c1;
    background: #191e26;
}

.x-live-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(320px, .75fr);
    gap: 20px;
    align-items: start;
}

.x-live-side {
    display: grid;
    gap: 20px;
}

.x-live-main-card label,
.x-live-side label {
    display: block;
    margin: 14px 0 7px;
    font-weight: 700;
}

.x-live-section-title {
    margin: 26px 0 10px;
    padding-top: 20px;
    border-top: 1px solid #2b313d;
    font-size: 15px;
    font-weight: 850;
}

.x-live-section-title:first-of-type {
    margin-top: 12px;
}

.x-live-source-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.x-live-results {
    display: grid;
    gap: 5px;
    max-height: 330px;
    overflow: auto;
    margin-top: 8px;
}

.x-live-result {
    appearance: none;
    width: 100%;
    text-align: left;
    padding: 11px 12px;
    border: 1px solid #303744;
    border-radius: 7px;
    background: #181d25;
    color: #e8ebf0;
    cursor: pointer;
}

.x-live-result:hover {
    border-color: #536174;
    background: #202733;
}

.x-live-searching,
.x-live-selected,
.x-live-help {
    color: #9ca5b4;
    font-size: 13px;
    line-height: 1.55;
}

.x-live-searching {
    padding: 10px 2px;
}

.x-live-selected {
    margin-top: 10px;
    padding: 11px 12px;
    border-radius: 7px;
    border: 1px solid #394253;
    background: #171c23;
}

.x-live-selected.is-empty {
    border-style: dashed;
}

.x-live-check {
    display: flex !important;
    align-items: center;
    gap: 9px;
    cursor: pointer;
}

.x-live-check input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0;
}

.x-live-actions {
    display: flex;
    gap: 10px;
    margin-top: 22px;
}

.x-live-start,
.x-live-stop {
    min-height: 44px;
    font-weight: 850;
}

.x-live-stop {
    width: 100%;
    border: 1px solid #a32933;
    border-radius: 7px;
    background: #87151e;
    color: #fff;
    cursor: pointer;
}

.x-live-start:disabled,
.x-live-stop:disabled {
    opacity: .45;
    cursor: not-allowed;
}

.x-live-status-list {
    display: grid;
    gap: 1px;
    margin-bottom: 14px;
    overflow: hidden;
    border-radius: 7px;
    border: 1px solid #2c3440;
}

.x-live-status-list > div {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 10px;
    padding: 10px;
    background: #171c23;
}

.x-live-status-list span {
    color: #8e98a8;
}

.x-live-status-list b {
    overflow-wrap: anywhere;
}

.x-live-log {
    max-height: 330px;
    overflow: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    padding: 12px;
    margin: 0;
    border-radius: 7px;
    background: #0e1116;
    color: #c8d0dc;
    font: 12px/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

@media (max-width: 1050px) {
    .x-live-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .x-live-head,
    .x-live-source-grid {
        grid-template-columns: 1fr;
        display: grid;
    }

    .x-live-badge {
        justify-self: start;
    }
}