/* Badge Reducere */
.savings-badge-mobile {
    background: #c00;
    color: #fff;
    padding: 2px 4px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 600;
    margin-top: 2px;
    border: 1px solid #c00;
    display: inline-block;
}

/* ========================================================= */
/* SECURITY BANNER - ALINIERE CENTRATA (OPTIMIZAT LCP)       */
/* ========================================================= */

.security-banner-lcp {
    display: grid;
    /* MOBIL: 2 coloane */
    grid-template-columns: 1fr 1fr; 
    gap: 8px; 
    margin: 10px 0;
    width: 100%;
    box-sizing: border-box;
    /* LCP OPTIMIZATION: Izoleaza randarea sa nu afecteze restul paginii */
    contain: content; 
}

.security-card-lcp {
    display: flex;
    flex-direction: column;
    /* CENTRARE TOTALA */
    align-items: center; 
    justify-content: center;
    text-align: center;
    
    padding: 2px; /* Padding minim pentru spatiu maxim */
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    background: #fff;
    min-height: 45px; 
}

/* GRUPUL DE SUS: ICON + TITLU */
.security-top-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; /* Centram grupul icon+text */
    width: 100%;
    margin-bottom: 2px;
}

.security-icon-lcp {
    width: 20px; 
    height: 20px;
    background: #222;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; 
    margin-right: 4px; /* Spatiu mic intre icon si text */
}

.security-icon-lcp svg {
    width: 10px;
    height: 10px;
    fill: #fff;
}

/* TITLU */
.security-title-lcp {
    font-family: system-ui, -apple-system, sans-serif; /* Cel mai rapid font (LCP safe) */
    font-size: 8px;
    font-weight: 800; 
    text-transform: uppercase;
    color: #000;
    line-height: 1.1;
    white-space: nowrap; 
}

/* DESCRIERE (BENEFICIU) */
.security-desc-lcp {
    font-family: system-ui, -apple-system, sans-serif;
    font-size: 8px;
    color: #555;
    line-height: 1.2;
    margin-top: 1px;
    /* CENTRAT: Fara padding-left, textul sta natural pe mijloc */
    padding-left: 0; 
    white-space: nowrap;
}

/* === DESKTOP (Laptop/PC) === */
@media (min-width: 992px) {
    .security-banner-lcp {
        /* 4 Coloane pe un rand */
        grid-template-columns: repeat(4, 1fr); 
        gap: 8px;
        padding: 6px;
        background: #fdfdfd;
        border: 1px solid #eee;
    }
    
    .security-card-lcp {
        border: none; 
        background: transparent;
        padding: 0;
        border-right: 1px solid #e0e0e0;
        border-radius: 0;
        /* Pe desktop pastram centrarea pentru uniformitate */
        align-items: center; 
    }
    
    .security-card-lcp:last-child {
        border-right: none;
    }

    .security-title-lcp { font-size: 9px; }
    .security-desc-lcp { font-size: 9px; }
}

/* === FIX PENTRU ECRANE FOARTE MICI === */
@media (max-width: 360px) {
    .security-title-lcp { font-size: 7px; } /* Ajustat fin */
    .security-desc-lcp { font-size: 7px; }
    .security-icon-lcp { width: 18px; height: 18px; margin-right: 3px; }
}