.fav-page { padding: 40px 0 60px; min-height: 60vh; }
        .fav-breadcrumb { display:flex;align-items:center;gap:8px;margin-bottom:30px;font-size:13px;color:#999; }
        .fav-breadcrumb a { color:#666; } .fav-breadcrumb a:hover { color:var(--primary); }
        .fav-title { font-size:28px;font-weight:700;color:#1a1a2e;margin-bottom:8px;display:flex;align-items:center;gap:12px; }
        .fav-title i { color:#e74c3c; }
        .fav-subtitle { font-size:14px;color:#999;margin-bottom:30px; }
        .fav-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:24px; }
        .fav-card { background:white;border:1px solid #eee;border-radius:12px;overflow:hidden;position:relative;transition:all 0.2s; }
        .fav-card:hover { box-shadow:0 8px 30px rgba(0,0,0,0.1);transform:translateY(-2px); }
        .fav-remove { position:absolute;top:12px;right:12px;width:36px;height:36px;background:white;border:1px solid #eee;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:#e74c3c;z-index:5;transition:all 0.2s;box-shadow:0 2px 6px rgba(0,0,0,0.08); }
        .fav-remove:hover { background:#e74c3c;color:white; }
        .fav-card-img { background:#f5f5f5;height:200px;display:flex;align-items:center;justify-content:center;padding:20px; }
        .fav-card-img img { max-height:160px;object-fit:contain; }
        .fav-card-body { padding:16px; }
        .fav-card-cat { font-size:11px;font-weight:600;color:var(--primary);text-transform:uppercase;background:#e8f0fa;padding:3px 8px;border-radius:3px;display:inline-block;margin-bottom:8px; }
        .fav-card-name { font-size:14px;font-weight:600;color:#333;margin-bottom:8px;display:block; }
        .fav-card-name:hover { color:var(--primary); }
        .fav-card-price { font-size:18px;font-weight:700;color:var(--primary);margin-bottom:12px; }
        .fav-card-price.ask { font-size:13px;color:#e67e22; }
        .fav-card-actions { display:flex;gap:8px; }
        .fav-btn-cart { flex:1;background:var(--primary);color:white;border:none;padding:10px;border-radius:8px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background 0.2s; }
        .fav-btn-cart:hover { background:#003d7a; }
        .fav-btn-view { background:#f0f0f0;color:#333;border:none;padding:10px 16px;border-radius:8px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s;text-decoration:none;display:flex;align-items:center;gap:6px; }
        .fav-btn-view:hover { background:#e0e0e0; }
        .fav-empty { text-align:center;padding:80px 20px; }
        .fav-empty i { font-size:72px;color:#f0d0d0;display:block;margin-bottom:20px; }
        .fav-empty h2 { font-size:22px;color:#333;margin-bottom:10px; }
        .fav-empty p { font-size:14px;color:#999;margin-bottom:24px; }
        .fav-clear-row { display:flex;justify-content:flex-end;margin-bottom:20px; }
        .fav-clear-btn { background:white;border:1px solid #ddd;color:#666;padding:8px 20px;border-radius:6px;font-family:inherit;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all 0.2s; }
        .fav-clear-btn:hover { border-color:#e74c3c;color:#e74c3c; }
        .btn-shop { display:inline-block;background:var(--primary);color:white;padding:14px 36px;border-radius:8px;font-weight:600;font-size:15px;text-decoration:none; }
        .btn-shop:hover { background:#003d7a;color:white; }
        @media (max-width:768px) { .fav-grid { grid-template-columns:repeat(2,1fr);gap:16px; } }
        @media (max-width:480px) { .fav-grid { grid-template-columns:1fr; } }