/* =========================================
   AL EZZ SALLA SIMPLE FIX
   1. Remove spaces between sliders ONLY
   2. Remove top space above the second homepage block ONLY
========================================= */


/* -----------------------------------------
   1. REMOVE SPACE BETWEEN SLIDERS ONLY
   Does not touch products or categories
----------------------------------------- */

/* Direct slider after slider */
.s-slider-block + .s-slider-block {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* If Salla wraps each slider inside .s-block */
.s-block:has(.s-slider-block) + .s-block:has(.s-slider-block) {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Remove bottom space from first slider only when another slider comes after it */
.s-slider-block:has(+ .s-slider-block) {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* If wrapped in .s-block, remove bottom only when next block is also slider */
.s-block:has(.s-slider-block):has(+ .s-block:has(.s-slider-block)) {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Remove image inline gap inside slider */
.s-slider-block img {
  display: block !important;
}


/* -----------------------------------------
   2. REMOVE TOP SPACE ABOVE SECOND HOMEPAGE BLOCK ONLY
   Bottom spacing stays untouched
----------------------------------------- */

/* Most Salla homepage layouts */
main > .s-block:nth-of-type(2),
main > section:nth-of-type(2),
.home > .s-block:nth-of-type(2),
.home > section:nth-of-type(2),
.salla-page > .s-block:nth-of-type(2),
.salla-page > section:nth-of-type(2) {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* If homepage blocks are inside a container */
main .s-block:nth-of-type(2),
main section:nth-of-type(2) {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* =========================================
 /* =========================================
/* =========================================
   LOADING LOGO ORIGINAL SIZE
   Keep animation working
========================================= */

/* Center loading screen only */
[class*="load"],
[class*="Load"],
[class*="loader"],
[class*="Loader"],
[class*="preloader"],
[class*="Preloader"],
[id*="load"],
[id*="Load"],
[id*="loader"],
[id*="Loader"],
[id*="preloader"],
[id*="Preloader"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

/* Keep logo at uploaded image size without killing animation */
[class*="load"] img,
[class*="Load"] img,
[class*="loader"] img,
[class*="Loader"] img,
[class*="preloader"] img,
[class*="Preloader"] img,
[id*="load"] img,
[id*="Load"] img,
[id*="loader"] img,
[id*="Loader"] img,
[id*="preloader"] img,
[id*="Preloader"] img {
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: contain !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Do NOT override animation or transform */
[class*="load"] img,
[class*="Load"] img,
[class*="loader"] img,
[class*="Loader"] img,
[class*="preloader"] img,
[class*="Preloader"] img,
[id*="load"] img,
[id*="Load"] img,
[id*="loader"] img,
[id*="Loader"] img,
[id*="preloader"] img,
[id*="Preloader"] img {
  animation-duration: inherit;
  animation-name: inherit;
}