/* ======================================================= */
/* ===================== POST FEED ======================= */
/* ======================================================= */
.post-feed-section {
  background: #f6e5e8;
  padding: 0rem 3rem;

  .post-feed-wrapper {
    max-width: 1656px;
    margin: 0 auto;
  }

  .post-feed-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 64px 46px;
    justify-content: center;
    	@media (max-width: 640px) {
		    gap: 35px 35px;
      
      	}
  }

  .post-card {
    width: calc((100% - (46px * 2)) / 3);
    flex: 0 0 auto;
    text-decoration: none;

    a {
      text-decoration: none;
      color: inherit;
      display: block;
    }

    .post-image-wrapper {
      overflow: hidden;
      border-radius: 12px;
      margin-bottom: 1rem;

      .post-image {
        width: 100%;
        height: auto;
        display: block;
        transition: transform 0.6s ease;
      }
    }

    .post-date {
      font-size: 0.875rem;
      color: #000;
      font-weight: 300;
      margin-bottom: 0.3rem;
    }

    .post-title {
      font-size: 1.6rem;
      font-weight: 600;
      color: #401F28;
      line-height: 1.2;
      transition: color 0.3s ease;
    }

    &:hover {
      .post-image-wrapper .post-image {
        transform: scale(1.05);
      }

      .post-title {
        color: #C63658; 
      }
    }
  }

  .load-more-wrapper {
    margin-top: 4rem;
    text-align: center;
    @media (max-width: 640px) {
	    margin-top: 2rem;
		width:100%;
    }
    .btn.primary {
      padding: 1rem 2rem;
      border-radius: 4px;
      font-size: 1rem;
      font-weight: 500;
      background-color: #5c1e2e;
      color: #DBACB4;
      border: none;
      cursor: pointer;
      transition: background 0.3s ease;
      @media (max-width: 640px) {
  		width:100%;
		padding: 1rem 0rem;
      }
      &:hover {
        background-color: #892944;
        color: #FFCBD4;
      }
    }
  }

  @media (max-width: 1200px) {
    .post-card {
      width: calc((100% - 46px) / 2);
    }
  }

  @media (max-width: 640px) {
    .post-card {
      width: 100%;
    }
  }
}