/* ─────────────────────────────────────────────────────────────
   ZUKRO FARM FRESH — TOP LIVE SCROLLING ANNOUNCEMENT TICKER
   Placed below header & above hero across all pages
   Offers · Quality · Discounts · Cash on Delivery
   ───────────────────────────────────────────────────────────── */

.zk-ticker-wrapper {
  display: block !important;
  background: #123D2A !important;
  color: #FFFFFF !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  height: var(--zk-ticker-h, 40px) !important;
  min-height: var(--zk-ticker-h, 40px) !important;
  line-height: var(--zk-ticker-h, 40px) !important;
  padding: 0 !important;
  margin: 0 !important;
  border-bottom: 1.5px solid #E8A92E !important;
  border-top: none !important;
  box-shadow: 0 4px 16px rgba(18, 61, 42, 0.18) !important;
  position: static !important;
  width: 100% !important;
  box-sizing: border-box !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  cursor: default !important;
  flex-shrink: 0 !important;
}

.zk-ticker-container {
  height: 100% !important;
  width: min(92%, 1240px) !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.zk-ticker-inner {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  mask-image: linear-gradient(90deg, transparent 0%, #000 2.5%, #000 97.5%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 2.5%, #000 97.5%, transparent 100%);
}

.zk-ticker-track {
  display: inline-flex !important;
  align-items: center !important;
  height: 100% !important;
  gap: 48px !important;
  animation: zk-marquee 30s linear infinite !important;
  will-change: transform !important;
}

.zk-ticker-wrapper:hover .zk-ticker-track,
.zk-ticker-wrapper:focus-within .zk-ticker-track {
  animation-play-state: paused !important;
}

.zk-ticker-item {
  display: inline-flex !important;
  align-items: center !important;
  height: 100% !important;
  gap: 10px !important;
  font-size: 13.5px !important;
  line-height: 1 !important;
  color: #F3EEE3 !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
  user-drag: none !important;
  flex-shrink: 0 !important;
  vertical-align: middle !important;
}

.zk-ticker-item i {
  color: #E8A92E !important;
  font-size: 12.5px !important;
  background: rgba(232, 169, 46, 0.16) !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome", sans-serif !important;
  font-weight: 900 !important;
  flex-shrink: 0 !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
  user-drag: none !important;
}

.zk-ticker-item strong {
  color: #E8A92E !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-size: 12.5px !important;
  line-height: 1 !important;
  display: inline-block !important;
}

.zk-ticker-item span {
  color: #F3EEE3 !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  display: inline-block !important;
}

@keyframes zk-marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@media (max-width: 768px) {
  .zk-ticker-wrapper {
    height: 36px !important;
    min-height: 36px !important;
    line-height: 36px !important;
    padding: 0 !important;
  }
  .zk-ticker-track {
    gap: 28px !important;
    animation-duration: 22s !important;
  }
  .zk-ticker-item {
    font-size: 12.5px !important;
    gap: 8px !important;
  }
  .zk-ticker-item strong {
    font-size: 11.5px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zk-ticker-track {
    animation: none !important;
    overflow-x: auto !important;
  }
}

/* Suppress any standalone legacy ticker outside the unified #header top stack */
#header ~ .zk-ticker-wrapper,
#header ~ main > .zk-ticker-wrapper,
.header ~ .zk-ticker-wrapper,
body.zk-account-page .zk-ticker-wrapper,
body:has(.account-stage) .zk-ticker-wrapper,
.account-stage ~ .zk-ticker-wrapper {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  visibility: hidden !important;
}