.nav-container {
    display: grid;
    /* auto-fit лучше центрирует, чем auto-fill */
    grid-template-columns: repeat(auto-fit, 265px); 
    gap: 10px;
    /* Центрирует всю сетку внутри контейнера */
    justify-content: center; 

    /* Центрирует контент (кнопки) внутри самих ячеек */
    /* justify-items: center;    */
    
    /* Убираем или меняем на stretch */
    justify-items: stretch; 
    
    /* Чтобы кнопки были одинаковыми и по высоте, если текст переносится */
    align-items: stretch;   
    
    width: 100%;
}
  /* На всякий случай сбросим ширину у самих кнопок внутри */
/* .nav-container button {
    width: 100%; 
} */

  .nav-btn-sort {
    padding: 8px 16px;
    cursor: pointer;
    background-color: var(--rozovii);
    color: var(--bordovii);
    /* border: none; */
    transition: all 0.2s;
    /* --------- */
    /* width: 100px; */
    height: 40px;
    margin: 5px;    
    font-family: 'Times New Roman', serif;
    font-size: 14px;

    border-radius: 20px;
    border: 2px var(--tem-zel);  
    box-shadow: 1px 1px 5px var(--teni_menu);   
  }

  .nav-btn-sort:disabled {
    background-color: var(--rozovii);
    /* cursor: not-allowed; */
    opacity: 0.5;
  }