/* ==================================================
   GRILLE
================================================== */

.kp-specialities-grid{

	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));

	gap:16px;
	margin:20px 0;

}


/* ==================================================
   CARTE
================================================== */

.kp-speciality-card{

	display:flex;
	align-items:center;

	gap:14px;

	padding:16px 18px;

	background:#fff;

	border-radius:22px;

	box-shadow:0 6px 18px rgba(0,0,0,.05);

	transition:
		transform .25s ease,
		box-shadow .25s ease;

}


/* ==================================================
   HOVER
================================================== */

.kp-speciality-card:hover{

	transform:translateY(-3px);

	box-shadow:
		0 12px 24px rgba(0,0,0,.08);

}


/* ==================================================
   ICONE
================================================== */

.kp-speciality-icon{

	width:44px;
	height:44px;

	flex-shrink:0;

	display:flex;
	align-items:center;
	justify-content:center;

	border-radius:50%;

	background:#FDF8EA;

}

.kp-speciality-icon img{

	width:24px;
	height:24px;

	object-fit:contain;

}


/* ==================================================
   TEXTE
================================================== */

.kp-speciality-text{

	display:flex;
	flex-direction:column;

	gap:2px;

}

.kp-speciality-title{

	font-size:18px;
	font-weight:700;
	line-height:1.2;

	color:#1D1D1F;

}

.kp-speciality-description{

	font-size:14px;
	line-height:1.35;

	color:#666;

}


/* ==================================================
   TABLETTE
================================================== */

@media (max-width:1024px){

	.kp-specialities-grid{

		grid-template-columns:1fr;

	}

}


/* ==================================================
   MOBILE
================================================== */

@media (max-width:767px){

	.kp-specialities-grid{

		grid-template-columns:1fr;
		gap:14px;

	}

	.kp-speciality-card{

		padding:14px 16px;

		gap:12px;

	}

	.kp-speciality-icon{

		width:40px;
		height:40px;

	}

	.kp-speciality-icon img{

		width:22px;
		height:22px;

	}

	.kp-speciality-title{

		font-size:17px;

	}

	.kp-speciality-description{

		font-size:13px;

	}

}