/* Add custom CSS styles below */
.navbar-brand img {
    max-height : 5rem;
}

:root {
    --main-color: #082251;
    --white-color: white;
    --black-color: black
}

salla-trust-badges.s-trust-badges-wrapper.hydrated *{
    display: none !important;
}

body {
    background-color: var(--white-color)
}

#main-content > section:nth-child(1) {
    margin-top: 0;
}

.top-navbar {
    background-color: var(--main-color) !important ;
    color: var(--white-color) !important ;
}

.bg-inherit * {
    color: var(--main-color) !important ;
}

.s-cart-summary-count {
    color: var(--white-color) !important ;
}

.top-navbar .s-search-input {
    background-color: var(--white-color) !important ;
}

.main-menu li.root-level>a:hover {
    transform: translateY(-3px);
}

.s-user-menu-login-btn svg {
    fill: var(--white-color)!important;
    ; }

i.header-btn__icon.sicon-user-circle,i.header-btn__icon.icon.sicon-shopping-bag,i.sicon-menu ,.s-user-menu-login-btn {
    background: var(--main-color)!important;
    color: var(--white-color)!important;
    box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0;
    transition: 0.3s
}

i.sicon-menu {
    padding: 8px;
    border-radius: 50%
}

i.header-btn__icon.sicon-user-circle:hover,i.header-btn__icon.icon.sicon-shopping-bag:hover {
    background: var(--white-color)!important;
    color: var(--main-color)!important;
    box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0;
    transform: translateY(-3px);
    transition: 0.3s
}

section.s-block.s-block--photos-slider {
    margin-top: 0!important
}

section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
    padding: 0!important;
    margin-top: 0px!important;
    width: 100%!important;
    border-radius: 0!important
}

section.s-block.s-block--fixed-banner.wide-placeholder>.container:not(#main-content > section:nth-child(9) > div) {
    padding: 0!important;
    margin: 0px!important;
    max-width: 100%
}

.s-block__title .right-side:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0rem;
}

/*** Ù️Ù️ŠÙ️…Ø©️️ اÙ️„عÙ️†Ø§ØµØ± ****/
@media (min-width: 767px) {
    section:nth-of-type(2) .grid {
        grid-template-columns: repeat(5,minmax(0,1fr));
    }

    section:nth-of-type(2) .banner-entry {
        height: 228px;
    }

    section:nth-of-type(2) .two-row .banner-entry:first-child {
        grid-row: unset;
    }

    section:nth-of-type(3) .grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        width: 39%;
        margin: auto;
    }

    section:nth-of-type(3) .banner-entry {
        height: 228px;
    }
}

@media (max-width: 767px) {
    section:nth-of-type(3) {
        margin-top:rem !important
    }

    section:nth-of-type(2) .grid {
        grid-template-columns: repeat(5,minmax(0,1fr));
    }

    section:nth-of-type(2) .banner-entry {
        height: 72px;
    }

    section:nth-of-type(2) .two-row .banner-entry:first-child {
        grid-row: unset;
    }

    section:nth-of-type(3) .grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        width: 45%;
        margin: auto;
    }

    section:nth-of-type(3) .banner-entry {
        height: 87px;
    }
}

/*** Ù️Ù️ŠÙ️…Ø©️️ اÙ️„عÙ️†Ø§ØµØ± ****/
[dir=rtl] section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper {
    padding: 0!important
}

img.w-full {
    border-radius: 0
}

.s-product-card-image img {
    background: white;
}

.s-product-card-image img.loaded {
    background: #fff
}

button.s-slider-next.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock,button.s-slider-prev.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock {
    display: none
}

.s-products-slider-card.swiper-slide {
    margin-top: 10px;
    margin-bottom: 10px
}

.banner--fixed img {
    border-radius: 0;
    background-color: #fff0
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    color: #fff;
    background: var(--main-color)!important;
    transition: ease-out 0.5s;
    border: 2px solid var(--main-color)!important;
    box-shadow: inset 0 0 0 0 #fff
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {
    color: var(--main-color)!important;
    box-shadow: inset 0 -100px 0 0 #fff
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:active {
    transform: scale(.9)
}

.s-products-slider-card.swiper-slide {
    transition: transform 0.3s ease
}

.s-products-slider-card.swiper-slide:hover {
    transform: translateY(-7px)
}

.s-products-slider-card.swiper-slide {
    padding-top: 20px
}

.s-product-card-entry {
    box-shadow: 0 0 10px 0 #0822510d;
    border: 1px solid #082251;
}

.s-slider-block__title-right {
    color: var(--main-color) !important ;
}

.s-slider-block__title-right h2 {
    font-size: 24px
}

salla-slider[type]:not(.hydrated)>div>div,salla-slider[type]:not(.hydrated) .swiper>div>div>div,.carousel-slider .swiper-wrapper>div {
    padding-left: .625rem;
    margin-block:19px;padding-right: .625rem
}

.banner-entry {
    background: #fff
}

.s-block__title {
    justify-content: center;
}

.right-side h2 {
    color: var(--main-color);
    position: relative;
    display: inline-block;
    font-weight: 600;
    font-size: 32px;
    padding: 0 20px;
}

a[href*="instagram"] {
    color: #fff;
    background: linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    border: none
}

a[href*="tiktok"] {
    background: #000;
    color: #fff;
    border: none
}

a[href*="snapchat"] {
    background: #ff0;
    border: none
}

.s-social-link a[href*="snapchat"] svg {
    fill: #000!important
}

a[href*="youtube"] {
    background: red;
    border: none;
    color: #fff
}

footer a[href*="x"] {
    background: #000;
    border: none;
    color: #fff
}

.store-footer {
    background: var(--white-color)!important
}

.store-footer__inner {
    background: var(--main-color)!important ;
    color: var(--white-color)!important
}

@media (max-width: 767px) {
    #main-content > section:nth-child(2) {
        margin-top:0;
    }

    .right-side h2 {
        font-size: 24px;
        padding: 0 10px;
    }

    .main-nav-container {
        min-height: 63px;
    }

    .store-footer__inner * {
        justify-content: center;
        text-align: center
    }
}

.s-block--features__item .feature-icon {
    background-color: transparent !important;
}

.s-block--features__item {
    background-color: #542e78;
    border-radius: 12px;
    padding: 25px 15px;
    text-align: center;
    color: #fff;
}

/* إخ️️Ù️Ø§Ø¡ Ø£Ù️ŠÙ️‚Ù️ˆÙ️†Ø§Øª Salla اÙ️„اÙ️ØªØ±Ø§Ø¶Ù️ŠØ©️️ */
.s-block--features__item .feature-icon i {
    display: none;
}

/* إعداد عاÙ️… Ù️„Ù️„Ø£Ù️ŠÙ️‚Ù️ˆÙ️†Ø©️️ */
.s-block--features__item .feature-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* اÙ️„صÙ️ˆØ±Ø©️️ اÙ️„Ø£Ù️ˆÙ️„Ù️‰ */
.s-block--features__item:nth-child(1) .feature-icon {
    background-image: url("https://cdn.files.salla.network/homepage/1660837117/9d92c025-9329-4afb-b4ab-92cf0bc56081.webp");
}

/* اÙ️„صÙ️ˆØ±Ø©️️ اÙ️„ثاÙ️†Ù️ŠØ©️️ */
.s-block--features__item:nth-child(2) .feature-icon {
    background-image: url("https://cdn.files.salla.network/homepage/1660837117/faf623f7-7228-4060-b5a6-aa8e8464b8e7.webp");
}

/* اÙ️„صÙ️ˆØ±Ø©️️ اÙ️„ثاÙ️„ثة️️ */
.s-block--features__item:nth-child(3) .feature-icon {
    background-image: url("https://cdn.files.salla.network/homepage/1660837117/c23d3c29-7dfc-4696-8876-d928aa742c58.webp");
}

/* تÙ️†Ø³Ù️ŠÙ️‚ اÙ️„Ù️†Øµ */
.s-block--features__item h2 {
    font-size: 20px;
    color: white ;
}

.s-block--features__item p {
    font-size: 18px;
    color: #ada2b9 ;
}

#mainnav .sicon-menu {
    width: 2.5rem;
}

.s-slider-block__title-right h2::before ,.right-side h2::before {
    content: "";
    position: absolute;
    right: -1px;
    left: -2px;
    bottom: -1%;
    height: 40%;
    background-color: #FEB602;
    /* لون الهايلايت الأزرق الفاتح */
    z-index: -1;
}

.s-slider-block__title h2:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0;
}