.favorites-container {display: grid;grid-template-columns: repeat(auto-fill, minmax(158px, 1fr));gap: 10px;padding: 10px;}.favorite-item {background: #111111;border-radius: 8px;padding: 3px;text-align: center;box-shadow: 0 2px 10px rgba(0,0,0,0.5);border: 1px solid rgba(201,168,76,0.12);position: relative;transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;}.favorite-item:hover {transform: translateY(-4px);box-shadow: 0 10px 28px rgba(0,0,0,0.7), 0 0 0 1px rgba(201,168,76,0.28);border-color: rgba(201,168,76,0.28);}.favorite-item img {width: 100%;height: 260px;object-fit: cover;border-radius: 6px;margin-bottom: 4px;display: block;}.favorite-item h3 {color: #f0ead6;font-size: 12px;font-family: 'Rajdhani', Arial, sans-serif;font-weight: 500;margin: 3px 0 5px;line-height: 1.3;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}.remove-favorite {display: block;width: 100%;margin-top: auto;padding: 6px 8px;background: rgba(192,57,43,0.85);border: none;border-radius: 5px;color: #fff;font-size: 12px;font-family: 'Rajdhani', Arial, sans-serif;font-weight: 600;letter-spacing: 0.03em;cursor: pointer;transition: background 0.2s ease;-webkit-tap-highlight-color: transparent;touch-action: manipulation;}.remove-favorite:hover {background: rgba(160,40,30,0.95);}.favorite-btn {background: linear-gradient(135deg, var(--gold), var(--gold-light));box-shadow: 0 0 14px var(--gold-glow);color: #000;font-size: 13px;font-weight: 600;font-family: 'Rajdhani', Arial, sans-serif;letter-spacing: 0.04em;padding: 8px 16px;border: 1px solid rgba(201,168,76,0.25);border-radius: 50px;cursor: pointer;display: inline-flex;align-items: center;gap: 7px;white-space: nowrap;}.favorite-btn:hover {background: linear-gradient(135deg,#ffe28a 0%,#ffd34d 50%,#ffefb0 100%);color:#111;border-color:#ffd34d;box-shadow: 0 0 5px rgba(255,220,120,.5), 0 0 5px rgba(255,215,90,.35), 0 5px 4px rgba(0,0,0,.25);transform: translateY(-1px);}.star-icon {font-size: 14px;line-height: 1;}.favorite-btn.added {background: rgba(10,127,66,0.2);border-color: #0a7f42;color: #2ecc71;}.favorite-btn.loading {opacity: .6;pointer-events: none;}.bf-info-box {display: flex;justify-content: center;align-items: center;background: rgba(201,168,76,0.05);border: 1px solid rgba(201,168,76,0.2);border-radius: 8px;padding: 12px 16px;margin: 0 0 8px;}.bf-info-text {display: flex;flex-direction: column;align-items: center;gap: 5px;text-align: center;}.bf-info-text p {margin: 0;font-size: 13px;font-family: 'Rajdhani', Arial, sans-serif;color: #b8ad96;line-height: 1.2;}.bf-info-title {color: #c9a84c !important;font-weight: 600;}.bf-count {display: inline-block;background: linear-gradient(135deg, #9a7230, #c9a84c) !important;color: #000 !important;font-weight: 700;font-family: 'Rajdhani', Arial, sans-serif;padding: 7px 18px;border-radius: 20px;font-size: 14px;box-shadow: 0 3px 10px rgba(0,0,0,0.4);letter-spacing: 0.04em;}@media (max-width: 768px) {.favorites-container {grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;gap: 10px !important;padding: 8px !important;}.favorite-item img {height: 240px !important;}.favorite-item h3 {font-size: 12px !important;}.favorite-btn {font-size: 13px !important;padding: 7px 14px !important;gap: 7px !important;}.star-icon {font-size: 13px !important;}}@media (max-width: 480px) {.favorites-container {grid-template-columns: repeat(2, 1fr) !important;gap: 8px !important;padding: 6px !important;}.favorite-item img {height: 220px !important;}}