.favorites-container  {
        display:  grid;
        grid-template-columns:  repeat(auto-fill,  minmax(200px,  1fr));
     /* mai mic pentru mobil */    gap:  12px;
     /* mai compact pe mobil */    padding:  10px;
}
.favorite-item  {
        background:  #111;
        border-radius:  10px;
        padding:  6px;
        text-align:  center;
        box-shadow:  0 2px 8px rgba(0, 0, 0, 0.4);
        position:  relative;
        transition:  transform 0.25s;
}
.favorite-item img  {
        width:  100%;
        height:  300px;
          /* redus pentru mobil */    object-fit:  cover;
        border-radius:  8px;
        margin-bottom:  6px;
}
.favorite-item h3  {
        color:  white;
        font-size:  14px;
        /* redus pentru mobil */    margin-top:  6px;
}
.remove-favorite  {
        margin-top:  6px;
        background:  #900;
        color:  white;
        border:  none;
        padding:  5px 12px;
        border-radius:  5px;
        cursor:  pointer;
}
.remove-favorite:hover  {
        background:  #c00;
}
.favorite-btn  {
        background:  #1a1a1a;
        color:  #f5f5f5;
        font-size:  14px;
        font-weight:  400;
        padding:  8px 16px;
        border:  2px solid #333;
        border-radius:  50px;
        cursor:  pointer;
        display:  inline-flex;
        align-items:  center;
        gap:  8px;
        white-space:  nowrap;
}
.favorite-btn:hover  {
        background:  #292929;
        border-color:  #555;
}
.favorite-btn:active  {
        /* fara transform */}
.star-icon  {
        font-size:  14px;
        line-height:  1;
}
.favorite-btn.added  {
        background:  #0a7f42;
        border-color:  #0a7f42;
}
@media (max-width: 768px), (max-width: 480px) {
    .favorites-container {
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
        gap: 12px !important;
        padding: 10px !important;
    }

    .favorite-item img {
        height: 250px !important;
    }

    .favorite-item h3 {
        font-size: 14px !important;
    }

    .favorite-btn {
        font-size: 14px !important;
        padding: 8px 16px !important;
        gap: 8px !important;
    }

    .star-icon {
        font-size: 14px !important;
    }
}