.et_pb_text_0 h1 {
color: #FFFFFF !important;
text-shadow: 0.08em 0.08em 0.08em rgba(0, 0, 0, 0.4);
font-weight: 600;
font-size: 27px;
}
.bandeau_categorie.et_pb_section {
padding: 2%;
}
.hektor-grid {
display: grid;
grid-template-columns: repeat(3, 32%);
gap: 20px;
max-width: 1200px;
margin: 30px auto;
padding: 0 20px;
}
.hektor-card {
display: block;
max-width: unset;
color: inherit;
text-decoration: none;
}
.hektor-card__image {
width: 100%;
aspect-ratio: 4/3;
margin-bottom: 15px;
overflow: hidden;
}
.hektor-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.hektor-card:hover .hektor-card__image img {
transform: scale(1.05);
}
.hektor-card__secteur {
display: block;
margin-bottom: 8px;
color: #666;
font-size: 12px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1px;
}
.hektor-card__titre {
color: #1a1a2e;
font-size: 18px;
font-weight: 600;
}
.hektor-card__prix {
color: #262e51;
font-size: 22px;
font-weight: 300;
} @media (max-width: 950px) {
.hektor-grid {
grid-template-columns: repeat(2, 48%);
}
}
@media (max-width: 680px) {
.hektor-grid {
grid-template-columns: repeat(1, 100%);
}
}