/**
 * LMG Product Benefits ("Fresh" box)
 * Trust-signal box on the single product summary.
 */

/* Astra's sticky add-to-cart bar re-fires the summary hooks, dragging this box
   into the sticky footer where it doesn't belong — keep it summary-only. */
.ast-sticky-add-to-cart .lmg-benefits {
  display: none !important;
}

.lmg-benefits {
  margin: var(--lmg-space-4) 0 var(--lmg-space-5);
  padding: var(--lmg-space-4) var(--lmg-space-5);
  border: 1px solid var(--lmg-line);
  border-left: 4px solid var(--lmg-success);
  border-radius: var(--lmg-radius-md);
  background: var(--lmg-cream-light);
}

/* ---- Header ---- */
.lmg-benefits__head {
  display: flex;
  align-items: center;
  gap: var(--lmg-space-2);
  margin-bottom: var(--lmg-space-3);
}
.lmg-benefits__badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: var(--lmg-radius-full);
  background: var(--lmg-success);
  color: var(--lmg-white);
  font-size: var(--lmg-text-caption);
  font-weight: var(--lmg-fw-semibold);
  letter-spacing: var(--lmg-tracking-wide);
  text-transform: uppercase;
}
.lmg-benefits__heading {
  font-size: var(--lmg-text-h4);
  font-weight: var(--lmg-fw-semibold);
  color: var(--lmg-ink);
}

/* ---- List ---- */
.lmg-benefits__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--lmg-space-3) var(--lmg-space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}
.lmg-benefits__item {
  display: flex;
  align-items: flex-start;
  gap: var(--lmg-space-2);
  margin: 0;
}

/* Green check badge */
.lmg-benefits__check {
  flex: 0 0 auto;
  position: relative;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  border-radius: var(--lmg-radius-full);
  background: var(--lmg-success);
}
.lmg-benefits__check::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 7px;
  width: 4px;
  height: 8px;
  border: solid var(--lmg-white);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.lmg-benefits__text {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.lmg-benefits__text strong {
  font-size: var(--lmg-text-small);
  font-weight: var(--lmg-fw-semibold);
  color: var(--lmg-ink);
  line-height: var(--lmg-leading-snug);
}
.lmg-benefits__desc {
  font-size: var(--lmg-text-caption);
  color: var(--lmg-muted);
  line-height: var(--lmg-leading-snug);
}

/* ---- Mobile ---- */
@media (max-width: 600px) {
  .lmg-benefits {
    padding: var(--lmg-space-3) var(--lmg-space-4);
  }
  .lmg-benefits__list {
    grid-template-columns: 1fr;
    gap: var(--lmg-space-3);
  }
}