.favorites-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:10px}.favorite-item{background:#111;border-radius:10px;padding:6px;text-align:center;box-shadow:0 2px 8px rgb(0 0 0 / .4);position:relative;transition:transform 0.25s}.favorite-item img{width:100%;height:300px;object-fit:cover;border-radius:8px;margin-bottom:6px}.favorite-item h3{color:#fff;font-size:14px;margin-top:6px}.remove-favorite{margin-top:6px;background:#900;color:#fff;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}.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}}