:root {
    --flz-shell-gutter: clamp(16px, 3vw, 32px);
    --flz-shell-gutter-mobile: 16px;
    --flz-touch-target: 44px;
}

html,
body {
    overflow-x: clip;
}

body,
.page-wrapper,
.page-wrapper > * {
    max-width: 100%;
}

.page-wrapper {
    overflow-x: clip;
}

img,
video,
iframe,
canvas,
svg {
    max-width: 100%;
}

.row > [class*="col-"],
.flz-page-stage__copy,
.flz-page-stage__panel,
.section-header .seciton-title__left,
.section-header .seciton-title__right,
.movie-content-left,
.movie-content-right,
.tv-details-channel__content,
.wishlist-card-list__link,
.wishlist-card__content,
.chat__box-left {
    min-width: 0;
}

.section-header,
.flz-page-stage__actions,
.flz-page-stage__chips,
.flz-page-stage__stat-grid,
.flz-auth-stage__badges,
.flz-auth-stage__oauth,
.download-links,
.flz-search-hints {
    gap: 12px;
}

.movie-content p,
.flz-page-stage__copy p,
.flz-auth-stage__lead,
.flz-auth-subtitle,
.seciton-title__left p {
    max-width: 100%;
}

.header-search-form input,
.flz-inline-search input,
.chat__box-input,
.chat__box-left .form-control,
.form-control,
.form--control,
select,
textarea {
    min-width: 0;
}

.main-video,
.main-video video,
.video-player,
.plyr,
.plyr__video-wrapper,
.plyr video {
    width: 100%;
    max-width: 100%;
}

.post-share,
.movie-widget-area,
.movie-content-inner {
    row-gap: 12px;
}

.post-share li,
.movie-widget-area .movie-widget {
    min-width: 0;
}

.post-share li a,
.movie-widget-area .movie-widget span {
    word-break: break-word;
}

.event--tab {
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.event--tab .nav-item {
    flex: 0 0 auto;
}

.table-responsive,
.table--responsive--lg,
.table--responsive--md,
.table--responsive--xl,
.flz-ledger-table-wrap,
.flz-support-table {
    max-width: 100%;
    overflow-x: auto;
}

.table tbody tr td,
.table--responsive--lg tbody tr td,
.table--responsive--md tbody tr td,
.table--responsive--xl tbody tr td {
    word-break: break-word;
}

.wishlist-card-wrapper,
.request-items-wrapper,
.tv-details__content {
    gap: 14px;
}

.tv-details-channel__title {
    width: auto;
    max-width: 100%;
    word-break: break-word;
}

.tv-sidebar-list {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.request-items-buttons {
    flex-wrap: wrap;
}

@media (max-width: 1199px) {
    .container,
    .container-fluid {
        padding-left: var(--flz-shell-gutter);
        padding-right: var(--flz-shell-gutter);
    }

    .header {
        top: 0;
    }

    .header__bottom {
        padding: 10px var(--flz-shell-gutter);
    }

    .header .navbar {
        gap: 10px;
        align-items: center;
    }

    .header .site-logo,
    .header .flz-brand {
        min-width: 0;
        max-width: calc(100% - 64px);
    }

    .header .navbar-toggler {
        flex: 0 0 auto;
        margin-left: auto;
    }

    .header .navbar-collapse {
        max-height: calc(100dvh - 88px);
        overflow-y: auto;
        overflow-x: clip;
    }

    .header .main-menu {
        display: grid;
        width: 100%;
        margin-bottom: 14px;
        padding: 0;
        gap: 6px;
    }

    .header .main-menu > li {
        margin-right: 0;
    }

    .header .main-menu > li > a {
        white-space: normal;
        padding-right: 44px;
    }

    .header .main-menu li .sub-menu {
        margin-top: 8px;
        border-radius: 12px;
    }

    .header .nav-right {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        gap: 10px;
    }

    .header .navbar-collapse .nav-right__search-btn,
    .header .navbar-collapse .flz-nav-icon,
    .header .navbar-collapse .flz-account-btn,
    .header .navbar-collapse .flz-subscribe-btn,
    .header .navbar-collapse .flz-nav-pill,
    .header .navbar-collapse .language,
    .header .navbar-collapse .language-wrapper {
        width: 100%;
        min-height: var(--flz-touch-target);
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }

    .header .navbar-collapse .flz-account-btn span {
        display: inline;
        max-width: 100%;
    }

    .header .navbar-collapse .flz-nav-pill--premium {
        min-height: var(--flz-touch-target);
        padding: 0 14px;
        border: 1px solid var(--flz-border);
        border-radius: 999px;
        background: rgba(11, 19, 38, 0.75);
    }

    .header .navbar-collapse .language {
        display: block !important;
    }

    .header .navbar-collapse .language-wrapper {
        justify-content: space-between;
        padding-inline: 14px;
    }

    .header-search-area .container {
        height: 100%;
        display: flex;
        align-items: center;
    }

    .header-search-form {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .header-search-form input {
        flex: 1 1 auto;
    }

    .flz-page-stage__shell,
    .flz-auth-stage__card,
    .flz-tournament-hero {
        grid-template-columns: 1fr;
    }

    .flz-page-stage__panel,
    .flz-auth-stage__form,
    .flz-auth-stage__intro {
        width: 100%;
        max-width: 100%;
    }

    .flz-page-stage__actions > * {
        min-width: 0;
    }

    .flz-reference-hero__frame {
        min-height: auto;
    }

    .movie-content-inner {
        align-items: flex-start;
    }

    .movie-content-right .movie-widget-area {
        flex-wrap: wrap;
    }

    .tv-details__social-share,
    .tv-details__desc {
        width: 100%;
    }

    .chat {
        height: min(72vh, 560px);
    }

    .flz-ledger-table {
        min-width: 100%;
    }
}

@media (max-width: 991px) {
    .container,
    .container-fluid,
    .flz-page-strip > .container-fluid,
    .flz-library-grid-shell > .container-fluid,
    .flz-genre-shell > .container-fluid,
    .flz-live-tv-shell > .container-fluid,
    .flz-tournament-shell > .container-fluid,
    .flz-contact-shell > .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }

    .header .nav-right {
        grid-template-columns: 1fr;
    }

    .header .navbar-collapse {
        padding: 16px;
        border-radius: 18px;
    }

    .header .navbar-collapse .dropdown-menu[data-bs-popper] {
        position: static;
        transform: none;
        width: 100%;
        margin-top: 8px;
    }

    .section-header {
        margin-bottom: 24px;
    }

    .section-header.flex-between {
        align-items: flex-start;
    }

    .section-header .seciton-title__right {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        justify-content: flex-start;
    }

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

    .flz-page-stage__chips {
        flex-wrap: wrap;
    }

    .flz-page-stage__copy h1,
    .flz-auth-stage__title,
    .flz-tournament-ref__hero h1 {
        text-wrap: initial;
    }

    .main-video-lock-content {
        padding: 18px;
    }

    .main-video-lock-content .price {
        font-size: clamp(24px, 6vw, 34px);
    }

    .tv-sidebar-list {
        grid-template-columns: 1fr;
    }

    .request-items-wrapper {
        display: grid !important;
        gap: 12px;
    }

    .request-items-search {
        margin-right: 0 !important;
    }

    .request-items-buttons {
        justify-content: flex-start;
    }

    .wishlist-card-wrapper {
        align-items: flex-start;
    }

    .wishlist-card-list__link {
        width: 100%;
    }

    .flz-ledger-table thead th,
    .flz-support-table thead th {
        white-space: nowrap;
    }
}

@media (max-width: 767px) {
    .container,
    .container-fluid,
    .flz-page-strip > .container-fluid,
    .flz-library-grid-shell > .container-fluid,
    .flz-genre-shell > .container-fluid,
    .flz-live-tv-shell > .container-fluid,
    .flz-tournament-shell > .container-fluid,
    .flz-contact-shell > .container-fluid {
        padding-left: var(--flz-shell-gutter-mobile);
        padding-right: var(--flz-shell-gutter-mobile);
    }

    .header__bottom,
    .flz-page-stage__embedded-header > .header .header__bottom,
    .flz-reference-hero__embedded-header > .header .header__bottom,
    .flz-auth-topbar > .header .header__bottom,
    .flz-tournament-ref__header > .header .header__bottom {
        padding-left: var(--flz-shell-gutter-mobile) !important;
        padding-right: var(--flz-shell-gutter-mobile) !important;
    }

    .header .flz-brand,
    .flz-reference-hero__embedded-header > .header .flz-brand,
    .flz-auth-topbar > .header .flz-brand,
    .flz-tournament-ref__header > .header .flz-brand {
        max-width: calc(100% - 58px);
    }

    .header .flz-brand-copy,
    .flz-reference-hero__embedded-header > .header .flz-brand-copy,
    .flz-auth-topbar > .header .flz-brand-copy,
    .flz-tournament-ref__header > .header .flz-brand-copy {
        display: grid;
    }

    .header .flz-brand-title,
    .flz-reference-hero__embedded-header > .header .flz-brand-title,
    .flz-auth-topbar > .header .flz-brand-title,
    .flz-tournament-ref__header > .header .flz-brand-title {
        font-size: 14px;
        letter-spacing: 0.01em;
    }

    .header-search-close {
        top: 18px;
        right: 18px;
    }

    .header-search-form {
        flex-direction: column;
        align-items: stretch;
    }

    .flz-search-hints {
        justify-content: flex-start;
    }

    .section-header {
        margin-top: 0;
        padding-bottom: 14px;
    }

    .section-title {
        font-size: clamp(24px, 7vw, 30px);
    }

    .flz-page-stage__shell,
    .flz-page-stage--embedded-header .flz-page-stage__shell,
    .flz-auth-stage__card,
    .flz-auth-stage__form,
    .flz-auth-stage__intro,
    .flz-contact-card,
    .flz-contact-map-shell,
    .flz-live-tv-shell .tv-live,
    .flz-support-table,
    .flz-ledger-table-wrap,
    .flz-profile-form {
        border-radius: 20px;
    }

    .flz-page-stage__shell,
    .flz-page-stage--embedded-header .flz-page-stage__shell {
        padding-left: 18px;
        padding-right: 18px;
    }

    .flz-page-stage__actions,
    .download-links {
        flex-direction: column;
        align-items: stretch;
    }

    .flz-page-stage__actions > *,
    .download-links__item,
    .download-links__item img {
        width: 100%;
    }

    .movie-content-right .movie-widget-area,
    .post-share {
        flex-wrap: wrap;
        align-items: center;
    }

    .flz-page-stage__stat-grid {
        grid-template-columns: 1fr;
    }

    .event--tab {
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
        border-radius: 0;
    }

    .event--tab .nav-item .nav-link {
        white-space: nowrap;
    }

    .movie-content {
        padding: 14px;
    }

    .movie-content .title {
        font-size: 20px;
    }

    .movie-widget-area .movie-widget {
        justify-content: flex-start;
    }

    .tv-details__content,
    .tv-details-channel,
    .chat__box {
        flex-direction: column;
        align-items: stretch;
    }

    .tv-details-channel__thumb {
        width: 68px;
        height: 68px;
    }

    .tv-details-channel__content {
        width: 100%;
    }

    .chat {
        height: auto;
        min-height: 420px;
    }

    .chat__box-btn,
    .chat__box-icon {
        width: 100%;
        min-height: var(--flz-touch-target);
        justify-content: center;
    }

    .wishlist-card {
        align-items: flex-start;
    }

    .wishlist-card__thumb {
        width: 92px;
        height: 132px;
    }

    .wishlist-card__content {
        width: calc(100% - 92px);
        padding-left: 14px;
    }

    .wishlist-card-wrapper__icon {
        width: 100%;
        height: auto;
        justify-content: flex-start;
    }

    .wishlist-card-wrapper__icon button {
        min-width: 36px;
        min-height: 36px;
    }

    .table--responsive--lg tbody tr td,
    .table--responsive--md tbody tr td,
    .table--responsive--xl tbody tr td {
        gap: 12px;
        padding-left: 0;
    }

    .table tbody tr td::before,
    .table--responsive--lg tbody tr td::before,
    .table--responsive--md tbody tr td::before,
    .table--responsive--xl tbody tr td::before {
        width: auto !important;
        min-width: 112px;
        flex: 0 0 112px;
    }
}

@media (max-width: 575px) {
    .header .navbar-collapse {
        max-height: calc(100dvh - 78px);
        padding: 14px;
    }

    .header .navbar-collapse .flz-nav-pill--premium,
    .header .navbar-collapse .flz-subscribe-btn--signin,
    .header .navbar-collapse .flz-account-btn,
    .header .navbar-collapse .language-wrapper {
        font-size: 12px;
    }

    .flz-page-stage__shell,
    .flz-page-stage--embedded-header .flz-page-stage__shell,
    .flz-auth-stage__card,
    .flz-auth-stage__form,
    .flz-auth-stage__intro,
    .flz-contact-card,
    .flz-contact-map-shell,
    .flz-live-tv-shell .tv-live,
    .flz-support-table,
    .flz-ledger-table-wrap,
    .flz-profile-form {
        border-radius: 18px;
    }

    .flz-page-stage__shell,
    .flz-page-stage--embedded-header .flz-page-stage__shell,
    .flz-auth-stage__card {
        padding-left: 14px;
        padding-right: 14px;
    }

    .flz-page-stage__copy h1,
    .flz-auth-stage__title {
        font-size: clamp(28px, 10vw, 36px);
    }

    .flz-auth-stage {
        padding-bottom: 36px;
    }

    .main-video-lock-content .icon {
        font-size: 44px;
    }

    .main-video-lock-content .price {
        padding: 10px 0;
    }

    .tv-sidebar-list__link {
        gap: 12px;
        padding: 12px;
    }

    .wishlist-card__thumb {
        width: 80px;
        height: 112px;
    }

    .wishlist-card__content {
        width: calc(100% - 80px);
        padding-left: 12px;
    }

    .wishlist-card__title {
        margin-bottom: 8px;
        font-size: 15px;
    }

    .wishlist-card__desc {
        display: block;
        font-size: 13px;
    }

    .download-links {
        gap: 10px;
    }

    .download-links__item img {
        width: 100% !important;
        height: auto !important;
    }
}