/* Add custom CSS styles below */ 
section:nth-of-type(1) {
    margin-right: 5%;
    margin-left: 5%;
    margin-top: 5%;
    border-radius: 2rem !important;
}
section:nth-of-type(2) {
    width: 90% !important;
    border-radius: 0 0 1rem 1rem;
}
section:nth-of-type(1) salla-slider.photos-slider .swiper {
    padding: 0;
}

.rounded-md {
    border-radius: 1rem 1rem 0rem 0rem;
}section:nth-of-type(1) salla-slider.photos-slider .swiper-slide {
    margin:0;
    border-radius: 0;
    box-shadow: unset;
}
@media (min-width: 1024px){
section:nth-of-type(1) salla-slider.photos-slider .swiper-slide {
    width: 100%;
    padding: 0;
}}



.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-ios.swiper-backface-hidden {
    /*margin-top: -35%;*/
    z-index: 1000;
}
header.store-header {
    z-index: 1001;
}
.header-btn__icon {
    border-color: transparent !important;
}
.s-user-menu-dropdown {
    z-index: 1001;
}
.header-btn__icon.icon.sicon-shopping-bag {
    border-color: transparent;
}

.main-nav-container {
    min-height: 90px;
    background: transparent;
}
.inner.bg-inherit {
    padding: 1rem;
    background: white;
    border: 1px solid transparent;
    border-radius: 2rem;
    margin: 1rem;
}
.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 68px;
}
.main-nav-container.shadow-default.bg-white.fixed-pinned.animated.fixed-header > div {
    padding-bottom: 2rem;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    margin: 0px;
    border-radius: 0rem 0rem 2rem 2rem;
}


section:nth-of-type(2) {
    margin-top: 0rem;
    direction: ltr;
    width: 100%;
    overflow: hidden;
    background: #baa031;
    padding-top: 0.5rem;
    color: white;
    max-width: none;
}section:nth-of-type(2) .grid.one-row.md\:grid-cols-1.grid-flow-row.gap-3.sm\:gap-8 {
    display: none;
}
section:nth-of-type(2) .s-block__title .right-side:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 4rem;
}
@keyframes moving {
0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
}
100% {
    transform: translate3d(0, 0, 0);}
}
section:nth-of-type(2) .s-block__title {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: inline-block;
    white-space: nowrap;
    padding-left: 100%;
    animation: moving 20s linear infinite;
}.s-block__title h2 {
    font-size: 0.925rem;
}
b.s-cart-summary-total {
    color: #ce9701;
    display: none;
}.flex.items-center.justify-end {
    padding-left: 0px;
}.header-btn__icon {
    color: #ce9701;
    border-color: #ce9701;
    font-size: 23px !IMPORTANT;
}.s-cart-summary-count {
    height: 0.85rem;
    width: 0.85rem;
    right: 0;
}.s-cart-summary-count {
    background-color: #9a999c;
}.s-cart-summary-count {
    background-color: #ce9701;
}.s-slider-block__title {
    justify-content: center;
}.s-slider-block__title-right:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0;
}.s-slider-block__title h2:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0rem;
}.s-slider-block__title h2 {
    color: white;
}.top-navbar h3.s-contacts-title {
    display: none;
}
.border-gray-200 {
    border-color: rgb(255 255 255);
}
section.cart-item.bg-white.p-5.xs\:p-7.rounded-md.mb-5.relative {
    border-radius: 2rem;
    padding-bottom: 0rem;
}
button.btn--delete.s-button-element.s-button-icon.s-button-solid.s-button-small.s-button-danger.s-button-loader-center {
    margin-left: 0.4rem;
}
.shadow-default.bg-white.p-5.xs\:p-7.rounded-md.mb-5.relative.transition-height.duration-1000 {
    border-radius: 2rem;
}


#app > div.app-inner.flex.flex-col.min-h-full > div > div > div > div.flex.min-h-screen > salla-products-list > div.s-products-list-wrapper.s-products-list-vertical-cards > custom-salla-product-card > div.s-product-card-image > a > img {
    background: WHITE;
}



#app > div.app-inner.flex.flex-col.min-h-full > div > div > div > div.flex.min-h-screen > salla-products-list > div.s-products-list-wrapper.s-products-list-vertical-cards {
    margin-top: 0rem;
}
.s-reviews-testimonial {
    border-radius: 3rem;
}




a.rtl\:ml-2.ltr\:mr-2.inline-flex.text-gray-500.hover\:text-primary.underline.text-sm.mb-1 {
    display: none;
}
.s-block__title {
    margin-bottom: 42px;
}
.banner--fixed img {
    border-radius: 1.375rem;
}
.s-products-list-horizontal-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}.s-block__title {
    justify-content: center;
}.s-block__title .right-side:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0rem;
}.s-block__title h2 {
    font-size: 1.325rem;
    color: #ffffff;
}
button.s-product-card-wishlist-btn.animated.not-added.un-favorited.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center {
    display: none;
}


salla-add-product-button > div {
    background-color: #2f4036;
    border-radius: 1rem;
    border-color: #2f4036 !important;
}
button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    color: white;
    background:#2f4036;
}
button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {
    color: #bea434;
}



.s-product-card-horizontal .s-product-card-image {
    height: auto;
    width: auto;
    background: unset ! IMPORTANT;
    top: 60px;
    z-index: 1000;
}.s-product-card-entry {
    flex-direction: column;
    background: unset;
}.s-product-card-horizontal .s-product-card-content {
    background: white;
    padding-top: 3rem;
    box-shadow: 0 0 3px #bbbbbb;
    border-radius: 1rem;
}.s-products-list-wrapper {
    margin-bottom: 1rem;
    display: grid;
    margin-top: -4rem;
}body {
    background: rgba(243, 244, 246, 1);
}
.s-product-card-content-sub {
    justify-content: center;
}.s-product-card-content {
    background: white;
    border-radius: 0rem 0rem 1rem 1rem;
    text-align: center;
}section.s-block.container .s-block__title .right-side h2 {
    color: #2f4036;
}
#app > div.app-inner.flex.flex-col.min-h-full > section > div > div > h2{
    background: #baa031;
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #2f4036;
    border-radius: 3rem;
}

section:nth-of-type(2) .s-block__title h2 {
    color: white !IMPORTANT;
    font-size: 1rem;
}















.slide--cat-entry i:before{
    display: none;
}salla-slider .slide--one-sixth {
    width: 37%;
}
@media (min-width: 800px) {
    salla-slider .slide--one-sixth {
        width: 19%;
    }
}.slide--cat-entry {
    height: 10rem;
    background: unset;
    padding: 0;
    border: 0;
    box-shadow: unset;
}a.slide--cat-entry:before {
    content: '';
    background: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/yxPey/YCdsfwt2TvEPLJXU1298xbMtM44RUdaGK1usJOMc.png);
    background-size: cover;
    display: block;
    width: 8rem;
    height: 8rem;
    border-radius: .7rem;
}.slide--cat-entry h2 {
    display: none;
}
section.s-block.s-block--categories:nth-of-type(5) salla-slider .swiper-slide:nth-of-type(1) .slide--cat-entry:before {
    background: url(https://media.zid.store/1f780439-b85b-48b1-b7cd-bb25202a536e/e2524c08-f2f1-456b-81f5-2c93d3d1b635.jpg);
    background-size: cover;
}section.s-block.s-block--categories:nth-of-type(5) salla-slider .swiper-slide:nth-of-type(2) .slide--cat-entry:before {
    background: url(https://media.zid.store/1f780439-b85b-48b1-b7cd-bb25202a536e/d673c6a1-a3e5-4aa7-be7c-168b5d146ddd.jpg);
    background-size: cover;
}section.s-block.s-block--categories:nth-of-type(5) salla-slider .swiper-slide:nth-of-type(3) .slide--cat-entry:before {
    background: url(https://media.zid.store/1f780439-b85b-48b1-b7cd-bb25202a536e/c4bbb5ef-c33f-45c8-b54b-5bc5aeea3bad.jpg);
    background-size: cover;
}section.s-block.s-block--categories:nth-of-type(5) salla-slider .swiper-slide:nth-of-type(4) .slide--cat-entry:before {
    background: url(https://media.zid.store/1f780439-b85b-48b1-b7cd-bb25202a536e/c5ff85a1-0cb7-4f83-a8b9-fda8f7b668b1.jpg);
    background-size: cover;
}section.s-block.s-block--categories:nth-of-type(5) salla-slider .swiper-slide:nth-of-type(5) .slide--cat-entry:before {
    background: url(https://media.zid.store/1f780439-b85b-48b1-b7cd-bb25202a536e/70a32371-d766-4cea-ab33-e3fc18e67882.jpg);
    background-size: cover;
}section.s-block.s-block--categories:nth-of-type(5) salla-slider .swiper-slide:nth-of-type(6) .slide--cat-entry:before {
    background: url(https://media.zid.store/1f780439-b85b-48b1-b7cd-bb25202a536e/226816b3-7873-43c8-a4ef-749ed9792abf.jpg);
    background-size: cover;
}


.store-footer {
    margin-top: 0rem;
    background: #e0e0e0;
    background: rgba(243, 244, 246, 1) ! IMPORTANT;
}.store-footer__inner {
    background: white !important;
    text-align: center;
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 2rem;
    padding-top: 1rem;
    padding-bottom: 0rem;
}.text-center {
    text-align: center;
    background: transparent;
}.store-footer a {
    justify-content: center;
}.s-social-list {
    justify-content: center;
}p.text-gray-400.mb-2\.5.md\:mb-0 {
    color: white;
}.store-footer h3 {
    background: #cc9904;
    border-radius: 1rem;
    color: white;
    padding-right: 20px;
    padding-left: 20px;
}a.flex.items-center.m-0 h3 {
    background: unset;
    color: #cb9901;
}.store-footer .contact-social {
    margin-top: 0;
    padding-top: 0;
}
.container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6:before {
    content: '';
    display: block;
    width: 11rem;
    height: 5rem;
    background: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=900,height=900,onerror=redirect,format=auto/xAWPza/5AylCBATjSgdMnk2fmUtQxX3ZK6mqFbvCDdayekL.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    justify-self: center;
    margin-bottom: -1rem;
}.top-navbar {
    background: #ffffff;
}.top-navbar {
    background: #ffffff;
    display: none;
}

.s-button-primary-outline:hover {
    background-color: #2f4036;
    opacity: 1;
    color: white;
}
@media (max-width: 800px) {
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 > a > h3 {
    display: none;
}
}




.text-gray-800 {
    color: rgb(255 255 255);
}.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16 {
    color: white;
}section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none {
    background: #cc9902;
    border-radius: 0.8rem;
}b.block {
    color: white;
}.s-comments-product {
    background-color: rgb(47 64 54);
}footer.store-footer {
    margin-top: 1rem;
}section.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none {
    background: #2f4036 !important;
}.is-sticky-product-bar .sticky-product-bar__quantity salla-quantity-input .s-quantity-input-input {
    background: #2f4036;
}.s-button-primary {
    color: white;
}.s-breadcrumb-wrapper {
    color: white;
}h1#page-main-title {
    color: white;
}salla-slider.photos-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -6px;
}
salla-slider .swiper-pagination-bullet {
    width: 20px;
    height: 4px;
}
.main-nav-container.fixed-header .inner {
    z-index: 1001;
}






















@media (max-width: 800px) {
section.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none {
    background: rgb(0 0 0 / 62%) !important;
    backdrop-filter: blur(35px);
}
.is-sticky-product-bar .sticky-product-bar__quantity salla-quantity-input .s-quantity-input-input {
    background: transparent;
}
.s-quantity-input-input {
    border-color: transparent;
}

.s-quantity-input-button {
    fill: black;
}
salla-add-product-button > div {
    background-color: transparent;
}
.s-fast-checkout-button.outline {
    background-color: #536159;
    border: 1px solid rgb(255 255 255 / 0%);
    color: #fff;
}
.s-quantity-input-container {
    border-color: #536159;
}
}




#app > div.app-inner.flex.flex-col.min-h-full > div:nth-child(4) {
    background: rgba(249, 250, 251, 1);
}
h1.text-xl.md\:text-2xl.leading-10.font-bold.mb-6.text-gray-800 {
    color: #536159;
}
article.article--main {
    color: black;
}
.s-breadcrumb-wrapper {
    color: #536159;
}
@media (min-width: 800px) {
form.form.product-form {
    background: white !important;
    border-radius: 1rem;
}
section.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none {
    background: transparent !important;
}
.s-add-product-button-main {
    background: transparent !important;
}

section.flex.bg-white.p-5.sm\:pb-0.rounded-md.rounded-b-none {
    background: transparent;
}
.is-sticky-product-bar .sticky-product-bar__quantity salla-quantity-input .s-quantity-input-input {
    background: transparent;
    color: #536159;
    border-radius: 3rem;
}
.s-comments-product {
    background-color: white;
}




}


@media (max-width: 800px) {
section.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none {
    background: rgb(0 0 0 / 62%) !important;
    backdrop-filter: blur(35px);
}
.is-sticky-product-bar .sticky-product-bar__quantity salla-quantity-input .s-quantity-input-input {
    background: transparent;
}
.s-quantity-input-input {
    border-color: transparent;
}

.s-quantity-input-button {
    fill: rgba(255, 255, 255, 1);
}

salla-add-product-button > div {
    background-color: transparent;
}
.s-fast-checkout-button.outline {
    background-color: #536159;
    border: 1px solid rgb(255 255 255 / 0%);
    color: #fff;
}
.s-quantity-input-container {
    border-color: #536159;
}
}



/* تخصيص القائمة الجانبية */
@media (max-width: 800px) {

.mm-ocd--open .mm-ocd__content {
  position: fixed;
  top: 24%;
  left: 50%;
  transform: translate(-8%, -20%);
  width: 90%;
  max-width: 320px;
  background: rgba(17, 24, 39, 1);
  border-radius: 20px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
  padding: 20px 15px;
  transition: all 0.3s ease-in-out;
  z-index: 1001;
  text-align: center;
  direction: rtl;
}

.mm-ocd--open #mobile-menu ul.main-menu {
  display: flow;

  padding: 10px;
  margin-left: -14%;
}

.mm-ocd--open #mobile-menu ul.main-menu li {
  /*width: 100%;*/
}

.mm-ocd--open #mobile-menu ul.main-menu li a {
  display: block;
  padding: 10px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
  border-radius: 12px;
  transition: background 0.2s ease;
  text-decoration: none;
}

.mm-ocd--open #mobile-menu ul.main-menu li a:hover {
  background-color: #f5f5f5;
}

/* زر الإغلاق */
.mm-ocd--open .close-mobile-menu {
  background: red;
  border-radius: 3rem;
  width: 40px;
  height: 40px;
  color: white;
  font-size: 20px;
  border: none;
  position: absolute;
  top: 15px;
  left: 15px;
  cursor: pointer;
}

    .mm-spn.mm-spn--light {
        color: #bca231;
        background: rgba(17, 24, 39, 1);
    }
        .mm-spn.mm-spn--navbar.mm-spn--main:where([dir="rtl"], [dir="rtl"] *):after {
        padding-right: 32%;
    }

/* الشعار */
.mm-ocd--open .mobile-menu-logo {
  width: 100px;
  margin-bottom: 20px;
}

ul.main-menu.mm-spn--open li {
    background: rgba(249, 250, 251, 1) !important;
    /* position: relative; */
    background: inherit;
    /* cursor: pointer; */
    border-radius: 2rem; !important
    width: auto;
    display: inline-block;
    margin-bottom:3%
}
ul.main-menu.mm-spn--open > li > a {
    border-radius: 2rem; !important
}
.categories-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 16px;
  justify-content: center;
}

.category {
  background-color: white;
  border-radius: 12px;
  padding: 10px 16px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  font-size: 14px;
  font-weight: 500;
  transition: 0.3s;
  white-space: nowrap;
}

.category:hover {
  background-color: #f0f0f0;
}

/* التواصل */
.social-wrapper {
  margin-top: 24px;
  text-align: center;
}

.s-social-list {
  display: flex;
  justify-content: center;
  gap: 16px;
  list-style: none;
  padding: 0;
}
.s-social-link a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #f5f5f5;
  transition: background-color 0.3s;
}
.s-social-link a:hover {
  background-color: #ddd;
}
.s-social-icon svg {
  width: 24px;
  height: 24px;
}}
.s-modal-container {
    z-index: 1003;
}
.flex.rtl\:space-x-reverse.space-x-2.items-end {
    justify-content: center;
}
@media (min-width: 800px) {
section.s-block.container {
    width: 60%;
}

}
@media (max-width: 800px) {
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div:nth-child(3) > salla-contacts > div > div:nth-child(3) > a {
    margin-right: 11%;
}
.footer-is-light .store-footer .contact-social {
    margin-top: 5%;
    margin-bottom: 5%;
}
body#app.overflow-x-hidden.index > div.app-inner.flex.flex-col.min-h-full > section:nth-child(6) > salla-products-list > div.s-products-list-wrapper.s-products-list-horizontal-cards > custom-salla-product-card {
    margin-bottom: -25%;
    place-content: end;
}
}
h2.font-bold.text-xl.inline-block {
    color: #2f4036;
}
h3.s-comments-item-user-info-name {
    color: white;
}
.s-quantity-input-button {
        fill: rgb(204 153 4);
    }