@media (min-width: 768px) {
    .s-products-slider-card {
        width: 28.333333% !important;
        max-width: 26%;
    }
}

.s-products-slider-card.swiper-slide {
}

.footer-logo img,.navbar-brand img,body.trans_header .store-header a.navbar-brand img,.footer-is-light .store-footer .store-footer__inner a.flex.items-center.justify-center.m-0 img {
    height: 0!important
}

.footer-logo,.navbar-brand,body.trans_header .store-header a.navbar-brand,.footer-is-light .store-footer .store-footer__inner a.flex.items-center.justify-center.m-0 {
    background-image: var(--logo);
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-repeat: no-repeat no-repeat;
    background-size: contain;
    height: 3rem;
    width: 3rem;
    max-height: 100%;
    display: block;
}

.main-nav-container.fixed-pinned.animated.fixed-header .navbar-brand {
    filter: none
}

.footer-is-light .store-footer .store-footer__inner a.flex.items-center.justify-center.m-0 {
    background-image: var(--logo);
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-repeat: no-repeat no-repeat;
    background-size: contain;
    height: 5rem;
    width: 100%;
    max-height: 100%;
    display: block
}

@media only screen and (max-width: 700px) {
    body.trans_header .store-header a.navbar-brand {
        width:9rem;
        position: relative;
        right: 15px
    }
}

.footer-logo {
    width: 17rem;
    height: 88px
}

@media (min-width: 1024px) {
    salla-slider .slide--one-fifth {
        width: 38%;
    }
}

@media (max-width: 1024px) {
    p.text-base.font-normal.max-w-sm.leading-6.mb-4 {
        text-align: center;
    }

    .footer-items-wrapper .navbar-brand {
        margin: auto;
    }
}

.s-button-element {
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.s-button-element:hover {
    background-color: var(--2);
    /* تغيير اللون عند المرور */
    transform: scale(1.1);
    /* تكبير الزر */
}

.s-product-card-image img {
    transition: transform 0.3s ease;
}

.s-product-card-image:hover img {
    transform: scale(2.1);
    /* تكبير الصورة عند المرور */
}

.s-product-card-entry .s-product-card-content-title a,.s-product-card-content-sub {
    text-align: center;
    justify-content: center;
}

.s-product-card-entry .main-price {
    color: var(--1);
}

/* ثابت */
.top-navbar {
    background: #f8f8f8
}

.sicon-shopping-bag:before {
    content: "\e96b";
}

.main-nav-container.fixed-pinned .inner,div#mainnav {
    /* background: var(--bg2); */
    background-size: 34rem;
    background-color: var(--1);
    box-shadow: none;
}

.s-cart-summary-total {
    color: var(--2)
}

footer.store-footer .text-gray-400 {
    color: #fff;
    margin-top: 1rem;
}

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

.s-block--features__item:hover,.s-product-card-entry {
    --c: var(--color-primary);
    --b: 3px;
    --g: 5px;
    padding: calc(var(--g) + var(--b));
    --_g: #0000 25%,var(--c) 0;
    background: conic-gradient(from 180deg at top var(--b) right var(--b),var(--_g)) var(--_i,200%) 0/200% var(--_i,var(--b)) no-repeat,conic-gradient(at bottom var(--b) left var(--b),var(--_g)) 0 var(--_i,200%)/var(--_i,var(--b)) 200% no-repeat;
    transition: .3s,background-position .3s .3s;
    cursor: pointer
}

.s-block--features__item:hover,.s-product-card-entry:hover {
    --_i: 100%;
    transition: .3s,background-size .3s .3s
}

.s-slider-block__display-all {
    padding: 5px;
    color: var(--color-primary);
    margin: 10px auto;
    border-radius: 15px;
    animation: 1.2s linear infinite signal
}

@keyframes signal {
    0% {
        box-shadow: 0 0 0 0 var(--color-primary)
    }

    100% {
        box-shadow: 0 0 0 5px #fff
    }
}

.sicon-user-circle:before {
    content: "\f078";
}

.s-slider-block__title h2,.main-content h1,.s-block__title h2 {
    text-transform: uppercase;
    background-image: linear-gradient(-225deg,var(--4) 29%,var(--2) 67%,var(--3) 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: 30px;
    line-height: 1.5;
}

@media only screen and (max-width: 1024px) {
    .s-slider-block__title h2,.main-content h1,.s-block__title h2 {
        font-size: 18px;
    }
}

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

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    font-size: 1rem;
    background-color: var(--1);
    display: block;
    text-align: center;
    font-weight: 700;
    border-radius: 20px;
    box-shadow: rgb(0 0 0/15%) 0px 2px 4px,rgb(0 0 0/0%) 0px 7px 13px -3px,rgb(255 255 255/66%)0px -3px 0px inset;
    animation: signal 1200ms infinite
}

@keyframes signal {
    0% {
        box-shadow: 0 0 0 0 var(--1)
    }

    100% {
        box-shadow: 0 0 0 6px #ffffff21
    }
}

section.s-block.s-block--testimonials.container.overflow-hidden .s-slider-nav-arrow svg {
    width: 22px;
    fill: var(--1)
}

@media only screen and (min-width: 1024px) {
    .main-menu li.root-level>a {
        padding-bottom:1rem;
        padding-right: .2rem;
        color: #fff
    }

    .main-menu li.root-level>a:hover {
        color: var(--ff)
    }

    .main-nav-container {
        min-height: 88px;
        background-color: var(--1);
        height: 92px!important
    }

    .main-menu>li:hover>a {
        transform: translateY(-4px)
    }

    .main-menu>li>a:before {
        content: "";
        position: absolute;
        top: 2.6rem;
        left: 0;
        right: 0;
        bottom: 0;
        border-top: 2px solid #fff;
        z-index: -1;
        transform: scaleX(0);
        transform-origin: left;
        transition: transform .25s linear!important
    }

    .main-menu>li:hover>a:before {
        transform: scaleX(1);
        transform-origin: right
    }
}

.header-btn__icon {
    color: #fff;
    border-color: var(--1-1);
    /* background-color: var(--1); */
}

body>div.app-inner.flex.flex-col.min-h-full>section.s-block.s-block--photos-slider,[dir=rtl] salla-slider.photos-slider .swiper,salla-slider.photos-slider .swiper-slide,body>div.app-inner.flex.flex-col.min-h-full>section.s-block.s-block--photos-slider img.w-full.object-contain.rounded-md {
    margin: 0;
    padding: 0;
    border-radius: 0;
}

header.store-header:before {
    /* content: ''; */
    background: var(--logo);
    background-repeat-y: no-repeat;
    background-position-x: 0;
    animation: scrollBrands 500s linear alternate both infinite;
    background-size: contain;
    height: 50px;
    display: block;
    background-color: var(--1);
    background-position: center;
    margin-bottom: 16px;
}

@keyframes scrollBrands {
    0% {
        background-position-x: 0
    }

    50% {
        background-position-x: 35000px
    }

    100% {
        background-position-x: 0
    }
}

@media(max-width: 767px) {
    header.store-header:before {
        background-size:180%;
        height: 39px;
        background-position: center;
        margin-bottom: -2px
    }
}

i.sicon-menu.text-primary.text-2xl {
    color: var(--2);
}

salla-social.mb-6.s-social-list.hydrated {
    justify-content: center;
}

a.flex.items-center.m-0 {
    justify-content: center;
}

.s-button-light-outline, .\!text-danger, .text-danger, .footer-is-light .store-footer .social-link, .store-footer h3, .s-product-card-sale-price h4 {
    color: var(--2)!important;
}

.s-contacts-icon {
    border-color: var(--2);
}

.s-block--features__item .feature-icon i,.store-footer h3 {
    color: #fff
}

li.s-social-link {
    background: var(--4);
    background: var(--1-1);
    border-radius: 20px;
    margin: 5px 5.5px;
    position: relative;
    padding: 1px
}

.s-social-link a {
    color: var(--1);
    color: #fff;
    border-color: #ffffff63
}

li.s-social-link a span:after {
    content: "";
    width: 110%;
    height: 100%;
    background: 0 0;
    position: absolute;
    left: -3px;
    border-radius: 50%;
    border: 1px solid var(--4);
    border: 1px solid var(--ff);
    top: 0;
    animation: myAnim 14s ease-out 0s infinite normal forwards
}

li.s-social-link a span:before {
    content: "";
    width: 114%;
    height: 105%;
    background: 0 0;
    position: absolute;
    left: -1px;
    border-radius: 50%;
    border: 1px solid var(--4);
    border: 1px solid var(--ff);
    top: -1px;
    animation: myAnim1 7s linear 0s infinite normal forwards
}

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

    100% {
        transform: rotate(0)
    }
}

@keyframes myAnim {
    0% {
        transform: rotate(0)
    }

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

.topnav-is-dark .top-navbar .s-search-input::placeholder, .topnav-is-dark .top-navbar .s-search-input::-webkit-input-placeholder,.top-navbar .s-search-input::placeholder,.top-navbar .s-search-input::-webkit-input-placeholder {
    color: var(--1) !important;
}

.index:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #fff var(--logo);
    position: fixed;
    top: 0;
    z-index: 99999999999999999!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
}

@keyframes logobg {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0;
        visibility: hidden
    }
}

.flex.rtl\:space-x-reverse.space-x-2.items-end {
    margin: auto;
    justify-content: center;
    color: var(--2);
}

.navbar-brand img {
    height: 0!important
}

.navbar-brand {
    background-image: var(--logo);
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-repeat: no-repeat no-repeat;
    background-size: contain;
    height: 74px;
    width: 8vw;
    display: block;
    padding: 15px;
    margin: -15px 0 -13px;
    /* filter: invert(1) brightness(18.5); */
}

.store-footer a.navbar-brand {
    height: 108px;
    /* width: 8vw; */
    filter: brightness(18.5);
}

.main-nav-container.shadow-default.bg-white.fixed-pinned.animated.fixed-header .navbar-brand {
    height: 64px;
    width: 7vw;
    margin: 8px 0
}

@media only screen and (max-width: 700px) {
    .main-nav-container.shadow-default.bg-white.fixed-pinned.animated.fixed-header .navbar-brand,.navbar-brand {
        width:15vw;
        margin: auto
    }
}

.container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 {
    display: grid;
    text-align: center;
    justify-items: center;
}

.s-user-menu-avatar-wrap:before {
    content: "\f078";
    font-family: sallaicons !important;
    font-size: 1.2rem;
    position: relative;
    display: block;
    width: 26px;
    height: 24px;
    margin: 1px 0 -29px;
    position: relative;
    top: 5px;
    right: 3px;
    color: #fff;
}

.s-user-menu-avatar-wrap img {
    width: 0px;
}

.s-user-menu-trigger {
    background-color: var(--1);
    display: flex;
    height: 2.5rem;
    width: 2.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-width: 1px;
}

body,.bg-gray-100,.banner--fixed img {
    background: #fff !important;
}

footer.store-footer {
}

button#cats-dropdown-trigger,.s-cart-summary-total,.main-nav-container .s-cart-summary-wrapper {
    color: #fff ;
}

.s-block.s-block--marquee.w-full.text-primary-reverse.bg-primary.py-3.rounded.overflow-hidden.group.relative.below-header.s-block--full-bg {
    background-color: var(--1) !important;
}

.footer-is-light .store-footer .store-footer__inner,.store-footer__inner {
    /* background-color: #4ac5e538!important; */
    /* background: var(--bg2); */
    color: #fff;
    box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
}

.store-footer {
    background-color: var(--color-primary);
    border-top-left-radius: 20rem 1rem;
    border-top-right-radius: 20rem 1rem
}

a.mb-4.last\:mb-0.flex.items-center.text-sm.leading-none,b.s-cart-summary-total,i.sicon-menu.text-primary.text-2xl.rtl\:ml-2\.5.ltr\:mr-2\.5 {
    color: #696969
}

footer.store-footer {
    border-radius: 20px 20px 0 0;
    background-color: var(--1) !important;
    /* background: linear-gradient(134deg,transparent -183%,var(--1) 83%,#fff 200%),url(https://cdn.salla.sa/form-builder/kW2IG8yY17w9F8vq50CMfMdhWBcbQhSoDRWGaK99.jpg)0rem 0rem/545%no-repeat!important; */
}

i.icon.sfi-Shopping-bag.leading-none,i.icon.sfi-Person {
    color: var(--1)
}

.main-nav-container.fixed-pinned.animated a.mb-4.last\:mb-0.flex.items-center.text-sm.leading-none, .main-nav-container.fixed-pinned.animated b.s-cart-summary-total, .main-nav-container.fixed-pinned.animated i.sicon-menu.text-primary.text-2xl.rtl\:ml-2\.5.ltr\:mr-2\.5 , .main-nav-container.fixed-pinned.animated i.icon.sfi-Shopping-bag.leading-none,.main-menu #offers a {
    color: #fff
}

.side-panel__widget .s-social-link a {
    color: var(--1);
}

button.nav-button.side-panel-trigger {
    color: var(--1);
}

button.nav-button.side-panel-trigger span {
    color: #000;
}

@media (max-width: 1023px) {
    .footer-items-wrapper salla-social {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        justify-content: center;
    }
}

.store-footer salla-contacts .s-contacts-icon {
    height: auto;
    border-style: none;
    color: #414042;
    color: var(--color-primary-light);
}

.s-product-card-entry .s-product-card-promotion-title {
    background-color: var(--1);
}

.sfi-Shopping-bag:before {
    content: "";
    display: block;
    width: 50px;
    height: 46px!important;
    margin: 0;
    background-image: url("https://cdn.salla.sa/bRaEWj/8dsUnalkdzulzMIlhLSIgURO6FzixU7jgj9k2SJh.gif");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.main-nav-container.fixed-pinned.animated i.icon.sfi-Shopping-bag.leading-none.sfi-Shopping-bag:before {
    filter: brightness(32.5);
}

salla-slider.photos-slider .swiper-slide {
    margin: 0rem;
    width: 100%;
    padding: 0;
}

.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-backface-hidden,.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {
    width: 100%;
    padding: 0;
    gap: 0;
    display: block;
    background: transparent;
}

.s-block.s-block--marquee.w-full.text-primary-reverse.bg-primary.py-3.rounded.overflow-hidden.group.relative.below-header.s-block--full-bg {
    padding: 0;
}

@media (max-width: 1023px) {
    .main-menu #offers a {
        color: var(--1);
    }
}

.slide--cat-entry:before {
    background-image: none;
}

img.w-16.h-16.object-cover.mb-2\.5.relative.has-placeholder {
    width: 9rem;
    object-fit: contain;
    height: 9rem;
}

.slide--cat-entry {
    height: 13rem;
    width: 10rem;
    overflow: visible;
}

.swiper-grid>.swiper-wrapper {
    grid-template-rows: 1fr;
}

.s-block--boxed {
    padding: 0;
}

section#featured-products-style2-1 {
    padding: 0;
}

.swiper-slide.slide--one-eight,salla-slider .slide--one-eight {
    padding: 0 !important;
    margin: 0 !important;
    width: 9rem !important;
}

.slide--cat-entry {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.slide--cat-entry img {
    transition: transform 0.3s ease-in-out;
}

.slide--cat-entry h2 {
    transition: color 0.3s ease-in-out;
}

.slide--cat-entry:hover {
    transform: scale(1.1);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15);
}

.slide--cat-entry:hover img {
    transform: rotate(10deg);
}

.slide--cat-entry:hover h2 {
    color: var(--1);
}

salla-add-product-button[width=wide] .s-button-element {
    position: relative;
    background-color: var(--1);
    /* لون الخلفية للزر */
    color: #fff;
    /* لون النص */
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 0 20px var(--1);
    /* التوهج */
}

.s-product-card-entry .s-button-icon {
    box-shadow: 0 0 20px var(--1);
    /* التوهج */
}

.s-block.s-block--marquee.w-full.text-primary-reverse.bg-primary.py-3.rounded.overflow-hidden.group.relative.above-header {
    margin: 0;
}

section:nth-of-type(1).s-block.s-block--photos-slider {
    background: var(--1);
}

:root {
    --color-primary: var(--1);
    --color-primary-dark: #432660;
    --color-primary-light: #f7e9df;
    --color-primary-reverse: #edf5ff;
    --gr: linear-gradient(45deg,var(--color-primary) 0,var(--color-primary) 0,var(--color-primary) 39%,var(--color-primary-dark) 100%);
    --2-2: #9865266e;
    --3: #edf5ff;
    --4: #3b3b39;
    --4-4-4: #20201f;
    --4-4: #3131309c;
    --bg: #F2F2F2;
    --bg-g: linear-gradient(134deg ,transparent -183%,#fff 83% ,#fff 200%),url("");
    --bg-f: linear-gradient(134deg,transparent -183%,var(--1) 83%,#fff 200%),url(https://cdn.salla.sa/form-builder/kW2IG8yY17w9F8vq50CMfMdhWBcbQhSoDRWGaK99.jpg)0rem 0rem/545%no-repeat;
    --ff: #ededed;
    --00: #2d2d2d;
    --sh: 0 0 transparent, 0 0 transparent, 0 3px 16px rgba(47, 83, 109, .12157);
}

:root {
    --1: #5a3481;
    --2: #985ad8;
    --ff: #fff;
    --logo: url("https://cdn.files.salla.network/theme/1387896483/c180b629-44fc-4c75-82a3-c162c5409154.webp");
}

@media (max-width: 1023px) {
    img[src*="https://cdn.salla.sa/form-builder/ReMgT1fKowCJg5LF155ZDhDmH6mYYYeNkReX8WZy.png"] {
        content: url(https://cdn.salla.sa/form-builder/nefN8BsPZ5J3u5u5Hw32VIAdR9UEvaORcCqy8l0F.jpg);
    }

    img[src*="https://cdn.salla.sa/form-builder/nXTHkj6FbwNzWBHaPdMHReipbR1uhqYFjFaWq427.png"] {
        content: url(https://cdn.salla.sa/form-builder/9X5DG5myZBGUIij8fPi5FOyaPquUUJK8eKX6GM0v.jpg);
    }

    img[src*="https://cdn.salla.sa/form-builder/8pK3oDjA9wY9FmS2NAWGD3urknTfRFgmvHfL9a9Q.png"] {
        content: url(https://cdn.salla.sa/form-builder/T9cZleRNdUfyW64gUaAMAPf1qWMkO9ttLAANeUB4.jpg);
    }
}

body {
    font-weight: 700;
}

a#btn-show-more {
    display: none;
}

article#more-content,.s-block--boxed.mt-5 {
    overflow: visible;
}

.s-block--boxed.mt-5 {
}

article#more-content {
    max-height: unset !important;
}

.store-header .s-menu-topnav-list {
    display: none;
}










html {
  scrollbar-gutter: stable;
}

body {
  overflow-x: hidden !important;
  position: relative;
}

.store-header,
#header-mainbar,
.top-nav {
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto !important;
}

.store-header .container {
  max-width: 1380px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.header-mainbar .sides-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.search-bar {
  flex-grow: 1 !important;
  margin: 0 40px !important;
  max-width: 600px !important;
}

#mainbar-header-search {
  width: 100% !important;
}

.header-icon-button {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}

.top-nav-inner {
  padding: 8px 0 !important;
}

#header-mainbar.is-sticky .inner {
  box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
  border-bottom: 1px solid #f1f1f1 !important;
}

.navbar-brand img {
  max-height: 45px !important;
  width: auto !important;
  object-fit: contain !important;
}