:root{
  --primary-green:#00A39C; --gray-200:#e5e7eb; --gray-400:#9ca3af;
  --gray-600:#4b5563; --gray-700:#374151; --gray-900:#111827;
  --yellow:#fbbf24; --red:#ef4444;
}
.favorites-container{padding: 10px;}


/* Grid & cards */
/* .favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:25px;margin-top:12px;} */
.favorite-card{background:#fff;overflow:hidden;display:flex;transition:.3s;position:relative;cursor:pointer;height:160px; margin-bottom: 10px; box-shadow:0 10px 25px rgba(0,0,0,.15);}
/* .favorite-card:hover{box-shadow:0 10px 25px rgba(0,0,0,.15);} */

/* Image section */
.card-image-section{position:relative;width:180px;min-width:180px;height:100%;}
.card-image{width:100%;height:100%;object-fit:cover;}
.businessStatus-badge{position:absolute;top:12px;left:12px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;backdrop-filter:blur(8px);}
.businessStatus-badge.status-open{background:rgba(0,163,156,.8);color:#fff;}
.businessStatus-badge.status-closed{background:rgba(239,68,68,.8);color:#fff;}

/* Content section */
.card-content{padding:20px;display:flex;flex-direction:column;flex-grow:1;overflow:hidden;}
.card-title{font-size:18px;font-weight:700;color:var(--gray-900);margin-bottom:8px;line-height:1.3;}
.card-meta{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--gray-600);}
.meta-item{display:flex;align-items:center;gap:6px;}
.meta-item i{font-size:18px;}
.meta-item.rating{color:var(--yellow);font-weight:600;}
.meta-item.rating i{color:var(--yellow);}
.meta-item span{line-height:1.2;}

/* remove btn */
.remove-favorite-btn{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.9);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--red);cursor:pointer;font-size:18px;transition:.3s;opacity:0;pointer-events:none;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.15);}
.favorite-card:hover .remove-favorite-btn{opacity:1;pointer-events:auto;}
.remove-favorite-btn:hover{background:var(--red);color:#fff;transform:scale(1.1);}

/* Responsive */
@media (max-width:768px){
  /* .favorites-grid{grid-template-columns:1fr;gap:20px;} */
  .favorite-card{height:160px;}
  .card-image-section{width:140px;min-width:140px;}
  .card-content{padding:15px;}
  .card-title{font-size:16px;}
  .card-meta{font-size:14px;}
  .meta-item i{font-size:18px;}
  .remove-favorite-btn{opacity:1;pointer-events:auto;}
}
@media (max-width:480px){
  .favorite-card{height:140px;}
  .card-image-section{width:120px;min-width:120px;}
  .card-content{padding:12px;}
  .card-title{font-size:15px;margin-bottom:6px;}
}