.grid_posts {
  display: grid;
  gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  margin: auto;
}

/* Tablettes (entre ~768px et 1024px) */
@media (max-width: 1024px) {
  .grid_posts {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobiles (moins de 768px) */
@media (max-width: 768px) {
  .grid_posts {
    grid-template-columns: 1fr;
  }
}


.bizzet_card{
	height: 32.5rem;
  padding: 1.88rem 1rem;
	background:var(--cc-primaire);
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	font-weight:500;
	border-radius: 12px;
}

.bizzet_card img{
	height:100%;
	width:100%;
	object-fit:cover;
	transform: scale3d(1, 1, 1);     
    transition: transform 0.4s ease; 
    transform-style: preserve-3d;   
    will-change: transform;
}

.bizzet_card:hover img{
transform: scale3d(1.10, 1.10, 1);
}

.img_blog{
	overflow:hidden;
	max-width:16rem;
	border-radius:6px;
	aspect-ratio:16/10
}

.tag_card{
	text-transform:uppercase;
	letter-spacing:0.05rem;
	color:#0009;
	font-size:.856rem;
	font-weight:600;
}

.top_card__title{
	font-weight:500;
	font-size:1.5rem;
	color:var(--c-primaire);
}

.top_card{
	display:flex;
	flex-direction:column;
	gap:8px;
}

.top_card__excerpt{
	line-height:1.3;
	color:var(--c-primaire);
}

.bot_card{
	display:flex;
	gap:40px;
	align-items:flex-end;
	justify-content:space-between
}

.read-more {
    opacity: 0;
    transform: translate3d(0, 20px, 0); /* légèrement descendu */
    transition: transform 0.3s ease, opacity 0.3s ease;
    height: 2rem;
    width: 2rem;
    background: var(--c-primaire);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    aspect-ratio: 1;
    will-change: transform, opacity; /* optimise le rendu */
}

.read-more svg {
    width: 20px;
}

.bizzet_card:hover .read-more {
    opacity: 1;
    transform: translate3d(0, 0, 0); /* remonte à la position initiale */
}