<section class="monolisa-trust" dir="rtl">
  <div class="monolisa-trust__container">

    <div class="monolisa-trust__header">
      <span class="monolisa-trust__eyebrow">خریدی مطمئن و آرام</span>

      <h2>چرا با خیال راحت از Monolisa خرید کنیم؟</h2>

      <p>
        ما باور داریم خرید آنلاین باید ساده، مطمئن و لذت‌بخش باشد.
      </p>
    </div>

    <div class="monolisa-trust__grid">

      <article class="monolisa-trust__card">
        <div class="monolisa-trust__icon" aria-hidden="true">
          <svg viewBox="0 0 64 64">
            <path d="M14 18h24l12 12-20 20L10 30z"></path>
            <circle cx="32" cy="28" r="5"></circle>
            <path d="M27 42c3-7 8-10 15-10"></path>
          </svg>
        </div>

        <h3>اصالت کالا</h3>

        <p>
          تمام محصولات Monolisa با دقت انتخاب و بررسی می‌شوند تا با اطمینان خرید کنید.
        </p>
      </article>

      <article class="monolisa-trust__card">
        <div class="monolisa-trust__icon" aria-hidden="true">
          <svg viewBox="0 0 64 64">
            <path d="M8 20h30v24H8z"></path>
            <path d="M38 28h10l8 8v8H38z"></path>
            <circle cx="20" cy="46" r="5"></circle>
            <circle cx="46" cy="46" r="5"></circle>
            <path d="M3 26h10M3 34h8"></path>
          </svg>
        </div>

        <h3>ارسال سریع</h3>

        <p>
          سفارش شما در کوتاه‌ترین زمان پردازش و با بسته‌بندی مطمئن ارسال می‌شود.
        </p>
      </article>

      <article class="monolisa-trust__card">
        <div class="monolisa-trust__icon" aria-hidden="true">
          <svg viewBox="0 0 64 64">
            <path d="M32 7l7 5 9-1 2 9 7 6-5 7 1 9-9 2-6 7-7-5-9 1-2-9-7-6 5-7-1-9 9-2z"></path>
            <path d="M24 32l5 5 11-12"></path>
          </svg>
        </div>

        <h3>تضمین کیفیت</h3>

        <p>
          کیفیت محصولات برای ما فقط یک وعده نیست؛ مسئولیتی همیشگی است.
        </p>
      </article>

      <article class="monolisa-trust__card">
        <div class="monolisa-trust__icon" aria-hidden="true">
          <svg viewBox="0 0 64 64">
            <path d="M14 35v-5a18 18 0 0 1 36 0v5"></path>
            <path d="M14 33h8v14h-8zM42 33h8v14h-8z"></path>
            <path d="M42 49c0 4-4 7-9 7h-5"></path>
            <path d="M26 54h8"></path>
          </svg>
        </div>

        <h3>پشتیبانی واقعی</h3>

        <p>
          پیش از خرید، هنگام ثبت سفارش و پس از دریافت محصول در کنار شما هستیم.
        </p>
      </article>

    </div>
  </div>
</section>

<style>
  .monolisa-trust,
  .monolisa-trust * {
    box-sizing: border-box;
  }

  .monolisa-trust {
    width: 100%;
    padding: 88px 20px;
    background:
      radial-gradient(
        circle at top right,
        rgba(111, 123, 71, 0.08),
        transparent 28%
      ),
      #f8f4ec;
    color: #26301d;
    font-family: inherit;
    overflow: hidden;
  }

  .monolisa-trust__container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
  }

  .monolisa-trust__header {
    max-width: 760px;
    margin: 0 auto 48px;
    text-align: center;
  }

  .monolisa-trust__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    color: #8b7a46;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
  }

  .monolisa-trust__header h2 {
    margin: 0 0 16px;
    color: #2f3b23;
    font-size: clamp(28px, 4vw, 44px);
    line-height: 1.55;
    font-weight: 800;
  }

  .monolisa-trust__header p {
    margin: 0;
    color: #72776d;
    font-size: 16px;
    line-height: 2;
  }

  .monolisa-trust__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
  }

  .monolisa-trust__card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 300px;
    padding: 34px 26px 30px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(86, 107, 47, 0.08);
    border-radius: 20px;
    box-shadow:
      0 14px 34px rgba(47, 59, 35, 0.08),
      0 3px 10px rgba(47, 59, 35, 0.04);
    text-align: center;
    transition:
      transform 0.35s ease,
      box-shadow 0.35s ease,
      border-color 0.35s ease;
  }

  .monolisa-trust__card::before {
    content: "";
    position: absolute;
    top: 0;
    right: 28px;
    left: 28px;
    height: 3px;
    border-radius: 0 0 6px 6px;
    background: linear-gradient(
      90deg,
      transparent,
      #87915b,
      transparent
    );
    opacity: 0;
    transition: opacity 0.35s ease;
  }

  .monolisa-trust__card:hover {
    transform: translateY(-8px);
    border-color: rgba(86, 107, 47, 0.16);
    box-shadow:
      0 22px 48px rgba(47, 59, 35, 0.12),
      0 6px 16px rgba(47, 59, 35, 0.06);
  }

  .monolisa-trust__card:hover::before {
    opacity: 1;
  }

  .monolisa-trust__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 78px;
    height: 78px;
    margin: 0 auto 24px;
    border: 1px solid rgba(86, 107, 47, 0.22);
    border-radius: 50%;
    background: #fbfaf6;
    transition:
      transform 0.35s ease,
      background-color 0.35s ease;
  }

  .monolisa-trust__card:hover .monolisa-trust__icon {
    transform: scale(1.05);
    background: #f3f4ec;
  }

  .monolisa-trust__icon svg {
    display: block;
    width: 38px;
    height: 38px;
    fill: none;
    stroke: #64723f;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .monolisa-trust__card h3 {
    margin: 0 0 14px;
    color: #364323;
    font-size: 21px;
    line-height: 1.6;
    font-weight: 800;
  }

  .monolisa-trust__card p {
    margin: 0;
    color: #70756d;
    font-size: 14px;
    line-height: 2;
  }

  @media (max-width: 1024px) {
    .monolisa-trust {
      padding: 72px 20px;
    }

    .monolisa-trust__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width: 600px) {
    .monolisa-trust {
      padding: 56px 16px;
    }

    .monolisa-trust__header {
      margin-bottom: 32px;
    }

    .monolisa-trust__eyebrow {
      font-size: 13px;
    }

    .monolisa-trust__header h2 {
      font-size: 27px;
      line-height: 1.65;
    }

    .monolisa-trust__header p {
      font-size: 14px;
      line-height: 1.9;
    }

    .monolisa-trust__grid {
      grid-template-columns: 1fr;
      gap: 16px;
    }

    .monolisa-trust__card {
      min-height: auto;
      padding: 28px 22px 26px;
      border-radius: 18px;
    }

    .monolisa-trust__icon {
      width: 70px;
      height: 70px;
      margin-bottom: 20px;
    }

    .monolisa-trust__icon svg {
      width: 34px;
      height: 34px;
    }

    .monolisa-trust__card h3 {
      font-size: 20px;
    }
  }

  @media (hover: none) {
    .monolisa-trust__card:hover {
      transform: none;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .monolisa-trust__card,
    .monolisa-trust__icon,
    .monolisa-trust__card::before {
      transition: none;
    }
  }
</style>