/* =========================================================
   pro-similaires – produits de la même catégorie
   ========================================================= */

.pro-similaires {
    margin: 2.5em 0;
}

/* --- Titre section ------------------------------------- */
.pro-similaires-titre {
    font-size: 1.6em;
    font-weight: 700;
    color: #0b4388;
    margin: 0 0 1.25em;
    line-height: 1.2;
    font-family: "Open Sans", Sans-serif; 
}

.pro-similaires-titre span {
    color: #f2a900;
}

/* --- Grille -------------------------------------------- */
.pro-similaires-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5em;
}

@media (max-width: 1023px) {
    .pro-similaires-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 479px) {
    .pro-similaires-grid {
        grid-template-columns: 1fr;
    }
}

/* --- Carte --------------------------------------------- */
.pro-similaire-item {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.pro-similaire-item:hover {
    border-color: #d0d9e8;
    box-shadow: 0 6px 24px rgba(11, 67, 136, .09);
    transform: translateY(-4px);
}

.pro-similaire-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

/* --- Image --------------------------------------------- */
.pro-similaire-image {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #fff;
}

.pro-similaire-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    padding: 1em;
    box-sizing: border-box;
    transition: transform .3s ease;
}

.pro-similaire-item:hover .pro-similaire-img {
    transform: scale(1.04);
}

.pro-similaire-no-image {
    width: 100%;
    height: 100%;
    background: #f0f2f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='%23ccc' viewBox='0 0 24 24'%3E%3Cpath d='M21 19V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2zM8.5 13.5l2.5 3 3.5-4.5 4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E") center / 48px no-repeat;
}

/* --- Caption ------------------------------------------- */
.pro-similaire-caption {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5em;
    padding: .85em 1em;
    background: #fff;
    border-top: 1px solid #e9ecef;
    flex: 1;
     font-family: "Open Sans", Sans-serif; 
}
   
.pro-similaire-title {
    font-size: .9em;
    font-weight: 600;
    line-height: 1.4;
    color: #0b4388;
}

.pro-similaire-arrow {
    flex-shrink: 0;
    color: #f2a900;
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity .2s ease, transform .2s ease;
}

.pro-similaire-item:hover .pro-similaire-arrow {
    opacity: 1;
    transform: translateX(0);
}