#sp-main-body {
  padding: 0!important;
}
/* Ascuns pe desktop */
.menu-mobile {
  display: none;
}

/* Mobil */
@media (max-width: 768px) {
	
  .menu-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    
    position: fixed;
    bottom: 10px;
    left: 0;
    width: 100%;

    z-index: 9999;
	  margin: 5px!important;
  }

  .menu-mobile li {
    list-style: none;
  }

  .menu-mobile a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    width: 70px;
    height: 70px;

    background: #f2f2f2;
    border-radius: 12px; /* pătrat cu colțuri rotunjite */

    text-decoration: none;
    color: #666;
	text-align: center;

    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
  }
  

  /* ICON MARE */
  .menu-mobile a span {
    font-size: 32px;
    margin-bottom: 4px;
  }

  /* TEXT */
  .menu-mobile a {
    font-size: 11px;
  }
  @media (max-width: 768px) {

  .menu-mobile a {
    width: 75px;
    height: 75px;

    padding: 10px; /* 🔥 spațiu interior */

    background: #e0e0e0; /* gri mai vizibil */
    border-radius: 14px;

    color: #444;

    transition: all 0.3s ease;
  }

  /* ICON mai mare */
  .menu-mobile a span {
    font-size: 34px;
	margin:0!important  
  }

  /* HOVER / TAP (pe mobil apare la touch) */
  .menu-mobile a:hover,
  .menu-mobile a:active {
    color: #df9585!important;
    transform: scale(1.05);
	background:@f1f1f1!important;

  }

  /* icon devine alb la hover */
  .menu-mobile a:hover span,
  .menu-mobile a:active span {
    color: #df9585!important;
  }
}
}