/* Ensure cards behave as columns and the price-row is a full-width separate line */
.product-card, .card.product, .card.item, .product, .item-card, .price-card, .paket-card, .offer-card, .card {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Dedicated row for price + add button */
.price-row{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;       /* pushes the row to the bottom of the card */
  width: 100%;            /* force separate line */
}
.price-row .price,
.price-row .pris,
.price-row .price-tag{
  font-weight: 600;
  letter-spacing: .2px;
}
.price-row .btn-add{
  align-self: flex-start;
  margin-left: 0;
}

/* Make sure any lingering inline layout doesn't collapse the row */
.price, .pris, .price-tag{ display: inline-block; }

/* Optional: if you have a footer container, keep consistent spacing */
.card-footer, .actions, .footer{
  display: flex;
  align-items: center;
  gap: 12px;
}