@keyframes logoColorShift {
  0% {
    filter: hue-rotate(0deg);
  }
  50% {
    filter: hue-rotate(20deg);
  }
  100%{
     filter: hue-rotate(0deg);
  }
}

a[href="https://salla.sa/koki1"] img {
  animation: logoColorShift 6s ease-in-out infinite;
}




/* قسم الروابط السريعة */

.main-links-style-2-heading-title.section-heading-title.border-primary.pl-2{
  margin-bottom:0px }
/* اخفاء الصور */
.main-links-style-2-slider-single-content-image {
  display: none;
}

/* السلايدر كله يبقى ارتفاعه طبيعي */
.main-links-style-2-slider {
  align-items: stretch;
}

/* كل قسم */
.main-links-style-2-slider-single {
  width: auto !important;
  margin-left: 12px !important;
}

/* شكل الكارت */
.main-links-style-2-slider-single-content {
  background: rgba(255, 255, 255, 0.08); /* شبه شفاف */
  border-radius: 12px;
  padding: 7px 12px;
  min-width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.1s ease;
  box-shadow: 0 0 12px 1px #00000010;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* العنوان */
.main-links-style-2-slider-single-content-title h4 {
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  color: inherit;
}

/* الهوفر */
.main-links-style-2-slider-single-content:hover {
  background: color-mix(
    in srgb,
    var(--color-primary) 12%,
    transparent
  );
  border-color: var(--color-primary);
  transform: translateY(-2px);
}

/* لون النص عند hover */
.main-links-style-2-slider-single-content:hover h4 {
  color: var(--color-primary);
}

/* إزالة أي ارتفاع زيادة */
.main-links-style-2-slider-single-content-title {
  margin: 0;
}




/* نفذت الكمية */
.product-block.is-out::after {
    pointer-events: none;
    content: '';
    display: block;
    position: absolute;
    top: -75px;
    left: 5%;
    width: 90%;
    height: 100%;
    background-image: url(https://res.cloudinary.com/dyl4kt2a5/image/upload/v1727276940/Frame_69_1_aoe5ov.avif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.7;
    z-index: 55;
}






/* Arrow wrapper */
.banners-slider-swiper-actions-next,
.banners-slider-swiper-actions-prev {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;

  background: rgba(0, 0, 0, 0.45) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;

  border: 1px solid rgba(255, 255, 255, 0.15) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: #ffffff !important;
  cursor: pointer !important;

  transition:
    background 0.25s ease !important,
    box-shadow 0.25s ease !important,
    transform 0.2s ease !important,
    opacity 0.2s ease !important;
}

/* SVG icon */
.banners-slider-swiper-actions-next svg,
.banners-slider-swiper-actions-prev svg {
  width: 20px !important;
  height: 20px !important;
  opacity: 0.9 !important;
  fill: currentColor !important;
}

/* Hover effect */
.banners-slider-swiper-actions-next:hover,
.banners-slider-swiper-actions-prev:hover {
  background: rgba(168, 85, 247, 0.25) !important;
  box-shadow: 0 0 18px rgba(168, 85, 247, 0.6) !important;
}

/* Disabled state */
.banners-slider-swiper-actions-next.swiper-button-disabled,
.banners-slider-swiper-actions-prev.swiper-button-disabled {
  opacity: 0.35 !important;
  pointer-events: none !important;
  box-shadow: none !important;
  background: rgba(0, 0, 0, 0.35) !important;
}

/* RTL safety */
html[dir="rtl"] .banners-slider-swiper-actions-next,
html[dir="rtl"] .banners-slider-swiper-actions-prev {
  direction: rtl !important;
}




/* Pagination container */
.banners-slider-swiper-actions-pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: fit-content !important;
}

/* Base bullet → thin bar */
.banners-slider-swiper-actions-pagination
.swiper-pagination-bullet {
  border: none;
  width: 28px !important;
  height:5px !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.25) !important;
  opacity: 1 !important;
  margin: 0 !important;
  transition:
    width 0.3s ease !important,
    background 0.3s ease !important,
    box-shadow 0.3s ease !important;
}
.custom-slider .swiper-pagination-bullet.swiper-pagination-bullet-active::before{
  display: none
}

/* Active bullet */
.banners-slider-swiper-actions-pagination
.swiper-pagination-bullet-active {
  width: 56px !important;
  background: linear-gradient(
    90deg,
    #7c3aed,
    #a855f7
  ) !important;

  box-shadow: 0 0 12px rgba(168, 85, 247, 0.6) !important;
}

/* Hover (optional but nice) */
.banners-slider-swiper-actions-pagination
.swiper-pagination-bullet:hover {
  background: rgba(168, 85, 247, 0.45) !important;
}


.txt-font.banners-builder-single-content-informations-description{
  max-width: 350px;
  opacity: 0.8
}

.product-card{
  padding: 0px!important
}

.product-card-content-meta, .product-card-actions{
  padding: 10px
}
.product-card-content-media {
    border-radius: 20px 20px 0 0;
}
.product-card-content-meta-pricing-current-discounted-meta{
  margin: 10px 0;
}
.s-slider-block__display-all{
  padding: 0 20px;
}
.product-block.is-out::after {
    pointer-events: none;
    content: '';
    display: block;
    position: absolute;
    top: -75px;
    left: 5%;
    width: 90%;
    height: 100%;
    background-image: url(https://res.cloudinary.com/dyl4kt2a5/image/upload/v1727276940/Frame_69_1_aoe5ov.avif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.7;
    z-index: 55;
}

.product-card:has(.product-card-actions-add-to-cart[disabled]) {
  position: relative;
}

.product-card:has(.product-card-actions-add-to-cart[disabled])::after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: -65px;
  left: 5%;
  width: 90%;
  height: 100%;
  background-image: url('https://res.cloudinary.com/dyl4kt2a5/image/upload/v1727276940/Frame_69_1_aoe5ov.avif');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.7;
  z-index: 5;
}
.dark h4,.dark p,.dark h3,.dark h2, .dark .s-contacts-icon, .dark .s-menu-footer-item,.dark .contact-slot,.dark .s-social-icon,.dark .unicode{
  color:white
}