/**
 * Section / Feature 3 Blocs
 * Grid of 3 feature cards with decorative circles, images, and price badges
 * Mobile-first responsive design
 */

.s-feature-3-blocs {
  width: 100%;
}

/* Container uses .section-padding utility class from _utility.css */

.s-feature-3-blocs__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
}

@media all and (min-width: 769px) {

.s-feature-3-blocs__container {
    gap: 2.5rem
}
  }

/* Header */

.s-feature-3-blocs__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  justify-content: flex-start;
  text-align: center;
  gap: 1.25rem;
}

/* Title uses .section-title utility class from _utility.css */

.s-feature-3-blocs__description {
  color: #6a6c7e;
}

/* Grid - Mobile first: column, desktop: row */

.s-feature-3-blocs__grid {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  justify-content: flex-start;
  gap: 1.25rem;
}

@media all and (min-width: 1201px) {

.s-feature-3-blocs__grid {
    flex-direction: row;
    flex-wrap: nowrap
}
  }

/* Card - Mobile first padding */

.s-feature-3-blocs__card {
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  min-width: 100%;
  padding: 1.25rem;
  border-radius: 0.9375rem;
  background: linear-gradient(95deg, #ececff 2.12%, #f8f8f8 98.86%);
  gap: 1.25rem;
}

@media all and (min-width: 769px) {

.s-feature-3-blocs__card {
    min-width: 18.125rem;
    padding: 1.875rem;
    gap: 1.5625rem
}
  }

@media all and (min-width: 1201px) {

.s-feature-3-blocs__card {
    padding: 2.5rem 1.875rem;
    gap: 1.875rem
}
  }

/* Visual Area - Simple image */

.s-feature-3-blocs__visual {
  align-self: stretch;
  width: 100%;
  height: 21.25rem;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0;
}

/* Card Title */

.s-feature-3-blocs__card-title {
  color: #313243;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.625rem;
}