.grid-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  margin-top: 2rem;
}

.grid-card {
  flex: 1 1 340px;   /* Responsive magic */
  max-width: 400px;
  background: rgba(255,255,255,0.06);
  padding: 1.5rem;
  border-radius: 12px;
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.grid-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

.grid-image {
  width: 40%;            /* 40% de la largeur de la carte */
  aspect-ratio: 1/1;     /* toujours carré pour cercle */
  margin: 0 auto 1rem;
  overflow: hidden;
  border-radius: 50%;
  border: 3px solid var(--accent);
}

.grid-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


.grid-card h3 {
  margin-bottom: 0.5rem;
}



.grid-card ul{
	margin: 1em;
	text-align: left;
	font-size: 0.9em;
}

.grid-card .price {
  margin-top: 1rem;
  font-size: 2rem;
  font-weight: bold;
  color: var(--accent);
  display: inline-block;
      width: 70px;
      border-radius: 50%;
      background: #fff;
      height: 70px;
      line-height: 70px;
      padding: 10px;
      border: 0.3em solid var(--accent-gold);
}


.grid-card p.btn-container {
	margin-top: 1em;
}

.grid-card a.btn {
	display: inline-block;
	text-decoration : none;
	background: var(--accent-gold);
	border-radius: 1em;
	padding: 1em;
	color: var(--accent);
}

.grid-card .flex-2col {
	display: flex;
	  justify-content: space-between;
}
.grid-card .flex-2col .right{
	color: var(--accent-gold); 
}