/* KLKBAT home — partner logos (centered marquee, monochrome, uniform size) */
.home-partners-strip {
  position: relative;
  z-index: 25;
  padding: 2.5rem 0 3rem;
  border-bottom: 1px solid var(--border);
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  min-height: 56px;
  direction: ltr;
}

.home-partners-center {
  width: min(100%, 960px);
  margin-inline: auto;
  overflow: hidden;
  padding: 0;
}

.home-partners-center.container {
  padding-left: max(1rem, env(safe-area-inset-left, 0px));
  padding-right: max(1rem, env(safe-area-inset-right, 0px));
}

.home-partners-marquee {
  width: 100%;
  overflow: hidden;
  min-height: 40px;
  margin-inline: auto;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    #000 12%,
    #000 88%,
    transparent 100%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0%,
    #000 12%,
    #000 88%,
    transparent 100%
  );
}

.home-partners-track {
  display: flex;
  width: max-content;
  margin-inline: auto;
  animation: home-partners-scroll 38s linear infinite;
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.home-partners-marquee:hover .home-partners-track {
  animation-play-state: paused;
}

@keyframes home-partners-scroll {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

/* كل الشعارات: نفس الخانة + نفس الارتفاع البصري */
.home-partners-row {
  --partner-slot: 6.5rem;
  --partner-gap: 2rem;
  --partner-logo-h: 26px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--partner-gap);
  padding: 0 var(--partner-gap) 0 0;
  flex-shrink: 0;
  list-style: none;
  margin: 0;
  box-sizing: content-box;
}

.home-partners-item {
  flex: 0 0 var(--partner-slot);
  width: var(--partner-slot);
  min-width: var(--partner-slot);
  max-width: var(--partner-slot);
  height: var(--partner-logo-h);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  background: transparent;
  box-shadow: none;
}

.home-partners-item img {
  display: block;
  height: var(--partner-logo-h);
  width: auto;
  max-width: calc(var(--partner-slot) - 0.125rem);
  max-height: var(--partner-logo-h);
  object-fit: contain;
  object-position: center;
  opacity: 0.9;
  filter: grayscale(1);
  transition: opacity 0.25s ease;
  background: transparent;
  box-shadow: none;
}

/* شعارات بيضاء جاهزة (PNG/SVG أبيض على الشفاف) */
.home-partners-item[data-partner-id='jahez'] img,
.home-partners-item[data-partner-id='keeta'] img,
.home-partners-item[data-partner-id='hungerstation'] img,
.home-partners-item[data-partner-id='thechefz'] img,
.home-partners-item[data-partner-id='visa'] img,
.home-partners-item[data-partner-id='mastercard'] img {
  filter: none;
  opacity: 0.95;
}

.home-partners-item img.partner-logo--brand {
  filter: grayscale(1) brightness(0) invert(0.92);
  opacity: 0.92;
}

.home-partners-item img.partner-logo--invert {
  filter: grayscale(1) brightness(0) invert(0.86);
}

.home-partners-item:hover img {
  opacity: 1;
}

.home-partners-item:hover img.partner-logo--invert {
  filter: grayscale(1) brightness(0) invert(0.95);
}

/* ——— Mobile ——— */
@media (max-width: 768px) {
  .home-partners-strip {
    padding: 1.5rem 0 2rem;
    z-index: 30;
    width: 100%;
  }

  .home-partners-center {
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
  }

  .home-partners-center.container {
    padding-inline: max(0.75rem, env(safe-area-inset-left, 0px))
      max(0.75rem, env(safe-area-inset-right, 0px));
  }

  .home-partners-marquee {
    -webkit-mask-image: none;
    mask-image: none;
    width: min(100%, 22rem);
    max-width: 92vw;
    margin-inline: auto;
    padding: 0;
  }

  .home-partners-track {
    animation-duration: 30s;
    margin-inline: auto;
  }

  .home-partners-row {
    --partner-slot: 5.5rem;
    --partner-gap: 1.5rem;
    --partner-logo-h: 22px;
    padding-right: var(--partner-gap);
  }

  .home-partners-item img {
    opacity: 0.92;
  }

  .home-partners-item img.partner-logo--brand {
    filter: grayscale(1) brightness(0) invert(0.92);
  }

  .home-partners-item img.partner-logo--invert {
    filter: grayscale(1) brightness(0) invert(0.9);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-partners-marquee {
    -webkit-mask-image: none;
    mask-image: none;
    width: 100%;
    max-width: 100%;
  }

  .home-partners-track {
    animation: none;
    display: block;
    width: 100%;
    max-width: 100%;
    transform: none !important;
  }

  .home-partners-row[aria-hidden='true'] {
    display: none;
  }

  .home-partners-row {
    --partner-gap: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding: 0 0.75rem;
    padding-right: 0.75rem;
    margin-inline: auto;
  }
}