@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
body {
  background-color: #fff5f5 !important;
  font-family: "Rubik", sans-serif;
}

@keyframes logobg {
  0% {
    transform: scale(1);
  }

  75% {
    transform: scale(1);
  }

  100% {
    transform: scale(0);
  }
}

body:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #ffffff82
    url(https://i.ibb.co/cS7k55X6/Screenshot-2025-08-16-221411-removebg-preview.png);
  position: fixed;
  z-index: 99999999999999999 !important;
  transform: scale(0);
  background-size: 35rem !important;
  background-repeat: no-repeat;
  background-position: center !important;
  animation-name: logobg;
  animation-duration: 1.7s;
  backdrop-filter: blur(4px);
}
body {
  background: white;
}
.s-block--categories div.swiper-slide > a > img {
  width: 7rem;
  height: 7rem;
  object-fit: contain;
  border-radius: 0 !important;
}
salla-slider.photos-slider .swiper-slide {
  width: 100% !important;
}
salla-slider.photos-slider .swiper {
  padding: 1rem !important;
}
.s-product-card-image img.loaded {
  background: white !important;
}

.copyright-text p,
.main-menu li.root-level > a,
#mainnav > div > div > div > div.flex.items-center.justify-end * {
  color: white !important;
}

[dir="rtl"] .s-slider-block__title h2 {
  font-size: 2rem;
}

.s-product-card-entry {
  border-image: linear-gradient(
      transparent,
      transparent,
      #c51f3f,
      #9d1530,
      #83031d
    )
    27;
  border-style: solid;
  border-width: 3px;
  /* border-radius: 20px;
  border: 1px solid #627989; */
}

.s-product-card-entry:hover {
  transition: all 0.5s ease-in-out;
  transform: scale(1.05);
}

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

form
  > section.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none
  > salla-add-product-button
  > div
  > salla-button
  > button,
div.app-inner.flex.flex-col.min-h-full > div > div > div > div > a,
div.main-content.w-full.md\:w-2\/4.md\:pb-16
  > form
  > section
  > salla-add-product-button
  > salla-button
  > button,
.s-button-primary-outline {
  color: white !important;
  border-color: #c51f3f;
  background: linear-gradient(180deg, #ff5979 0%, #b61838 100%) !important ;
}
form
  > section.sticky-product-bar.bg-white.p-5.rounded-md.rounded-b-none
  > salla-add-product-button
  > div
  > salla-button
  > button:hover,
div.app-inner.flex.flex-col.min-h-full > div > div > div > div > a:hover,
div.main-content.w-full.md\:w-2\/4.md\:pb-16
  > form
  > section
  > salla-add-product-button
  > salla-button
  > button:hover,
.s-button-primary-outline:hover {
  background: linear-gradient(0deg, #ff5979 0%, #b61838 100%) !important;
  color: white;
  opacity: 1;
}

.s-product-card-content-sub {
  justify-content: center;
}

.s-product-card-content-title a {
  color: #c51f3f;
  /* font-size: 1rem; */
}

div.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16
  > div.flex.whitespace-nowrap.gap-4.items-center
  > div.gap-4.flex
  > h2,
.s-product-card-price {
  color: #c51f3f !important;
  font-size: 1.3rem;
}

.s-product-card-content {
  text-align: center;
}

.s-reviews-header,
.s-block__title h2,
div.main-content.md\:sticky.md\:overflow-hidden.top-24.w-full.md\:w-2\/4.md\:pb-16
  > h1,
[dir="rtl"] .s-slider-block__title h2 {
  text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #1a0005 0%,
    #800a22 29%,
    #c51f3f 67%,
    #2c0009 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 4s linear infinite;
  display: inline-block;
  font-weight: 500;
  line-height: 2;
}

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

.slide--cat-entry i::before,
.s-block--features__item .feature-icon i::before {
  content: "";
}

.s-block--features__item .feature-icon {
  height: 6rem;
  width: 6rem;
}

@keyframes up-down {
  0%,
  100% {
    top: 0;
  }

  50% {
    top: 0.5rem;
  }
}

salla-slider.photos-slider .swiper {
  padding: 0 !important;
}
.banner img {
  position: relative;
  animation: up-down 8s ease infinite;
}
.s-slider-nav-arrow,
/* .store-footer, */
.store-footer__inner,
.main-nav-container.fixed-header .inner,
.main-nav-container {
  background: linear-gradient(90deg, #e0274c 0%, #b61838 100%) !important;
}

.s-block--categories .swiper-wrapper {
  justify-content: space-evenly;
}

.s-block--features__item .feature-icon {
  background-color: #c51f3f;
}
/* .topnav-is-dark .top-navbar {
  background-color: #c51f3f;
} */

.s-block--categories .slide--cat-entry {
  border-radius: 20px;
}

.sicon-menu:before {
  color: rgb(239, 239, 239) !important;
}
.navbar-brand img {
  transform: scale(1.4) translatex(-0.7rem);
}

@media screen and (max-width: 667px) {
  footer {
    text-align: center;
  }

  footer div.flex.rtl\:space-x-reverse.space-x-2.items-end,
  .s-social-list,
  .store-footer a {
    justify-content: center;
  }
  .s-products-slider-card {
    max-width: 200px;
  }

  .s-block--categories .swiper-wrapper {
    justify-content: start;
  }

  body:before {
    background-size: 18rem !important;
  }

  .navbar-brand img {
    transform: scale(1.3) translatex(-0.7rem);
  }
}
@media screen and (min-width: 920px) {
  .s-products-slider-card {
    width: 20%;
  }
  .main-menu {
    justify-content: center;
  }
}

.swiper-wrapper {
  padding: 1rem 0 !important;
}
.s-button-primary-outline:hover {
  transition: all 0.5s ease-in-out;
  color: #c51f3f !important;
  background: white !important;
  border-radius: 5px;
  border: 1px solid #c51f3f !important;
}

.s-slider-nav-arrow * {
  color: white !important;
  fill: white !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--photos-slider{
margin-top:0 !important
}