/* Fix general pentru imagini */
img {
  max-width: 100%;
  height: auto;
}

/* Fix pentru tabele folosite ca layout */
table {
  width: 100% !important;
}

/* Pe ecrane mici (telefon) */
@media screen and (max-width: 768px) {
  
  /* Container principal */
  body, #wrapper, #container, .main-container {
    width: 100% !important;
    min-width: unset !important;
    overflow-x: hidden;
  }

  /* Coloanele puse in tabel sa devina verticale */
  table, tbody, tr, td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
  }

  /* Ascunde coloana laterala daca exista */
  .sidebar, #sidebar, .left-column {
    display: none !important;
  }

  /* Produse in grila - un singur produs pe rand */
  .product-item, .item, [class*="produs"] {
    width: 100% !important;
    float: none !important;
    display: block !important;
  }

  /* Meniu navigare */
  #menu, .menu, nav {
    width: 100% !important;
  }

  /* Slider imagini */
  .slider img, #slider img {
    width: 100% !important;
    height: auto !important;
  }
}