/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/* 
       جميع التعديلات الخاصة بتنسيق المتجر  تمت اضافتها من قبل المهندس
                              محمد شيخ موسى 
        mobile : +963992318670
        email :  mohammad.al.laith.mousa@gmail.com
*/
/************************************************************************************/
/************************************************************************************/
/************************لا أحلل أخذ أي جزء من الكود *******************************/
/************************************************************************************/
/************************************************************************************/
*,
::after,
::before {
  box-sizing: border-box;
}
body#app {
  background: #232323 !important;
}
@keyframes logobg {
  0% {
    transform: rotate(0) scale(1);
  }
  20% {
    transform: rotate(0) scale(1);
  }
  78% {
    transform: rotate(0) scale(1);
  }
  100% {
    transform: rotate(0) scale(0);
  }
}
body#app::before {
  content: "";
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 999999999999999999999 !important;
  transform: scale(0);
  animation-name: logobg;
  animation-duration: 1.5s;
  background: url(https://cdn.salla.sa/gZZoNV/lz7ZNDdeFkbmro3S1maN1DijyioL305h1hxNHYo9.png),
    linear-gradient(to right bottom, #000, #333, #000);
  background-size: 170px, 100%;
  background-repeat: no-repeat;
  background-position: center !important;
}
@media screen and (min-width: 992px) {
  body#app {
    background-size: 130px, 100% !important;
  }
}
*,
:root {
  scrollbar-color: #e4af3c #000;
  scrollbar-width: thin;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  transition: 0.2s all ease;
}
::-webkit-scrollbar-track {
  background-color: #000;
}
::-webkit-scrollbar-thumb {
  height: 35px;
  background-color: #e4af3c;
  border-radius: 5px;
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #ffd562;
  border: 1px solid #e4af3c;
}
@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.navbar-brand img {
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transform-origin: 0 100%;
  animation-name: hvr-wobble-top;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
input.s-search-input {
  background: #111;
  color: #fff !important;
}
.swiper-wrapper.s-slider-swiper-wrapper * {
  border-radius: 0 !important;
}
[dir="rtl"] .carousel-slider .swiper,
[dir="rtl"] salla-slider[type]:not(.hydrated) .swiper > div > div,
[dir="rtl"] salla-slider[type]:not(.hydrated) > div {
  padding-left: 0 !important;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  transform: translateY(50px);
}
section.s-block.s-block--banners {
  margin-bottom: 10px;
}
.banner-entry {
  min-height: 225px !important;
}
@media screen and (min-width: 640px) {
  .banner-entry {
    min-height: 385px !important;
  }
}
@media screen and (min-width: 992px) {
  .banner-entry {
    min-height: 500px !important;
  }
}
@media screen and (min-width: 1200px) {
  .banner-entry {
    min-height: 600px !important;
  }
}
.grid.grid-cols-2.md\:grid-cols-4.gap-2\.5.md\:gap-4.lg\:gap-5.has-2-photos {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.s-block.s-block--testimonials.s-block--full-bg
  .s-slider-block__title
  .s-slider-block__title-right,
[dir="rtl"] .s-block__title .right-side {
  padding: 5px 20px 11px !important;
  border-radius: 10px;
  border-bottom: 6px solid #e4af3c;
}
.s-block.s-block--testimonials.s-block--full-bg
  .s-slider-block__title
  .s-slider-block__title-right {
  margin: auto;
}
.s-block.s-block--testimonials.s-block--full-bg
  .s-slider-block__title
  .s-slider-block__title-right,
.s-block__title {
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
}

.s-block.s-block--testimonials.s-block--full-bg
  .s-slider-block__title
  .s-slider-block__title-right
  h2,
.s-block__title h2,
.s-slider-block__title h2 {
  font-weight: 100 !important;
  color: #fff !important;
  text-shadow: 0.5px 0.5px 0.2px #ffd562 !important;
  font-size: 18px !important;
  padding: 0px 10px;
}
@media screen and (min-width: 992px) {
  .s-block__title h2,
  .s-slider-block__title h2 {
    font-size: 25px !important;
  }
}
.banner-entry {
  transform: scale(0.9);
  box-shadow: 1.51px 1.51px 2.51px #e4af3c, -1.51px -1.51px 2.51px #e4af3c,
    -1.51px 1.51px 2.51px #e4af3c, 1.51px -1.51px 2.51px #e4af3c !important;
  border-radius: 3px 36px;
  transition: 0.3s all linear;
}
.banner-entry:hover {
  transform: scale(0.85);
  border-radius: 36px 3px;
}
.s-block--features__item h4 {
  color: #fff !important;
}
.s-block--features__item i:before {
  animation-name: hvr-wobble-top;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
  display: inline-block;
  vertical-align: middle;
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  transform-origin: 0 100%;
  animation-iteration-count: infinite;
}
.s-block.s-block--testimonials.s-block--full-bg,
.content.content--single-page.w-full {
  background: #111;
  color: #fff !important;
}
.page-single .content-entry {
  text-align: center !important;
}
.page-single .content-entry iframe {
  margin: auto !important;
}
.footer-is-dark .store-footer h3 {
  padding: 5px 50px 11px !important;
  border-radius: 10px;
  border-bottom: 6px solid #e4af3c;
  text-align: center !important;
  width: 100%;
  margin-top: 10px;
}
.main-content h1 {
  color: #fff !important;
}
.product-card.product-entry,
.s-product-card-entry.s-product-card-vertical {
  border-radius: 6px 37px !important;
  overflow: hidden;
  border-bottom: 7px solid #e4af3c;
  box-shadow: 1.51px 1.51px 2.51px #e4af3c, -1.51px -1.51px 2.51px #e4af3c,
    -1.51px 1.51px 2.51px #e4af3c, 1.51px -1.51px 2.51px #e4af3c !important;
  color: #fff;
  background: #111;
  margin: 20px 0;
  transform: scale(0.9) !important;
}
.product-card.product-entry a,
.product-entry__content *,
.s-product-card-content-main .s-product-card-content-title a {
  color: #fff !important;
  letter-spacing: 1px;
}
.s-button-primary-outline,
.s-button-primary-outline.s-button-loader-center {
  border-radius: 4px 20px !important;
  color: #e4af3c !important;
  border: 1px solid #e4af3c !important;
}
.s-button-primary-outline.s-button-loader-center:hover,
.s-button-primary-outline:hover {
  background-color: #e4af3c !important;
  color: #000 !important;
  border: 1px solid #e4af3c !important;
}
.content-wrap.donating-wrap {
  padding: 0 6px;
}
button.btn--wishlist.animated.hidden.sm\:flex.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center {
  border-radius: 50% !important;
}
h4.total-price.font-bold.text-xl {
  color: #fff;
  letter-spacing: 2px;
}

.border.bg-white.rounded.relative.p-5.pt-10.h-full.flex.flex-col.items-start.transition-all.duration-300.hover\:-translate-y-1 {
  background: #333;
}

.border.bg-white.rounded.relative.p-5.pt-10.h-full.flex.flex-col.items-start.transition-all.duration-300.hover\:-translate-y-1
  * {
  color: white !important;
}


.s-product-card-price {
  color: white !important;
  text-shadow: 1px 1px 20px #e4af3c;
}
h3.s-comments-item-user-info-name,
h2.s-comments-title,
span.text.fix-align.transition.group-hover\:text-primary,
.flex.text-sm.leading-none {
    color: white;
}


.s-reviews-summary-header-section.s-reviews-summary-recommendation-only * {
    color: #db4545 !important;
    text-shadow: 2px 2px 2px #000 !important;
}