/* Force "Discover popular categories" to stay visible under Intro */
body .jd-discover,
body section.jd-discover,
#sp-top2 .jd-discover,
#sp-top3 .jd-discover,
#sp-section-6 .jd-discover,
.body-innerwrapper .jd-discover {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 20 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 320px !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 40px 0 48px !important;
  background: #ffffff !important;
  clear: both !important;
  float: none !important;
  clip: auto !important;
  clip-path: none !important;
  transform: none !important;
}

#sp-top2,
#sp-top2 > .container,
#sp-top2 .container-inner,
#sp-top2 .row,
#sp-top2 [class*="col-"],
#sp-top2 .sp-column,
#sp-top3,
#sp-top3 > .container,
#sp-top3 .container-inner,
#sp-top3 .row,
#sp-top3 [class*="col-"],
#sp-top3 .sp-column,
#sp-section-6,
#sp-section-6 > .container,
#sp-section-6 .container-inner,
#sp-section-6 .row,
#sp-section-6 [class*="col-"],
#sp-section-6 .sp-column {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

body .jd-discover-inner {
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

body .jd-discover-title {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #2d2933 !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  margin: 0 0 24px !important;
}

body .jd-discover-grid {
  display: grid !important;
  visibility: visible !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
}

body .jd-discover-card {
  display: flex !important;
  visibility: visible !important;
  flex-direction: column !important;
  width: 100% !important;
}

body .jd-discover-media,
body .jd-discover-media img,
body .jd-discover-label {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

@media (max-width: 991px) {
  body .jd-discover-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}