@import "https://raw.githack.com/elwa2/cssres/main/eldirastore22.css";a.mburger.mburger--collapse>i.text-primary {
    color: #d2d2d2!important
}

.s-cart-summary-count {
    background: var(--cartDarkred)!important;
    display: inline-block;
    text-align: center;
    line-height: 15px
}

.tabs-wrapper {
    --tw-bg-opacity: 1;
    background-color: transparent;
    min-height: 5rem
}

.header.store-header .navbar-brand {
    padding: 0 .25rem;
    margin: 0
}

.footer-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px
}

header.store-header>.inner.nav-header .social-links {
    gap: .25rem
}

header.store-header>.inner.nav-header .social-links>a.social-icon {
    padding: 0 .25rem;
    line-height: 18px
}

header.store-header>.inner.nav-header .social-links>a.social-icon:hover {
    color: #2b2b2b!important
}

.footer-middle .contact-links>a {
    display: inline-block;
    min-width: 3.75rem!important;
    padding: 6px 0 3px;
    text-align: center;
    border-radius: 2px;
    border: .01em solid #9da4be;
    gap: 5px
}

.footer-middle .contact-links>a:first-of-type {
    background-color: #21ca37!important;
    border-color: #1ae935
}

.footer-middle .contact-links>a:nth-of-type(2) {
    background-color: #1279cc!important;
    border-color: #188deb
}

.footer-middle .contact-links>a:nth-of-type(3) {
    background-color: #1d7884!important;
    border-color: #1e94a4
}

.footer-middle .contact-links>a:nth-of-type(4) {
    background-color: #44765e!important;
    border-color: #478e6c
}

.footer-middle .contact-links>a>i {
    font-size: 18px;
    font-weight: 500!important;
    background: -webkit-radial-gradient(33% 100% circle,#a5f0ff 4%,#cef8ff 30%,#fcffaa 62%,#ffd0cc 85%,#ffffff);
    background: radial-gradient(circle at 33% 100%,#a5f0ff 4%,#cef8ff 28%,#fcffaa 62%,#ffd0cc 85%,#ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255,255,255,.15)
}

.footer-middle .contact-links>a>i.sicon-whatsapp2:before {
    content: "\e968"
}

.footer-middle .contact-links>a>i.sicon-iphone:before {
    content: "\e92d"
}

.footer-middle .contact-links>a>i.sicon-mail:before {
    content: "\ed4f"
}

.footer-middle .contact-links>a {
    position: relative;
    overflow: hidden
}

.footer-middle .contact-links>a:hover {
    color: #fff!important
}

.footer-middle .contact-links>a::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient( left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100% );
    background: linear-gradient( to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 100% );
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.footer-middle .contact-links>a:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes borderAnime {
    to {
        background-position: 200% center
    }
}

ul.social-links>.social-links a.social-icon,ul.social-links>.social-links a.social-icon i:after,ul.social-links>.social-links span[class^=sicon-] {
    transition: all .35s;
    transition-timing-function: cubic-bezier(.31,-.105,.43,1.59)
}

ul.social-links>.social-links a.social-icon i {
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

ul.social-links>.social-links a.social-icon i:after {
    top: 90%;
    left: -110%;
    background-color: #1d7884
}

ul.social-links>.social-links a.social-icon i[class^=sicon-link] {
    transform: scale(.8);
    color: #61abb4
}

ul.social-links>.social-links a.social-icon:first-of-type i:after {
    background-color: #8a3ab9
}

ul.social-links>.social-links a.social-icon:first-of-type i {
    color: #8a3ab9
}

ul.social-links>.social-links a.social-icon:nth-of-type(2) i:after {
    background-color: #3cf
}

ul.social-links>.social-links a.social-icon:nth-of-type(2) i {
    color: #3cf
}

ul.social-links>.social-links a.social-icon:nth-of-type(3) i:after {
    background-color: #fffc00
}

ul.social-links>.social-links a.social-icon:nth-of-type(3) i {
    color: #dbbc21
}

ul.social-links>.social-links a.social-icon:nth-of-type(4) i:after {
    background-color: #010101
}

ul.social-links>.social-links a.social-icon:nth-of-type(4) i {
    color: #010101
}

ul.social-links>.social-links a.social-icon:focus i:after,ul.social-links>.social-links a.social-icon:hover i:after {
    top: -55%;
    left: -18%
}

ul.social-links>.social-links a.social-icon:focus i[class^=sicon-],ul.social-links>.social-links a.social-icon:hover i[class^=sicon-] {
    color: #fff
}

ul.social-links>.social-links {
    height: 40px;
    margin: auto;
    font-size: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

ul.social-links>.social-links a.social-icon {
    display: block;
    background-color: #fff;
    border: 1px solid #eee;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.1);
    opacity: .99
}

ul.social-links>.social-links a.social-icon i:after {
    content: "";
    width: 52px;
    height: 52px;
    position: absolute;
    transform: rotate(45deg);
    z-index: -1
}

ul.social-links>.social-links a.social-icon:not(:nth-of-type(3)):hover i:before {
    color: #fff
}

ul.social-links>.social-links a.social-icon span[class^=sicon-] {
    font-size: 24px;
    vertical-align: middle
}

a.social-icon:hover {
    background: #fff!important;
    border-color: #fff!important;
    box-shadow: none
}

.bubble-show:hover .bubble {
    top: -2.2rem
}

.store-footer a:hover {
    color: var(--hoverColor)!important
}

.store-footer h3,.store-footer h3.follow {
    color: #fff!important
}

.sticky-product-bar .s-button-primary-outline {
    border: 1px solid var(--color-primary-l)
}

.footer-top.footer-container {
    padding-bottom: 0
}

.footer-middle.footer-container>.flex.flex-col:first-child {
    order: 0;
    min-width: 10rem
}

.footer-middle.footer-container>.flex.flex-col:nth-child(2) {
    order: 1;
    align-items: center
}

.store-footer .footer-list.store-links-items a {
    line-height: 20px
}

.footer-middle.footer-container>.flex.flex-col:nth-child(3) {
    order: 2
}

.footer-middle.footer-container>.flex.flex-col.gap-4 {
    order: 4
}

span.copyrights.text-sm.opacity-75 {
    display: flex;
    order: 2;
    margin-top: 10px
}

.flex.flex-col.gap-4>.footer-vat.flex.justify-center {
    padding: 0;
    flex-grow: 1;
    overflow: hidden
}

.intercom-lightweight-app-launcher,.intercom-namespace .intercom-dfosxs {
    bottom: 45px!important
}

.product-single .intercom-lightweight-app-launcher,.product-single .intercom-namespace .intercom-dfosxs {
    bottom: 110px!important
}

@media(min-width: 479px) {
    section.sticky-product-bar.bg-white.da-bgg {
        padding-right:80px
    }

    .product-single .intercom-lightweight-app-launcher,.product-single .intercom-namespace .intercom-dfosxs {
        bottom: 55px!important
    }
}

a.navbar-brand.p-1 {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.s-block__title>.right-side,.s-slider-block__title>.s-slider-block__title-right {
    border-right: 5px solid var(--main-text-color);
    padding-right: 10px
}

.mm-ocd__content ul.main-menu>li>a[aria-label="نظام الولاء"]>h5 {
    font-weight: inherit!important;
    font-family: var(--font-secondary);
    padding: 0 5px
}

.mm-ocd__content ul.main-menu>li>a[aria-label="نظام الولاء"]:before {
    content: "\e94e";
    font-family: sallaicons!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 8px
}

.main-menu li.links:hover,.main-menu li.social:hover {
    color: var(--hoverColor)!important
}

.product-entry button span.s-button-text {
    overflow: visible
}

.product-entry button span.s-button-text>.flex-center {
    position: relative
}

.product-entry salla-add-product-button .s-button-wrap .s-button-element,salla-button .s-quick-buy-button.s-button-element:not(:disabled):not([loading]) {
    background-color: var(--color-primary);
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff
}

.product-entry salla-add-product-button .s-button-wrap .s-button-element i.sicon-shopping-bag2 {
    opacity: 0;
    position: absolute;
    right: -100%;
    top: 50%;
    transform: translateY(-50%) translateX(30px);
    transition: all .5s cubic-bezier(.68,-.55,.265,1.55);
    visibility: hidden;
    color: #000
}

.product-entry salla-add-product-button .s-button-wrap .s-button-element:hover,salla-button .s-quick-buy-button.s-button-element:not(:disabled):not([loading]):hover {
    background-color: var(--goldColor);
    background: var(--goldColor);
    color: var(--color-primary);
    border-color: var(--goldColor);
    overflow: hidden
}

.product-entry salla-add-product-button .s-button-wrap .s-button-element:hover i.sicon-shopping-bag2 {
    opacity: 1;
    transform: translateY(-50%) translateX(-2px);
    visibility: visible;
    right: -20px
}

.product-entry .promo-title,.promotion-title {
    background-color: var(--goldColor);
    background: var(--goldColor);
    color: #000
}

.product-entry .on-sale>h4 {
    color: var(--linkHoverColor)
}

section.s-block.s-block--faqs {
    background-color: #eaeaea!important
}

.faq-container:hover .faq-item {
    color: #fff
}

@media(min-width: 375px) {
    .footer-middle.footer-container>.flex.flex-col:nth-child(2) {
        min-width:20rem
    }

    .store-footer .footer-list.store-links-items a {
        width: 10rem;
        max-width: 12rem
    }
}

@media(max-width: 768px) {
    .s-block.s-block--photos-slider~section.s-block.s-block--banners.container {
        margin-top:.75rem
    }

    .s-block--banners .two-row,.s-block--banners .one-row {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (min-width: 1024px) {
    .main-menu li>a:hover,.main-menu>.has-children:hover>a {
        color:var(--hoverColor)!important
    }

    .main-menu li:not(.menu-user-login)>a:hover {
        color: var(--hoverColor)!important
    }

    .main-menu .has-children li a:hover {
        color: var(--1)!important
    }

    .store-footer .footer-container .logo-footer .foo {
        max-height: 100px;
        max-width: 100px
    }
}

@media(min-width: 992px) {
    #mainnav>.inner {
        background:var(--1);
        padding: 21px 0
    }

    .s-block__title h2,.s-slider-block__title>.s-slider-block__title-right h2 {
        font-size: 2rem
    }

    .s-block__display-all,.s-slider-block__display-all {
        font-size: 1.15rem
    }

    footer .footer-apps>h3 {
        text-align: center!important
    }

    .footer-middle.footer-container>.flex.flex-col:first-child {
        max-width: 20%
    }
}

@media(min-width: 768px) {
    .grid.one-row.md\:grid-cols-1.grid-flow-row,section.s-block.s-block--banners.container>.grid.one-row.md\:grid-cols-2 {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }

    section.s-block.s-block--banners.container {
        margin-top: 0;
        padding-top: .5rem
    }

    body#app .app-inner header+.s-block.s-block--photos-slider+.s-block.s-block--banners>.grid.two-row.grid-flow-row {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    body#app .app-inner header+.s-block.s-block--photos-slider+.s-block.s-block--banners>.grid.two-row.grid-flow-row>.banner-entry {
        height: 400px
    }
}

@media(max-width: 992px) {
    footer .footer-middle.footer-container {
        display:flex;
        flex-wrap: wrap
    }
}

@media(max-width: 480px) {
    .s-block--banners .two-row .banner-entry,.s-block--banners .one-row .banner-entry {
        height:100px
    }
}

@media(max-width: 375px) {
    .sticky-product-bar.da-bgg>.container {
        padding-left:0;
        padding-right: 0
    }

    .s-quantity-input-button {
        width: 2.35rem
    }
}

.main.main--404 {
    background: #0d0d0d
}

.e404-container {
    display: flex;
    flex-direction: column
}

.e404-container>.landing {
    display: flex;
    max-width: 100%;
    height: 100vh
}

h1.title.title--giant.title--404 {
    display: flex;
    flex-direction: column-reverse;
    height: auto;
    max-height: initial;
    width: 50%;
    gap: 10px;
    color: #fff;
    justify-content: center;
    margin-bottom: 0
}

h1.title.title--giant.title--404>img {
    width: 50%;
    height: auto;
    max-height: initial
}

.e404-container>.landing h3 {
    width: 50%;
    display: flex;
    align-items: center;
    margin-top: -90px
}

.e404-container>p {
    position: absolute;
    width: 50%;
    left: 0;
    top: 50%;
    bottom: 0;
    color: #f4f4f4;
    display: flex;
    align-items: flex-start;
    margin: 0
}

.e404-container>a {
    position: absolute;
    padding: 5px 15px;
    right: 50%;
    top: calc(50% + 100px);
    background: var(--hoverColor);
    color: var(--color-primary);
    border-radius: 9999px;
    margin: 0
}

.footerBar {
    background: var(--goldColor);
    min-height: 40px;
    margin: 0;
    display: flex;
    align-items: center;
    flex-direction: row;
    align-content: center;
    padding: 5px;
    border-radius: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
    border-top: 1px solid #6b6b6b
}

.footerBar>div {
    width: 50%;
    text-align: center
}

.footerBar>div:first-child {
    border-left: 2px solid #626262
}

.footerBar>div>h3 {
    color: #fff!important;
    margin: 0 auto;
    font-size: 15px
}

@media(max-width: 768px) {
    .footerBar>div>h3 {
        font-size:12px;
        line-height: 14px
    }
}

.is_large .header-btn .sicon-search {
    color: var(--color-primary)!important
}

footer .footer-top .social-links>a.social-icon {
    width: 30px;
    height: 30px;
    padding: 2px
}

footer .footer-top .social-links>a.social-icon:hover {
    border-radius: 50%;
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.categoryNav {
    background: #fff;
    transition: height .75s ease-out;
    height: 0;
    max-height: 46px!important
}

.categoryNavContainer {
    padding: 9px 15px;
    width: 100%;
    overflow-y: visible;
    height: 46px
}

.categoryNavContainer>ul {
    list-style: none;
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    white-space: nowrap;
    gap: 15px
}

.categoryNavContainer>ul>li {
    display: inline-block;
    flex: 1;
    text-align: center;
    border: 1px solid transparent
}

.categoryNavContainer>ul>li>a {
    padding: 2px 8px;
    display: inline-block;
    width: 100%
}

.categoryNavContainer>ul>li:first-child>a,ul.main-menu>li:not(.mobile-menu-slider):nth-child(2)>a.sidemenu-link>h5 {
    color: var(--heighlightedMenuDarkred)!important
}

.categoryNavContainer>ul>li.categoryNavLink:hover {
    background: var(--lightColorCatHover);
    border-radius: 5px;
    border-color: var(--darkColorCatHover);
    position: relative
}

.categoryNavContainer ul.categoryNavSubmenu {
    display: none;
    position: absolute;
    background: var(--lightColorCatHover);
    padding: 5px 15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    margin-top: 1px;
    border-radius: 5px;
    border: 1px solid #e5e2da;
    max-height: calc(100vh - 155px);
    overflow-y: auto;
    scrollbar-color: #d9d9d9 #efefef;
    scrollbar-width: thin
}

.categoryNavContainer ul.categoryNavSubmenu:before {
    content: "";
    display: block;
    position: absolute;
    top: -7px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px;
    border-color: transparent transparent #dee7ee transparent
}

.categoryNavContainer ul.categoryNavSubmenu>li.submenuItem {
    padding: 3px 5px;
    border-bottom: 1px solid #e1e1e1
}

.categoryNavContainer ul.categoryNavSubmenu>li.submenuItem:last-child {
    border-bottom: 0
}

.categoryNavContainer ul.categoryNavSubmenu>li.submenuItem:hover>a {
    color: var(--heighlightedMenuDarkred)
}

.categoryNavContainer>ul>li.categoryNavLink.hasSub:hover>ul.categoryNavSubmenu {
    display: block
}

@media(min-width: 768px) {
    .categoryNavContainer ul.categoryNavSubmenu::-webkit-scrollbar {
        width:8px
    }

    .categoryNavContainer ul.categoryNavSubmenu::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #d9d9d9;
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2)
    }

    .categoryNavContainer ul.categoryNavSubmenu::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.2);
        background: #efefef;
        border-radius: 10px
    }
}

@media(max-width: 768px) {
    .categoryNavContainer {
        overflow-x:auto
    }

    .categoryNavContainer>ul>li.categoryNavLink:hover {
        position: static
    }

    .categoryNavContainer ul.categoryNavSubmenu {
        left: auto;
        transform: translateX(50%);
        border-top-width: 3px
    }

    .categoryNavContainer ul.categoryNavSubmenu:before {
        left: 27px
    }

    .categoryNavContainer>ul>li.categoryNavLink.hasSub:hover>ul.categoryNavSubmenu {
        overflow-y: auto;
        height: 60vh
    }

    .categoryNavContainer .categoryNavLink.hasSub>a {
        position: relative
    }

    .categoryNavContainer .categoryNavLink.hasSub>a:after {
        content: "";
        display: none;
        position: absolute;
        bottom: -4px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 99;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 7px 7px;
        border-color: transparent transparent #e5e2da transparent
    }

    .categoryNavContainer .categoryNavLink.hasSub:hover>a:after {
        display: block
    }
}

section.s-block.s-block--special-product>.container>.flex-col {
    max-height: 450px;
    border: 1px solid #e8e8e8
}

section.s-block.s-block--special-product .p_image>a>img {
    width: auto;
    transform: scale(1.15) translateY(1%)
}

section.s-block.s-block--special-product .p_image {
    height: auto;
    width: 25%
}

section.s-block.s-block--special-product .p_image+.flex.flex-col {
    width: 75%;
    display: flex;
    justify-content: space-evenly
}

section.s-block.s-block--special-product #special-product-tabs.s-product-tabs {
    margin-top: 10px
}

section.s-block.s-block--special-product #special-product-tabs.s-product-tabs>.tabs.tabs__special.tabs__outline {
    margin: 10px 0
}

section.s-block.s-block--special-product #special-product-tabs.s-product-tabs>.tabs-wrapper.tabs-wrapper__special p {
    width: 90%;
    margin-bottom: 15px
}

@media(max-width: 768px) {
    section.s-block.s-block--special-product>.container>.flex-col {
        flex-direction:row;
        max-height: 310px
    }

    section.s-block.s-block--special-product .p_image {
        width: 40%
    }

    section.s-block.s-block--special-product .p_image+.flex.flex-col {
        width: 60%;
        padding: 10px
    }

    section.s-block.s-block--special-product .p_image+.flex.flex-col>h1 {
        font-size: 1rem;
        line-height: 1rem
    }

    section.s-block.s-block--special-product .p_image+.flex.flex-col>p {
        font-size: .85rem;
        line-height: 16px
    }

    section.s-block.s-block--special-product #special-product-tabs.s-product-tabs {
        margin-top: 0
    }

    section.s-block.s-block--special-product #special-product-tabs.s-product-tabs>.tabs.tabs__special.tabs__outline {
        margin: 0;
        padding: 10px 5px
    }

    section.s-block.s-block--special-product #special-product-tabs.s-product-tabs>.tabs-wrapper.tabs-wrapper__special p {
        width: 100%;
        margin-bottom: 0;
        font-size: .8rem;
        line-height: 16px
    }

    .s-block.s-block--special-product .btn {
        font-size: 14px;
        padding: 5px 15px 6px;
        margin-top: 4px
    }
}

@media(max-width: 425px) {
    section.s-block.s-block--special-product .p_image+.flex.flex-col {
        padding:6px
    }

    section.s-block.s-block--special-product .p_image+.flex.flex-col>h1 {
        font-size: .8rem;
        line-height: .9rem
    }

    .tabs.tabs__special.tabs__outline {
        gap: .75rem
    }

    .tabs.tabs__special.tabs__outline>.tabs__outline .tab-trigger {
        padding: .4rem
    }
}

footer .footer-middle .contact-links>a>i {
    width: 18px;
    height: 18px;
    display: block;
    background-size: contain!important;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    opacity: 1
}

footer .footer-middle .contact-links>a>span.text-unicode {
    color: #fff
}

footer .footer-middle .contact-links>a>i::before {
    content: ""!important
}

footer .footer-middle .contact-links>a>i.sicon-whatsapp2 {
    background: url(https://cdn.salla.sa/RGAZz/YBY7R14a6yDU61RQ4wysfohu7aD8jytA6sTgIW1I.png)
}

footer .footer-middle .contact-links>a>i.sicon-iphone {
    background: url(https://cdn.salla.sa/form-builder/lhVzwnn8gOUUlDcZserbt4c8WLNqU4Zcb8uAP6JC.png)
}

footer .footer-middle .contact-links>a>i.sicon-mail {
    background: url(https://cdn.salla.sa/form-builder/CCLFYrO1L6Jb7uj48TvU8QtdV32obz2GKypcuPu4.png)
}

.s-rating-stars-wrapper {
    margin-bottom: 15px
}

.price .total-price {
    font-size: 1.5rem
}

.price span.before-price {
    font-size: 18px
}

button.s-slider-nav-arrow span {
    display: block;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #e0e0e0
}

salla-slider .s-slider-block__title-nav button.swiper-button-disabled svg {
    fill: #adadad!important;
    cursor: not-allowed
}

.s-product-options-colors-wrapper {
    margin-bottom: 5px
}

.s-product-options-colors-item>label {
    position: relative
}

.s-product-options-colors-item>label>div>p {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: max-content
}

.product-single .descWrapper {
    position: relative
}

.product-single article#more-content.full-description.details {
    position: static
}

.product-single article#more-content.full-description.details iframe.ql-video {
    height: 250px;
    position: absolute;
    left: 0;
    right: 0;
    padding: 15px;
    background: #fff;
    display: none
}

article#more-content.full-description.details:before {
    font-size: 18.72px
}

#btn-show-more {
    background: #fff;
    display: block;
    color: gray;
    border: 0;
    text-align: left;
    padding-top: 5px
}

#btn-show-more>i.sicon-arrow-down {
    position: relative;
    top: 3px
}

.details-slider.s-slider-wrapper {
    border: .1rem solid #fff
}

@media(max-width: 480px) {
    section.sticky-product-bar>.container {
        padding:0
    }

    section.sticky-product-bar .s-quantity-input-button {
        width: 2.75rem
    }

    section.sticky-product-bar .s-quantity-input-input {
        width: 2rem;
        padding: 0
    }

    section.sticky-product-bar salla-add-product-button salla-button:not(.s-quick-buy-button) button .s-button-text:after {
    }

    section.sticky-product-bar salla-add-product-button salla-button .s-button-btn {
        padding: .5rem .5rem .625rem;
        font-size: .75rem
    }
}

salla-add-product-button.sticky-product-bar__btn.s-add-product-button-with-quick-buy>salla-button button {
    position: relative;
    overflow: hidden;
    border: .01rem solid #080403
}

salla-add-product-button.sticky-product-bar__btn.s-add-product-button-with-quick-buy>salla-button button:before {
    content: "";
    position: absolute;
    top: 0;
    right: -200%;
    z-index: 0;
    display: block;
    width: 200%;
    height: 100%;
    background: -webkit-linear-gradient( right,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.45) 25%,rgba(255,255,255,0.6) 40%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.6) 60%,rgba(255,255,255,0.45) 75%,rgba(255,255,255,0.1) 100% );
    background: linear-gradient( to right,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.45) 25%,rgba(255,255,255,0.6) 40%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.6) 60%,rgba(255,255,255,0.45) 75%,rgba(255,255,255,0.1) 100% );
    -webkit-transform: skewX(35deg);
    transform: skewX(35deg);
    -webkit-animation: btnShine 1.8s infinite;
    animation: btnShine 2s infinite
}

@-webkit-keyframes btnShine {
    100% {
        right: 150%
    }
}

@keyframes btnShine {
    100% {
        right: 150%
    }
}

salla-add-product-button.sticky-product-bar__btn.s-add-product-button-with-quick-buy>salla-button button span.s-button-text {
    position: relative
}

@-webkit-keyframes btnIconshake {
    100% {
        top: 2px
    }
}

@keyframes btnIconshake {
    100% {
        top: 2px
    }
}

.discountCupon {
    width: 100%;
    max-width: 650px;
    height: auto;
    border-radius: 5px;
    box-shadow: rgba(99,99,99,.2) 0 2px 8px 0;
    background-color: #b7a98f;
    padding: 0 10px 10px;
    position: relative;
    border: 2px dashed #e7e5e5;
    display: flex;
    flex-direction: column;
    margin: 15px auto
}

.discountCupon>.main,.discountCupon>.copy-button {
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    align-items: center;
    flex: 1
}

.discountCupon>.copy-button {
    flex-direction: row-reverse
}

.discountCupon>.main>.co-img {
    width: 70px;
    height: 70px;
    overflow: hidden;
    background: #003153;
    border-radius: 6px;
    flex: 1;
    text-align: center;
    display: flex;
    align-items: center
}

.discountCupon>.main>.co-img>img {
    width: 100px;
    height: auto;
    margin: 0 auto
}

.discountCupon>.main>.vertical {
    border-left: 2px dashed #8d8d8d;
    height: 50%;
    position: absolute;
    left: 40%
}

.discountCupon>.main>.content {
    flex: 2;
    text-align: right
}

.cuponLogo {
    flex: 1;
    height: 85px;
    background: var(--logo) left center no-repeat;
    background-size: contain
}

.cuponLogo>img {
    height: 85px;
    width: auto;
    margin: auto;
    float: left;
    display: none
}

.discountCupon>.main>.content h1 {
    font-size: 28px;
    margin-top: 4px;
    color: var(--2)
}

.discountCupon>.main>.content h1 span {
    font-size: 18px
}

.discountCupon>.main>.content h2,.discountCupon>.main>.content h3 {
    color: var(--2)
}

.discountCupon>.main>.content h2 {
    font-size: 18px
}

.discountCupon>.main>.content h3 {
    font-size: 26px
}

.discountCupon>.main>.content p {
    font-size: 16px;
    color: #696969;
    margin-left: -20px
}

.discountCupon>.copy-button {
    margin: 0 0 -3px;
    height: 45px;
    border-radius: 4px;
    padding: 0;
    border: 3px solid #fff;
    background: #fff
}

.discountCupon>.copy-button input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-size: 16px;
    text-align: left;
    padding-top: 0;
    padding-bottom: 0
}

.discountCupon>.copy-button button,.discountCupon>.copy-button input[type=button] {
    padding: 5px 20px;
    background-color: var(--color-primary);
    color: #fff;
    border: 1px solid transparent;
    cursor: pointer;
    border-radius: 3px;
    max-width: 70px
}

.discountCupon>.copy-button button.copybtnCopied,.discountCupon>.copy-button input[type=button].copybtnCopied {
    position: absolute;
    width: 100%;
    max-width: 100%;
    height: 44px;
    text-align: center;
    left: 0;
    background-color: #529654;
    border: 4px solid #529654
}

.testimonials-slider .line-clamp-2,.testimonials-slider .line-clamp-3 {
    min-height: 24px
}

body.index .commentsSecWrapper {
    display: flex;
    overflow: hidden
}

body.index .s-comments.s-comments-product salla-infinite-scroll {
    display: inline-flex;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: auto;
    height: calc(100% + 12px);
    gap: 10px;
    min-width: 100%;
    width: auto;
    scrollbar-color: #d9d9d9 #efefef;
    scrollbar-width: thin
}

body.index .s-comments.s-comments-product salla-infinite-scroll>.list-block {
    flex: 0 0 auto;
    width: 75%
}

body.index .comment.comment.flex.text-sm.space-s-2 {
    width: 100%
}

body.index .s-comments-product .s-comment-form-input {
    background-color: #f7f7f7;
    border: 1px solid var(--color-primary)
}

.s-infinite-scroll-btn.s-button-btn.s-button-primary {
    text-decoration: none;
    padding: 5px 10px;
    border: 1px solid var(--color-primary)
}

.s-infinite-scroll-btn.s-button-btn.s-button-primary:hover {
    background: var(--color-primary);
    color: #fff
}

.s-comments.s-comments-product>div {
    display: flex;
    flex-direction: column
}

.s-comments.s-comments-product>div>salla-comment-form {
    order: 3;
    margin: 20px 0
}

.s-comments.s-comments-product>div>salla-comment-form+div {
    margin-top: 0
}

.s-comments.s-comments-product salla-infinite-scroll::-webkit-scrollbar,.commentsSecWrapper::-webkit-scrollbar {
    width: auto!important;
    height: 12px!important;
    display: block!important;
    -webkit-appearance: none!important;
    -webkit-overflow-scrolling: auto!important
}

.s-comments.s-comments-product salla-infinite-scroll::-webkit-scrollbar:horizontal,.commentsSecWrapper::-webkit-scrollbar:horizontal {
    height: 12px;
    -webkit-overflow-scrolling: auto
}

.s-comments.s-comments-product salla-infinite-scroll::-webkit-scrollbar-track,.commentsSecWrapper::-webkit-scrollbar-track {
    height: 12px;
    background: #efefef;
    background: #efefef;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.2)
}

.s-comments.s-comments-product salla-infinite-scroll::-webkit-scrollbar-thumb,.commentsSecWrapper::-webkit-scrollbar-thumb {
    height: 12px;
    border-radius: 10px;
    background-color: #d9d9d9;
    background-color: #d9d9d9;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.2)
}

.s-comments.s-comments-product salla-infinite-scroll::-webkit-scrollbar-thumb:hover,.commentsSecWrapper::-webkit-scrollbar-thumb:hover {
    background: #d9d9d9
}

@media(min-width: 768px) {
    #product-tabs-faqs {
        scroll-margin-top:250px
    }
}

@media(max-width: 768px) {
    .comment.comment.flex.text-sm.space-s-2>:not([hidden])~:not([hidden]) {
        margin-right:calc(0.25rem*(1 - var(--tw-space-s-reverse)))
    }

    .comment.comment.flex.text-sm.space-s-2>:not([hidden])~:not([hidden]) {
        margin-left: calc(0.25rem*var(--tw-space-s-reverse))
    }

    #product-tabs-faqs {
        scroll-margin-top: 150px
    }
}

@media(min-width: 1024px) {
    .s-block--tabs-produtcs .tabs-wrapper .tabs__item .grid {
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
}

.details__container>.s-city-option {
    width: 100%
}

.s-city-option .dropbtn {
    width: 100%;
    text-align: right;
    height: 100%;
    padding: 8px 12px 8px 8px;
    cursor: auto;
    font-weight: 100!important
}

.s-city-option .dropdown.dropActive,.s-city-option .dropdown-content.show {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
    border-color: var(--1);
    border-color: var(--color-primary);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 transparent;
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)
}

.s-city-option #citiesInputSearch {
    box-sizing: border-box;
    background-image: url(https://cdn.salla.sa/form-builder/nZ8KNmsxh8fqfgqA5O2t1DnYNA60K2DvTDInoK5Q.png);
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 14px 20px 12px 45px;
    border: none;
    border-bottom: 1px solid #ddd
}

.s-city-option #citiesInputSearch:focus {
}

.s-city-option .dropdown {
    position: relative;
    display: inline-block;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J25vbmUnIHZpZXdCb3g9JzAgMCAyMCAyMCc+PHBhdGggc3Ryb2tlPScjNmI3MjgwJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMS41JyBkPSdtNiA4IDQgNCA0LTQnLz48L3N2Zz4=);
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.s-city-option .dropdown-content {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #f9fafb;
    min-width: 230px;
    width: 100%;
    overflow: auto;
    border: 1px solid #ddd;
    z-index: 1;
    overflow: hidden
}

.s-city-option .dropdown-content ul {
    max-height: 230px;
    overflow: auto;
    scrollbar-color: #d9d9d9 #efefef;
    scrollbar-width: thin
}

.s-city-option .dropdown-content a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block
}

.s-city-option .dropdown a:hover {
    background-color: #ddd
}

.show {
    display: block!important
}

.s-cities-label {
    color: rgba(55,65,81,var(--tw-text-opacity));
    display: block;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin-bottom: .625rem
}

.s-cities-label {
    --tw-text-opacity: 1;
    color: rgba(0,0,0,var(--tw-text-opacity))
}

.s-cities-label b {
    display: block
}

.s-cities-label small {
    --tw-text-opacity: 1;
    color: rgba(156,163,175,var(--tw-text-opacity))
}

.s-cities-content {
    margin-top: .25rem
}

.s-cities-content select,.s-cities-content>div>.dropdown {
    --tw-bg-opacity: 1;
    background-color: rgba(249,250,251,var(--tw-bg-opacity));
    background-position: left .5rem center;
    padding-right: 12px
}

.s-cities-content>div>.dropdown {
    padding: 0
}

.deliverTime {
    padding: 4px 10px 0 0;
    color: var(--dark-text-main)
}

@media(min-width: 640px) {
    .s-city-option {
        width:100%;
        grid-gap: 1rem;
        align-items: flex-start;
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .s-cities-label {
        margin-top: 1px
    }

    .s-cities-content {
        grid-column: span 2/span 2;
        margin-top: 0
    }
}

@media(min-width: 768px) {
    .s-cities-label {
        margin-bottom:0
    }

    .s-city-option .dropdown-content ul::-webkit-scrollbar {
        width: 8px
    }

    .s-city-option .dropdown-content ul::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #d9d9d9;
        -webkit-box-shadow: 0 0 2px rgb(0 0 0/20%)
    }

    .s-city-option .dropdown-content ul::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 1px rgb(0 0 0/20%);
        background: #efefef;
        border-radius: 10px
    }
}

small {
    font-size: 90%;
    font-weight: 100!important
}

select option:checked,select option:hover {
    background: #ddd!important
}

.text-red-400 {
}

section.s-block.s-block--banners.container>.grid>.banner-entry:first-child,section.s-block.s-block--banners.container>.grid>.banner-entry:nth-child(2) {
    display: none
}

.product-index header+.nav-header {
    padding-bottom: .5rem
}

.product-index>.app-inner>.cat-square-banner.mt-4 {
    margin: .1rem
}

.is-sticky-product-bar .sticky-product-bar {
    z-index: 3
}

.dark .da-brdr {
    border-color: var(--transWhite15)!important
}

#subcat-slider.carousel-slider .swiper-wrapper>div {
    background: #1e1d1e;
    color: #fff;
    padding: .5rem .625rem;
    border: 1px solid #efefef;
    border-radius: 6px;
    display: flex;
    align-items: center;
    align-content: center
}

#subcat-slider.carousel-slider .swiper-wrapper>div>a {
    width: 100%
}

.s-infinite-scroll-btn.s-button-btn.s-button-primary {
    background-color: transparent;
    color: var(--color-primary)
}

salla-add-product-button>salla-button.s-button-wrap>button {
    padding-left: 12px;
    padding-right: 12px
}

salla-add-product-button>salla-button.s-button-wrap>button>span.s-button-text {
    justify-content: center
}

salla-add-product-button>salla-button.s-button-wrap>button>span.s-button-text>i {
    font-size: 14px
}

section.s-block.s-block--banners,section.s-block.s-block--best-offers.container {
    margin-bottom: 30px
}

.intercom-lightweight-app {
    display: none
}

#faqLink>span.s-button-text {
    display: inline-flex;
    align-items: center
}

section#psFaq {
    margin-top: 25px;
    scroll-margin-top: 150px
}

@media(min-width: 768px) {
    .s-products-slider-card.swiper-slide {
        width:20%
    }

    .home-slider .s-slider-block__title-nav {
        display: none;
        -webkit-animation: intercom-lightweight-app-launcher .75s;
        animation: intercom-lightweight-app-launcher .75s
    }
}

@media(max-width: 768px) {
    .s-products-slider-card.swiper-slide {
        width:50%
    }

    .s-product-card-sale-price,.s-product-card-content-sub {
        flex-direction: column;
        gap: .05rem
    }
}

@media(min-width: 640px) {
    #subcat-slider.carousel-slider .swiper-wrapper>div.sub-cat-icon {
        display:flex;
        align-items: center;
        width: 100%;
        max-width: 150px;
        border: 1px solid #efefef;
        border-radius: 6px;
        text-align: center;
        padding: 8px 6px
    }

    #subcat-slider.carousel-slider .swiper-wrapper>div.sub-cat-icon>a.sub-categories {
        flex: 1
    }
}

.promotion-title {
    color: #fff
}

.s-slider-block__title h2,.main-content h1,.s-block__title h2 {
    text-transform: uppercase;
    background-image: linear-gradient(-225deg,#000000 0,#404673 29%,#fff 67%,#000 100%);
    background-size: 200% auto;
    color: var(--3);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: 4s linear infinite textclip;
    display: inline-block;
    font-weight: 600;
    border-bottom: 3px;
    font-size: 18px;
    line-height: 1.5
}

@keyframes textclip {
    100% {
        background-position: 200% center
    }
}

@media(min-width: 768px) {
    .s-products-slider-card.swiper-slide {
        width:16.6666667%
    }

    .s-products-list-wrapper {
        gap: 1rem;
        grid-template-columns: repeat(6,minmax(0,1fr))
    }
}

.is_large .s-cart-summary-wrapper i.text-base,i.sicon-menu.text-primary.text-2xl,.mode-toggler.header-btn.cursor-pointer {
    background-repeat: no-repeat;
    background-position: center;
    width: 2rem;
    border-radius: 10px 0 10px 10px;
    border: 2px solid #fff;
    padding: .1rem
}

.sicon-shopping {
    background-repeat: no-repeat;
    background-position: center;
    width: 1.4rem
}

.s-product-card-content salla-add-product-button .s-button-text {
    overflow: visible
}

.is_large .s-cart-summary-wrapper i.text-base {
    content: url(https://cdn.salla.sa/DRoad/a2POV1eP4opltysmOWDSmVsg5BD1k3OB0Q67AShX.gif)!important
}

.sicon-shopping {
    content: url(https://cdn.salla.sa/DRoad/Rvnv7dux4bmlI9JEJ1RdRbwvvd0XsIrKFDuyO0vs.gif)!important
}

i.sicon-menu.text-primary.text-2xl {
    content: url(https://cdn.salla.sa/DRoad/h6dUash1xWzYYWLZmtj6EdGLd6qkim0wfnYfbrRU.gif)!important;
    margin: -2px 0 0
}

.is_large .header-btn i.sicon-user.text-base.text-black.da-tm,.is_large .header-btn .sicon-search {
    border-radius: 10px 0 10px 10px;
    border: 2px solid #fff;
    padding: 4px;
    margin: -8px -7px 0 0
}

.dark .s-cart-summary-total,.currency-btn.ms-2,p.da-tm.hidden.text-xl.md\:block.ms-1,.is_large .header-btn .sicon-search,.is_large .header-btn .sicon-user {
    color: #fff!important
}

.is_large .s-cart-summary-wrapper i.text-base {
    position: absolute;
    top: 3px!important
}

.s-product-card-entry,.s-products-slider-card.swiper-slide {
    transition: transform .5s ease-in-out
}

.s-product-card-entry:hover,.s-products-slider-card.swiper-slide:hover {
    transform: scale(1.03)
}

body.index .swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-ios,body.index section:not(.s-block--testimonials) salla-slider .swiper-wrapper,body.index section:not(.s-block--testimonials) .swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl {
    overflow: visible
}

button.s-product-card-wishlist-btn.animated.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center {
    display: none
}

.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-ios {
}

b.s-cart-summary-total {
    display: none
}

p.text-base.da-tm.leading-6.line-clamp-3.w-full.da-tm.text-center.my-2 {
    background: linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);
    border: 1px solid #d6d6d6;
    box-shadow: 0 2px 4px 0 rgb(0 0 0/6%);
    border-radius: 27px;
    padding: 29px;
    color: #fff!important;
    min-height: 12rem;
    max-height: 9rem;
    position: relative
}

.navbar-brand {
    animation: wiggle 2.5s infinite!important
}

@keyframes wiggle {
    0% {
        transform: rotate(0deg)
    }

    80% {
        transform: rotate(0deg)
    }

    85% {
        transform: rotate(5deg)
    }

    95% {
        transform: rotate(-5deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

.store-footer__inner.da-bgm {
    background-color: --dark-bg-main!important;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0nVVRGLTgnPz48c3ZnIGlkPSdMYXllcl8xJyBkYXRhLW5hbWU9J0xheWVyIDEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgdmlld0JveD0nMCAwIDgwIDgwJz48ZGVmcz48c3R5bGU+IC5jbHMtMSB7IG9wYWNpdHk6IC4xMDsgfSAuY2xzLTIgeyBmaWxsOiByZ2JhKDI1NSwgMjU1LCAyNTUsIC40KTsgZmlsbC1ydWxlOiBldmVub2RkOyBzdHJva2Utd2lkdGg6IDBweDsgfSA8L3N0eWxlPjwvZGVmcz48ZyBjbGFzcz0nY2xzLTEnPjxnIGlkPSdjaHVyY2gtb24tc3VuZGF5Jz48cGF0aCBjbGFzcz0nY2xzLTInIGQ9J003Ny4xNywwaDIuODN2Mi44M2wtLjEuMWMtLjQ0LDYuMDEtMi4yNCwxMS44NS01LjI2LDE3LjA3LDMuMDEsNS4yMiw0LjgsMTEuMDUsNS4yNCwxNy4wNmwuMTEuMTF2Mi44OWMtLjAxLDYuOS0xLjgsMTMuNzktNS4zNSwxOS45NCwzLjUsNi4wNiw1LjM1LDEyLjk0LDUuMzYsMTkuOTR2LjA2aC0yLjgzbC0xMC4zMy0xMC4zNGMtNi42NSw2LjA0LTE1LjE0LDkuNjUtMjQuMSwxMC4yNWwuMDkuMDloLTUuNjZsLjEtLjFjLTguNy0uNTgtMTcuMjItNC0yNC4xLTEwLjIzbC0xMC4zNSwxMC4zM0gwdi0uMDZjMC02LjksMS44LTEzLjgsNS4zNS0xOS45NEMxLjg1LDUzLjk0LDAsNDcuMDYsMCw0MC4wNnYtMi44OWwuMS0uMWMuNDQtNi4wMSwyLjI0LTExLjg1LDUuMjYtMTcuMDdDMi4zNCwxNC43OC41NCw4Ljk1LjEsMi45NGwtLjEtLjExVjBoMi44M2wtLjEuMWM4Ljk2LjYsMTcuNDUsNC4yMSwyNC4xLDEwLjI0TDM3LjE4LDBoMi44MmMwLDYuOTItMS43OCwxMy44My01LjM1LDIwLDMuNTEsNi4wOCw1LjM1LDEyLjk4LDUuMzUsMjAsMC02LjkyLDEuNzgtMTMuODMsNS4zNS0yMC0zLjUxLTYuMDgtNS4zNS0xMi45OC01LjM1LTIwaDIuODNsMTAuMzMsMTAuMzRDNTkuODEsNC4zLDY4LjMuNjksNzcuMjYuMDlsLS4wOS0uMDlaTTc3Ljk0LDc3Ljk0Yy0uMy01LjUyLTEuOC0xMS00LjQ5LTE2LTEuNSwyLjI4LTMuMjQsNC40MS01LjE3LDYuMzQsMCwwLDkuNjYsOS42Niw5LjY2LDkuNjZaTTY1LjQyLDY4LjI0bC02LjgzLTYuODMtNS40Niw1LjQ2LTEuNDEsMS40MS05LjY2LDkuNjZjOC40LS40NSwxNi42OS0zLjY4LDIzLjM2LTkuN1pNNDIuMzUsNzQuODJsNy45OS03Ljk4Yy0xLjM5LTEuNTMtMi42Ni0zLjE3LTMuNzktNC45LTIuMTYsNC4wMS0zLjU5LDguMzctNC4yLDEyLjg4Wk00Ny42OCw2MGMxLjE5LDEuOTIsMi41NSwzLjc0LDQuMDcsNS40Mmw1LjQyLTUuNDItNS40Mi01LjQyYy0xLjUyLDEuNjgtMi44OCwzLjUtNC4wNyw1LjQyWk01MC4zNCw1My4xNmMtMS4zOSwxLjUzLTIuNjYsMy4xNy0zLjc5LDQuOS0yLjE2LTQuMDEtMy41OS04LjM3LTQuMi0xMi44OCwwLDAsNy45OSw3Ljk4LDcuOTksNy45OFpNNTEuNzIsNTEuNzJsMS40MSwxLjQxLDUuNDYsNS40Niw2LjgzLTYuODRjLTYuNDQtNS44Mi0xNC42OS05LjI0LTIzLjM2LTkuNywwLDAsOS42Niw5LjY3LDkuNjYsOS42N1pNNjAsNjBsNi44Nyw2Ljg3YzIuMDgtMi4wNywzLjktNC4zOCw1LjQ1LTYuODctMS41NS0yLjQ5LTMuMzgtNC44LTUuNDUtNi44N2wtNi44Nyw2Ljg3Wk00NS4zNSw2MGMtMy4wMSw1LjIyLTQuOCwxMS4wNS01LjI0LDE3LjA2bC0uMTEuMTEtLjEtLjFjLS40NC02LjAxLTIuMjQtMTEuODUtNS4yNi0xNy4wNywzLjAxLTUuMjIsNC44LTExLjA1LDUuMjQtMTcuMDZsLjExLS4xMS4xLjFjLjQ0LDYuMDIsMi4yNSwxMS44NSw1LjI3LDE3LjA3aC0uMDFaTTU0LjU4LDExLjc1YzYuNDQtNS44MiwxNC42OS05LjI0LDIzLjM2LTkuN2wtOS42Niw5LjY3LTEuNDEsMS40MS01LjQ2LDUuNDZzLTYuODMtNi44NC02LjgzLTYuODRaTTY4LjI1LDI1LjQybC01LjQyLTUuNDIsNS40Mi01LjQyYzEuNTIsMS42OCwyLjg4LDMuNSw0LjA3LDUuNDItMS4xOSwxLjkyLTIuNTUsMy43NC00LjA3LDUuNDJaTTczLjQ1LDIxLjk1Yy0xLjE0LDEuNzMtMi40LDMuMzYtMy43OSw0Ljg5bDcuOTksNy45OGMtLjYxLTQuNDUtMi4wMS04LjgyLTQuMi0xMi44N1pNNjYuODcsMjYuODdsMS40MSwxLjQxLDkuNjYsOS42NmMtOC42Ny0uNDYtMTYuOTItMy44OC0yMy4zNi05LjdsNi44My02LjgzczUuNDYsNS40Niw1LjQ2LDUuNDZaTTUzLjEzLDEzLjEzbDYuODcsNi44Ny02Ljg3LDYuODdjLTIuMDctMi4wNy0zLjktNC4zOC01LjQ1LTYuODcsMS41NS0yLjQ5LDMuMzctNC44LDUuNDUtNi44N1pNNTEuNzIsMTEuNzJsLTkuNjYtOS42NmMuMyw1LjUyLDEuOCwxMSw0LjQ5LDE2LDEuNS0yLjI4LDMuMjQtNC40MSw1LjE3LTYuMzRaTTQyLjA2LDM3Ljk0Yy4zLTUuNTIsMS44LTExLDQuNDktMTYsMS41LDIuMjgsMy4yNCw0LjQxLDUuMTcsNi4zNGwtOS42Niw5LjY2Wk02OC4yOCw1MS43Mmw5LjY2LTkuNjZjLS4zLDUuNTItMS44LDExLTQuNDksMTYtMS41LTIuMjgtMy4yNC00LjQxLTUuMTctNi4zNFpNNzcuMjYsMzkuOTFsLTEwLjQyLDEwLjQzYy02LjY1LTYuMDQtMTUuMTQtOS42NS0yNC4xLTEwLjI1bDEwLjQyLTEwLjQzYzYuNjUsNi4wNCwxNS4xNCw5LjY1LDI0LjEsMTAuMjVaTTY5LjY2LDEzLjE2YzEuMzksMS41MywyLjY2LDMuMTcsMy43OSw0LjksMi4xNi00LjAxLDMuNTktOC4zNyw0LjItMTIuODhsLTcuOTksNy45OFpNMzcuOTQsNDIuMDZjLTguNC40NS0xNi42OSwzLjY4LTIzLjM2LDkuN2w2LjgzLDYuODMsNS40Ni01LjQ2LDEuNDEtMS40MSw5LjY2LTkuNjZaTTIyLjgzLDYwbDUuNDIsNS40MmMxLjU0LTEuNywyLjktMy41Miw0LjA3LTUuNDItMS4xOS0xLjkyLTIuNTUtMy43NC00LjA3LTUuNDJsLTUuNDIsNS40MlpNMjguMjgsNjguMjhsLTEuNDEtMS40MS01LjQ2LTUuNDYtNi44Myw2Ljg0YzYuNDQsNS44MiwxNC42OSw5LjI0LDIzLjM2LDkuNywwLDAtOS42Ni05LjY3LTkuNjYtOS42N1pNMzcuNjUsNzQuODJsLTcuOTktNy45OGMxLjM5LTEuNTMsMi42Ni0zLjE3LDMuNzktNC45LDIuMTYsNC4wMSwzLjU5LDguMzcsNC4yLDEyLjg4Wk0yMCw2MGwtNi44Ny02Ljg3Yy0yLjA3LDIuMDctMy45LDQuMzgtNS40NSw2Ljg3LDEuNTUsMi40OSwzLjM4LDQuOCw1LjQ1LDYuODdsNi44Ny02Ljg3Wk0zNy4yNiw0MC4xbC0xMC40Mi0xMC40NWMtNi42NSw2LjA0LTE1LjE0LDkuNjUtMjQuMSwxMC4yNWwxMC40MiwxMC40M2M2LjY1LTYuMDQsMTUuMTQtOS42NSwyNC4xLTEwLjI1di4wMlpNMi4wNiw0Mi4wNmw5LjY2LDkuNjZjLTEuOTMsMS45My0zLjY3LDQuMDUtNS4xNyw2LjMzLTIuNy01LTQuMi0xMC40Ny00LjUtMTZoLjAxWk02LjU1LDYxLjk1Yy0yLjcsNS00LjIsMTAuNDctNC41LDE2bDkuNjctOS42N2MtMS45My0xLjkzLTMuNjctNC4wNS01LjE3LTYuMzNaTTM3LjY1LDQ1LjE4Yy0uNjEsNC40NS0yLjAxLDguODItNC4yLDEyLjg3LTEuMTQtMS43My0yLjQtMy4zNi0zLjc5LTQuODlsNy45OS03Ljk4Wk0zMy40NSwyMS45NWMyLjcsNSw0LjIsMTAuNDcsNC41LDE2bC05LjY3LTkuNjdjMS45Ny0xLjk3LDMuNy00LjEsNS4xNy02LjMzWk0xOC41OSwyMS40MWw2LjgzLDYuODRjLTYuNDQsNS44Mi0xNC42OSw5LjI0LTIzLjM2LDkuN2w5LjY2LTkuNjcsMS40MS0xLjQxLDUuNDYtNS40NlpNMTAuMzQsMjYuODRsLTcuOTksNy45OGMuNjEtNC40NSwyLjAxLTguODIsNC4yLTEyLjg3LDEuMTQsMS43MywyLjQsMy4zNiwzLjc5LDQuODlaTTExLjc1LDI1LjQyYy0xLjUyLTEuNjgtMi44OC0zLjUtNC4wNy01LjQyLDEuMTktMS45MiwyLjU1LTMuNzQsNC4wNy01LjQybDUuNDIsNS40MnMtNS40Miw1LjQyLTUuNDIsNS40MlpNNi41NSwxOC4wNWMxLjE0LTEuNzMsMi40LTMuMzYsMy43OS00Ljg5TDIuMzUsNS4xOGMuNjEsNC40NSwyLjAxLDguODIsNC4yLDEyLjg3Wk0xMy4xMywxMy4xM2wtMS40MS0xLjQxTDIuMDYsMi4wNmM4LjY3LjQ2LDE2LjkyLDMuODgsMjMuMzYsOS43bC02LjgzLDYuODNzLTUuNDYtNS40Ni01LjQ2LTUuNDZaTTI2Ljg3LDI2Ljg3bC02Ljg3LTYuODcsNi44Ny02Ljg3YzIuMDgsMi4wNywzLjksNC4zOCw1LjQ1LDYuODctMS41NSwyLjQ5LTMuMzcsNC44LTUuNDUsNi44N1pNMzMuNDUsMTguMDVjLTEuNS0yLjI4LTMuMjQtNC40LTUuMTctNi4zM2w5LjY2LTkuNjZjLS4zLDUuNTItMS44LDExLTQuNDksMTZoMFonLz48L2c+PC9nPjwvc3ZnPg==);
    border-radius: 60px 60px 0 0;
    background-repeat: repeat repeat;
    background-position: center center;
    background-size: 10%
}

.dark .da-bgm {
    background: linear-gradient(to left,var(--1),rgb(34,33,39))
}

a.flex-center.pb-2.pt-4.gap-2.w-max.h-full,h2.da-tm,.dark .da-tm,.dark .da-cp,.store-footer h3,.dark .footer-bottom .copyrights p {
    color: #fff!important
}

body,#app>div.app-inner.flex.flex-col.min-h-full>section:nth-child(56) {
    overflow-x: hidden;
    background-color: #fff!important
}

@keyframes textclip {
    to {
        background-position: 200% center
    }
}

#mainnav>div,.main-nav-container.fixed-header .inner,.store-footer__inner {
    background: var(--gr)!important;
    color: #fff
}

.dark .product-entry salla-add-product-button .s-button-wrap .s-button-element,.product-entry salla-add-product-button .s-button-wrap .s-button-element {
    background: linear-gradient(to left,var(--1),rgb(34,33,39));
    color: #fff!important
}

.dark .product-entry salla-add-product-button .s-button-wrap .s-button-element:hover,.product-entry salla-add-product-button .s-button-wrap .s-button-element:hover {
    background: #000
}

.store-footer .store-links-items * {
    text-align: right!important
}

.is_large .header-btn,#mainnav .is_large .header-btn,#mainnav .s-cart-summary-total,#mainnav [class^=sicon-],#mainnav [class*=" sicon-"] {
    color: #fff
}

#app>div.app-inner.flex.flex-col.min-h-full>section:nth-child(55)>div>div {
    flex-direction: row-reverse
}

@media(max-width: 667px) {
    .s-block--hero-slider .-translate-x-1\/2 {
        top:75%!important
    }

    #app>div.app-inner.flex.flex-col.min-h-full>section:nth-child(55)>div>div {
        flex-direction: column-reverse
    }

    .mob\:bottom-24 {
        bottom: 2rem
    }

    .breadcrumbs {
        display: none
    }

    .s-block--full-bg+.merge-with-top-component {
        margin-top: -4rem
    }

    #app>div.app-inner.flex.flex-col.min-h-full>section>div>div.grid.grid-cols-3.items-baseline.gap-2.sm\:gap-6.lg\:gap-4>div>div.flex-center.h-14.w-14.md\:h-20.md\:w-20>i {
        margin: 1.5rem 0
    }
}

@media(min-width: 1024px) {
    [dir=rtl] .main-menu li:not(.menu-user-login).root-level.has-children>a {
        padding-left:.3em
    }

    #app>div.app-inner.flex.flex-col.min-h-full>div.container.px-2\.5.ms\:px-5>div>div>salla-infinite-scroll,#app>div.app-inner.flex.flex-col.min-h-full>section>div.grid.grid-cols-2.md\:grid-cols-4.lg\:grid-cols-6.gap-2.sm\:gap-6.lg\:gap-4 {
        grid-template-columns: repeat(4,minmax(0,1fr))!important
    }

    salla-slider .slide--one-sixth {
        width: 25%!important
    }

    button.search-btn.header-btn {
        border: 1px solid #5454543d;
        border-radius: 100px;
        width: 50%;
        min-width: 70px;
        background: #f1f1f145;
        margin-right: 10px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding-left: 10px;
        margin: 0 0 0 10px
    }

    .is_large .header-btn .sicon-search {
        border-radius: 10px 0 10px 10px;
        border: 2px solid #2a272700;
        padding: 4px;
        margin: 1px -7px 0 0
    }
}

.mm-spn.mm-spn--navbar.mm-spn--main ul.main-menu>li>a>.lazy__bg.lazy_menu {
    height: 1.25rem;
    width: 1.25rem;
    border-radius: 0
}

.s-block--features {
    background: #e9e9e9!important;
    background: 0 0!important
}

#app>div.app-inner.flex.flex-col.min-h-full>div.nav-header.py-6.px-4.flex.flex-col.bg-gray-100.da-bgg.relative>div.nav-title.container.flex.items-center.gap-2.md\:gap-4 {
    justify-content: start
}

#app>div.app-inner.flex.flex-col.min-h-full>div.nav-header.py-6.px-4.flex.flex-col.bg-gray-100.da-bgg.relative>div.sub-nav-header.md\:container>div div>a>img {
    border-radius: 0
}

div.swiper-lazy-wrap.w-full.relative.swiper-slide.swiper-slide-visible.swiper-slide-active>div {
    justify-content: start
}

#app>div.app-inner.flex.flex-col.min-h-full>section:nth-child(52) .slide--cat-entry {
    background: 0 0
}

#app>div.app-inner.flex.flex-col.min-h-full>section:nth-child(52) .lazy__bg.lazy_avatar {
    width: 12rem!important;
    height: 12rem!important
}

#app>div.app-inner.flex.flex-col.min-h-full>section:nth-child(52) .lazy__bg.lazy_avatar:hover {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(0,-1rem)
}

.product-footer {
    flex-direction: column-reverse;
    align-items: end
}

.product-entry salla-add-product-button .s-button-wrap .s-button-element {
    border-radius: 0!important;
    border: 0;
    padding: .75rem .25rem!important;
    font-size: 1rem!important
}

.navbar-brand,.store-footer .footer-container .logo-footer .foo {
    margin: 0!important;
    filter: brightness(24.5)
}

.product-entry>div {
    padding: 0!important
}

.price-wrapper,.title-wrapper {
    padding: .75rem!important
}

.product-entry--vertical salla-button.btn--wishlist {
    margin-left: 9px
}

section:nth-child(6) a {
    background: 0 0!important
}

#app>div.app-inner.flex.flex-col.min-h-full>section>div>div>div>div.flex-center.h-14.w-14.md\:h-20.md\:w-20>i::before {
    content: ""
}

#app>div.app-inner.flex.flex-col.min-h-full>div>div>div.flex.flex-col.p-2.gap-1 {
    flex-direction: row;
    align-items: center
}

#app>div.app-inner.flex.flex-col.min-h-full>div>div {
    justify-content: center
}

.mm-spn a {
    align-items: center
}

@media(min-width: 900px) {
    .main-menu .sub-menu .lazy__bg.lazy_menu {
        height:5.25rem;
        width: 5.25rem;
        border-radius: 0
    }
}

.mm-spn a.has-max {
    width: calc(100% - 2rem)
}

.store-footer .footer-container .footer-list a {
    margin-bottom: .75rem;
    background: var(--1);
    padding: .5rem;
    border-radius: 5px
}

[dir=rtl] .footer-middle h3 {
    text-align: center
}

.section--title,.s-slider-block__title h2,.s-block__title h2 {
    text-transform: uppercase;
    background-image: linear-gradient( -225deg,var(--1) 0%,var(--1) 29%,var(--2) 67%,var(--2) 100% );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 4s linear infinite;
    display: inline-block;
    font-weight: 800
}

.menu-silde.lazy_bg.lazy.bg-cover.bg-center.swiper-slide.swiper-slide-visible.swiper-slide-active.entered {
    display: none
}

.mode-toggler.header-btn.cursor-pointer {
    color: #fff!important
}

.dark .mode-toggler .light-mode {
    stroke: #fff
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

::-webkit-scrollbar-track-piece {
    background-color: #00000033;
    -webkit-border-radius: 0
}

::-webkit-scrollbar-thumb:vertical {
    height: 200px;
    background-color: var(--1);
    -webkit-border-radius: 0
}

::-webkit-scrollbar-thumb:vertical:hover {
    background-color: var(--3)
}

::-webkit-scrollbar-thumb:horizontal {
    width: 200px;
    background-color: #7d7d7db3;
    -webkit-border-radius: 0
}

.is_large .header-btn .sicon-search {
    color: #000!important
}

.sicon-search:before {
    content: "\ef09";
    color: #fff
}

input.required.mail-input.form-input.rtl\:rounded-l-none.ltr\:rounded-r-none.rtl\:border-l-0.ltr\:border-r-0 {
}

.dark .form-input,.dark .s-comment-form-input,.dark .s-login-modal-input,.dark .s-product-availability-input,.dark .s-verify-input,.dark .tel-input,.dark input,.dark select,.dark textarea {
    background-color: var(--1);
    color: #fff!important
}

input.required.mail-input.form-input.rtl\:rounded-l-none.ltr\:rounded-r-none.rtl\:border-l-0.ltr\:border-r-0::placeholder {
    color: #fff!important
}

.flex-1.rounded-xl.shadow-sm.bg-gray-200.bg-opacity-20.dark\:bg-opacity-05.py-2.px-3,section.is-sold.details,.dark.mobile-menu,.mm-spn.mm-spn--light {
    background: linear-gradient(to left,var(--1),rgb(34,33,39))!important;
    color: #fff!important
}

.flex-1.rounded-xl.shadow-sm.bg-gray-200.bg-opacity-20.dark\:bg-opacity-05.py-2.px-3 *,section.is-sold.details * {
    color: #fff!important
}

.s-button-btn:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 64px;
    height: 2px;
    background: linear-gradient(to left,transparent,#bbb);
    animation: btn-22-left 2s linear infinite;
    transition: .5s ease-in-out;
    overflow: hidden
}

.s-button-btn:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 18px;
    height: 2px;
    overflow: hidden;
    background: linear-gradient(to right,transparent,#bbb);
    animation: btn-22-right 2s linear infinite
}

.s-button-primary-outline {
    color: #fff;
    overflow: hidden;
    border: 0;
    background: var(--1)
}

.s-button-primary-outline:hover {
    background-color: #fff;
    color: #000
}

.s-button-primary-outline:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 64px;
    height: 2px;
    overflow: hidden;
    background: linear-gradient(to left,transparent,#bbb);
    animation: btn-22-left 2s linear infinite;
    transition: .5s ease-in-out
}

.s-button-primary-outline:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 64px;
    height: 2px;
    overflow: hidden;
    background: linear-gradient(to right,transparent,#bbb);
    animation: btn-22-right 2s linear infinite
}

.s-button-text:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    overflow: hidden;
    background: linear-gradient(to bottom,transparent,#bbb);
    animation: btn-22-bottom 2s linear infinite;
    animation-delay: 1s;
    transform: translateY(-100%)
}

.s-button-text:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(to top,transparent,#bbb);
    animation: btn-22-top 2s linear infinite;
    animation-delay: 1s;
    overflow: hidden;
    transform: translateY(-100%)
}

.s-product-card-content-footer:hover:before {
    bottom: 0
}

@keyframes btn-22-right {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(100%)
    }
}

@keyframes btn-22-top {
    0% {
        transform: translateY(100%)
    }

    100% {
        transform: translateY(-100%)
    }
}

@keyframes btn-22-left {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(-100%)
    }
}

@keyframes btn-22-bottom {
    0% {
        transform: translateY(-100%)
    }

    100% {
        transform: translateY(100%)
    }
}

 .store-footer__inner.da-bgm:before {
    content: "";
    background-size: cover;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc1MDAnIGhlaWdodD0nMzAwJz48cGF0aCBkPSdNMCAxNzhjMzMuNC0xOS4yIDEwMC4yLTExMS4yIDE2Ny05NiA2Ni44IDE1LjIgMTAwLjQgMTY2LjggMTY3IDE3MiA2Ni42IDUuMiAxMzIuOC0xMTYuOCAxNjYtMTQ2djE5MkgweicgZmlsbD0nI2ZmZmJmMicvPjwvc3ZnPg==);
    display: block;
    background-repeat: round;
    transform: rotate(180deg);
    height: 104px;
     z-index: -1;
}
.store-footer__inner.da-bgm:before {
    content: "";
    display: block;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc1MDAnIGhlaWdodD0nMzAwJz48cGF0aCBkPSdNMCAxNzhjMzMuNC0xOS4gMTAwLjItMTExLjIgMTY3LTk2IDY2LjggMTUuMiAxMDAuNCAxNjYuOCAxNjcgMTcyIDY2LjYgNS4yIDEzMi44LTExNi44IDE2Ni0xNDZ2MTkySDB6JyBmaWxsPScjZmZmYmYyJy8+PC9zdmc+);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(180deg);
    filter: grayscale(1);
    z-index: -1; /* لضمان أن يكون العنصر قبل المحتوى الأساسي */
}
.store-footer__inner.da-bgm {
    position: relative;
}

@media(max-width: 750px) {
    .store-footer__inner.da-bgm:before {
        height: 151px;
        margin: -15px 0px -3px 0px;
        width: 100vw;
    }
}
 
.lazy__bg.lazy.lazy_menu.menu-img.rounded-full.me-2.md\:me-4.entered.loaded {
    height: 3rem;
    width: 3rem
}

section.s-block.home-slider.s-block--hero-slider.s-block--full-bg.wide-placeholder.full-banner {
    background: var(--gr)!important
}

:root {
    --bodyBG: #e8f3f9;
    --white: #ffffff;
    --goldColor: #1e1d1e;
    --linkHoverColor: var(--1);
    --text-btn: #ffffff;
    --greyColor: #969a9e;
    --darkColor: #555555;
    --color-primary: var(--1);
    --color-primary-dark: var(--2);
    --color-primary-light: #5d3760;
    --color-primary-reverse: #ffddff;
    --transWhite15: rgba(255, 255, 255, 0.15);
    --heighlightedMenuDarkred: #f87171;
    --cartDarkred: #ef4444;
    --heighlightedMenuDarkblue: var(--2) ;
    --newBgDarkblue: var(--2);
    --logo: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/NgdWV/VE0dfNd9nmt4h6bQkeAseHQbLzSrXWY9hnrY3Mv0.png);
    --dark-text-main: #c9c9c9;
    --1: #37113a;
    --2: #110014;
    --gr: linear-gradient(to left,var(--1),rgb(34,33,39)) !important
}