/* This block's template.php uses Bootstrap grid classes (.row/.col-md-6) for
   its 2-column layout, relying on Bootstrap being globally available in
   ems-wp. linnworks2026 has no Bootstrap, so a minimal scoped shim is added
   below (not a global .row/.col-md-6, to avoid affecting anything else that
   might use those class names) -- flagged as worth a proper look later. */
.feature-grid.row {
  display: flex;
  flex-wrap: wrap;
}

.feature-grid > .col-md-6 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 10px;
  margin-bottom: 20px;
}

@media (min-width: 780px) {
  .feature-grid > .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.feature-grid__feature {
  padding: 20px;
  border: 1px solid var(--wp--preset--color--blue);
  border-radius: 5px;
  display: flex;
  gap: 20px;
  height: 100%;
  box-shadow: var(--shadow-card);
  background: var(--wp--preset--color--white);
}

.feature-grid__feature__title {
  color: var(--wp--preset--color--blue);
  font-size: 1.35rem;
}