/* Add custom CSS styles below */
/* Add custom CSS styles below */
@import url("https://fonts.googleapis.com/css2?family=Alexandria:wght@400;700&display=swap");
body {
  font-family: "Alexandria", "PingARLT";
  background-color: #fff;
}
/* ===== Header ===== */
.top-navbar {
  display: none;
}
.product-index .product-entry--cat .product-entry__image {
  padding: 0;
  height: 8rem !important;
  width: 6rem !important;
  border-radius: 10px !important;
}
.main-nav-container .header-search {
  display: none;
}
.s-cart-summary-content {
  display: none;
}
.header-btn__icon.icon {
  margin: 0;
}
header .main-nav-container {
  min-height: auto;
  height: auto !important;
  padding: 0;
}
header .main-nav-container .inner {
  padding: 8px 0;
  background: linear-gradient(90deg, #3e394f -22.38%, #282633 99.73%);
}
#mobile-menu .navbar-brand img {
  background: linear-gradient(90deg, #3e394f -22.38%, #282633 99.73%);
  border-radius: 8px;
}
/* header logo white */
.navbar-brand img {
  content: url("https://cdn.salla.sa/form-builder/ESuDLdBInk8Bs0KfPMtsGAttA80OGquQg6bM5U9r.png");
}
header .sicon-menu,
header .sicon-shopping-bag,
header .sicon-search,
header .sicon-user {
  font-size: 0;
}
#enhaced-banner-7 salla-button {
  margin-inline: auto;
}
#enhaced-banner-7 .block-inner .cotent {
  gap: 1.5rem;
  gap: 0;
}
.s-block--enhaced-fixed-products .product-entry {
  border: none;
}
.s-block--enhaced-fixed-products .s-products-list-wrapper {
  margin-bottom: 0;
}
#enhaced-banner-7 salla-button button {
  color: #7a3ce1;
  border: 2px solid transparent;
  border-radius: 10px;
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #773bdf, #37b982) border-box;
  width: 100%;
  height: auto !important;
  padding: 1rem;
  padding: 5px 20px !important;
  font-size: 0.875rem !important;
}
.s-cart-summary-count {
  color: #fff;
}
.header-info {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
header .sicon-menu:after {
  content: "";
  background: url(https://media.zid.store/cdn-cgi/image/w=2220,q=100,f=auto/https://media.zid.store/122d7179-64fe-44e8-9431-f091055bb083/e33a5d13-77b4-4d2f-8313-8b3f9fad922f.svg)
    no-repeat center / cover;
  width: 25px;
  height: 25px;
  display: block;
}
header salla-cart-summary {
  margin-right: 0 !important;
}
body.ltr header salla-cart-summary {
  margin-left: 0 !important;
}
header .sicon-shopping-bag:after {
  content: "";
  background: url(https://media.zid.store/cdn-cgi/image/w=2220,q=100,f=auto/https://media.zid.store/122d7179-64fe-44e8-9431-f091055bb083/c76dc1b7-855c-4049-a615-46532a55cb28.svg)
    no-repeat center / cover;
  width: 25px;
  height: 25px;
  display: block;
}

body.ltr .s-cart-summary-count {
  left: -10px;
}

header .sicon-search:after {
  content: "";
  background: url(https://media.zid.store/a787bb08-6922-43b1-80db-4221161c7f8c/e6218b1c-3c1e-4227-9b80-c818529c0595.svg)
    no-repeat center / cover;
  width: 26px;
  height: 26px;
  display: block;
}

header .sicon-user:after {
  content: "";
  background: url(https://media.zid.store/cdn-cgi/image/w=2220,q=100,f=auto/https://media.zid.store/122d7179-64fe-44e8-9431-f091055bb083/d40110bc-2b25-41be-b5f6-4a01d70f7ea2.svg)
    no-repeat center / cover;
  width: 25px;
  height: 25px;
  display: block;
}

header .sicon-user,
.header-btn__icon.icon {
  background: transparent;
  border: none;
}

body.rtl button.ml-3.md\:ml-4.rtl\:ml-\[unset\].rtl\:mr-3.rtl\:md\:mr-4 {
  margin-left: 10px;
}
body.ltr button.ml-3.md\:ml-4.rtl\:ml-\[unset\].rtl\:mr-3.rtl\:md\:mr-4 {
  margin-right: 10px;
}

/* ===== Header ===== */

/* ===== About ===== */
.s-block--about p {
  display: none !important;
}
.s-block--about a {
  order: -1;
  width: fit-content;
  margin-top: 0.5rem;
  border-radius: 12px !important;
  padding: 0.7rem 1.5rem !important;
}
.s-block--about {
  padding: 0;
}
.s-block--about h2 {
  margin: 0;
  font-size: 1.4rem;
}
.s-block--about h3 {
  opacity: 1;
  font-size: 1rem;
  text-align: center;
  color: #000;
}
.s-block--about div.w-full {
  display: flex;
  flex-direction: column-reverse;
}
/* ===== About ===== */

/* ===== Heading ===== */

.enhanced-title-border {
  display: none;
}
.s-block--square-links ul {
  display: none;
}
.s-block--square-links h2 {
  font-size: 1.4rem;
}
.s-block--square-links p {
  color: #000;
  font-size: 1.125rem !important;
}
/* ===== Heading ===== */

/* ===== Tabs ===== */

.s-block--tabs-produtcs .tabs {
  justify-content: center;
  border: none;
  gap: 1rem;
}
.s-block--tabs-produtcs .tab-trigger button {
  padding: 0;
  font-size: 1rem;
  border-bottom: 2px solid;
  opacity: 0.6;
  font-weight: 600;
}
.s-block--tabs-produtcs .tab-trigger.is-active button {
  opacity: 1;
}
/* ===== Tabs ===== */

/* ===== Product Card ===== */
body.products-has-border .product-card {
  border: none;
}
.product-card__title a {
  font-size: 0.9rem !important;
}
.product-card__mini-cart salla-button .s-button-btn {
  background: #000;
  color: #fff;
  padding: 10px 0 !important;
  border-radius: 14px;
}
salla-products-list .product-card__mini-cart salla-button .s-button-btn {
  margin-inline: auto;
  max-width: 75%;
}
.product-card__mini-cart salla-button .s-button-btn .sicon-shopping:before {
  content: "";
  background: url(https://media.zid.store/a787bb08-6922-43b1-80db-4221161c7f8c/aea7c087-f5cd-4a0c-a82a-9aed3d757c44.svg)
    no-repeat center / cover;
  width: 18px;
  height: 18px;
  display: block;
}
/* ===== Product Card ===== */

/* ===== Banners ===== */
.s-block--fixed-banner:first-of-type .container {
  padding-inline: 1rem;
}
.s-block--fixed-banner .banner--fixed img,
.s-block--about img {
  border-radius: 25px;
}
.s-block--fixed-banner:last-of-type .container {
  padding: 0;
}
.s-block--fixed-banner:last-of-type img {
  border-radius: 25px 25px 0 0;
}

salla-slider .swiper-pagination-bullet-active {
  background-color: #2e2b3a !important;
}
.breadcrumbs a.text-primary {
  color: #9e9e9e !important;
}
/* ===== Banners ===== */

/* ===== Cards Slider ===== */
.s-block--cards-slider .swiper-slide {
  background-color: transparent;
}
.s-block--cards-slider .absolute.bg-center.bg-cover.inset-0.rounded-lg {
  background-size: contain;
  background-repeat: no-repeat;
}
.swiper-slide-shadow-left,
.swiper-slide-shadow-right {
  display: none;
}
.s-block--enhaced-fixed-products
  .s-products-list-wrapper.s-products-list-vertical-cards {
  grid-template-columns: repeat(3, 1fr);
}
.s-block--enhaced-fixed-products .btn--main,
.product-entry__image::before {
  display: none;
}
.s-block--enhaced-fixed-products .product-entry__image {
  background-color: transparent;
  min-height: auto;
}
.s-block--enhaced-fixed-products .product-entry__title {
  display: none;
}
.cards-thumbs-slider {
  padding: 0;
}
.product-entry__image .card-shape {
  display: none;
}
.s-block--enhanced-banner .block-inner {
  background-color: transparent !important;
  text-align: center;
  height: auto;
}
.s-block--enhanced-banner .block-inner .cotent {
  gap: 1.5rem;
}
.s-block--enhanced-banner .inner-container {
  padding: 0;
  height: auto;
  justify-content: center;
}
.s-block__title {
  justify-content: center;
}
.s-block--enhanced-banner button {
  background: linear-gradient(83deg, #7839e0 -2.19%, #32c47b 106.45%);
  color: #fff;
  border: none;
  font-size: 1rem !important;
}
.s-block--questions .accordion-container {
  border: none;
}
.s-block--questions .btn--accordion {
  border-radius: 6px;
  /* border-right: 1px solid #fff; */
  background: linear-gradient(90deg, #b690ff 0%, #7839e0 100%);
  padding: 15px;
  font-size: 1rem;
}
.s-block--questions .is-opened .btn--accordion {
  border-radius: 6px 6px 0 0;
}
.s-block--questions .grid h2 {
  font-size: 1rem;
  color: #fff;
}
.s-slider-block__title-right,
.s-slider-block__title-right h2 {
  padding: 0;
}
.s-block--testimonials .s-slider-block__title {
  justify-content: center;
}
.s-block__title h2,
.s-slider-block__title h2 {
  color: #3e394f;
  text-align: center;
}
.s-block--enhaced-fixed-products .s-block__title p {
  padding: 10px 0 0 0;
}
.s-block--questions .s-block__title h2 {
  font-size: 1.45rem;
  padding-bottom: 1rem;
}
.s-block--enhanced-banner .sicon-arrow-up-left {
  display: none;
}
.s-block--enhaced-fixed-products
  .product-entry:not(.product-entry--coupon):hover {
  border-color: transparent !important;
}
.s-block--cards-slider,
.s-block--enhanced-banner {
  margin: 0 auto;
  width: 100%;
}

.s-block--enhanced-banner p {
  font-weight: 600;
  max-width: 100%;
}
.s-fast-checkout-button.outline {
  border-color: #7839e0 !important;
  color: #7839e0 !important;
}
.product-single
  section.flex.bg-white.dark\:bg-darker.p-5.sm\:pb-0.rounded-md.rounded-b-none
  .center-between {
  flex-direction: row-reverse;
  color: #7839e0;
}
salla-slider.details-slider .swiper-slide,
salla-slider.details-slider .swiper-slide img {
  background-color: transparent;
  box-shadow: none;
}
salla-slider.details-slider .s-slider-container {
  background-color: transparent;
  border: none;
}
.s-block--enhaced-fixed-products .product-entry__image img {
  object-fit: contain;
}
.s-block--questions .s-block__title {
  justify-content: center;
  color: #3e394f;
}
.s-block--questions .question-icon {
  width: 2rem;
  height: 2rem;
}
.testimonials-slider .testimonial .avatar {
  display: none;
}
.testimonial {
  border: 2px solid transparent;
  border-radius: 10px;
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #773bdf, #37b982) border-box;
  width: 100%;
  height: auto !important;
  padding: 1rem;
}
.testimonials-slider .testimonial__inner {
  gap: 0;
  text-align: center;
}
.testimonials-slider .testimonial__text {
  background: transparent;
  text-align: center;
  flex: unset;
  align-items: center;
}
.testimonials-slider .flex.gap-3 {
  justify-content: center;
  width: 100%;
}
.testimonials-slider h4 {
  display: none;
}
/* ===== Cards Slider ===== */

/* ===== Grid Section ===== */
.s-block__title .right-side:where([dir="rtl"], [dir="rtl"] *) {
  padding-left: 0 !important;
}
.s-block--banners {
  margin-top: 3rem;
}
section.s-block.s-block--banners .s-block__title {
  justify-content: center;
}
section.s-block.s-block--banners .s-block__title h2 {
  font-size: 1.4rem;
  text-align: center;
}
section.s-block.s-block--banners .s-block__title h2:after {
  content: "تابعنا واستلهم إطلالتك القادمة!";
  display: block;
  padding-top: 5px;
  font-size: 1rem;
  font-weight: 500;
}
section.s-block.s-block--banners .grid {
  grid-template-columns: repeat(3, 1fr);
  max-width: 900px;
  margin: 0 auto;
  padding: 10px 15px 0;
}
section.s-block.s-block--banners .grid .banner-entry .lazy__bg {
  background-size: cover;
}
section.s-block.s-block--banners .grid .banner-entry {
  background-color: transparent;
  grid-column: span 1 / span 1;
  grid-row: span 2 / span 2;
  transition: all 0.3s ease;
  border-radius: 1rem;
}
section.s-block.s-block--banners .grid .banner-entry:hover {
  opacity: 0.6;
}
/* ===== End Grid Section ===== */

/* ===== Footer ===== */
footer {
  margin-top: 0 !important;
  background: linear-gradient(168deg, #282633 -2.22%, #353144 132.2%);
  color: #fff;
}
.store-footer__inner {
  background: linear-gradient(168deg, #282633 -2.22%, #353144 132.2%);
  color: #fff;
}
footer .navbar-brand h2 {
  font-size: 0;
  width: 100%;
}
footer .navbar-brand h2:after {
  content: "";
  background: url(https://cdn.salla.sa/form-builder/ESuDLdBInk8Bs0KfPMtsGAttA80OGquQg6bM5U9r.png)
    no-repeat center / contain;
  width: 9rem;
  height: 9rem;
  display: block;
  margin-inline: auto;
}
.store-footer h3 {
  border: none;
}
salla-button .btn--main {
  background: linear-gradient(90deg, #32c47b 0%, #7839e0 100%);
  color: #fff;
  border: none;
}
.product-entry__content .text-info a {
  font-size: 0.875rem;
  color: #3e394f;
}
.product-entry:not(.product-entry--coupon):hover {
  border-color: #32c47b;
}
/* ===== End Footer  ===== */
/* ====== Accordion ====== */
.accordion-section {
  margin: 2rem auto;
  padding: 10px 15px;
  max-width: 60rem;
}

.accordion {
  direction: rtl;
  padding-top: 10px;
}
.accordion-button {
  cursor: pointer;
  width: 100%;
  text-align: right;
  transition: background-color 0.3s, color 0.3s;
  color: #252122;
  font-size: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.3s ease-out;
}
body:lang(en) .accordion-button,
body:lang(en) .accordion-content p {
  direction: ltr;
}
.accordion-button {
  padding: 8px 15px 8px 0;
  background: #fff;
  margin-bottom: 10px;
  color: #12284b;
  border-bottom: 1px solid #12284b3b;
  font-weight: 600;
}

.accordion-button.active {
  opacity: 0.75;
}

.accordion-button .icon {
  font-size: 20px;
  margin-left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#btn-show-more {
  display: none;
}
.product-single h1.text-xl {
  font-size: 1.125rem;
  text-align: center;
}
.product-single .flex.whitespace-nowrap.gap-4.items-center {
  justify-content: center;
}
.product-single .s-rating-stars-wrapper {
  justify-content: center;
  width: 100%;
}
.accordion-content {
  background-color: #fff;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease-out;
  padding-left: 18px;
  padding-right: 18px;
}
.product-single .accordion-button {
  padding: 10px 15px;
  margin-bottom: 10px;
  border-bottom: 1px solid #eef1f4;
}

.accordion-button.active .icon {
  transform: rotate(180deg);
}
.accordion-content p {
  margin: 10px 0 18px;
}
.store-footer .accordion-button {
  padding: 10px 15px;
  margin-bottom: 10px;
  border-radius: 0;
  color: #fff;
  border-bottom: 1px solid #ffffff42;
}
.accordion-section h2 {
  font-size: 1.125rem;
  color: #3e394f;
  padding-bottom: 10px;
}
/*  product-single accordion */
.product-single .accordion-button {
  border-radius: 16px;
  background: linear-gradient(90deg, #b690ff 0%, #7839e0 100%);
  color: #fff;
  justify-content: center;
  padding: 8px 15px;
}
.product-single .accordion-section {
  margin-bottom: 1rem;
}
.product-single .accordion-button {
  font-weight: 500;
}
.pages-section {
  max-width: 600px;
  margin: auto;
  display: flex;
  flex-direction: column;
}

.page-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border: 2px solid transparent;
  border-radius: 10px;
  gap: 1rem;
  margin-bottom: 1rem;
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(90deg, #773bdf, #37b982) border-box;
}

.page-card .content {
  text-align: right;
}

.page-card h3 {
  margin: 0;
  font-weight: bold;
  color: #3e394f;
}

.page-card p {
  margin: 0;
  color: #4a4a5a;
  font-size: 0.9rem;
}
.product-entry:nth-child(odd):last-child {
  grid-column: auto;
}
.s-block--testimonials {
  padding-bottom: 2rem;
}
.product-index input[name="selected-cat"]:checked + span {
  background: linear-gradient(256deg, #b690ff -8.21%, #7839e0 111.64%);
  color: #fff;
  border: none;
}
.product-index .selected-cat-item > span {
  padding: 10px 20px;
  height: auto;
}
salla-add-product-button button {
  border-radius: 16px !important;
  background: linear-gradient(90deg, #32c47b 0%, #7839e0 100%) !important;
  border: none !important;
}
.product-single h1.text-xl {
  order: -1;
}
.product-single .product-form,
.product-single salla-rating-stars,
.product-single .flex.whitespace-nowrap.gap-4.items-center {
  order: -1;
}
.product-single .main-content {
  display: flex;
  flex-direction: column;
}
/* ====== End Accordion ====== */
/* ===== Media Queries ===== */
@media (max-width: 768px) {
  header li[id="425085223"] > a span:before {
    content: "";
    background: url(https://cdn.salla.sa/form-builder/zSa8X3IsbgWIw7EBKHQdKy0Qc7UADyOsJa9vp4Jp.png)
      no-repeat center / cover;
    width: 25px;
    height: 25px;
    display: block;
  }
  header li[id="1477798564"] > a span:before {
    content: "";
    background: url(https://cdn.salla.sa/form-builder/l3IJ96jGoRWphAfY23ivN8uXpNeYSYQXtPCrnano.png)
      no-repeat center / cover;
    width: 25px;
    height: 25px;
    display: block;
  }
  header li[id="1375524066"] > a span:before {
    content: "";
    background: url(https://cdn.salla.sa/form-builder/cTqtV2wxJYfLeCLWJiRAjO8iaJ1rq3TYOtyQAdgk.png)
      no-repeat center / cover;
    width: 25px;
    height: 25px;
    display: block;
  }
  header li[id="1756362871"] > a span:before {
    content: "";
    background: url(https://cdn.salla.sa/form-builder/kRC5PhNhCmpJQa5RvOasrKv24ao0yKLWWZDVJUWk.png)
      no-repeat center / cover;
    width: 25px;
    height: 25px;
    display: block;
  }
  header li[id="389536308"] > a span:before {
    content: "";
    background: url(https://cdn.salla.sa/form-builder/EOnPDegzLh1aLgqgJdj9I7VLDwlMM7SRAw7wNdwu.png)
      no-repeat center / cover;
    width: 25px;
    height: 25px;
    display: block;
  }
  header li[id="928566357"] > a span:before {
    content: "";
    background: url(https://cdn.salla.sa/form-builder/PpdZyB5HUwWwFgVZ2BczEzYcl5j6wauRh7EiK3ON.png)
      no-repeat center / cover;
    width: 25px;
    height: 25px;
    display: block;
  }
  header li[id="272717891"] > a span:before {
    content: "";
    background: url(https://cdn.salla.sa/form-builder/PgfGdPfOiLJg3Gqz2KPgqtyhN7zcr8llhg9ntV5X.png)
      no-repeat center / cover;
    width: 25px;
    height: 25px;
    display: block;
  }
  #mobile-menu .has-children > a span {
    display: flex;
    gap: 10px;
  }
  .product-index .cat-col img {
    max-height: unset;
  }
  footer salla-apps-icons {
    order: -1;
  }
  footer .lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 {
    order: -1;
  }
  .s-block--enhanced-banner p {
    font-size: 0.875rem;
  }
  .s-block__title h2,
  .s-slider-block__title h2 {
    font-size: 1.3rem;
  }
  footer .s-menu-footer-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  footer p.max-w-sm.leading-6.mb-6 {
    text-align: center;
  }
  footer .container div {
    text-align: center;
  }
  footer salla-apps-icons h3 {
    text-align: center;
  }
  footer .s-contacts-list {
    align-items: center;
  }
  footer .flex.space-x-2.items-end {
    justify-content: center;
  }
  footer .s-apps-icons-list {
    justify-content: center;
  }
  header .sicon-menu:after {
    width: 22px;
    height: 22px;
  }
  .navbar-brand img {
    max-height: 3rem;
  }
  .product-single__info {
    text-align: center;
  }

  .product-single__info .flex.whitespace-nowrap.gap-4.items-center {
    justify-content: center;
  }

  .product-card__price .total-price {
    font-size: 0.875rem !important;
  }

  footer ul.footer-list.store-links-items li a {
    font-size: 0.875rem;
  }

  header .sicon-search:after {
    width: 22px;
    height: 22px;
  }
  .s-block--about div.w-full {
    align-items: center;
  }
}
@media (min-width: 768px) {
  .main-nav-container .main-menu > li > a {
    color: #fff;
  }
}

/* أقسام التقسيط */
.s-block.s-block--categories {
  /* display: none !important; */
  margin: 2rem 0 !important;
}
.s-block.s-block--categories .s-block__title {
  margin-bottom: 2rem;
}
.s-block.s-block--categories .container {
  padding: 0 !important;
  max-width: 1920px !important;
}
.s-block.s-block--categories .overflow-hidden,
.s-block.s-block--categories .s-slider-container {
  overflow: visible !important;
}
.s-block.s-block--categories .swiper-slide {
  width: auto !important;
  margin: 0 1.5rem;
}
.s-block--categories .slide--cat-entry {
  border: none !important;
  background-color: transparent;
  padding: 0;
  height: auto !important;
  justify-content: center;
}
.s-block--categories .slide--cat-entry > div:not(.link-image) {
  display: none !important;
}
.s-block--categories .slide--cat-entry .link-image {
  height: auto;
  width: 100%;
  max-width: 17rem !important;
  overflow: visible !important;
  border-radius: 0;
  background-color: transparent !important;
}
/* slide move */
.s-block.s-block--categories .swiper-slide {
  animation: slide 30s linear infinite;
  display: inline-block;
  padding-left: 0px;
  padding-right: 0px;
  width: 28% !important;
  max-width: 20rem !important;
  /*       animation: none !important; */
}
.s-block.s-block--categories .swiper-wrapper {
  transform: none !important;
  justify-content: flex-start !important;
  display: flex !important;
}
@media (max-width: 1023px) {
  .s-block.s-block--categories {
    margin: 1rem 0 2rem !important;
  }
  .s-block.s-block--categories .swiper-slide {
    animation: slideTablet 30s linear infinite;
    width: 35% !important;
    margin: 0 1rem;
  }
}
@media (max-width: 560px) {
  .s-block.s-block--categories {
    margin: 1rem 0 2rem !important;
  }
  .s-block.s-block--categories .swiper-slide {
    animation: slideMobile 30s linear infinite;
    width: 35% !important;
    margin: 0 1rem;
  }
}
@keyframes slide {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(1726%);
  }
}
@keyframes slideTablet {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(1650%);
  }
}
@keyframes slideMobile {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(1885%);
  }
}