.granadietpromos {
  margin: 0.75rem 0;
  color: #2f3a32;
  font-size: 0.9375rem;
}

.granadietpromos-product {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 0.375rem 0 0;
}

.granadietpromos__title {
  font-weight: 700;
}

.granadietpromos__badges {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

.granadietpromos__offer-pill,
.bagde-oferta-granadiet-detail {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.625rem;
  margin: 0.125rem 0.25rem 0.125rem 0;
  padding: 0.25rem 0.75rem;
  border: 1px solid #5e6821;
  border-radius: 999px;
  background: #5e6821;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
}

.granadietpromos__offer-pill--active {
  background: #2d6b22;
  border-color: #2d6b22;
}

.granadietpromos-line .granadietpromos__offer-pill,
.granadietpromos-floating-line__offer {
  border-color: #cbd1c4;
  background: #eef1ea;
  color: #687160;
}

.granadietpromos-line .granadietpromos__offer-pill--active,
.granadietpromos-floating-line__offer.granadietpromos__offer-pill--active {
  border-color: #5e6821;
  background: #5e6821;
  color: #fff;
  box-shadow: 0 0 0 2px rgba(94, 104, 33, 0.14);
}

.granadietpromos-cart__gift {
  display: inline-flex;
  align-items: center;
  min-height: 1.75rem;
  padding: 0.25rem 0.625rem;
  border: 1px solid #77a464;
  border-radius: 999px;
  background: #f3fbef;
  color: #2d6b22;
  font-weight: 700;
  line-height: 1.2;
}

.granadietpromos-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  margin: 0.5rem 0 0;
}

.granadietpromos-line__label {
  color: #6b735f;
  font-weight: 600;
}

.granadietpromos-line__badges {
  gap: 0.25rem;
}

.granadietpromos-line__gift {
  min-height: 1.625rem;
}

.granadietpromos-line--injected {
  margin-top: 0.375rem;
}

.granadietpromos-line__quantity-gift {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 1.5rem;
  margin-top: 0.375rem;
  padding: 0.1875rem 0.625rem;
  border: 1px solid #77a464;
  border-radius: 999px;
  background: #f3fbef;
  color: #2d6b22;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.granadietpromos-quantity-gift-slot {
  display: block;
  margin-top: 0.375rem;
}

.qty .granadietpromos-quantity-gift-slot {
  clear: both;
}

.granadietpromos-summary-free {
  display: inline-flex;
  align-items: center;
  margin-left: 0.375rem;
  color: #2d6b22;
  font-weight: 700;
  white-space: nowrap;
}

.granadietpromos-cart {
  padding: 0.875rem 1rem;
  border: 1px solid #d8ead0;
  border-radius: 6px;
  background: #fbfef9;
}

.granadietpromos-cart__title {
  margin-bottom: 0.5rem;
  font-weight: 700;
}

.granadietpromos-cart__items {
  display: grid;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.granadietpromos-cart__item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 0.5rem;
  align-items: center;
}

.granadietpromos-cart__product {
  min-width: 0;
}

.granadietpromos-cart__offer {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  color: #6b735f;
  white-space: nowrap;
}

.granadietpromos-cart__offer-label {
  font-weight: 600;
}

.granadietpromos-cart__total {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid #d8ead0;
}

.granadietpromos-floating-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3125rem;
  margin-top: 0.5rem;
  color: #2f3a32;
  font-size: 0.8125rem;
  line-height: 1.25;
}

.granadietpromos-floating-line__label {
  flex-basis: 100%;
  color: #6b735f;
  font-weight: 600;
}

.granadietpromos-floating-line__badges {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.granadietpromos-floating-line__offer,
.granadietpromos-floating-line__gift {
  min-height: 1.375rem;
  margin: 0;
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
}

.elementor-cart-icon[data-granadietpromos-promo-counter]::before,
.elementor-cart-icon[data-granadietpromos-promo-counter]::after {
  min-width: 2rem;
  padding-right: 0.25rem;
  padding-left: 0.25rem;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .granadietpromos-cart__item {
    grid-template-columns: 1fr;
  }

  .granadietpromos-cart__offer {
    white-space: normal;
  }
}