#what-is-zelwall.section.page-split { min-height: auto !important; }
#what-is-zelwall .section-wrapper { padding: 90px 0 60px !important; }
#what-is-zelwall .section-content-holder { margin-top: 0 !important; height: auto !important; display: block; }

#what-is-zelwall .section-content-holder { width: 690px !important; }

/* Horizontal scroll slides on the right */
#what-is-zelwall .what-scroll {
  width: 100%;
  height: auto;
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  gap: 24px;
  padding-bottom: 8px;
}

#what-is-zelwall .what-slide {
  flex: 0 0 100%;
  height: auto;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  border-radius: 16px;
  padding: 28px;
  box-sizing: border-box;
  display: block;
  color: #FBF1C7; /* default text on dark */
}

/* Simple prev/next controls */
#what-is-zelwall .what-nav {
  margin-top: 16px;
  display: flex;
  justify-content: center;
  gap: 12px;
}

#what-is-zelwall .what-nav button {
  background: #282828;
  color: #FBF1C7;
  border: 1px solid #FBF1C7;
  padding: 10px 16px;
  border-radius: 8px;
  cursor: pointer;
}

#what-is-zelwall .what-nav button:hover {
  background: #3B82F6; /* Electric Blue hover */
  border-color: #3B82F6;
}

/* Titles/desc/quote inside slides */
#what-is-zelwall .slide-title { font-size: 28px; font-weight: 700; line-height: 1.3; margin: 0 0 12px 0; }
#what-is-zelwall .slide-desc { font-size: 18px; line-height: 1.75; margin: 0 0 10px 0; }
#what-is-zelwall .slide-quote { font-size: 16px; line-height: 1.6; opacity: 0.95; }

@media (min-width: 1024px) {
  #what-is-zelwall .slide-desc { font-size: 20px; }
}

/* Brand background colors per slide */
#what-is-zelwall .c-orange  { background-color: #E86D3A; }
#what-is-zelwall .c-amethyst{ background-color: #8E5DC1; }
#what-is-zelwall .c-green   { background-color: #6BB074; }
#what-is-zelwall .c-blue    { background-color: #3B82F6; }
#what-is-zelwall .c-crimson { background-color: #E93D6D; }
#what-is-zelwall .c-yellow  { background-color: #FDD835; color: #282828; } /* dark text on light */
#what-is-zelwall .c-obsidian{ background-color: #282828; }
#what-is-zelwall .c-alabaster{ background-color: #FBF1C7; color: #282828; }

/* Grid of boxes (show all at once) */
#what-is-zelwall .what-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 24px;
}

#what-is-zelwall .what-card {
  background-color: #282828; /* Obsidian */
  padding: 20px 22px;
  border-radius: 16px;
}

#what-is-zelwall .what-title {
  font-size: 24px; /* align with FAQ question size */
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 10px 0;
  color: #FDD835; /* Kinetic Yellow */
}

#what-is-zelwall .what-desc {
  font-size: 18px; /* align with FAQ answer */
  line-height: 1.75;
  margin: 0 0 10px 0;
}

#what-is-zelwall .what-quote {
  font-size: 16px;
  line-height: 1.6;
  color: #FBF1C7; /* Alabaster */
  opacity: 0.95;
}

@media (min-width: 1024px) {
  #what-is-zelwall .what-desc { font-size: 20px; }
}

/* Timeline (creative, no boxes) */
#what-is-zelwall .what-timeline { position: relative; padding-left: 24px; }
#what-is-zelwall .what-timeline::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0; bottom: 0;
  width: 2px;
  background: rgba(251, 241, 199, 0.25); /* Alabaster line */
}

#what-is-zelwall .what-item { position: relative; margin: 28px 0; }
#what-is-zelwall .what-head { display: flex; align-items: center; gap: 12px; }
#what-is-zelwall .what-dot {
  position: relative;
  width: 14px; height: 14px;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(40,40,40,0.6);
  transform: translateY(-2px); /* nudge dot slightly up */
}

#what-is-zelwall .what-item .what-title { font-size: 24px; font-weight: 700; line-height: 1.4; margin: 0 0 8px 0; }
#what-is-zelwall .what-item .what-desc { font-size: 18px; line-height: 1.75; margin: 0 0 12px 0; }
#what-is-zelwall .what-item .what-quote { font-size: 16px; line-height: 1.6; opacity: 0.95; margin-top: 12px; }

@media (min-width: 1024px) {
  #what-is-zelwall .what-item .what-desc { font-size: 20px; }
}