/* =========================================================
   MEHFARO - CLICK-TO-OPEN OFFER PRODUCTS
========================================================= */

.mf-offer-products-section[hidden] {
  display: none !important;
}


.mf-offer-products-section {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}


.mf-offer-products-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}


.mf-offer-products-head h2 {
  margin: 4px 0 0;
}


.mf-offer-title-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}


.mf-offer-products-head p {
  margin: 7px 0 0;
  font-size: 13px;
  opacity: .72;
}


.mf-offer-discount {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 28px;
  padding: 0 10px;

  border-radius: 999px;

  background: #172025;
  color: #fff;

  font-size: 11px;
  font-weight: 900;

  white-space: nowrap;
}


.mf-offer-close {
  appearance: none;

  border:
    1px solid rgba(
      23,
      32,
      37,
      .16
    );

  background:
    rgba(
      255,
      255,
      255,
      .78
    );

  color: #172025;

  border-radius: 999px;

  min-height: 38px;

  padding:
    0 15px;

  font-weight: 800;

  cursor: pointer;
}


.mf-offer-products-grid {
  margin-top: 0 !important;
}


@media (max-width: 780px) {

  .mf-offer-products-section {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }


  .mf-offer-products-head {
    align-items: flex-start;
    gap: 10px;
  }


  .mf-offer-products-head h2 {
    font-size: 28px !important;
  }


  .mf-offer-close {
    min-height: 34px;

    padding:
      0 12px;

    font-size:
      11px;
  }

}