/* develope By Package +201002241591  3lwaaa@gmail.com - https://wa.me/201002241591 */
@import "https://raw.githack.com/elwa2/cssres/main/princeelittle.css";:root {
    --bodyBG: #e8f3f9;
    --white: #ffffff;
    --goldColor: #1e1d1e;
    --linkHoverColor: var(--1);
    --text-btn: #ffffff;
    --greyColor: #969a9e;
    --darkColor: #555555;
    --transWhite15: rgba(255, 255, 255, 0.15);
    --heighlightedMenuDarkred: #f87171;
    --cartDarkred: #ef4444;
    --heighlightedMenuDarkblue: var(--1);
    --newBgDarkblue: #59453a;
    --logo: url("https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/lGrajN/mVUg00JBeKDD0ea3gWDzuDWo03tLsg2njDTDjCOu.png");
    --dark-text-main: #c9c9c9;
    --color-primary: var(--1);
    --1: #159c98;
    --1-1: #ffffff12;
    --2: #6d6f70;
    --3: #e85679;
}

.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
}

header.store-header .navbar-brand img {
    /* max-height: 4rem; */
}

@media(min-width: 479px) {
    header.store-header .navbar-brand img {
        /* max-height:3rem */
    }
}

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 #e4f7f6;
    gap: 5px;
    background-color: #e4f7f6 !important;
}

.footer-middle .contact-links>a,.footer-middle .contact-links>a:first-of-type ,.footer-middle .contact-links>a:nth-of-type(4),.footer-middle .contact-links>a:nth-of-type(2),.footer-middle .contact-links>a:nth-of-type(3) {
    background-color: #e4f7f61c !important;
    border-color: #e4f7f61c !important;
}

.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 i[class^=sicon-link] {
    transform: scale(.8);
    color: #61abb4
}

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 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(--1) !important;
    background: var(--goldColor);
    color: #000;
}

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

section.s-block.s-block--faqs {
    background-color: #ffffff00!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: #414042!important
    }

    .store-footer .footer-container .logo-footer .foo {
        max-height: 100px;
        max-width: 100px;
        filter: brightness(33.5);
    }
}

@media(min-width: 992px) {
    #mainnav>.inner {
        background: linear-gradient(to left,var(--1),rgb(34,33,39));
        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%;
        justify-items: center;
        align-items: center;
    }
}

@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;
    color: #fff;
    fill: #fff;
}

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
    }
}

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

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

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

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

salla-slider .s-slider-block__title-nav button .s-slider-button-icon svg {
    fill: #ffffff !important;
    width: 100% !important;
}

.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: #59453a
}

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

.discountCupon>.main>.content h2,.discountCupon>.main>.content h3 {
    color: #59453a
}

.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
}

.commentsSecWrapper {
    display: flex;
    overflow: hidden
}

.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
}

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

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

.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: #414042;
    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: -29px;
}

@media (max-width:767px) {section.s-block.s-block--banners,section.s-block.s-block--best-offers.container {
    margin-bottom: -7px;
}
 }












.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
}

h1.text-xl.pe-3.mb-1.da-tm,.s-slider-block__title h2,.main-content h1,.s-block__title h2 {
    text-transform: uppercase;
    background-image: linear-gradient( -225deg,var(--1) 0%,var(--1) 29%,#1e1e1e 67%,#000000 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: 23.666667%;
    }

    .s-products-list-wrapper {
        gap: 1rem;
        grid-template-columns: repeat(4,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
}

i.sicon-menu.text-primary.text-2xl {
    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
}

.is_large .header-btn .sicon-arrow-left, .is_large .header-btn .sicon-arrow-right,.is_large .s-cart-summary-wrapper i.text-base,i.sicon-add.text-base.text-black.da-tm,i.sicon-menu.text-primary.text-2xl,.is_large .header-btn .sicon-search,.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
}

body.index .is_large .s-cart-summary-wrapper i.text-base {
    position: absolute;
    top: 3px!important;
    padding: 4px;
    color: var(--1) !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)
} */
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%);
    background: var(--color-primary);
    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: 6rem;
    /* max-height: 11rem; */
    position: relative;
    font-family: var(--font-secondary);
}

.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: #f45c7c !important;
    border-radius: 60px 60px 0 0;
    background-repeat: repeat repeat;
    background-position: center center;
    background-size: 10%;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2526.61 1640.64'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; %7D .cls-2 %7B fill: %23f76387; %7D .cls-3 %7B fill: %23e85679; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' x='609.93' y='602.08' width='1440' height='560'/%3E%3Cpath class='cls-3' d='M609.93,1139.24c118.89,15.98,249.69,73.14,352.4,11.18,102.69-61.95,119.22-202.24,154.4-316.9,31.14-101.5,52.51-204.6,37.86-309.76-14.69-105.48-59.82-201.59-121.21-288.62C966.7,140.6,900.85,17.54,786.26,1.55c-116.01-16.19-204.74,98.76-306.77,156.31-77.35,43.63-149.02,87.12-219.82,140.72-90.3,68.35-221.51,107.92-252.55,216.83-30.92,108.51,45.64,217.49,100.73,315.96,51.48,92.03,115.83,176.71,205.72,231.84,88.74,54.41,193.19,62.17,296.35,76.04'/%3E%3Cpath class='cls-2' d='M2049.93,1638.39c94.91-2.47,198.87,8.28,274.78-48.76,74.76-56.17,84.33-160.86,119.52-247.49,33.52-82.5,87.42-159.67,82.01-248.55-5.61-92.14-43.4-185.47-112.17-247.04-66.03-59.12-161.34-63.71-249.06-76.38-76.8-11.09-152.73-11.55-227.95,7.49-77.58,19.64-151.08,50.77-211.13,103.66-66.23,58.33-121.1,128.88-148.26,212.85-30.42,94.05-48.67,197.44-14.45,290.18,35.2,95.42,112.45,172.74,202.61,219.8,86.31,45.05,186.78,36.76,284.11,34.23'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: 1rem;
}

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;
}

.store-footer h3,a.flex-center.pb-2.pt-4.gap-2.w-max.h-full {
    color: #fff !important;
    animation: textclip 4s linear infinite;
    text-transform: uppercase;
    background-image: linear-gradient( -225deg,var(--1) 0%,var(--1) 29%,#fff 67%,#fff 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;
}

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

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

#mainnav>div,.main-nav-container.fixed-header .inner,.store-footer__inner {
    background: var(--1);
    /* background: #16aab6; */
}

.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
}

#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
    }
}

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

.s-block--features {
    background: transparent;
}

#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 {
    margin: 0!important
}

.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: -0.25rem;
    background: var(--3);
    padding: .5rem;
    border-radius: 5px;
    color: #fff;
}

[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
}

button.search-btn.header-btn {
    border: 1px solid #545454;
    border-radius: 100px;
    width: 50%;
    min-width: 70px;
    background: #f1f1f1;
    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
}

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

.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;
}

body.index i.sicon-add.text-base.text-black.da-tm,body.index a.mburger.mburger--collapse>i.text-primary,body.index .is_large .header-btn, body.index #mainnav .is_large .header-btn, body.index .dark .s-cart-summary-total,body.index .currency-btn.ms-2,body.index p.da-tm.hidden.text-xl.md\:block.ms-1,body.index .is_large .header-btn .sicon-search,body.index .is_large .header-btn .sicon-user {
    color: #fff!important;
    color: var(--1) !important;
}

body.index .main-nav-container.shadow-none.fixed-pinned.animated.fixed-header i *, body.index .fixed-pinned .s-cart-summary-wrapper i.text-base, body.index .fixed-pinned i.sicon-add.text-base.text-black.da-tm,body.index .fixed-pinned a.mburger.mburger--collapse>i.text-primary, body.index .fixed-pinned .header-btn,body.index .fixed-pinned .s-cart-summary-total, body.index .fixed-pinned .currency-btn.ms-2,body.index .fixed-pinned p.da-tm.hidden.text-xl.md\:block.ms-1,body.index .fixed-pinned .header-btn .sicon-search,body.index .fixed-pinned .header-btn .sicon-user,body.index .fixed-pinned p.da-tm.hidden.text-xl.md\:block.ms-1, body.index .fixed-pinned span.search-btn.header-btn.flex.da-fm.angelmodal-toggle.cursor-pointer {
    color: #fff !important;
}

.s-product-card-promotion-title {
    animation: shake 0.5s infinite;
}

.s-product-card-promotion-title {
    color: #fff;
    /* لون النص */
    text-align: center;
    padding: 10px;
    animation: flashEffect 3s infinite;
    /* تأثير الفلاش */
}

@keyframes flashEffect {
    0%, 100% {
        opacity: 1;
        /* ظهور النص */
    }

    50% {
        opacity: 0;
        /* اختفاء النص */
    }
}

.s-product-card-promotion-title {
    background-color: var(--3)!important;
    border-radius: 51px !important;
}

i.flex-center.shrink-0.sicon-phone {
}

i.flex-center.shrink-0.sicon-paper-plane-o {
}

.is_large .header-btn .sicon-search {
    padding: 13px 4px;
}

.is_large .header-btn .sicon-search:before {
    position: relative;
    top: -10px;
}

.navbar-brand img,.store-footer .footer-container .logo-footer .foo {
    height: 0px !important
}

.flex.items-center.flex-col.justify-center .navbar-brand,.store-footer .footer-container .logo-footer {
    background-image: var(--logo);
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-repeat: no-repeat no-repeat;
    background-size: contain;
    height: 76px;
    width: 11rem;
    display: block;
    /* filter: invert(1) brightness(69.5); */
}

.dark .da-bgm .flex.items-center.flex-col.justify-center .navbar-brand {
    filter: none;
    filter: invert(1) contrast(0.5) hue-rotate(170deg);
}

.store-footer .footer-container .logo-footer {
    width: 87%;
    background-position: center;
}

@media (max-width: 700px) {
    .navbar-brand,.store-footer .footer-container .logo-footer {
        width: 100%;
    }

    .flex.items-center.flex-col.justify-center .navbar-brand {
        width: 8rem;
    }

    .store-footer .footer-container .logo-footer {
        width: 100%;
        /* filter: invert(1) brightness(69.5); */
    }
}

.s-login-modal-header-icon {
    display: none;
}

.s-login-modal-wrapper:before {
    display: block !important;
    content: '';
    background: var(--logo);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 153px;
}

@media (max-width: 700px) {
    .product__description.overflow-hidden.opt-text.text-light.sm\:p-1.leading-7.mb-3 strong {
        font-weight: 300 !important;
    }
}

.store-header .s-user-menu-trigger .s-user-menu-avatar-wrap {
    height: 3rem;
    width: 3rem;
    padding: 0.375rem;
}

.dark .form-input, .dark input, .dark textarea, .dark select, .dark .tel-input, .dark .s-login-modal-input, .dark .s-product-availability-input, .dark .s-verify-input, .dark .s-comment-form-input {
    color: #ffffff;
    background-color: #ffffff;
}

.s-modal-container {
    z-index: 999999999999999999999999999999;
}

.tabs .tab-trigger.is-active,.tabs__product .tab-trigger {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.tabs .tab-trigger.is-active {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: #414042;
    background-color: var(--color-primary);
    padding: 0.5rem;
    color: var(--text-btn);
}

.price .total-price,h2.da-tm {
    font-size: 1.5rem;
    /* color: #fff !important; */
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: var(--1-1) !important;
}

.product__description ul {
    list-style-type: decimal !important;
}

small.color-grey.da-tm.mb-2 {
    color: #000 !important;
}

body.product-single #wa-nera-widget-send-button {
    bottom: 113px;
}

@media (max-width: 479px) {
    .wish-share.absolute.md\:top-4.md\:end-4.mob\:bottom-4.mob\:start-4.z-\[2\].text-lg.flex-center.gap-2.opacity-80 {
        left: -50vw !important;
        top: 13vw;
        display: block;
        width: 1rem;
        height: 1rem;
    }
}

.s-button-light-outline {
    background: var(--1);
    fill: #fff !important;
    color: #fff;
}

.wish-share.absolute.md\:top-4.md\:end-4.mob\:bottom-4.mob\:start-4.z-\[2\].text-lg.flex-center.gap-2.opacity-80 {
}

custom-salla-product-card.rounded-md {
    background: #e4f7f6;
}

.dark .x-icon {
    fill: #ffffff;
}

p.text-gray-400.mb-2\.5.md\:mb-0,.sbc-certificate.flex-center.gap-2.text-gray-400.da-tm {
    color: #fff;
}

p.max-w-sm.leading-6.da-tm.mx-auto.px-3.angel_anime.animate__.animate__fadeInUp {
    color: #fff;
}

p.mb-2.lg\:mb-0.da-tm {
    color: #fff;
}

/* تأثير القفز للبطاقة */
.s-product-card-entry {
    position: relative;
    overflow: hidden;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.s-product-card-entry:hover {
    transform: translateY(-10px) scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

/* تأثير التكبير على الصورة */
.s-product-card-image img {
    transition: transform 0.4s ease, filter 0.4s ease;
}

.s-product-card-entry:hover .s-product-card-image img {
    transform: scale(1.1);
    filter: brightness(1.2);
}

/* تأثير نبض السعر */
.s-product-card-sale-price h4 {
    position: relative;
    font-weight: bold;
    transition: color 0.3s ease;
}

.s-product-card-sale-price h4::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 120%;
    border: 2px solid var(--3);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

.s-product-card-entry:hover .s-product-card-sale-price h4::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.2);
}

/* تأثير الوميض على زر الإضافة */
.s-product-card-content-footer .s-button-btn {
    background-color: var(--3);
    color: #fff;
    border-radius: 5px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.s-product-card-content-footer .s-button-btn:hover {
    background-color: #ff856e;
    box-shadow: 0 5px 15px rgba(255, 111, 97, 0.6);
}

span.search-btn.header-btn.flex.da-fm.angelmodal-toggle.cursor-pointer {
    color: #fff!important;
}

body {
    background: linear-gradient(120deg, #fef6e4, #e3f8ff, #fce1f3);
    background-size: 200% 200%;
    animation: gradientAnimation 6s ease infinite;
}

/* حركة التدرج */
@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.banner--fixed img {
    border-radius: 85px;
}

.s-product-card-sale-price h4 {
    flex-shrink: 0;
    --tw-text-opacity: 1;
    color: rgb(208 52 52);
    color: rgb(208 52 52);
}

.s-button-primary {
    border-color: var(--1);
    background-color: var(--1);
    color: #ffffff;
}

.s-button-primary:hover {
    border-color: var(--3);
    background-color: var(--3);
    color: #ffffff;
}

.s-add-product-button-main .s-add-product-button-mini-checkout *:hover,.s-add-product-button-main .s-add-product-button-mini-checkout:hover {
    border-color: var(--3);
    background-color: var(--3);
    color: #ffffff;
}

footer .footer-top .social-links>a.social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    border: 2px solid white;
    color: white;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.social-links a i, .social-links a svg {
    margin-bottom: 5px;
    font-size: 24px;
}

.mm-spn.mm-spn--navbar.mm-spn--main ul.main-menu>li>a[href="https://little-princee.com/offers"]>.lazy__bg.lazy_menu {
    height: 3rem !important;
    width: 3rem !important;
    background-image: url("https://cdn.salla.sa/form-builder/LrBi18G7zpH3KWE3oOfehavFAdcxqI0f1l4BvxuH.png") !important;
}

.mm-spn.mm-spn--navbar.mm-spn--main ul.main-menu>li>a[href="https://little-princee.com/blog"]>.lazy__bg.lazy_menu {
    height: 3rem !important;
    width: 3rem !important;
    background-image: url("https://cdn.salla.sa/form-builder/Zk8xqocREm7F6XkXWvh7pxnVDb8lknJsHVmaqelp.png") !important;
}

i.sicon-link.me-2:before {
    content: "";
    display: inline-block;
    height: 3rem !important;
    width: 3rem !important;
    background-image: url("https://cdn.salla.sa/form-builder/5x19LsxzMeN55qi3aol8XeeWUxjHNnt82MBLhgC4.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.sicon-headphones:before {
    content: "";
    display: inline-block;
    height: 3rem !important;
    width: 3rem !important;
    background-image: url("https://cdn.salla.sa/form-builder/Faa95WlyL6hLbg6a62HiboUKZtZ5JTq0mEH2TYdF.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* 


.social-links a p {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin: 0;
}

.social-links a:hover {
  transform: scale(1.1);
}

.social-links a[href*="instagram"] {
  background: linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
}

.social-links a[href*="twitter"], .social-links a[href*="tiktok"] {
  background-color: #1DA1F2;
}

.social-links a[href*="snapchat"] {
  background-color: #FFFC00;
  color: black !important;
}

.social-links a[href*="tiktok"] {
  background-color: #000000;
} */
.social-links {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.social-links a,.social-menu .social-links a.social-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 46px !important;
    height: 46px;
    border-radius: 50%;
    border: 2px solid white;
    color: white;
    text-decoration: none;
    transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.social-links a i, .social-links a svg {
    font-size: 24px;
    margin-bottom: 5px;
    fill: #fff;
}

.social-links a p {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    text-align: center;
}

/* Hover Effect */
.social-links a:hover {
    transform: scale(1.1);
}

/* Colors for each social media */
.social-links a[href*="instagram"] {
    background: linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5);
}

.social-links a[href*="twitter"] {
    background-color: #000000;
}

.social-links a[href*="snapchat"],.social-menu .social-links a.social-icon[href*="snapchat"] {
    background-color: #FFFC00;
    color: black;
}

.social-links a[href*="tiktok"] {
    background-color: #000000;
}

.social-links a[href*="youtube"] {
    background-color: #ff0000;
}

.social-links a[href*="facebook"] {
    background-color: #0866fe;
}

@media (min-width: 767px) {
    .footer-bottom.flex.flex-col.lg\:flex-row.items-center.justify-between.py-4.gap-4 ul.flex.justify-center.items-center.flex-wrap.gap-2 {
        position: relative;
        right: 171px;
    }

    ul.social-links>.social-links {
        position: relative;
        top: 80px;
        right: 251px;
    }
}

.footer-middle .contact-links>a,.main-menu .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,.main-menu .contact-links a:first-of-type {
    background-color: #21ca37!important;
    border-color: #1ae935
}

.footer-middle .contact-links>a:nth-of-type(2),.main-menu .contact-links a:nth-of-type(2) {
    background-color: #159c98 !important;
    border-color: #159c98
}

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

.footer-middle .contact-links>a:nth-of-type(4),.main-menu .contact-links a:nth-of-type(4) {
    background-color: #1279cc !important;
    border-color: #1279cc
}

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

footer .footer-middle .contact-links>a>i,.main-menu .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;
    filter: brightness(16.5);
}

footer .footer-middle .contact-links>a>span.text-unicode,.main-menu .contact-links a span.text-unicode {
    color: #ffffff;
}

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

footer .footer-middle .contact-links>a>i.sicon-whatsapp2 {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224.94 224.94'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2319b3ac; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M164.08,134.09l-.08.7c-20.61-10.26-22.76-11.64-25.43-7.65-1.84,2.77-7.23,9.04-8.84,10.9-1.64,1.83-3.28,1.97-6.06.7-2.81-1.41-11.84-4.36-22.52-13.92-8.32-7.45-13.9-16.59-15.56-19.4-2.76-4.74,2.99-5.41,8.22-15.31.94-1.97.46-3.51-.24-4.91-.7-1.41-6.3-15.18-8.65-20.68-2.25-5.47-4.57-4.78-6.3-4.78-5.4-.46-9.35-.39-12.82,3.22-15.13,16.63-11.32,33.77,1.63,52.02,25.43,33.29,38.98,39.42,63.77,47.93,6.69,2.12,12.79,1.83,17.62,1.14,5.38-.86,16.56-6.76,18.89-13.37,2.39-6.61,2.39-12.09,1.69-13.36-.66-1.27-2.5-1.97-5.31-3.23h0Z'/%3E%3Cpath class='cls-1' d='M192.32,32.33C120.26-37.33.98,13.19.94,111.47c0,19.64,5.15,38.8,14.94,55.71L0,224.94l59.37-15.48c74.09,40.01,165.52-13.12,165.57-97.93,0-29.76-11.63-57.78-32.76-78.83l.14-.38ZM206.21,111.22c-.06,71.54-78.59,116.21-140.7,79.7l-3.37-2.01-35.15,9.14,9.42-34.16-2.24-3.51C-4.48,98.85,39.93,18.44,113.14,18.44c24.87,0,48.22,9.7,65.81,27.27,17.57,17.42,27.26,40.77,27.26,65.51h0Z'/%3E%3C/svg%3E");
}

footer .footer-middle .contact-links>a>i.sicon-iphone,footer .footer-middle .contact-links>a>i.flex-center.shrink-0.sicon-phone {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 149.95 224.92'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2319b3ac; %7D %3C/style%3E%3C/defs%3E%3Cg id='bold'%3E%3Cpath class='cls-1' d='M124.18,0H25.77C11.56,0,0,11.56,0,25.77v173.38c0,14.21,11.56,25.77,25.77,25.77h98.41c14.21,0,25.77-11.56,25.77-25.77V25.77c0-14.21-11.56-25.77-25.77-25.77ZM131.21,196.82c0,5.17-4.19,9.38-9.38,9.38H28.1c-5.17,0-9.36-4.2-9.36-9.38V28.12c0-5.17,4.19-9.38,9.38-9.38h4.68c5.17,0,9.38,4.19,9.38,9.38s4.19,9.38,9.38,9.38h46.86c5.17,0,9.38-4.19,9.38-9.38s4.19-9.38,9.38-9.38h4.68c5.17,0,9.36,4.2,9.36,9.38v168.7Z'/%3E%3C/g%3E%3C/svg%3E");
}

footer .footer-middle .contact-links>a>i.sicon-mail {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 246.58 164.36'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2319b3ac; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M220.87,0H25.69C11.53,0,0,11.51,0,25.67v113c0,14.16,11.53,25.69,25.69,25.69h195.2c14.16,0,25.69-11.53,25.69-25.69V25.67c-.02-14.16-11.54-25.67-25.7-25.67ZM226.02,55.57l-88.45,46.23c-4.42,2.27-9.35,3.5-14.29,3.5s-9.75-1.23-14.29-3.5L20.54,55.57v-23.22l97.9,51.16c2.97,1.54,6.67,1.54,9.66,0l97.9-51.16v23.22h.02Z'/%3E%3C/svg%3E");
}

footer .footer-middle .contact-links>a>i.flex-center.shrink-0.sicon-paper-plane-o {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 224.94 187.44'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2319b3ac; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M88.25,123.53l-3.71,52.34c5.33,0,7.62-2.29,10.39-5.03l24.95-23.86,51.72,37.87c9.48,5.29,16.17,2.5,18.73-8.73L224.28,17.07h.01c3.01-14.03-5.06-19.51-14.31-16.07L10.44,77.38c-13.61,5.29-13.41,12.88-2.32,16.32l51,15.87,118.5-74.14c5.58-3.7,10.64-1.64,6.48,2.04l-95.85,86.07Z'/%3E%3C/svg%3E");
}

.index:before {
    content: "";
    width: 100%;
    height: 100%;
    background: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/lGrajN/mVUg00JBeKDD0ea3gWDzuDWo03tLsg2njDTDjCOu.png);
    position: fixed;
    top: 0;
    z-index: 999999999 !important;
    background-size: 250px !important;
    background-repeat: no-repeat;
    background-position: center !important;
    animation-name: logobg;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
}

@keyframes logobg {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.2);
    }

    100% {
        opacity: 0;
        transform: scale(0.8);
        visibility: hidden;
    }
}

.faq-item {
    background-color: var(--3);
    color: #fff;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.faq-item:hover {
    background-color: var(--1);
    color: #000;
}

.faqs-list__item {
    background-color: #f8f9fa !important;
    border-radius: 27px;
    border-color: #ddd;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.faqs-list__item:hover {
    background-color: #ffebcd !important;
    border-color: #ff0000;
}

.footer-list a:hover {
    transform: scale(1.05);
}

.mm-spn li a, .mm-spn li span:not(.s-user-menu-dropdown-item-badge) {
    display: flex;
    align-items: center;
}

.social-menu .social-links a.social-icon {
}

.social-links .icon {
    width: 58% !important;
    margin: auto !important;
}

a.\!flex.flex-col.items-center.justify-center.text-sm.leading-none.gap-2 {
}

.sicon-star:before {
    content: "⭐";
    color: #FFD700;
    font-size: 1rem;
}

body > div.app-inner.flex.flex-col.min-h-full > div.md\:container > div > div.main-content.mob\:container.w-full.md\:w-1\/2.md\:pb-16 {
    display: flex;
    flex-direction: column;
}

body > div.app-inner.flex.flex-col.min-h-full > div.md\:container > div > div.main-content.mob\:container.w-full.md\:w-1\/2.md\:pb-16 .flex.flex-col {
    order: 1;
}

body > div.app-inner.flex.flex-col.min-h-full > div.md\:container > div > div.main-content.mob\:container.w-full.md\:w-1\/2.md\:pb-16 .price.my-1 {
    order: 2;
}

body > div.app-inner.flex.flex-col.min-h-full > div.md\:container > div > div.main-content.mob\:container.w-full.md\:w-1\/2.md\:pb-16 article {
    order: 3;
}

body > div.app-inner.flex.flex-col.min-h-full > div.md\:container > div > div.main-content.mob\:container.w-full.md\:w-1\/2.md\:pb-16 .main-categoty.my-2.flex.gap-2 {
    order: 2;
}

body > div.app-inner.flex.flex-col.min-h-full > div.md\:container > div > div.main-content.mob\:container.w-full.md\:w-1\/2.md\:pb-16 .mb-3 {
    order: 5;
}

body > div.app-inner.flex.flex-col.min-h-full > div.md\:container > div > div.main-content.mob\:container.w-full.md\:w-1\/2.md\:pb-16 form.form.product-form {
    order: 2;
}

body > div.app-inner.flex.flex-col.min-h-full > div.md\:container > div > div.main-content.mob\:container.w-full.md\:w-1\/2.md\:pb-16 section.s-block.s-block--payment.container.details.\!py-4 {
    order: 7;
}

.full-description {
    clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
    background-color: #FFDEE9;
    padding: 20px 20px 90px 20px;
    border: 2px solid #FFB6C1;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: clip-path 0.3s ease-in-out;
}

.full-description:hover {
    clip-path: polygon(0 0, 100% 0, 100% 95%, 50% 100%, 0 95%);
    background-color: #FFB6C1;
    padding: 20px 20px 90px 20px;
}

#app > div.app-inner.flex.flex-col.min-h-full > div.container > div > div.content.content--single-page.opt-text.w-full.lg\:w-10\/12.bg-white.rounded.p-6.lg\:p-8.mt-4.lg\:mt-12.da-bgg {
    background: linear-gradient(to bottom right, #fefefe, #f3f3f3);
    border: 2px solid #e0e0e0;
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    position: relative;
    font-family: 'Arial', sans-serif;
    color: #333;
    overflow: hidden;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

section.s-block.s-block--banners .box-img.rounded-none img.w-full.object-contain.lazy.loaded {
    width: 50%;
}

.s-product-card-entry:hover .s-product-card-promotion-title {
    /* position: relative; */
    top: 26px !important;
}