/* Add custom CSS styles below */ 

















/* body */
body{
  background-color: #E4E4E4 !important;
}



/* style header */
.top-navbar {
background-color: #8F181B;
}
/* menu hover animation */
ul.main-menu li a {
  display: inline-block;
  transition: transform 0.3s ease;
}

ul.main-menu li a:hover {
  transform: translateY(-3px);
}

/* style hero section */

section.s-block--photos-slider:first-of-type .s-slider-block__title-nav,
section.s-block--photos-slider:first-of-type .s-slider-block__title-nav * {
  display: none !important;
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  display: none !important;
}

/* slider container */
.s-block--photos-slider .s-slider-container.swiper {
  width: 100% !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* wrapper */
.s-block--photos-slider .s-slider-swiper-wrapper {
  display: flex !important;
}

/* each slide takes full width */
.s-block--photos-slider .s-slider-swiper-wrapper > .swiper-slide {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* link fills slide */
.s-block--photos-slider .s-slider-swiper-wrapper > .swiper-slide > a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

/* style vedio in slider */
.custom-slider-video {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  pointer-events: none !important;
  z-index: 2 !important;
}
.s-block--photos-slider .s-slider-swiper-wrapper > .swiper-slide:first-child img {
  visibility: hidden !important;
}




/* الشريط الإعلاني */
.custom-announcement-bar {
  width: 100%;
  overflow: hidden;
  background: linear-gradient(90deg, #8F181B 0%, #BA1F25 100%);
  padding: 10px 0;
  direction: ltr;
  position: relative;
  z-index: 5;
}

.custom-announcement-track {
  display: flex;
  width: max-content;
  animation: announcement-scroll 22s linear infinite;
}

.custom-announcement-content {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.custom-announcement-content span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: "Tajawal", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  padding: 0 60px;
  white-space: nowrap;
  text-align: center;
}

/* الحركة */
@keyframes announcement-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* موبايل */
@media (max-width: 768px) {
  .custom-announcement-bar {
    padding: 8px 0;
  }

  .custom-announcement-content span {
    font-size: 14px;
    padding: 0 35px;
  }
}





/* adding padding between second section */

section.s-block.s-block--banners.container {
  position: relative;
  margin-top: 50px !important;
  padding-top: 100px !important;
  padding-bottom: 50px !important;
}

.custom-cats-title-wrap {
  position: absolute;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: max-content;
}

.custom-cats-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  direction: rtl;
}

.custom-cats-title-text {
  color: #111;
  font: 700 38px/1 "DIN Next LT Arabic", "Tajawal", sans-serif;
  white-space: nowrap;
}

.custom-cats-title-icon {
  width: 30px;
  height: auto;
  display: block;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  section.s-block.s-block--banners.container {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }

  .custom-cats-title-wrap {
    top: 8px;
  }

  .custom-cats-title {
    gap: 4px;
  }

  .custom-cats-title-text {
    font-size: 24px;
  }

  .custom-cats-title-icon {
    width: 16px;
  }
}







/* التصنيفات */
.hybrid-wrapper {
    padding-top: 20px;
}
#S_categories-3 {
  position: relative;
  padding-top: 70px !important;
}

#S_categories-3 .custom-hybrid-title-wrap {
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: max-content;
  }

#S_categories-3 .custom-hybrid-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
 
}

#S_categories-3 .custom-hybrid-title-text {
  color: #111;
  font-family: "DIN Next LT Arabic", "Tajawal", sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

#S_categories-3 .custom-hybrid-title-icon {
  width: 30px;
  height: auto;
  display: block;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  #S_categories-3 {
    padding-top: 50px !important;
  }

  #S_categories-3 .custom-hybrid-title-wrap {
    top: 8px;
  }

  #S_categories-3 .custom-hybrid-title {
    gap: 4px;
  }

  #S_categories-3 .custom-hybrid-title-text {
    font-size: 24px;
  }

  #S_categories-3 .custom-hybrid-title-icon {
    width: 16px;
  }
}
/* centered text */
.category-card__content {
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

.category-card__content-inner {
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
}

.category-card__title {
  width: 100% !important;
  text-align: center !important;
  margin: 0 auto !important;
}


/* add inline padding  */
#S_categories-3 {
  padding-inline: 50px !important;
}

@media (max-width: 768px) {
  #S_categories-3 {
    padding-inline: 0 !important;
  }
}



/* increase hight */

/* increase height for this section only */
#S_categories-3 .category-card {
  height: 520px !important;
}

#S_categories-3 .category-card__media {
  height: 520px !important;
  min-height: 520px !important;
  max-height: 520px !important;
}

#S_categories-3 .category-card__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}



section#S_products_slider-4 {
    padding-top: 0;
}
.flex.items-center.justify-between.gap-generalGap.flex-col.md\:flex-row-reverse {
    padding-top: 80px !important;
}



/* cat */
.banner--fixed img, .banner-entry {
       background-color:transparent;
}
.grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8 {
    gap: 0px !important;
}


a.banner-entry.square-photos img{
    object-fit: cover;
  border-radius: 23px !important;
}
a.banner-entry.square-photos {
    height: 420px;
    }
    .banner-entry {   
        padding: 8px !important;
    }
}



/* style products */
h3.text-xl.md\:text-3xl.font-semibold.text-white.drop-shadow-lg.mb-4 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  line-height: 1;
}

h3.text-xl.md\:text-3xl.font-semibold.text-white.drop-shadow-lg.mb-4::before,
h3.text-xl.md\:text-3xl.font-semibold.text-white.drop-shadow-lg.mb-4::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  flex-shrink: 0;
}

h3.text-xl.md\:text-3xl.font-semibold.text-white.drop-shadow-lg.mb-4::before {
  background-image: url("https://res.cloudinary.com/dieoptjji/image/upload/v1776505996/Asset_1_3_result_tmkxhd.webp");
}

h3.text-xl.md\:text-3xl.font-semibold.text-white.drop-shadow-lg.mb-4::after {
  background-image: url("https://res.cloudinary.com/dieoptjji/image/upload/v1776506003/Asset_1_4_result_o5x7l0.webp");
}
h3.text-xl.md\:text-3xl.font-semibold.text-white.drop-shadow-lg.mb-4 {
    color: #040404;
}



/* styl cards */
.s-product-card-content {
    background-color: #EAEAEA !important;
}

h3.s-product-card-content-title a{
    color: #040404 !important;
    font-size: 20px;
    font-weight: 400; 
}

h4.s-product-card-price {
    color: #AD1D22 !important;
    font-size: 20px !important;
    font-weight: 700;
}
.s-products-slider-card.swiper-slide {
    border-radius: 23px !important;
    overflow: hidden
}


custom-salla-product-card{
      border-radius: 23px !important;
    overflow: hidden
}





/* product card hover */
custom-salla-product-card,
.s-product-card-content,
.s-products-slider-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transform-origin: center;
}

custom-salla-product-card:hover,
.s-products-slider-card:hover {
  transform: scale(1.03);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
  position: relative;
  z-index: 3;
}







/* show arrow of slider */

.s-slider-block__title-nav {
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
}

.s-slider-block__title-nav button {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}




#S_categories-3 .categories-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2px;
}







/* making last banner width 100% */
section.s-block.s-block--fixed-banner.wide-placeholder:last-of-type>.container{
    max-width: 100% !important;
    padding: 0px;
    margin: 0px;
}




/* footer */
footer.store-footer {

   background-color: #E4E4E4 !important;
}

.store-footer{
        margin-top: 0px !important: 
    }


.flex.flex-col.items-center.justify-center.text-center.lg\:mt-\[-90px\].gap-4.store-data.order-\[-1\].lg\:order-none {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.flex.flex-col.items-center.justify-center.text-center.lg\:mt-\[-90px\].gap-4.store-data.order-\[-1\].lg\:order-none a {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
}

.flex.flex-col.items-center.justify-center.text-center.lg\:mt-\[-90px\].gap-4.store-data.order-\[-1\].lg\:order-none a img {
  width: 45% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
}



.store-footer .s-menu-footer-list {
    
    grid-template-columns: repeat(1,minmax(0,1fr)) !important;
}