/* Add custom CSS styles below */
@font-face {
  font-family: "Noto Kufi Arabic";
  src: url("https://fonts.gstatic.com/s/notokufiarabic/v17/CSRp4ydQnPyaDxEXLFF6LZVLKrodhu8t57o1kDc5Wh5v37bNlrU.woff2");
}
body {
  font-family: 'Noto Kufi Arabic', sans-serif;
}



.main-menu>li>ul .sub-menu--title>a {
 display: none !important;
}
.main-menu li.root-level > a {
    font-size: 1.1rem !important;
}
.main-menu li>a:hover span {
    text-decoration-line: none !important;
}
.main-menu li>a {
    /*width: 200px;*/
}
.header--mini .storemenu-panel {
    padding-right: 4.7rem !important;
    background-color: #401669 !important;
    color: white;
}

@media (min-width: 768px) {
  .side-panel--wide {
      width: 615px !important;
  }
  .side-panel {
      width: 410px;
  }
}
[dir=rtl] .storemenu-panel .menu-close {
    top: 37px;
}

@media (min-width: 1280px) {
  .index #main-nav:not(.fixed-pinned) {
    padding-top: 0;
    padding-bottom: 0;
    background: #ffffff;
    color: #3d3d3d !important;
    background-color: hsla(0,0%,100%,.8) !important;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
    font-weight: 700;
    border-radius: 0.75rem;
  }
  .index #main-nav:not(.fixed-pinned) .quicklinks-item {
    font-weight: 700 !important;
  }
}
@media (min-width: 1280px) {
  .product-index #main-nav:not(.fixed-pinned) {
    padding-top: 0;
    padding-bottom: 0;
    color: #ffffff;
    background-color: hsla(0,0%,100%,.8);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
    background: linear-gradient(232deg, #6758a3, #53b5e5);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
  }
  .product-single #main-nav:not(.fixed-pinned) {
    padding-top: 0;
    padding-bottom: 0;
    color: #ffffff;
    background-color: hsla(0,0%,100%,.8);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
    background: linear-gradient(232deg, #6758a3, #53b5e5);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    border-radius: 0.75rem;
  }
  .blog-index #main-nav:not(.fixed-pinned) {
    padding-top: 0;
    padding-bottom: 0;
    color: #ffffff;
    background-color: hsla(0,0%,100%,.8);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
    background: linear-gradient(232deg, #6758a3, #53b5e5);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    border-radius: 0.75rem;
  }
  .page-single #main-nav:not(.fixed-pinned) {
    padding-top: 0;
    padding-bottom: 0;
    color: #ffffff;
    background-color: hsla(0,0%,100%,.8);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
    background: linear-gradient(232deg, #6758a3, #53b5e5);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    border-radius: 0.75rem;
  }
  .cart #main-nav:not(.fixed-pinned) {
    padding-top: 0;
    padding-bottom: 0;
    color: #ffffff;
    background-color: hsla(0,0%,100%,.8);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
    background: linear-gradient(232deg, #6758a3, #53b5e5);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    border-radius: 0.75rem;
  }
  .brands-single #main-nav:not(.fixed-pinned) {
    padding-top: 0;
    padding-bottom: 0;
    color: #ffffff;
    background-color: hsla(0,0%,100%,.8);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
    background: linear-gradient(232deg, #6758a3, #53b5e5);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    border-radius: 0.75rem;
  }
  .customer-orders-single #main-nav:not(.fixed-pinned) {
    padding-top: 0;
    padding-bottom: 0;
    color: #ffffff;
    background-color: hsla(0,0%,100%,.8);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
    background: linear-gradient(232deg, #6758a3, #53b5e5);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    border-radius: 0.75rem;
    margin-bottom: 2rem;
  }
  .customer-profile #main-nav:not(.fixed-pinned) {
    padding-top: 0;
    padding-bottom: 0;
    color: #ffffff;
    background-color: hsla(0,0%,100%,.8);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
    background: linear-gradient(232deg, #6758a3, #53b5e5);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    border-radius: 0.75rem;
    margin-bottom: 2rem;
  }
  .customer-wishlist #main-nav:not(.fixed-pinned) {
    padding-top: 0;
    padding-bottom: 0;
    color: #ffffff;
    background-color: hsla(0,0%,100%,.8);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
    background: linear-gradient(232deg, #6758a3, #53b5e5);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    border-radius: 0.75rem;
    margin-bottom: 2rem;
  }
  .customer-orders-index-pending #main-nav:not(.fixed-pinned) {
    padding-top: 0;
    padding-bottom: 0;
    color: #ffffff;
    background-color: hsla(0,0%,100%,.8);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
    background: linear-gradient(232deg, #6758a3, #53b5e5);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    border-radius: 0.75rem;
    margin-bottom: 2rem;
  }
  .thank-you #main-nav:not(.fixed-pinned) {
    padding-top: 0;
    padding-bottom: 0;
    color: #ffffff;
    background-color: hsla(0,0%,100%,.8);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
    background: linear-gradient(232deg, #6758a3, #53b5e5);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    border-radius: 0.75rem;
    margin-bottom: 2rem;
  }
  .customer-orders-index #main-nav:not(.fixed-pinned) {
    padding-top: 0;
    padding-bottom: 0;
    color: #ffffff;
    background-color: hsla(0,0%,100%,.8);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
    background: linear-gradient(232deg, #6758a3, #53b5e5);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    border-radius: 0.75rem;
    margin-bottom: 2rem;
  }
  .customer-notifications #main-nav:not(.fixed-pinned) {
    padding-top: 0;
    padding-bottom: 0;
    color: #ffffff;
    background-color: hsla(0,0%,100%,.8);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
    background: linear-gradient(232deg, #6758a3, #53b5e5);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    border-radius: 0.75rem;
    margin-bottom: 2rem;
  }
  .product-single #main-nav:not(.fixed-pinned) .quicklinks-item {
        font-weight: 500;
  }
  .brands-single #main-nav:not(.fixed-pinned) .quicklinks-item {
        font-weight: 500;
  }
  .product-index #main-nav:not(.fixed-pinned) .quicklinks-item {
        font-weight: 500;
  }
  .thank-you #main-nav:not(.fixed-pinned) .quicklinks-item {
        font-weight: 500;
  }
  .customer-notifications #main-nav:not(.fixed-pinned) .quicklinks-item {
        font-weight: 500;
  }
  .blog-index #main-nav:not(.fixed-pinned) .quicklinks-item {
        font-weight: 500;
  }
  .customer-orders-index #main-nav:not(.fixed-pinned) .quicklinks-item {
        font-weight: 500;
  }
  .page-single #main-nav:not(.fixed-pinned) .quicklinks-item {
        font-weight: 500;
  }
  .customer-profile #main-nav:not(.fixed-pinned) .quicklinks-item {
        font-weight: 500;
  }
  .customer-wishlist #main-nav:not(.fixed-pinned) .quicklinks-item {
        font-weight: 500;
  }
  .customer-orders-index-pending #main-nav:not(.fixed-pinned) .quicklinks-item {
        font-weight: 500;
  }
  .cart #main-nav:not(.fixed-pinned) .quicklinks-item {
        font-weight: 500;
  }
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes AnimationName {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}



.main-nav {
    min-height: 70px;
}
#app .s-block--featrues-products div.s-products-list-vertical-cards {
    gap: 10px;
    border-width: 0;
}
#app .s-block--featrues-products div.s-products-list-vertical-cards .product-entry:nth-child(n) {
    border-radius: var(--border-radius);
    border-width: 1px;
    border-color: #e5e7eb;
}
@media (min-width: 1024px) {
  #app div.s-products-list-vertical-cards {
      row-gap: 2rem;
  }
}
.product-entry--vertical {
    border-radius: var(--border-radius);
    border-width: 1px;
    border-color: #e5e7eb;
    padding: 1rem;
}
.product-entry {
    justify-content: space-between;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 0px 4px 0px;
}

@media (max-width: 1024px) {
  #app div.s-products-list-vertical-cards {
      gap: 5px;
      border-width: 0;
      background: none;
  }
}

@media (max-width: 990px) {
  .mobile-main-nav {
    gap: 4rem;
  }
  .header--mini .storemenu-panel {
    padding-right: 1.25rem !important;
  }
  .main-menu li>a {
    width: auto;
  }
  .center-between > .flex {
    width: 100%;
  }
  .center-between .flex > #product-filter {
    width: 100% !important;
  }
  .main-content .mb-4 {
    flex-direction: column;
  }
  .product-index #main-nav:not(.fixed-pinned) {
    /*color: #3d3d3d!important;*/
    background-color: hsla(0,0%,100%,.8)!important;
    background: linear-gradient(232deg, #6758a3, #53b5e5);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
  }
  .customer-profile #main-nav:not(.fixed-pinned) {
    /*color: #3d3d3d!important;*/
    background-color: hsla(0,0%,100%,.8)!important;
    background: linear-gradient(232deg, #6758a3, #53b5e5);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
  }
  .customer-wishlist #main-nav:not(.fixed-pinned) {
    /*color: #3d3d3d!important;*/
    background-color: hsla(0,0%,100%,.8)!important;
    background: linear-gradient(232deg, #6758a3, #53b5e5);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
  }
  .blog-index #main-nav:not(.fixed-pinned) {
    /*color: #3d3d3d!important;*/
    background-color: hsla(0,0%,100%,.8)!important;
    background: linear-gradient(232deg, #6758a3, #53b5e5);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
  }
  .thank-you #main-nav:not(.fixed-pinned) {
    /*color: #3d3d3d!important;*/
    background-color: hsla(0,0%,100%,.8)!important;
    background: linear-gradient(232deg, #6758a3, #53b5e5);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
  }
  .customer-orders-single #main-nav:not(.fixed-pinned) {
    /*color: #3d3d3d!important;*/
    background-color: hsla(0,0%,100%,.8)!important;
    background: linear-gradient(232deg, #6758a3, #53b5e5);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
  }
  .page-single #main-nav:not(.fixed-pinned) {
    /*color: #3d3d3d!important;*/
    background-color: hsla(0,0%,100%,.8)!important;
    background: linear-gradient(232deg, #6758a3, #53b5e5);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
  }
  .customer-orders-index-pending #main-nav:not(.fixed-pinned) {
    /*color: #3d3d3d!important;*/
    background-color: hsla(0,0%,100%,.8)!important;
    background: linear-gradient(232deg, #6758a3, #53b5e5);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
  }
  .brands-single #main-nav:not(.fixed-pinned) {
    /*color: #3d3d3d!important;*/
    background-color: hsla(0,0%,100%,.8)!important;
    background: linear-gradient(232deg, #6758a3, #53b5e5);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
  }
  .customer-orders-index #main-nav:not(.fixed-pinned) {
    /*color: #3d3d3d!important;*/
    background-color: hsla(0,0%,100%,.8)!important;
    background: linear-gradient(232deg, #6758a3, #53b5e5);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
  }
  .customer-notifications #main-nav:not(.fixed-pinned) {
    /*color: #3d3d3d!important;*/
    background-color: hsla(0,0%,100%,.8)!important;
    background: linear-gradient(232deg, #6758a3, #53b5e5);
    background-size: 400% 400%;
    -webkit-animation: AnimationName 5s ease infinite;
    -moz-animation: AnimationName 5s ease infinite;
    animation: AnimationName 5s ease infinite;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
  }
  .index #main-nav:not(.fixed-pinned) {
      padding-top: 0;
      padding-bottom: 0;
      background: #ffffff;
      color: #3d3d3d !important;
      background-color: hsla(0,0%,100%,.8) !important;
      box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
      font-weight: 700;
    }
    .product-single #main-nav:not(.fixed-pinned) {
      /*color: #3d3d3d!important;*/
      background-color: hsla(0,0%,100%,.8)!important;
      background: linear-gradient(232deg, #6758a3, #53b5e5);
      background-size: 400% 400%;
      -webkit-animation: AnimationName 5s ease infinite;
      -moz-animation: AnimationName 5s ease infinite;
      animation: AnimationName 5s ease infinite;
      box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
    }
    .cart #main-nav:not(.fixed-pinned) {
      background-color: hsla(0,0%,100%,.8)!important;
      background: linear-gradient(232deg, #6758a3, #53b5e5);
      background-size: 400% 400%;
      -webkit-animation: AnimationName 5s ease infinite;
      -moz-animation: AnimationName 5s ease infinite;
      animation: AnimationName 5s ease infinite;
      box-shadow: 0 2px 12px 0 rgba(0,0,0,.16);
    }
    .product-index .breadcrumbs {
      padding-top: 6.6rem;
    }
    .s-block--main-slider-1.is-fullscreen .swiper-slide, .s-block--main-slider-1.is-fullscreen salla-slider {
    height: auto;
    min-height: 500px;
    }
    .aspect-\[1313\/771\] {
      height: 22.0625rem !important;
      width: 60.0625rem !important;
    }
    
}
.s-block--features__item {
      align-items: center;
    }
.product-single #main-nav:not(.fixed-pinned) .default-logo {
    display: none!important;
}
.product-single #main-nav:not(.fixed-pinned) .transparent-logo {
    display: block!important;
}
.product-index #main-nav:not(.fixed-pinned) .mburger span {
    /*background-color: #3d3d3d!important;*/
}
.product-single #main-nav:not(.fixed-pinned) .mburger span {
    /*background-color: #3d3d3d!important;*/
}
@media (max-width: 400px) {
  .main-nav .navbar-brand img {
    height: auto!important;
    max-width: 80px!important;
    right: 15px;
    position: relative;
  }
}

.main-nav.fixed-pinned .quicklinks-item {
  font-weight: 500;
}
.bg-inherit {
    background: none;
}
.main-nav.fixed-header .inner {
    background-color: #401669;
    color: white;
}
.main-nav.fixed-pinned .mburger span {
    background-color: white !important;
}
.index #main-nav:not(.fixed-pinned) .mburger span {
    background-color: #3d3d3d!important;
}
.quicklinks-item:hover span:before {
    color: #4d5e99;
}
.store-overlay {
    background-color: rgb(0 0 0 / 30%);
}
.main-menu li.root-level>a {
    font-weight: 500 !important;
}
.aspect-\[801\/1036\] {
    aspect-ratio: 801/846;
}
.aspect-\[1155\/678\] {
    aspect-ratio: 1155/678;
    top: 200px;
    left: 0 !important;
}
.aspect-\[1313\/771\] {
    aspect-ratio: 1313/771;
    position: relative;
    width: 60.0625rem !important;
    height: 30.0625rem;
    right: -260px;
}
salla-slider.s-slider-v-centered .s-slider-block__title-nav button {
    background-color: #401669 !important;
}
salla-slider .swiper-horizontal>.swiper-scrollbar .swiper-scrollbar-drag::before {
    background-color: #401669;
}
.s-button-primary {
    border-color: #401669;
    background-color: #401669;
    color: white;
}
.s-button-primary:hover {
    background-color: #655da3;
    border-color: #655da3;
}
@media (min-width: 1280px) {
  .product-index #main-nav:not(.fixed-pinned) {
      border-radius: 0.75rem;
  }
}
#storemenu-panel .side-panel__top {
    padding-bottom: 0;
}
.floating-contacts__trigger {
    background-color: #401669;
    height: 3rem;
    width: 3rem;
    font-size: 1.475rem;
    color: white;
}
.floating-contacts__trigger:hover {
    background-color: #5f6db3;
}
.storemenu-panel.side-panel--wide .main-menu>li>ul {
    width: fit-content;
}
#search-panel {
   width: 100%;
}
.main-nav.fixed-pinned .inner {
    box-shadow: 0 0 5px rgb(0 0 0 / 50%);
}
.slide--cat-entry.has-image.is-circle {
    border-radius: 3px;
}
#storemenu-panel .side-panel__top:after {
width: 0;
}
#storemenu-panel .side-panel__top {
    padding-bottom: 10px;
}
.header--mini .storemenu-panel .menu-close:after, .header--mini .storemenu-panel .menu-close:before {
    background-color: #ffffff !important;
}
.product-index #main-nav:not(.fixed-pinned) .default-logo img {
    height: 48px;
}
/*.product-index #main-nav:not(.fixed-pinned) .transparent-logo {
    display: block;
}*/

.storemenu-panel .back-btn {
  background-color: rgb(255 255 255 / 6%) !important;
}
.storemenu-panel .back-btn:hover {
  background-color: rgb(255 255 255 / 2%) !important;
}
@media (max-width: 768px) {
  .storemenu-panel .back-btn i {
      margin-top: 4px;
  }
  .storemenu-panel .back-btn {
    background-color: #5e70b5 !important;
  }
}
.store-footer-wrap .opacity-75 {
    display: none;
}
.pref-about-store {
    max-width: 360px;
    text-align: justify;
}
.slide--cat-entry span {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 0px 6px 0px;
}
@media (min-width: 1024px) {
.lg\:sticky {
    position: inherit;
}
}
@media (min-width: 1024px) {
  [dir=rtl] .rtl\:lg\:mr-8 {
          /*z-index: -1;*/
  }
  /*.product-index .breadcrumbs {
      padding-top: 8rem;
  }*/
  salla-user-menu .s-user-menu-dropdown {
      color: #3d3d3d;
  }
}
@media (max-width: 990px) {
  .index .s-block__title .right-side {
    max-width: calc(100% - 0px);
  }
  .customer-orders-index .store-header {
    position: relative;
  }
  .s-block--main-slider-1 .content-is-center .more-link {
    background-color: rgb(255 255 255 / 70%);
    color: black;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 3px;
  }
  .scroll-down {
   display: none;
  }
  .slide-content .text-center {
      top: 25px;
  }
  .header--mini .right-side {
    max-width: max-content;
  }
  #products-slider-5-slider .more-link--arrowed {
    background-color: rgb(180 169 87 / 81%);
    color: #202020;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
    gap: 0;
  }
  #products-slider-6-slider .more-link--arrowed {
    background-color: rgb(117 144 197 / 81%);
    color: #202020;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
    gap: 0;
  }
  #products-slider-7-slider .more-link--arrowed {
    background-color: rgb(195 105 81 / 81%);
    color: #202020;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
    gap: 0;
  }
  .s-block--features__item .text-5xl {
    font-size: 1.7rem;
  }
  .s-block--features__item .text-gray-800 {
    font-size: 0.8rem;
    margin-bottom: 0;
  }
  .s-block--features__item .opacity-70 {
    font-size: 0.8rem;
  }
  .s-block--features__item {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    padding-top: 0.9rem;
    padding-bottom: 0.6rem;
    align-items: center;
  }
  #app .s-block--featrues-products div.s-products-list-vertical-cards .product-entry:nth-child(n) {
    padding: 0;
  }
  .content-wrap {
    padding: 0.625rem;
  }
  .product-entry--vertical {
    padding: 0;
  }
  .floating-contacts__item i {
    height: 80%;
    width: 80%;
    font-size: 1.3rem;
  }
  .floating-contacts ul {
    left: -10px;
    bottom: 4rem;
  }
  [dir=rtl] .floating-contacts__item:hover .tooltip {
    --tw-translate-x: -55px;
    --tw-translate-y: -66%;
  }
  .side-panel--product-details ul>li {
    list-style: inside;
  }
  .side-panel--product-details ul>li::marker {
     content: '• ';
    font-size: 1.4em;
  }
  .s-block--content-with-image .mt-10 {
    margin-top: 1.5rem;
  }
  .s-block--content-with-images .mt-10 {
    margin-top: 1.5rem;
  }
  .s-block--content-with-image .py-24 {
      padding-top: 0;
  }
}
.floating-contacts {
    z-index: 9;
}
.index .app-inner .border-gray-100 {
    flex-direction: row;
}
.header--mini .fixed-pinned .main-nav__content {
    padding-right: 15px;
    padding-left: 15px;
}
/*.header--transparent .main-nav__content {
    padding-left: 0;
    padding-right: 0;
}*/
.navbar-brand img {
    height: 48px;
}
.customer-orders-index .store-header {
    position: relative !important;
  }
  salla-user-menu .s-user-menu-dropdown-item a svg {
    fill: #9ca3af !important;
    opacity: 1!important;
}
.s-user-menu-dropdown-item-logout {
    color: #ff443a!important;
}
.swiper-lazy.swiper-lazy-loaded {
    transform: none !important;
}
#products-slider-5-slider .more-link--arrowed {
    background-color: rgb(129 102 158 / 81%);
    color: black;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
  }
  #products-slider-6-slider .more-link--arrowed {
    background-color: rgb(236 77 76 / 81%);
    color: #202020;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
  }
  #products-slider-4-slider .more-link--arrowed {
    background-color: rgb(137 152 101 / 81%);
    color: #202020;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 3px;
  }
  @media (max-width: 1024px) {
  #app div.s-products-list-vertical-cards .product-entry {
      padding: 0;
  }
}
salla-slider .swiper-pagination-bullet-active {
    background-color: #401669;
    border-color: #401669;
}
.product-entry__image {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.image--aspect-ratio img, .image--aspect-ratio .img {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
/*[dir=rtl] .rtl\:space-x-reverse>:not([hidden])~:not([hidden]) {
    color: red;
}*/
.discount-amount {
    color: red !important;
}
.regular-price {
    opacity: .7;
    color: red;
}
@media (min-width: 640px) {
  #app .s-block--featrues-products div.s-products-list-vertical-cards .product-entry {
      padding: 0;
  }
  #app .s-block--featrues-products div.s-products-list-vertical-cards .product-entry .content-wrap {
    padding-right: 1rem;
    padding-left: 1rem;
    padding-bottom: 1rem;
  }
}
#storemenu-panel .side-panel__bottom:before {
  background: none;
}
.brands-single img.lazy.loaded {
            box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  }
    .blog-index .post-entry__image img {
    width: auto;
  }
  #coupon_form_submit, #submit-form-btn {
    color: #ffffff !important;
}
[dir=rtl] .s-user-menu-dropdown-item-badge {
    right: 15.625rem !important;
}
.product-single .brand-logo {
    opacity: .03;
}
/*.product-single .swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: 400px;
}*/
.product-single .s-slider-container .object-contain {
  height: 390px;
}
salla-slider.details-slider .swiper-slide {
  background-color: #ffffff;
}
.product-single .product-metadata__item-mini {
   display: none;
}

@media (min-width: 1024px) {
  .product-single .lg\:w-7\/12 {
      width: 58.333333% !important;
  }
}
.product-single .breadcrumbs {
  margin-bottom: 1.5rem;
}
.container--product-single {
  margin-top: 0;
}

@media (min-width: 768px) {
    .mainmenu--sidepanel .storemenu-panel .main-menu li.root-level>a {
        width: auto;
    }
}