.offers-container {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  max-width: 340px;
  margin: auto;
  justify-content: center;
  @media (min-width: 991px) {
    max-width: 520px;
  }

  .offer-card {
    background: $oc-color-1;
    border-radius: 12px;
    padding: 10px;
    text-align: center;
    transition:
      transform 0.3s ease,
      box-shadow 0.3s ease;
    max-width: 160px;
    flex: 0 0 calc(50% - 10px);

    @media (min-width: 991px) {
      flex: 0 0 calc(33.333% - 10px);
    }

    &:hover {
      transform: translateY(-8px);
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
    }

    .offer-title {
      font-size: 20px;
      font-weight: 700;
      color: $oc-color-3;
      margin: 0;
      padding: 0;
      line-height: 1.1;
      text-transform: none;
    }
    .offer-subtitle {
      font-size: 14px;
      font-weight: 400;
      color: $oc-color-3;
      margin: 0 0 10px 0;
      padding: 0;
    }
    .offer-price-box {
      background: $oc-color-3;
      border-radius: 12px;
      padding: 5px 10px;
      margin: 0 auto;
      min-width: 140px;

      .start-text {
        font-size: 14px;
        color: $oc-color-2;
        font-weight: 600;
        margin: 0;
        padding: 0;
        text-transform: lowercase;
      }

      .price-value {
        font-size: 20px;
        font-weight: 700;
        color: $oc-color-1;
        margin: 0 0 5px 0;
        line-height: 1;
      }
    }
  }
}