.imp-home { 
    max-width: 1200px; 
    margin: 40px auto 50px auto; 
    padding: 0 20px; 
    font-family: var(--font-texte); 
    display: block;
    clear: both;
    overflow: visible;
}

.imp-home-big-title { 
    font-size: clamp(35px, 6vw, 75px); 
    font-weight: 900; 
    text-transform: uppercase; 
    line-height: 0.85; 
    margin: 0 0 80px 0; 
    letter-spacing: -3px; 
    color: var(--imp-text-main);
}

.imp-grid { 
    display: grid; 
    grid-template-columns: 1fr 1fr; 
    gap: 80px 50px; 
}

.imp-item-wrapper { 
    display: flex; 
    flex-direction: column; 
    position: relative; 
    text-decoration: none !important; 
    color: inherit; 
    cursor: pointer; 
    z-index: 10; 
}

.imp-card { 
    position: relative; width: 100% !important; padding-top: 100% !important; 
    background: var(--imp-bg-alt); 
    overflow: hidden; 
}
.imp-img { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.8s cubic-bezier(0.2, 1, 0.3, 1); }

/* --- TITRE + COMPAGNIE PAR-DESSUS L'IMAGE, EN BAS À GAUCHE --- */
.imp-header { 
    position: absolute; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    padding: 60px 25px 22px; 
    background: linear-gradient(to top, rgba(0,0,0,0.65), rgba(0,0,0,0)); /* Dégradé pour la lisibilité */
    z-index: 4; 
    pointer-events: none; 
}
.imp-title { 
    font-size: clamp(32px, 4.5vw, 100px); /* même taille qu'avant la refonte (sur ordinateur) */
    font-weight: 900; 
    text-transform: uppercase; 
    line-height: 1; 
    margin: 0; 
    color: #ffffff !important; /* Toujours blanc car posé sur la photo */
}
.imp-compagnie { 
    font-size: 30px; /* même taille qu'avant la refonte */
    font-weight: 800;
    text-transform: none;
    letter-spacing: 0px;
    color: rgba(255,255,255,0.8); 
    margin-top: 8px; 
    display: block; 
}

.imp-view-btn { 
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -40%); 

    /* --- PERSONNALISATION DU TEXTE ET DU FOND --- */
    color: #ffffff !important;
    font-family: 'Canon Grotesque', sans-serif !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    text-transform: uppercase; 
    letter-spacing: 2px; 

    background: rgba(0, 0, 0, 0.6);
    padding: 12px 24px;
    border-radius: 4px;
    backdrop-filter: blur(4px);

    opacity: 0; 
    z-index: 5; 
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    text-align: center; 
    width: auto;
    white-space: nowrap;
}

.imp-mobile-badge {
    display: none; position: absolute; bottom: 15px; right: 15px; 
    background: var(--imp-text-main); 
    color: var(--imp-bg-main); 
    padding: 8px 12px; font-size: 9px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; z-index: 10; 
    box-shadow: 4px 4px 0px var(--imp-bg-main);
}

.imp-item-wrapper:hover .imp-img { transform: scale(1.05); }
.imp-item-wrapper:hover .imp-view-btn { opacity: 1; transform: translate(-50%, -50%); }

@media (max-width: 850px) { 
    .imp-home { padding: 0 10px !important; margin-top: 0px !important; }
    .imp-grid { grid-template-columns: 1fr; gap: 60px; } 
    .imp-header { padding: 50px 15px 15px; }
    .imp-home-big-title { letter-spacing: -1px; margin-bottom: 40px; }
    .is-preparation .imp-mobile-badge { display: block; }
    .imp-title { font-size: clamp(34px, 9vw, 60px) !important; }
}