@media (max-width: 768px) {

.post-content table {
    width: max-content !important;
}

.main-container .row-container .row-parent {
    padding: 36px 1px 36px 1px !important;
}
    /* ✅ Imposta il contenitore principale per il layout mobile */
    .financial-products-container {
        display: block;
        padding: 5px;
        overflow-x: auto !important;
        white-space: nowrap !important;
        width: 100% !important;
    }

    .table-container {
        width: 100%;
        margin-bottom: 20px;
        position: relative; /* Necessario per posizionare gli elementi */
    }

    /* ✅ Migliora leggibilità della tabella su mobile */
    .financial-table {
        width: max-content;
    }
        .financial-table sortable expanded {
        width: max-content;
    }
    
    
    

    .financial-table th,
    .financial-table td {
        font-size: 12px !important;
        padding: 8px !important;
        word-wrap: break-word !important;
        white-space: normal !important;
        text-align: center !important;
        vertical-align: middle !important;
    }

    /* ✅ Fissa le prime colonne */
    .financial-table th:first-child,
    .financial-table td:first-child {
        font-size: 12px;
    }

    /* ✅ Nasconde le icone di votazione su mobile */
    .voting-icons.right-icons {
        display: none !important;
    }
      .voting-icons {
        display: none !important;
    }

    /* ✅ Abilita scroll orizzontale sulle colonne extra */
    .table-container.expanded {
        overflow-x: auto !important;
        white-space: nowrap !important;
    }

    .table-container.expanded .financial-table {
        width: max-content !important;
    }

    .table-container.expanded .financial-table th,
    .table-container.expanded .financial-table td {
        display: table-cell !important;
        min-width: 100px !important;
    }

 

    /* ✅ Mantiene il tasto "Scopri di più" sempre visibile */
    .expand-button {
        position: sticky !important;
        bottom: 15px !important; /* Fissa il tasto in basso */
        left: 50% !important;
        transform: translateX(-50%) !important; /* Mantiene il tasto centrato */
        width: 50% !important; /* Adatta la larghezza */
        z-index: 50 !important; /* Garantisce che resti sopra tutto */
        background: #2980b9 !important;
        padding: 12px 15px !important;
        font-size: 14px !important;
        border-radius: 5px !important;
        transition: background 0.3s ease, transform 0.2s ease !important;
    }

    /* ✅ Effetto hover per rendere il pulsante più visibile */
    .expand-button:hover {
        background: #1c6690 !important;
        transform: translateX(-50%) scale(1.05) !important;
    }

    /* ✅ Previene la sovrapposizione del bottone con la tabella */
    .table-container {
        position: relative !important;
        padding-bottom: 30px !important; /* Spazio extra per il pulsante */
         padding-top: 30px !important;
    }

    

}