<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/* Stiluri pentru layout-ul mobil cu 2 coloane - OPTIMIZAT PENTRU TEXT */
.mobile-only-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Doua coloane egale */
    /* MODIFICAT: Gap-uri mai mici */
    gap: 25px 15px; /* 25px spatiu intre randuri, 15px intre coloane */
    padding: 0 15px; /* Spatiu suficient pe marginile ecranului */
    box-sizing: border-box;
    width: 100%;
}

/* Stilul fiecarui element din grila */
.mobile-item {
    display: flex;
    align-items: center;
    text-decoration: none !important; /* ADAUGĂ ACEASTĂ LINIE */
    color: inherit;
}

/* Stilul imaginii */
.mobile-item img {
    /* MODIFICAT: Imagini mai mici */
    width: 50px; 
    height: auto;
    /* MODIFICAT: Spatiu mai mic intre imagine si text */
    margin-right: 10px; 
    flex-shrink: 0;
}

/* Containerul de text */
.mobile-item .item-text {
    flex-grow: 1; 
    min-width: 0;
}

/* Stilurile pentru text */
.mobile-item .text-virtual {
    display: block;
    font-size: 13px;
    color: #555;
    margin-bottom: 2px;
}

.mobile-item h3 {
    font-size: 15px; /* O dimensiune lizibila care incape usor */
    line-height: 1.3;
    font-weight: bold;
    margin: 0;
}</style>
<!-- end Simple Custom CSS and JS -->
