#produit-tabs.tabs-nav {
background:#fff;
border-bottom:1px solid #eee;
z-index:999;
}
#produit-tabs .container {
display: flex;
justify-content: center;
gap: 40px;
padding: 15px 0;
}
#produit-tabs .tab-link {
font-weight: 500;
text-transform: uppercase;
color: #333;
text-decoration: none;
} .etiquette-bleu {
color: blue;
background-color: white;
width: fit-content;
height: fit-content;
border: 1px solid blue !important;
border-radius: 5px;
padding: 5px;
transition: none;
}
.etiquette-bleu:hover {
background-color: blue;
color: white;
}
.etiquette-rouge {
color: red;
background-color: white;
width: fit-content;
height: fit-content;
border: 1px solid red !important;
border-radius: 5px;
padding: 5px;
transition: none;
}
.etiquette-rouge:hover {
background-color: red;
color: white;
}
.etiquette-gold {
color: #c2a661;
background-color: white;
width: fit-content;
height: fit-content;
border: 1px solid #c2a661 !important;
border-radius: 5px;
padding: 5px;
transition: none;
}
.etiquette-gold:hover {
background-color: #c2a661;
color: white;
} .produit-card {
border:1px solid #eee;
border-radius:8px;
overflow:hidden;
box-shadow:0 2px 5px rgba(0,0,0,0.05);
transition:transform 0.2s ease;
height: 27rem;
}
.produit-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
cursor: pointer;
}
.produit-thumbnail {
text-align:center;
background:#fafafa;
padding:20px;
height: calc(50% - 40px);
}
.produit-thumbnail-link {
text-decoration:none;
color:inherit;
display:block;
height: 100%;
}
.produit-thumbnail-image {
background-size:contain;
background-repeat:no-repeat;
background-position:center;
max-height:200px; width:100%; height: 100%;
}
.produit-content {
padding:20px;
height: calc(50% - 40px);
}
.produit-content h3 {
margin-bottom:10px;
}
.produit-content-etiquettes {
display:flex;
gap:5px;
align-items:center;
}
.produit-content-etiquettes .etiquette-gold,
.produit-content-etiquettes .etiquette-bleu,
.produit-content-etiquettes .etiquette-rouge {
font-size:14px;
margin:0;
}
.produit-content-description {
font-size:15px;
color:#555;
margin-top:10px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.produit-content-voir-plus {
margin:auto;
display:block;
}