@import url(https://raw.githack.com/elwa2/cssres/main/mtlfz.css);div#s-theme_edit_bar,salla-maintenance-alert.s-maintenance-alert-wrapper.hydrated {
    display: none!important
}

body.da-bgm {
    background-color: #242424!important;
    background-image: none!important;
    overflow-x: hidden
}

body.da-bgm .app-inner {
    background-color: transparent;
    position: relative;
    z-index: 1
}

body.da-bgm .store-header .main-nav-container {
    box-shadow: none!important
}

body.da-bgm #mobile-menu {
    background-color: rgba(10,10,10,0.7)!important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px)
}

body.da-bgm .store-footer .store-footer__inner {
    background-color: rgba(10,10,10,0.5)!important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-top: 1px solid rgba(255,255,255,0.1);
    border-bottom: none;
    border-radius: 20px 20px 0 0;
    padding-top: 4rem
}

body.da-bgm .to-top {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10
}

body.da-bgm .to-top a {
    display: flex!important;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(40,40,40,0.7);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255,255,255,0.2);
    transition: all 0.3s ease
}

body.da-bgm .to-top a p {
    display: none
}

body.da-bgm .to-top a .icon {
    font-size: 1.2rem;
    color: #fff
}

body.da-bgm .to-top a:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
    transform: translateY(-5px);
    box-shadow: 0 5px 15px hsla(358,85%,52%,0.4)
}

body.da-bgm .store-footer h3 {
    color: #ffffff;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    position: relative
}

body.da-bgm .store-footer h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 2px;
    background: linear-gradient(to right,var(--color-primary),transparent)
}

body.da-bgm .store-footer .follow::after {
    display: none
}

body.da-bgm .store-footer .footer-list a {
    color: #a0a0a0;
    transition: color 0.3s ease,padding-right 0.3s ease
}

body.da-bgm .store-footer .footer-list a:hover {
    color: var(--color-primary);
    padding-right: 8px
}

body.da-bgm .contact-links a,body.da-bgm .social-links .social-icon,body.da-bgm .footer-bottom li.pay-mada,body.da-bgm .footer-bottom li.pay-mastercard,body.da-bgm .footer-bottom li.pay-visa,body.da-bgm .footer-bottom li.pay-bank,body.da-bgm .footer-bottom li.pay-stc_pay,body.da-bgm .footer-bottom li.pay-apple_pay,body.da-bgm .footer-bottom li.pay-google_pay,body.da-bgm .footer-bottom li.pay-tabby_installment,body.da-bgm .footer-bottom li.pay-tamara_installment,body.da-bgm .footer-bottom li.pay-cod {
    transition: transform 0.2s ease-out,filter 0.3s ease
}

body.da-bgm .contact-links a:hover,body.da-bgm .social-links .social-icon:hover,body.da-bgm .footer-bottom li:hover {
    transform: translateY(-4px)
}

body.da-bgm .contact-links a:hover i,body.da-bgm .social-links .social-icon:hover i {
    color: var(--color-primary);
    filter: drop-shadow(0 0 4px var(--color-primary))
}

.custom-interactive-banner {
    position: relative;
    width: 100%;
    aspect-ratio: 2560 / 948
}

.custom-interactive-banner img {
    top: 0;
    left: 0;
    width: 100%;
    display: block
}

.interactive-banner-link {
    position: absolute;
    z-index: 10;
    transition: all 0.2s ease;
    border: 1px dashed rgb(249 249 249 / 13%)
}

.interactive-banner-link:hover {
    background-color: rgb(0 0 0 / 8%);
    border-style: solid;
    border-color: #ffffff29
}

.link-bein-tv-hypird {
    left: 62.34%;
    top: 18.4%;
    width: 21.08%;
    height: 16.63%
}

.link-bein-blog {
    left: 31.85%;
    top: 16%;
    width: 19.08%;
    height: 14.63%
}

.link-bein-pvr {
    left: 7.85%;
    top: 32.31%;
    width: 26.08%;
    height: 11.63%
}

.link-faq-link {
    left: 62.34%;
    top: 45.11%;
    width: 21.08%;
    height: 13.63%
}

.link-subscription-renewal {
    left: 15.34%;
    top: 51.11%;
    width: 31.08%;
    height: 13.63%
}

.link-bein-4k-box {
    left: 51.34%;
    top: 65.11%;
    width: 21.08%;
    height: 13.63%
}

.s-product-card-content salla-add-product-button .s-button-text i {
    display: none
}

:root {
    --color-primary: #832734;
    --color-primary-dark: #c70000;
    --color-primary-light: #ff424a;
    --color-primary-reverse: #ffe8f0;
    --dark-bg-main: #1c1c1c;
    --dark-text-main: #f4f4f7;
    --dark-text-sec: #fafcfe;
    --dark-grey: #1a1c1c;
    --text-btn: #eceeee;
    --bg-color: #eceeee;
    --header-bg: #ffffff;
    --menu-bg: #eeecec00;
    --footer-bg: #ffffff;
    --snippetTextColor: #fff
}

:host {
    --menu-bg: #eeecec00;
    --footer-bg: #ffffff;
    --snippetTextColor: #fff
}

i.sicon-menu.text-primary.text-2xl {
    color: #fff
}

.s-button-primary {
    padding: 0.6em 2em;
    border: none;
    outline: none;
    color: rgb(255,255,255);
    background: transparent;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    overflow: hidden
}

.s-button-primary:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 10px;
    z-index: -1
}

.s-button-primary:before {
    content: "";
    background: linear-gradient( 45deg,#ff0000,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,#ff0000 );
    position: absolute;
    top: -2px;
    left: -2px;
    background-size: 400%;
    z-index: -2;
    filter: blur(5px);
    -webkit-filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing-button-85 20s linear infinite;
    transition: opacity 0.3s ease-in-out;
    border-radius: 10px
}

@keyframes glowing-button-85 {
    0% {
        background-position: 0 0
    }

    50% {
        background-position: 400% 0
    }

    100% {
        background-position: 0 0
    }
}

h3.s-product-card-content-title.text-center.line-clamp-1.font-regular,.dark .s-product-card-content-subtitle,.dark .s-product-card-sale-price span {
    color: var(--dark-text-main);
    --dark-text-main: #000000
}

div#tabbyPromoWrapper * {
    --snippetTextColor: #fff!important;
    color: #fff!important
}

.s-button-primary {
    padding: 0.6em 2em;
    border: 2px solid transparent;
    outline: none;
    background: #131111f7;
    cursor: pointer;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation
}

.s-button-primary:after {
    content: '';
    position: absolute;
    background: #131111f7;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    z-index: -1;
    border-radius: 8px
}

.s-button-primary:before {
    content: "";
    background: linear-gradient( 45deg,#ff0000,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,#ff0000 );
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 400%;
    z-index: -2;
    animation: glowing-button-85 20s linear infinite;
    border-radius: 10px
}

@keyframes glowing-button-85 {
    0% {
        background-position: 0 0
    }

    50% {
        background-position: 400% 0
    }

    100% {
        background-position: 0 0
    }
}