#IOPVEIMMQD {

    // DEUS CSS
    .top-bar {
        background-color: #695cffff !important;
    }

    container: widget / inline-size;

    .logo {
        display: flex;
        place-items: center;
    }

    .nav__menu {
        text-wrap-mode: nowrap;
    }

    .nav--sticky {
        height: calc(80px + 1rem);
        @container widget (width <=576px) {
            height: calc(100px + 1rem);
        }
    }

    .logo__img {
        width: -1px !important;
        height: 80px;
        object-fit: contain;

        @container widget (width <=576px) {
            height: 100px;
        }
    }

    ._bg_ {
        background-repeat-x: repeat;
        background-image: url('https://cdn.sqp.ir/Images/Pattern/header-bg.png');
    }

    .nav__megamenu ul {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        margin-block-end: 2rem;

        a {
            color: #333;
            transition: 300ms ease;

            &:hover {
                color: #aaa;
            }
        }
    }
}#DLSJONUPSE{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
}.lg-container {
    direction: ltr;
}

#OKCUHLBJJE {
    .entry__meta li:nth-child(1):after {
        margin: 0 14px;
    }

    .description,
    .description * {
        font-family: "IRANYekanFaNum" !important;
        text-align: justify;
    }

    .entry__img-holder {
        position: relative;
        z-index: 1;
        border-radius: 15px;
        height: 350px;
        max-height: fit-content;
        video {
            display: block;
            margin: auto;
            height: auto;
            max-height: 100%;
            position: relative;
            border-radius: inherit;
            object-fit: contain;
            z-index: 3;
        }
        .video-cover {
            position: absolute;
            border-radius: inherit;
            display: block;
            z-index: 2;
            inset: 0;
            height: 100%;
            width: 100%;
            filter: blur(3px); 
            object-fit: cover;
            @media(width < 400px) {
                display: none;
            }
        }
    }

    .entry__img {
        width: 100%;
        height: 350px;
        object-fit: cover;
    }

    .thumb--size-1 {
        height: 200px;
        object-fit: cover;
    }

    #accessories_OKCUHLBJJE_element {

        .thumb--size-1,
        img {
            width: 100%;
            cursor: pointer;
        }

        a:has(>.play-icon) {
            position: relative;

            &:hover .play-icon {
                outline: 2px solid #efefef;
                outline-offset: 4px;
            }
        }

        .play-icon {
            position: absolute;
            display: grid;
            inset: 0;
            margin: auto;
            border-radius: 50%;
            background-color: #efefef;
            width: 4rem;
            height: 4rem;
            place-content: center;
            transition: 300ms ease;
        }

        .pics {

            .thumb--size-1,
            img {
                height: 250px;
                border-radius: 25px;
                object-fit: cover;
            }
        }

        .films {

            .thumb--size-1,
            img {
                height: 250px;
                border-radius: 25px;
                object-fit: cover;
            }
        }

        .sounds {

            .thumb--size-1,
            img {
                height: 250px;
                border-radius: 25px;
                object-fit: cover;
            }
        }

        .htmls {
            * {
                direction: rtl;
                text-align: justify !important;
                text-wrap-mode: wrap;
            }

            .card+.card {
                margin-block-start: 1rem;
            }
        }

        .files {
            height: fit-content;

            * {
                text-align: right !important;
            }

            .file-container {
                display: flex;
                direction: rtl;
                text-align: right;
                flex-wrap: wrap;
                gap: 0.75rem;
                align-items: center;
                padding-inline: 1rem;
                padding-block: 1rem;
                border-radius: 15px;
                background-color: #efefef;
                border: 1px solid transparent;
                transition: 300ms ease;

                &:hover {
                    background-color: #eaeaea;
                    border: 1px solid #888;
                }
            }

            .thumb--size-1 {
                height: fit-content;
                margin-bottom: 2rem;
            }
        }
    }

    @media only screen and (max-width: 767px) {
        .single-post__entry-title {
            font-size: 20px;
            overflow: unset;
            height: auto;
        }
    }

    .entry__meta-holder {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .entry__article-wrap {
        gap: 2rem;
    }

    .socials {
        @media(width > 991px) {
            flex-direction: column;
        }
    }
}#JHIFDZQBMV{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
}
#JHIFDZQBMV .thumb-container img{
    object-fit: cover;
}
#JHIFDZQBMV .entry__img-holder .thumb-container{
height: 200px;
}
#JHIFDZQBMV .thumb-container{
    height: 80px;
}#SEEIILJBFR{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
}#GHCRJQGWPV{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
}
#GHCRJQGWPV .thumb-container img{
    object-fit: cover;
}
#GHCRJQGWPV .entry__img-holder .thumb-container{
height: 200px;
}
#GHCRJQGWPV .thumb-container{
    height: 80px;
}#HDAFZTCSLF {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    background-color: #75a8ffff;
    container: widget / inline-size;

    .logo__img {
        width: 100px !important;
        height: 40px;
        object-fit: contain;

        @container widget (width <=576px) {
            height: 50px;
        }
    }


    a,
    .widget-title,
    .social {
        color: #ffffff;
    }

    p {
        color: #ffffff !important;
    }
}