/* Why Different — mirrors hero: image right, content left (mobile stacks) */
.why-different{
  background: var(--wd-bg, #F7FAFC);
  padding-block: var(--space-12, 3rem);
  border-bottom: solid 1px var(--highlight);
}

.why-different__inner{
  display: grid;
  grid-template-columns: 1fr;                /* mobile */
  gap: clamp(1rem, 3vw, 2rem);
  align-items: start;
}

@media (min-width: 960px){
  .why-different__inner{ grid-template-columns: 1.15fr 1fr; } /* content : image */
  .why-different--rev .why-different__content{ order: 2; }    /* optional flip */
  .why-different--rev .why-different__media{   order: 1; }
}

/* Media (hero card feel) */
.why-different__figure{ margin: 0; }
.why-different__img{
  width: 100%; height: auto; display: block;
  border-radius: var(--radius, 12px);
  box-shadow: var(--shadow-sm, 2px 4px 20px rgba(0,0,0,.1));
}
@media (min-width: 960px){
  .why-different__media{display: flex; }
  .why-different__img{ width: 100%; height: 100%; object-fit: cover; }
}

/* Content */
.why-different__content{ max-width: 56rem; }
.why-different__title{
  margin: 0 0 var(--space-4, 0rem);
  font-family: var(--wp--preset--font-family--montserrat, 'Montserrat', sans-serif);
  font-weight: 800;
  font-size: var(--step-1, .5rem);
  line-height: 1.1;
  color: var(--wd-heading, var(--brand));
}

/* Items list */
.why-different__list{
  display: grid;
}

.why-different__item-title{
  margin: 0 0 var(--space-2, .5rem);
  font-size: var(--step-1, 1em);
  font-weight: 800;
  color: var(--wd-accent, var(--accent));
}

.why-different__item-body{
  color: var(--muted, #6B7280);
  font-size: var(--step-0, 1rem);
  line-height: 1.6;
}

/* CTA */
.why-different__cta{ margin: var(--space-8, 2rem) 0 0; }
@media (max-width: 959px){
  .why-different__cta{ text-align: center; }
}