body {
font-family: "Cairo", sans-serif;
background-color: #fff0f5;
margin: 0;
padding: 30px;
text-align: center;
}

h2 {
color: #ff4da6;
margin-bottom: 25px;
}

.slider-container {
display: flex;
overflow-x: auto;
gap: 15px;
scroll-behavior: smooth;
padding: 10px;
}

.category {
flex: 0 0 auto;
background-color: white;
border: 3px solid #ff4da6;
border-radius: 50%;
width: 90px;
height: 90px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: transform 0.3s, box-shadow 0.3s;
}

.category:hover {
transform: scale(1.1);
box-shadow: 0 0 15px #ff4da6aa;
}

.category span {
font-size: 28px;
}

.category p {
font-size: 14px;
margin: 5px 0 0 0;
color: #333;
}

/* إخفاء شريط التمرير */
.slider-container::-webkit-scrollbar {
display: none;
}