/* Main Banner */
.advanced-slider__caption__inner__content__button {
    background-color: transparent !important;
    border: 1px solid #fff; 
}
.advanced-slider h2,
.advanced-slider p {
    color: #fff;
}
@media (min-width: 1280px) {
    .advanced-slider .swiper {
        height: 130vh;
    }
}
@media (max-width: 1280px) and (min-width: 992px) {
    .advanced-slider .swiper {
        height: 120vh;
    }
}
@media (max-width: 992px) {
    .advanced-slider__caption__inner {
        justify-content: center;
    }
    .advanced-slider__caption__inner * {
        text-align: center !important;
    }
}

/* cats */
@media (min-width: 1280px) {
    .s-block--circle-links ul.xl\:grid-cols-6 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
}
section.s-block.s-block--fixed-banner.s-block--three-banners.wide-placeholder.three-banners .container > .flex {
    flex-wrap: wrap;
}
section.s-block.s-block--fixed-banner.s-block--three-banners.wide-placeholder.three-banners .banner--fixed {
    flex-basis: 49%;
}
section.s-block.s-block--fixed-banner.s-block--three-banners.wide-placeholder.three-banners .banner--fixed:first-child {
    flex-basis: 100%;
    height: 300px;
    overflow: unset;
    z-index: 1;
}

/* cats 2 */
section.s-block.s-block--fixed-banner.s-block--three-banners.wide-placeholder.three-banners .container > .flex {
    flex-wrap: wrap;
}
section.s-block.s-block--fixed-banner.s-block--three-banners.wide-placeholder.three-banners .banner--fixed {
    flex-basis: 49%;
}
section.s-block.s-block--fixed-banner.s-block--three-banners.wide-placeholder.three-banners .banner--fixed:first-child {
    flex-basis: 100%;
    height: 32vh;
    overflow: unset;
    z-index: 1;
}
@media (max-width: 1400px) {
    section.s-block.s-block--fixed-banner.s-block--three-banners.wide-placeholder.three-banners .banner--fixed:first-child {
        height: 28vh;
    }
}
@media (max-width: 1200px) {
    section.s-block.s-block--fixed-banner.s-block--three-banners.wide-placeholder.three-banners .banner--fixed:first-child {
        height: 25vh;
    }
}
@media (max-width: 1024px) {
    section.s-block.s-block--fixed-banner.s-block--three-banners.wide-placeholder.three-banners .banner--fixed:first-child {
        height: 22vh;
    }
}
@media (max-width: 992px) {
    section.s-block.s-block--fixed-banner.s-block--three-banners.wide-placeholder.three-banners .banner--fixed:first-child {
        height: 180px;
    }
    section.s-block.s-block--fixed-banner.s-block--three-banners.wide-placeholder.three-banners .banner--fixed {
        flex-basis: 48.9%;
    }
}
@media (max-width: 768px) {
    section.s-block.s-block--fixed-banner.s-block--three-banners.wide-placeholder.three-banners .banner--fixed:first-child {
        height: 150px;
    }
}
@media (max-width: 576px) {
    section.s-block.s-block--fixed-banner.s-block--three-banners.wide-placeholder.three-banners .banner--fixed:first-child {
        height: 80px;
    }
    section.s-block.s-block--fixed-banner.s-block--three-banners.wide-placeholder.three-banners .banner--fixed {
        flex-basis: 48.8%;
    }
}

/* cats slider */
@media (min-width: 768px) {
    .s-block--circle-links .s-slider-swiper-wrapper {
        justify-content: center;
    }
}

/* ===== Splash overlay – CSS ONLY for Salla ===== */

/* خلفية شفافة + تمويه تغطي الشاشة */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.35);                  /* شفافية */
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);                     /* تمويه الخلفية */
  z-index: 2147483647 !important;                 /* فوق كل شيء */
  pointer-events: auto;
  animation: splashHide 3s ease-in forwards;      /* اختفاء بعد 3 ثواني */
}

/* اللوقو في المنتصف + نبض */
body::after {
  content: "";
  position: fixed;
  left: 50%;
  top: 50%;
  width: clamp(180px, 35vw, 260px);               /* كبير وواضح بدون ما يصير ضخم */
  height: clamp(180px, 35vw, 260px);
  background-image: url("https://cdn.salla.sa/EZQmKg/MibMkShwjsEhBEZcsOD1DoPisARyqsanwz5GV5og.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2147483648 !important;
  pointer-events: auto;
  animation:
    logoPulse 1.2s infinite,
    splashHide 3s ease-in forwards;               /* يختفي مع الخلفية */
}

/* نبض اللوقو */
@keyframes logoPulse {
  0%   { transform: translate(-50%, -50%) scale(1); }
  50%  { transform: translate(-50%, -50%) scale(1.08); }
  100% { transform: translate(-50%, -50%) scale(1); }
}

/* إخفاء تدريجي بعد 3 ثواني + تعطيل التفاعل */
@keyframes splashHide {
  0%, 85% { opacity: 1; }
  100% {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}

/* تحسين ظهور الخلفية إذا المتصفح ما يدعم التمويه */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  body::before {
    background: rgba(0,0,0,0.55) !important;      /* نخليها أغمق شوي بدل التمويه */
  }
}