/* ============================================================
   Feature Section — fs-section
   ============================================================ */

/* ─── Grid ─── */
.fs-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

/* ─── Item ─── */
.fs-item {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 0 24px;
  height: clamp(10rem, 6.551rem + 6.6242vw, 14.5rem);
}

.ltr .fs-item {
  padding-inline-start: 25px;
}

/* ─── Icon ─── */
.fs-item__icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(6.5rem, 5.8124rem + 2.2004vw, 9.333rem);
  aspect-ratio: 1;
  border-radius: 50%;
}

/* ─── Text ─── */
.fs-item__text {
  padding-inline-start: 20px;
}

.fs-item__text h2 {
  font-size: clamp(1.75rem, 1.6943rem + 0.2548vw, 2rem);
  cursor: text;
}

.fs-item__text p {
  font-size: clamp(1rem, 0.8885rem + 0.5096vw, 1.5rem);
  line-height: 2;
}

/* ─── Tablet (≤ 1100px) ─── */
@media (max-width: 1100px) {
  .fs-item__text p {
    line-height: 1.6;
    margin-top: 0;
  }
}

/* ─── Mobile (≤ 768px) ─── */
@media (max-width: 768px) {
  .fs-grid {
    grid-template-columns: 1fr;
  }

  .fs-item {
    padding-inline-end: 15px;
    padding-block: 65px;
  }

  .fs-item__text h2 {
    font-size: 20px;
  }
}